npm - @daisforge/ui - Versions diffs - 1.22.0 → 1.23.0 - Mend

@daisforge/ui 1.22.0 → 1.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (485) hide show

package/components/TableGlide/theming/cell-fill-override.d.ts ADDED Viewed

@@ -0,0 +1,31 @@
+import { TableColorTheme } from './table-colors.generated';
+import { CellFillStates } from './fill-states';
+export type CellFillOverride = {
+    bgCell: string;
+    accentLight?: string;
+};
+export type CellFillContext = {
+    rowHover: boolean;
+    rowActive: boolean;
+};
+type EditableCellTheme = {
+    bgEditableCell: string;
+    bgEditableCellHovered: string;
+    bgEditableCellRowActiveHovered: string;
+    bgEditableCellActive: string;
+    bgEditableCellActiveHovered: string;
+};
+type ActiveRowBgTheme = {
+    selectionCheckboxBg: string;
+    bgSelectedRowHovered: string;
+    bgSelectedRowActiveHovered: string;
+};
+export declare const resolveCellFillOverride: (states: CellFillStates, { rowHover, rowActive }: CellFillContext) => CellFillOverride;
+export declare const resolveConsumerFillOverride: (bgCell: string, theme: TableColorTheme, context: CellFillContext) => CellFillOverride;
+export declare const getEditableCellFillStates: (theme: EditableCellTheme) => CellFillStates;
+export declare const resolveActiveRowBg: (theme: ActiveRowBgTheme, { rowHover, checkboxChecked }: {
+    rowHover: boolean;
+    checkboxChecked: boolean;
+}) => string;
+export {};

package/components/TableGlide/theming/custom-colors.d.ts CHANGED Viewed

@@ -9,15 +9,50 @@ export declare const getCustomColors: (activeTheme: ActiveTheme) => {
     tokens: import('../tokens').Tokens;
     fonts: import('../fonts').Fonts;
     fontMetrics: import('../fonts').FontMetrics;
-    bgEditableCell: "#FFF6E5" | "#211807" | "#F1DDB8";
-    bgEditableCellHovered: "#FFF4E0" | "#2A1F09" | "#E8D4AD";
-    selectionCheckboxBg: "#ECF6FC" | "#CFE5F2" | "#EFF8FF";
-    selectionActiveBg: "#E2F1FB" | "#BFDDF4";
-    selectionActiveCheckboxBg: "#D1E9F8" | "#9BCAEA";
-    selectionServiceBg: "#ECF6FC" | "#CFE5F2" | "#EFF8FF";
-    selectionServiceActiveBg: "#D4E7F2" | "#B9D6E7";
-    errorOutlineColor: "#F81C42" | "#FF3D51" | "#E9203F";
-    bgRowHovered: "#E8EEF2" | "#F7F9FB";
-    bgServiceRowHovered: "#D4E7F2" | "#B9D6E7";
-    bgSelectedRowHovered: "#D4E7F2" | "#B9D6E7";
+    bgEditableCell: "#FFF6E5" | "#211807" | "#FFF5E7" | "#211607" | "#F1DDB8";
+    bgEditableCellHovered: "#FFEFD2" | "#291F0A" | "#FFEDD5" | "#291C0A" | "#EED5A8";
+    bgEditableCellActive: "#E2E9E4" | "#1E2F32" | "#E0E9E5" | "#1A2E31" | "#D4D0BB";
+    bgEditableCellActiveHovered: "#D8E2DB" | "#24373A" | "#D6E2DC" | "#1F3639" | "#CDC8B0";
+    bgEditableCellRowActiveHovered: "#FFE8BF" | "#31260E" | "#FFE5C3" | "#32230E" | "#EBCD97";
+    selectionCheckboxBg: "#ECF6FC" | "#071A26" | "#EFF8FF" | "#0C1A24" | "#CFE5F2";
+    bgSelectedRowActiveHovered: "#D0EAF8" | "#0E2839" | "#D3ECFF" | "#162836" | "#B5D7EA";
+    selectionActiveBg: "#E2F1FB" | "#082436" | "#E0F2FB" | "#052536" | "#E0EEFA";
+    selectionActiveCheckboxBg: "#D1E9F8" | "#09314B" | "#D2EBFB" | "#0A3248" | "#B6D8EE";
+    selectionServiceBg: "#ECF6FC" | "#071A26" | "#EFF8FF" | "#0C1A24" | "#CFE5F2";
+    selectionServiceActiveBg: "#D1E9F8" | "#09314B" | "#D2EBFB" | "#0A3248" | "#B6D8EE";
+    errorOutlineColor: "#FF293E" | "#F81C42" | "#E7002F";
+    bgRowHovered: "#F5F7F9" | "#0C1013" | "#F4F8FA" | "#E8EEF2";
+    bgServiceRowHovered: "#DEF0FA" | "#0A212F" | "#E1F2FF" | "#11212D" | "#C2DEEE";
+    bgSelectedRowHovered: "#DEF0FA" | "#0A212F" | "#E1F2FF" | "#11212D" | "#C2DEEE";
+    selectionActiveHoveredBg: "#D5EBF9" | "#0B2B40" | "#D2ECF9" | "#072D40" | "#D3E7F8";
+    selectionActiveCheckboxHoveredBg: "#C3E3F6" | "#0C3956" | "#C4E5FA" | "#0D3A53" | "#A9D1EB";
+    selectionServiceActiveHoveredBg: "#C3E3F6" | "#0C3956" | "#C4E5FA" | "#0D3A53" | "#A9D1EB";
+    bgHeaderSelectedHovered: "#C3E3F6" | "#0C3956" | "#C4E5FA" | "#0D3A53" | "#A9D1EB";
+    editedSuccessfullyCellColor: "#EFF8FF" | "#0C1A24" | "#EDF8FF" | "#0A1924" | "#DAE8F1";
+    editedSuccessfullyCellHoverColor: "#E1F2FF" | "#11212D" | "#DEF2FF" | "#0E202D" | "#CEE1ED";
+    editedSuccessfullyCellActiveColor: "#D2EBFB" | "#0A3248" | "#0B3049" | "#BFDAED";
+    editedSuccessfullyCellActiveHoverColor: "#C4E5FA" | "#0D3A53" | "#0E3854" | "#B3D3E9";
+    editedSuccessfullyCellRowActiveHoverColor: "#D3ECFF" | "#162836" | "#CFECFF" | "#122736" | "#C2DAE9";
+    bgCellPositive: "#E3F3E6" | "#0A2814" | "#E4F3E7" | "#0B2816" | "#E3F1E0";
+    bgCellPositiveHovered: "#D7EEDB" | "#0E3019" | "#D8EEDC" | "#0F301B" | "#D8EBD4";
+    bgCellPositiveActive: "#C9E6E5" | "#0B3C3D" | "#C8E7E5" | "#093D3D" | "#C7E2DE";
+    bgCellPositiveActiveHovered: "#BBE0DF" | "#0E4546" | "#BAE1DF" | "#0C4646" | "#BADCD7";
+    bgCellPositiveRowActiveHovered: "#CBE9D0" | "#12381E" | "#CCE9D1" | "#133821" | "#CDE5C8";
+    bgCellNegative: "#FFE0E3" | "#4A0D13" | "#FEDFDE" | "#480B11";
+    bgCellNegativeHovered: "#FED6DA" | "#561117" | "#FDD5D4" | "#540E15";
+    bgCellNegativeActive: "#E2D6E3" | "#3F263C" | "#DFD5DE" | "#3A2639";
+    bgCellNegativeActiveHovered: "#DCCDDD" | "#482C45" | "#D8CCD7" | "#432C42";
+    bgCellNegativeRowActiveHovered: "#FDCCD1" | "#62151B" | "#FCCBCA" | "#601119";
+    bgCellWarning: "#FEECE1" | "#371B0B" | "#FBEAE0" | "#32190A" | "#FAEBE0";
+    bgCellWarningHovered: "#FDE3D3" | "#41210F" | "#F9E1D2" | "#3C1F0E" | "#F8E2D2";
+    bgCellWarningActive: "#E1E0E1" | "#2F3235" | "#DCDFDF" | "#283134" | "#DCDDDE";
+    bgCellWarningActiveHovered: "#CFDAE5" | "#363A3D" | "#C7D9E7" | "#2F393C" | "#D4D5D6";
+    bgCellWarningRowActiveHovered: "#FCDAC5" | "#4B2713" | "#F7D8C4" | "#462512" | "#F6D9C4";
+    bgCellInfo: "#CFECFF" | "#0C283B" | "#D3EBFF" | "#09283D";
+    bgCellInfoHovered: "#C0E6FF" | "#103045" | "#C5E5FF" | "#0C3048";
+    bgCellInfoActive: "#B8E0FB" | "#0D3C5C" | "#B9E0FB" | "#073D5C";
+    bgCellInfoActiveHovered: "#AADAFA" | "#104467" | "#ABDAFA" | "#094567";
+    bgCellInfoRowActiveHovered: "#B1E0FF" | "#14384F" | "#B7DFFF" | "#0F3853";
+    fadeWhite: "#FFFFFF" | "#060A0C" | "#060A0D";
+    fadeGray: "#060A0C" | "#060A0D" | "#F2F5F8" | "#F3F7FA";
 };

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/TableGlide-~~CZ2mkokV~~.cjs");exports.THEME=e.THEME;exports.getTheme=e.getTheme;
1	+ "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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import { k as m, bG as o } from "../../../chunks/TableGlide-BLbbkn4C.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 CHANGED Viewed

@@ -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 {};