@voxel51/voodo 1.3.0 → 2.0.0

package/dist/theme/cssVar.d.ts

@@ -18,152 +18,175 @@ export declare const cssVar: {
             readonly warning: "var(--color-semantic-warning)";
         };
         readonly bg: {
+            readonly accent: "var(--color-content-bg-accent)";
             readonly background: "var(--color-content-bg-background)";
-            readonly card: {
-                readonly "1": "var(--color-content-bg-card-1)";
-                readonly "2": "var(--color-content-bg-card-2)";
-                readonly elevated: "var(--color-content-bg-card-elevated)";
-            };
+            readonly card: "var(--color-content-bg-card)";
+            readonly "card-elevated": "var(--color-content-bg-card-elevated)";
+            readonly "card-nested": "var(--color-content-bg-card-nested)";
+            readonly failure: "var(--color-content-bg-failure)";
+            readonly info: "var(--color-content-bg-info)";
             readonly muted: "var(--color-content-bg-muted)";
             readonly popover: "var(--color-content-bg-popover)";
+            readonly primary: "var(--color-content-bg-primary)";
             readonly secondary: "var(--color-content-bg-secondary)";
             readonly selected: "var(--color-content-bg-selected)";
-            readonly raised: "var(--color-content-bg-raised)";
-        };
-        readonly text: {
-            readonly fg: "var(--color-content-text-fg)";
-            readonly primary: "var(--color-content-text-primary)";
-            readonly secondary: "var(--color-content-text-secondary)";
-            readonly tertiary: "var(--color-content-text-tertiary)";
-            readonly muted: "var(--color-content-text-muted)";
-            readonly placeholder: "var(--color-content-text-placeholder)";
-            readonly success: "var(--color-content-text-success)";
-            readonly destructive: "var(--color-content-text-destructive)";
-            readonly info: "var(--color-content-text-info)";
-            readonly warning: "var(--color-content-text-warning)";
-            readonly accent: "var(--color-content-text-accent)";
-            readonly decorative: "var(--color-content-text-decorative)";
+            readonly success: "var(--color-content-bg-success)";
+            readonly warning: "var(--color-content-bg-warning)";
         };
         readonly border: {
+            readonly active: "var(--color-content-border-active)";
             readonly default: "var(--color-content-border-default)";
-            readonly strong: "var(--color-content-border-strong)";
-            readonly hover: "var(--color-content-border-hover)";
+            readonly disabled: "var(--color-content-border-disabled)";
+            readonly error: "var(--color-content-border-error)";
             readonly focus: "var(--color-content-border-focus)";
+            readonly hover: "var(--color-content-border-hover)";
+            readonly input: "var(--color-content-border-input)";
+            readonly "input-focus": "var(--color-content-border-input-focus)";
+            readonly "input-hover": "var(--color-content-border-input-hover)";
+            readonly strong: "var(--color-content-border-strong)";
             readonly subtle: "var(--color-content-border-subtle)";
-            readonly active: "var(--color-content-border-active)";
-            readonly error: "var(--color-content-border-error)";
             readonly success: "var(--color-content-border-success)";
             readonly warning: "var(--color-content-border-warning)";
-            readonly disabled: "var(--color-content-border-disabled)";
-            readonly input: "var(--color-content-border-input)";
-            readonly "input-hover": "var(--color-content-border-input-hover)";
-            readonly "input-focus": "var(--color-content-border-input-focus)";
         };
-        readonly status: {
-            readonly approved: "var(--color-content-status-approved)";
-            readonly review: "var(--color-content-status-review)";
-            readonly progress: "var(--color-content-status-progress)";
-            readonly default: "var(--color-content-status-default)";
-            readonly failed: "var(--color-content-status-failed)";
+        readonly code: {
+            readonly bg: "var(--color-content-code-bg)";
+            readonly border: "var(--color-content-code-border)";
+            readonly text: "var(--color-content-code-text)";
+        };
+        readonly focus: {
+            readonly ring: "var(--color-content-focus-ring)";
         };
         readonly icon: {
+            readonly brand: "var(--color-content-icon-brand)";
+            readonly dark: "var(--color-content-icon-dark)";
+            readonly decorative: "var(--color-content-icon-decorative)";
             readonly default: "var(--color-content-icon-default)";
-            readonly subtle: "var(--color-content-icon-subtle)";
+            readonly disabled: "var(--color-content-icon-disabled)";
             readonly emphasis: "var(--color-content-icon-emphasis)";
+            readonly failure: "var(--color-content-icon-failure)";
+            readonly info: "var(--color-content-icon-info)";
             readonly muted: "var(--color-content-icon-muted)";
-            readonly disabled: "var(--color-content-icon-disabled)";
-            readonly decorative: "var(--color-content-icon-decorative)";
-            readonly brand: "var(--color-content-icon-brand)";
-            readonly dark: "var(--color-content-icon-dark)";
-            readonly "brand-accent": "var(--color-content-icon-brand-accent)";
+            readonly subtle: "var(--color-content-icon-subtle)";
             readonly success: "var(--color-content-icon-success)";
-            readonly destructive: "var(--color-content-icon-destructive)";
             readonly warning: "var(--color-content-icon-warning)";
-            readonly info: "var(--color-content-icon-info)";
-        };
-        readonly overlay: {
-            readonly default: "var(--color-content-overlay-default)";
-            readonly light: "var(--color-content-overlay-light)";
-            readonly heavy: "var(--color-content-overlay-heavy)";
         };
-        readonly focus: {
-            readonly ring: "var(--color-content-focus-ring)";
+        readonly interactive: {
+            readonly "danger-default": "var(--color-content-interactive-danger-default)";
+            readonly "danger-hover": "var(--color-content-interactive-danger-hover)";
+            readonly "danger-pressed": "var(--color-content-interactive-danger-pressed)";
+            readonly "expressive-default": {
+                readonly end: "var(--color-content-interactive-expressive-default-end)";
+                readonly mid: "var(--color-content-interactive-expressive-default-mid)";
+                readonly start: "var(--color-content-interactive-expressive-default-start)";
+            };
+            readonly "expressive-hover": {
+                readonly end: "var(--color-content-interactive-expressive-hover-end)";
+                readonly mid: "var(--color-content-interactive-expressive-hover-mid)";
+                readonly start: "var(--color-content-interactive-expressive-hover-start)";
+            };
+            readonly "expressive-pressed": {
+                readonly end: "var(--color-content-interactive-expressive-pressed-end)";
+                readonly mid: "var(--color-content-interactive-expressive-pressed-mid)";
+                readonly start: "var(--color-content-interactive-expressive-pressed-start)";
+            };
+            readonly "primary-default": "var(--color-content-interactive-primary-default)";
+            readonly "primary-hover": "var(--color-content-interactive-primary-hover)";
+            readonly "primary-pressed": "var(--color-content-interactive-primary-pressed)";
+            readonly "secondary-default": "var(--color-content-interactive-secondary-default)";
+            readonly "secondary-hover": "var(--color-content-interactive-secondary-hover)";
+            readonly "secondary-pressed": "var(--color-content-interactive-secondary-pressed)";
+            readonly "success-default": "var(--color-content-interactive-success-default)";
+            readonly "success-hover": "var(--color-content-interactive-success-hover)";
+            readonly "success-pressed": "var(--color-content-interactive-success-pressed)";
         };
         readonly link: {
             readonly default: "var(--color-content-link-default)";
             readonly hover: "var(--color-content-link-hover)";
             readonly visited: "var(--color-content-link-visited)";
         };
-        readonly palette: {
-            readonly "1": "var(--color-content-palette-1)";
-            readonly "2": "var(--color-content-palette-2)";
-            readonly "3": "var(--color-content-palette-3)";
-            readonly "4": "var(--color-content-palette-4)";
-            readonly "5": "var(--color-content-palette-5)";
-            readonly "6": "var(--color-content-palette-6)";
-            readonly "7": "var(--color-content-palette-7)";
-            readonly "8": "var(--color-content-palette-8)";
-            readonly "9": "var(--color-content-palette-9)";
-            readonly "10": "var(--color-content-palette-10)";
-            readonly "11": "var(--color-content-palette-11)";
-            readonly "12": "var(--color-content-palette-12)";
-            readonly orange: "var(--color-content-palette-orange)";
-            readonly blue: "var(--color-content-palette-blue)";
-            readonly green: "var(--color-content-palette-green)";
-            readonly purple: "var(--color-content-palette-purple)";
-            readonly pink: "var(--color-content-palette-pink)";
-            readonly yellow: "var(--color-content-palette-yellow)";
-            readonly teal: "var(--color-content-palette-teal)";
-            readonly red: "var(--color-content-palette-red)";
-        };
-        readonly skeleton: {
-            readonly base: "var(--color-content-skeleton-base)";
-            readonly shimmer: "var(--color-content-skeleton-shimmer)";
-        };
-        readonly tooltip: {
-            readonly bg: "var(--color-content-tooltip-bg)";
-            readonly text: "var(--color-content-tooltip-text)";
-        };
-        readonly code: {
-            readonly bg: "var(--color-content-code-bg)";
-            readonly text: "var(--color-content-code-text)";
-            readonly border: "var(--color-content-code-border)";
+        readonly scrim: {
+            readonly default: "var(--color-content-scrim-default)";
+            readonly heavy: "var(--color-content-scrim-heavy)";
+            readonly light: "var(--color-content-scrim-light)";
         };
         readonly scrollbar: {
-            readonly track: "var(--color-content-scrollbar-track)";
             readonly thumb: "var(--color-content-scrollbar-thumb)";
             readonly "thumb-hover": "var(--color-content-scrollbar-thumb-hover)";
+            readonly track: "var(--color-content-scrollbar-track)";
         };
         readonly selection: {
             readonly bg: "var(--color-content-selection-bg)";
             readonly text: "var(--color-content-selection-text)";
         };
-        readonly action: {
-            readonly primary: {
-                readonly primary: "var(--color-action-primary-primary)";
-                readonly secondary: "var(--color-action-primary-secondary)";
-                readonly tertiary: "var(--color-action-primary-tertiary)";
-                readonly text: "var(--color-action-primary-text)";
+        readonly skeleton: {
+            readonly base: "var(--color-content-skeleton-base)";
+            readonly shimmer: "var(--color-content-skeleton-shimmer)";
+        };
+        readonly status: {
+            readonly approved: {
+                readonly bg: "var(--color-content-status-approved-bg)";
+                readonly text: "var(--color-content-status-approved-text)";
+            };
+            readonly draft: {
+                readonly bg: "var(--color-content-status-draft-bg)";
+                readonly text: "var(--color-content-status-draft-text)";
             };
-            readonly secondary: {
-                readonly primary: "var(--color-action-secondary-primary)";
-                readonly secondary: "var(--color-action-secondary-secondary)";
-                readonly tertiary: "var(--color-action-secondary-tertiary)";
-                readonly text: "var(--color-action-secondary-text)";
+            readonly failed: {
+                readonly bg: "var(--color-content-status-failed-bg)";
+                readonly text: "var(--color-content-status-failed-text)";
             };
-            readonly success: {
-                readonly primary: "var(--color-action-success-primary)";
-                readonly secondary: "var(--color-action-success-secondary)";
-                readonly tertiary: "var(--color-action-success-tertiary)";
-                readonly text: "var(--color-action-success-text)";
+            readonly progress: {
+                readonly bg: "var(--color-content-status-progress-bg)";
+                readonly text: "var(--color-content-status-progress-text)";
             };
-            readonly danger: {
-                readonly primary: "var(--color-action-danger-primary)";
-                readonly secondary: "var(--color-action-danger-secondary)";
-                readonly tertiary: "var(--color-action-danger-tertiary)";
-                readonly text: "var(--color-action-danger-text)";
+            readonly review: {
+                readonly bg: "var(--color-content-status-review-bg)";
+                readonly text: "var(--color-content-status-review-text)";
             };
         };
+        readonly text: {
+            readonly accent: "var(--color-content-text-accent)";
+            readonly decorative: "var(--color-content-text-decorative)";
+            readonly failure: "var(--color-content-text-failure)";
+            readonly foreground: "var(--color-content-text-foreground)";
+            readonly info: "var(--color-content-text-info)";
+            readonly inverse: "var(--color-content-text-inverse)";
+            readonly muted: "var(--color-content-text-muted)";
+            readonly placeholder: "var(--color-content-text-placeholder)";
+            readonly primary: "var(--color-content-text-primary)";
+            readonly secondary: "var(--color-content-text-secondary)";
+            readonly success: "var(--color-content-text-success)";
+            readonly tertiary: "var(--color-content-text-tertiary)";
+            readonly warning: "var(--color-content-text-warning)";
+        };
+        readonly tooltip: {
+            readonly bg: "var(--color-content-tooltip-bg)";
+            readonly text: "var(--color-content-tooltip-text)";
+        };
+        readonly "viz-chart": {
+            readonly blue: "var(--color-content-viz-chart-blue)";
+            readonly green: "var(--color-content-viz-chart-green)";
+            readonly lime: "var(--color-content-viz-chart-lime)";
+            readonly magenta: "var(--color-content-viz-chart-magenta)";
+            readonly neutral: "var(--color-content-viz-chart-neutral)";
+            readonly pink: "var(--color-content-viz-chart-pink)";
+            readonly purple: "var(--color-content-viz-chart-purple)";
+            readonly red: "var(--color-content-viz-chart-red)";
+            readonly teal: "var(--color-content-viz-chart-teal)";
+            readonly yellow: "var(--color-content-viz-chart-yellow)";
+        };
+        readonly "viz-overlay": {
+            readonly blue: "var(--color-content-viz-overlay-blue)";
+            readonly green: "var(--color-content-viz-overlay-green)";
+            readonly lime: "var(--color-content-viz-overlay-lime)";
+            readonly magenta: "var(--color-content-viz-overlay-magenta)";
+            readonly neutral: "var(--color-content-viz-overlay-neutral)";
+            readonly pink: "var(--color-content-viz-overlay-pink)";
+            readonly purple: "var(--color-content-viz-overlay-purple)";
+            readonly red: "var(--color-content-viz-overlay-red)";
+            readonly teal: "var(--color-content-viz-overlay-teal)";
+            readonly yellow: "var(--color-content-viz-overlay-yellow)";
+        };
     };
     readonly spacing: {
         readonly xs: "var(--spacing-xs)";

package/dist/theme/cssVar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cssVar.d.ts","sourceRoot":"","sources":["../../src/theme/cssVar.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuNT,CAAC"}
+{"version":3,"file":"cssVar.d.ts","sourceRoot":"","sources":["../../src/theme/cssVar.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E;;;;;GAKG;AACH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8OT,CAAC"}

package/dist/theme/mui.d.ts

@@ -3,36 +3,36 @@ export declare const voodoMuiThemeOptions: {
         primary: {
             main: "var(--color-brand-primary)";
             light: "var(--color-brand-accent)";
-            dark: "var(--color-action-primary-tertiary)";
-            contrastText: "var(--color-action-primary-text)";
+            dark: "var(--color-content-interactive-primary-pressed)";
+            contrastText: string;
         };
         error: {
-            main: "var(--color-action-danger-primary)";
-            light: "var(--color-action-danger-secondary)";
-            dark: "var(--color-action-danger-tertiary)";
-            contrastText: "var(--color-action-danger-text)";
+            main: "var(--color-content-interactive-danger-default)";
+            light: "var(--color-content-interactive-danger-hover)";
+            dark: "var(--color-content-interactive-danger-pressed)";
+            contrastText: string;
         };
         warning: {
             main: "var(--color-semantic-warning)";
             light: "var(--color-semantic-warning)";
             dark: "var(--color-semantic-warning)";
-            contrastText: "var(--color-action-primary-text)";
+            contrastText: string;
         };
         info: {
             main: "var(--color-semantic-info)";
             light: "var(--color-semantic-info)";
             dark: "var(--color-semantic-info)";
-            contrastText: "var(--color-action-primary-text)";
+            contrastText: string;
         };
         success: {
-            main: "var(--color-action-success-primary)";
-            light: "var(--color-action-success-secondary)";
-            dark: "var(--color-action-success-tertiary)";
-            contrastText: "var(--color-action-success-text)";
+            main: "var(--color-content-interactive-success-default)";
+            light: "var(--color-content-interactive-success-hover)";
+            dark: "var(--color-content-interactive-success-pressed)";
+            contrastText: string;
         };
         background: {
             default: "var(--color-content-bg-background)";
-            paper: "var(--color-content-bg-card-1)";
+            paper: "var(--color-content-bg-card)";
         };
         text: {
             primary: "var(--color-content-text-primary)";
@@ -42,8 +42,8 @@ export declare const voodoMuiThemeOptions: {
         divider: "var(--color-content-border-default)";
         action: {
             active: "var(--color-content-icon-default)";
-            hover: "var(--color-action-secondary-secondary)";
-            selected: "var(--color-action-secondary-primary)";
+            hover: "var(--color-content-interactive-secondary-hover)";
+            selected: "var(--color-content-interactive-secondary-default)";
             disabled: "var(--color-content-text-placeholder)";
             disabledBackground: "var(--color-content-bg-muted)";
             focus: "var(--color-content-focus-ring)";

package/dist/theme/mui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mui.d.ts","sourceRoot":"","sources":["../../src/theme/mui.ts"],"names":[],"mappings":"AA6DA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEhC,CAAC"}
+{"version":3,"file":"mui.d.ts","sourceRoot":"","sources":["../../src/theme/mui.ts"],"names":[],"mappings":"AAkEA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEhC,CAAC"}