@discourser/design-system 0.1.0

package/styled-system/tokens/index.mjs

@@ -0,0 +1,924 @@
+const tokens = {
+  "colors.primary.0": {
+    "value": "#000000",
+    "variable": "var(--colors-primary-0)"
+  },
+  "colors.primary.10": {
+    "value": "#102000",
+    "variable": "var(--colors-primary-10)"
+  },
+  "colors.primary.20": {
+    "value": "#1F3700",
+    "variable": "var(--colors-primary-20)"
+  },
+  "colors.primary.30": {
+    "value": "#2F4F00",
+    "variable": "var(--colors-primary-30)"
+  },
+  "colors.primary.40": {
+    "value": "#3F6900",
+    "variable": "var(--colors-primary-40)"
+  },
+  "colors.primary.50": {
+    "value": "#518500",
+    "variable": "var(--colors-primary-50)"
+  },
+  "colors.primary.60": {
+    "value": "#64A104",
+    "variable": "var(--colors-primary-60)"
+  },
+  "colors.primary.70": {
+    "value": "#7DBD2A",
+    "variable": "var(--colors-primary-70)"
+  },
+  "colors.primary.80": {
+    "value": "#97D945",
+    "variable": "var(--colors-primary-80)"
+  },
+  "colors.primary.90": {
+    "value": "#B2F65F",
+    "variable": "var(--colors-primary-90)"
+  },
+  "colors.primary.95": {
+    "value": "#D2FF9B",
+    "variable": "var(--colors-primary-95)"
+  },
+  "colors.primary.99": {
+    "value": "#F9FFE9",
+    "variable": "var(--colors-primary-99)"
+  },
+  "colors.primary.100": {
+    "value": "#FFFFFF",
+    "variable": "var(--colors-primary-100)"
+  },
+  "colors.secondary.0": {
+    "value": "#000000",
+    "variable": "var(--colors-secondary-0)"
+  },
+  "colors.secondary.10": {
+    "value": "#121F04",
+    "variable": "var(--colors-secondary-10)"
+  },
+  "colors.secondary.20": {
+    "value": "#263515",
+    "variable": "var(--colors-secondary-20)"
+  },
+  "colors.secondary.30": {
+    "value": "#3C4C2A",
+    "variable": "var(--colors-secondary-30)"
+  },
+  "colors.secondary.40": {
+    "value": "#54643F",
+    "variable": "var(--colors-secondary-40)"
+  },
+  "colors.secondary.50": {
+    "value": "#6C7D56",
+    "variable": "var(--colors-secondary-50)"
+  },
+  "colors.secondary.60": {
+    "value": "#85976E",
+    "variable": "var(--colors-secondary-60)"
+  },
+  "colors.secondary.70": {
+    "value": "#A0B187",
+    "variable": "var(--colors-secondary-70)"
+  },
+  "colors.secondary.80": {
+    "value": "#BBCDA1",
+    "variable": "var(--colors-secondary-80)"
+  },
+  "colors.secondary.90": {
+    "value": "#D7E9BB",
+    "variable": "var(--colors-secondary-90)"
+  },
+  "colors.secondary.95": {
+    "value": "#E5F7C9",
+    "variable": "var(--colors-secondary-95)"
+  },
+  "colors.secondary.99": {
+    "value": "#F9FFE9",
+    "variable": "var(--colors-secondary-99)"
+  },
+  "colors.secondary.100": {
+    "value": "#FFFFFF",
+    "variable": "var(--colors-secondary-100)"
+  },
+  "colors.tertiary.0": {
+    "value": "#000000",
+    "variable": "var(--colors-tertiary-0)"
+  },
+  "colors.tertiary.10": {
+    "value": "#00201E",
+    "variable": "var(--colors-tertiary-10)"
+  },
+  "colors.tertiary.20": {
+    "value": "#003735",
+    "variable": "var(--colors-tertiary-20)"
+  },
+  "colors.tertiary.30": {
+    "value": "#00504C",
+    "variable": "var(--colors-tertiary-30)"
+  },
+  "colors.tertiary.40": {
+    "value": "#046A66",
+    "variable": "var(--colors-tertiary-40)"
+  },
+  "colors.tertiary.50": {
+    "value": "#30837F",
+    "variable": "var(--colors-tertiary-50)"
+  },
+  "colors.tertiary.60": {
+    "value": "#4D9D98",
+    "variable": "var(--colors-tertiary-60)"
+  },
+  "colors.tertiary.70": {
+    "value": "#69B8B3",
+    "variable": "var(--colors-tertiary-70)"
+  },
+  "colors.tertiary.80": {
+    "value": "#85D4CF",
+    "variable": "var(--colors-tertiary-80)"
+  },
+  "colors.tertiary.90": {
+    "value": "#A1F1EB",
+    "variable": "var(--colors-tertiary-90)"
+  },
+  "colors.tertiary.95": {
+    "value": "#B0FFF9",
+    "variable": "var(--colors-tertiary-95)"
+  },
+  "colors.tertiary.99": {
+    "value": "#F2FFFD",
+    "variable": "var(--colors-tertiary-99)"
+  },
+  "colors.tertiary.100": {
+    "value": "#FFFFFF",
+    "variable": "var(--colors-tertiary-100)"
+  },
+  "colors.neutral.0": {
+    "value": "#000000",
+    "variable": "var(--colors-neutral-0)"
+  },
+  "colors.neutral.10": {
+    "value": "#1B1C18",
+    "variable": "var(--colors-neutral-10)"
+  },
+  "colors.neutral.20": {
+    "value": "#30312C",
+    "variable": "var(--colors-neutral-20)"
+  },
+  "colors.neutral.30": {
+    "value": "#464742",
+    "variable": "var(--colors-neutral-30)"
+  },
+  "colors.neutral.40": {
+    "value": "#5E5F59",
+    "variable": "var(--colors-neutral-40)"
+  },
+  "colors.neutral.50": {
+    "value": "#777771",
+    "variable": "var(--colors-neutral-50)"
+  },
+  "colors.neutral.60": {
+    "value": "#91918B",
+    "variable": "var(--colors-neutral-60)"
+  },
+  "colors.neutral.70": {
+    "value": "#ABACA5",
+    "variable": "var(--colors-neutral-70)"
+  },
+  "colors.neutral.80": {
+    "value": "#C7C7C0",
+    "variable": "var(--colors-neutral-80)"
+  },
+  "colors.neutral.90": {
+    "value": "#E3E3DB",
+    "variable": "var(--colors-neutral-90)"
+  },
+  "colors.neutral.95": {
+    "value": "#F2F1E9",
+    "variable": "var(--colors-neutral-95)"
+  },
+  "colors.neutral.99": {
+    "value": "#FDFCF5",
+    "variable": "var(--colors-neutral-99)"
+  },
+  "colors.neutral.100": {
+    "value": "#FFFFFF",
+    "variable": "var(--colors-neutral-100)"
+  },
+  "colors.neutralVariant.0": {
+    "value": "#000000",
+    "variable": "var(--colors-neutral-variant-0)"
+  },
+  "colors.neutralVariant.10": {
+    "value": "#191D14",
+    "variable": "var(--colors-neutral-variant-10)"
+  },
+  "colors.neutralVariant.20": {
+    "value": "#2E3228",
+    "variable": "var(--colors-neutral-variant-20)"
+  },
+  "colors.neutralVariant.30": {
+    "value": "#44483D",
+    "variable": "var(--colors-neutral-variant-30)"
+  },
+  "colors.neutralVariant.40": {
+    "value": "#5C6054",
+    "variable": "var(--colors-neutral-variant-40)"
+  },
+  "colors.neutralVariant.50": {
+    "value": "#75796C",
+    "variable": "var(--colors-neutral-variant-50)"
+  },
+  "colors.neutralVariant.60": {
+    "value": "#8F9285",
+    "variable": "var(--colors-neutral-variant-60)"
+  },
+  "colors.neutralVariant.70": {
+    "value": "#A9AD9F",
+    "variable": "var(--colors-neutral-variant-70)"
+  },
+  "colors.neutralVariant.80": {
+    "value": "#C5C8BA",
+    "variable": "var(--colors-neutral-variant-80)"
+  },
+  "colors.neutralVariant.90": {
+    "value": "#E1E4D5",
+    "variable": "var(--colors-neutral-variant-90)"
+  },
+  "colors.neutralVariant.95": {
+    "value": "#EFF2E3",
+    "variable": "var(--colors-neutral-variant-95)"
+  },
+  "colors.neutralVariant.99": {
+    "value": "#FBFEEE",
+    "variable": "var(--colors-neutral-variant-99)"
+  },
+  "colors.neutralVariant.100": {
+    "value": "#FFFFFF",
+    "variable": "var(--colors-neutral-variant-100)"
+  },
+  "colors.error.0": {
+    "value": "#000000",
+    "variable": "var(--colors-error-0)"
+  },
+  "colors.error.10": {
+    "value": "#410E0B",
+    "variable": "var(--colors-error-10)"
+  },
+  "colors.error.20": {
+    "value": "#601410",
+    "variable": "var(--colors-error-20)"
+  },
+  "colors.error.30": {
+    "value": "#8C1D18",
+    "variable": "var(--colors-error-30)"
+  },
+  "colors.error.40": {
+    "value": "#B3261E",
+    "variable": "var(--colors-error-40)"
+  },
+  "colors.error.50": {
+    "value": "#DC362E",
+    "variable": "var(--colors-error-50)"
+  },
+  "colors.error.60": {
+    "value": "#E46962",
+    "variable": "var(--colors-error-60)"
+  },
+  "colors.error.70": {
+    "value": "#EC928E",
+    "variable": "var(--colors-error-70)"
+  },
+  "colors.error.80": {
+    "value": "#F2B8B5",
+    "variable": "var(--colors-error-80)"
+  },
+  "colors.error.90": {
+    "value": "#F9DEDC",
+    "variable": "var(--colors-error-90)"
+  },
+  "colors.error.95": {
+    "value": "#FCEEEE",
+    "variable": "var(--colors-error-95)"
+  },
+  "colors.error.99": {
+    "value": "#FFFBF9",
+    "variable": "var(--colors-error-99)"
+  },
+  "colors.error.100": {
+    "value": "#FFFFFF",
+    "variable": "var(--colors-error-100)"
+  },
+  "fonts.display": {
+    "value": "Georgia, \"Times New Roman\", serif",
+    "variable": "var(--fonts-display)"
+  },
+  "fonts.body": {
+    "value": "Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif",
+    "variable": "var(--fonts-body)"
+  },
+  "fonts.mono": {
+    "value": "\"JetBrains Mono\", \"Fira Code\", Consolas, monospace",
+    "variable": "var(--fonts-mono)"
+  },
+  "fontSizes.displayLarge": {
+    "value": "57px",
+    "variable": "var(--font-sizes-display-large)"
+  },
+  "fontSizes.displayMedium": {
+    "value": "45px",
+    "variable": "var(--font-sizes-display-medium)"
+  },
+  "fontSizes.displaySmall": {
+    "value": "36px",
+    "variable": "var(--font-sizes-display-small)"
+  },
+  "fontSizes.headlineLarge": {
+    "value": "32px",
+    "variable": "var(--font-sizes-headline-large)"
+  },
+  "fontSizes.headlineMedium": {
+    "value": "28px",
+    "variable": "var(--font-sizes-headline-medium)"
+  },
+  "fontSizes.headlineSmall": {
+    "value": "24px",
+    "variable": "var(--font-sizes-headline-small)"
+  },
+  "fontSizes.titleLarge": {
+    "value": "22px",
+    "variable": "var(--font-sizes-title-large)"
+  },
+  "fontSizes.titleMedium": {
+    "value": "16px",
+    "variable": "var(--font-sizes-title-medium)"
+  },
+  "fontSizes.titleSmall": {
+    "value": "14px",
+    "variable": "var(--font-sizes-title-small)"
+  },
+  "fontSizes.bodyLarge": {
+    "value": "16px",
+    "variable": "var(--font-sizes-body-large)"
+  },
+  "fontSizes.bodyMedium": {
+    "value": "14px",
+    "variable": "var(--font-sizes-body-medium)"
+  },
+  "fontSizes.bodySmall": {
+    "value": "12px",
+    "variable": "var(--font-sizes-body-small)"
+  },
+  "fontSizes.labelLarge": {
+    "value": "14px",
+    "variable": "var(--font-sizes-label-large)"
+  },
+  "fontSizes.labelMedium": {
+    "value": "12px",
+    "variable": "var(--font-sizes-label-medium)"
+  },
+  "fontSizes.labelSmall": {
+    "value": "11px",
+    "variable": "var(--font-sizes-label-small)"
+  },
+  "lineHeights.displayLarge": {
+    "value": "64px",
+    "variable": "var(--line-heights-display-large)"
+  },
+  "lineHeights.displayMedium": {
+    "value": "52px",
+    "variable": "var(--line-heights-display-medium)"
+  },
+  "lineHeights.displaySmall": {
+    "value": "44px",
+    "variable": "var(--line-heights-display-small)"
+  },
+  "lineHeights.headlineLarge": {
+    "value": "40px",
+    "variable": "var(--line-heights-headline-large)"
+  },
+  "lineHeights.headlineMedium": {
+    "value": "36px",
+    "variable": "var(--line-heights-headline-medium)"
+  },
+  "lineHeights.headlineSmall": {
+    "value": "32px",
+    "variable": "var(--line-heights-headline-small)"
+  },
+  "lineHeights.titleLarge": {
+    "value": "28px",
+    "variable": "var(--line-heights-title-large)"
+  },
+  "lineHeights.titleMedium": {
+    "value": "24px",
+    "variable": "var(--line-heights-title-medium)"
+  },
+  "lineHeights.titleSmall": {
+    "value": "20px",
+    "variable": "var(--line-heights-title-small)"
+  },
+  "lineHeights.bodyLarge": {
+    "value": "24px",
+    "variable": "var(--line-heights-body-large)"
+  },
+  "lineHeights.bodyMedium": {
+    "value": "20px",
+    "variable": "var(--line-heights-body-medium)"
+  },
+  "lineHeights.bodySmall": {
+    "value": "16px",
+    "variable": "var(--line-heights-body-small)"
+  },
+  "lineHeights.labelLarge": {
+    "value": "20px",
+    "variable": "var(--line-heights-label-large)"
+  },
+  "lineHeights.labelMedium": {
+    "value": "16px",
+    "variable": "var(--line-heights-label-medium)"
+  },
+  "lineHeights.labelSmall": {
+    "value": "16px",
+    "variable": "var(--line-heights-label-small)"
+  },
+  "fontWeights.400": {
+    "value": "400",
+    "variable": "var(--font-weights-400)"
+  },
+  "fontWeights.500": {
+    "value": "500",
+    "variable": "var(--font-weights-500)"
+  },
+  "letterSpacings.displayLarge": {
+    "value": "-0.25px",
+    "variable": "var(--letter-spacings-display-large)"
+  },
+  "letterSpacings.displayMedium": {
+    "value": "0px",
+    "variable": "var(--letter-spacings-display-medium)"
+  },
+  "letterSpacings.displaySmall": {
+    "value": "0px",
+    "variable": "var(--letter-spacings-display-small)"
+  },
+  "letterSpacings.headlineLarge": {
+    "value": "0px",
+    "variable": "var(--letter-spacings-headline-large)"
+  },
+  "letterSpacings.headlineMedium": {
+    "value": "0px",
+    "variable": "var(--letter-spacings-headline-medium)"
+  },
+  "letterSpacings.headlineSmall": {
+    "value": "0px",
+    "variable": "var(--letter-spacings-headline-small)"
+  },
+  "letterSpacings.titleLarge": {
+    "value": "0px",
+    "variable": "var(--letter-spacings-title-large)"
+  },
+  "letterSpacings.titleMedium": {
+    "value": "0.15px",
+    "variable": "var(--letter-spacings-title-medium)"
+  },
+  "letterSpacings.titleSmall": {
+    "value": "0.1px",
+    "variable": "var(--letter-spacings-title-small)"
+  },
+  "letterSpacings.bodyLarge": {
+    "value": "0.5px",
+    "variable": "var(--letter-spacings-body-large)"
+  },
+  "letterSpacings.bodyMedium": {
+    "value": "0.25px",
+    "variable": "var(--letter-spacings-body-medium)"
+  },
+  "letterSpacings.bodySmall": {
+    "value": "0.4px",
+    "variable": "var(--letter-spacings-body-small)"
+  },
+  "letterSpacings.labelLarge": {
+    "value": "0.1px",
+    "variable": "var(--letter-spacings-label-large)"
+  },
+  "letterSpacings.labelMedium": {
+    "value": "0.5px",
+    "variable": "var(--letter-spacings-label-medium)"
+  },
+  "letterSpacings.labelSmall": {
+    "value": "0.5px",
+    "variable": "var(--letter-spacings-label-small)"
+  },
+  "spacing.none": {
+    "value": "0px",
+    "variable": "var(--spacing-none)"
+  },
+  "spacing.xxs": {
+    "value": "2px",
+    "variable": "var(--spacing-xxs)"
+  },
+  "spacing.xs": {
+    "value": "4px",
+    "variable": "var(--spacing-xs)"
+  },
+  "spacing.sm": {
+    "value": "8px",
+    "variable": "var(--spacing-sm)"
+  },
+  "spacing.md": {
+    "value": "16px",
+    "variable": "var(--spacing-md)"
+  },
+  "spacing.lg": {
+    "value": "24px",
+    "variable": "var(--spacing-lg)"
+  },
+  "spacing.xl": {
+    "value": "32px",
+    "variable": "var(--spacing-xl)"
+  },
+  "spacing.xxl": {
+    "value": "48px",
+    "variable": "var(--spacing-xxl)"
+  },
+  "spacing.xxxl": {
+    "value": "64px",
+    "variable": "var(--spacing-xxxl)"
+  },
+  "radii.none": {
+    "value": "0px",
+    "variable": "var(--radii-none)"
+  },
+  "radii.extraSmall": {
+    "value": "4px",
+    "variable": "var(--radii-extra-small)"
+  },
+  "radii.small": {
+    "value": "8px",
+    "variable": "var(--radii-small)"
+  },
+  "radii.medium": {
+    "value": "12px",
+    "variable": "var(--radii-medium)"
+  },
+  "radii.large": {
+    "value": "16px",
+    "variable": "var(--radii-large)"
+  },
+  "radii.extraLarge": {
+    "value": "28px",
+    "variable": "var(--radii-extra-large)"
+  },
+  "radii.full": {
+    "value": "9999px",
+    "variable": "var(--radii-full)"
+  },
+  "shadows.level0": {
+    "value": "none",
+    "variable": "var(--shadows-level0)"
+  },
+  "shadows.level1": {
+    "value": "0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)",
+    "variable": "var(--shadows-level1)"
+  },
+  "shadows.level2": {
+    "value": "0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)",
+    "variable": "var(--shadows-level2)"
+  },
+  "shadows.level3": {
+    "value": "0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3)",
+    "variable": "var(--shadows-level3)"
+  },
+  "shadows.level4": {
+    "value": "0px 6px 10px 4px rgba(0, 0, 0, 0.15), 0px 2px 3px rgba(0, 0, 0, 0.3)",
+    "variable": "var(--shadows-level4)"
+  },
+  "shadows.level5": {
+    "value": "0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3)",
+    "variable": "var(--shadows-level5)"
+  },
+  "durations.instant": {
+    "value": "0ms",
+    "variable": "var(--durations-instant)"
+  },
+  "durations.fast": {
+    "value": "100ms",
+    "variable": "var(--durations-fast)"
+  },
+  "durations.normal": {
+    "value": "200ms",
+    "variable": "var(--durations-normal)"
+  },
+  "durations.slow": {
+    "value": "300ms",
+    "variable": "var(--durations-slow)"
+  },
+  "durations.slower": {
+    "value": "500ms",
+    "variable": "var(--durations-slower)"
+  },
+  "easings.standard": {
+    "value": "cubic-bezier(0.2, 0, 0, 1)",
+    "variable": "var(--easings-standard)"
+  },
+  "easings.standardDecelerate": {
+    "value": "cubic-bezier(0, 0, 0, 1)",
+    "variable": "var(--easings-standard-decelerate)"
+  },
+  "easings.standardAccelerate": {
+    "value": "cubic-bezier(0.3, 0, 1, 1)",
+    "variable": "var(--easings-standard-accelerate)"
+  },
+  "easings.emphasized": {
+    "value": "cubic-bezier(0.2, 0, 0, 1)",
+    "variable": "var(--easings-emphasized)"
+  },
+  "easings.emphasizedDecelerate": {
+    "value": "cubic-bezier(0.05, 0.7, 0.1, 1)",
+    "variable": "var(--easings-emphasized-decelerate)"
+  },
+  "easings.emphasizedAccelerate": {
+    "value": "cubic-bezier(0.3, 0, 0.8, 0.15)",
+    "variable": "var(--easings-emphasized-accelerate)"
+  },
+  "breakpoints.sm": {
+    "value": "640px",
+    "variable": "var(--breakpoints-sm)"
+  },
+  "breakpoints.md": {
+    "value": "768px",
+    "variable": "var(--breakpoints-md)"
+  },
+  "breakpoints.lg": {
+    "value": "1024px",
+    "variable": "var(--breakpoints-lg)"
+  },
+  "breakpoints.xl": {
+    "value": "1280px",
+    "variable": "var(--breakpoints-xl)"
+  },
+  "breakpoints.2xl": {
+    "value": "1536px",
+    "variable": "var(--breakpoints-2xl)"
+  },
+  "sizes.breakpoint-sm": {
+    "value": "640px",
+    "variable": "var(--sizes-breakpoint-sm)"
+  },
+  "sizes.breakpoint-md": {
+    "value": "768px",
+    "variable": "var(--sizes-breakpoint-md)"
+  },
+  "sizes.breakpoint-lg": {
+    "value": "1024px",
+    "variable": "var(--sizes-breakpoint-lg)"
+  },
+  "sizes.breakpoint-xl": {
+    "value": "1280px",
+    "variable": "var(--sizes-breakpoint-xl)"
+  },
+  "sizes.breakpoint-2xl": {
+    "value": "1536px",
+    "variable": "var(--sizes-breakpoint-2xl)"
+  },
+  "colors.primary": {
+    "value": "var(--colors-primary)",
+    "variable": "var(--colors-primary)"
+  },
+  "colors.onPrimary": {
+    "value": "var(--colors-on-primary)",
+    "variable": "var(--colors-on-primary)"
+  },
+  "colors.primaryContainer": {
+    "value": "var(--colors-primary-container)",
+    "variable": "var(--colors-primary-container)"
+  },
+  "colors.onPrimaryContainer": {
+    "value": "var(--colors-on-primary-container)",
+    "variable": "var(--colors-on-primary-container)"
+  },
+  "colors.secondary": {
+    "value": "var(--colors-secondary)",
+    "variable": "var(--colors-secondary)"
+  },
+  "colors.onSecondary": {
+    "value": "var(--colors-on-secondary)",
+    "variable": "var(--colors-on-secondary)"
+  },
+  "colors.secondaryContainer": {
+    "value": "var(--colors-secondary-container)",
+    "variable": "var(--colors-secondary-container)"
+  },
+  "colors.onSecondaryContainer": {
+    "value": "var(--colors-on-secondary-container)",
+    "variable": "var(--colors-on-secondary-container)"
+  },
+  "colors.tertiary": {
+    "value": "var(--colors-tertiary)",
+    "variable": "var(--colors-tertiary)"
+  },
+  "colors.onTertiary": {
+    "value": "var(--colors-on-tertiary)",
+    "variable": "var(--colors-on-tertiary)"
+  },
+  "colors.tertiaryContainer": {
+    "value": "var(--colors-tertiary-container)",
+    "variable": "var(--colors-tertiary-container)"
+  },
+  "colors.onTertiaryContainer": {
+    "value": "var(--colors-on-tertiary-container)",
+    "variable": "var(--colors-on-tertiary-container)"
+  },
+  "colors.error": {
+    "value": "var(--colors-error)",
+    "variable": "var(--colors-error)"
+  },
+  "colors.onError": {
+    "value": "var(--colors-on-error)",
+    "variable": "var(--colors-on-error)"
+  },
+  "colors.errorContainer": {
+    "value": "var(--colors-error-container)",
+    "variable": "var(--colors-error-container)"
+  },
+  "colors.onErrorContainer": {
+    "value": "var(--colors-on-error-container)",
+    "variable": "var(--colors-on-error-container)"
+  },
+  "colors.surface": {
+    "value": "var(--colors-surface)",
+    "variable": "var(--colors-surface)"
+  },
+  "colors.onSurface": {
+    "value": "var(--colors-on-surface)",
+    "variable": "var(--colors-on-surface)"
+  },
+  "colors.surfaceVariant": {
+    "value": "var(--colors-surface-variant)",
+    "variable": "var(--colors-surface-variant)"
+  },
+  "colors.onSurfaceVariant": {
+    "value": "var(--colors-on-surface-variant)",
+    "variable": "var(--colors-on-surface-variant)"
+  },
+  "colors.surfaceContainerLowest": {
+    "value": "var(--colors-surface-container-lowest)",
+    "variable": "var(--colors-surface-container-lowest)"
+  },
+  "colors.surfaceContainerLow": {
+    "value": "var(--colors-surface-container-low)",
+    "variable": "var(--colors-surface-container-low)"
+  },
+  "colors.surfaceContainer": {
+    "value": "var(--colors-surface-container)",
+    "variable": "var(--colors-surface-container)"
+  },
+  "colors.surfaceContainerHigh": {
+    "value": "var(--colors-surface-container-high)",
+    "variable": "var(--colors-surface-container-high)"
+  },
+  "colors.surfaceContainerHighest": {
+    "value": "var(--colors-surface-container-highest)",
+    "variable": "var(--colors-surface-container-highest)"
+  },
+  "colors.outline": {
+    "value": "var(--colors-outline)",
+    "variable": "var(--colors-outline)"
+  },
+  "colors.outlineVariant": {
+    "value": "var(--colors-outline-variant)",
+    "variable": "var(--colors-outline-variant)"
+  },
+  "colors.inverseSurface": {
+    "value": "var(--colors-inverse-surface)",
+    "variable": "var(--colors-inverse-surface)"
+  },
+  "colors.inverseOnSurface": {
+    "value": "var(--colors-inverse-on-surface)",
+    "variable": "var(--colors-inverse-on-surface)"
+  },
+  "colors.inversePrimary": {
+    "value": "var(--colors-inverse-primary)",
+    "variable": "var(--colors-inverse-primary)"
+  },
+  "colors.background": {
+    "value": "var(--colors-background)",
+    "variable": "var(--colors-background)"
+  },
+  "colors.onBackground": {
+    "value": "var(--colors-on-background)",
+    "variable": "var(--colors-on-background)"
+  },
+  "colors.scrim": {
+    "value": "var(--colors-scrim)",
+    "variable": "var(--colors-scrim)"
+  },
+  "colors.shadow": {
+    "value": "var(--colors-shadow)",
+    "variable": "var(--colors-shadow)"
+  },
+  "spacing.-none": {
+    "value": "calc(var(--spacing-none) * -1)",
+    "variable": "var(--spacing-none)"
+  },
+  "spacing.-xxs": {
+    "value": "calc(var(--spacing-xxs) * -1)",
+    "variable": "var(--spacing-xxs)"
+  },
+  "spacing.-xs": {
+    "value": "calc(var(--spacing-xs) * -1)",
+    "variable": "var(--spacing-xs)"
+  },
+  "spacing.-sm": {
+    "value": "calc(var(--spacing-sm) * -1)",
+    "variable": "var(--spacing-sm)"
+  },
+  "spacing.-md": {
+    "value": "calc(var(--spacing-md) * -1)",
+    "variable": "var(--spacing-md)"
+  },
+  "spacing.-lg": {
+    "value": "calc(var(--spacing-lg) * -1)",
+    "variable": "var(--spacing-lg)"
+  },
+  "spacing.-xl": {
+    "value": "calc(var(--spacing-xl) * -1)",
+    "variable": "var(--spacing-xl)"
+  },
+  "spacing.-xxl": {
+    "value": "calc(var(--spacing-xxl) * -1)",
+    "variable": "var(--spacing-xxl)"
+  },
+  "spacing.-xxxl": {
+    "value": "calc(var(--spacing-xxxl) * -1)",
+    "variable": "var(--spacing-xxxl)"
+  },
+  "colors.colorPalette.0": {
+    "value": "var(--colors-color-palette-0)",
+    "variable": "var(--colors-color-palette-0)"
+  },
+  "colors.colorPalette.10": {
+    "value": "var(--colors-color-palette-10)",
+    "variable": "var(--colors-color-palette-10)"
+  },
+  "colors.colorPalette.20": {
+    "value": "var(--colors-color-palette-20)",
+    "variable": "var(--colors-color-palette-20)"
+  },
+  "colors.colorPalette.30": {
+    "value": "var(--colors-color-palette-30)",
+    "variable": "var(--colors-color-palette-30)"
+  },
+  "colors.colorPalette.40": {
+    "value": "var(--colors-color-palette-40)",
+    "variable": "var(--colors-color-palette-40)"
+  },
+  "colors.colorPalette.50": {
+    "value": "var(--colors-color-palette-50)",
+    "variable": "var(--colors-color-palette-50)"
+  },
+  "colors.colorPalette.60": {
+    "value": "var(--colors-color-palette-60)",
+    "variable": "var(--colors-color-palette-60)"
+  },
+  "colors.colorPalette.70": {
+    "value": "var(--colors-color-palette-70)",
+    "variable": "var(--colors-color-palette-70)"
+  },
+  "colors.colorPalette.80": {
+    "value": "var(--colors-color-palette-80)",
+    "variable": "var(--colors-color-palette-80)"
+  },
+  "colors.colorPalette.90": {
+    "value": "var(--colors-color-palette-90)",
+    "variable": "var(--colors-color-palette-90)"
+  },
+  "colors.colorPalette.95": {
+    "value": "var(--colors-color-palette-95)",
+    "variable": "var(--colors-color-palette-95)"
+  },
+  "colors.colorPalette.99": {
+    "value": "var(--colors-color-palette-99)",
+    "variable": "var(--colors-color-palette-99)"
+  },
+  "colors.colorPalette.100": {
+    "value": "var(--colors-color-palette-100)",
+    "variable": "var(--colors-color-palette-100)"
+  },
+  "colors.colorPalette": {
+    "value": "var(--colors-color-palette)",
+    "variable": "var(--colors-color-palette)"
+  }
+}
+
+export function token(path, fallback) {
+  return tokens[path]?.value || fallback
+}
+
+function tokenVar(path, fallback) {
+  return tokens[path]?.variable || fallback
+}
+
+token.var = tokenVar