@orcestr/ui 0.1.0 → 0.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAGR,yBAAyB,EAE5B,MAAM,cAAc,CAAC;AAEtB,wBAAgB,oBAAoB,CAAC,EACjC,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAoB,EACpB,cAA0B,EAC1B,OAAO,EACP,YAAY,EACZ,eAAe,EACf,cAAc,EACd,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE,yBAAyB,2CA6P3B"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAGR,yBAAyB,EAE5B,MAAM,cAAc,CAAC;AAEtB,wBAAgB,oBAAoB,CAAC,EACjC,QAAQ,EACR,IAAI,EAAE,cAAc,EACpB,WAAoB,EACpB,cAA0B,EAC1B,OAAO,EACP,YAAY,EACZ,eAAe,EACf,cAAc,EACd,SAAS,EACT,KAAK,EACL,MAAM,GACT,EAAE,yBAAyB,2CAuP3B"}

package/dist/theme/ThemeProvider.js

@@ -88,9 +88,9 @@ export function OrcestrThemeProvider({ children, mode: controlledMode, defaultMo
         '--oui-section-shadow': theme.shadows.section,
         '--oui-shadow-focus': theme.shadows.focus,
         '--oui-ring': theme.colors.focusRing,
-        '--oui-radius': theme.radii.lg,
-        '--oui-radius-sm': theme.radii.md,
-        '--oui-radius-xl': theme.radii.xl,
+        '--oui-radius': theme.radius.lg,
+        '--oui-radius-sm': theme.radius.md,
+        '--oui-radius-xl': theme.radius.xl,
         '--oui-space-px': theme.spacing.px,
         '--oui-space-xs': theme.spacing.xs,
         '--oui-space-sm': theme.spacing.sm,
@@ -104,19 +104,19 @@ export function OrcestrThemeProvider({ children, mode: controlledMode, defaultMo
         '--oui-breakpoint-tablet': theme.breakpoints.tablet,
         '--oui-breakpoint-desktop': theme.breakpoints.desktop,
         '--oui-breakpoint-wide': theme.breakpoints.wide,
-        '--oui-font-family': theme.typography.fontFamily,
-        '--oui-font-family-mono': theme.typography.monoFontFamily,
-        '--oui-title-size': theme.typography.titleSize,
-        '--oui-heading-size': theme.typography.headingSize,
-        '--oui-body-size': theme.typography.bodySize,
-        '--oui-compact-size': theme.typography.compactSize,
-        '--oui-label-size': theme.typography.labelSize,
-        '--oui-line-height': theme.typography.lineHeight,
-        '--oui-heading-line-height': theme.typography.headingLineHeight,
-        '--oui-weight-regular': theme.typography.weightRegular,
-        '--oui-weight-medium': theme.typography.weightMedium,
-        '--oui-weight-bold': theme.typography.weightBold,
-        '--oui-letter-spacing': theme.typography.letterSpacing,
+        '--oui-font-family': theme.text.family,
+        '--oui-font-family-mono': theme.text.mono,
+        '--oui-title-size': theme.text.title,
+        '--oui-heading-size': theme.text.heading,
+        '--oui-body-size': theme.text.body,
+        '--oui-compact-size': theme.text.compact,
+        '--oui-label-size': theme.text.label,
+        '--oui-line-height': theme.text.line,
+        '--oui-heading-line-height': theme.text.headingLine,
+        '--oui-weight-regular': theme.text.regular,
+        '--oui-weight-medium': theme.text.medium,
+        '--oui-weight-bold': theme.text.bold,
+        '--oui-letter-spacing': theme.text.letterSpacing,
         '--oui-status-neutral': theme.status.neutral.color,
         '--oui-status-neutral-text': theme.status.neutral.text,
         '--oui-status-neutral-soft': theme.status.neutral.soft,
@@ -156,11 +156,13 @@ export function OrcestrThemeProvider({ children, mode: controlledMode, defaultMo
         '--oui-z-toast': theme.zIndex.toast,
         '--oui-toast-bg': theme.toast.background,
         '--oui-toast-blur': cssBlur(theme.toast.blur),
-        '--oui-toast-border-color': theme.toast.borderColor,
         '--oui-toast-shadow': theme.toast.shadow,
         '--oui-toast-animation-duration': theme.toast.animationDuration,
         '--oui-toast-exit-duration': theme.toast.exitDuration,
         '--oui-toast-progress-height': theme.toast.progressHeight,
+        '--oui-scrollbar-thumb': theme.scrollbar.thumb,
+        '--oui-scrollbar-thumb-hover': theme.scrollbar.thumbHover,
+        '--oui-scrollbar-track': theme.scrollbar.track,
         '--oui-state-hover-opacity': theme.states.hoverOpacity,
         '--oui-state-active-opacity': theme.states.activeOpacity,
         '--oui-state-disabled-opacity': theme.states.disabledOpacity,
@@ -188,15 +190,7 @@ export function OrcestrThemeProvider({ children, mode: controlledMode, defaultMo
         setMode,
         setSurface,
         toggleMode,
-    }), [
-        resolvedMode,
-        resolvedSurface,
-        theme,
-        rootStyle,
-        setMode,
-        setSurface,
-        toggleMode,
-    ]);
+    }), [resolvedMode, resolvedSurface, theme, rootStyle, setMode, setSurface, toggleMode]);
     useEffect(() => {
         const root = document.documentElement;
         const previousTheme = root.getAttribute('data-oui-theme');
@@ -317,9 +311,7 @@ function parseHexColor(color) {
 function parseAlpha(value) {
     if (!value)
         return 1;
-    const alpha = value.endsWith('%')
-        ? Number.parseFloat(value) / 100
-        : Number.parseFloat(value);
+    const alpha = value.endsWith('%') ? Number.parseFloat(value) / 100 : Number.parseFloat(value);
     if (!Number.isFinite(alpha))
         return 1;
     return Math.max(0, Math.min(1, alpha));

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

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACtB,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,6BAA6B,GAAG;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC5C,mBAAmB,EACnB,6BAA6B,CAsBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,6BAA6B,EAK/D,CAAC;AAglBF,wBAAgB,WAAW,CACvB,IAAI,EAAE,gBAAgB,EACtB,OAAO,GAAE,mBAA+B,EACxC,cAAc,CAAC,EAAE,qBAAqB,GACvC,YAAY,CASd;AAED,eAAO,MAAM,SAAS,EAAE,YAAkC,CAAC;AAC3D,eAAO,MAAM,UAAU,EAAE,YAAmC,CAAC"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACR,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,EACtB,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,6BAA6B,GAAG;IACxC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC5C,mBAAmB,EACnB,6BAA6B,CAsBhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,6BAA6B,EAK/D,CAAC;AA0rBF,wBAAgB,WAAW,CACvB,IAAI,EAAE,gBAAgB,EACtB,OAAO,GAAE,mBAA+B,EACxC,cAAc,CAAC,EAAE,qBAAqB,GACvC,YAAY,CASd;AAED,eAAO,MAAM,SAAS,EAAE,YAAkC,CAAC;AAC3D,eAAO,MAAM,UAAU,EAAE,YAAmC,CAAC"}

package/dist/theme/defaultTheme.js

@@ -4,30 +4,30 @@ export const orcestrThemeSurfaceRegistry = {
         label: 'Orcestr',
         description: 'Neutral platform base for shared entity surfaces.',
     },
-    operations: {
-        value: 'operations',
-        label: 'Operations',
-        description: 'Dense theme for repeated operational work.',
+    deliveries: {
+        value: 'deliveries',
+        label: 'Deliveries',
+        description: 'Dense theme for deliveries workflows.',
     },
-    media: {
-        value: 'media',
-        label: 'Media',
-        description: 'Softer visual theme for content-heavy flows.',
+    beauty: {
+        value: 'beauty',
+        label: 'Beauty',
+        description: 'Soft visual theme for beauty workflows.',
     },
-    catalog: {
-        value: 'catalog',
-        label: 'Catalog',
-        description: 'Precise catalog theme for structured index surfaces.',
+    jewelry: {
+        value: 'jewelry',
+        label: 'Jewelry',
+        description: 'Warm precise theme for jewelry workflows.',
     },
 };
 export const orcestrThemeSurfaces = [
     orcestrThemeSurfaceRegistry.orcestr,
-    orcestrThemeSurfaceRegistry.operations,
-    orcestrThemeSurfaceRegistry.media,
-    orcestrThemeSurfaceRegistry.catalog,
+    orcestrThemeSurfaceRegistry.deliveries,
+    orcestrThemeSurfaceRegistry.beauty,
+    orcestrThemeSurfaceRegistry.jewelry,
 ];
 const sharedStructure = {
-    radii: {
+    radius: {
         sm: '4px',
         md: '6px',
         lg: '8px',
@@ -51,19 +51,19 @@ const sharedStructure = {
         desktop: '1024px',
         wide: '1440px',
     },
-    typography: {
-        fontFamily: 'var(--font-manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)',
-        monoFontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace',
-        titleSize: '22px',
-        headingSize: '18px',
-        bodySize: '14px',
-        compactSize: '13px',
-        labelSize: '12px',
-        lineHeight: '1.45',
-        headingLineHeight: '1.18',
-        weightRegular: 450,
-        weightMedium: 650,
-        weightBold: 760,
+    text: {
+        family: 'var(--font-manrope, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)',
+        mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace',
+        title: '22px',
+        heading: '18px',
+        body: '14px',
+        compact: '13px',
+        label: '12px',
+        line: '1.45',
+        headingLine: '1.18',
+        regular: 450,
+        medium: 650,
+        bold: 760,
         letterSpacing: '0',
     },
     motion: {
@@ -232,14 +232,18 @@ const darkBase = {
         },
     }),
     toast: {
-        background: 'rgb(12 12 15 / 56%)',
-        blur: 18,
-        borderColor: 'rgb(255 255 255 / 12%)',
-        shadow: '0 10px 30px rgb(0 0 0 / 20%)',
+        background: 'rgb(12 12 15 / 5%)',
+        blur: 6,
+        shadow: '0 16px 40px rgb(0 0 0 / 30%)',
         animationDuration: '420ms',
         exitDuration: '320ms',
         progressHeight: '2px',
     },
+    scrollbar: {
+        thumb: 'color-mix(in srgb, var(--oui-bg) 96%, var(--oui-text) 4%)',
+        thumbHover: 'color-mix(in srgb, var(--oui-bg) 93%, var(--oui-text) 7%)',
+        track: 'transparent',
+    },
     ...sharedStructure,
 };
 const lightBase = {
@@ -365,31 +369,92 @@ const lightBase = {
         },
     }),
     toast: {
-        background: 'rgb(255 255 255 / 72%)',
-        blur: 18,
-        borderColor: 'rgb(15 23 42 / 12%)',
-        shadow: '0 10px 30px rgb(15 23 42 / 12%)',
+        background: 'rgb(255 255 255 / 5%)',
+        blur: 6,
+        shadow: '0 16px 40px rgb(15 23 42 / 16%)',
         animationDuration: '420ms',
         exitDuration: '320ms',
         progressHeight: '2px',
     },
+    scrollbar: {
+        thumb: 'color-mix(in srgb, var(--oui-bg) 95%, var(--oui-text) 5%)',
+        thumbHover: 'color-mix(in srgb, var(--oui-bg) 92%, var(--oui-text) 8%)',
+        track: 'transparent',
+    },
     ...sharedStructure,
 };
 const surfaceOverrides = {
     orcestr: {
-        dark: {},
-        light: {},
+        dark: {
+            colors: {
+                primary: {
+                    base: '#6e56cf',
+                    text: '#baa7ff',
+                    surface: '#8354fe36',
+                    border: '#8f6cfd6d',
+                    contrast: '#ffffff',
+                },
+                selected: '#8354fe36',
+                focusRing: '0 0 0 3px #7d51fd50',
+            },
+            status: {
+                primary: {
+                    color: '#6e56cf',
+                    text: '#baa7ff',
+                    soft: '#8354fe36',
+                    border: '#8f6cfd6d',
+                },
+            },
+        },
+        light: {
+            colors: {
+                primary: {
+                    base: '#6e56cf',
+                    text: '#6550b9',
+                    surface: '#4400ee0f',
+                    border: '#3100fb35',
+                    contrast: '#ffffff',
+                },
+                selected: '#4400ee0f',
+                focusRing: '0 0 0 3px #4300ff1b',
+            },
+            status: {
+                primary: {
+                    color: '#6e56cf',
+                    text: '#6550b9',
+                    soft: '#4400ee0f',
+                    border: '#3100fb35',
+                },
+            },
+        },
     },
-    operations: {
+    deliveries: {
         dark: {
             colors: {
                 bg: '#09090b',
                 panel: '#0c0c0f',
                 panelSoft: '#222222',
                 floating: '#0c0c0f',
+                primary: {
+                    base: '#f76b15',
+                    text: '#ffa057',
+                    surface: '#fb6a0025',
+                    border: '#fd75045c',
+                    contrast: '#ffffff',
+                },
+                selected: '#fb6a0025',
+                focusRing: '0 0 0 3px #ff590039',
+            },
+            status: {
+                primary: {
+                    color: '#f76b15',
+                    text: '#ffa057',
+                    soft: '#fb6a0025',
+                    border: '#fd75045c',
+                },
             },
             toast: {
-                background: 'rgb(12 12 15 / 88%)',
+                background: 'rgb(12 12 15 / 5%)',
             },
             components: {
                 buttonFontWeight: 500,
@@ -403,9 +468,26 @@ const surfaceOverrides = {
                 panel: '#ffffff',
                 panelSoft: '#f9f9f9',
                 floating: '#ffffff',
+                primary: {
+                    base: '#f76b15',
+                    text: '#cc4e00',
+                    surface: '#ff9c0029',
+                    border: '#ff81007d',
+                    contrast: '#ffffff',
+                },
+                selected: '#ff9c0029',
+                focusRing: '0 0 0 3px #ff91014a',
+            },
+            status: {
+                primary: {
+                    color: '#f76b15',
+                    text: '#cc4e00',
+                    soft: '#ff9c0029',
+                    border: '#ff81007d',
+                },
             },
             toast: {
-                background: 'rgb(255 255 255 / 88%)',
+                background: 'rgb(255 255 255 / 5%)',
             },
             components: {
                 buttonFontWeight: 500,
@@ -414,22 +496,22 @@ const surfaceOverrides = {
             },
         },
     },
-    media: {
+    beauty: {
         dark: {
             colors: {
-                bg: '#141116',
-                panel: '#1d1820',
-                panelSoft: '#29212d',
-                floating: '#1d1820',
+                bg: '#09090b',
+                panel: '#0c0c0f',
+                panelSoft: '#222222',
+                floating: '#0c0c0f',
                 primary: {
-                    base: '#a84486',
-                    text: '#ffc1e7',
-                    surface: 'rgb(240 166 216 / 17%)',
-                    border: 'rgb(255 193 231 / 28%)',
+                    base: '#d86d8f',
+                    text: '#f7d7e2',
+                    surface: '#f2a8bf29',
+                    border: '#f2a8bf5f',
                     contrast: '#ffffff',
                 },
-                selected: 'rgb(240 166 216 / 16%)',
-                focusRing: '0 0 0 3px rgb(240 166 216 / 24%)',
+                selected: '#f2a8bf29',
+                focusRing: '0 0 0 3px #f2a8bf3f',
                 warning: {
                     base: '#ffd079',
                     text: '#ffd079',
@@ -445,30 +527,37 @@ const surfaceOverrides = {
                     contrast: '#202020',
                 },
             },
+            status: {
+                primary: {
+                    color: '#d86d8f',
+                    text: '#f7d7e2',
+                    soft: '#f2a8bf29',
+                    border: '#f2a8bf5f',
+                },
+            },
             toast: {
-                background: 'rgb(29 24 32 / 88%)',
-                borderColor: 'rgb(255 193 231 / 16%)',
+                background: 'rgb(29 24 32 / 5%)',
                 shadow: '0 12px 32px rgb(0 0 0 / 22%)',
             },
-            radii: {
+            radius: {
                 md: '8px',
                 lg: '10px',
             },
         },
         light: {
             colors: {
-                bg: '#fff8fc',
+                bg: '#ffffff',
                 panel: '#ffffff',
-                panelSoft: '#fff0f8',
+                panelSoft: '#fff0f5',
                 primary: {
-                    base: '#c0267f',
-                    text: '#a21d6c',
-                    surface: 'rgb(192 38 127 / 12%)',
-                    border: 'rgb(192 38 127 / 24%)',
+                    base: '#b84c70',
+                    text: '#8f3654',
+                    surface: '#fff0f5',
+                    border: '#b84c7047',
                     contrast: '#ffffff',
                 },
-                selected: 'rgb(192 38 127 / 10%)',
-                focusRing: '0 0 0 3px rgb(192 38 127 / 16%)',
+                selected: '#fff0f5',
+                focusRing: '0 0 0 3px #b84c7023',
                 warning: {
                     base: '#b96b00',
                     text: '#b96b00',
@@ -484,17 +573,24 @@ const surfaceOverrides = {
                     contrast: '#ffffff',
                 },
             },
+            status: {
+                primary: {
+                    color: '#b84c70',
+                    text: '#8f3654',
+                    soft: '#fff0f5',
+                    border: '#b84c7047',
+                },
+            },
             toast: {
-                background: 'rgb(255 255 255 / 88%)',
-                borderColor: 'rgb(192 38 127 / 13%)',
+                background: 'rgb(255 255 255 / 5%)',
             },
-            radii: {
+            radius: {
                 md: '8px',
                 lg: '10px',
             },
         },
     },
-    catalog: {
+    jewelry: {
         dark: {
             colors: {
                 bg: '#11100d',
@@ -502,14 +598,14 @@ const surfaceOverrides = {
                 panelSoft: '#242017',
                 floating: '#191712',
                 primary: {
-                    base: '#9b6f12',
-                    text: '#f1d990',
-                    surface: 'rgb(230 194 106 / 16%)',
-                    border: 'rgb(241 217 144 / 28%)',
-                    contrast: '#ffffff',
+                    base: '#ffc53d',
+                    text: '#ffca16',
+                    surface: '#fa820022',
+                    border: '#fd9b0051',
+                    contrast: '#111111',
                 },
-                selected: 'rgb(230 194 106 / 14%)',
-                focusRing: '0 0 0 3px rgb(230 194 106 / 22%)',
+                selected: '#fa820022',
+                focusRing: '0 0 0 3px #fc820032',
                 warning: {
                     base: '#f4c95d',
                     text: '#f4c95d',
@@ -525,11 +621,18 @@ const surfaceOverrides = {
                     contrast: '#202020',
                 },
             },
+            status: {
+                primary: {
+                    color: '#ffc53d',
+                    text: '#ffca16',
+                    soft: '#fa820022',
+                    border: '#fd9b0051',
+                },
+            },
             toast: {
-                background: 'rgb(25 23 18 / 88%)',
-                borderColor: 'rgb(241 217 144 / 15%)',
+                background: 'rgb(25 23 18 / 5%)',
             },
-            radii: {
+            radius: {
                 md: '6px',
                 lg: '8px',
             },
@@ -540,14 +643,14 @@ const surfaceOverrides = {
                 panel: '#ffffff',
                 panelSoft: '#f3efe4',
                 primary: {
-                    base: '#9b6f12',
-                    text: '#79570e',
-                    surface: 'rgb(155 111 18 / 12%)',
-                    border: 'rgb(155 111 18 / 24%)',
-                    contrast: '#ffffff',
+                    base: '#ffc53d',
+                    text: '#ab6400',
+                    surface: '#ffde003d',
+                    border: '#eab5008c',
+                    contrast: '#111111',
                 },
-                selected: 'rgb(155 111 18 / 10%)',
-                focusRing: '0 0 0 3px rgb(155 111 18 / 16%)',
+                selected: '#ffde003d',
+                focusRing: '0 0 0 3px #ffd40063',
                 warning: {
                     base: '#a16207',
                     text: '#a16207',
@@ -563,9 +666,16 @@ const surfaceOverrides = {
                     contrast: '#ffffff',
                 },
             },
+            status: {
+                primary: {
+                    color: '#ffc53d',
+                    text: '#ab6400',
+                    soft: '#ffde003d',
+                    border: '#eab5008c',
+                },
+            },
             toast: {
-                background: 'rgb(255 255 255 / 88%)',
-                borderColor: 'rgb(155 111 18 / 13%)',
+                background: 'rgb(255 255 255 / 5%)',
             },
         },
     },
@@ -579,16 +689,17 @@ function mergeTheme(baseTheme, overrides) {
         mode: baseTheme.mode,
         surface: baseTheme.surface,
         colors: mergeColors(baseTheme.colors, overrides.colors),
-        radii: { ...baseTheme.radii, ...overrides.radii },
+        radius: { ...baseTheme.radius, ...overrides.radius },
         spacing: { ...baseTheme.spacing, ...overrides.spacing },
         breakpoints: { ...baseTheme.breakpoints, ...overrides.breakpoints },
         shadows: { ...baseTheme.shadows, ...overrides.shadows },
-        typography: { ...baseTheme.typography, ...overrides.typography },
+        text: { ...baseTheme.text, ...overrides.text },
         status: mergeStatus(baseTheme.status, overrides.status),
         motion: { ...baseTheme.motion, ...overrides.motion },
         density: { ...baseTheme.density, ...overrides.density },
         zIndex: { ...baseTheme.zIndex, ...overrides.zIndex },
         toast: { ...baseTheme.toast, ...overrides.toast },
+        scrollbar: { ...baseTheme.scrollbar, ...overrides.scrollbar },
         states: { ...baseTheme.states, ...overrides.states },
         components: { ...baseTheme.components, ...overrides.components },
     };

package/dist/theme/systemProps.d.ts

@@ -1,8 +1,8 @@
 import type { CSSProperties } from 'react';
 export type SemanticTone = 'neutral' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
-export type ColorTone = 'blue' | 'sky' | 'cyan' | 'teal' | 'indigo' | 'violet' | 'purple' | 'iris' | 'green' | 'jade' | 'mint' | 'grass' | 'lime' | 'yellow' | 'amber' | 'orange' | 'brown' | 'red' | 'ruby' | 'crimson' | 'pink' | 'tomato';
+export type ColorTone = 'gray' | 'blue' | 'cyan' | 'green' | 'yellow' | 'orange' | 'red' | 'purple';
 export type Tone = SemanticTone | ColorTone;
-export type ToneInput = Tone | 'muted' | 'gray' | 'mauve' | 'slate' | 'sage' | 'olive' | 'sand' | 'blue' | 'sky' | 'cyan' | 'teal' | 'indigo' | 'violet' | 'purple' | 'iris' | 'green' | 'jade' | 'mint' | 'grass' | 'lime' | 'yellow' | 'amber' | 'orange' | 'brown' | 'red' | 'ruby' | 'crimson' | 'pink' | 'tomato' | (string & {});
+export type ToneInput = Tone | 'muted';
 export type UiSize = 1 | 2 | 3 | 4 | '1' | '2' | '3' | '4';
 export type RadiusScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7;
 export type AlignShort = 's' | 'c' | 'e' | 'st' | 'b' | 'start' | 'center' | 'end' | 'stretch' | 'baseline';

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

@@ -1 +1 @@
-{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../src/theme/systemProps.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"systemProps.d.ts","sourceRoot":"","sources":["../../src/theme/systemProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,MAAM,MAAM,YAAY,GACpB,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AACpF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;AACpG,MAAM,MAAM,IAAI,GAAG,YAAY,GAAG,SAAS,CAAC;AAC5C,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,OAAO,CAAC;AACvC,MAAM,MAAM,MAAM,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACxD,MAAM,MAAM,UAAU,GAClB,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AACvF,MAAM,MAAM,YAAY,GAClB,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AACf,MAAM,MAAM,eAAe,CAAC,CAAC,IACvB,CAAC,GACD;IACI,OAAO,CAAC,EAAE,CAAC,CAAC;IACZ,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,EAAE,CAAC,EAAE,CAAC,CAAC;CACV,CAAC;AAER,MAAM,MAAM,WAAW,GAAG;IACtB,CAAC,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,CAAC,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,CAAC,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACrC,CAAC,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,CAAC,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACxC,SAAS,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,CAAC,CAAC,EAAE,UAAU,CAAC;IACf,CAAC,CAAC,EAAE,YAAY,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACjC,EAAE,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IACtC,EAAE,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC,EAAE,WAAW,GAAG,GAAG,WAAW,EAAE,GAAG,MAAM,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AA2HF,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9D,KAAK,EAAE,CAAC,GACT;IACC,WAAW,EAAE,aAAa,CAAC;IAC3B,SAAS,EAAE,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC;CACzC,CAqKA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,EAAE,QAAQ,GAAE,IAAgB,GAAG,IAAI,CAQ5F"}

package/dist/theme/systemProps.js

@@ -49,18 +49,7 @@ const systemKeys = new Set([
     'r',
     'truncate',
 ]);
-const spacing = [
-    '0',
-    '4px',
-    '8px',
-    '12px',
-    '16px',
-    '24px',
-    '32px',
-    '40px',
-    '48px',
-    '64px',
-];
+const spacing = ['0', '4px', '8px', '12px', '16px', '24px', '32px', '40px', '48px', '64px'];
 const radiusScale = ['0', '2px', '4px', '6px', '8px', '10px', '12px', '999px'];
 function sizeValue(value) {
     if (value === undefined)
@@ -298,13 +287,7 @@ export function normalizeTone(value, fallback = 'neutral') {
     switch (value) {
         case undefined:
         case 'muted':
-        case 'gray':
-        case 'mauve':
-        case 'slate':
-        case 'sage':
-        case 'olive':
-        case 'sand':
-            return value === undefined ? fallback : 'neutral';
+            return fallback;
         default:
             return isTone(value) ? value : fallback;
     }
@@ -317,26 +300,12 @@ function isTone(value) {
         value === 'warning' ||
         value === 'danger' ||
         value === 'info' ||
+        value === 'gray' ||
         value === 'blue' ||
-        value === 'sky' ||
         value === 'cyan' ||
-        value === 'teal' ||
-        value === 'indigo' ||
-        value === 'violet' ||
-        value === 'purple' ||
-        value === 'iris' ||
         value === 'green' ||
-        value === 'jade' ||
-        value === 'mint' ||
-        value === 'grass' ||
-        value === 'lime' ||
         value === 'yellow' ||
-        value === 'amber' ||
         value === 'orange' ||
-        value === 'brown' ||
         value === 'red' ||
-        value === 'ruby' ||
-        value === 'crimson' ||
-        value === 'pink' ||
-        value === 'tomato');
+        value === 'purple');
 }