ionbase-ui 0.1.0

package/dist/tokens/index.js

@@ -0,0 +1,1702 @@
+// Generated from the IonBase Figma file. Do not edit directly.
+// Regenerate with `pnpm --filter @ionbase-ui/tokens build`.
+/** Breakpoint tokens — modes: Desktop, Tablet, Mobile. */
+export const breakpoint = {
+    'grid/margin': 'var(--grid-margin)',
+    'grid/gutter': 'var(--grid-gutter)',
+    'grid/columns': 'var(--grid-columns)',
+    'container/max-width': 'var(--container-max-width)',
+    'section/gap-y': 'var(--section-gap-y)',
+    'section/gap-y-sm': 'var(--section-gap-y-sm)',
+    'type/display': 'var(--type-display)',
+    'type/display/line-height': 'var(--type-display-line-height)',
+    'type/h1': 'var(--type-h1)',
+    'type/h1/line-height': 'var(--type-h1-line-height)',
+    'type/h2': 'var(--type-h2)',
+    'type/h2/line-height': 'var(--type-h2-line-height)',
+    'type/h3': 'var(--type-h3)',
+    'type/h3/line-height': 'var(--type-h3-line-height)',
+    'type/h4': 'var(--type-h4)',
+    'type/h4/line-height': 'var(--type-h4-line-height)',
+    'type/h5': 'var(--type-h5)',
+    'type/h5/line-height': 'var(--type-h5-line-height)',
+    'type/h6': 'var(--type-h6)',
+    'type/h6/line-height': 'var(--type-h6-line-height)',
+    'type/body-lg': 'var(--type-body-lg)',
+    'type/body-lg/line-height': 'var(--type-body-lg-line-height)',
+    'type/body-md': 'var(--type-body-md)',
+    'type/body-md/line-height': 'var(--type-body-md-line-height)',
+    'type/body': 'var(--type-body)',
+    'type/body/line-height': 'var(--type-body-line-height)',
+    'type/body-sm': 'var(--type-body-sm)',
+    'type/body-sm/line-height': 'var(--type-body-sm-line-height)',
+    'type/caption': 'var(--type-caption)',
+    'type/caption/line-height': 'var(--type-caption-line-height)',
+};
+/** Interface tokens — modes: Light, Dark. */
+export const ui = {
+    'text/default': 'var(--text-default)',
+    'text/secondary': 'var(--text-secondary)',
+    'text/tertiary': 'var(--text-tertiary)',
+    'text/placeholder': 'var(--text-placeholder)',
+    'text/disabled': 'var(--text-disabled)',
+    'text/on-color': 'var(--text-on-color)',
+    'text/inverse': 'var(--text-inverse)',
+    'text/primary': 'var(--text-primary)',
+    'text/error': 'var(--text-error)',
+    'text/success': 'var(--text-success)',
+    'text/warning': 'var(--text-warning)',
+    'text/information': 'var(--text-information)',
+    'text/link': 'var(--text-link)',
+    'text/link/hover': 'var(--text-link-hover)',
+    'text/link/visited': 'var(--text-link-visited)',
+    'text/interactive': 'var(--text-interactive)',
+    'text/interactive/hover': 'var(--text-interactive-hover)',
+    'icon/default': 'var(--icon-default)',
+    'icon/secondary': 'var(--icon-secondary)',
+    'icon/tertiary': 'var(--icon-tertiary)',
+    'icon/disabled': 'var(--icon-disabled)',
+    'icon/on-color': 'var(--icon-on-color)',
+    'icon/inverse': 'var(--icon-inverse)',
+    'icon/primary': 'var(--icon-primary)',
+    'icon/error': 'var(--icon-error)',
+    'icon/success': 'var(--icon-success)',
+    'icon/warning': 'var(--icon-warning)',
+    'icon/information': 'var(--icon-information)',
+    'icon/interactive': 'var(--icon-interactive)',
+    'surface/default': 'var(--surface-default)',
+    'icon/interactive/hover': 'var(--icon-interactive-hover)',
+    'surface/page': 'var(--surface-page)',
+    'surface/sunken': 'var(--surface-sunken)',
+    'surface/subtle': 'var(--surface-subtle)',
+    'surface/muted': 'var(--surface-muted)',
+    'surface/raised': 'var(--surface-raised)',
+    'surface/overlay': 'var(--surface-overlay)',
+    'surface/scrim': 'var(--surface-scrim)',
+    'surface/inverse': 'var(--surface-inverse)',
+    'surface/inverse-subtle': 'var(--surface-inverse-subtle)',
+    'surface/disabled': 'var(--surface-disabled)',
+    'surface/placeholder': 'var(--surface-placeholder)',
+    'surface/hover': 'var(--surface-hover)',
+    'surface/pressed': 'var(--surface-pressed)',
+    'surface/selected': 'var(--surface-selected)',
+    'surface/selected-hover': 'var(--surface-selected-hover)',
+    'surface/primary': 'var(--surface-primary)',
+    'surface/primary/hover': 'var(--surface-primary-hover)',
+    'surface/primary/pressed': 'var(--surface-primary-pressed)',
+    'surface/primary-subtle': 'var(--surface-primary-subtle)',
+    'surface/primary-subtle/hover': 'var(--surface-primary-subtle-hover)',
+    'surface/primary-tint': 'var(--surface-primary-tint)',
+    'surface/error': 'var(--surface-error)',
+    'surface/error/hover': 'var(--surface-error-hover)',
+    'surface/error/pressed': 'var(--surface-error-pressed)',
+    'surface/error-subtle': 'var(--surface-error-subtle)',
+    'surface/error-subtle/hover': 'var(--surface-error-subtle-hover)',
+    'surface/error-tint': 'var(--surface-error-tint)',
+    'surface/success': 'var(--surface-success)',
+    'surface/success/hover': 'var(--surface-success-hover)',
+    'surface/success/pressed': 'var(--surface-success-pressed)',
+    'surface/success-subtle': 'var(--surface-success-subtle)',
+    'surface/success-subtle/hover': 'var(--surface-success-subtle-hover)',
+    'surface/success-tint': 'var(--surface-success-tint)',
+    'surface/warning': 'var(--surface-warning)',
+    'surface/warning/hover': 'var(--surface-warning-hover)',
+    'surface/warning/pressed': 'var(--surface-warning-pressed)',
+    'surface/warning-subtle': 'var(--surface-warning-subtle)',
+    'surface/warning-subtle/hover': 'var(--surface-warning-subtle-hover)',
+    'surface/warning-tint': 'var(--surface-warning-tint)',
+    'surface/information': 'var(--surface-information)',
+    'surface/information/hover': 'var(--surface-information-hover)',
+    'surface/information/pressed': 'var(--surface-information-pressed)',
+    'surface/information-subtle': 'var(--surface-information-subtle)',
+    'surface/information-subtle/hover': 'var(--surface-information-subtle-hover)',
+    'surface/information-tint': 'var(--surface-information-tint)',
+    'border/subtle': 'var(--border-subtle)',
+    'border/default': 'var(--border-default)',
+    'border/strong': 'var(--border-strong)',
+    'border/stronger': 'var(--border-stronger)',
+    'border/inverse': 'var(--border-inverse)',
+    'border/disabled': 'var(--border-disabled)',
+    'border/transparent': 'var(--border-transparent)',
+    'border/primary': 'var(--border-primary)',
+    'border/primary-strong': 'var(--border-primary-strong)',
+    'border/primary-subtle': 'var(--border-primary-subtle)',
+    'border/error': 'var(--border-error)',
+    'border/error-strong': 'var(--border-error-strong)',
+    'border/error-subtle': 'var(--border-error-subtle)',
+    'border/success': 'var(--border-success)',
+    'border/success-strong': 'var(--border-success-strong)',
+    'border/success-subtle': 'var(--border-success-subtle)',
+    'border/warning': 'var(--border-warning)',
+    'border/warning-strong': 'var(--border-warning-strong)',
+    'border/warning-subtle': 'var(--border-warning-subtle)',
+    'border/information': 'var(--border-information)',
+    'border/information-strong': 'var(--border-information-strong)',
+    'border/information-subtle': 'var(--border-information-subtle)',
+    'border/focus': 'var(--border-focus)',
+    'border/focus-error': 'var(--border-focus-error)',
+    'ring/focus': 'var(--ring-focus)',
+    'ring/error': 'var(--ring-error)',
+    'ring/offset': 'var(--ring-offset)',
+};
+/** Primitives tokens — modes: Value. */
+export const primitives = {
+    'color/base/white': 'var(--color-base-white)',
+    'color/base/black': 'var(--color-base-black)',
+    'color/gray/50': 'var(--color-gray-50)',
+    'color/gray/100': 'var(--color-gray-100)',
+    'color/gray/200': 'var(--color-gray-200)',
+    'color/gray/300': 'var(--color-gray-300)',
+    'color/gray/400': 'var(--color-gray-400)',
+    'color/gray/500': 'var(--color-gray-500)',
+    'color/gray/600': 'var(--color-gray-600)',
+    'color/gray/700': 'var(--color-gray-700)',
+    'color/gray/800': 'var(--color-gray-800)',
+    'color/gray/900': 'var(--color-gray-900)',
+    'color/purple/50': 'var(--color-purple-50)',
+    'color/purple/100': 'var(--color-purple-100)',
+    'color/purple/200': 'var(--color-purple-200)',
+    'color/purple/300': 'var(--color-purple-300)',
+    'color/purple/400': 'var(--color-purple-400)',
+    'color/purple/500': 'var(--color-purple-500)',
+    'color/purple/600': 'var(--color-purple-600)',
+    'color/purple/700': 'var(--color-purple-700)',
+    'color/purple/800': 'var(--color-purple-800)',
+    'color/purple/900': 'var(--color-purple-900)',
+    'color/red/50': 'var(--color-red-50)',
+    'color/red/100': 'var(--color-red-100)',
+    'color/red/200': 'var(--color-red-200)',
+    'color/red/300': 'var(--color-red-300)',
+    'color/red/400': 'var(--color-red-400)',
+    'color/red/500': 'var(--color-red-500)',
+    'color/red/600': 'var(--color-red-600)',
+    'color/red/700': 'var(--color-red-700)',
+    'color/red/800': 'var(--color-red-800)',
+    'color/red/900': 'var(--color-red-900)',
+    'color/orange/50': 'var(--color-orange-50)',
+    'color/orange/100': 'var(--color-orange-100)',
+    'color/orange/200': 'var(--color-orange-200)',
+    'color/orange/300': 'var(--color-orange-300)',
+    'color/orange/400': 'var(--color-orange-400)',
+    'color/orange/500': 'var(--color-orange-500)',
+    'color/orange/600': 'var(--color-orange-600)',
+    'color/orange/700': 'var(--color-orange-700)',
+    'color/orange/800': 'var(--color-orange-800)',
+    'color/orange/900': 'var(--color-orange-900)',
+    'color/green/50': 'var(--color-green-50)',
+    'color/green/100': 'var(--color-green-100)',
+    'color/green/200': 'var(--color-green-200)',
+    'color/green/300': 'var(--color-green-300)',
+    'color/green/400': 'var(--color-green-400)',
+    'color/green/500': 'var(--color-green-500)',
+    'color/green/600': 'var(--color-green-600)',
+    'color/green/700': 'var(--color-green-700)',
+    'color/green/800': 'var(--color-green-800)',
+    'color/green/900': 'var(--color-green-900)',
+    'color/blue/50': 'var(--color-blue-50)',
+    'color/blue/100': 'var(--color-blue-100)',
+    'color/blue/200': 'var(--color-blue-200)',
+    'color/blue/300': 'var(--color-blue-300)',
+    'color/blue/400': 'var(--color-blue-400)',
+    'color/blue/500': 'var(--color-blue-500)',
+    'color/blue/600': 'var(--color-blue-600)',
+    'color/blue/700': 'var(--color-blue-700)',
+    'color/blue/800': 'var(--color-blue-800)',
+    'color/blue/900': 'var(--color-blue-900)',
+    'color/yellow/50': 'var(--color-yellow-50)',
+    'color/yellow/100': 'var(--color-yellow-100)',
+    'color/yellow/200': 'var(--color-yellow-200)',
+    'color/yellow/300': 'var(--color-yellow-300)',
+    'color/yellow/400': 'var(--color-yellow-400)',
+    'color/yellow/500': 'var(--color-yellow-500)',
+    'color/yellow/600': 'var(--color-yellow-600)',
+    'color/yellow/700': 'var(--color-yellow-700)',
+    'color/yellow/800': 'var(--color-yellow-800)',
+    'color/yellow/900': 'var(--color-yellow-900)',
+    'color/pink/50': 'var(--color-pink-50)',
+    'color/pink/100': 'var(--color-pink-100)',
+    'color/pink/200': 'var(--color-pink-200)',
+    'color/pink/300': 'var(--color-pink-300)',
+    'color/pink/400': 'var(--color-pink-400)',
+    'color/pink/500': 'var(--color-pink-500)',
+    'color/pink/600': 'var(--color-pink-600)',
+    'color/pink/700': 'var(--color-pink-700)',
+    'color/pink/800': 'var(--color-pink-800)',
+    'color/pink/900': 'var(--color-pink-900)',
+    'spacing/0': 'var(--spacing-0)',
+    'spacing/2': 'var(--spacing-2)',
+    'spacing/4': 'var(--spacing-4)',
+    'spacing/6': 'var(--spacing-6)',
+    'spacing/8': 'var(--spacing-8)',
+    'spacing/12': 'var(--spacing-12)',
+    'spacing/16': 'var(--spacing-16)',
+    'spacing/20': 'var(--spacing-20)',
+    'spacing/24': 'var(--spacing-24)',
+    'spacing/32': 'var(--spacing-32)',
+    'spacing/40': 'var(--spacing-40)',
+    'spacing/48': 'var(--spacing-48)',
+    'spacing/64': 'var(--spacing-64)',
+    'spacing/80': 'var(--spacing-80)',
+    'spacing/96': 'var(--spacing-96)',
+    'spacing/128': 'var(--spacing-128)',
+    'font/size/12': 'var(--font-size-12)',
+    'font/size/14': 'var(--font-size-14)',
+    'font/size/16': 'var(--font-size-16)',
+    'font/size/18': 'var(--font-size-18)',
+    'font/size/20': 'var(--font-size-20)',
+    'font/size/24': 'var(--font-size-24)',
+    'font/size/28': 'var(--font-size-28)',
+    'font/size/32': 'var(--font-size-32)',
+    'font/size/40': 'var(--font-size-40)',
+    'font/size/48': 'var(--font-size-48)',
+    'font/size/56': 'var(--font-size-56)',
+    'font/size/64': 'var(--font-size-64)',
+    'font/size/72': 'var(--font-size-72)',
+    'color/alpha/black-05': 'var(--color-alpha-black-05)',
+    'color/alpha/black-10': 'var(--color-alpha-black-10)',
+    'color/alpha/black-40': 'var(--color-alpha-black-40)',
+    'color/alpha/black-60': 'var(--color-alpha-black-60)',
+    'color/alpha/white-05': 'var(--color-alpha-white-05)',
+    'color/alpha/white-10': 'var(--color-alpha-white-10)',
+    'color/alpha/white-20': 'var(--color-alpha-white-20)',
+    'font/size/36': 'var(--font-size-36)',
+    'scale/0': 'var(--scale-0)',
+    'scale/1': 'var(--scale-1)',
+    'scale/2': 'var(--scale-2)',
+    'scale/4': 'var(--scale-4)',
+    'scale/6': 'var(--scale-6)',
+    'scale/8': 'var(--scale-8)',
+    'scale/10': 'var(--scale-10)',
+    'scale/12': 'var(--scale-12)',
+    'scale/14': 'var(--scale-14)',
+    'scale/16': 'var(--scale-16)',
+    'scale/20': 'var(--scale-20)',
+    'scale/24': 'var(--scale-24)',
+    'scale/32': 'var(--scale-32)',
+    'scale/full': 'var(--scale-full)',
+    'font/family/host-grotesk': 'var(--font-family-host-grotesk)',
+    'font/family/merriweather': 'var(--font-family-merriweather)',
+    'font/family/space-mono': 'var(--font-family-space-mono)',
+    'font/family/stix-two-text': 'var(--font-family-stix-two-text)',
+    'font/weight/400': 'var(--font-weight-400)',
+    'font/weight/500': 'var(--font-weight-500)',
+    'font/weight/600': 'var(--font-weight-600)',
+    'font/weight/700': 'var(--font-weight-700)',
+};
+/** Semantics tokens — modes: IonBase. */
+export const semantics = {
+    'primary/50': 'var(--primary-50)',
+    'primary/100': 'var(--primary-100)',
+    'primary/200': 'var(--primary-200)',
+    'primary/300': 'var(--primary-300)',
+    'primary/400': 'var(--primary-400)',
+    'primary/500': 'var(--primary-500)',
+    'primary/600': 'var(--primary-600)',
+    'primary/700': 'var(--primary-700)',
+    'primary/800': 'var(--primary-800)',
+    'primary/900': 'var(--primary-900)',
+    'neutral/50': 'var(--neutral-50)',
+    'neutral/100': 'var(--neutral-100)',
+    'neutral/200': 'var(--neutral-200)',
+    'neutral/300': 'var(--neutral-300)',
+    'neutral/400': 'var(--neutral-400)',
+    'neutral/500': 'var(--neutral-500)',
+    'neutral/600': 'var(--neutral-600)',
+    'neutral/700': 'var(--neutral-700)',
+    'neutral/800': 'var(--neutral-800)',
+    'neutral/900': 'var(--neutral-900)',
+    'success/50': 'var(--success-50)',
+    'success/100': 'var(--success-100)',
+    'success/200': 'var(--success-200)',
+    'success/300': 'var(--success-300)',
+    'success/400': 'var(--success-400)',
+    'success/500': 'var(--success-500)',
+    'success/600': 'var(--success-600)',
+    'success/700': 'var(--success-700)',
+    'success/800': 'var(--success-800)',
+    'success/900': 'var(--success-900)',
+    'warning/50': 'var(--warning-50)',
+    'warning/100': 'var(--warning-100)',
+    'warning/200': 'var(--warning-200)',
+    'warning/300': 'var(--warning-300)',
+    'warning/400': 'var(--warning-400)',
+    'warning/500': 'var(--warning-500)',
+    'warning/600': 'var(--warning-600)',
+    'warning/700': 'var(--warning-700)',
+    'warning/800': 'var(--warning-800)',
+    'warning/900': 'var(--warning-900)',
+    'error/50': 'var(--error-50)',
+    'error/100': 'var(--error-100)',
+    'error/200': 'var(--error-200)',
+    'error/300': 'var(--error-300)',
+    'error/400': 'var(--error-400)',
+    'error/500': 'var(--error-500)',
+    'error/600': 'var(--error-600)',
+    'error/700': 'var(--error-700)',
+    'error/800': 'var(--error-800)',
+    'error/900': 'var(--error-900)',
+    'information/50': 'var(--information-50)',
+    'information/100': 'var(--information-100)',
+    'information/200': 'var(--information-200)',
+    'information/300': 'var(--information-300)',
+    'information/400': 'var(--information-400)',
+    'information/500': 'var(--information-500)',
+    'information/600': 'var(--information-600)',
+    'information/700': 'var(--information-700)',
+    'information/800': 'var(--information-800)',
+    'information/900': 'var(--information-900)',
+    'chart/1': 'var(--chart-1)',
+    'chart/2': 'var(--chart-2)',
+    'chart/3': 'var(--chart-3)',
+    'chart/4': 'var(--chart-4)',
+    'chart/5': 'var(--chart-5)',
+    'chart/6': 'var(--chart-6)',
+    'chart/7': 'var(--chart-7)',
+    'chart/8': 'var(--chart-8)',
+    'base/white': 'var(--base-white)',
+    'base/black': 'var(--base-black)',
+    'alpha/black-05': 'var(--alpha-black-05)',
+    'alpha/black-10': 'var(--alpha-black-10)',
+    'alpha/black-40': 'var(--alpha-black-40)',
+    'alpha/black-60': 'var(--alpha-black-60)',
+    'alpha/white-05': 'var(--alpha-white-05)',
+    'alpha/white-10': 'var(--alpha-white-10)',
+    'alpha/white-20': 'var(--alpha-white-20)',
+    'radius/none': 'var(--radius-none)',
+    'radius/2xs': 'var(--radius-2xs)',
+    'radius/xs': 'var(--radius-xs)',
+    'radius/sm': 'var(--radius-sm)',
+    'radius/md': 'var(--radius-md)',
+    'radius/lg': 'var(--radius-lg)',
+    'radius/xl': 'var(--radius-xl)',
+    'radius/2xl': 'var(--radius-2xl)',
+    'radius/3xl': 'var(--radius-3xl)',
+    'radius/4xl': 'var(--radius-4xl)',
+    'radius/5xl': 'var(--radius-5xl)',
+    'radius/6xl': 'var(--radius-6xl)',
+    'radius/full': 'var(--radius-full)',
+    'border-width/default': 'var(--border-width-default)',
+    'border-width/thick': 'var(--border-width-thick)',
+    'border-width/thicker': 'var(--border-width-thicker)',
+    'font/family/sans': 'var(--font-family-sans)',
+    'font/family/serif': 'var(--font-family-serif)',
+    'font/family/mono': 'var(--font-family-mono)',
+    'font/weight/regular': 'var(--font-weight-regular)',
+    'font/weight/medium': 'var(--font-weight-medium)',
+    'font/weight/semibold': 'var(--font-weight-semibold)',
+    'font/weight/bold': 'var(--font-weight-bold)',
+    'font/family/serif-display': 'var(--font-family-serif-display)',
+    'icon-size/xs': 'var(--icon-size-xs)',
+    'icon-size/sm': 'var(--icon-size-sm)',
+    'icon-size/md': 'var(--icon-size-md)',
+    'icon-size/lg': 'var(--icon-size-lg)',
+    'icon-size/xl': 'var(--icon-size-xl)',
+};
+export const tokens = { breakpoint, ui, primitives, semantics };
+/** Raw per-mode values. Prefer the `var()` references above in components. */
+export const tokenValues = {
+    "grid/margin": {
+        "Desktop": 80,
+        "Tablet": 40,
+        "Mobile": 20
+    },
+    "grid/gutter": {
+        "Desktop": 24,
+        "Tablet": 20,
+        "Mobile": 16
+    },
+    "grid/columns": {
+        "Desktop": 12,
+        "Tablet": 8,
+        "Mobile": 4
+    },
+    "container/max-width": {
+        "Desktop": 1216,
+        "Tablet": 896,
+        "Mobile": 9999
+    },
+    "section/gap-y": {
+        "Desktop": 96,
+        "Tablet": 64,
+        "Mobile": 48
+    },
+    "section/gap-y-sm": {
+        "Desktop": 64,
+        "Tablet": 48,
+        "Mobile": 32
+    },
+    "type/display": {
+        "Desktop": "{font.size.64}",
+        "Tablet": "{font.size.48}",
+        "Mobile": "{font.size.36}"
+    },
+    "type/display/line-height": {
+        "Desktop": 72,
+        "Tablet": 56,
+        "Mobile": 44
+    },
+    "type/h1": {
+        "Desktop": "{font.size.48}",
+        "Tablet": "{font.size.40}",
+        "Mobile": "{font.size.32}"
+    },
+    "type/h1/line-height": {
+        "Desktop": 56,
+        "Tablet": 48,
+        "Mobile": 40
+    },
+    "type/h2": {
+        "Desktop": "{font.size.40}",
+        "Tablet": "{font.size.32}",
+        "Mobile": "{font.size.28}"
+    },
+    "type/h2/line-height": {
+        "Desktop": 48,
+        "Tablet": 40,
+        "Mobile": 36
+    },
+    "type/h3": {
+        "Desktop": "{font.size.32}",
+        "Tablet": "{font.size.28}",
+        "Mobile": "{font.size.24}"
+    },
+    "type/h3/line-height": {
+        "Desktop": 40,
+        "Tablet": 36,
+        "Mobile": 32
+    },
+    "type/h4": {
+        "Desktop": "{font.size.24}",
+        "Tablet": "{font.size.24}",
+        "Mobile": "{font.size.20}"
+    },
+    "type/h4/line-height": {
+        "Desktop": 32,
+        "Tablet": 32,
+        "Mobile": 28
+    },
+    "type/h5": {
+        "Desktop": "{font.size.20}",
+        "Tablet": "{font.size.20}",
+        "Mobile": "{font.size.18}"
+    },
+    "type/h5/line-height": {
+        "Desktop": 28,
+        "Tablet": 28,
+        "Mobile": 26
+    },
+    "type/h6": {
+        "Desktop": "{font.size.18}",
+        "Tablet": "{font.size.16}",
+        "Mobile": "{font.size.16}"
+    },
+    "type/h6/line-height": {
+        "Desktop": 26,
+        "Tablet": 24,
+        "Mobile": 24
+    },
+    "type/body-lg": {
+        "Desktop": "{font.size.20}",
+        "Tablet": "{font.size.20}",
+        "Mobile": "{font.size.18}"
+    },
+    "type/body-lg/line-height": {
+        "Desktop": 32,
+        "Tablet": 32,
+        "Mobile": 30
+    },
+    "type/body-md": {
+        "Desktop": "{font.size.18}",
+        "Tablet": "{font.size.18}",
+        "Mobile": "{font.size.16}"
+    },
+    "type/body-md/line-height": {
+        "Desktop": 28,
+        "Tablet": 28,
+        "Mobile": 26
+    },
+    "type/body": {
+        "Desktop": "{font.size.16}",
+        "Tablet": "{font.size.16}",
+        "Mobile": "{font.size.16}"
+    },
+    "type/body/line-height": {
+        "Desktop": 24,
+        "Tablet": 24,
+        "Mobile": 24
+    },
+    "type/body-sm": {
+        "Desktop": "{font.size.14}",
+        "Tablet": "{font.size.14}",
+        "Mobile": "{font.size.14}"
+    },
+    "type/body-sm/line-height": {
+        "Desktop": 20,
+        "Tablet": 20,
+        "Mobile": 20
+    },
+    "type/caption": {
+        "Desktop": "{font.size.12}",
+        "Tablet": "{font.size.12}",
+        "Mobile": "{font.size.12}"
+    },
+    "type/caption/line-height": {
+        "Desktop": 18,
+        "Tablet": 18,
+        "Mobile": 16
+    },
+    "text/default": {
+        "Light": "{neutral.900}",
+        "Dark": "{neutral.50}"
+    },
+    "text/secondary": {
+        "Light": "{neutral.700}",
+        "Dark": "{neutral.300}"
+    },
+    "text/tertiary": {
+        "Light": "{neutral.600}",
+        "Dark": "{neutral.400}"
+    },
+    "text/placeholder": {
+        "Light": "{neutral.400}",
+        "Dark": "{neutral.500}"
+    },
+    "text/disabled": {
+        "Light": "{neutral.500}",
+        "Dark": "{neutral.500}"
+    },
+    "text/on-color": {
+        "Light": "{base.white}",
+        "Dark": "{base.black}"
+    },
+    "text/inverse": {
+        "Light": "{neutral.50}",
+        "Dark": "{neutral.900}"
+    },
+    "text/primary": {
+        "Light": "{primary.600}",
+        "Dark": "{primary.400}"
+    },
+    "text/error": {
+        "Light": "{error.700}",
+        "Dark": "{error.400}"
+    },
+    "text/success": {
+        "Light": "{success.700}",
+        "Dark": "{success.400}"
+    },
+    "text/warning": {
+        "Light": "{warning.700}",
+        "Dark": "{warning.400}"
+    },
+    "text/information": {
+        "Light": "{information.700}",
+        "Dark": "{information.400}"
+    },
+    "text/link": {
+        "Light": "{primary.700}",
+        "Dark": "{primary.400}"
+    },
+    "text/link/hover": {
+        "Light": "{primary.800}",
+        "Dark": "{primary.300}"
+    },
+    "text/link/visited": {
+        "Light": "{information.700}",
+        "Dark": "{information.400}"
+    },
+    "text/interactive": {
+        "Light": "{neutral.700}",
+        "Dark": "{neutral.300}"
+    },
+    "text/interactive/hover": {
+        "Light": "{neutral.900}",
+        "Dark": "{neutral.50}"
+    },
+    "icon/default": {
+        "Light": "{neutral.800}",
+        "Dark": "{neutral.100}"
+    },
+    "icon/secondary": {
+        "Light": "{neutral.700}",
+        "Dark": "{neutral.300}"
+    },
+    "icon/tertiary": {
+        "Light": "{neutral.600}",
+        "Dark": "{neutral.400}"
+    },
+    "icon/disabled": {
+        "Light": "{neutral.500}",
+        "Dark": "{neutral.500}"
+    },
+    "icon/on-color": {
+        "Light": "{base.white}",
+        "Dark": "{base.white}"
+    },
+    "icon/inverse": {
+        "Light": "{neutral.50}",
+        "Dark": "{neutral.900}"
+    },
+    "icon/primary": {
+        "Light": "{primary.600}",
+        "Dark": "{primary.400}"
+    },
+    "icon/error": {
+        "Light": "{error.600}",
+        "Dark": "{error.400}"
+    },
+    "icon/success": {
+        "Light": "{success.600}",
+        "Dark": "{success.400}"
+    },
+    "icon/warning": {
+        "Light": "{warning.600}",
+        "Dark": "{warning.400}"
+    },
+    "icon/information": {
+        "Light": "{information.600}",
+        "Dark": "{information.400}"
+    },
+    "icon/interactive": {
+        "Light": "{neutral.700}",
+        "Dark": "{neutral.300}"
+    },
+    "surface/default": {
+        "Light": "{base.white}",
+        "Dark": "{base.black}"
+    },
+    "icon/interactive/hover": {
+        "Light": "{neutral.900}",
+        "Dark": "{neutral.50}"
+    },
+    "surface/page": {
+        "Light": "{neutral.50}",
+        "Dark": "{neutral.900}"
+    },
+    "surface/sunken": {
+        "Light": "{neutral.100}",
+        "Dark": "{neutral.900}"
+    },
+    "surface/subtle": {
+        "Light": "{neutral.200}",
+        "Dark": "{neutral.800}"
+    },
+    "surface/muted": {
+        "Light": "{neutral.100}",
+        "Dark": "{neutral.800}"
+    },
+    "surface/raised": {
+        "Light": "{base.white}",
+        "Dark": "{neutral.800}"
+    },
+    "surface/overlay": {
+        "Light": "{base.white}",
+        "Dark": "{base.black}"
+    },
+    "surface/scrim": {
+        "Light": "{alpha.black-40}",
+        "Dark": "{alpha.black-60}"
+    },
+    "surface/inverse": {
+        "Light": "{neutral.900}",
+        "Dark": "{base.white}"
+    },
+    "surface/inverse-subtle": {
+        "Light": "{neutral.700}",
+        "Dark": "{neutral.200}"
+    },
+    "surface/disabled": {
+        "Light": "{neutral.100}",
+        "Dark": "{neutral.800}"
+    },
+    "surface/placeholder": {
+        "Light": "{neutral.300}",
+        "Dark": "{neutral.600}"
+    },
+    "surface/hover": {
+        "Light": "{alpha.black-05}",
+        "Dark": "{alpha.white-05}"
+    },
+    "surface/pressed": {
+        "Light": "{alpha.black-10}",
+        "Dark": "{alpha.white-10}"
+    },
+    "surface/selected": {
+        "Light": "{primary.50}",
+        "Dark": "{primary.900}"
+    },
+    "surface/selected-hover": {
+        "Light": "{primary.100}",
+        "Dark": "{primary.800}"
+    },
+    "surface/primary": {
+        "Light": "{primary.600}",
+        "Dark": "{primary.500}"
+    },
+    "surface/primary/hover": {
+        "Light": "{primary.700}",
+        "Dark": "{primary.400}"
+    },
+    "surface/primary/pressed": {
+        "Light": "{primary.800}",
+        "Dark": "{primary.300}"
+    },
+    "surface/primary-subtle": {
+        "Light": "{primary.50}",
+        "Dark": "{primary.900}"
+    },
+    "surface/primary-subtle/hover": {
+        "Light": "{primary.100}",
+        "Dark": "{primary.800}"
+    },
+    "surface/primary-tint": {
+        "Light": "{primary.100}",
+        "Dark": "{primary.800}"
+    },
+    "surface/error": {
+        "Light": "{error.600}",
+        "Dark": "{error.500}"
+    },
+    "surface/error/hover": {
+        "Light": "{error.700}",
+        "Dark": "{error.400}"
+    },
+    "surface/error/pressed": {
+        "Light": "{error.800}",
+        "Dark": "{error.300}"
+    },
+    "surface/error-subtle": {
+        "Light": "{error.50}",
+        "Dark": "{error.900}"
+    },
+    "surface/error-subtle/hover": {
+        "Light": "{error.100}",
+        "Dark": "{error.800}"
+    },
+    "surface/error-tint": {
+        "Light": "{error.100}",
+        "Dark": "{error.800}"
+    },
+    "surface/success": {
+        "Light": "{success.600}",
+        "Dark": "{success.500}"
+    },
+    "surface/success/hover": {
+        "Light": "{success.700}",
+        "Dark": "{success.400}"
+    },
+    "surface/success/pressed": {
+        "Light": "{success.800}",
+        "Dark": "{success.300}"
+    },
+    "surface/success-subtle": {
+        "Light": "{success.50}",
+        "Dark": "{success.900}"
+    },
+    "surface/success-subtle/hover": {
+        "Light": "{success.100}",
+        "Dark": "{success.800}"
+    },
+    "surface/success-tint": {
+        "Light": "{success.100}",
+        "Dark": "{success.800}"
+    },
+    "surface/warning": {
+        "Light": "{warning.600}",
+        "Dark": "{warning.500}"
+    },
+    "surface/warning/hover": {
+        "Light": "{warning.700}",
+        "Dark": "{warning.400}"
+    },
+    "surface/warning/pressed": {
+        "Light": "{warning.800}",
+        "Dark": "{warning.300}"
+    },
+    "surface/warning-subtle": {
+        "Light": "{warning.50}",
+        "Dark": "{warning.900}"
+    },
+    "surface/warning-subtle/hover": {
+        "Light": "{warning.100}",
+        "Dark": "{warning.800}"
+    },
+    "surface/warning-tint": {
+        "Light": "{warning.100}",
+        "Dark": "{warning.800}"
+    },
+    "surface/information": {
+        "Light": "{information.600}",
+        "Dark": "{information.500}"
+    },
+    "surface/information/hover": {
+        "Light": "{information.700}",
+        "Dark": "{information.400}"
+    },
+    "surface/information/pressed": {
+        "Light": "{information.800}",
+        "Dark": "{information.300}"
+    },
+    "surface/information-subtle": {
+        "Light": "{information.50}",
+        "Dark": "{information.900}"
+    },
+    "surface/information-subtle/hover": {
+        "Light": "{information.100}",
+        "Dark": "{information.800}"
+    },
+    "surface/information-tint": {
+        "Light": "{information.100}",
+        "Dark": "{information.800}"
+    },
+    "border/subtle": {
+        "Light": "{neutral.100}",
+        "Dark": "{neutral.800}"
+    },
+    "border/default": {
+        "Light": "{neutral.200}",
+        "Dark": "{neutral.700}"
+    },
+    "border/strong": {
+        "Light": "{neutral.300}",
+        "Dark": "{neutral.600}"
+    },
+    "border/stronger": {
+        "Light": "{neutral.400}",
+        "Dark": "{neutral.500}"
+    },
+    "border/inverse": {
+        "Light": "{neutral.900}",
+        "Dark": "{neutral.50}"
+    },
+    "border/disabled": {
+        "Light": "{neutral.200}",
+        "Dark": "{neutral.700}"
+    },
+    "border/transparent": {
+        "Light": "{alpha.black-05}",
+        "Dark": "{alpha.white-05}"
+    },
+    "border/primary": {
+        "Light": "{primary.500}",
+        "Dark": "{primary.400}"
+    },
+    "border/primary-strong": {
+        "Light": "{primary.700}",
+        "Dark": "{primary.600}"
+    },
+    "border/primary-subtle": {
+        "Light": "{primary.200}",
+        "Dark": "{primary.800}"
+    },
+    "border/error": {
+        "Light": "{error.500}",
+        "Dark": "{error.400}"
+    },
+    "border/error-strong": {
+        "Light": "{error.700}",
+        "Dark": "{error.600}"
+    },
+    "border/error-subtle": {
+        "Light": "{error.200}",
+        "Dark": "{error.800}"
+    },
+    "border/success": {
+        "Light": "{success.500}",
+        "Dark": "{success.400}"
+    },
+    "border/success-strong": {
+        "Light": "{success.700}",
+        "Dark": "{success.600}"
+    },
+    "border/success-subtle": {
+        "Light": "{success.200}",
+        "Dark": "{success.800}"
+    },
+    "border/warning": {
+        "Light": "{warning.500}",
+        "Dark": "{warning.400}"
+    },
+    "border/warning-strong": {
+        "Light": "{warning.700}",
+        "Dark": "{warning.600}"
+    },
+    "border/warning-subtle": {
+        "Light": "{warning.200}",
+        "Dark": "{warning.800}"
+    },
+    "border/information": {
+        "Light": "{information.500}",
+        "Dark": "{information.400}"
+    },
+    "border/information-strong": {
+        "Light": "{information.700}",
+        "Dark": "{information.600}"
+    },
+    "border/information-subtle": {
+        "Light": "{information.200}",
+        "Dark": "{information.800}"
+    },
+    "border/focus": {
+        "Light": "{primary.500}",
+        "Dark": "{primary.400}"
+    },
+    "border/focus-error": {
+        "Light": "{error.500}",
+        "Dark": "{error.400}"
+    },
+    "ring/focus": {
+        "Light": "{primary.500}",
+        "Dark": "{primary.400}"
+    },
+    "ring/error": {
+        "Light": "{error.500}",
+        "Dark": "{error.400}"
+    },
+    "ring/offset": {
+        "Light": "{base.white}",
+        "Dark": "{neutral.900}"
+    },
+    "color/base/white": {
+        "Value": "#ffffff"
+    },
+    "color/base/black": {
+        "Value": "#000000"
+    },
+    "color/gray/50": {
+        "Value": "#f6f8f9"
+    },
+    "color/gray/100": {
+        "Value": "#f0f2f4"
+    },
+    "color/gray/200": {
+        "Value": "#e5e7eb"
+    },
+    "color/gray/300": {
+        "Value": "#dde0e4"
+    },
+    "color/gray/400": {
+        "Value": "#9ca3b0"
+    },
+    "color/gray/500": {
+        "Value": "#6b7280"
+    },
+    "color/gray/600": {
+        "Value": "#4b5563"
+    },
+    "color/gray/700": {
+        "Value": "#384252"
+    },
+    "color/gray/800": {
+        "Value": "#1d2735"
+    },
+    "color/gray/900": {
+        "Value": "#131923"
+    },
+    "color/purple/50": {
+        "Value": "#f6f1f8"
+    },
+    "color/purple/100": {
+        "Value": "#f1e8fd"
+    },
+    "color/purple/200": {
+        "Value": "#dfd4fc"
+    },
+    "color/purple/300": {
+        "Value": "#adadf5"
+    },
+    "color/purple/400": {
+        "Value": "#7e6ff1"
+    },
+    "color/purple/500": {
+        "Value": "#5a4cd6"
+    },
+    "color/purple/600": {
+        "Value": "#4f3cc8"
+    },
+    "color/purple/700": {
+        "Value": "#4715b2"
+    },
+    "color/purple/800": {
+        "Value": "#350e8b"
+    },
+    "color/purple/900": {
+        "Value": "#260769"
+    },
+    "color/red/50": {
+        "Value": "#fef1f1"
+    },
+    "color/red/100": {
+        "Value": "#fee7e7"
+    },
+    "color/red/200": {
+        "Value": "#fed2d2"
+    },
+    "color/red/300": {
+        "Value": "#ffadad"
+    },
+    "color/red/400": {
+        "Value": "#f56b6b"
+    },
+    "color/red/500": {
+        "Value": "#ef4343"
+    },
+    "color/red/600": {
+        "Value": "#dc2828"
+    },
+    "color/red/700": {
+        "Value": "#ba1c1c"
+    },
+    "color/red/800": {
+        "Value": "#981b1b"
+    },
+    "color/red/900": {
+        "Value": "#811d1d"
+    },
+    "color/orange/50": {
+        "Value": "#fff4e5"
+    },
+    "color/orange/100": {
+        "Value": "#ffeed6"
+    },
+    "color/orange/200": {
+        "Value": "#fedbb4"
+    },
+    "color/orange/300": {
+        "Value": "#fdc17c"
+    },
+    "color/orange/400": {
+        "Value": "#ef8539"
+    },
+    "color/orange/500": {
+        "Value": "#ea5600"
+    },
+    "color/orange/600": {
+        "Value": "#af3e0e"
+    },
+    "color/orange/700": {
+        "Value": "#8e2f07"
+    },
+    "color/orange/800": {
+        "Value": "#671f07"
+    },
+    "color/orange/900": {
+        "Value": "#401604"
+    },
+    "color/green/50": {
+        "Value": "#effbf6"
+    },
+    "color/green/100": {
+        "Value": "#e4f7f3"
+    },
+    "color/green/200": {
+        "Value": "#c6ebdc"
+    },
+    "color/green/300": {
+        "Value": "#8fdbbb"
+    },
+    "color/green/400": {
+        "Value": "#50c38c"
+    },
+    "color/green/500": {
+        "Value": "#12a154"
+    },
+    "color/green/600": {
+        "Value": "#14994e"
+    },
+    "color/green/700": {
+        "Value": "#0d7d38"
+    },
+    "color/green/800": {
+        "Value": "#076426"
+    },
+    "color/green/900": {
+        "Value": "#054d1a"
+    },
+    "color/blue/50": {
+        "Value": "#ebf7ff"
+    },
+    "color/blue/100": {
+        "Value": "#e2f1fd"
+    },
+    "color/blue/200": {
+        "Value": "#c7e4fa"
+    },
+    "color/blue/300": {
+        "Value": "#9fd5f9"
+    },
+    "color/blue/400": {
+        "Value": "#609cf0"
+    },
+    "color/blue/500": {
+        "Value": "#286ef0"
+    },
+    "color/blue/600": {
+        "Value": "#1c62e3"
+    },
+    "color/blue/700": {
+        "Value": "#1541b2"
+    },
+    "color/blue/800": {
+        "Value": "#0e2d8b"
+    },
+    "color/blue/900": {
+        "Value": "#071e69"
+    },
+    "color/yellow/50": {
+        "Value": "#fefce7"
+    },
+    "color/yellow/100": {
+        "Value": "#fdf9d8"
+    },
+    "color/yellow/200": {
+        "Value": "#faef9e"
+    },
+    "color/yellow/300": {
+        "Value": "#f0dc7a"
+    },
+    "color/yellow/400": {
+        "Value": "#eac534"
+    },
+    "color/yellow/500": {
+        "Value": "#c89809"
+    },
+    "color/yellow/600": {
+        "Value": "#a97a14"
+    },
+    "color/yellow/700": {
+        "Value": "#91700d"
+    },
+    "color/yellow/800": {
+        "Value": "#795a0c"
+    },
+    "color/yellow/900": {
+        "Value": "#6f4815"
+    },
+    "color/pink/50": {
+        "Value": "#fdf2f8"
+    },
+    "color/pink/100": {
+        "Value": "#fce8f4"
+    },
+    "color/pink/200": {
+        "Value": "#fbd0e8"
+    },
+    "color/pink/300": {
+        "Value": "#f9a9d5"
+    },
+    "color/pink/400": {
+        "Value": "#f773b7"
+    },
+    "color/pink/500": {
+        "Value": "#f04299"
+    },
+    "color/pink/600": {
+        "Value": "#df2679"
+    },
+    "color/pink/700": {
+        "Value": "#c3135c"
+    },
+    "color/pink/800": {
+        "Value": "#a0134b"
+    },
+    "color/pink/900": {
+        "Value": "#881141"
+    },
+    "spacing/0": {
+        "Value": 0
+    },
+    "spacing/2": {
+        "Value": 2
+    },
+    "spacing/4": {
+        "Value": 4
+    },
+    "spacing/6": {
+        "Value": 6
+    },
+    "spacing/8": {
+        "Value": 8
+    },
+    "spacing/12": {
+        "Value": 12
+    },
+    "spacing/16": {
+        "Value": 16
+    },
+    "spacing/20": {
+        "Value": 20
+    },
+    "spacing/24": {
+        "Value": 24
+    },
+    "spacing/32": {
+        "Value": 32
+    },
+    "spacing/40": {
+        "Value": 40
+    },
+    "spacing/48": {
+        "Value": 48
+    },
+    "spacing/64": {
+        "Value": 64
+    },
+    "spacing/80": {
+        "Value": 80
+    },
+    "spacing/96": {
+        "Value": 96
+    },
+    "spacing/128": {
+        "Value": 128
+    },
+    "font/size/12": {
+        "Value": 12
+    },
+    "font/size/14": {
+        "Value": 14
+    },
+    "font/size/16": {
+        "Value": 16
+    },
+    "font/size/18": {
+        "Value": 18
+    },
+    "font/size/20": {
+        "Value": 20
+    },
+    "font/size/24": {
+        "Value": 24
+    },
+    "font/size/28": {
+        "Value": 28
+    },
+    "font/size/32": {
+        "Value": 32
+    },
+    "font/size/40": {
+        "Value": 40
+    },
+    "font/size/48": {
+        "Value": 48
+    },
+    "font/size/56": {
+        "Value": 56
+    },
+    "font/size/64": {
+        "Value": 64
+    },
+    "font/size/72": {
+        "Value": 72
+    },
+    "color/alpha/black-05": {
+        "Value": "#0000000d"
+    },
+    "color/alpha/black-10": {
+        "Value": "#0000001a"
+    },
+    "color/alpha/black-40": {
+        "Value": "#00000066"
+    },
+    "color/alpha/black-60": {
+        "Value": "#00000099"
+    },
+    "color/alpha/white-05": {
+        "Value": "#ffffff0d"
+    },
+    "color/alpha/white-10": {
+        "Value": "#ffffff1a"
+    },
+    "color/alpha/white-20": {
+        "Value": "#ffffff33"
+    },
+    "font/size/36": {
+        "Value": 36
+    },
+    "scale/0": {
+        "Value": 0
+    },
+    "scale/1": {
+        "Value": 1
+    },
+    "scale/2": {
+        "Value": 2
+    },
+    "scale/4": {
+        "Value": 4
+    },
+    "scale/6": {
+        "Value": 6
+    },
+    "scale/8": {
+        "Value": 8
+    },
+    "scale/10": {
+        "Value": 10
+    },
+    "scale/12": {
+        "Value": 12
+    },
+    "scale/14": {
+        "Value": 14
+    },
+    "scale/16": {
+        "Value": 16
+    },
+    "scale/20": {
+        "Value": 20
+    },
+    "scale/24": {
+        "Value": 24
+    },
+    "scale/32": {
+        "Value": 32
+    },
+    "scale/full": {
+        "Value": 9999
+    },
+    "font/family/host-grotesk": {
+        "Value": "Host Grotesk"
+    },
+    "font/family/merriweather": {
+        "Value": "Merriweather"
+    },
+    "font/family/space-mono": {
+        "Value": "Space Mono"
+    },
+    "font/family/stix-two-text": {
+        "Value": "STIX Two Text"
+    },
+    "font/weight/400": {
+        "Value": "Regular"
+    },
+    "font/weight/500": {
+        "Value": "Medium"
+    },
+    "font/weight/600": {
+        "Value": "SemiBold"
+    },
+    "font/weight/700": {
+        "Value": "Bold"
+    },
+    "primary/50": {
+        "IonBase": "{color.blue.50}"
+    },
+    "primary/100": {
+        "IonBase": "{color.blue.100}"
+    },
+    "primary/200": {
+        "IonBase": "{color.blue.200}"
+    },
+    "primary/300": {
+        "IonBase": "{color.blue.300}"
+    },
+    "primary/400": {
+        "IonBase": "{color.blue.400}"
+    },
+    "primary/500": {
+        "IonBase": "{color.blue.500}"
+    },
+    "primary/600": {
+        "IonBase": "{color.blue.600}"
+    },
+    "primary/700": {
+        "IonBase": "{color.blue.700}"
+    },
+    "primary/800": {
+        "IonBase": "{color.blue.800}"
+    },
+    "primary/900": {
+        "IonBase": "{color.blue.900}"
+    },
+    "neutral/50": {
+        "IonBase": "{color.gray.50}"
+    },
+    "neutral/100": {
+        "IonBase": "{color.gray.100}"
+    },
+    "neutral/200": {
+        "IonBase": "{color.gray.200}"
+    },
+    "neutral/300": {
+        "IonBase": "{color.gray.300}"
+    },
+    "neutral/400": {
+        "IonBase": "{color.gray.400}"
+    },
+    "neutral/500": {
+        "IonBase": "{color.gray.500}"
+    },
+    "neutral/600": {
+        "IonBase": "{color.gray.600}"
+    },
+    "neutral/700": {
+        "IonBase": "{color.gray.700}"
+    },
+    "neutral/800": {
+        "IonBase": "{color.gray.800}"
+    },
+    "neutral/900": {
+        "IonBase": "{color.gray.900}"
+    },
+    "success/50": {
+        "IonBase": "{color.green.50}"
+    },
+    "success/100": {
+        "IonBase": "{color.green.100}"
+    },
+    "success/200": {
+        "IonBase": "{color.green.200}"
+    },
+    "success/300": {
+        "IonBase": "{color.green.300}"
+    },
+    "success/400": {
+        "IonBase": "{color.green.400}"
+    },
+    "success/500": {
+        "IonBase": "{color.green.500}"
+    },
+    "success/600": {
+        "IonBase": "{color.green.600}"
+    },
+    "success/700": {
+        "IonBase": "{color.green.700}"
+    },
+    "success/800": {
+        "IonBase": "{color.green.800}"
+    },
+    "success/900": {
+        "IonBase": "{color.green.900}"
+    },
+    "warning/50": {
+        "IonBase": "{color.orange.50}"
+    },
+    "warning/100": {
+        "IonBase": "{color.orange.100}"
+    },
+    "warning/200": {
+        "IonBase": "{color.orange.200}"
+    },
+    "warning/300": {
+        "IonBase": "{color.orange.300}"
+    },
+    "warning/400": {
+        "IonBase": "{color.orange.400}"
+    },
+    "warning/500": {
+        "IonBase": "{color.orange.500}"
+    },
+    "warning/600": {
+        "IonBase": "{color.orange.600}"
+    },
+    "warning/700": {
+        "IonBase": "{color.orange.700}"
+    },
+    "warning/800": {
+        "IonBase": "{color.orange.800}"
+    },
+    "warning/900": {
+        "IonBase": "{color.orange.900}"
+    },
+    "error/50": {
+        "IonBase": "{color.red.50}"
+    },
+    "error/100": {
+        "IonBase": "{color.red.100}"
+    },
+    "error/200": {
+        "IonBase": "{color.red.200}"
+    },
+    "error/300": {
+        "IonBase": "{color.red.300}"
+    },
+    "error/400": {
+        "IonBase": "{color.red.400}"
+    },
+    "error/500": {
+        "IonBase": "{color.red.500}"
+    },
+    "error/600": {
+        "IonBase": "{color.red.600}"
+    },
+    "error/700": {
+        "IonBase": "{color.red.700}"
+    },
+    "error/800": {
+        "IonBase": "{color.red.800}"
+    },
+    "error/900": {
+        "IonBase": "{color.red.900}"
+    },
+    "information/50": {
+        "IonBase": "{color.purple.50}"
+    },
+    "information/100": {
+        "IonBase": "{color.purple.100}"
+    },
+    "information/200": {
+        "IonBase": "{color.purple.200}"
+    },
+    "information/300": {
+        "IonBase": "{color.purple.300}"
+    },
+    "information/400": {
+        "IonBase": "{color.purple.400}"
+    },
+    "information/500": {
+        "IonBase": "{color.purple.500}"
+    },
+    "information/600": {
+        "IonBase": "{color.purple.600}"
+    },
+    "information/700": {
+        "IonBase": "{color.purple.700}"
+    },
+    "information/800": {
+        "IonBase": "{color.purple.800}"
+    },
+    "information/900": {
+        "IonBase": "{color.purple.900}"
+    },
+    "chart/1": {
+        "IonBase": "{color.blue.500}"
+    },
+    "chart/2": {
+        "IonBase": "{color.green.500}"
+    },
+    "chart/3": {
+        "IonBase": "{color.purple.500}"
+    },
+    "chart/4": {
+        "IonBase": "{color.orange.500}"
+    },
+    "chart/5": {
+        "IonBase": "{color.pink.500}"
+    },
+    "chart/6": {
+        "IonBase": "{color.yellow.600}"
+    },
+    "chart/7": {
+        "IonBase": "{color.red.500}"
+    },
+    "chart/8": {
+        "IonBase": "{color.gray.500}"
+    },
+    "base/white": {
+        "IonBase": "{color.base.white}"
+    },
+    "base/black": {
+        "IonBase": "{color.base.black}"
+    },
+    "alpha/black-05": {
+        "IonBase": "{color.alpha.black-05}"
+    },
+    "alpha/black-10": {
+        "IonBase": "{color.alpha.black-10}"
+    },
+    "alpha/black-40": {
+        "IonBase": "{color.alpha.black-40}"
+    },
+    "alpha/black-60": {
+        "IonBase": "{color.alpha.black-60}"
+    },
+    "alpha/white-05": {
+        "IonBase": "{color.alpha.white-05}"
+    },
+    "alpha/white-10": {
+        "IonBase": "{color.alpha.white-10}"
+    },
+    "alpha/white-20": {
+        "IonBase": "{color.alpha.white-20}"
+    },
+    "radius/none": {
+        "IonBase": "{scale.0}"
+    },
+    "radius/2xs": {
+        "IonBase": "{scale.2}"
+    },
+    "radius/xs": {
+        "IonBase": "{scale.4}"
+    },
+    "radius/sm": {
+        "IonBase": "{scale.6}"
+    },
+    "radius/md": {
+        "IonBase": "{scale.8}"
+    },
+    "radius/lg": {
+        "IonBase": "{scale.10}"
+    },
+    "radius/xl": {
+        "IonBase": "{scale.12}"
+    },
+    "radius/2xl": {
+        "IonBase": "{scale.14}"
+    },
+    "radius/3xl": {
+        "IonBase": "{scale.16}"
+    },
+    "radius/4xl": {
+        "IonBase": "{scale.20}"
+    },
+    "radius/5xl": {
+        "IonBase": "{scale.24}"
+    },
+    "radius/6xl": {
+        "IonBase": "{scale.32}"
+    },
+    "radius/full": {
+        "IonBase": "{scale.full}"
+    },
+    "border-width/default": {
+        "IonBase": "{scale.1}"
+    },
+    "border-width/thick": {
+        "IonBase": "{scale.2}"
+    },
+    "border-width/thicker": {
+        "IonBase": "{scale.4}"
+    },
+    "font/family/sans": {
+        "IonBase": "{font.family.host-grotesk}"
+    },
+    "font/family/serif": {
+        "IonBase": "{font.family.merriweather}"
+    },
+    "font/family/mono": {
+        "IonBase": "{font.family.space-mono}"
+    },
+    "font/weight/regular": {
+        "IonBase": "{font.weight.400}"
+    },
+    "font/weight/medium": {
+        "IonBase": "{font.weight.500}"
+    },
+    "font/weight/semibold": {
+        "IonBase": "{font.weight.600}"
+    },
+    "font/weight/bold": {
+        "IonBase": "{font.weight.700}"
+    },
+    "font/family/serif-display": {
+        "IonBase": "{font.family.stix-two-text}"
+    },
+    "icon-size/xs": {
+        "IonBase": "{spacing.12}"
+    },
+    "icon-size/sm": {
+        "IonBase": "{spacing.16}"
+    },
+    "icon-size/md": {
+        "IonBase": "{spacing.20}"
+    },
+    "icon-size/lg": {
+        "IonBase": "{spacing.24}"
+    },
+    "icon-size/xl": {
+        "IonBase": "{spacing.32}"
+    }
+};
+//# sourceMappingURL=index.js.map