@daisforge/ui 1.22.0 → 1.23.0

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";
+    };
+};

package/components/TableGlide/tokens.d.ts

@@ -1,112 +1,9 @@
+import { TOKENS_LIGHT } from './content-tokens.generated';
 import { ActiveTheme } from './theming/activeTheme.type';
 
-declare const TOKENS_LIGHT: {
-    readonly textPrimary: "#13181BF5";
-    readonly textPrimaryHover: "#13181B93";
-    readonly textPrimaryActive: "#13181BC4";
-    readonly textSecondary: "#485056B0";
-    readonly textSecondaryHover: "#485056FF";
-    readonly textSecondaryActive: "#485056D3";
-    readonly textTertiary: "#707C847A";
-    readonly textTertiaryHover: "#717C84FF";
-    readonly textTertiaryActive: "#717C8493";
-    readonly textTertiaryBase: "#8A959D";
-    readonly textTertiaryVariant: "#657179";
-    readonly textParagraph: "#13181BCC";
-    readonly textParagraphHover: "#13181B7A";
-    readonly textParagraphActive: "#13181BA3";
-    readonly textAccent: "#0B7ECB";
-    readonly textAccentHover: "#0D96F2FF";
-    readonly textAccentActive: "#0966A5FF";
-    readonly textAccentTransparent20: "#0B7ECB33";
-    readonly textPositive: "#108E26";
-    readonly textPositiveHover: "#14B32EFF";
-    readonly textPositiveActive: "#0C6A1BFF";
-    readonly textWarning: "#FA5F05";
-    readonly textWarningHover: "#FB782DFF";
-    readonly textWarningActive: "#D25004FF";
-    readonly textNegative: "#E31227";
-    readonly textNegativeHover: "#EE2F43FF";
-    readonly textNegativeActive: "#BD0F21FF";
-    readonly inverseTextPrimary: "#F2F5F8F5";
-    readonly onDarkTextPrimary: "#F2F5F8F5";
-    readonly onDarkTextPrimaryHover: "#F2F5F893";
-    readonly onDarkTextPrimaryActive: "#F2F5F8C4";
-    readonly onDarkTextPrimary96: "#F7F9FBF4";
-    readonly onDarkTextPrimary56: "#F7F9FB8E";
-    readonly onDarkTextPrimary28: "#F7F9FB47";
-    readonly onLightTextPrimary: "#13181BF5";
-    readonly onLightTextPrimaryHover: "#13181B93";
-    readonly onLightTextPrimaryActive: "#13181BC4";
-    readonly surfaceSolidCard: "#FFFFFF";
-    readonly surfaceAccentMinor: "#ECF6FCFF";
-    readonly surfaceSolidDefault: "#060A0C";
-    readonly surfaceSolidTertiary: "#E8EEF2";
-    readonly surfaceAccent: "#118CDF";
-    readonly surfaceAccentHover: "#1798EEFF";
-    readonly surfaceAccentActive: "#0F81CCFF";
-    readonly surfaceTransparentSecondary: "#ADB9C238";
-    readonly surfaceTransparentSecondaryHover: "#ADB9C247";
-    readonly surfaceTransparentSecondaryActive: "#ADB9C24D";
-    readonly surfaceTransparentTertiary: "#8A959D47";
-    readonly surfaceTransparentDeep: "#30373CC6";
-    readonly surfaceClear: "#FFFFFF00";
-    readonly surfacePositive: "#1A9E32";
-    readonly surfacePositiveHover: "#1EB83AFF";
-    readonly surfacePositiveActive: "#178C2CFF";
-    readonly surfaceWarning: "#FA5F05";
-    readonly surfaceWarningHover: "#FB782DFF";
-    readonly surfaceWarningActive: "#E65705FF";
-    readonly surfaceWarningMinor56: "#F3A9128E";
-    readonly surfaceNegative: "#FF293E";
-    readonly surfaceNegativeHover: "#FF5263FF";
-    readonly surfaceNegativeActive: "#FF142CFF";
-    readonly disabled: "#DDDDDD";
-    readonly surfaceTransparentAccent: "#118CDF1F";
-    readonly surfaceTransparentAccentActive: "#118CDF33";
-    readonly surfaceTransparentAccent12: "#118CDF1E";
-    readonly surfaceTransparentAccent20: "#118CDF33";
-    readonly surfaceTransparentPositive: "#1A9E321F";
-    readonly surfaceTransparentPositive12: "#1A9E321E";
-    readonly surfaceTransparentPositive20: "#1A9E3233";
-    readonly surfaceTransparentWarning: "#FA5F051F";
-    readonly surfaceTransparentWarning12: "#FA5F051E";
-    readonly surfaceTransparentWarning20: "#FA5F0533";
-    readonly surfaceTransparentNegative: "#FF293E1F";
-    readonly surfaceTransparentNegative12: "#FF293E1E";
-    readonly surfaceTransparentNegative20: "#FF293E33";
-    readonly onLightSurfaceSolidDefault: "#060A0C";
-    readonly onLightSurfaceTransparentDeep: "#30373CC7";
-    readonly onDarkSurfaceSolidDefault: "#F7F9FB";
-    readonly onDarkSurfaceTransparentCard: "#FFFFFF0F";
-    readonly outlineAccent: "#0B7ECB";
-    readonly outlineSolidPrimary: "#D5DFE6";
-    readonly outlineSolidPrimary26: "#D5DFE642";
-    readonly dataBlueMinor: "#CFECFF";
-    readonly dataBlueMinorActive: "#C2E7FFFF";
-    readonly dataBlue: "#8BB2FC";
-    readonly dataAccentMinorHover: "#52BAFF";
-    readonly dataPositive: "#28D247";
-    readonly dataPositiveMinor: "#9EFAAF";
-    readonly dataNegative: "#FF8F9A";
-    readonly dataNegativeMinor: "#FFE0E3";
-    readonly dataWarning: "#FD9C68";
-    readonly dataWarningMinor: "#FEE2D2";
-    readonly dataOrange: "#F3A912";
-    readonly dataOrangeMinor: "#FFD37A";
-    readonly dataViolet: "#AD42F5";
-    readonly dataVioletMinor: "#DEB7F7";
-    readonly dataPink: "#FF8FBC";
-    readonly dataMagenta: "#F391E2";
-    readonly dataCyan: "#00DDE0";
-    readonly dataCyanDark: "#04C6C9";
-    readonly dataLime: "#93E006";
-    readonly dataTeal: "#14CC98";
-};
 export type Tokens = {
     [K in keyof typeof TOKENS_LIGHT]: string;
 } & {
     surfaceAccent20?: string;
 };
 export declare const getTokens: (activeTheme?: ActiveTheme) => Tokens;
-export {};

package/components/TableGlide/types.d.ts

@@ -1,16 +1,13 @@
 import { ActiveTheme } from './theming/activeTheme.type';
 import { GlideThemeForRender, GlideThemePartial, Theme } from './theming/types';
 import { CanvasNodeTooltipConfig } from './lib/canvas';
-import { GlideSizeConfig, SIZE } from './constants';
+import { SIZE } from './constants';
 import { CSSProperties, ComponentProps, ReactElement, ReactNode, ReactPortal, Ref, RefObject } from 'react';
 import { DataEditor, DataEditorRef, GridCell, GridColumn, GridSelection, ProvideEditorCallback, ProvideEditorCallbackResult, ProvideEditorComponent, SpanAlignment } from '@glideappsfinal/glide-data-grid';
 
 export type { Tokens } from './tokens';
 export type { DataEditor, DataEditorRef, GridCell, GridColumn, ProvideEditorCallback, ProvideEditorCallbackResult, ProvideEditorComponent, SpanAlignment, };
-export type ThemeDynamicCustoms = {
-    rowSize: SIZE;
-    activeSizes: GlideSizeConfig;
-};
+export type { ThemeDynamicCustoms } from './theming/types';
 export type { Theme, ActiveTheme };
 export type GlideProps = ComponentProps<typeof DataEditor>;
 export type RowHeightGlide = GlideProps['rowHeight'];
@@ -175,6 +172,7 @@ export type TableGlideCustomProps<R extends ObjectForExtending, SR = unknown> =
     }) => ReactNode;
     hideGrid?: boolean;
     contentStateNode?: ReactNode;
+    containerSlot?: ReactNode;
     fullScreened?: boolean;
     editorOverlayPortal?: 'inside';
     groupHeaderHeight?: number[];