@clusterenvision/ui-scss 1.94.3

package/dist/themes/premium/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@clusterenvision/ce-ui-theme-premium",
+  "version": "1.0.0",
+  "description": "Premium CE UI tokens",
+  "main": "tokens.css",
+  "types": "tokens.d.ts",
+  "files": [
+    "tokens.css",
+    "tokens.json",
+    "tokens.d.ts"
+  ]
+}

package/dist/themes/premium/tokens.css

@@ -0,0 +1,120 @@
+/* CE UI Tokens v1.0.0 */
+:root {
+  --ce-spacing-0: 0rem;
+  --ce-spacing-4: 0.25rem;
+  --ce-spacing-8: 0.5rem;
+  --ce-spacing-12: 0.75rem;
+  --ce-spacing-16: 1rem;
+  --ce-spacing-24: 1.5rem;
+  --ce-spacing-32: 2rem;
+  --ce-spacing-48: 3rem;
+  --ce-spacing-64: 4rem;
+  --ce-radius-none: 0;
+  --ce-radius-xs: 2px;
+  --ce-radius-sm: 4px;
+  --ce-radius-md: 8px;
+  --ce-radius-lg: 12px;
+  --ce-radius-xl: 16px;
+  --ce-radius-pill: 10px;
+  --ce-radius-circle: 50%;
+  --ce-typography-font-family: 'Inter', system-ui, sans-serif;
+  --ce-typography-font-size-xs: 0.75rem;
+  --ce-typography-font-size-sm: 0.875rem;
+  --ce-typography-font-size-md: 1rem;
+  --ce-typography-font-size-lg: 1.125rem;
+  --ce-typography-font-size-xl: 1.25rem;
+  --ce-typography-font-size-xxl: 1.5rem;
+  --ce-typography-font-weight-regular: 400;
+  --ce-typography-font-weight-medium: 500;
+  --ce-typography-font-weight-bold: 600;
+  --ce-typography-line-height-tight: 1.2;
+  --ce-typography-line-height-normal: 1.5;
+  --ce-typography-line-height-relaxed: 1.7;
+  --ce-density-comfortable: 1;
+  --ce-density-compact: 0.85;
+  --ce-component-button-background: var(--ce-color-primary);
+  --ce-component-button-foreground: #ffffff;
+  --ce-component-button-border: var(--ce-color-primary);
+  --ce-component-button-radius: var(--ce-radius-sm);
+  --ce-component-button-padding-y: var(--ce-space-8);
+  --ce-component-button-padding-x: var(--ce-space-16);
+  --ce-component-input-background: var(--ce-color-surface);
+  --ce-component-input-foreground: var(--ce-color-text);
+  --ce-component-input-border: var(--ce-color-border);
+  --ce-component-input-radius: var(--ce-radius-sm);
+  --ce-component-input-padding-y: var(--ce-space-8);
+  --ce-component-input-padding-x: var(--ce-space-12);
+  --ce-component-card-background: var(--ce-color-surface);
+  --ce-component-card-foreground: var(--ce-color-text);
+  --ce-component-card-border: var(--ce-color-border);
+  --ce-component-card-radius: var(--ce-radius-md);
+  --ce-component-card-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
+  --ce-component-tooltip-background: var(--ce-color-text);
+  --ce-component-tooltip-foreground: var(--ce-color-surface);
+  --ce-component-tooltip-radius: var(--ce-radius-sm);
+  --ce-component-tooltip-padding-y: var(--ce-space-4);
+  --ce-component-tooltip-padding-x: var(--ce-space-8);
+  --ce-color-background: #f8fafc;
+  --ce-color-surface: #ffffff;
+  --ce-color-text: #0f172a;
+  --ce-color-text-muted: #6b7280;
+  --ce-color-primary: #2563eb;
+  --ce-color-accent: #2563eb;
+  --ce-color-border: #e5e7eb;
+  --ce-color-focus-ring: #2563eb;
+  --ce-color-success: #34a853;
+  --ce-color-warning: #f9ab00;
+  --ce-color-danger: #ea4335;
+  --ce-color-info: #4285f4;
+}
+
+:root[data-ce-theme="dark"],
+:root.theme-dark,
+.theme-dark {
+  --ce-color-background: #202124;
+  --ce-color-surface: #111827;
+  --ce-color-text: #ffffff;
+  --ce-color-text-muted: #f8f9fa;
+  --ce-color-primary: #1a73e8;
+  --ce-color-accent: #1a73e8;
+  --ce-color-border: #2b2f36;
+  --ce-color-focus-ring: #1a73e8;
+  --ce-color-success: #34a853;
+  --ce-color-warning: #f9ab00;
+  --ce-color-danger: #ea4335;
+  --ce-color-info: #4285f4;
+}
+
+:root[data-ce-theme="high-contrast"],
+:root.theme-high-contrast,
+.theme-high-contrast {
+  --ce-color-background: #000000;
+  --ce-color-surface: #0f1115;
+  --ce-color-text: #ffffff;
+  --ce-color-text-muted: #cbd5e1;
+  --ce-color-primary: #1d4ed8;
+  --ce-color-accent: #1d4ed8;
+  --ce-color-border: #ffffff;
+  --ce-color-focus-ring: #ffffff;
+  --ce-color-success: #34a853;
+  --ce-color-warning: #f9ab00;
+  --ce-color-danger: #ea4335;
+  --ce-color-info: #4285f4;
+}
+
+@media (prefers-color-scheme: dark) {
+:root:not([data-ce-theme]):not([data-theme]):not(.theme-dark):not(.theme-light) {
+  --ce-color-background: #202124;
+  --ce-color-surface: #111827;
+  --ce-color-text: #ffffff;
+  --ce-color-text-muted: #f8f9fa;
+  --ce-color-primary: #1a73e8;
+  --ce-color-accent: #1a73e8;
+  --ce-color-border: #2b2f36;
+  --ce-color-focus-ring: #1a73e8;
+  --ce-color-success: #34a853;
+  --ce-color-warning: #f9ab00;
+  --ce-color-danger: #ea4335;
+  --ce-color-info: #4285f4;
+}
+}

package/dist/themes/premium/tokens.d.ts

@@ -0,0 +1,69 @@
+export type CeTokenName =
+  "color.accent" |
+  "color.background" |
+  "color.border" |
+  "color.danger" |
+  "color.focusRing" |
+  "color.info" |
+  "color.primary" |
+  "color.success" |
+  "color.surface" |
+  "color.text" |
+  "color.textMuted" |
+  "color.warning" |
+  "component.button.background" |
+  "component.button.border" |
+  "component.button.foreground" |
+  "component.button.paddingX" |
+  "component.button.paddingY" |
+  "component.button.radius" |
+  "component.card.background" |
+  "component.card.border" |
+  "component.card.foreground" |
+  "component.card.radius" |
+  "component.card.shadow" |
+  "component.input.background" |
+  "component.input.border" |
+  "component.input.foreground" |
+  "component.input.paddingX" |
+  "component.input.paddingY" |
+  "component.input.radius" |
+  "component.tooltip.background" |
+  "component.tooltip.foreground" |
+  "component.tooltip.paddingX" |
+  "component.tooltip.paddingY" |
+  "component.tooltip.radius" |
+  "density.comfortable" |
+  "density.compact" |
+  "radius.circle" |
+  "radius.lg" |
+  "radius.md" |
+  "radius.none" |
+  "radius.pill" |
+  "radius.sm" |
+  "radius.xl" |
+  "radius.xs" |
+  "spacing.0" |
+  "spacing.12" |
+  "spacing.16" |
+  "spacing.24" |
+  "spacing.32" |
+  "spacing.4" |
+  "spacing.48" |
+  "spacing.64" |
+  "spacing.8" |
+  "typography.fontFamily" |
+  "typography.fontSize.lg" |
+  "typography.fontSize.md" |
+  "typography.fontSize.sm" |
+  "typography.fontSize.xl" |
+  "typography.fontSize.xs" |
+  "typography.fontSize.xxl" |
+  "typography.fontWeight.bold" |
+  "typography.fontWeight.medium" |
+  "typography.fontWeight.regular" |
+  "typography.lineHeight.normal" |
+  "typography.lineHeight.relaxed" |
+  "typography.lineHeight.tight";
+
+export type CeTokenMap = Record<CeTokenName, string>;

package/dist/themes/premium/tokens.json

@@ -0,0 +1,136 @@
+{
+  "version": "1.0.0",
+  "product": "premium",
+  "name": "@clusterenvision/ce-ui-theme-premium",
+  "description": "Premium CE UI tokens",
+  "tokens": {
+    "spacing": {
+      "0": "0rem",
+      "4": "0.25rem",
+      "8": "0.5rem",
+      "12": "0.75rem",
+      "16": "1rem",
+      "24": "1.5rem",
+      "32": "2rem",
+      "48": "3rem",
+      "64": "4rem"
+    },
+    "radius": {
+      "none": "0",
+      "xs": "2px",
+      "sm": "4px",
+      "md": "8px",
+      "lg": "12px",
+      "xl": "16px",
+      "pill": "10px",
+      "circle": "50%"
+    },
+    "typography": {
+      "fontFamily": "'Inter', system-ui, sans-serif",
+      "fontSize": {
+        "xs": "0.75rem",
+        "sm": "0.875rem",
+        "md": "1rem",
+        "lg": "1.125rem",
+        "xl": "1.25rem",
+        "xxl": "1.5rem"
+      },
+      "fontWeight": {
+        "regular": "400",
+        "medium": "500",
+        "bold": "600"
+      },
+      "lineHeight": {
+        "tight": "1.2",
+        "normal": "1.5",
+        "relaxed": "1.7"
+      }
+    },
+    "density": {
+      "comfortable": "1",
+      "compact": "0.85"
+    },
+    "component": {
+      "button": {
+        "background": "var(--ce-color-primary)",
+        "foreground": "#ffffff",
+        "border": "var(--ce-color-primary)",
+        "radius": "var(--ce-radius-sm)",
+        "paddingY": "var(--ce-space-8)",
+        "paddingX": "var(--ce-space-16)"
+      },
+      "input": {
+        "background": "var(--ce-color-surface)",
+        "foreground": "var(--ce-color-text)",
+        "border": "var(--ce-color-border)",
+        "radius": "var(--ce-radius-sm)",
+        "paddingY": "var(--ce-space-8)",
+        "paddingX": "var(--ce-space-12)"
+      },
+      "card": {
+        "background": "var(--ce-color-surface)",
+        "foreground": "var(--ce-color-text)",
+        "border": "var(--ce-color-border)",
+        "radius": "var(--ce-radius-md)",
+        "shadow": "0 8px 24px rgba(0, 0, 0, 0.08)"
+      },
+      "tooltip": {
+        "background": "var(--ce-color-text)",
+        "foreground": "var(--ce-color-surface)",
+        "radius": "var(--ce-radius-sm)",
+        "paddingY": "var(--ce-space-4)",
+        "paddingX": "var(--ce-space-8)"
+      }
+    }
+  },
+  "modes": {
+    "light": {
+      "color": {
+        "background": "#f8fafc",
+        "surface": "#ffffff",
+        "text": "#0f172a",
+        "textMuted": "#6b7280",
+        "primary": "#2563eb",
+        "accent": "#2563eb",
+        "border": "#e5e7eb",
+        "focusRing": "#2563eb",
+        "success": "#34a853",
+        "warning": "#f9ab00",
+        "danger": "#ea4335",
+        "info": "#4285f4"
+      }
+    },
+    "dark": {
+      "color": {
+        "background": "#202124",
+        "surface": "#111827",
+        "text": "#ffffff",
+        "textMuted": "#f8f9fa",
+        "primary": "#1a73e8",
+        "accent": "#1a73e8",
+        "border": "#2b2f36",
+        "focusRing": "#1a73e8",
+        "success": "#34a853",
+        "warning": "#f9ab00",
+        "danger": "#ea4335",
+        "info": "#4285f4"
+      }
+    },
+    "high-contrast": {
+      "color": {
+        "background": "#000000",
+        "surface": "#0f1115",
+        "text": "#ffffff",
+        "textMuted": "#cbd5e1",
+        "primary": "#1d4ed8",
+        "accent": "#1d4ed8",
+        "border": "#ffffff",
+        "focusRing": "#ffffff",
+        "success": "#34a853",
+        "warning": "#f9ab00",
+        "danger": "#ea4335",
+        "info": "#4285f4"
+      }
+    }
+  }
+}

package/dist/tokens/tokens.css

@@ -0,0 +1,120 @@
+/* CE UI Tokens v1.0.0 */
+:root {
+  --ce-spacing-0: 0rem;
+  --ce-spacing-4: 0.25rem;
+  --ce-spacing-8: 0.5rem;
+  --ce-spacing-12: 0.75rem;
+  --ce-spacing-16: 1rem;
+  --ce-spacing-24: 1.5rem;
+  --ce-spacing-32: 2rem;
+  --ce-spacing-48: 3rem;
+  --ce-spacing-64: 4rem;
+  --ce-radius-none: 0;
+  --ce-radius-xs: 2px;
+  --ce-radius-sm: 4px;
+  --ce-radius-md: 8px;
+  --ce-radius-lg: 12px;
+  --ce-radius-xl: 16px;
+  --ce-radius-pill: 10px;
+  --ce-radius-circle: 50%;
+  --ce-typography-font-family: 'Inter', system-ui, sans-serif;
+  --ce-typography-font-size-xs: 0.75rem;
+  --ce-typography-font-size-sm: 0.875rem;
+  --ce-typography-font-size-md: 1rem;
+  --ce-typography-font-size-lg: 1.125rem;
+  --ce-typography-font-size-xl: 1.25rem;
+  --ce-typography-font-size-xxl: 1.5rem;
+  --ce-typography-font-weight-regular: 400;
+  --ce-typography-font-weight-medium: 500;
+  --ce-typography-font-weight-bold: 600;
+  --ce-typography-line-height-tight: 1.2;
+  --ce-typography-line-height-normal: 1.5;
+  --ce-typography-line-height-relaxed: 1.7;
+  --ce-density-comfortable: 1;
+  --ce-density-compact: 0.85;
+  --ce-component-button-background: var(--ce-color-primary);
+  --ce-component-button-foreground: #ffffff;
+  --ce-component-button-border: var(--ce-color-primary);
+  --ce-component-button-radius: var(--ce-radius-sm);
+  --ce-component-button-padding-y: var(--ce-space-8);
+  --ce-component-button-padding-x: var(--ce-space-16);
+  --ce-component-input-background: var(--ce-color-surface);
+  --ce-component-input-foreground: var(--ce-color-text);
+  --ce-component-input-border: var(--ce-color-border);
+  --ce-component-input-radius: var(--ce-radius-sm);
+  --ce-component-input-padding-y: var(--ce-space-8);
+  --ce-component-input-padding-x: var(--ce-space-12);
+  --ce-component-card-background: var(--ce-color-surface);
+  --ce-component-card-foreground: var(--ce-color-text);
+  --ce-component-card-border: var(--ce-color-border);
+  --ce-component-card-radius: var(--ce-radius-md);
+  --ce-component-card-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
+  --ce-component-tooltip-background: var(--ce-color-text);
+  --ce-component-tooltip-foreground: var(--ce-color-surface);
+  --ce-component-tooltip-radius: var(--ce-radius-sm);
+  --ce-component-tooltip-padding-y: var(--ce-space-4);
+  --ce-component-tooltip-padding-x: var(--ce-space-8);
+  --ce-color-background: #f8fafc;
+  --ce-color-surface: #ffffff;
+  --ce-color-text: #0f172a;
+  --ce-color-text-muted: #6b7280;
+  --ce-color-primary: #2563eb;
+  --ce-color-accent: #2563eb;
+  --ce-color-border: #e5e7eb;
+  --ce-color-focus-ring: #2563eb;
+  --ce-color-success: #34a853;
+  --ce-color-warning: #f9ab00;
+  --ce-color-danger: #ea4335;
+  --ce-color-info: #4285f4;
+}
+
+:root[data-ce-theme="dark"],
+:root.theme-dark,
+.theme-dark {
+  --ce-color-background: #202124;
+  --ce-color-surface: #111827;
+  --ce-color-text: #ffffff;
+  --ce-color-text-muted: #f8f9fa;
+  --ce-color-primary: #1a73e8;
+  --ce-color-accent: #1a73e8;
+  --ce-color-border: #2b2f36;
+  --ce-color-focus-ring: #1a73e8;
+  --ce-color-success: #34a853;
+  --ce-color-warning: #f9ab00;
+  --ce-color-danger: #ea4335;
+  --ce-color-info: #4285f4;
+}
+
+:root[data-ce-theme="high-contrast"],
+:root.theme-high-contrast,
+.theme-high-contrast {
+  --ce-color-background: #000000;
+  --ce-color-surface: #0f1115;
+  --ce-color-text: #ffffff;
+  --ce-color-text-muted: #cbd5e1;
+  --ce-color-primary: #1d4ed8;
+  --ce-color-accent: #1d4ed8;
+  --ce-color-border: #ffffff;
+  --ce-color-focus-ring: #ffffff;
+  --ce-color-success: #34a853;
+  --ce-color-warning: #f9ab00;
+  --ce-color-danger: #ea4335;
+  --ce-color-info: #4285f4;
+}
+
+@media (prefers-color-scheme: dark) {
+:root:not([data-ce-theme]):not([data-theme]):not(.theme-dark):not(.theme-light) {
+  --ce-color-background: #202124;
+  --ce-color-surface: #111827;
+  --ce-color-text: #ffffff;
+  --ce-color-text-muted: #f8f9fa;
+  --ce-color-primary: #1a73e8;
+  --ce-color-accent: #1a73e8;
+  --ce-color-border: #2b2f36;
+  --ce-color-focus-ring: #1a73e8;
+  --ce-color-success: #34a853;
+  --ce-color-warning: #f9ab00;
+  --ce-color-danger: #ea4335;
+  --ce-color-info: #4285f4;
+}
+}

package/dist/tokens/tokens.d.ts

@@ -0,0 +1,69 @@
+export type CeTokenName =
+  "color.accent" |
+  "color.background" |
+  "color.border" |
+  "color.danger" |
+  "color.focusRing" |
+  "color.info" |
+  "color.primary" |
+  "color.success" |
+  "color.surface" |
+  "color.text" |
+  "color.textMuted" |
+  "color.warning" |
+  "component.button.background" |
+  "component.button.border" |
+  "component.button.foreground" |
+  "component.button.paddingX" |
+  "component.button.paddingY" |
+  "component.button.radius" |
+  "component.card.background" |
+  "component.card.border" |
+  "component.card.foreground" |
+  "component.card.radius" |
+  "component.card.shadow" |
+  "component.input.background" |
+  "component.input.border" |
+  "component.input.foreground" |
+  "component.input.paddingX" |
+  "component.input.paddingY" |
+  "component.input.radius" |
+  "component.tooltip.background" |
+  "component.tooltip.foreground" |
+  "component.tooltip.paddingX" |
+  "component.tooltip.paddingY" |
+  "component.tooltip.radius" |
+  "density.comfortable" |
+  "density.compact" |
+  "radius.circle" |
+  "radius.lg" |
+  "radius.md" |
+  "radius.none" |
+  "radius.pill" |
+  "radius.sm" |
+  "radius.xl" |
+  "radius.xs" |
+  "spacing.0" |
+  "spacing.12" |
+  "spacing.16" |
+  "spacing.24" |
+  "spacing.32" |
+  "spacing.4" |
+  "spacing.48" |
+  "spacing.64" |
+  "spacing.8" |
+  "typography.fontFamily" |
+  "typography.fontSize.lg" |
+  "typography.fontSize.md" |
+  "typography.fontSize.sm" |
+  "typography.fontSize.xl" |
+  "typography.fontSize.xs" |
+  "typography.fontSize.xxl" |
+  "typography.fontWeight.bold" |
+  "typography.fontWeight.medium" |
+  "typography.fontWeight.regular" |
+  "typography.lineHeight.normal" |
+  "typography.lineHeight.relaxed" |
+  "typography.lineHeight.tight";
+
+export type CeTokenMap = Record<CeTokenName, string>;

package/dist/tokens/tokens.json

@@ -0,0 +1,133 @@
+{
+  "version": "1.0.0",
+  "modes": {
+    "light": {
+      "color": {
+        "background": "#f8fafc",
+        "surface": "#ffffff",
+        "text": "#0f172a",
+        "textMuted": "#6b7280",
+        "primary": "#2563eb",
+        "accent": "#2563eb",
+        "border": "#e5e7eb",
+        "focusRing": "#2563eb",
+        "success": "#34a853",
+        "warning": "#f9ab00",
+        "danger": "#ea4335",
+        "info": "#4285f4"
+      }
+    },
+    "dark": {
+      "color": {
+        "background": "#202124",
+        "surface": "#111827",
+        "text": "#ffffff",
+        "textMuted": "#f8f9fa",
+        "primary": "#1a73e8",
+        "accent": "#1a73e8",
+        "border": "#2b2f36",
+        "focusRing": "#1a73e8",
+        "success": "#34a853",
+        "warning": "#f9ab00",
+        "danger": "#ea4335",
+        "info": "#4285f4"
+      }
+    },
+    "high-contrast": {
+      "color": {
+        "background": "#000000",
+        "surface": "#0f1115",
+        "text": "#ffffff",
+        "textMuted": "#cbd5e1",
+        "primary": "#1d4ed8",
+        "accent": "#1d4ed8",
+        "border": "#ffffff",
+        "focusRing": "#ffffff",
+        "success": "#34a853",
+        "warning": "#f9ab00",
+        "danger": "#ea4335",
+        "info": "#4285f4"
+      }
+    }
+  },
+  "tokens": {
+    "spacing": {
+      "0": "0rem",
+      "4": "0.25rem",
+      "8": "0.5rem",
+      "12": "0.75rem",
+      "16": "1rem",
+      "24": "1.5rem",
+      "32": "2rem",
+      "48": "3rem",
+      "64": "4rem"
+    },
+    "radius": {
+      "none": "0",
+      "xs": "2px",
+      "sm": "4px",
+      "md": "8px",
+      "lg": "12px",
+      "xl": "16px",
+      "pill": "10px",
+      "circle": "50%"
+    },
+    "typography": {
+      "fontFamily": "'Inter', system-ui, sans-serif",
+      "fontSize": {
+        "xs": "0.75rem",
+        "sm": "0.875rem",
+        "md": "1rem",
+        "lg": "1.125rem",
+        "xl": "1.25rem",
+        "xxl": "1.5rem"
+      },
+      "fontWeight": {
+        "regular": "400",
+        "medium": "500",
+        "bold": "600"
+      },
+      "lineHeight": {
+        "tight": "1.2",
+        "normal": "1.5",
+        "relaxed": "1.7"
+      }
+    },
+    "density": {
+      "comfortable": "1",
+      "compact": "0.85"
+    },
+    "component": {
+      "button": {
+        "background": "var(--ce-color-primary)",
+        "foreground": "#ffffff",
+        "border": "var(--ce-color-primary)",
+        "radius": "var(--ce-radius-sm)",
+        "paddingY": "var(--ce-space-8)",
+        "paddingX": "var(--ce-space-16)"
+      },
+      "input": {
+        "background": "var(--ce-color-surface)",
+        "foreground": "var(--ce-color-text)",
+        "border": "var(--ce-color-border)",
+        "radius": "var(--ce-radius-sm)",
+        "paddingY": "var(--ce-space-8)",
+        "paddingX": "var(--ce-space-12)"
+      },
+      "card": {
+        "background": "var(--ce-color-surface)",
+        "foreground": "var(--ce-color-text)",
+        "border": "var(--ce-color-border)",
+        "radius": "var(--ce-radius-md)",
+        "shadow": "0 8px 24px rgba(0, 0, 0, 0.08)"
+      },
+      "tooltip": {
+        "background": "var(--ce-color-text)",
+        "foreground": "var(--ce-color-surface)",
+        "radius": "var(--ce-radius-sm)",
+        "paddingY": "var(--ce-space-4)",
+        "paddingX": "var(--ce-space-8)"
+      }
+    }
+  }
+}