@codeenvision/ui-webcomponents 1.0.1 → 1.0.3

package/dist/src/styles/ensureThemeTokens.js

@@ -1,8 +1,10 @@
 const TOKEN_STYLE_MARKER = "data-ce-ui-theme-tokens";
-const DEFAULT_THEME_TOKENS = `
-:root {
-  --text-primary: var(--ce-color-text, var(--theme-fg, #202124));
-  --text-muted: var(--ce-color-text-muted, var(--theme-muted, #6c757d));
+const FONT_STACK = `"Inter", "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif`;
+const BASE_SEMANTIC_TOKENS = `
+  --text-primary: var(--ce-color-text, var(--theme-fg, #0f172a));
+  --text-muted: var(--ce-color-text-muted, var(--theme-muted, #52607a));
+  --text-inverse: var(--ce-color-text-inverse, #ffffff);
+  --text-link: var(--ce-color-text-link, #1e4dff);
   --font-size-base: var(--ce-font-size-base, 15px);
   --font-size-sm: var(--ce-font-size-sm, 0.875rem);
   --font-size-md: var(--ce-font-size-md, 1rem);
@@ -10,7 +12,12 @@ const DEFAULT_THEME_TOKENS = `
   --font-weight-regular: var(--ce-font-weight-regular, 400);
   --font-weight-medium: var(--ce-font-weight-medium, 500);
   --font-weight-semibold: var(--ce-font-weight-semibold, 600);
-  --ce-font-family-fallback: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  --font-weight-bold: var(--ce-font-weight-bold, 700);
+  --ce-font-family: var(--ce-font-family-base, ${FONT_STACK});
+  --ce-font-family-fallback: var(--ce-font-family, ${FONT_STACK});
+  --font-family-base: var(--ce-font-family);
+  --font-family-heading: var(--ce-font-family, "Inter", "Segoe UI", sans-serif);
+  --font-family-monospace: "Fira Code", "Cascadia Code", "SFMono-Regular", monospace;
   --icon-filter: brightness(0) saturate(100%);
   --ce-icon-size: 18px;
   --ce-icon-size-sm: 14px;
@@ -21,34 +28,356 @@ const DEFAULT_THEME_TOKENS = `
   --ce-icon-color: currentColor;
   --ce-icon-color-muted: var(--text-muted);
   --ce-icon-filter: var(--icon-filter);
+  --focus-ring-color: #2563eb;
+  --focus-ring-soft: color-mix(in srgb, var(--focus-ring-color) 72%, transparent);
+  --focus-ring-width: 2px;
+  --focus-ring-offset: 2px;
+  --spacing-1: 0.25rem;
+  --spacing-2: 0.5rem;
+  --spacing-3: 0.75rem;
+  --spacing-4: 1rem;
+  --spacing-5: 1.25rem;
+  --spacing-6: 1.5rem;
+  --spacing-7: 2rem;
+  --spacing-8: 2.5rem;
+  --background: var(--background-default);
+  --accent: var(--primary);
+  --gray: var(--color-gray-500, #74829e);
+  --depth: 1;
+  --depth-elevated: 2;
+  --background-surface: var(--surface-subtle);
+  --ce-radius-sm: 0.375rem;
+  --ce-radius-md: 0.5rem;
+  --ce-radius-lg: 0.75rem;
+  --ce-radius-xl: 1rem;
+  --elevation-1: 0 6px 14px rgba(15, 23, 42, 0.08);
+  --elevation-2: 0 16px 30px rgba(15, 23, 42, 0.12);
+  --duration-fast: 120ms;
+  --duration-std: 180ms;
+  --duration-slow: 260ms;
+  --motion-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
+  --theme-font: var(--ce-font-family, "Inter", "Segoe UI", sans-serif);
+  --theme-fg: var(--text-primary);
+  --theme-muted: var(--text-muted);
+  --theme-bg: var(--background-default);
+  --theme-surface: var(--surface);
+  --theme-surface-soft: var(--surface-bg);
+  --theme-overlay: var(--overlay);
+  --theme-border: var(--border-color, rgba(15, 23, 42, 0.14));
+  --theme-primary: var(--primary);
+  --theme-primary-hover: var(--primary-hover);
+  --theme-primary-active: var(--primary-active);
+  --theme-secondary: var(--secondary);
+  --theme-success: var(--success);
+  --theme-warning: var(--warning);
+  --theme-danger: var(--danger);
+  --theme-error: var(--danger);
+  --theme-info: var(--info);
+  --theme-on-primary: var(--text-light);
+  --theme-on-secondary: var(--text-light);
+  --theme-on-success: var(--text-light);
+  --theme-on-warning: var(--text-dark);
+  --theme-on-danger: var(--text-light);
+  --theme-on-error: var(--text-light);
+  --theme-on-info: var(--text-light);
+  --theme-on-surface: var(--text-primary);
+  --surface-bg: var(--ce-color-surface, #f7f9ff);
+  --surface-card: var(--ce-color-surface-soft, #ffffff);
+  --surface-elevated: var(--ce-color-surface-elevated, #ffffff);
+  --surface-border: var(--ce-color-border, rgba(12, 24, 48, 0.12));
+  --surface: var(--ce-color-surface, #ffffff);
+  --surface-subtle: var(--ce-color-surface-soft, #f8faff);
+  --surface-strong: var(--ce-color-surface-elevated, #ffffff);
+  --surface-inverse: var(--ce-color-text, #0f172a);
+  --surface-flat: var(--ce-color-background, #f4f7ff);
+  --border: var(--ce-color-border, rgba(15, 23, 42, 0.14));
+  --border-strong: var(--ce-color-border, rgba(15, 23, 42, 0.22));
+  --overlay: rgba(148, 163, 184, 0.1);
+  --overlay-hover: rgba(148, 163, 184, 0.18);
+  --background-dark: #0f172a;
+  --light: #ffffff;
+  --dark: #0f172a;
+  --text-light: #ffffff;
+  --text-dark: var(--ce-color-text, #0f172a);
+  --primary-dark: color-mix(in srgb, var(--primary) 85%, black 15%);
+  --text-subtle: var(--text-muted, #52607a);
+  --danger-strong: var(--danger);
+  --danger-foreground: var(--text-light);
+  --success-strong: var(--success);
+  --success-foreground: var(--text-light);
+  --info-foreground: var(--text-light);
+  --row-height: 2.75rem;
+  --text-secondary: var(--text-muted);
+  --swatch-color: var(--text-primary);
+  --switch-track-off: color-mix(in srgb, var(--surface) 88%, #000 12%);
+  --table-row-hover: color-mix(in srgb, var(--surface-subtle) 82%, var(--surface) 18%);
+  --table-row-active: color-mix(in srgb, var(--surface-subtle) 72%, var(--surface) 28%);
+  --table-row-stripe: color-mix(in srgb, var(--surface-subtle) 90%, var(--surface) 10%);
+  --gauge-value: var(--primary);
+  --gradient-start: var(--primary);
+  --gradient-middle: color-mix(in srgb, var(--primary) 75%, #fff 25%);
+  --gradient-end: var(--primary);
+  --gradient-angle: 135deg;
+  --gradient-direction: var(--gradient-angle);
+  --wizard-step-bg: var(--surface-subtle);
+  --wizard-progress-track: color-mix(in srgb, var(--primary) 20%, var(--surface-subtle) 80%);
+  --role-count: var(--spacing-8, 2.5rem);
+  --shadow-xxs: 0 1px 2px rgba(15, 23, 42, 0.06);
+  --primary: var(--ce-color-primary, #1e4dff);
+  --primary-hover: color-mix(in srgb, var(--primary) 88%, black 12%);
+  --primary-active: color-mix(in srgb, var(--primary) 78%, black 22%);
+  --primary-disabled: color-mix(in srgb, var(--primary) 45%, white 55%);
+  --secondary: var(--ce-color-secondary, #1f7be2);
+  --success: var(--ce-color-success, #07966b);
+  --warning: var(--ce-color-warning, #a16a00);
+  --danger: var(--ce-color-error, #e11d48);
+  --error: var(--danger);
+  --info: var(--ce-color-info, #1d8ff0);
+  --primary-rgb: 30, 77, 255;
+  --secondary-rgb: 31, 123, 226;
+  --success-rgb: 7, 150, 107;
+  --warning-rgb: 161, 106, 0;
+  --danger-rgb: 225, 29, 72;
+  --error-rgb: 225, 29, 72;
+  --info-rgb: 29, 143, 240;
+`.trim();
+const DEFAULT_THEME_TOKENS = `
+:root {
+  ${BASE_SEMANTIC_TOKENS}
+  --ce-color-primary: #1e4dff;
+  --ce-color-primary-contrast: #ffffff;
+  --ce-color-primary-soft: #d8e1ff;
+  --ce-color-secondary: #1f7be2;
+  --ce-color-secondary-soft: #d6ebff;
+  --ce-color-tertiary: #8f5cf6;
+  --ce-color-tertiary-soft: #ece4ff;
+  --ce-color-success: #07966b;
+  --ce-color-warning: #a16a00;
+  --ce-color-error: #e11d48;
+  --ce-color-info: #1d8ff0;
+  --ce-color-surface: #ffffff;
+  --ce-color-surface-soft: #f8faff;
+  --ce-color-surface-elevated: #ffffff;
+  --ce-color-background: #f4f7ff;
+  --ce-color-border: rgba(15, 23, 42, 0.14);
+  --color-primary: #1e4dff;
+  --color-primary-light: #4f78ff;
+  --color-primary-dark: #1132a8;
+  --color-primary-contrast: #ffffff;
+  --color-secondary: #1f7be2;
+  --color-secondary-light: #4b97ff;
+  --color-secondary-dark: #1058b0;
+  --color-secondary-contrast: #ffffff;
+  --color-tertiary: #8f5cf6;
+  --color-tertiary-contrast: #ffffff;
+  --color-success: #07966b;
+  --color-warning: #f7ae00;
+  --color-error: #e11d48;
+  --color-info: #1d8ff0;
+  --color-white: #ffffff;
+  --color-black: #0b1220;
+  --color-gray-50: #f8fafc;
+  --color-gray-100: #f3f6fb;
+  --color-gray-200: #e5ebf5;
+  --color-gray-300: #d2ddec;
+  --color-gray-400: #aab7ce;
+  --color-gray-500: #74829e;
+  --color-gray-600: #54617b;
+  --color-gray-700: #3a4557;
+  --color-gray-800: #273248;
+  --color-gray-900: #131c2e;
+  --background-default: var(--ce-color-background);
+  --background-surface: var(--ce-color-surface-soft);
+  --background-paper: var(--ce-color-surface);
+  --background-overlay: rgba(3, 10, 26, 0.52);
+  --background-transparent: rgba(255, 255, 255, 0.12);
+  --text-disabled: #8a94a8;
+  --text-inverse: #ffffff;
+  --text-link: #1e4dff;
+  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.08);
+  --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.08);
+  --shadow-md: 0 10px 24px rgba(15, 23, 42, 0.12);
+  --shadow-lg: 0 18px 40px rgba(15, 23, 42, 0.16);
+  --shadow-xl: 0 28px 60px rgba(15, 23, 42, 0.16);
+  --shadow-outline: 0 0 0 3px rgba(30, 77, 255, 0.2);
+  --radius-sm: 0.375rem;
+  --radius-md: 0.625rem;
+  --radius-lg: 0.875rem;
+  --radius-xl: 1.15rem;
+  --radius-2xl: 1.6rem;
+  --radius-pill: 9999px;
+  --radius-circle: 50%;
+  --opacity-0: 0;
+  --opacity-10: 0.1;
+  --opacity-20: 0.2;
+  --opacity-30: 0.3;
+  --opacity-40: 0.4;
+  --opacity-50: 0.5;
+  --opacity-60: 0.6;
+  --opacity-70: 0.7;
+  --opacity-80: 0.8;
+  --opacity-90: 0.9;
+  --opacity-100: 1;
 }
 
 :root[data-theme="dark"],
 :root[data-ce-theme="dark"] {
-  --text-primary: var(--ce-color-text, var(--theme-fg, #e2e8f0));
-  --text-muted: var(--ce-color-text-muted, var(--theme-muted, #94a3b8));
+  --text-primary: var(--ce-color-text, var(--theme-fg, #e5ebff));
+  --text-muted: var(--ce-color-text-muted, var(--theme-muted, #9cb0c9));
   --icon-filter: brightness(0) saturate(100%) invert(1);
+  --theme-bg: #071024;
+  --theme-surface: #0a1730;
+  --theme-surface-soft: #0d203d;
+  --theme-overlay: rgba(148, 163, 184, 0.14);
+  --theme-border: rgba(148, 163, 184, 0.25);
+  --ce-color-background: #071024;
+  --ce-color-surface: #0a1730;
+  --ce-color-surface-soft: #0d203d;
+  --ce-color-surface-elevated: #0c1c3a;
+  --ce-color-border: rgba(148, 163, 184, 0.2);
+  --surface: #0a1730;
+  --surface-subtle: #0d203d;
+  --surface-strong: #0c1c3a;
+  --surface-inverse: #ffffff;
+  --surface-flat: #071024;
+  --border: rgba(148, 163, 184, 0.24);
+  --overlay: rgba(148, 163, 184, 0.16);
+  --overlay-hover: rgba(148, 163, 184, 0.24);
+  --background-dark: #061127;
+  --text-light: #f8fafc;
+  --primary: #2f5bff;
+  --primary-hover: #4c72ff;
+  --primary-active: #264de0;
+  --secondary: #38bdf8;
+  --success: #34d399;
+  --warning: #facc15;
+  --danger: #fb7185;
+  --error: #fb7185;
+  --info: #60a5fa;
+  --primary-rgb: 47, 91, 255;
+  --secondary-rgb: 56, 189, 248;
+  --success-rgb: 52, 211, 153;
+  --warning-rgb: 250, 204, 21;
+  --danger-rgb: 251, 113, 133;
+  --error-rgb: 251, 113, 133;
+  --info-rgb: 96, 165, 250;
+  --background-default: #061127;
+  --background-surface: #0a1730;
+  --background-paper: #0c1c3a;
 }
 
 body {
   color: var(--text-primary);
-  font-family: var(--ce-font-family, var(--theme-font, var(--ce-font-family-fallback, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif)));
+  font-family: var(--ce-font-family, var(--theme-font, var(--ce-font-family-fallback, ${FONT_STACK})));
   font-size: var(--font-size-base);
 }
 `.trim();
+const ENTERPRISE_THEME_TOKENS = `
+:root {
+  --ce-font-family: ${FONT_STACK};
+  --font-family-base: ${FONT_STACK};
+  --font-family-heading: "Inter", "SF Pro Display", "Segoe UI", sans-serif;
+  --ce-radius-xl: 1.25rem;
+  --shadow-outline: 0 0 0 3px rgba(30, 77, 255, 0.2);
+  --spacing-1: 0.375rem;
+  --spacing-2: 0.625rem;
+  --spacing-3: 0.875rem;
+  --spacing-4: 1.25rem;
+  --spacing-5: 1.6rem;
+  --spacing-6: 2rem;
+  --spacing-7: 2.5rem;
+  --spacing-8: 3rem;
+  --ce-color-primary: #1f4bff;
+  --ce-color-secondary: #1f7af0;
+  --ce-color-tertiary: #7f56d9;
+  --ce-color-success: #047857;
+  --ce-color-warning: #ca8a04;
+  --ce-color-error: #be123c;
+  --ce-color-info: #0284c7;
+  --ce-color-surface-soft: #eef2ff;
+  --ce-color-border: rgba(15, 23, 42, 0.14);
+  --surface: #ffffff;
+  --surface-subtle: #eef2ff;
+  --surface-strong: #e2e8ff;
+  --surface-inverse: #0f1a3a;
+  --surface-flat: #f4f7ff;
+  --border: rgba(15, 23, 42, 0.18);
+  --overlay: rgba(15, 23, 42, 0.08);
+  --overlay-hover: rgba(15, 23, 42, 0.14);
+  --background-dark: #071024;
+  --text-light: #ffffff;
+  --text-dark: #0f172a;
+  --text-subtle: #5a6680;
+  --primary: #1f4bff;
+  --primary-hover: #4360ff;
+  --primary-active: #1a3ce8;
+  --secondary: #1f7af0;
+  --success: #047857;
+  --warning: #ca8a04;
+  --danger: #be123c;
+  --error: #be123c;
+  --info: #0284c7;
+  --primary-rgb: 31, 75, 255;
+  --secondary-rgb: 31, 122, 240;
+  --success-rgb: 4, 120, 87;
+  --warning-rgb: 202, 138, 4;
+  --danger-rgb: 190, 18, 60;
+  --error-rgb: 190, 18, 60;
+  --info-rgb: 2, 132, 199;
+  --theme-font: ${FONT_STACK};
+  --theme-fg: var(--text-primary);
+  --theme-muted: var(--text-muted);
+  --theme-bg: var(--background-default);
+  --theme-surface: var(--surface);
+  --theme-surface-soft: var(--surface-subtle);
+  --theme-overlay: var(--overlay);
+  --theme-border: var(--border);
+  --theme-primary: var(--primary);
+  --theme-primary-hover: var(--primary-hover);
+  --theme-primary-active: var(--primary-active);
+  --theme-secondary: var(--secondary);
+  --theme-success: var(--success);
+  --theme-warning: var(--warning);
+  --theme-danger: var(--danger);
+  --theme-error: var(--danger);
+  --theme-info: var(--info);
+  --theme-on-primary: var(--text-light);
+  --theme-on-secondary: var(--text-light);
+  --theme-on-success: var(--text-light);
+  --theme-on-warning: var(--text-dark);
+  --theme-on-danger: var(--text-light);
+  --theme-on-error: var(--text-light);
+  --theme-on-info: var(--text-light);
+  --theme-on-surface: var(--text-dark);
+  --focus-ring-soft: color-mix(in srgb, var(--focus-ring-color) 72%, transparent);
+}
+`.trim();
+let activePreset = "default";
 let tokensAttached = false;
-export function ensureThemeTokens() {
+export function setThemePreset(preset) {
+    activePreset = preset;
+}
+export function getThemePreset() {
+    return activePreset;
+}
+function getThemeTokens(preset) {
+    return preset === "enterprise" ? `${DEFAULT_THEME_TOKENS}\n\n${ENTERPRISE_THEME_TOKENS}` : DEFAULT_THEME_TOKENS;
+}
+export function ensureThemeTokens(preset = activePreset) {
     if (tokensAttached || typeof document === "undefined") {
         return;
     }
     const existing = document.head?.querySelector(`style[${TOKEN_STYLE_MARKER}]`);
     if (existing) {
+        if (!existing.textContent || existing.textContent !== getThemeTokens(preset)) {
+            existing.textContent = getThemeTokens(preset);
+        }
         tokensAttached = true;
         return;
     }
     const style = document.createElement("style");
     style.setAttribute(TOKEN_STYLE_MARKER, "true");
-    style.textContent = DEFAULT_THEME_TOKENS;
+    style.textContent = getThemeTokens(preset);
     document.head.appendChild(style);
     tokensAttached = true;
 }

package/dist/src/styles/ensureThemeTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"ensureThemeTokens.js","sourceRoot":"","sources":["../../../src/styles/ensureThemeTokens.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;AAErD,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC5B,CAAC,IAAI,EAAE,CAAC;AAET,IAAI,cAAc,GAAG,KAAK,CAAC;AAE3B,MAAM,UAAU,iBAAiB;IAC/B,IAAI,cAAc,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACtD,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAmB,SAAS,kBAAkB,GAAG,CAAC,CAAC;IAChG,IAAI,QAAQ,EAAE,CAAC;QACb,cAAc,GAAG,IAAI,CAAC;QACtB,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;IAC/C,KAAK,CAAC,WAAW,GAAG,oBAAoB,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,cAAc,GAAG,IAAI,CAAC;AACxB,CAAC"}
+{"version":3,"file":"ensureThemeTokens.js","sourceRoot":"","sources":["../../../src/styles/ensureThemeTokens.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;AAErD,MAAM,UAAU,GAAG,yEAAyE,CAAC;AAE7F,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;iDAaoB,UAAU;qDACN,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8H9D,CAAC,IAAI,EAAE,CAAC;AAET,MAAM,oBAAoB,GAAG;;IAEzB,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wFA6HgE,UAAU;;;CAGjG,CAAC,IAAI,EAAE,CAAC;AAET,MAAM,uBAAuB,GAAG;;sBAEV,UAAU;wBACR,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAiDhB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B3B,CAAC,IAAI,EAAE,CAAC;AAIT,IAAI,YAAY,GAAgB,SAAS,CAAC;AAC1C,IAAI,cAAc,GAAG,KAAK,CAAC;AAE3B,MAAM,UAAU,cAAc,CAAC,MAAmB;IAChD,YAAY,GAAG,MAAM,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,SAAS,cAAc,CAAC,MAAmB;IACzC,OAAO,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,GAAG,oBAAoB,OAAO,uBAAuB,EAAE,CAAC,CAAC,CAAC,oBAAoB,CAAC;AAClH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,SAAsB,YAAY;IAClE,IAAI,cAAc,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACtD,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAmB,SAAS,kBAAkB,GAAG,CAAC,CAAC;IAChG,IAAI,QAAQ,EAAE,CAAC;QACb,IAAI,CAAC,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,KAAK,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;YAC7E,QAAQ,CAAC,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;QAChD,CAAC;QACD,cAAc,GAAG,IAAI,CAAC;QACtB,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;IAC/C,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAC3C,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,cAAc,GAAG,IAAI,CAAC;AACxB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codeenvision/ui-webcomponents",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Cluster Envision reusable Web Components built on top of the CE UI framework.",
   "private": false,
   "type": "module",
@@ -93,7 +93,7 @@
   "author": "Cluster Envision",
   "license": "MIT",
   "devDependencies": {
-    "@codeenvision/ui-scss": "^1.94.4",
+    "@codeenvision/ui-scss": "file:../ce-ui-scss",
     "@playwright/test": "^1.55.0",
     "@storybook/addon-docs": "^10.2.19",
     "@storybook/web-components-vite": "^10.2.19",