@daisforge/ui 1.21.0 → 1.23.0

package/components/TableGlide/theming/fill-states.d.ts

@@ -0,0 +1,19 @@
+import { TableColorTheme } from './table-colors.generated';
+
+export type CellFillStates = {
+    rest: string;
+    hover: string | null;
+    hover2: string | null;
+    active: string | null;
+    hoverActive: string | null;
+};
+type ColorMode = 'light' | 'dark';
+export declare const fillStates: (hex: string, mode: ColorMode, options?: {
+    stepFactor?: number;
+    cardHex?: string;
+    primaryHex?: string | null;
+    selectionHex?: string | null;
+    achromatic?: boolean;
+}) => CellFillStates;
+export declare const getCellFillStates: (hex: string, theme: TableColorTheme) => CellFillStates;
+export {};

package/components/TableGlide/theming/glide-colors.d.ts

@@ -1,18 +1,18 @@
 import { ActiveTheme } from './activeTheme.type';
 
 export declare const getGlideColors: (activeTheme: ActiveTheme) => {
-    accentColor: "#0058A2" | "#0087CD" | "#0b7ecb";
-    accentLight: "#DAE8F1" | "#E2F1FB";
-    textDark: "#13181BF5" | "#14191DF5";
-    textHeader: "#13181BF5" | "#14191DF5";
-    textHeaderSelected: "#13181BF5" | "#14191DF5";
-    textGroupHeader: "#13181BF5" | "#14191DF5";
-    bgCell: "#FFFFFF";
-    bgHeader: "#EFF8FF" | "#ECF6FCFF" | "#CFE5F2FF";
-    bgHeaderHasFocus: "#EFF8FF" | "#ECF6FCFF" | "#B9D6E7";
-    bgHeaderHovered: "#DEECF5" | "#C2DCEB";
-    borderColor: "#D5DFE6" | "#C4CFD7" | "#CFDBE4";
-    bgGroupHeader: "#EFF8FF" | "#ECF6FCFF" | "#CFE5F2FF";
-    bgGroupHeaderHovered: "#DEECF5" | "#C2DCEB";
-    hiddenColumnsIndicatorColor: "#0058A2" | "#0087CD" | "#0b7ecb";
+    accentColor: "#0B7ECB" | "#199AF0" | "#0087CD" | "#1F9EEB" | "#0058A2";
+    accentLight: "#E2F1FB" | "#082436" | "#E0F2FB" | "#052536" | "#E0EEFA";
+    textDark: "#13181BF5" | "#F2F5F8F5" | "#14191DF5" | "#F3F7FAF5";
+    textHeader: "#13181BF5" | "#F2F5F8F5" | "#14191DF5" | "#F3F7FAF5";
+    textHeaderSelected: "#13181BF5" | "#F2F5F8F5" | "#14191DF5" | "#F3F7FAF5";
+    textGroupHeader: "#13181BF5" | "#F2F5F8F5" | "#14191DF5" | "#F3F7FAF5";
+    bgCell: "#FFFFFF" | "#060A0C" | "#060A0D";
+    bgHeader: "#ECF6FC" | "#071A26" | "#EFF8FF" | "#0C1A24" | "#CFE5F2";
+    bgHeaderHasFocus: "#ECF6FC" | "#071A26" | "#EFF8FF" | "#0C1A24" | "#CFE5F2";
+    bgHeaderHovered: "#DEF0FA" | "#0A212F" | "#E1F2FF" | "#11212D" | "#C2DEEE";
+    borderColor: "#D5DFE6" | "#23292D" | "#CFDBE4" | "#262626" | "#C4CFD7";
+    bgGroupHeader: "#ECF6FC" | "#071A26" | "#EFF8FF" | "#0C1A24" | "#CFE5F2";
+    bgGroupHeaderHovered: "#DEF0FA" | "#0A212F" | "#E1F2FF" | "#11212D" | "#C2DEEE";
+    hiddenColumnsIndicatorColor: "#0B7ECB" | "#199AF0" | "#0087CD" | "#1F9EEB" | "#0058A2";
 };

package/components/TableGlide/theming/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/TableGlide-am_w97mF.cjs");exports.THEME=e.THEME;exports.getTheme=e.getTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/TableGlide-C2_HrWEA.cjs");exports.THEME=e.THEME;exports.getTheme=e.getTheme;

package/components/TableGlide/theming/index.mjs

@@ -1,4 +1,4 @@
-import { k as m, bD as o } from "../../../chunks/TableGlide-DAnTJtye.mjs";
+import { l as m, bH as o } from "../../../chunks/TableGlide-BKSjSgBn.mjs";
 export {
   m as THEME,
   o as getTheme

package/components/TableGlide/theming/size-tokens.d.ts

@@ -21,6 +21,6 @@ export declare const ROW_SIZE_TOKENS: {
 export type RowSizeTokens = typeof ROW_SIZE_TOKENS;
 type RowSizeName = keyof RowSizeTokens;
 export type RowSizeToken = RowSizeTokens[RowSizeName];
-export declare const getRowHeightBySize: (size: RowSizeName) => 20 | 32 | 48;
+export declare const getRowHeightBySize: (size: RowSizeName) => 48 | 20 | 32;
 export declare const getTextfieldSizeByRowSize: (size: RowSizeName) => "s" | "xs";
 export {};

package/components/TableGlide/theming/table-colors.generated.d.ts

@@ -0,0 +1,529 @@
+export declare const TABLE_COLOR_THEMES: readonly ["light", "dark", "betaCoreLight", "betaCoreDark", "highContrastLight", "highContrastDark"];
+export type TableColorTheme = (typeof TABLE_COLOR_THEMES)[number];
+export declare const TABLE_STATE_COLORS: {
+    readonly bgCell: {
+        readonly light: "#FFFFFF";
+        readonly dark: "#060A0C";
+        readonly betaCoreLight: "#FFFFFF";
+        readonly betaCoreDark: "#060A0D";
+        readonly highContrastLight: "#FFFFFF";
+        readonly highContrastDark: "#060A0C";
+    };
+    readonly bgRowHovered: {
+        readonly light: "#F5F7F9";
+        readonly dark: "#0C1013";
+        readonly betaCoreLight: "#F4F8FA";
+        readonly betaCoreDark: "#0C1013";
+        readonly highContrastLight: "#E8EEF2";
+        readonly highContrastDark: "#0C1013";
+    };
+    readonly bgHeader: {
+        readonly light: "#ECF6FC";
+        readonly dark: "#071A26";
+        readonly betaCoreLight: "#EFF8FF";
+        readonly betaCoreDark: "#0C1A24";
+        readonly highContrastLight: "#CFE5F2";
+        readonly highContrastDark: "#071A26";
+    };
+    readonly bgHeaderHasFocus: {
+        readonly light: "#ECF6FC";
+        readonly dark: "#071A26";
+        readonly betaCoreLight: "#EFF8FF";
+        readonly betaCoreDark: "#0C1A24";
+        readonly highContrastLight: "#CFE5F2";
+        readonly highContrastDark: "#071A26";
+    };
+    readonly bgGroupHeader: {
+        readonly light: "#ECF6FC";
+        readonly dark: "#071A26";
+        readonly betaCoreLight: "#EFF8FF";
+        readonly betaCoreDark: "#0C1A24";
+        readonly highContrastLight: "#CFE5F2";
+        readonly highContrastDark: "#071A26";
+    };
+    readonly bgHeaderHovered: {
+        readonly light: "#DEF0FA";
+        readonly dark: "#0A212F";
+        readonly betaCoreLight: "#E1F2FF";
+        readonly betaCoreDark: "#11212D";
+        readonly highContrastLight: "#C2DEEE";
+        readonly highContrastDark: "#0A212F";
+    };
+    readonly bgGroupHeaderHovered: {
+        readonly light: "#DEF0FA";
+        readonly dark: "#0A212F";
+        readonly betaCoreLight: "#E1F2FF";
+        readonly betaCoreDark: "#11212D";
+        readonly highContrastLight: "#C2DEEE";
+        readonly highContrastDark: "#0A212F";
+    };
+    readonly selectionServiceActiveBg: {
+        readonly light: "#D1E9F8";
+        readonly dark: "#09314B";
+        readonly betaCoreLight: "#D2EBFB";
+        readonly betaCoreDark: "#0A3248";
+        readonly highContrastLight: "#B6D8EE";
+        readonly highContrastDark: "#09314B";
+    };
+    readonly bgHeaderSelectedHovered: {
+        readonly light: "#C3E3F6";
+        readonly dark: "#0C3956";
+        readonly betaCoreLight: "#C4E5FA";
+        readonly betaCoreDark: "#0D3A53";
+        readonly highContrastLight: "#A9D1EB";
+        readonly highContrastDark: "#0C3956";
+    };
+    readonly selectionCheckboxBg: {
+        readonly light: "#ECF6FC";
+        readonly dark: "#071A26";
+        readonly betaCoreLight: "#EFF8FF";
+        readonly betaCoreDark: "#0C1A24";
+        readonly highContrastLight: "#CFE5F2";
+        readonly highContrastDark: "#071A26";
+    };
+    readonly selectionServiceBg: {
+        readonly light: "#ECF6FC";
+        readonly dark: "#071A26";
+        readonly betaCoreLight: "#EFF8FF";
+        readonly betaCoreDark: "#0C1A24";
+        readonly highContrastLight: "#CFE5F2";
+        readonly highContrastDark: "#071A26";
+    };
+    readonly bgSelectedRowHovered: {
+        readonly light: "#DEF0FA";
+        readonly dark: "#0A212F";
+        readonly betaCoreLight: "#E1F2FF";
+        readonly betaCoreDark: "#11212D";
+        readonly highContrastLight: "#C2DEEE";
+        readonly highContrastDark: "#0A212F";
+    };
+    readonly bgSelectedRowActiveHovered: {
+        readonly light: "#D0EAF8";
+        readonly dark: "#0E2839";
+        readonly betaCoreLight: "#D3ECFF";
+        readonly betaCoreDark: "#162836";
+        readonly highContrastLight: "#B5D7EA";
+        readonly highContrastDark: "#0E2839";
+    };
+    readonly bgServiceRowHovered: {
+        readonly light: "#DEF0FA";
+        readonly dark: "#0A212F";
+        readonly betaCoreLight: "#E1F2FF";
+        readonly betaCoreDark: "#11212D";
+        readonly highContrastLight: "#C2DEEE";
+        readonly highContrastDark: "#0A212F";
+    };
+    readonly selectionServiceActiveHoveredBg: {
+        readonly light: "#C3E3F6";
+        readonly dark: "#0C3956";
+        readonly betaCoreLight: "#C4E5FA";
+        readonly betaCoreDark: "#0D3A53";
+        readonly highContrastLight: "#A9D1EB";
+        readonly highContrastDark: "#0C3956";
+    };
+    readonly selectionActiveBg: {
+        readonly light: "#E2F1FB";
+        readonly dark: "#082436";
+        readonly betaCoreLight: "#E0F2FB";
+        readonly betaCoreDark: "#052536";
+        readonly highContrastLight: "#E0EEFA";
+        readonly highContrastDark: "#082436";
+    };
+    readonly accentLight: {
+        readonly light: "#E2F1FB";
+        readonly dark: "#082436";
+        readonly betaCoreLight: "#E0F2FB";
+        readonly betaCoreDark: "#052536";
+        readonly highContrastLight: "#E0EEFA";
+        readonly highContrastDark: "#082436";
+    };
+    readonly selectionActiveCheckboxBg: {
+        readonly light: "#D1E9F8";
+        readonly dark: "#09314B";
+        readonly betaCoreLight: "#D2EBFB";
+        readonly betaCoreDark: "#0A3248";
+        readonly highContrastLight: "#B6D8EE";
+        readonly highContrastDark: "#09314B";
+    };
+    readonly selectionActiveHoveredBg: {
+        readonly light: "#D5EBF9";
+        readonly dark: "#0B2B40";
+        readonly betaCoreLight: "#D2ECF9";
+        readonly betaCoreDark: "#072D40";
+        readonly highContrastLight: "#D3E7F8";
+        readonly highContrastDark: "#0B2B40";
+    };
+    readonly selectionActiveCheckboxHoveredBg: {
+        readonly light: "#C3E3F6";
+        readonly dark: "#0C3956";
+        readonly betaCoreLight: "#C4E5FA";
+        readonly betaCoreDark: "#0D3A53";
+        readonly highContrastLight: "#A9D1EB";
+        readonly highContrastDark: "#0C3956";
+    };
+    readonly bgEditableCell: {
+        readonly light: "#FFF6E5";
+        readonly dark: "#211807";
+        readonly betaCoreLight: "#FFF5E7";
+        readonly betaCoreDark: "#211607";
+        readonly highContrastLight: "#F1DDB8";
+        readonly highContrastDark: "#211807";
+    };
+    readonly bgEditableCellHovered: {
+        readonly light: "#FFEFD2";
+        readonly dark: "#291F0A";
+        readonly betaCoreLight: "#FFEDD5";
+        readonly betaCoreDark: "#291C0A";
+        readonly highContrastLight: "#EED5A8";
+        readonly highContrastDark: "#291F0A";
+    };
+    readonly bgEditableCellActive: {
+        readonly light: "#E2E9E4";
+        readonly dark: "#1E2F32";
+        readonly betaCoreLight: "#E0E9E5";
+        readonly betaCoreDark: "#1A2E31";
+        readonly highContrastLight: "#D4D0BB";
+        readonly highContrastDark: "#1E2F32";
+    };
+    readonly bgEditableCellActiveHovered: {
+        readonly light: "#D8E2DB";
+        readonly dark: "#24373A";
+        readonly betaCoreLight: "#D6E2DC";
+        readonly betaCoreDark: "#1F3639";
+        readonly highContrastLight: "#CDC8B0";
+        readonly highContrastDark: "#24373A";
+    };
+    readonly bgEditableCellRowActiveHovered: {
+        readonly light: "#FFE8BF";
+        readonly dark: "#31260E";
+        readonly betaCoreLight: "#FFE5C3";
+        readonly betaCoreDark: "#32230E";
+        readonly highContrastLight: "#EBCD97";
+        readonly highContrastDark: "#31260E";
+    };
+    readonly editedSuccessfullyCellColor: {
+        readonly light: "#EDF8FF";
+        readonly dark: "#0A1924";
+        readonly betaCoreLight: "#EFF8FF";
+        readonly betaCoreDark: "#0C1A24";
+        readonly highContrastLight: "#DAE8F1";
+        readonly highContrastDark: "#0A1924";
+    };
+    readonly editedSuccessfullyCellHoverColor: {
+        readonly light: "#DEF2FF";
+        readonly dark: "#0E202D";
+        readonly betaCoreLight: "#E1F2FF";
+        readonly betaCoreDark: "#11212D";
+        readonly highContrastLight: "#CEE1ED";
+        readonly highContrastDark: "#0E202D";
+    };
+    readonly editedSuccessfullyCellActiveColor: {
+        readonly light: "#D2EBFB";
+        readonly dark: "#0B3049";
+        readonly betaCoreLight: "#D2EBFB";
+        readonly betaCoreDark: "#0A3248";
+        readonly highContrastLight: "#BFDAED";
+        readonly highContrastDark: "#0B3049";
+    };
+    readonly editedSuccessfullyCellActiveHoverColor: {
+        readonly light: "#C4E5FA";
+        readonly dark: "#0E3854";
+        readonly betaCoreLight: "#C4E5FA";
+        readonly betaCoreDark: "#0D3A53";
+        readonly highContrastLight: "#B3D3E9";
+        readonly highContrastDark: "#0E3854";
+    };
+    readonly editedSuccessfullyCellRowActiveHoverColor: {
+        readonly light: "#CFECFF";
+        readonly dark: "#122736";
+        readonly betaCoreLight: "#D3ECFF";
+        readonly betaCoreDark: "#162836";
+        readonly highContrastLight: "#C2DAE9";
+        readonly highContrastDark: "#122736";
+    };
+    readonly bgCellPositive: {
+        readonly light: "#E3F3E6";
+        readonly dark: "#0A2814";
+        readonly betaCoreLight: "#E4F3E7";
+        readonly betaCoreDark: "#0B2816";
+        readonly highContrastLight: "#E3F1E0";
+        readonly highContrastDark: "#0A2814";
+    };
+    readonly bgCellPositiveHovered: {
+        readonly light: "#D7EEDB";
+        readonly dark: "#0E3019";
+        readonly betaCoreLight: "#D8EEDC";
+        readonly betaCoreDark: "#0F301B";
+        readonly highContrastLight: "#D8EBD4";
+        readonly highContrastDark: "#0E3019";
+    };
+    readonly bgCellPositiveActive: {
+        readonly light: "#C9E6E5";
+        readonly dark: "#0B3C3D";
+        readonly betaCoreLight: "#C8E7E5";
+        readonly betaCoreDark: "#093D3D";
+        readonly highContrastLight: "#C7E2DE";
+        readonly highContrastDark: "#0B3C3D";
+    };
+    readonly bgCellPositiveActiveHovered: {
+        readonly light: "#BBE0DF";
+        readonly dark: "#0E4546";
+        readonly betaCoreLight: "#BAE1DF";
+        readonly betaCoreDark: "#0C4646";
+        readonly highContrastLight: "#BADCD7";
+        readonly highContrastDark: "#0E4546";
+    };
+    readonly bgCellPositiveRowActiveHovered: {
+        readonly light: "#CBE9D0";
+        readonly dark: "#12381E";
+        readonly betaCoreLight: "#CCE9D1";
+        readonly betaCoreDark: "#133821";
+        readonly highContrastLight: "#CDE5C8";
+        readonly highContrastDark: "#12381E";
+    };
+    readonly bgCellNegative: {
+        readonly light: "#FFE0E3";
+        readonly dark: "#4A0D13";
+        readonly betaCoreLight: "#FEDFDE";
+        readonly betaCoreDark: "#480B11";
+        readonly highContrastLight: "#FFE0E3";
+        readonly highContrastDark: "#4A0D13";
+    };
+    readonly bgCellNegativeHovered: {
+        readonly light: "#FED6DA";
+        readonly dark: "#561117";
+        readonly betaCoreLight: "#FDD5D4";
+        readonly betaCoreDark: "#540E15";
+        readonly highContrastLight: "#FED6DA";
+        readonly highContrastDark: "#561117";
+    };
+    readonly bgCellNegativeActive: {
+        readonly light: "#E2D6E3";
+        readonly dark: "#3F263C";
+        readonly betaCoreLight: "#DFD5DE";
+        readonly betaCoreDark: "#3A2639";
+        readonly highContrastLight: "#E2D6E3";
+        readonly highContrastDark: "#3F263C";
+    };
+    readonly bgCellNegativeActiveHovered: {
+        readonly light: "#DCCDDD";
+        readonly dark: "#482C45";
+        readonly betaCoreLight: "#D8CCD7";
+        readonly betaCoreDark: "#432C42";
+        readonly highContrastLight: "#DCCDDD";
+        readonly highContrastDark: "#482C45";
+    };
+    readonly bgCellNegativeRowActiveHovered: {
+        readonly light: "#FDCCD1";
+        readonly dark: "#62151B";
+        readonly betaCoreLight: "#FCCBCA";
+        readonly betaCoreDark: "#601119";
+        readonly highContrastLight: "#FDCCD1";
+        readonly highContrastDark: "#62151B";
+    };
+    readonly bgCellWarning: {
+        readonly light: "#FEECE1";
+        readonly dark: "#371B0B";
+        readonly betaCoreLight: "#FBEAE0";
+        readonly betaCoreDark: "#32190A";
+        readonly highContrastLight: "#FAEBE0";
+        readonly highContrastDark: "#371B0B";
+    };
+    readonly bgCellWarningHovered: {
+        readonly light: "#FDE3D3";
+        readonly dark: "#41210F";
+        readonly betaCoreLight: "#F9E1D2";
+        readonly betaCoreDark: "#3C1F0E";
+        readonly highContrastLight: "#F8E2D2";
+        readonly highContrastDark: "#41210F";
+    };
+    readonly bgCellWarningActive: {
+        readonly light: "#E1E0E1";
+        readonly dark: "#2F3235";
+        readonly betaCoreLight: "#DCDFDF";
+        readonly betaCoreDark: "#283134";
+        readonly highContrastLight: "#DCDDDE";
+        readonly highContrastDark: "#2F3235";
+    };
+    readonly bgCellWarningActiveHovered: {
+        readonly light: "#CFDAE5";
+        readonly dark: "#363A3D";
+        readonly betaCoreLight: "#C7D9E7";
+        readonly betaCoreDark: "#2F393C";
+        readonly highContrastLight: "#D4D5D6";
+        readonly highContrastDark: "#363A3D";
+    };
+    readonly bgCellWarningRowActiveHovered: {
+        readonly light: "#FCDAC5";
+        readonly dark: "#4B2713";
+        readonly betaCoreLight: "#F7D8C4";
+        readonly betaCoreDark: "#462512";
+        readonly highContrastLight: "#F6D9C4";
+        readonly highContrastDark: "#4B2713";
+    };
+    readonly bgCellInfo: {
+        readonly light: "#CFECFF";
+        readonly dark: "#0C283B";
+        readonly betaCoreLight: "#D3EBFF";
+        readonly betaCoreDark: "#09283D";
+        readonly highContrastLight: "#CFECFF";
+        readonly highContrastDark: "#0C283B";
+    };
+    readonly bgCellInfoHovered: {
+        readonly light: "#C0E6FF";
+        readonly dark: "#103045";
+        readonly betaCoreLight: "#C5E5FF";
+        readonly betaCoreDark: "#0C3048";
+        readonly highContrastLight: "#C0E6FF";
+        readonly highContrastDark: "#103045";
+    };
+    readonly bgCellInfoActive: {
+        readonly light: "#B8E0FB";
+        readonly dark: "#0D3C5C";
+        readonly betaCoreLight: "#B9E0FB";
+        readonly betaCoreDark: "#073D5C";
+        readonly highContrastLight: "#B8E0FB";
+        readonly highContrastDark: "#0D3C5C";
+    };
+    readonly bgCellInfoActiveHovered: {
+        readonly light: "#AADAFA";
+        readonly dark: "#104467";
+        readonly betaCoreLight: "#ABDAFA";
+        readonly betaCoreDark: "#094567";
+        readonly highContrastLight: "#AADAFA";
+        readonly highContrastDark: "#104467";
+    };
+    readonly bgCellInfoRowActiveHovered: {
+        readonly light: "#B1E0FF";
+        readonly dark: "#14384F";
+        readonly betaCoreLight: "#B7DFFF";
+        readonly betaCoreDark: "#0F3853";
+        readonly highContrastLight: "#B1E0FF";
+        readonly highContrastDark: "#14384F";
+    };
+    readonly textDark: {
+        readonly light: "#13181BF5";
+        readonly dark: "#F2F5F8F5";
+        readonly betaCoreLight: "#14191DF5";
+        readonly betaCoreDark: "#F3F7FAF5";
+        readonly highContrastLight: "#13181BF5";
+        readonly highContrastDark: "#F2F5F8F5";
+    };
+    readonly textHeader: {
+        readonly light: "#13181BF5";
+        readonly dark: "#F2F5F8F5";
+        readonly betaCoreLight: "#14191DF5";
+        readonly betaCoreDark: "#F3F7FAF5";
+        readonly highContrastLight: "#13181BF5";
+        readonly highContrastDark: "#F2F5F8F5";
+    };
+    readonly textHeaderSelected: {
+        readonly light: "#13181BF5";
+        readonly dark: "#F2F5F8F5";
+        readonly betaCoreLight: "#14191DF5";
+        readonly betaCoreDark: "#F3F7FAF5";
+        readonly highContrastLight: "#13181BF5";
+        readonly highContrastDark: "#F2F5F8F5";
+    };
+    readonly textGroupHeader: {
+        readonly light: "#13181BF5";
+        readonly dark: "#F2F5F8F5";
+        readonly betaCoreLight: "#14191DF5";
+        readonly betaCoreDark: "#F3F7FAF5";
+        readonly highContrastLight: "#13181BF5";
+        readonly highContrastDark: "#F2F5F8F5";
+    };
+    readonly borderColor: {
+        readonly light: "#D5DFE6";
+        readonly dark: "#23292D";
+        readonly betaCoreLight: "#CFDBE4";
+        readonly betaCoreDark: "#262626";
+        readonly highContrastLight: "#C4CFD7";
+        readonly highContrastDark: "#23292D";
+    };
+    readonly accentColor: {
+        readonly light: "#0B7ECB";
+        readonly dark: "#199AF0";
+        readonly betaCoreLight: "#0087CD";
+        readonly betaCoreDark: "#1F9EEB";
+        readonly highContrastLight: "#0058A2";
+        readonly highContrastDark: "#199AF0";
+    };
+    readonly hiddenColumnsIndicatorColor: {
+        readonly light: "#0B7ECB";
+        readonly dark: "#199AF0";
+        readonly betaCoreLight: "#0087CD";
+        readonly betaCoreDark: "#1F9EEB";
+        readonly highContrastLight: "#0058A2";
+        readonly highContrastDark: "#199AF0";
+    };
+    readonly errorOutlineColor: {
+        readonly light: "#FF293E";
+        readonly dark: "#FF293E";
+        readonly betaCoreLight: "#F81C42";
+        readonly betaCoreDark: "#F81C42";
+        readonly highContrastLight: "#E7002F";
+        readonly highContrastDark: "#FF293E";
+    };
+    readonly fadeWhite: {
+        readonly light: "#FFFFFF";
+        readonly dark: "#060A0C";
+        readonly betaCoreLight: "#FFFFFF";
+        readonly betaCoreDark: "#060A0D";
+        readonly highContrastLight: "#FFFFFF";
+        readonly highContrastDark: "#060A0C";
+    };
+    readonly fadeGray: {
+        readonly light: "#F2F5F8";
+        readonly dark: "#060A0C";
+        readonly betaCoreLight: "#F3F7FA";
+        readonly betaCoreDark: "#060A0D";
+        readonly highContrastLight: "#F2F5F8";
+        readonly highContrastDark: "#060A0C";
+    };
+};
+export type TableStateColorKey = keyof typeof TABLE_STATE_COLORS;
+export declare const TABLE_FILL_PARAMS: {
+    readonly light: {
+        readonly mode: "light";
+        readonly stepFactor: 1;
+        readonly cardHex: "#FFFFFFFF";
+        readonly primaryHex: "#F2F5F8";
+        readonly selectionHex: "#118CDF1F";
+    };
+    readonly dark: {
+        readonly mode: "dark";
+        readonly stepFactor: 1.2;
+        readonly cardHex: "#060A0C";
+        readonly primaryHex: "#13181B";
+        readonly selectionHex: "#118CDF33";
+    };
+    readonly betaCoreLight: {
+        readonly mode: "light";
+        readonly stepFactor: 1;
+        readonly cardHex: "#FFFFFF";
+        readonly primaryHex: "#F3F7FA";
+        readonly selectionHex: "#0090DA1F";
+    };
+    readonly betaCoreDark: {
+        readonly mode: "dark";
+        readonly stepFactor: 1.2;
+        readonly cardHex: "#060A0D";
+        readonly primaryHex: "#14191D";
+        readonly selectionHex: "#0090DA33";
+    };
+    readonly highContrastLight: {
+        readonly mode: "light";
+        readonly stepFactor: 1;
+        readonly cardHex: "#FFFFFF";
+        readonly primaryHex: null;
+        readonly selectionHex: "#0076D21F";
+    };
+    readonly highContrastDark: {
+        readonly mode: "dark";
+        readonly stepFactor: 1.2;
+        readonly cardHex: "#060A0C";
+        readonly primaryHex: "#13181B";
+        readonly selectionHex: "#118CDF33";
+    };
+};