@lutra-ui-system/react 0.1.0

package/dist/tokens.json

@@ -0,0 +1,995 @@
+{
+  "$comment": "GENERATED FILE — DO NOT EDIT. Produced by scripts/generate-tokens.mjs from src/tokens/source.json.",
+  "figma": {
+    "fileKey": "3I29aswJJqsIwh8jO1uBje",
+    "fileName": "Lutra UI",
+    "readAt": "2026-08-09 (dark danger ramp resynced after the contrast study)"
+  },
+  "tokens": {
+    "--lutra-color-background-canvas": {
+      "figmaName": "color/background/canvas",
+      "light": "#f5f7fa",
+      "dark": "#0f172a",
+      "themed": true
+    },
+    "--lutra-color-background-disabled": {
+      "figmaName": "color/background/disabled",
+      "light": "#e5e7eb",
+      "dark": "#1f2937",
+      "themed": true
+    },
+    "--lutra-color-background-elevated": {
+      "figmaName": "color/background/elevated",
+      "light": "#ffffff",
+      "dark": "#1f2937",
+      "themed": true
+    },
+    "--lutra-color-background-subtle": {
+      "figmaName": "color/background/subtle",
+      "light": "#f5f7fa",
+      "dark": "#1f2937",
+      "themed": true
+    },
+    "--lutra-color-background-subtle-active": {
+      "figmaName": "color/background/subtle/active",
+      "light": "#dfe5ed",
+      "dark": "#354256",
+      "themed": true
+    },
+    "--lutra-color-background-subtle-hover": {
+      "figmaName": "color/background/subtle/hover",
+      "light": "#eaeef4",
+      "dark": "#2a3646",
+      "themed": true
+    },
+    "--lutra-color-background-surface": {
+      "figmaName": "color/background/surface",
+      "light": "#ffffff",
+      "dark": "#111827",
+      "themed": true
+    },
+    "--lutra-color-background-transparent": {
+      "figmaName": "color/background/transparent",
+      "value": "#ffffff00",
+      "themed": false
+    },
+    "--lutra-color-border-default": {
+      "figmaName": "color/border/default",
+      "light": "#d0d7de",
+      "dark": "#374151",
+      "themed": true
+    },
+    "--lutra-color-border-disabled": {
+      "figmaName": "color/border/disabled",
+      "light": "#d1d5db",
+      "dark": "#374151",
+      "themed": true
+    },
+    "--lutra-color-border-strong": {
+      "figmaName": "color/border/strong",
+      "light": "#7f8896",
+      "dark": "#6b7688",
+      "themed": true
+    },
+    "--lutra-color-border-subtle": {
+      "figmaName": "color/border/subtle",
+      "light": "#e8ecf2",
+      "dark": "#2d3748",
+      "themed": true
+    },
+    "--lutra-color-border-transparent": {
+      "figmaName": "color/border/transparent",
+      "value": "#ffffff00",
+      "themed": false
+    },
+    "--lutra-color-brand-primary": {
+      "figmaName": "color/brand/primary",
+      "light": "#3265d3",
+      "dark": "#3a6ee0",
+      "themed": true
+    },
+    "--lutra-color-brand-primary-active": {
+      "figmaName": "color/brand/primary/active",
+      "value": "#1f4087",
+      "themed": false
+    },
+    "--lutra-color-brand-primary-hover": {
+      "figmaName": "color/brand/primary/hover",
+      "value": "#2852ac",
+      "themed": false
+    },
+    "--lutra-color-feedback-danger": {
+      "figmaName": "color/feedback/danger",
+      "light": "#d14343",
+      "dark": "#ff5c8a",
+      "themed": true
+    },
+    "--lutra-color-feedback-danger-active": {
+      "figmaName": "color/feedback/danger/active",
+      "light": "#942c2c",
+      "dark": "#ff9ab8",
+      "themed": true
+    },
+    "--lutra-color-feedback-danger-hover": {
+      "figmaName": "color/feedback/danger/hover",
+      "light": "#b33636",
+      "dark": "#ff7ba1",
+      "themed": true
+    },
+    "--lutra-color-feedback-danger-text": {
+      "figmaName": "color/feedback/danger/text",
+      "light": "#c73f3f",
+      "dark": "#ff8fab",
+      "themed": true
+    },
+    "--lutra-color-focus-ring": {
+      "figmaName": "color/focus/ring",
+      "value": "#3f7cff",
+      "themed": false
+    },
+    "--lutra-color-icon-default": {
+      "figmaName": "color/icon/default",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-color-link-text": {
+      "figmaName": "color/link/text",
+      "light": "var(--lutra-color-brand-primary)",
+      "dark": "#7aa2ff",
+      "themed": true
+    },
+    "--lutra-color-text-disabled": {
+      "figmaName": "color/text/disabled",
+      "light": "#9ca3af",
+      "dark": "#6b7280",
+      "themed": true
+    },
+    "--lutra-color-text-inverse": {
+      "figmaName": "color/text/inverse",
+      "light": "#ffffff",
+      "dark": "#111827",
+      "themed": true
+    },
+    "--lutra-color-text-muted": {
+      "figmaName": "color/text/muted",
+      "light": "#6b7280",
+      "dark": "#9ca3af",
+      "themed": true
+    },
+    "--lutra-color-text-on-brand": {
+      "figmaName": "color/text/on-brand",
+      "value": "#ffffff",
+      "themed": false
+    },
+    "--lutra-color-text-on-danger": {
+      "figmaName": "color/text/on-danger",
+      "light": "#ffffff",
+      "dark": "#2b0713",
+      "themed": true
+    },
+    "--lutra-color-text-primary": {
+      "figmaName": "color/text/primary",
+      "light": "#111827",
+      "dark": "#f9fafb",
+      "themed": true
+    },
+    "--lutra-color-text-secondary": {
+      "figmaName": "color/text/secondary",
+      "light": "#6b7280",
+      "dark": "#d1d5db",
+      "themed": true
+    },
+    "--lutra-component-button-danger-border": {
+      "figmaName": "component/button/danger/border",
+      "value": "var(--lutra-color-feedback-danger)",
+      "themed": false
+    },
+    "--lutra-component-button-danger-surface": {
+      "figmaName": "component/button/danger/surface",
+      "value": "var(--lutra-color-feedback-danger)",
+      "themed": false
+    },
+    "--lutra-component-button-danger-surface-active": {
+      "figmaName": "component/button/danger/surface-active",
+      "value": "var(--lutra-color-feedback-danger-active)",
+      "themed": false
+    },
+    "--lutra-component-button-danger-surface-hover": {
+      "figmaName": "component/button/danger/surface-hover",
+      "value": "var(--lutra-color-feedback-danger-hover)",
+      "themed": false
+    },
+    "--lutra-component-button-danger-text": {
+      "figmaName": "component/button/danger/text",
+      "value": "var(--lutra-color-text-on-danger)",
+      "themed": false
+    },
+    "--lutra-component-button-disabled-border": {
+      "figmaName": "component/button/disabled/border",
+      "value": "var(--lutra-color-border-disabled)",
+      "themed": false
+    },
+    "--lutra-component-button-disabled-surface": {
+      "figmaName": "component/button/disabled/surface",
+      "value": "var(--lutra-color-background-disabled)",
+      "themed": false
+    },
+    "--lutra-component-button-disabled-text": {
+      "figmaName": "component/button/disabled/text",
+      "value": "var(--lutra-color-text-disabled)",
+      "themed": false
+    },
+    "--lutra-component-button-focus": {
+      "figmaName": "component/button/focus",
+      "value": "var(--lutra-color-focus-ring)",
+      "themed": false
+    },
+    "--lutra-component-button-primary-border": {
+      "figmaName": "component/button/primary/border",
+      "value": "var(--lutra-color-brand-primary)",
+      "themed": false
+    },
+    "--lutra-component-button-primary-surface": {
+      "figmaName": "component/button/primary/surface",
+      "value": "var(--lutra-color-brand-primary)",
+      "themed": false
+    },
+    "--lutra-component-button-primary-surface-active": {
+      "figmaName": "component/button/primary/surface-active",
+      "value": "var(--lutra-color-brand-primary-active)",
+      "themed": false
+    },
+    "--lutra-component-button-primary-surface-hover": {
+      "figmaName": "component/button/primary/surface-hover",
+      "value": "var(--lutra-color-brand-primary-hover)",
+      "themed": false
+    },
+    "--lutra-component-button-primary-text": {
+      "figmaName": "component/button/primary/text",
+      "value": "var(--lutra-color-text-on-brand)",
+      "themed": false
+    },
+    "--lutra-component-button-secondary-border": {
+      "figmaName": "component/button/secondary/border",
+      "value": "var(--lutra-color-border-strong)",
+      "themed": false
+    },
+    "--lutra-component-button-secondary-surface": {
+      "figmaName": "component/button/secondary/surface",
+      "value": "var(--lutra-color-background-subtle)",
+      "themed": false
+    },
+    "--lutra-component-button-secondary-surface-active": {
+      "figmaName": "component/button/secondary/surface-active",
+      "value": "var(--lutra-color-background-subtle-active)",
+      "themed": false
+    },
+    "--lutra-component-button-secondary-surface-hover": {
+      "figmaName": "component/button/secondary/surface-hover",
+      "value": "var(--lutra-color-background-subtle-hover)",
+      "themed": false
+    },
+    "--lutra-component-button-secondary-text": {
+      "figmaName": "component/button/secondary/text",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-border-default": {
+      "figmaName": "component/checkbox/border/default",
+      "value": "var(--lutra-component-input-border-default)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-border-disabled": {
+      "figmaName": "component/checkbox/border/disabled",
+      "value": "var(--lutra-color-border-disabled)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-border-hover": {
+      "figmaName": "component/checkbox/border/hover",
+      "value": "var(--lutra-component-input-border-hover)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-border-invalid": {
+      "figmaName": "component/checkbox/border/invalid",
+      "value": "var(--lutra-component-input-border-invalid)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-description": {
+      "figmaName": "component/checkbox/description",
+      "value": "var(--lutra-color-text-secondary)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-error-text": {
+      "figmaName": "component/checkbox/error-text",
+      "value": "var(--lutra-component-field-error-text)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-fill-disabled": {
+      "figmaName": "component/checkbox/fill/disabled",
+      "value": "var(--lutra-color-background-disabled)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-fill-invalid": {
+      "figmaName": "component/checkbox/fill/invalid",
+      "value": "var(--lutra-color-feedback-danger)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-fill-selected": {
+      "figmaName": "component/checkbox/fill/selected",
+      "value": "var(--lutra-color-brand-primary)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-fill-selected-hover": {
+      "figmaName": "component/checkbox/fill/selected-hover",
+      "value": "var(--lutra-color-brand-primary-hover)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-label": {
+      "figmaName": "component/checkbox/label",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-mark": {
+      "figmaName": "component/checkbox/mark",
+      "value": "var(--lutra-color-text-on-brand)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-mark-on-danger": {
+      "figmaName": "component/checkbox/mark/on-danger",
+      "value": "var(--lutra-color-text-on-danger)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-surface": {
+      "figmaName": "component/checkbox/surface",
+      "value": "var(--lutra-color-background-surface)",
+      "themed": false
+    },
+    "--lutra-component-checkbox-text-disabled": {
+      "figmaName": "component/checkbox/text/disabled",
+      "value": "var(--lutra-color-text-disabled)",
+      "themed": false
+    },
+    "--lutra-component-content-accent": {
+      "figmaName": "component/content/accent",
+      "value": "var(--lutra-color-brand-primary)",
+      "themed": false
+    },
+    "--lutra-component-content-body": {
+      "figmaName": "component/content/body",
+      "value": "var(--lutra-color-text-secondary)",
+      "themed": false
+    },
+    "--lutra-component-content-border": {
+      "figmaName": "component/content/border",
+      "value": "var(--lutra-color-border-default)",
+      "themed": false
+    },
+    "--lutra-component-content-icon": {
+      "figmaName": "component/content/icon",
+      "value": "var(--lutra-color-icon-default)",
+      "themed": false
+    },
+    "--lutra-component-content-surface": {
+      "figmaName": "component/content/surface",
+      "value": "var(--lutra-color-background-surface)",
+      "themed": false
+    },
+    "--lutra-component-content-surface-subtle": {
+      "figmaName": "component/content/surface/subtle",
+      "value": "var(--lutra-color-background-subtle)",
+      "themed": false
+    },
+    "--lutra-component-content-title": {
+      "figmaName": "component/content/title",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-field-error-text": {
+      "figmaName": "component/field/error-text",
+      "value": "var(--lutra-color-feedback-danger-text)",
+      "themed": false
+    },
+    "--lutra-component-input-border-default": {
+      "figmaName": "component/input/border/default",
+      "value": "var(--lutra-color-border-strong)",
+      "themed": false
+    },
+    "--lutra-component-input-border-focus": {
+      "figmaName": "component/input/border/focus",
+      "value": "var(--lutra-color-focus-ring)",
+      "themed": false
+    },
+    "--lutra-component-input-border-hover": {
+      "figmaName": "component/input/border/hover",
+      "value": "var(--lutra-color-brand-primary-hover)",
+      "themed": false
+    },
+    "--lutra-component-input-border-invalid": {
+      "figmaName": "component/input/border/invalid",
+      "value": "var(--lutra-color-feedback-danger)",
+      "themed": false
+    },
+    "--lutra-component-input-placeholder": {
+      "figmaName": "component/input/placeholder",
+      "value": "var(--lutra-color-text-secondary)",
+      "themed": false
+    },
+    "--lutra-component-input-surface": {
+      "figmaName": "component/input/surface",
+      "value": "var(--lutra-color-background-surface)",
+      "themed": false
+    },
+    "--lutra-component-input-text": {
+      "figmaName": "component/input/text",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-link-text-default": {
+      "figmaName": "component/link/text/default",
+      "value": "var(--lutra-color-link-text)",
+      "themed": false
+    },
+    "--lutra-component-link-text-focus": {
+      "figmaName": "component/link/text/focus",
+      "value": "var(--lutra-color-link-text)",
+      "themed": false
+    },
+    "--lutra-component-link-text-hover": {
+      "figmaName": "component/link/text/hover",
+      "value": "var(--lutra-color-link-text)",
+      "themed": false
+    },
+    "--lutra-component-link-text-visited": {
+      "figmaName": "component/link/text/visited",
+      "value": "var(--lutra-color-text-secondary)",
+      "themed": false
+    },
+    "--lutra-component-menu-border": {
+      "figmaName": "component/menu/border",
+      "value": "var(--lutra-component-input-border-default)",
+      "themed": false
+    },
+    "--lutra-component-menu-divider": {
+      "figmaName": "component/menu/divider",
+      "value": "var(--lutra-component-input-border-default)",
+      "themed": false
+    },
+    "--lutra-component-menu-item-danger": {
+      "figmaName": "component/menu/item/danger",
+      "value": "var(--lutra-component-field-error-text)",
+      "themed": false
+    },
+    "--lutra-component-menu-item-hover": {
+      "figmaName": "component/menu/item/hover",
+      "value": "var(--lutra-color-background-subtle)",
+      "themed": false
+    },
+    "--lutra-component-menu-item-text": {
+      "figmaName": "component/menu/item/text",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-menu-surface": {
+      "figmaName": "component/menu/surface",
+      "value": "var(--lutra-color-background-elevated)",
+      "themed": false
+    },
+    "--lutra-component-modal-body": {
+      "figmaName": "component/modal/body",
+      "value": "var(--lutra-color-text-secondary)",
+      "themed": false
+    },
+    "--lutra-component-modal-border": {
+      "figmaName": "component/modal/border",
+      "value": "var(--lutra-component-input-border-default)",
+      "themed": false
+    },
+    "--lutra-component-modal-divider": {
+      "figmaName": "component/modal/divider",
+      "value": "var(--lutra-component-input-border-default)",
+      "themed": false
+    },
+    "--lutra-component-modal-scrim": {
+      "figmaName": "component/modal/scrim",
+      "light": "#0f172aa3",
+      "dark": "#0f172ac2",
+      "themed": true
+    },
+    "--lutra-component-modal-surface": {
+      "figmaName": "component/modal/surface",
+      "value": "var(--lutra-color-background-elevated)",
+      "themed": false
+    },
+    "--lutra-component-modal-title": {
+      "figmaName": "component/modal/title",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-navigation-border": {
+      "figmaName": "component/navigation/border",
+      "value": "var(--lutra-color-border-default)",
+      "themed": false
+    },
+    "--lutra-component-navigation-focus": {
+      "figmaName": "component/navigation/focus",
+      "value": "var(--lutra-color-focus-ring)",
+      "themed": false
+    },
+    "--lutra-component-navigation-item-indicator": {
+      "figmaName": "component/navigation/item/indicator",
+      "light": "var(--lutra-color-brand-primary)",
+      "dark": "var(--lutra-color-focus-ring)",
+      "themed": true
+    },
+    "--lutra-component-navigation-item-text": {
+      "figmaName": "component/navigation/item/text",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-navigation-surface": {
+      "figmaName": "component/navigation/surface",
+      "value": "var(--lutra-color-background-surface)",
+      "themed": false
+    },
+    "--lutra-component-publishing-accent": {
+      "figmaName": "component/publishing/accent",
+      "value": "var(--lutra-color-brand-primary)",
+      "themed": false
+    },
+    "--lutra-component-publishing-body": {
+      "figmaName": "component/publishing/body",
+      "value": "var(--lutra-color-text-secondary)",
+      "themed": false
+    },
+    "--lutra-component-publishing-border": {
+      "figmaName": "component/publishing/border",
+      "value": "var(--lutra-color-border-default)",
+      "themed": false
+    },
+    "--lutra-component-publishing-code-surface": {
+      "figmaName": "component/publishing/code/surface",
+      "value": "var(--lutra-color-background-elevated)",
+      "themed": false
+    },
+    "--lutra-component-publishing-metadata": {
+      "figmaName": "component/publishing/metadata",
+      "value": "var(--lutra-color-text-muted)",
+      "themed": false
+    },
+    "--lutra-component-publishing-surface": {
+      "figmaName": "component/publishing/surface",
+      "value": "var(--lutra-color-background-surface)",
+      "themed": false
+    },
+    "--lutra-component-publishing-surface-subtle": {
+      "figmaName": "component/publishing/surface/subtle",
+      "value": "var(--lutra-color-background-subtle)",
+      "themed": false
+    },
+    "--lutra-component-publishing-title": {
+      "figmaName": "component/publishing/title",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-radio-border-default": {
+      "figmaName": "component/radio/border/default",
+      "value": "var(--lutra-component-checkbox-border-default)",
+      "themed": false
+    },
+    "--lutra-component-radio-border-disabled": {
+      "figmaName": "component/radio/border/disabled",
+      "value": "var(--lutra-component-checkbox-border-disabled)",
+      "themed": false
+    },
+    "--lutra-component-radio-border-hover": {
+      "figmaName": "component/radio/border/hover",
+      "value": "var(--lutra-component-checkbox-border-hover)",
+      "themed": false
+    },
+    "--lutra-component-radio-border-invalid": {
+      "figmaName": "component/radio/border/invalid",
+      "value": "var(--lutra-component-checkbox-border-invalid)",
+      "themed": false
+    },
+    "--lutra-component-radio-description": {
+      "figmaName": "component/radio/description",
+      "value": "var(--lutra-component-checkbox-description)",
+      "themed": false
+    },
+    "--lutra-component-radio-error-text": {
+      "figmaName": "component/radio/error-text",
+      "value": "var(--lutra-component-checkbox-error-text)",
+      "themed": false
+    },
+    "--lutra-component-radio-fill-disabled": {
+      "figmaName": "component/radio/fill/disabled",
+      "value": "var(--lutra-component-checkbox-fill-disabled)",
+      "themed": false
+    },
+    "--lutra-component-radio-fill-invalid": {
+      "figmaName": "component/radio/fill/invalid",
+      "value": "var(--lutra-component-checkbox-fill-invalid)",
+      "themed": false
+    },
+    "--lutra-component-radio-fill-selected": {
+      "figmaName": "component/radio/fill/selected",
+      "value": "var(--lutra-component-checkbox-fill-selected)",
+      "themed": false
+    },
+    "--lutra-component-radio-fill-selected-hover": {
+      "figmaName": "component/radio/fill/selected-hover",
+      "value": "var(--lutra-component-checkbox-fill-selected-hover)",
+      "themed": false
+    },
+    "--lutra-component-radio-label": {
+      "figmaName": "component/radio/label",
+      "value": "var(--lutra-component-checkbox-label)",
+      "themed": false
+    },
+    "--lutra-component-radio-mark": {
+      "figmaName": "component/radio/mark",
+      "value": "var(--lutra-component-checkbox-mark)",
+      "themed": false
+    },
+    "--lutra-component-radio-mark-on-danger": {
+      "figmaName": "component/radio/mark/on-danger",
+      "value": "var(--lutra-component-checkbox-mark-on-danger)",
+      "themed": false
+    },
+    "--lutra-component-radio-surface": {
+      "figmaName": "component/radio/surface",
+      "value": "var(--lutra-component-checkbox-surface)",
+      "themed": false
+    },
+    "--lutra-component-radio-text-disabled": {
+      "figmaName": "component/radio/text/disabled",
+      "value": "var(--lutra-component-checkbox-text-disabled)",
+      "themed": false
+    },
+    "--lutra-component-toggle-border-default": {
+      "figmaName": "component/toggle/border/default",
+      "value": "var(--lutra-component-input-border-default)",
+      "themed": false
+    },
+    "--lutra-component-toggle-border-hover": {
+      "figmaName": "component/toggle/border/hover",
+      "value": "var(--lutra-component-input-border-hover)",
+      "themed": false
+    },
+    "--lutra-component-toggle-border-invalid": {
+      "figmaName": "component/toggle/border/invalid",
+      "value": "var(--lutra-component-input-border-invalid)",
+      "themed": false
+    },
+    "--lutra-component-toggle-description": {
+      "figmaName": "component/toggle/description",
+      "value": "var(--lutra-color-text-secondary)",
+      "themed": false
+    },
+    "--lutra-component-toggle-error-text": {
+      "figmaName": "component/toggle/error-text",
+      "value": "var(--lutra-component-field-error-text)",
+      "themed": false
+    },
+    "--lutra-component-toggle-focus": {
+      "figmaName": "component/toggle/focus",
+      "value": "var(--lutra-color-focus-ring)",
+      "themed": false
+    },
+    "--lutra-component-toggle-label": {
+      "figmaName": "component/toggle/label",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-toggle-thumb-disabled": {
+      "figmaName": "component/toggle/thumb/disabled",
+      "value": "var(--lutra-color-text-disabled)",
+      "themed": false
+    },
+    "--lutra-component-toggle-thumb-off": {
+      "figmaName": "component/toggle/thumb/off",
+      "value": "var(--lutra-color-text-secondary)",
+      "themed": false
+    },
+    "--lutra-component-toggle-thumb-on": {
+      "figmaName": "component/toggle/thumb/on",
+      "value": "var(--lutra-color-text-on-brand)",
+      "themed": false
+    },
+    "--lutra-component-toggle-track-disabled": {
+      "figmaName": "component/toggle/track/disabled",
+      "value": "var(--lutra-color-background-disabled)",
+      "themed": false
+    },
+    "--lutra-component-toggle-track-off": {
+      "figmaName": "component/toggle/track/off",
+      "value": "var(--lutra-component-checkbox-surface)",
+      "themed": false
+    },
+    "--lutra-component-toggle-track-on": {
+      "figmaName": "component/toggle/track/on",
+      "value": "var(--lutra-component-checkbox-fill-selected)",
+      "themed": false
+    },
+    "--lutra-component-toggle-track-on-hover": {
+      "figmaName": "component/toggle/track/on-hover",
+      "value": "var(--lutra-component-checkbox-fill-selected-hover)",
+      "themed": false
+    },
+    "--lutra-component-tooltip-border": {
+      "figmaName": "component/tooltip/border",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-tooltip-surface": {
+      "figmaName": "component/tooltip/surface",
+      "value": "var(--lutra-color-text-primary)",
+      "themed": false
+    },
+    "--lutra-component-tooltip-text": {
+      "figmaName": "component/tooltip/text",
+      "value": "var(--lutra-color-background-canvas)",
+      "themed": false
+    },
+    "--lutra-text-body": {
+      "figmaName": "text/body",
+      "value": "1rem",
+      "themed": false
+    },
+    "--lutra-text-body-small": {
+      "figmaName": "text/body-small",
+      "value": "0.875rem",
+      "themed": false
+    },
+    "--lutra-text-button-lg": {
+      "figmaName": "text/button/lg",
+      "value": "1rem",
+      "themed": false
+    },
+    "--lutra-text-button-md": {
+      "figmaName": "text/button/md",
+      "value": "0.875rem",
+      "themed": false
+    },
+    "--lutra-text-button-sm": {
+      "figmaName": "text/button/sm",
+      "value": "0.8125rem",
+      "themed": false
+    },
+    "--lutra-text-caption": {
+      "figmaName": "text/caption",
+      "value": "0.75rem",
+      "themed": false
+    },
+    "--lutra-text-code": {
+      "figmaName": "text/code",
+      "value": "0.875rem",
+      "themed": false
+    },
+    "--lutra-text-display": {
+      "figmaName": "text/display",
+      "value": "2rem",
+      "themed": false
+    },
+    "--lutra-text-h1": {
+      "figmaName": "text/h1",
+      "value": "1.5rem",
+      "themed": false
+    },
+    "--lutra-text-h2": {
+      "figmaName": "text/h2",
+      "value": "1.25rem",
+      "themed": false
+    },
+    "--lutra-text-h3": {
+      "figmaName": "text/h3",
+      "value": "1.125rem",
+      "themed": false
+    },
+    "--lutra-text-label": {
+      "figmaName": "text/label",
+      "value": "0.8125rem",
+      "themed": false
+    },
+    "--lutra-type-family-mono": {
+      "figmaName": "type/family/mono",
+      "value": "'Atkinson Hyperlegible Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, monospace",
+      "themed": false
+    },
+    "--lutra-type-family-sans": {
+      "figmaName": "type/family/sans",
+      "value": "'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+      "themed": false
+    },
+    "--lutra-type-line-height-body": {
+      "figmaName": "type/line-height/body",
+      "value": "1.5",
+      "themed": false
+    },
+    "--lutra-type-line-height-body-small": {
+      "figmaName": "type/line-height/body-small",
+      "value": "1.4286",
+      "themed": false
+    },
+    "--lutra-type-line-height-button-lg": {
+      "figmaName": "type/line-height/button/lg",
+      "value": "1.5",
+      "themed": false
+    },
+    "--lutra-type-line-height-button-md": {
+      "figmaName": "type/line-height/button/md",
+      "value": "1.4286",
+      "themed": false
+    },
+    "--lutra-type-line-height-button-sm": {
+      "figmaName": "type/line-height/button/sm",
+      "value": "1.2308",
+      "themed": false
+    },
+    "--lutra-type-line-height-caption": {
+      "figmaName": "type/line-height/caption",
+      "value": "1.3333",
+      "themed": false
+    },
+    "--lutra-type-line-height-code": {
+      "figmaName": "type/line-height/code",
+      "value": "1.5714",
+      "themed": false
+    },
+    "--lutra-type-line-height-display": {
+      "figmaName": "type/line-height/display",
+      "value": "1.25",
+      "themed": false
+    },
+    "--lutra-type-line-height-h1": {
+      "figmaName": "type/line-height/h1",
+      "value": "1.3333",
+      "themed": false
+    },
+    "--lutra-type-line-height-h2": {
+      "figmaName": "type/line-height/h2",
+      "value": "1.4",
+      "themed": false
+    },
+    "--lutra-type-line-height-h3": {
+      "figmaName": "type/line-height/h3",
+      "value": "1.3333",
+      "themed": false
+    },
+    "--lutra-type-line-height-label": {
+      "figmaName": "type/line-height/label",
+      "value": "1.2308",
+      "themed": false
+    },
+    "--lutra-type-weight-bold": {
+      "figmaName": "type/weight/bold",
+      "value": "700",
+      "themed": false
+    },
+    "--lutra-type-weight-medium": {
+      "figmaName": "type/weight/medium",
+      "value": "500",
+      "themed": false
+    },
+    "--lutra-type-weight-regular": {
+      "figmaName": "type/weight/regular",
+      "value": "400",
+      "themed": false
+    },
+    "--lutra-type-weight-semibold": {
+      "figmaName": "type/weight/semibold",
+      "value": "600",
+      "themed": false
+    },
+    "--lutra-border-width-thick": {
+      "figmaName": "border/width/thick",
+      "value": "2px",
+      "themed": false
+    },
+    "--lutra-border-width-thin": {
+      "figmaName": "border/width/thin",
+      "value": "1px",
+      "themed": false
+    },
+    "--lutra-radius-full": {
+      "figmaName": "radius/full",
+      "value": "999px",
+      "themed": false
+    },
+    "--lutra-radius-lg": {
+      "figmaName": "radius/lg",
+      "value": "0.75rem",
+      "themed": false
+    },
+    "--lutra-radius-md": {
+      "figmaName": "radius/md",
+      "value": "0.5rem",
+      "themed": false
+    },
+    "--lutra-radius-none": {
+      "figmaName": "radius/none",
+      "value": "0",
+      "themed": false
+    },
+    "--lutra-radius-sm": {
+      "figmaName": "radius/sm",
+      "value": "0.25rem",
+      "themed": false
+    },
+    "--lutra-space-2xl": {
+      "figmaName": "space/2xl",
+      "value": "1.5rem",
+      "themed": false
+    },
+    "--lutra-space-2xs": {
+      "figmaName": "space/2xs",
+      "value": "0.125rem",
+      "themed": false
+    },
+    "--lutra-space-3xl": {
+      "figmaName": "space/3xl",
+      "value": "2rem",
+      "themed": false
+    },
+    "--lutra-space-lg": {
+      "figmaName": "space/lg",
+      "value": "1rem",
+      "themed": false
+    },
+    "--lutra-space-md": {
+      "figmaName": "space/md",
+      "value": "0.75rem",
+      "themed": false
+    },
+    "--lutra-space-sm": {
+      "figmaName": "space/sm",
+      "value": "0.5rem",
+      "themed": false
+    },
+    "--lutra-space-xl": {
+      "figmaName": "space/xl",
+      "value": "1.25rem",
+      "themed": false
+    },
+    "--lutra-space-xs": {
+      "figmaName": "space/xs",
+      "value": "0.25rem",
+      "themed": false
+    },
+    "--lutra-layout-article-max": {
+      "figmaName": "layout/article/max",
+      "value": "45rem",
+      "themed": false
+    },
+    "--lutra-layout-container-max": {
+      "figmaName": "layout/container/max",
+      "value": "75rem",
+      "themed": false
+    },
+    "--lutra-layout-gutter-desktop": {
+      "figmaName": "layout/gutter/desktop",
+      "value": "2rem",
+      "themed": false
+    },
+    "--lutra-layout-gutter-mobile": {
+      "figmaName": "layout/gutter/mobile",
+      "value": "1rem",
+      "themed": false
+    },
+    "--lutra-layout-gutter-tablet": {
+      "figmaName": "layout/gutter/tablet",
+      "value": "1.5rem",
+      "themed": false
+    },
+    "--lutra-layout-section-lg": {
+      "figmaName": "layout/section/lg",
+      "value": "6rem",
+      "themed": false
+    },
+    "--lutra-layout-section-sm": {
+      "figmaName": "layout/section/sm",
+      "value": "4rem",
+      "themed": false
+    }
+  }
+}