@revolist/revogrid 4.24.2 → 4.25.0

package/dist/types/types/theme.d.ts

@@ -4,4 +4,91 @@ export interface ThemePackage {
 export type ThemeConfig = {
     rowSize: number;
 };
-export type Theme = 'default' | 'material' | 'compact' | 'darkMaterial' | 'darkCompact' | string;
+export type BuiltInTheme = 'default' | 'material' | 'compact' | 'darkMaterial' | 'darkCompact';
+export type ThemeBase = 'default' | 'material' | 'compact';
+export type ThemeColorScheme = 'light' | 'dark';
+/**
+ * Public theme tokens and their CSS custom-property counterparts.
+ * Keep this map as the single source of truth for typed theme definitions.
+ */
+export declare const themeTokenCssVariables: {
+    readonly primary: "--revo-grid-primary";
+    readonly primaryTransparent: "--revo-grid-primary-transparent";
+    readonly background: "--revo-grid-background";
+    readonly foreground: "--revo-grid-foreground";
+    readonly divider: "--revo-grid-divider";
+    readonly shadow: "--revo-grid-shadow";
+    readonly text: "--revo-grid-text";
+    readonly border: "--revo-grid-border";
+    readonly headerBg: "--revo-grid-header-bg";
+    readonly headerColor: "--revo-grid-header-color";
+    readonly headerBorder: "--revo-grid-header-border";
+    readonly headerFocusedBg: "--revo-grid-header-focused-bg";
+    readonly headerHoverBg: "--revo-grid-header-hover-bg";
+    readonly cellBorder: "--revo-grid-cell-border";
+    readonly cellVerticalBorder: "--revo-grid-cell-vertical-border";
+    readonly focusedBg: "--revo-grid-focused-bg";
+    readonly rowHover: "--revo-grid-row-hover";
+    readonly rowHeadersBg: "--revo-grid-row-headers-bg";
+    readonly rowHeadersColor: "--revo-grid-row-headers-color";
+    readonly cellDisabledBg: "--revo-grid-cell-disabled-bg";
+    readonly filterPanelBg: "--revo-grid-filter-panel-bg";
+    readonly filterPanelBorder: "--revo-grid-filter-panel-border";
+    readonly filterPanelShadow: "--revo-grid-filter-panel-shadow";
+    readonly filterPanelInputBg: "--revo-grid-filter-panel-input-bg";
+    readonly filterPanelDivider: "--revo-grid-filter-panel-divider";
+    readonly filterPanelSelectBorder: "--revo-grid-filter-panel-select-border";
+    readonly filterPanelSelectBorderHover: "--revo-grid-filter-panel-select-border-hover";
+    readonly filterPanelReorderAccent: "--revo-grid-filter-panel-reorder-accent";
+    readonly filterPanelReorderColor: "--revo-grid-filter-panel-reorder-color";
+    readonly filterPanelText: "--revo-grid-filter-panel-text";
+    readonly filterPanelMutedText: "--revo-grid-filter-panel-muted-text";
+    readonly filterPanelFocusRing: "--revo-grid-filter-panel-focus-ring";
+    readonly filterPanelIcon: "--revo-grid-filter-panel-icon";
+    readonly filterPanelIconActive: "--revo-grid-filter-panel-icon-active";
+    readonly filterPanelSelectArrow: "--revo-grid-filter-panel-select-arrow";
+    readonly filterPanelSelectArrowDisabled: "--revo-grid-filter-panel-select-arrow-disabled";
+    readonly fontFamily: "--revo-grid-font-family";
+    readonly fontSize: "--revo-grid-font-size";
+    readonly headerHeight: "--revo-grid-header-height";
+    readonly headerFontSize: "--revo-grid-header-font-size";
+    readonly headerFontWeight: "--revo-grid-header-font-weight";
+    readonly headerTextTransform: "--revo-grid-header-text-transform";
+    readonly headerTextAlign: "--revo-grid-header-text-align";
+    readonly cellTextAlign: "--revo-grid-cell-text-align";
+    readonly headerPadding: "--revo-grid-header-padding";
+    readonly cellPadding: "--revo-grid-cell-padding";
+    readonly selectionBorder: "--revo-grid-selection-border";
+    readonly selectionBg: "--revo-grid-selection-bg";
+    readonly autofillHandleBg: "--revo-grid-autofill-handle-bg";
+    readonly autofillHandleBorder: "--revo-grid-autofill-handle-border";
+    readonly rangeHandleBg: "--revo-grid-range-handle-bg";
+    readonly temporaryRangeBorder: "--revo-grid-temporary-range-border";
+    readonly temporarySelectionBorder: "--revo-grid-temporary-selection-border";
+    readonly headerResizeHover: "--revo-grid-header-resize-hover";
+    readonly buttonText: "--revo-grid-button-text";
+    readonly buttonBg: "--revo-grid-button-bg";
+    readonly buttonSuccessBg: "--revo-grid-button-success-bg";
+    readonly buttonDangerBg: "--revo-grid-button-danger-bg";
+    readonly buttonOutlineBorder: "--revo-grid-button-outline-border";
+    readonly buttonOutlineText: "--revo-grid-button-outline-text";
+};
+export type ThemeTokenName = keyof typeof themeTokenCssVariables;
+export type ThemeTokens = Partial<Record<ThemeTokenName, string>>;
+export interface ThemeDefinition {
+    name: string;
+    /** Built-in or registered custom theme to inherit from. */
+    extends?: string;
+    colorScheme?: ThemeColorScheme;
+    defaultRowSize?: number;
+    tokens?: ThemeTokens;
+}
+export interface ResolvedTheme extends ThemePackage {
+    name: string;
+    base: ThemeBase;
+    colorScheme: ThemeColorScheme;
+    tokens: ThemeTokens;
+    custom: boolean;
+}
+/** Type-safe identity helper for reusable theme definitions. */
+export declare function defineTheme<T extends ThemeDefinition>(theme: T): T;