@velora-cms/design-tokens 0.13.1 → 0.14.1

package/dist/themes/index.js

@@ -1,4 +0,0 @@
-import { lightTheme } from './light.js';
-import { darkTheme } from './dark.js';
-export { lightTheme, darkTheme };
-export const themes = [lightTheme, darkTheme];

package/dist/themes/light.d.ts

@@ -1,9 +0,0 @@
-import type { BuiltInTheme } from '../theme-types.js';
-/**
- * Light needs no overrides — the base token set generated to :root
- * (tokens.ts) already IS the light theme. Still modeled as a real
- * BuiltInTheme, not a special case: applying any theme is always
- * "set data-theme to this id," whether or not that theme happens to
- * define overrides.
- */
-export declare const lightTheme: BuiltInTheme;

package/dist/themes/light.js

@@ -1,13 +0,0 @@
-/**
- * Light needs no overrides — the base token set generated to :root
- * (tokens.ts) already IS the light theme. Still modeled as a real
- * BuiltInTheme, not a special case: applying any theme is always
- * "set data-theme to this id," whether or not that theme happens to
- * define overrides.
- */
-export const lightTheme = {
-    id: 'light',
-    name: 'Light',
-    type: 'theme',
-    contributions: { themeTokens: {} },
-};

package/dist/tokens.css

@@ -1,199 +0,0 @@
-/* Generated by @velora-cms/design-tokens — do not edit by hand. */
-
-:root {
-  --color-primary-50: #EAF4FB;
-  --color-primary-100: #CFE6F6;
-  --color-primary-200: #A9D5F0;
-  --color-primary-300: #7CC0E8;
-  --color-primary-400: #4E9CCB;
-  --color-primary-500: #2A82BC;
-  --color-primary-600: #1F6FA8;
-  --color-primary-700: #1A5E8F;
-  --color-primary-800: #154D75;
-  --color-primary-900: #113D5C;
-  --color-primary-950: #0B2A40;
-  --color-secondary-50: #F0F0FA;
-  --color-secondary-100: #E9E9F8;
-  --color-secondary-200: #D3D4F1;
-  --color-secondary-300: #B4B6E6;
-  --color-secondary-400: #8F92D8;
-  --color-secondary-500: #5B5FC7;
-  --color-secondary-600: #4B4FB0;
-  --color-secondary-700: #3E4194;
-  --color-secondary-800: #333676;
-  --color-secondary-900: #282A5C;
-  --color-secondary-950: #181A3A;
-  --color-success-50: #EEF5EB;
-  --color-success-100: #E4F0DF;
-  --color-success-200: #C6E0BD;
-  --color-success-300: #9CC78E;
-  --color-success-400: #6CA85C;
-  --color-success-500: #4E9340;
-  --color-success-600: #3B7D2E;
-  --color-success-700: #306626;
-  --color-success-800: #27521F;
-  --color-success-900: #1F4119;
-  --color-success-950: #122A0E;
-  --color-warning-50: #FBF5E8;
-  --color-warning-100: #F7EBD2;
-  --color-warning-200: #EFD8A6;
-  --color-warning-300: #E4BF72;
-  --color-warning-400: #D6A245;
-  --color-warning-500: #C98E2D;
-  --color-warning-600: #B7791F;
-  --color-warning-700: #96631A;
-  --color-warning-800: #764E15;
-  --color-warning-900: #5B3C11;
-  --color-warning-950: #3B260A;
-  --color-danger-50: #FBEFEE;
-  --color-danger-100: #F6E0DE;
-  --color-danger-200: #EEC3BF;
-  --color-danger-300: #E39B95;
-  --color-danger-400: #D66E66;
-  --color-danger-500: #C94F46;
-  --color-danger-600: #B93A32;
-  --color-danger-700: #9A2F29;
-  --color-danger-800: #7B2621;
-  --color-danger-900: #611E1A;
-  --color-danger-950: #3F120F;
-  --color-neutral-50: #FAF9F5;
-  --color-neutral-100: #F3F1EB;
-  --color-neutral-200: #ECEAE3;
-  --color-neutral-300: #E1DED5;
-  --color-neutral-400: #CFCBC0;
-  --color-neutral-500: #8C9490;
-  --color-neutral-600: #5C6663;
-  --color-neutral-700: #3E4644;
-  --color-neutral-800: #2A3230;
-  --color-neutral-900: #1B2321;
-  --color-neutral-950: #111614;
-  --color-background-base: #F3F1EB;
-  --color-background-elevated: #FFFFFF;
-  --color-background-subtle: #FAF9F5;
-  --color-background-overlay: rgba(27, 35, 33, 0.5);
-  --color-background-hover: #F0EEE7;
-  --color-text-primary: #1B2321;
-  --color-text-secondary: #5C6663;
-  --color-text-tertiary: #616966;
-  --color-text-disabled: #8C9490;
-  --color-text-inverse: #FFFFFF;
-  --color-border-default: #E1DED5;
-  --color-border-subtle: #ECEAE3;
-  --color-border-strong: #CFCBC0;
-  --color-code-keyword: #1A5E8F;
-  --color-code-tag: #4B4FB0;
-  --color-code-string: #306626;
-  --color-code-attr: #96631A;
-  --color-code-comment: #6B6659;
-  --color-code-punctuation: #4A463C;
-  --spacing-0: 0;
-  --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: 1.75rem;
-  --spacing-8: 2rem;
-  --spacing-9: 2.25rem;
-  --spacing-10: 2.5rem;
-  --spacing-11: 2.75rem;
-  --spacing-12: 3rem;
-  --spacing-14: 3.5rem;
-  --spacing-16: 4rem;
-  --spacing-20: 5rem;
-  --spacing-24: 6rem;
-  --spacing-72: 18rem;
-  --spacing-px: 1px;
-  --radius-none: 0;
-  --radius-sm: 0.375rem;
-  --radius-md: 0.5rem;
-  --radius-lg: 0.75rem;
-  --radius-xl: 1rem;
-  --radius-full: 9999px;
-  --shadow-sm: 0 1px 2px 0 rgba(43, 38, 24, 0.06);
-  --shadow-md: 0 1px 2px 0 rgba(43, 38, 24, 0.05), 0 6px 18px 0 rgba(43, 38, 24, 0.07);
-  --shadow-lg: 0 2px 4px 0 rgba(43, 38, 24, 0.06), 0 16px 40px 0 rgba(43, 38, 24, 0.12);
-  --shadow-xl: 0 4px 8px 0 rgba(43, 38, 24, 0.08), 0 24px 56px 0 rgba(43, 38, 24, 0.16);
-  --motion-duration-fast: 150ms;
-  --motion-duration-normal: 250ms;
-  --motion-duration-slow: 400ms;
-  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
-  --motion-easing-enter: cubic-bezier(0, 0, 0.2, 1);
-  --motion-easing-exit: cubic-bezier(0.4, 0, 1, 1);
-  --direction: ltr;
-  --font-family-sans: 'IBM Plex Sans', 'IBM Plex Sans Arabic', ui-sans-serif, system-ui, sans-serif;
-  --font-family-serif: 'Literata', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
-  --font-family-mono: 'IBM Plex Mono', ui-monospace, 'Cascadia Code', Consolas, monospace;
-  --font-size-xs: 0.75rem;
-  --font-size-sm: 0.8125rem;
-  --font-size-base: 0.875rem;
-  --font-size-lg: 1rem;
-  --font-size-xl: 1.25rem;
-  --font-size-2xl: 1.5rem;
-  --font-size-3xl: 1.875rem;
-  --font-weight-normal: 400;
-  --font-weight-medium: 500;
-  --font-weight-semibold: 600;
-  --font-weight-bold: 700;
-  --line-height-tight: 1.25;
-  --line-height-normal: 1.5;
-  --line-height-relaxed: 1.75;
-}
-
-[data-theme="dark"] {
-  --color-background-base: #1A1C1B;
-  --color-background-elevated: #232625;
-  --color-background-subtle: #1F2221;
-  --color-background-overlay: rgba(0, 0, 0, 0.6);
-  --color-background-hover: #2C302E;
-  --color-text-primary: #ECEAE3;
-  --color-text-secondary: #A3A8A6;
-  --color-text-tertiary: #969C99;
-  --color-text-disabled: #6F7573;
-  --color-text-inverse: #14181B;
-  --color-border-default: #33373A;
-  --color-border-subtle: #2C302E;
-  --color-border-strong: #444A4D;
-  --color-primary-50: #1D2A34;
-  --color-primary-100: #22364A;
-  --color-primary-200: #2A4A66;
-  --color-primary-300: #7CC0E8;
-  --color-primary-600: #7CC0E8;
-  --color-primary-700: #9AD0EE;
-  --color-primary-800: #BFE1F5;
-  --color-secondary-100: #2A2C46;
-  --color-secondary-500: #9A9DE3;
-  --color-secondary-600: #9A9DE3;
-  --color-success-100: #223A1E;
-  --color-success-600: #7FC46E;
-  --color-success-700: #8FD07F;
-  --color-warning-100: #3D3016;
-  --color-warning-600: #E0AA4B;
-  --color-warning-800: #EABB6A;
-  --color-danger-100: #45201D;
-  --color-danger-600: #E8776E;
-  --color-danger-700: #F0918A;
-  --color-code-keyword: #7CC0E8;
-  --color-code-tag: #9A9DE3;
-  --color-code-string: #7FC46E;
-  --color-code-attr: #E0AA4B;
-  --color-code-comment: #A3A8A6;
-  --color-code-punctuation: #C5C9C6;
-  --color-neutral-50: #1F2221;
-  --color-neutral-100: #232625;
-  --color-neutral-200: #2C302E;
-  --color-neutral-300: #33373A;
-  --color-neutral-400: #444A4D;
-  --color-neutral-500: #6F7573;
-  --color-neutral-600: #A3A8A6;
-  --color-neutral-700: #C5C9C6;
-  --color-neutral-800: #DAD9D3;
-  --color-neutral-900: #ECEAE3;
-  --color-neutral-950: #F5F4F0;
-}
-
-/* Arabic locales lead with Plex Sans Arabic — same token, language-conditional value. */
-[lang="ar"], [lang^="ar-"] {
-  --font-family-sans: 'IBM Plex Sans Arabic', 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif;
-}

package/dist/tokens.d.ts

@@ -1,25 +0,0 @@
-import type { VeloraDesignTokens } from './types.js';
-/**
- * Velora brand tokens — the default (light) token set, per the S177
- * design (the Session-177 design decisions,
- * user-approved 2026-08-30).
- *
- * Colour roles: the primary scale runs sky (50–300, atmosphere:
- * selection, focus, the version rail) into cerulean (600–800, action:
- * buttons, links). THE ACTION COLOUR IS primary-600 — this supersedes the
- * Session-27 "brand = 500 step" convention for primary; 500 is a
- * mid-step used for nothing in particular. Status scales pair a 100-step
- * soft fill with the lightest text step that clears 4.5:1 on that fill
- * (success/danger 700, warning 800). Neutrals are warm stone, not grey. The
- * dark set (themes/dark.ts) overrides colour only — themes never touch
- * typography/spacing/shadow/motion.
- */
-export declare const tokens: VeloraDesignTokens;
-/**
- * Under an Arabic document language the SAME sans token leads with Plex
- * Sans Arabic (its Latin glyphs are Plex-compatible), so RTL locales get a
- * native UI face without any component knowing. Emitted by build-css.ts
- * as a `[lang="ar"]` block — a language-conditional value of an existing
- * token, not a new one.
- */
-export declare const ARABIC_SANS_FONT_FAMILY = "'IBM Plex Sans Arabic', 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif";

package/dist/tokens.js

@@ -1,224 +0,0 @@
-/**
- * Velora brand tokens — the default (light) token set, per the S177
- * design (the Session-177 design decisions,
- * user-approved 2026-08-30).
- *
- * Colour roles: the primary scale runs sky (50–300, atmosphere:
- * selection, focus, the version rail) into cerulean (600–800, action:
- * buttons, links). THE ACTION COLOUR IS primary-600 — this supersedes the
- * Session-27 "brand = 500 step" convention for primary; 500 is a
- * mid-step used for nothing in particular. Status scales pair a 100-step
- * soft fill with the lightest text step that clears 4.5:1 on that fill
- * (success/danger 700, warning 800). Neutrals are warm stone, not grey. The
- * dark set (themes/dark.ts) overrides colour only — themes never touch
- * typography/spacing/shadow/motion.
- */
-export const tokens = {
-    color: {
-        primary: {
-            '50': '#EAF4FB',
-            '100': '#CFE6F6',
-            '200': '#A9D5F0',
-            '300': '#7CC0E8',
-            '400': '#4E9CCB',
-            '500': '#2A82BC',
-            '600': '#1F6FA8',
-            '700': '#1A5E8F',
-            '800': '#154D75',
-            '900': '#113D5C',
-            '950': '#0B2A40',
-        },
-        // The former brand indigo, demoted to the info/secondary role.
-        secondary: {
-            '50': '#F0F0FA',
-            '100': '#E9E9F8',
-            '200': '#D3D4F1',
-            '300': '#B4B6E6',
-            '400': '#8F92D8',
-            '500': '#5B5FC7',
-            '600': '#4B4FB0',
-            '700': '#3E4194',
-            '800': '#333676',
-            '900': '#282A5C',
-            '950': '#181A3A',
-        },
-        success: {
-            '50': '#EEF5EB',
-            '100': '#E4F0DF',
-            '200': '#C6E0BD',
-            '300': '#9CC78E',
-            '400': '#6CA85C',
-            '500': '#4E9340',
-            '600': '#3B7D2E',
-            '700': '#306626',
-            '800': '#27521F',
-            '900': '#1F4119',
-            '950': '#122A0E',
-        },
-        warning: {
-            '50': '#FBF5E8',
-            '100': '#F7EBD2',
-            '200': '#EFD8A6',
-            '300': '#E4BF72',
-            '400': '#D6A245',
-            '500': '#C98E2D',
-            '600': '#B7791F',
-            '700': '#96631A',
-            '800': '#764E15',
-            '900': '#5B3C11',
-            '950': '#3B260A',
-        },
-        danger: {
-            '50': '#FBEFEE',
-            '100': '#F6E0DE',
-            '200': '#EEC3BF',
-            '300': '#E39B95',
-            '400': '#D66E66',
-            '500': '#C94F46',
-            '600': '#B93A32',
-            '700': '#9A2F29',
-            '800': '#7B2621',
-            '900': '#611E1A',
-            '950': '#3F120F',
-        },
-        neutral: {
-            '50': '#FAF9F5',
-            '100': '#F3F1EB',
-            '200': '#ECEAE3',
-            '300': '#E1DED5',
-            '400': '#CFCBC0',
-            '500': '#8C9490',
-            '600': '#5C6663',
-            '700': '#3E4644',
-            '800': '#2A3230',
-            '900': '#1B2321',
-            '950': '#111614',
-        },
-        background: {
-            base: '#F3F1EB',
-            elevated: '#FFFFFF',
-            subtle: '#FAF9F5',
-            overlay: 'rgba(27, 35, 33, 0.5)',
-            // Nudged from #ECEAE3 (S179): the original wash put primary-600 text
-            // at 4.48:1 against it, just under AA — #F0EEE7 clears 4.5:1 while
-            // staying the darkest of the four light surfaces (the hover-wash
-            // hierarchy is unchanged).
-            hover: '#F0EEE7',
-        },
-        text: {
-            primary: '#1B2321',
-            secondary: '#5C6663',
-            tertiary: '#616966',
-            disabled: '#8C9490',
-            inverse: '#FFFFFF',
-        },
-        border: {
-            default: '#E1DED5',
-            subtle: '#ECEAE3',
-            strong: '#CFCBC0',
-        },
-        // Code-syntax roles (S195), approved mockup: reuses existing hues
-        // (primary-700 / secondary-600 / success-700 / warning-700) for
-        // keyword/tag/string/attr so highlighted code stays in the brand
-        // palette; comment/punctuation are quiet warm-stone steps between
-        // neutral-600 and neutral-700 built for this role specifically.
-        code: {
-            keyword: '#1A5E8F',
-            tag: '#4B4FB0',
-            string: '#306626',
-            attr: '#96631A',
-            comment: '#6B6659',
-            punctuation: '#4A463C',
-        },
-    },
-    typography: {
-        fontFamily: {
-            sans: "'IBM Plex Sans', 'IBM Plex Sans Arabic', ui-sans-serif, system-ui, sans-serif",
-            serif: "'Literata', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif",
-            mono: "'IBM Plex Mono', ui-monospace, 'Cascadia Code', Consolas, monospace",
-        },
-        // px targets at a 16px root: 12 · 13 · 14 · 16 · 20 · 24 · 30.
-        // base is 14px (the tool's body size); 2xl = tool titles, 3xl =
-        // content titles (serif).
-        fontSize: {
-            xs: '0.75rem',
-            sm: '0.8125rem',
-            base: '0.875rem',
-            lg: '1rem',
-            xl: '1.25rem',
-            '2xl': '1.5rem',
-            '3xl': '1.875rem',
-        },
-        fontWeight: {
-            normal: 400,
-            medium: 500,
-            semibold: 600,
-            bold: 700,
-        },
-        lineHeight: {
-            tight: 1.25,
-            normal: 1.5,
-            relaxed: 1.75,
-        },
-    },
-    spacing: {
-        '0': '0',
-        px: '1px',
-        '1': '0.25rem',
-        '2': '0.5rem',
-        '3': '0.75rem',
-        '4': '1rem',
-        '5': '1.25rem',
-        '6': '1.5rem',
-        '7': '1.75rem',
-        '8': '2rem',
-        '9': '2.25rem',
-        '10': '2.5rem',
-        '11': '2.75rem',
-        '12': '3rem',
-        '14': '3.5rem',
-        '16': '4rem',
-        '20': '5rem',
-        '24': '6rem',
-        // 72 (18rem): the persistent tree panel's width (S49 structure, S177 spec
-        // 284px) — Tailwind's `w-72` resolves only through this scale.
-        '72': '18rem',
-    },
-    // 6 small · 8 controls · 12 cards · 16 dialogs
-    radius: {
-        none: '0',
-        sm: '0.375rem',
-        md: '0.5rem',
-        lg: '0.75rem',
-        xl: '1rem',
-        full: '9999px',
-    },
-    // Warm-tinted (the shadow colour is the neutral-900 ink, not black).
-    shadow: {
-        sm: '0 1px 2px 0 rgba(43, 38, 24, 0.06)',
-        md: '0 1px 2px 0 rgba(43, 38, 24, 0.05), 0 6px 18px 0 rgba(43, 38, 24, 0.07)',
-        lg: '0 2px 4px 0 rgba(43, 38, 24, 0.06), 0 16px 40px 0 rgba(43, 38, 24, 0.12)',
-        xl: '0 4px 8px 0 rgba(43, 38, 24, 0.08), 0 24px 56px 0 rgba(43, 38, 24, 0.16)',
-    },
-    motion: {
-        duration: {
-            fast: '150ms',
-            normal: '250ms',
-            slow: '400ms',
-        },
-        easing: {
-            standard: 'cubic-bezier(0.4, 0, 0.2, 1)',
-            enter: 'cubic-bezier(0, 0, 0.2, 1)',
-            exit: 'cubic-bezier(0.4, 0, 1, 1)',
-        },
-    },
-    direction: 'ltr',
-};
-/**
- * Under an Arabic document language the SAME sans token leads with Plex
- * Sans Arabic (its Latin glyphs are Plex-compatible), so RTL locales get a
- * native UI face without any component knowing. Emitted by build-css.ts
- * as a `[lang="ar"]` block — a language-conditional value of an existing
- * token, not a new one.
- */
-export const ARABIC_SANS_FONT_FAMILY = "'IBM Plex Sans Arabic', 'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif";

package/dist/tokens.json

@@ -1,184 +0,0 @@
-{
-  "color": {
-    "primary": {
-      "50": "#EAF4FB",
-      "100": "#CFE6F6",
-      "200": "#A9D5F0",
-      "300": "#7CC0E8",
-      "400": "#4E9CCB",
-      "500": "#2A82BC",
-      "600": "#1F6FA8",
-      "700": "#1A5E8F",
-      "800": "#154D75",
-      "900": "#113D5C",
-      "950": "#0B2A40"
-    },
-    "secondary": {
-      "50": "#F0F0FA",
-      "100": "#E9E9F8",
-      "200": "#D3D4F1",
-      "300": "#B4B6E6",
-      "400": "#8F92D8",
-      "500": "#5B5FC7",
-      "600": "#4B4FB0",
-      "700": "#3E4194",
-      "800": "#333676",
-      "900": "#282A5C",
-      "950": "#181A3A"
-    },
-    "success": {
-      "50": "#EEF5EB",
-      "100": "#E4F0DF",
-      "200": "#C6E0BD",
-      "300": "#9CC78E",
-      "400": "#6CA85C",
-      "500": "#4E9340",
-      "600": "#3B7D2E",
-      "700": "#306626",
-      "800": "#27521F",
-      "900": "#1F4119",
-      "950": "#122A0E"
-    },
-    "warning": {
-      "50": "#FBF5E8",
-      "100": "#F7EBD2",
-      "200": "#EFD8A6",
-      "300": "#E4BF72",
-      "400": "#D6A245",
-      "500": "#C98E2D",
-      "600": "#B7791F",
-      "700": "#96631A",
-      "800": "#764E15",
-      "900": "#5B3C11",
-      "950": "#3B260A"
-    },
-    "danger": {
-      "50": "#FBEFEE",
-      "100": "#F6E0DE",
-      "200": "#EEC3BF",
-      "300": "#E39B95",
-      "400": "#D66E66",
-      "500": "#C94F46",
-      "600": "#B93A32",
-      "700": "#9A2F29",
-      "800": "#7B2621",
-      "900": "#611E1A",
-      "950": "#3F120F"
-    },
-    "neutral": {
-      "50": "#FAF9F5",
-      "100": "#F3F1EB",
-      "200": "#ECEAE3",
-      "300": "#E1DED5",
-      "400": "#CFCBC0",
-      "500": "#8C9490",
-      "600": "#5C6663",
-      "700": "#3E4644",
-      "800": "#2A3230",
-      "900": "#1B2321",
-      "950": "#111614"
-    },
-    "background": {
-      "base": "#F3F1EB",
-      "elevated": "#FFFFFF",
-      "subtle": "#FAF9F5",
-      "overlay": "rgba(27, 35, 33, 0.5)",
-      "hover": "#F0EEE7"
-    },
-    "text": {
-      "primary": "#1B2321",
-      "secondary": "#5C6663",
-      "tertiary": "#616966",
-      "disabled": "#8C9490",
-      "inverse": "#FFFFFF"
-    },
-    "border": {
-      "default": "#E1DED5",
-      "subtle": "#ECEAE3",
-      "strong": "#CFCBC0"
-    },
-    "code": {
-      "keyword": "#1A5E8F",
-      "tag": "#4B4FB0",
-      "string": "#306626",
-      "attr": "#96631A",
-      "comment": "#6B6659",
-      "punctuation": "#4A463C"
-    }
-  },
-  "typography": {
-    "fontFamily": {
-      "sans": "'IBM Plex Sans', 'IBM Plex Sans Arabic', ui-sans-serif, system-ui, sans-serif",
-      "serif": "'Literata', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif",
-      "mono": "'IBM Plex Mono', ui-monospace, 'Cascadia Code', Consolas, monospace"
-    },
-    "fontSize": {
-      "xs": "0.75rem",
-      "sm": "0.8125rem",
-      "base": "0.875rem",
-      "lg": "1rem",
-      "xl": "1.25rem",
-      "2xl": "1.5rem",
-      "3xl": "1.875rem"
-    },
-    "fontWeight": {
-      "normal": 400,
-      "medium": 500,
-      "semibold": 600,
-      "bold": 700
-    },
-    "lineHeight": {
-      "tight": 1.25,
-      "normal": 1.5,
-      "relaxed": 1.75
-    }
-  },
-  "spacing": {
-    "0": "0",
-    "1": "0.25rem",
-    "2": "0.5rem",
-    "3": "0.75rem",
-    "4": "1rem",
-    "5": "1.25rem",
-    "6": "1.5rem",
-    "7": "1.75rem",
-    "8": "2rem",
-    "9": "2.25rem",
-    "10": "2.5rem",
-    "11": "2.75rem",
-    "12": "3rem",
-    "14": "3.5rem",
-    "16": "4rem",
-    "20": "5rem",
-    "24": "6rem",
-    "72": "18rem",
-    "px": "1px"
-  },
-  "radius": {
-    "none": "0",
-    "sm": "0.375rem",
-    "md": "0.5rem",
-    "lg": "0.75rem",
-    "xl": "1rem",
-    "full": "9999px"
-  },
-  "shadow": {
-    "sm": "0 1px 2px 0 rgba(43, 38, 24, 0.06)",
-    "md": "0 1px 2px 0 rgba(43, 38, 24, 0.05), 0 6px 18px 0 rgba(43, 38, 24, 0.07)",
-    "lg": "0 2px 4px 0 rgba(43, 38, 24, 0.06), 0 16px 40px 0 rgba(43, 38, 24, 0.12)",
-    "xl": "0 4px 8px 0 rgba(43, 38, 24, 0.08), 0 24px 56px 0 rgba(43, 38, 24, 0.16)"
-  },
-  "motion": {
-    "duration": {
-      "fast": "150ms",
-      "normal": "250ms",
-      "slow": "400ms"
-    },
-    "easing": {
-      "standard": "cubic-bezier(0.4, 0, 0.2, 1)",
-      "enter": "cubic-bezier(0, 0, 0.2, 1)",
-      "exit": "cubic-bezier(0.4, 0, 1, 1)"
-    }
-  },
-  "direction": "ltr"
-}