diff --git a/src/index.ts b/src/index.ts index d7e0894f..cf7bcb4a 100644 --- a/src/index.ts +++ b/src/index.ts @@ -27,6 +27,7 @@ export * from "./components/helpers/jsonforms"; export * from "./themes/BaseTheme"; export * from "./themes/DiamondTheme"; export * from "./themes/DiamondDSTheme"; +export * from "./themes/DiamondDSIntegrations"; export * from "./themes/GenericTheme"; export * from "./themes/ThemeProvider"; export * from "./themes/ThemeManager"; diff --git a/src/themes/DiamondDSIntegrations.ts b/src/themes/DiamondDSIntegrations.ts new file mode 100644 index 00000000..6c520a16 --- /dev/null +++ b/src/themes/DiamondDSIntegrations.ts @@ -0,0 +1,35 @@ +export const DiamondDSIntegrations = { + /* Material React Table (MRT) */ + mrt() { + return { + baseBackgroundColor: "rgb(var(--ds-surface-channel))", + draggingBorderColor: "var(--ds-primary)", + // matchHighlightColor: "rgb(var(--ds-warning-mainChannel) / 0.30)", + menuBackgroundColor: "var(--ds-surface)", + pinnedRowBackgroundColor: "rgb(var(--ds-primary-mainChannel) / 0.10)", + selectedRowBackgroundColor: "rgb(var(--ds-primary-mainChannel) / 0.20)", + }; + }, + + mrtOptions() { + return { + muiTableHeadCellProps: { + sx: { + backgroundColor: "var(--ds-surface-container)", + }, + }, + muiTablePaperProps: { + elevation: 0, + sx: { + boxShadow: "none", + borderRadius: 1, + border: "1px solid var(--ds-border-subtle)", + }, + }, + }; + }, + + // Future: + // reactFlow(theme) { ... }, + // agGrid(theme) { ... }, +};