@voxel51/voodo 0.0.41 → 0.2.0-dev-prerelease-publishing.0

package/dist/theme/cssVar.d.ts

@@ -0,0 +1,223 @@
+/** AUTO-GENERATED by utils/generate-css-vars.ts — do not edit by hand. **/
+/**
+ * Typed `var(--…)` references for every semantic Voodo token. The stable,
+ * theme-reactive surface for consuming Voodo outside Voodo (MUI/emotion/CSS).
+ * Bind to these instead of hardcoding values; they react to light/dark and
+ * track token renames. Requires Voodo's CSS (`@voxel51/voodo/theme.css`).
+ */
+export declare const cssVar: {
+    readonly color: {
+        readonly brand: {
+            readonly primary: "var(--color-brand-primary)";
+            readonly accent: "var(--color-brand-accent)";
+        };
+        readonly semantic: {
+            readonly success: "var(--color-semantic-success)";
+            readonly destructive: "var(--color-semantic-destructive)";
+            readonly info: "var(--color-semantic-info)";
+            readonly warning: "var(--color-semantic-warning)";
+        };
+        readonly bg: {
+            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 muted: "var(--color-content-bg-muted)";
+            readonly popover: "var(--color-content-bg-popover)";
+            readonly secondary: "var(--color-content-bg-secondary)";
+            readonly selected: "var(--color-content-bg-selected)";
+        };
+        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 border: {
+            readonly default: "var(--color-content-border-default)";
+            readonly strong: "var(--color-content-border-strong)";
+            readonly hover: "var(--color-content-border-hover)";
+            readonly focus: "var(--color-content-border-focus)";
+            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 icon: {
+            readonly default: "var(--color-content-icon-default)";
+            readonly subtle: "var(--color-content-icon-subtle)";
+            readonly emphasis: "var(--color-content-icon-emphasis)";
+            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 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 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 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 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 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 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 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 spacing: {
+        readonly xs: "var(--spacing-xs)";
+        readonly sm: "var(--spacing-sm)";
+        readonly md: "var(--spacing-md)";
+        readonly lg: "var(--spacing-lg)";
+        readonly xl: "var(--spacing-xl)";
+    };
+    readonly text: {
+        readonly xxs: "var(--text-xxs)";
+        readonly xs: "var(--text-xs)";
+        readonly sm: "var(--text-sm)";
+        readonly md: "var(--text-md)";
+        readonly lg: "var(--text-lg)";
+        readonly xl: "var(--text-xl)";
+        readonly xxl: "var(--text-xxl)";
+    };
+    readonly fontFamily: {
+        readonly sans: "var(--font-sans)";
+        readonly mono: "var(--font-mono)";
+    };
+    readonly z: {
+        readonly default: "var(--z-default)";
+        readonly low: "var(--z-low)";
+        readonly medium: "var(--z-medium)";
+        readonly high: "var(--z-high)";
+        readonly "above-modal": "var(--z-above-modal)";
+    };
+    readonly transition: {
+        readonly duration: {
+            readonly instant: "var(--transition-duration-instant)";
+            readonly fast: "var(--transition-duration-fast)";
+            readonly normal: "var(--transition-duration-normal)";
+            readonly moderate: "var(--transition-duration-moderate)";
+            readonly slow: "var(--transition-duration-slow)";
+            readonly deliberate: "var(--transition-duration-deliberate)";
+        };
+        readonly easing: {
+            readonly linear: "var(--transition-easing-linear)";
+            readonly in: "var(--transition-easing-in)";
+            readonly out: "var(--transition-easing-out)";
+            readonly "in-out": "var(--transition-easing-in-out)";
+            readonly spring: "var(--transition-easing-spring)";
+            readonly sharp: "var(--transition-easing-sharp)";
+        };
+        readonly preset: {
+            readonly colors: "var(--transition-preset-colors)";
+            readonly opacity: "var(--transition-preset-opacity)";
+            readonly transform: "var(--transition-preset-transform)";
+            readonly shadow: "var(--transition-preset-shadow)";
+            readonly menu: "var(--transition-preset-menu)";
+            readonly panel: "var(--transition-preset-panel)";
+            readonly overlay: "var(--transition-preset-overlay)";
+            readonly all: "var(--transition-preset-all)";
+        };
+    };
+};
+//# sourceMappingURL=cssVar.d.ts.map

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

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

package/dist/theme/index.d.ts

@@ -1,2 +1,4 @@
 export * from './tokens';
+export { cssVar } from './cssVar';
+export { voodoMuiThemeOptions } from './mui';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC"}

package/dist/theme/mui.d.ts

@@ -0,0 +1,78 @@
+export declare const voodoMuiThemeOptions: {
+    palette: {
+        primary: {
+            main: "var(--color-brand-primary)";
+            light: "var(--color-brand-accent)";
+            dark: "var(--color-action-primary-tertiary)";
+            contrastText: "var(--color-action-primary-text)";
+        };
+        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)";
+        };
+        warning: {
+            main: "var(--color-semantic-warning)";
+            light: "var(--color-semantic-warning)";
+            dark: "var(--color-semantic-warning)";
+            contrastText: "var(--color-action-primary-text)";
+        };
+        info: {
+            main: "var(--color-semantic-info)";
+            light: "var(--color-semantic-info)";
+            dark: "var(--color-semantic-info)";
+            contrastText: "var(--color-action-primary-text)";
+        };
+        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)";
+        };
+        background: {
+            default: "var(--color-content-bg-background)";
+            paper: "var(--color-content-bg-card-1)";
+        };
+        text: {
+            primary: "var(--color-content-text-primary)";
+            secondary: "var(--color-content-text-secondary)";
+            disabled: "var(--color-content-text-tertiary)";
+        };
+        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)";
+            disabled: "var(--color-content-text-placeholder)";
+            disabledBackground: "var(--color-content-bg-muted)";
+            focus: "var(--color-content-focus-ring)";
+        };
+    };
+    typography: {
+        fontFamily: "var(--font-sans)";
+        body1: {
+            fontSize: "var(--text-md)";
+        };
+        body2: {
+            fontSize: "var(--text-sm)";
+        };
+        caption: {
+            fontSize: "var(--text-xs)";
+        };
+        button: {
+            fontSize: "var(--text-md)";
+            textTransform: "none";
+        };
+        h1: {
+            fontSize: "var(--text-xxl)";
+        };
+        h2: {
+            fontSize: "var(--text-xl)";
+        };
+        h3: {
+            fontSize: "var(--text-lg)";
+        };
+    };
+};
+//# sourceMappingURL=mui.d.ts.map

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

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