@fastwork/xosmoz-theme 0.64.0 → 0.65.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -8
- package/dist/dart/xz_colors.generated.dart +16 -58
- package/dist/figma-plugin.zip +0 -0
- package/dist/figma-tokens/Dark.json +117 -163
- package/dist/figma-tokens/Light.json +117 -163
- package/dist/index.d.mts +2 -10
- package/dist/index.d.ts +2 -10
- package/dist/index.js +18 -62
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +18 -62
- package/dist/index.mjs.map +1 -1
- package/dist/llms.txt +19 -23
- package/dist/themes/dark.css +9 -11
- package/dist/themes/light.css +9 -11
- package/dist/themes.css +18 -22
- package/package.json +1 -1
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tokens/typography.ts","../src/themes/light.ts","../src/themes/dark.ts","../src/themes/index.ts"],"names":["fontSize","fontWeight","fontFamily","primary","secondary","lineHeight","headings","heading1","desktop","mobile","heading2","heading3","heading4","heading5","heading6","titles","title1","title2","title3","title4","subtitles","subtitle1Bold","subtitle1Regular","subtitle2Bold","subtitle2Regular","subtitle3Bold","subtitle3Regular","body","body1","body2","body3","body4","font","typography","fastwork","value","gray","green","yellow","red","orange","purple","cyan","lightTheme","name","boxShadows","palette","colors","bg","surface","fg","soft","text","line","softSolid","danger","success","warning","info","neutral","blackAlpha","whiteAlpha","overlay","darkTheme","themes","light","dark","getTheme","getThemeNames","Object","keys"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Typography design tokens\n */\n\nimport type {\n\tTypographyScale,\n\tFontWeights,\n\tHeadingTokens,\n\tTitleTokens,\n\tSubtitleTokens,\n\tBodyTokens,\n} from '../types'\n\nexport const fontSize: TypographyScale = {\n\t50: '0.5rem', // 8px\n\t100: '0.625rem', // 10px\n\t200: '0.75rem', // 12px\n\t300: '0.875rem', // 14px\n\t400: '1rem', // 16px\n\t500: '1.125rem', // 18px\n\t600: '1.25rem', // 20px\n\t700: '1.5rem', // 24px\n\t800: '1.625rem', // 26px\n\t900: '2rem', // 32px\n\t1000: '2.375rem', // 38px\n\t1100: '2.5rem', // 40px\n\t1200: '2.6875rem', // 43px\n\t1300: '3rem', // 48px\n\t1400: '3.5rem', // 56px\n\t1500: '4rem', // 64px\n\t1600: '4.5rem', // 72px\n}\n\nexport const fontWeight: FontWeights = {\n\t100: 100,\n\t200: 200,\n\t300: 300,\n\t400: 400,\n\t500: 500,\n\t600: 600,\n\t700: 700,\n\t800: 800,\n\t900: 900,\n}\n\nexport const fontFamily = {\n\tprimary:\n\t\t'Google Sans, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'Google Sans, \"Fastwork\", \"Noto Sans Thai\", \"Noto Sans\", -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n}\n\nexport const lineHeight = {\n\t'100pct': '1',\n\t'125pct': '1.25',\n\t'135pct': '1.35',\n\t'150pct': '1.5',\n\t'165pct': '1.65',\n\t'200pct': '2',\n}\n\nconst headings: HeadingTokens = {\n\theading1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1600], // 72px\n\t\t\tmobile: fontSize[1300], // 48px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1500], // 64px\n\t\t\tmobile: fontSize[1200], // 43px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1400], // 56px\n\t\t\tmobile: fontSize[1000], // 38px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1300], // 48px\n\t\t\tmobile: fontSize[900], // 32px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading5: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1100], // 40px\n\t\t\tmobile: fontSize[800], // 26px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading6: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[900], // 32px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst titles: TitleTokens = {\n\ttitle1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[700], // 24px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[600], // 20px\n\t\t\tmobile: fontSize[600], // 20px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[500], // 18px\n\t\t\tmobile: fontSize[500], // 18px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst subtitles: SubtitleTokens = {\n\tsubtitle1Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle1Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst body: BodyTokens = {\n\tbody1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[100], // 10px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\n// Combined font tokens for easy access: typography.font.heading1, typography.font.body1, etc.\nexport const font = {\n\t...headings,\n\t...titles,\n\t...subtitles,\n\t...body,\n}\n\nexport const typography = {\n\tfontSize,\n\tfontWeight,\n\tfontFamily,\n\tlineHeight,\n\tfont,\n}\n","import type { ThemeConfig } from './types'\nimport type { ColorToken } from '../types'\n\n// Light theme color tokens\nconst fastwork: ColorToken = {\n\tvalue: 'oklch(0.57 0.237 260.608)',\n}\n\nconst gray: ColorToken = {\n\tvalue: 'oklch(0.613 0.032 259.575)',\n}\n\nconst green: ColorToken = {\n\tvalue: 'oklch(0.703 0.223 143.945)',\n}\n\nconst yellow: ColorToken = {\n\tvalue: 'oklch(0.822 0.17 78.88)',\n}\n\nconst red: ColorToken = {\n\tvalue: 'oklch(0.592 0.22 29.018)',\n}\n\nconst orange: ColorToken = {\n\tvalue: 'oklch(0.735 0.175 53.769)',\n}\n\nconst purple: ColorToken = {\n\tvalue: 'oklch(0.661 0.2 293.348)',\n}\n\nconst cyan: ColorToken = {\n\tvalue: 'oklch(0.771 0.135 212.784)',\n}\n\nexport const lightTheme: ThemeConfig = {\n\tname: 'light',\n\tboxShadows: {\n\t\t100: '0 1px 2px 0 rgba(0, 0, 0, 0.08)',\n\t\t200: '0 2px 6px 0 rgba(0, 0, 0, 0.10)',\n\t\t300: '0 4px 16px 0 rgba(0, 0, 0, 0.12)',\n\t\t400: '0 8px 20px 0 rgba(0, 0, 0, 0.14)',\n\t},\n\tpalette: { fastwork, gray, green, yellow, red, orange, purple, cyan },\n\tcolors: {\n\t\tbg: {\n\t\t\t100: 'oklch(0.312 0.02 260.638)',\n\t\t\t200: 'oklch(0.212 0.02 260.638)',\n\t\t},\n\n\t\tsurface: {\n\t\t\t50: 'oklch(1.00 0.00 260)',\n\t\t\t100: 'oklch(0.98 0.00 260)',\n\t\t\t200: 'oklch(0.96 0.00 260)',\n\t\t\t300: 'oklch(0.95 0.00 260)',\n\t\t\t400: 'oklch(0.92 0.00 260)',\n\t\t},\n\n\t\tfg: {\n\t\t\t100: 'oklch(1 0 0)',\n\t\t},\n\n\t\tsoft: {\n\t\t\t100: `color-mix(in oklab, var(--xz-color-bg-100) 4%, transparent)`,\n\t\t\t200: `color-mix(in oklab, var(--xz-color-bg-100) 7%, transparent)`,\n\t\t},\n\n\t\ttext: {\n\t\t\t100: 'oklch(0.2 0 0)',\n\t\t\t200: 'color-mix(in oklab, var(--xz-color-text-100) 70%, transparent)',\n\t\t\t300: 'color-mix(in oklab, var(--xz-color-text-100) 60%, transparent)',\n\t\t},\n\n\t\tline: {\n\t\t\t50: 'oklch(0.95 0.01 260 / 0.97)',\n\t\t\t100: 'oklch(0.90 0.01 260 / 0.97)',\n\t\t\t200: 'oklch(0.85 0.01 260 / 0.97)',\n\t\t\t300: 'oklch(0.80 0.01 260 / 0.97)',\n\t\t},\n\n\t\tprimary: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-fastwork)',\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0 / 1)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tdanger: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-red)',\n\t\t\t\t200: `oklch(from var(--xz-color-red) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0 / 1)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tsuccess: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-green)',\n\t\t\t\t200: `oklch(from var(--xz-color-green) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\twarning: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-yellow)',\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tinfo: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-cyan)',\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\torange: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-orange)',\n\t\t\t\t200: `oklch(from var(--xz-color-orange) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tpurple: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-purple)',\n\t\t\t\t200: `oklch(from var(--xz-color-purple) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tneutral: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-gray)',\n\t\t\t\t200: `oklch(from var(--xz-color-gray) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tblackAlpha: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\n\t\twhiteAlpha: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\n\t\toverlay: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\t},\n}\n","import type { ThemeConfig } from './types'\nimport type { ColorToken } from '../types'\n\n// Dark theme color tokens\nconst fastwork: ColorToken = {\n\tvalue: 'oklch(0.57 0.237 260.608)',\n}\n\nconst gray: ColorToken = {\n\tvalue: 'oklch(0.613 0.032 259.575)',\n}\n\nconst green: ColorToken = {\n\tvalue: 'oklch(0.703 0.223 143.945)',\n}\n\nconst yellow: ColorToken = {\n\tvalue: 'oklch(0.822 0.17 78.88)',\n}\n\nconst red: ColorToken = {\n\tvalue: 'oklch(0.592 0.22 29.018)',\n}\n\nconst orange: ColorToken = {\n\tvalue: 'oklch(0.735 0.175 53.769)',\n}\n\nconst purple: ColorToken = {\n\tvalue: 'oklch(0.661 0.2 293.348)',\n}\n\nconst cyan: ColorToken = {\n\tvalue: 'oklch(0.771 0.135 212.784)',\n}\n\nexport const darkTheme: ThemeConfig = {\n\tname: 'dark',\n\tboxShadows: {\n\t\t100: '0 1px 2px 0 rgba(0, 0, 0, 0.24)',\n\t\t200: '0 2px 6px 0 rgba(0, 0, 0, 0.32)',\n\t\t300: '0 4px 20px 0 rgba(0, 0, 0, 0.40)',\n\t\t400: '0 8px 20px 0 rgba(0, 0, 0, 0.48)',\n\t},\n\tpalette: { fastwork, gray, green, yellow, red, orange, purple, cyan },\n\tcolors: {\n\t\tbg: {\n\t\t\t100: 'oklch(0.97 0.01 260)',\n\t\t\t200: 'oklch(0.92 0.01 260)',\n\t\t},\n\n\t\tsurface: {\n\t\t\t50: 'oklch(0.26 0.02 269 / 1)',\n\t\t\t100: 'oklch(0.3 0.02 269 / 1)',\n\t\t\t200: 'oklch(0.33 0.02 269 / 1)',\n\t\t\t300: 'oklch(0.355 0.02 269 / 1)',\n\t\t\t400: 'oklch(0.37 0.02 269 / 1)',\n\t\t},\n\n\t\tsoft: {\n\t\t\t100: `color-mix(in oklab, var(--xz-color-bg-100) 4%, transparent)`,\n\t\t\t200: `color-mix(in oklab, var(--xz-color-bg-100) 7%, transparent)`,\n\t\t},\n\n\t\tfg: {\n\t\t\t100: 'oklch(0 0 0)',\n\t\t},\n\n\t\ttext: {\n\t\t\t100: 'oklch(0.96 0 0)',\n\t\t\t200: 'color-mix(in oklab, var(--xz-color-text-100) 65%, transparent)',\n\t\t\t300: 'color-mix(in oklab, var(--xz-color-text-100) 55%, transparent)',\n\t\t},\n\n\t\tline: {\n\t\t\t50: 'oklch(0.38 0.02 269 / 0.95)',\n\t\t\t100: 'oklch(0.42 0.02 269 / 0.95)',\n\t\t\t200: 'oklch(0.50 0.02 269 / 0.95)',\n\t\t\t300: 'oklch(0.58 0.02 269 / 0.95)',\n\t\t},\n\n\t\tprimary: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-fastwork)',\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0 / 1)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tdanger: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-red)',\n\t\t\t\t200: `oklch(from var(--xz-color-red) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0 / 1)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tsuccess: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-green)',\n\t\t\t\t200: `oklch(from var(--xz-color-green) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\twarning: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-yellow)',\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tinfo: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-cyan)',\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0 / 0.95)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\torange: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-orange)',\n\t\t\t\t200: `oklch(from var(--xz-color-orange) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tpurple: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-purple)',\n\t\t\t\t200: `oklch(from var(--xz-color-purple) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(0 0 0)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tneutral: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-gray)',\n\t\t\t\t200: `oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\tfg: {\n\t\t\t\t100: 'oklch(1 0 0)',\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.75 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.85 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tblackAlpha: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\n\t\twhiteAlpha: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\n\t\toverlay: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\t},\n}\n","/**\n * Theme registry and exports\n */\n\nexport * from './types'\nexport { lightTheme } from './light'\nexport { darkTheme } from './dark'\n\nimport { lightTheme } from './light'\nimport { darkTheme } from './dark'\nimport type { ThemeRegistry, ThemeConfig, ThemeName } from './types'\n\n/**\n * All available predefined themes\n */\nexport const themes: ThemeRegistry = {\n\tlight: lightTheme,\n\tdark: darkTheme,\n}\n\n/**\n * Get a theme by name\n */\nexport function getTheme(name: ThemeName): ThemeConfig {\n\treturn themes[name]\n}\n\n/**\n * Get all theme names\n */\nexport function getThemeNames(): ThemeName[] {\n\treturn Object.keys(themes) as ThemeName[]\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/tokens/typography.ts","../src/themes/light.ts","../src/themes/dark.ts","../src/themes/index.ts"],"names":["fontSize","fontWeight","fontFamily","primary","secondary","lineHeight","headings","heading1","desktop","mobile","heading2","heading3","heading4","heading5","heading6","titles","title1","title2","title3","title4","subtitles","subtitle1Bold","subtitle1Regular","subtitle2Bold","subtitle2Regular","subtitle3Bold","subtitle3Regular","body","body1","body2","body3","body4","font","typography","fastwork","value","gray","green","yellow","red","orange","purple","cyan","lightTheme","name","boxShadows","palette","colors","bg","surface","text","fg","line","soft","softSolid","danger","success","warning","info","neutral","blackAlpha","whiteAlpha","overlay","darkTheme","themes","light","dark","getTheme","getThemeNames","Object","keys"],"mappings":";;;;AAaO,IAAMA,QAAAA,GAA4B;EACxC,EAAA,EAAI,QAAA;EACJ,GAAA,EAAK,UAAA;EACL,GAAA,EAAK,SAAA;EACL,GAAA,EAAK,UAAA;EACL,GAAA,EAAK,MAAA;EACL,GAAA,EAAK,UAAA;EACL,GAAA,EAAK,SAAA;EACL,GAAA,EAAK,QAAA;EACL,GAAA,EAAK,UAAA;EACL,GAAA,EAAK,MAAA;EACL,GAAA,EAAM,UAAA;EACN,IAAA,EAAM,QAAA;EACN,IAAA,EAAM,WAAA;EACN,IAAA,EAAM,MAAA;EACN,IAAA,EAAM,QAAA;EACN,IAAA,EAAM,MAAA;EACN,IAAA,EAAM;AACP;AAEO,IAAMC,UAAAA,GAA0B;EACtC,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK,GAAA;EACL,GAAA,EAAK;AACN;AAEO,IAAMC,UAAAA,GAAa;EACzBC,OAAAA,EACC,6GAAA;EACDC,SAAAA,EACC;AACF;AAEO,IAAMC,UAAAA,GAAa;EACzB,QAAA,EAAU,GAAA;EACV,QAAA,EAAU,MAAA;EACV,QAAA,EAAU,MAAA;EACV,QAAA,EAAU,KAAA;EACV,QAAA,EAAU,MAAA;EACV,QAAA,EAAU;AACX;AAEA,IAAMC,QAAAA,GAA0B;EAC/BC,QAAAA,EAAU;AACTL,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,IAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAK,QAAAA,EAAU;AACTR,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,IAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAM,QAAAA,EAAU;AACTT,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAO,QAAAA,EAAU;AACTV,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAQ,QAAAA,EAAU;AACTX,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,IAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAS,QAAAA,EAAU;AACTZ,IAAAA,UAAAA,EAAYA,UAAAA,CAAWE,SAAAA;IACvBJ,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB;AACD,CAAA;AAEA,IAAMU,MAAAA,GAAsB;EAC3BC,MAAAA,EAAQ;AACPd,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAY,MAAAA,EAAQ;AACPf,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAa,MAAAA,EAAQ;AACPhB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAc,MAAAA,EAAQ;AACPjB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB;AACD,CAAA;AAEA,IAAMe,SAAAA,GAA4B;EACjCC,aAAAA,EAAe;AACdnB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAiB,gBAAAA,EAAkB;AACjBpB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAkB,aAAAA,EAAe;AACdrB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAmB,gBAAAA,EAAkB;AACjBtB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAoB,aAAAA,EAAe;AACdvB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAqB,gBAAAA,EAAkB;AACjBxB,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB;AACD,CAAA;AAEA,IAAMsB,IAAAA,GAAmB;EACxBC,KAAAA,EAAO;AACN1B,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAwB,KAAAA,EAAO;AACN3B,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACAyB,KAAAA,EAAO;AACN5B,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB,GAAA;EACA0B,KAAAA,EAAO;AACN7B,IAAAA,UAAAA,EAAYA,UAAAA,CAAWC,OAAAA;IACvBH,QAAAA,EAAU;AACTQ,MAAAA,OAAAA,EAASR,SAAS,GAAA,CAAA;AAClBS,MAAAA,MAAAA,EAAQT,SAAS,GAAA;AAClB,KAAA;AACAC,IAAAA,UAAAA,EAAYA,WAAW,GAAA,CAAA;AACvBI,IAAAA,UAAAA,EAAYA,WAAW,QAAA;AACxB;AACD,CAAA;AAGO,IAAM2B,IAAAA,GAAO;EACnB,GAAG1B,QAAAA;EACH,GAAGS,MAAAA;EACH,GAAGK,SAAAA;EACH,GAAGO;AACJ;AAEO,IAAMM,UAAAA,GAAa;AACzBjC,EAAAA,QAAAA;AACAC,EAAAA,UAAAA;AACAC,EAAAA,UAAAA;AACAG,EAAAA,UAAAA;AACA2B,EAAAA;AACD;;;ACvQA,IAAME,QAAAA,GAAuB;EAC5BC,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMC,IAAAA,GAAmB;EACxBD,KAAAA,EAAO;AACR,CAAA;AAEA,IAAME,KAAAA,GAAoB;EACzBF,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMG,MAAAA,GAAqB;EAC1BH,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMI,GAAAA,GAAkB;EACvBJ,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMK,MAAAA,GAAqB;EAC1BL,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMM,MAAAA,GAAqB;EAC1BN,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMO,IAAAA,GAAmB;EACxBP,KAAAA,EAAO;AACR,CAAA;AAEO,IAAMQ,UAAAA,GAA0B;EACtCC,IAAAA,EAAM,OAAA;EACNC,UAAAA,EAAY;IACX,GAAA,EAAK,iCAAA;IACL,GAAA,EAAK,iCAAA;IACL,GAAA,EAAK,kCAAA;IACL,GAAA,EAAK;AACN,GAAA;EACAC,OAAAA,EAAS;AAAEZ,IAAAA,QAAAA;AAAUE,IAAAA,IAAAA;AAAMC,IAAAA,KAAAA;AAAOC,IAAAA,MAAAA;AAAQC,IAAAA,GAAAA;AAAKC,IAAAA,MAAAA;AAAQC,IAAAA,MAAAA;AAAQC,IAAAA;AAAK,GAAA;EACpEK,MAAAA,EAAQ;IACPC,EAAAA,EAAI;MACH,GAAA,EAAK,2BAAA;MACL,GAAA,EAAK;AACN,KAAA;IAEAC,OAAAA,EAAS;MACR,EAAA,EAAI,sBAAA;MACJ,GAAA,EAAK,sBAAA;MACL,GAAA,EAAK,sBAAA;MACL,GAAA,EAAK,sBAAA;MACL,GAAA,EAAK;AACN,KAAA;IAEAC,IAAAA,EAAM;MACLC,EAAAA,EAAI,cAAA;MACJ,GAAA,EAAK,gBAAA;MACL,GAAA,EAAK,gEAAA;MACL,GAAA,EAAK;AACN,KAAA;IAEAC,IAAAA,EAAM;MACL,EAAA,EAAI,6BAAA;MACJ,GAAA,EAAK,6BAAA;MACL,GAAA,EAAK,6BAAA;MACL,GAAA,EAAK;AACN,KAAA;IAEAjD,OAAAA,EAAS;MACRkD,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,mDAAA,CAAA;QACL,GAAA,EAAK,CAAA,mDAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,sGAAA,CAAA;QACL,GAAA,EAAK,CAAA,sGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,+FAAA,CAAA;QACL,GAAA,EAAK,CAAA,+FAAA,CAAA;QACL,GAAA,EAAK,CAAA,+FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,0BAAA;QACL,GAAA,EAAK,CAAA,2DAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,kBAAA;QACJ,GAAA,EAAK,CAAA,iDAAA,CAAA;QACL,GAAA,EAAK,CAAA,gDAAA;AACN;AACD,KAAA;IAEAI,MAAAA,EAAQ;MACPF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,8CAAA,CAAA;QACL,GAAA,EAAK,CAAA,8CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,iGAAA,CAAA;QACL,GAAA,EAAK,CAAA,iGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,0FAAA,CAAA;QACL,GAAA,EAAK,CAAA,0FAAA,CAAA;QACL,GAAA,EAAK,CAAA,0FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,qBAAA;QACL,GAAA,EAAK,CAAA,sDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,kBAAA;QACJ,GAAA,EAAK,CAAA,4CAAA,CAAA;QACL,GAAA,EAAK,CAAA,2CAAA;AACN;AACD,KAAA;IAEAK,OAAAA,EAAS;MACRH,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,gDAAA,CAAA;QACL,GAAA,EAAK,CAAA,gDAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,mGAAA,CAAA;QACL,GAAA,EAAK,CAAA,mGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,4FAAA,CAAA;QACL,GAAA,EAAK,CAAA,4FAAA,CAAA;QACL,GAAA,EAAK,CAAA,4FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,uBAAA;QACL,GAAA,EAAK,CAAA,wDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,qBAAA;QACJ,GAAA,EAAK,CAAA,8CAAA,CAAA;QACL,GAAA,EAAK,CAAA,6CAAA;AACN;AACD,KAAA;IAEAM,OAAAA,EAAS;MACRJ,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,iDAAA,CAAA;QACL,GAAA,EAAK,CAAA,iDAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,oGAAA,CAAA;QACL,GAAA,EAAK,CAAA,oGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,wBAAA;QACL,GAAA,EAAK,CAAA,yDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,qBAAA;QACJ,GAAA,EAAK,CAAA,+CAAA,CAAA;QACL,GAAA,EAAK,CAAA,8CAAA;AACN;AACD,KAAA;IAEAO,IAAAA,EAAM;MACLL,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,+CAAA,CAAA;QACL,GAAA,EAAK,CAAA,+CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,kGAAA,CAAA;QACL,GAAA,EAAK,CAAA,kGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,2FAAA,CAAA;QACL,GAAA,EAAK,CAAA,2FAAA,CAAA;QACL,GAAA,EAAK,CAAA,2FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,sBAAA;QACL,GAAA,EAAK,CAAA,uDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,qBAAA;QACJ,GAAA,EAAK,CAAA,6CAAA,CAAA;QACL,GAAA,EAAK,CAAA,4CAAA;AACN;AACD,KAAA;IAEAX,MAAAA,EAAQ;MACPa,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,iDAAA,CAAA;QACL,GAAA,EAAK,CAAA,iDAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,oGAAA,CAAA;QACL,GAAA,EAAK,CAAA,oGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,wBAAA;QACL,GAAA,EAAK,CAAA,yDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,qBAAA;QACJ,GAAA,EAAK,CAAA,+CAAA,CAAA;QACL,GAAA,EAAK,CAAA,8CAAA;AACN;AACD,KAAA;IAEAV,MAAAA,EAAQ;MACPY,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,iDAAA,CAAA;QACL,GAAA,EAAK,CAAA,iDAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,oGAAA,CAAA;QACL,GAAA,EAAK,CAAA,oGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,wBAAA;QACL,GAAA,EAAK,CAAA,yDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,qBAAA;QACJ,GAAA,EAAK,CAAA,+CAAA,CAAA;QACL,GAAA,EAAK,CAAA,8CAAA;AACN;AACD,KAAA;IAEAQ,OAAAA,EAAS;MACRN,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,+CAAA,CAAA;QACL,GAAA,EAAK,CAAA,+CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,kGAAA,CAAA;QACL,GAAA,EAAK,CAAA,kGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,wFAAA,CAAA;QACL,GAAA,EAAK,CAAA,wFAAA,CAAA;QACL,GAAA,EAAK,CAAA,wFAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,sBAAA;QACL,GAAA,EAAK,CAAA,uDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,cAAA;QACJ,GAAA,EAAK,CAAA,6CAAA,CAAA;QACL,GAAA,EAAK,CAAA,4CAAA;AACN;AACD,KAAA;IAEAS,UAAAA,EAAY;MACX,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAM;AACP,KAAA;IAEAC,UAAAA,EAAY;MACX,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAM;AACP,KAAA;IAEAC,OAAAA,EAAS;MACR,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAM;AACP;AACD;AACD;;;ACpTA,IAAM5B,SAAAA,GAAuB;EAC5BC,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMC,KAAAA,GAAmB;EACxBD,KAAAA,EAAO;AACR,CAAA;AAEA,IAAME,MAAAA,GAAoB;EACzBF,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMG,OAAAA,GAAqB;EAC1BH,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMI,IAAAA,GAAkB;EACvBJ,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMK,OAAAA,GAAqB;EAC1BL,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMM,OAAAA,GAAqB;EAC1BN,KAAAA,EAAO;AACR,CAAA;AAEA,IAAMO,KAAAA,GAAmB;EACxBP,KAAAA,EAAO;AACR,CAAA;AAEO,IAAM4B,SAAAA,GAAyB;EACrCnB,IAAAA,EAAM,MAAA;EACNC,UAAAA,EAAY;IACX,GAAA,EAAK,iCAAA;IACL,GAAA,EAAK,iCAAA;IACL,GAAA,EAAK,kCAAA;IACL,GAAA,EAAK;AACN,GAAA;EACAC,OAAAA,EAAS;IAAEZ,QAAAA,EAAAA,SAAAA;IAAUE,IAAAA,EAAAA,KAAAA;IAAMC,KAAAA,EAAAA,MAAAA;IAAOC,MAAAA,EAAAA,OAAAA;IAAQC,GAAAA,EAAAA,IAAAA;IAAKC,MAAAA,EAAAA,OAAAA;IAAQC,MAAAA,EAAAA,OAAAA;IAAQC,IAAAA,EAAAA;AAAK,GAAA;EACpEK,MAAAA,EAAQ;IACPC,EAAAA,EAAI;MACH,GAAA,EAAK,sBAAA;MACL,GAAA,EAAK;AACN,KAAA;IAEAC,OAAAA,EAAS;MACR,EAAA,EAAI,0BAAA;MACJ,GAAA,EAAK,yBAAA;MACL,GAAA,EAAK,0BAAA;MACL,GAAA,EAAK,2BAAA;MACL,GAAA,EAAK;AACN,KAAA;IAEAC,IAAAA,EAAM;MACLC,EAAAA,EAAI,cAAA;MACJ,GAAA,EAAK,iBAAA;MACL,GAAA,EAAK,gEAAA;MACL,GAAA,EAAK;AACN,KAAA;IAEAC,IAAAA,EAAM;MACL,EAAA,EAAI,6BAAA;MACJ,GAAA,EAAK,6BAAA;MACL,GAAA,EAAK,6BAAA;MACL,GAAA,EAAK;AACN,KAAA;IAEAjD,OAAAA,EAAS;MACRkD,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,iDAAA,CAAA;QACL,GAAA,EAAK,CAAA,iDAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,oGAAA,CAAA;QACL,GAAA,EAAK,CAAA,oGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,+FAAA,CAAA;QACL,GAAA,EAAK,CAAA,+FAAA,CAAA;QACL,GAAA,EAAK,CAAA,+FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,0BAAA;QACL,GAAA,EAAK,CAAA,2DAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,kBAAA;QACJ,GAAA,EAAK,CAAA,mDAAA,CAAA;QACL,GAAA,EAAK,CAAA,mDAAA;AACN;AACD,KAAA;IAEAI,MAAAA,EAAQ;MACPF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,4CAAA,CAAA;QACL,GAAA,EAAK,CAAA,4CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,+FAAA,CAAA;QACL,GAAA,EAAK,CAAA,+FAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,0FAAA,CAAA;QACL,GAAA,EAAK,CAAA,0FAAA,CAAA;QACL,GAAA,EAAK,CAAA,0FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,qBAAA;QACL,GAAA,EAAK,CAAA,sDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,kBAAA;QACJ,GAAA,EAAK,CAAA,8CAAA,CAAA;QACL,GAAA,EAAK,CAAA,8CAAA;AACN;AACD,KAAA;IAEAK,OAAAA,EAAS;MACRH,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,8CAAA,CAAA;QACL,GAAA,EAAK,CAAA,8CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,iGAAA,CAAA;QACL,GAAA,EAAK,CAAA,iGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,4FAAA,CAAA;QACL,GAAA,EAAK,CAAA,4FAAA,CAAA;QACL,GAAA,EAAK,CAAA,4FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,uBAAA;QACL,GAAA,EAAK,CAAA,wDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,qBAAA;QACJ,GAAA,EAAK,CAAA,gDAAA,CAAA;QACL,GAAA,EAAK,CAAA,gDAAA;AACN;AACD,KAAA;IAEAM,OAAAA,EAAS;MACRJ,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,+CAAA,CAAA;QACL,GAAA,EAAK,CAAA,+CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,kGAAA,CAAA;QACL,GAAA,EAAK,CAAA,kGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,wBAAA;QACL,GAAA,EAAK,CAAA,yDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,qBAAA;QACJ,GAAA,EAAK,CAAA,iDAAA,CAAA;QACL,GAAA,EAAK,CAAA,iDAAA;AACN;AACD,KAAA;IAEAO,IAAAA,EAAM;MACLL,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,6CAAA,CAAA;QACL,GAAA,EAAK,CAAA,6CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,gGAAA,CAAA;QACL,GAAA,EAAK,CAAA,gGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,2FAAA,CAAA;QACL,GAAA,EAAK,CAAA,2FAAA,CAAA;QACL,GAAA,EAAK,CAAA,2FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,sBAAA;QACL,GAAA,EAAK,CAAA,uDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,qBAAA;QACJ,GAAA,EAAK,CAAA,+CAAA,CAAA;QACL,GAAA,EAAK,CAAA,+CAAA;AACN;AACD,KAAA;IAEAX,MAAAA,EAAQ;MACPa,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,+CAAA,CAAA;QACL,GAAA,EAAK,CAAA,+CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,kGAAA,CAAA;QACL,GAAA,EAAK,CAAA,kGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,wBAAA;QACL,GAAA,EAAK,CAAA,yDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,cAAA;QACJ,GAAA,EAAK,CAAA,iDAAA,CAAA;QACL,GAAA,EAAK,CAAA,iDAAA;AACN;AACD,KAAA;IAEAV,MAAAA,EAAQ;MACPY,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,+CAAA,CAAA;QACL,GAAA,EAAK,CAAA,+CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,kGAAA,CAAA;QACL,GAAA,EAAK,CAAA,kGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA,CAAA;QACL,GAAA,EAAK,CAAA,6FAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,wBAAA;QACL,GAAA,EAAK,CAAA,yDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,cAAA;QACJ,GAAA,EAAK,CAAA,iDAAA,CAAA;QACL,GAAA,EAAK,CAAA,iDAAA;AACN;AACD,KAAA;IAEAQ,OAAAA,EAAS;MACRN,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,6CAAA,CAAA;QACL,GAAA,EAAK,CAAA,6CAAA;AACN,OAAA;MACAC,SAAAA,EAAW;QACV,GAAA,EAAK,CAAA,gGAAA,CAAA;QACL,GAAA,EAAK,CAAA,gGAAA;AACN,OAAA;MACAF,IAAAA,EAAM;QACL,GAAA,EAAK,CAAA,yFAAA,CAAA;QACL,GAAA,EAAK,CAAA,yFAAA,CAAA;QACL,GAAA,EAAK,CAAA,yFAAA;AACN,OAAA;MACAJ,EAAAA,EAAI;QACH,GAAA,EAAK,sBAAA;QACL,GAAA,EAAK,CAAA,uDAAA;AACN,OAAA;MACAE,IAAAA,EAAM;QACLC,EAAAA,EAAI,cAAA;QACJ,GAAA,EAAK,CAAA,6CAAA,CAAA;QACL,GAAA,EAAK,CAAA,6CAAA;AACN;AACD,KAAA;IAEAS,UAAAA,EAAY;MACX,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAM;AACP,KAAA;IAEAC,UAAAA,EAAY;MACX,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAM;AACP,KAAA;IAEAC,OAAAA,EAAS;MACR,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAK,oBAAA;MACL,GAAA,EAAM;AACP;AACD;AACD;;;ACzSO,IAAME,MAAAA,GAAwB;EACpCC,KAAAA,EAAOtB,UAAAA;EACPuB,IAAAA,EAAMH;AACP;AAKO,SAASI,SAASvB,IAAAA,EAAe;AACvC,EAAA,OAAOoB,OAAOpB,IAAAA,CAAAA;AACf;AAFgBuB,MAAAA,CAAAA,QAAAA,EAAAA,UAAAA,CAAAA;AAOT,SAASC,aAAAA,GAAAA;AACf,EAAA,OAAOC,MAAAA,CAAOC,KAAKN,MAAAA,CAAAA;AACpB;AAFgBI,MAAAA,CAAAA,aAAAA,EAAAA,eAAAA,CAAAA","file":"index.mjs","sourcesContent":["/**\n * Typography design tokens\n */\n\nimport type {\n\tTypographyScale,\n\tFontWeights,\n\tHeadingTokens,\n\tTitleTokens,\n\tSubtitleTokens,\n\tBodyTokens,\n} from '../types'\n\nexport const fontSize: TypographyScale = {\n\t50: '0.5rem', // 8px\n\t100: '0.625rem', // 10px\n\t200: '0.75rem', // 12px\n\t300: '0.875rem', // 14px\n\t400: '1rem', // 16px\n\t500: '1.125rem', // 18px\n\t600: '1.25rem', // 20px\n\t700: '1.5rem', // 24px\n\t800: '1.625rem', // 26px\n\t900: '2rem', // 32px\n\t1000: '2.375rem', // 38px\n\t1100: '2.5rem', // 40px\n\t1200: '2.6875rem', // 43px\n\t1300: '3rem', // 48px\n\t1400: '3.5rem', // 56px\n\t1500: '4rem', // 64px\n\t1600: '4.5rem', // 72px\n}\n\nexport const fontWeight: FontWeights = {\n\t100: 100,\n\t200: 200,\n\t300: 300,\n\t400: 400,\n\t500: 500,\n\t600: 600,\n\t700: 700,\n\t800: 800,\n\t900: 900,\n}\n\nexport const fontFamily = {\n\tprimary:\n\t\t'Google Sans, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'Google Sans, \"Fastwork\", \"Noto Sans Thai\", \"Noto Sans\", -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n}\n\nexport const lineHeight = {\n\t'100pct': '1',\n\t'125pct': '1.25',\n\t'135pct': '1.35',\n\t'150pct': '1.5',\n\t'165pct': '1.65',\n\t'200pct': '2',\n}\n\nconst headings: HeadingTokens = {\n\theading1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1600], // 72px\n\t\t\tmobile: fontSize[1300], // 48px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1500], // 64px\n\t\t\tmobile: fontSize[1200], // 43px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1400], // 56px\n\t\t\tmobile: fontSize[1000], // 38px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1300], // 48px\n\t\t\tmobile: fontSize[900], // 32px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading5: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1100], // 40px\n\t\t\tmobile: fontSize[800], // 26px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\theading6: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[900], // 32px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst titles: TitleTokens = {\n\ttitle1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[700], // 24px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[600], // 20px\n\t\t\tmobile: fontSize[600], // 20px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[500], // 18px\n\t\t\tmobile: fontSize[500], // 18px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\ttitle4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst subtitles: SubtitleTokens = {\n\tsubtitle1Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle1Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle2Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Bold: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tsubtitle3Regular: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\nconst body: BodyTokens = {\n\tbody1: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody2: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody3: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n\tbody4: {\n\t\tfontFamily: fontFamily.primary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[100], // 10px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t\tlineHeight: lineHeight['150pct'],\n\t},\n}\n\n// Combined font tokens for easy access: typography.font.heading1, typography.font.body1, etc.\nexport const font = {\n\t...headings,\n\t...titles,\n\t...subtitles,\n\t...body,\n}\n\nexport const typography = {\n\tfontSize,\n\tfontWeight,\n\tfontFamily,\n\tlineHeight,\n\tfont,\n}\n","import type { ThemeConfig } from './types'\nimport type { ColorToken } from '../types'\n\n// Light theme color tokens\nconst fastwork: ColorToken = {\n\tvalue: 'oklch(0.57 0.237 260.608)',\n}\n\nconst gray: ColorToken = {\n\tvalue: 'oklch(0.613 0.032 259.575)',\n}\n\nconst green: ColorToken = {\n\tvalue: 'oklch(0.703 0.223 143.945)',\n}\n\nconst yellow: ColorToken = {\n\tvalue: 'oklch(0.822 0.17 78.88)',\n}\n\nconst red: ColorToken = {\n\tvalue: 'oklch(0.592 0.22 29.018)',\n}\n\nconst orange: ColorToken = {\n\tvalue: 'oklch(0.735 0.175 53.769)',\n}\n\nconst purple: ColorToken = {\n\tvalue: 'oklch(0.661 0.2 293.348)',\n}\n\nconst cyan: ColorToken = {\n\tvalue: 'oklch(0.771 0.135 212.784)',\n}\n\nexport const lightTheme: ThemeConfig = {\n\tname: 'light',\n\tboxShadows: {\n\t\t100: '0 1px 2px 0 rgba(0, 0, 0, 0.08)',\n\t\t200: '0 2px 6px 0 rgba(0, 0, 0, 0.10)',\n\t\t300: '0 4px 16px 0 rgba(0, 0, 0, 0.12)',\n\t\t400: '0 8px 20px 0 rgba(0, 0, 0, 0.14)',\n\t},\n\tpalette: { fastwork, gray, green, yellow, red, orange, purple, cyan },\n\tcolors: {\n\t\tbg: {\n\t\t\t100: 'oklch(0.312 0.02 260.638)',\n\t\t\t200: 'oklch(0.212 0.02 260.638)',\n\t\t},\n\n\t\tsurface: {\n\t\t\t50: 'oklch(1.00 0.00 260)',\n\t\t\t100: 'oklch(0.98 0.00 260)',\n\t\t\t200: 'oklch(0.96 0.00 260)',\n\t\t\t300: 'oklch(0.95 0.00 260)',\n\t\t\t400: 'oklch(0.92 0.00 260)',\n\t\t},\n\n\t\ttext: {\n\t\t\tfg: 'oklch(1 0 0)',\n\t\t\t100: 'oklch(0.2 0 0)',\n\t\t\t200: 'color-mix(in oklab, var(--xz-color-text-100) 70%, transparent)',\n\t\t\t300: 'color-mix(in oklab, var(--xz-color-text-100) 60%, transparent)',\n\t\t},\n\n\t\tline: {\n\t\t\t50: 'oklch(0.95 0.01 260 / 0.97)',\n\t\t\t100: 'oklch(0.90 0.01 260 / 0.97)',\n\t\t\t200: 'oklch(0.85 0.01 260 / 0.97)',\n\t\t\t300: 'oklch(0.80 0.01 260 / 0.97)',\n\t\t},\n\n\t\tprimary: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-fastwork)',\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0 / 1)',\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tdanger: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-red)',\n\t\t\t\t200: `oklch(from var(--xz-color-red) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0 / 1)',\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tsuccess: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-green)',\n\t\t\t\t200: `oklch(from var(--xz-color-green) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\twarning: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-yellow)',\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tinfo: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-cyan)',\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\torange: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-orange)',\n\t\t\t\t200: `oklch(from var(--xz-color-orange) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tpurple: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-purple)',\n\t\t\t\t200: `oklch(from var(--xz-color-purple) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tneutral: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.8 c h / 0.15)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.8 c h / 0.25)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 15%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-gray)',\n\t\t\t\t200: `oklch(from var(--xz-color-gray) calc(l - 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0)',\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.55 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.4 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tblackAlpha: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\n\t\twhiteAlpha: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\n\t\toverlay: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\t},\n}\n","import type { ThemeConfig } from './types'\nimport type { ColorToken } from '../types'\n\n// Dark theme color tokens\nconst fastwork: ColorToken = {\n\tvalue: 'oklch(0.57 0.237 260.608)',\n}\n\nconst gray: ColorToken = {\n\tvalue: 'oklch(0.613 0.032 259.575)',\n}\n\nconst green: ColorToken = {\n\tvalue: 'oklch(0.703 0.223 143.945)',\n}\n\nconst yellow: ColorToken = {\n\tvalue: 'oklch(0.822 0.17 78.88)',\n}\n\nconst red: ColorToken = {\n\tvalue: 'oklch(0.592 0.22 29.018)',\n}\n\nconst orange: ColorToken = {\n\tvalue: 'oklch(0.735 0.175 53.769)',\n}\n\nconst purple: ColorToken = {\n\tvalue: 'oklch(0.661 0.2 293.348)',\n}\n\nconst cyan: ColorToken = {\n\tvalue: 'oklch(0.771 0.135 212.784)',\n}\n\nexport const darkTheme: ThemeConfig = {\n\tname: 'dark',\n\tboxShadows: {\n\t\t100: '0 1px 2px 0 rgba(0, 0, 0, 0.24)',\n\t\t200: '0 2px 6px 0 rgba(0, 0, 0, 0.32)',\n\t\t300: '0 4px 20px 0 rgba(0, 0, 0, 0.40)',\n\t\t400: '0 8px 20px 0 rgba(0, 0, 0, 0.48)',\n\t},\n\tpalette: { fastwork, gray, green, yellow, red, orange, purple, cyan },\n\tcolors: {\n\t\tbg: {\n\t\t\t100: 'oklch(0.97 0.01 260)',\n\t\t\t200: 'oklch(0.92 0.01 260)',\n\t\t},\n\n\t\tsurface: {\n\t\t\t50: 'oklch(0.26 0.02 269 / 1)',\n\t\t\t100: 'oklch(0.3 0.02 269 / 1)',\n\t\t\t200: 'oklch(0.33 0.02 269 / 1)',\n\t\t\t300: 'oklch(0.355 0.02 269 / 1)',\n\t\t\t400: 'oklch(0.37 0.02 269 / 1)',\n\t\t},\n\n\t\ttext: {\n\t\t\tfg: 'oklch(0 0 0)',\n\t\t\t100: 'oklch(0.96 0 0)',\n\t\t\t200: 'color-mix(in oklab, var(--xz-color-text-100) 65%, transparent)',\n\t\t\t300: 'color-mix(in oklab, var(--xz-color-text-100) 55%, transparent)',\n\t\t},\n\n\t\tline: {\n\t\t\t50: 'oklch(0.38 0.02 269 / 0.95)',\n\t\t\t100: 'oklch(0.42 0.02 269 / 0.95)',\n\t\t\t200: 'oklch(0.50 0.02 269 / 0.95)',\n\t\t\t300: 'oklch(0.58 0.02 269 / 0.95)',\n\t\t},\n\n\t\tprimary: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-fastwork) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-fastwork)',\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0 / 1)',\n\t\t\t\t100: `oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tdanger: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-red) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-red)',\n\t\t\t\t200: `oklch(from var(--xz-color-red) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0 / 1)',\n\t\t\t\t100: `oklch(from var(--xz-color-red) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-red) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tsuccess: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-green) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-green)',\n\t\t\t\t200: `oklch(from var(--xz-color-green) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-green) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-green) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\twarning: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-yellow)',\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tinfo: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-cyan)',\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0 / 0.95)',\n\t\t\t\t100: `oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\torange: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-orange) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-orange)',\n\t\t\t\t200: `oklch(from var(--xz-color-orange) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0)',\n\t\t\t\t100: `oklch(from var(--xz-color-orange) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-orange) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tpurple: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-purple) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-purple)',\n\t\t\t\t200: `oklch(from var(--xz-color-purple) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(0 0 0)',\n\t\t\t\t100: `oklch(from var(--xz-color-purple) 0.75 0.2 h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-purple) 0.85 0.2 h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tneutral: {\n\t\t\tsoft: {\n\t\t\t\t100: `oklch(from var(--xz-color-gray) l c h / 0.10)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) l c h / 0.16)`,\n\t\t\t},\n\t\t\tsoftSolid: {\n\t\t\t\t100: `color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 10%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 16%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tline: {\n\t\t\t\t100: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 25%, var(--xz-color-surface-100))`,\n\t\t\t\t200: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 50%, var(--xz-color-surface-100))`,\n\t\t\t\t300: `color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100))`,\n\t\t\t},\n\t\t\tbg: {\n\t\t\t\t100: 'var(--xz-color-gray)',\n\t\t\t\t200: `oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1)`,\n\t\t\t},\n\t\t\ttext: {\n\t\t\t\tfg: 'oklch(1 0 0)',\n\t\t\t\t100: `oklch(from var(--xz-color-gray) 0.75 c h / 1)`,\n\t\t\t\t200: `oklch(from var(--xz-color-gray) 0.85 c h / 1)`,\n\t\t\t},\n\t\t},\n\n\t\tblackAlpha: {\n\t\t\t100: 'oklch(0 0 0 / 0.1)',\n\t\t\t200: 'oklch(0 0 0 / 0.2)',\n\t\t\t300: 'oklch(0 0 0 / 0.3)',\n\t\t\t400: 'oklch(0 0 0 / 0.4)',\n\t\t\t500: 'oklch(0 0 0 / 0.5)',\n\t\t\t600: 'oklch(0 0 0 / 0.6)',\n\t\t\t700: 'oklch(0 0 0 / 0.7)',\n\t\t\t800: 'oklch(0 0 0 / 0.8)',\n\t\t\t900: 'oklch(0 0 0 / 0.9)',\n\t\t\t1000: 'oklch(0 0 0 / 1)',\n\t\t},\n\n\t\twhiteAlpha: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\n\t\toverlay: {\n\t\t\t100: 'oklch(1 0 0 / 0.1)',\n\t\t\t200: 'oklch(1 0 0 / 0.2)',\n\t\t\t300: 'oklch(1 0 0 / 0.3)',\n\t\t\t400: 'oklch(1 0 0 / 0.4)',\n\t\t\t500: 'oklch(1 0 0 / 0.5)',\n\t\t\t600: 'oklch(1 0 0 / 0.6)',\n\t\t\t700: 'oklch(1 0 0 / 0.7)',\n\t\t\t800: 'oklch(1 0 0 / 0.8)',\n\t\t\t900: 'oklch(1 0 0 / 0.9)',\n\t\t\t1000: 'oklch(1 0 0 / 1)',\n\t\t},\n\t},\n}\n","/**\n * Theme registry and exports\n */\n\nexport * from './types'\nexport { lightTheme } from './light'\nexport { darkTheme } from './dark'\n\nimport { lightTheme } from './light'\nimport { darkTheme } from './dark'\nimport type { ThemeRegistry, ThemeConfig, ThemeName } from './types'\n\n/**\n * All available predefined themes\n */\nexport const themes: ThemeRegistry = {\n\tlight: lightTheme,\n\tdark: darkTheme,\n}\n\n/**\n * Get a theme by name\n */\nexport function getTheme(name: ThemeName): ThemeConfig {\n\treturn themes[name]\n}\n\n/**\n * Get all theme names\n */\nexport function getThemeNames(): ThemeName[] {\n\treturn Object.keys(themes) as ThemeName[]\n}\n"]}
|
package/dist/llms.txt
CHANGED
|
@@ -83,12 +83,10 @@ Base tokens cover surfaces, text, borders, and neutral overlays. They are theme-
|
|
|
83
83
|
| `--xz-color-surface-400` | Tertiary elevated surface | Popover, dropdown menu, tooltip, context menu, autocomplete suggestion list, command palette |
|
|
84
84
|
| `--xz-color-bg-100` | Extreme base (near-black in light) | Footer dark band, inverted hero section, dark navbar, cookie banner |
|
|
85
85
|
| `--xz-color-bg-200` | Secondary extreme base | Dark sidebar variant, secondary inverted section, code block background |
|
|
86
|
-
| `--xz-color-fg
|
|
86
|
+
| `--xz-color-text-fg` | Text/icon on bg-100 / bg-200 | White text on dark footer, icon on inverted navbar, button text on dark hero CTA |
|
|
87
87
|
| `--xz-color-text-100` | Primary text | Body text, headings, button labels, nav links, input values, table cell text |
|
|
88
88
|
| `--xz-color-text-200` | Secondary / muted text (70%) | Timestamps, helper text below inputs, subtitle under heading, metadata, breadcrumb inactive items |
|
|
89
89
|
| `--xz-color-text-300` | Disabled / placeholder text (60%) | Input placeholder, disabled button text, watermark text, empty state hint |
|
|
90
|
-
| `--xz-color-soft-100` | Very subtle neutral overlay (5%) | Hover highlight on table rows, subtle active state on sidebar items, zebra stripe alternate row |
|
|
91
|
-
| `--xz-color-soft-200` | Subtle neutral overlay (10%) | Selected/active row in list, pressed state on neutral elements, drag-over drop zone highlight |
|
|
92
90
|
| `--xz-color-line-50` | Subtle border | Horizontal divider between list items, subtle card border, separator between nav sections |
|
|
93
91
|
| `--xz-color-line-100` | Default border | Input border, card border, table cell border, tab bar bottom border |
|
|
94
92
|
| `--xz-color-line-200` | Emphasized border | Active/focus input border, emphasized separator, selected tab underline, strong divider |
|
|
@@ -115,7 +113,7 @@ Replace `{name}` with the category:
|
|
|
115
113
|
| `--xz-color-{name}-line-300` | Strong colored border |
|
|
116
114
|
| `--xz-color-{name}-bg-100` | Solid fill background — buttons, chips, badges |
|
|
117
115
|
| `--xz-color-{name}-bg-200` | Solid fill hover/pressed state |
|
|
118
|
-
| `--xz-color-{name}-fg
|
|
116
|
+
| `--xz-color-{name}-text-fg` | Text/icon on solid bg — **always pair with bg-100 / bg-200** |
|
|
119
117
|
| `--xz-color-{name}-text-100` | Colored text on light surfaces — links, status labels |
|
|
120
118
|
|
|
121
119
|
> **`neutral` exception:** also includes `--xz-color-neutral-text-200` — Muted neutral text, lighter than `text-100`. Use for supporting content, secondary labels.
|
|
@@ -137,7 +135,7 @@ When choosing a category, match the **intent** of the UI element:
|
|
|
137
135
|
|
|
138
136
|
### Key Rules for Semantic Tokens
|
|
139
137
|
|
|
140
|
-
- **`bg-100` + `fg
|
|
138
|
+
- **`bg-100` + `text-fg`**: Solid fill components (buttons, solid badges). `text-fg` provides correct contrast (white or dark depending on the category color).
|
|
141
139
|
- **`soft-100` + `text-100` + `line-100`**: Soft/tinted style (alerts, soft badges, highlighted rows).
|
|
142
140
|
- **`soft-solid-*`**: Use instead of `soft-*` when the component sits on a non-transparent surface. Example: a success badge inside a card (`surface-200`) — use `soft-solid-100` so the tint mixes with the surface color and doesn't show the card color bleeding through. If the badge were on the page background directly, `soft-100` (transparent) is fine.
|
|
143
141
|
- **`text-100`**: Use for colored text that sits on surface backgrounds (not on solid fills). Examples: link text, status label text, tag text.
|
|
@@ -188,7 +186,7 @@ These use a 100–1000 scale representing opacity from 0.1 to 1.0.
|
|
|
188
186
|
| Nested card or secondary panel | `--xz-color-surface-300` |
|
|
189
187
|
| Popover, dropdown, tooltip | `--xz-color-surface-400` |
|
|
190
188
|
| Inverted/dark block on page | `--xz-color-bg-100` |
|
|
191
|
-
| Text on inverted block | `--xz-color-fg
|
|
189
|
+
| Text on inverted block | `--xz-color-text-fg` |
|
|
192
190
|
|
|
193
191
|
### Text
|
|
194
192
|
|
|
@@ -213,7 +211,7 @@ These use a 100–1000 scale representing opacity from 0.1 to 1.0.
|
|
|
213
211
|
|
|
214
212
|
```
|
|
215
213
|
background: --xz-color-{name}-bg-100
|
|
216
|
-
color: --xz-color-{name}-fg
|
|
214
|
+
color: --xz-color-{name}-text-fg ← always use text-fg on bg-100
|
|
217
215
|
hover bg: --xz-color-{name}-bg-200
|
|
218
216
|
```
|
|
219
217
|
|
|
@@ -255,7 +253,7 @@ background: --xz-color-overlay-600
|
|
|
255
253
|
```css
|
|
256
254
|
.btn-primary {
|
|
257
255
|
background: var(--xz-color-primary-bg-100);
|
|
258
|
-
color: var(--xz-color-primary-fg
|
|
256
|
+
color: var(--xz-color-primary-text-fg);
|
|
259
257
|
border: none;
|
|
260
258
|
}
|
|
261
259
|
.btn-primary:hover {
|
|
@@ -281,7 +279,7 @@ background: --xz-color-overlay-600
|
|
|
281
279
|
```css
|
|
282
280
|
.btn-danger {
|
|
283
281
|
background: var(--xz-color-danger-bg-100);
|
|
284
|
-
color: var(--xz-color-danger-fg
|
|
282
|
+
color: var(--xz-color-danger-text-fg);
|
|
285
283
|
border: none;
|
|
286
284
|
}
|
|
287
285
|
.btn-danger:hover {
|
|
@@ -339,7 +337,7 @@ background: --xz-color-overlay-600
|
|
|
339
337
|
```css
|
|
340
338
|
.badge-danger-solid {
|
|
341
339
|
background: var(--xz-color-danger-bg-100);
|
|
342
|
-
color: var(--xz-color-danger-fg
|
|
340
|
+
color: var(--xz-color-danger-text-fg);
|
|
343
341
|
}
|
|
344
342
|
```
|
|
345
343
|
|
|
@@ -395,7 +393,7 @@ background: --xz-color-overlay-600
|
|
|
395
393
|
.sidebar { background: var(--xz-color-surface-200); }
|
|
396
394
|
.sidebar-item { color: var(--xz-color-text-200); }
|
|
397
395
|
.sidebar-item:hover {
|
|
398
|
-
background: var(--xz-color-soft-100);
|
|
396
|
+
background: var(--xz-color-neutral-soft-100);
|
|
399
397
|
color: var(--xz-color-text-100);
|
|
400
398
|
}
|
|
401
399
|
.sidebar-item.active {
|
|
@@ -414,7 +412,7 @@ background: --xz-color-overlay-600
|
|
|
414
412
|
.table { border: 1px solid var(--xz-color-line-100); }
|
|
415
413
|
.table th { background: var(--xz-color-surface-300); font: var(--xz-font-subtitle2-bold); color: var(--xz-color-text-100); }
|
|
416
414
|
.table td { border-top: 1px solid var(--xz-color-line-50); font: var(--xz-font-body2); color: var(--xz-color-text-100); }
|
|
417
|
-
.table tr:hover { background: var(--xz-color-soft-100); }
|
|
415
|
+
.table tr:hover { background: var(--xz-color-neutral-soft-100); }
|
|
418
416
|
.table tr.selected { background: var(--xz-color-primary-soft-100); }
|
|
419
417
|
```
|
|
420
418
|
|
|
@@ -422,7 +420,7 @@ background: --xz-color-overlay-600
|
|
|
422
420
|
|
|
423
421
|
```css
|
|
424
422
|
.tab { color: var(--xz-color-neutral-text-100); border-bottom: 2px solid transparent; }
|
|
425
|
-
.tab:hover { color: var(--xz-color-text-100); background: var(--xz-color-soft-100); }
|
|
423
|
+
.tab:hover { color: var(--xz-color-text-100); background: var(--xz-color-neutral-soft-100); }
|
|
426
424
|
.tab.active { color: var(--xz-color-primary-text-100); border-bottom-color: var(--xz-color-primary-bg-100); }
|
|
427
425
|
```
|
|
428
426
|
|
|
@@ -465,7 +463,7 @@ background: --xz-color-overlay-600
|
|
|
465
463
|
|
|
466
464
|
```css
|
|
467
465
|
.skeleton {
|
|
468
|
-
background: var(--xz-color-soft-200);
|
|
466
|
+
background: var(--xz-color-neutral-soft-200);
|
|
469
467
|
border-radius: 4px;
|
|
470
468
|
animation: skeleton-pulse 1.5s ease-in-out infinite;
|
|
471
469
|
}
|
|
@@ -481,15 +479,15 @@ background: --xz-color-overlay-600
|
|
|
481
479
|
.pricing-card.featured { border-color: var(--xz-color-primary-line-200); }
|
|
482
480
|
.pricing-price { font: var(--xz-font-heading5); color: var(--xz-color-text-100); }
|
|
483
481
|
.pricing-period { font: var(--xz-font-body3); color: var(--xz-color-text-200); }
|
|
484
|
-
.pricing-cta-primary { background: var(--xz-color-primary-bg-100); color: var(--xz-color-primary-fg
|
|
482
|
+
.pricing-cta-primary { background: var(--xz-color-primary-bg-100); color: var(--xz-color-primary-text-fg); }
|
|
485
483
|
.pricing-cta-secondary { background: transparent; color: var(--xz-color-neutral-text-100); border: 1px solid var(--xz-color-neutral-line-200); }
|
|
486
484
|
```
|
|
487
485
|
|
|
488
486
|
### Stepper / Progress
|
|
489
487
|
|
|
490
488
|
```css
|
|
491
|
-
.step.completed .step-circle { background: var(--xz-color-success-bg-100); color: var(--xz-color-success-fg
|
|
492
|
-
.step.current .step-circle { background: var(--xz-color-primary-bg-100); color: var(--xz-color-primary-fg
|
|
489
|
+
.step.completed .step-circle { background: var(--xz-color-success-bg-100); color: var(--xz-color-success-text-fg); }
|
|
490
|
+
.step.current .step-circle { background: var(--xz-color-primary-bg-100); color: var(--xz-color-primary-text-fg); }
|
|
493
491
|
.step.pending .step-circle { background: var(--xz-color-neutral-soft-100); color: var(--xz-color-neutral-text-200); }
|
|
494
492
|
.step-connector.completed { background: var(--xz-color-success-bg-100); }
|
|
495
493
|
.step-connector.pending { background: var(--xz-color-line-100); }
|
|
@@ -522,7 +520,7 @@ Figma uses slash-separated paths. The mapping to CSS is direct:
|
|
|
522
520
|
|
|
523
521
|
### Complete Figma → CSS Mapping
|
|
524
522
|
|
|
525
|
-
#### Base (
|
|
523
|
+
#### Base (15 variables)
|
|
526
524
|
|
|
527
525
|
| Figma Variable | CSS Variable |
|
|
528
526
|
|---|---|
|
|
@@ -533,9 +531,7 @@ Figma uses slash-separated paths. The mapping to CSS is direct:
|
|
|
533
531
|
| `theme/base/surface/200` | `--xz-color-surface-200` |
|
|
534
532
|
| `theme/base/surface/300` | `--xz-color-surface-300` |
|
|
535
533
|
| `theme/base/surface/400` | `--xz-color-surface-400` |
|
|
536
|
-
| `theme/base/fg
|
|
537
|
-
| `theme/base/soft/100` | `--xz-color-soft-100` |
|
|
538
|
-
| `theme/base/soft/200` | `--xz-color-soft-200` |
|
|
534
|
+
| `theme/base/text/fg` | `--xz-color-text-fg` |
|
|
539
535
|
| `theme/base/text/100` | `--xz-color-text-100` |
|
|
540
536
|
| `theme/base/text/200` | `--xz-color-text-200` |
|
|
541
537
|
| `theme/base/text/300` | `--xz-color-text-300` |
|
|
@@ -559,7 +555,7 @@ Same pattern for all 8 categories: `primary`, `danger`, `success`, `warning`, `i
|
|
|
559
555
|
| `theme/{name}/line/300` | `--xz-color-{name}-line-300` |
|
|
560
556
|
| `theme/{name}/bg/100` | `--xz-color-{name}-bg-100` |
|
|
561
557
|
| `theme/{name}/bg/200` | `--xz-color-{name}-bg-200` |
|
|
562
|
-
| `theme/{name}/fg
|
|
558
|
+
| `theme/{name}/text/fg` | `--xz-color-{name}-text-fg` |
|
|
563
559
|
| `theme/{name}/text/100` | `--xz-color-{name}-text-100` |
|
|
564
560
|
|
|
565
561
|
> **`neutral` exception:** also includes `theme/neutral/text/200` → `--xz-color-neutral-text-200`.
|
|
@@ -633,7 +629,7 @@ Same pattern for all 8 categories: `primary`, `danger`, `success`, `warning`, `i
|
|
|
633
629
|
- Always use `theme/*` variables for component fills, text colors, and stroke colors
|
|
634
630
|
- Use `palette/*` variables only as references — not directly on components
|
|
635
631
|
- Use `theme/base/surface/100` for page backgrounds, `theme/base/surface/200` for cards
|
|
636
|
-
- Use `theme/{name}/bg/100` for solid-filled elements and `theme/{name}/fg
|
|
632
|
+
- Use `theme/{name}/bg/100` for solid-filled elements and `theme/{name}/text/fg` for text on top of them
|
|
637
633
|
- Switch between Light/Dark previews using the **Mode** toggle on the variable collection
|
|
638
634
|
|
|
639
635
|
### Keeping Figma in Sync with Code
|
package/dist/themes/dark.css
CHANGED
|
@@ -18,12 +18,10 @@
|
|
|
18
18
|
--xz-color-surface-200: oklch(0.33 0.02 269 / 1);
|
|
19
19
|
--xz-color-surface-300: oklch(0.355 0.02 269 / 1);
|
|
20
20
|
--xz-color-surface-400: oklch(0.37 0.02 269 / 1);
|
|
21
|
-
--xz-color-soft-100: color-mix(in oklab, var(--xz-color-bg-100) 4%, transparent);
|
|
22
|
-
--xz-color-soft-200: color-mix(in oklab, var(--xz-color-bg-100) 7%, transparent);
|
|
23
|
-
--xz-color-fg-100: oklch(0 0 0);
|
|
24
21
|
--xz-color-text-100: oklch(0.96 0 0);
|
|
25
22
|
--xz-color-text-200: color-mix(in oklab, var(--xz-color-text-100) 65%, transparent);
|
|
26
23
|
--xz-color-text-300: color-mix(in oklab, var(--xz-color-text-100) 55%, transparent);
|
|
24
|
+
--xz-color-text-fg: oklch(0 0 0);
|
|
27
25
|
--xz-color-line-50: oklch(0.38 0.02 269 / 0.95);
|
|
28
26
|
--xz-color-line-100: oklch(0.42 0.02 269 / 0.95);
|
|
29
27
|
--xz-color-line-200: oklch(0.50 0.02 269 / 0.95);
|
|
@@ -37,9 +35,9 @@
|
|
|
37
35
|
--xz-color-primary-line-300: color-mix(oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
|
|
38
36
|
--xz-color-primary-bg-100: var(--xz-color-fastwork);
|
|
39
37
|
--xz-color-primary-bg-200: oklch(from var(--xz-color-fastwork) calc(l + 0.05) c h / 1);
|
|
40
|
-
--xz-color-primary-fg-100: oklch(1 0 0 / 1);
|
|
41
38
|
--xz-color-primary-text-100: oklch(from var(--xz-color-fastwork) 0.75 0.2 h / 1);
|
|
42
39
|
--xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.85 0.2 h / 1);
|
|
40
|
+
--xz-color-primary-text-fg: oklch(1 0 0 / 1);
|
|
43
41
|
--xz-color-danger-soft-100: oklch(from var(--xz-color-red) l c h / 0.10);
|
|
44
42
|
--xz-color-danger-soft-200: oklch(from var(--xz-color-red) l c h / 0.16);
|
|
45
43
|
--xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) l c h / 1) 10%, var(--xz-color-surface-100));
|
|
@@ -49,9 +47,9 @@
|
|
|
49
47
|
--xz-color-danger-line-300: color-mix(oklch(from var(--xz-color-red) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
|
|
50
48
|
--xz-color-danger-bg-100: var(--xz-color-red);
|
|
51
49
|
--xz-color-danger-bg-200: oklch(from var(--xz-color-red) calc(l + 0.05) c h / 1);
|
|
52
|
-
--xz-color-danger-fg-100: oklch(1 0 0 / 1);
|
|
53
50
|
--xz-color-danger-text-100: oklch(from var(--xz-color-red) 0.75 0.2 h / 1);
|
|
54
51
|
--xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.85 0.2 h / 1);
|
|
52
|
+
--xz-color-danger-text-fg: oklch(1 0 0 / 1);
|
|
55
53
|
--xz-color-success-soft-100: oklch(from var(--xz-color-green) l c h / 0.10);
|
|
56
54
|
--xz-color-success-soft-200: oklch(from var(--xz-color-green) l c h / 0.16);
|
|
57
55
|
--xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) l c h / 1) 10%, var(--xz-color-surface-100));
|
|
@@ -61,9 +59,9 @@
|
|
|
61
59
|
--xz-color-success-line-300: color-mix(oklch(from var(--xz-color-green) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
|
|
62
60
|
--xz-color-success-bg-100: var(--xz-color-green);
|
|
63
61
|
--xz-color-success-bg-200: oklch(from var(--xz-color-green) calc(l + 0.05) c h / 1);
|
|
64
|
-
--xz-color-success-fg-100: oklch(0 0 0 / 0.95);
|
|
65
62
|
--xz-color-success-text-100: oklch(from var(--xz-color-green) 0.75 0.2 h / 1);
|
|
66
63
|
--xz-color-success-text-200: oklch(from var(--xz-color-green) 0.85 0.2 h / 1);
|
|
64
|
+
--xz-color-success-text-fg: oklch(0 0 0 / 0.95);
|
|
67
65
|
--xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) l c h / 0.10);
|
|
68
66
|
--xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) l c h / 0.16);
|
|
69
67
|
--xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) l c h / 1) 10%, var(--xz-color-surface-100));
|
|
@@ -73,9 +71,9 @@
|
|
|
73
71
|
--xz-color-warning-line-300: color-mix(oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
|
|
74
72
|
--xz-color-warning-bg-100: var(--xz-color-yellow);
|
|
75
73
|
--xz-color-warning-bg-200: oklch(from var(--xz-color-yellow) calc(l + 0.05) c h / 1);
|
|
76
|
-
--xz-color-warning-fg-100: oklch(0 0 0 / 0.95);
|
|
77
74
|
--xz-color-warning-text-100: oklch(from var(--xz-color-yellow) 0.75 0.2 h / 1);
|
|
78
75
|
--xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.85 0.2 h / 1);
|
|
76
|
+
--xz-color-warning-text-fg: oklch(0 0 0 / 0.95);
|
|
79
77
|
--xz-color-info-soft-100: oklch(from var(--xz-color-cyan) l c h / 0.10);
|
|
80
78
|
--xz-color-info-soft-200: oklch(from var(--xz-color-cyan) l c h / 0.16);
|
|
81
79
|
--xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) l c h / 1) 10%, var(--xz-color-surface-100));
|
|
@@ -85,9 +83,9 @@
|
|
|
85
83
|
--xz-color-info-line-300: color-mix(oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
|
|
86
84
|
--xz-color-info-bg-100: var(--xz-color-cyan);
|
|
87
85
|
--xz-color-info-bg-200: oklch(from var(--xz-color-cyan) calc(l + 0.05) c h / 1);
|
|
88
|
-
--xz-color-info-fg-100: oklch(0 0 0 / 0.95);
|
|
89
86
|
--xz-color-info-text-100: oklch(from var(--xz-color-cyan) 0.75 0.2 h / 1);
|
|
90
87
|
--xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.85 0.2 h / 1);
|
|
88
|
+
--xz-color-info-text-fg: oklch(0 0 0 / 0.95);
|
|
91
89
|
--xz-color-orange-soft-100: oklch(from var(--xz-color-orange) l c h / 0.10);
|
|
92
90
|
--xz-color-orange-soft-200: oklch(from var(--xz-color-orange) l c h / 0.16);
|
|
93
91
|
--xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) l c h / 1) 10%, var(--xz-color-surface-100));
|
|
@@ -97,9 +95,9 @@
|
|
|
97
95
|
--xz-color-orange-line-300: color-mix(oklch(from var(--xz-color-orange) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
|
|
98
96
|
--xz-color-orange-bg-100: var(--xz-color-orange);
|
|
99
97
|
--xz-color-orange-bg-200: oklch(from var(--xz-color-orange) calc(l + 0.05) c h / 1);
|
|
100
|
-
--xz-color-orange-fg-100: oklch(0 0 0);
|
|
101
98
|
--xz-color-orange-text-100: oklch(from var(--xz-color-orange) 0.75 0.2 h / 1);
|
|
102
99
|
--xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.85 0.2 h / 1);
|
|
100
|
+
--xz-color-orange-text-fg: oklch(0 0 0);
|
|
103
101
|
--xz-color-purple-soft-100: oklch(from var(--xz-color-purple) l c h / 0.10);
|
|
104
102
|
--xz-color-purple-soft-200: oklch(from var(--xz-color-purple) l c h / 0.16);
|
|
105
103
|
--xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) l c h / 1) 10%, var(--xz-color-surface-100));
|
|
@@ -109,9 +107,9 @@
|
|
|
109
107
|
--xz-color-purple-line-300: color-mix(oklch(from var(--xz-color-purple) 0.75 0.2 h / 1) 65%, var(--xz-color-surface-100));
|
|
110
108
|
--xz-color-purple-bg-100: var(--xz-color-purple);
|
|
111
109
|
--xz-color-purple-bg-200: oklch(from var(--xz-color-purple) calc(l + 0.05) c h / 1);
|
|
112
|
-
--xz-color-purple-fg-100: oklch(0 0 0);
|
|
113
110
|
--xz-color-purple-text-100: oklch(from var(--xz-color-purple) 0.75 0.2 h / 1);
|
|
114
111
|
--xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.85 0.2 h / 1);
|
|
112
|
+
--xz-color-purple-text-fg: oklch(0 0 0);
|
|
115
113
|
--xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) l c h / 0.10);
|
|
116
114
|
--xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) l c h / 0.16);
|
|
117
115
|
--xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) l c h / 1) 10%, var(--xz-color-surface-100));
|
|
@@ -121,9 +119,9 @@
|
|
|
121
119
|
--xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.75 c h / 1) 65%, var(--xz-color-surface-100));
|
|
122
120
|
--xz-color-neutral-bg-100: var(--xz-color-gray);
|
|
123
121
|
--xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l + 0.05) c h / 1);
|
|
124
|
-
--xz-color-neutral-fg-100: oklch(1 0 0);
|
|
125
122
|
--xz-color-neutral-text-100: oklch(from var(--xz-color-gray) 0.75 c h / 1);
|
|
126
123
|
--xz-color-neutral-text-200: oklch(from var(--xz-color-gray) 0.85 c h / 1);
|
|
124
|
+
--xz-color-neutral-text-fg: oklch(1 0 0);
|
|
127
125
|
--xz-color-black-alpha-100: oklch(0 0 0 / 0.1);
|
|
128
126
|
--xz-color-black-alpha-200: oklch(0 0 0 / 0.2);
|
|
129
127
|
--xz-color-black-alpha-300: oklch(0 0 0 / 0.3);
|
package/dist/themes/light.css
CHANGED
|
@@ -18,12 +18,10 @@
|
|
|
18
18
|
--xz-color-surface-200: oklch(0.96 0.00 260);
|
|
19
19
|
--xz-color-surface-300: oklch(0.95 0.00 260);
|
|
20
20
|
--xz-color-surface-400: oklch(0.92 0.00 260);
|
|
21
|
-
--xz-color-fg-100: oklch(1 0 0);
|
|
22
|
-
--xz-color-soft-100: color-mix(in oklab, var(--xz-color-bg-100) 4%, transparent);
|
|
23
|
-
--xz-color-soft-200: color-mix(in oklab, var(--xz-color-bg-100) 7%, transparent);
|
|
24
21
|
--xz-color-text-100: oklch(0.2 0 0);
|
|
25
22
|
--xz-color-text-200: color-mix(in oklab, var(--xz-color-text-100) 70%, transparent);
|
|
26
23
|
--xz-color-text-300: color-mix(in oklab, var(--xz-color-text-100) 60%, transparent);
|
|
24
|
+
--xz-color-text-fg: oklch(1 0 0);
|
|
27
25
|
--xz-color-line-50: oklch(0.95 0.01 260 / 0.97);
|
|
28
26
|
--xz-color-line-100: oklch(0.90 0.01 260 / 0.97);
|
|
29
27
|
--xz-color-line-200: oklch(0.85 0.01 260 / 0.97);
|
|
@@ -37,9 +35,9 @@
|
|
|
37
35
|
--xz-color-primary-line-300: color-mix(oklch(from var(--xz-color-fastwork) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
|
|
38
36
|
--xz-color-primary-bg-100: var(--xz-color-fastwork);
|
|
39
37
|
--xz-color-primary-bg-200: oklch(from var(--xz-color-fastwork) calc(l - 0.05) c h / 1);
|
|
40
|
-
--xz-color-primary-fg-100: oklch(1 0 0 / 1);
|
|
41
38
|
--xz-color-primary-text-100: oklch(from var(--xz-color-fastwork) 0.55 c h / 1);
|
|
42
39
|
--xz-color-primary-text-200: oklch(from var(--xz-color-fastwork) 0.4 c h / 1);
|
|
40
|
+
--xz-color-primary-text-fg: oklch(1 0 0 / 1);
|
|
43
41
|
--xz-color-danger-soft-100: oklch(from var(--xz-color-red) 0.8 c h / 0.15);
|
|
44
42
|
--xz-color-danger-soft-200: oklch(from var(--xz-color-red) 0.8 c h / 0.25);
|
|
45
43
|
--xz-color-danger-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-red) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
|
|
@@ -49,9 +47,9 @@
|
|
|
49
47
|
--xz-color-danger-line-300: color-mix(oklch(from var(--xz-color-red) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
|
|
50
48
|
--xz-color-danger-bg-100: var(--xz-color-red);
|
|
51
49
|
--xz-color-danger-bg-200: oklch(from var(--xz-color-red) calc(l - 0.05) c h / 1);
|
|
52
|
-
--xz-color-danger-fg-100: oklch(1 0 0 / 1);
|
|
53
50
|
--xz-color-danger-text-100: oklch(from var(--xz-color-red) 0.55 c h / 1);
|
|
54
51
|
--xz-color-danger-text-200: oklch(from var(--xz-color-red) 0.4 c h / 1);
|
|
52
|
+
--xz-color-danger-text-fg: oklch(1 0 0 / 1);
|
|
55
53
|
--xz-color-success-soft-100: oklch(from var(--xz-color-green) 0.8 c h / 0.15);
|
|
56
54
|
--xz-color-success-soft-200: oklch(from var(--xz-color-green) 0.8 c h / 0.25);
|
|
57
55
|
--xz-color-success-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-green) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
|
|
@@ -61,9 +59,9 @@
|
|
|
61
59
|
--xz-color-success-line-300: color-mix(oklch(from var(--xz-color-green) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
|
|
62
60
|
--xz-color-success-bg-100: var(--xz-color-green);
|
|
63
61
|
--xz-color-success-bg-200: oklch(from var(--xz-color-green) calc(l - 0.05) c h / 1);
|
|
64
|
-
--xz-color-success-fg-100: oklch(0 0 0 / 0.95);
|
|
65
62
|
--xz-color-success-text-100: oklch(from var(--xz-color-green) 0.55 c h / 1);
|
|
66
63
|
--xz-color-success-text-200: oklch(from var(--xz-color-green) 0.4 c h / 1);
|
|
64
|
+
--xz-color-success-text-fg: oklch(0 0 0 / 0.95);
|
|
67
65
|
--xz-color-warning-soft-100: oklch(from var(--xz-color-yellow) 0.8 c h / 0.15);
|
|
68
66
|
--xz-color-warning-soft-200: oklch(from var(--xz-color-yellow) 0.8 c h / 0.25);
|
|
69
67
|
--xz-color-warning-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-yellow) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
|
|
@@ -73,9 +71,9 @@
|
|
|
73
71
|
--xz-color-warning-line-300: color-mix(oklch(from var(--xz-color-yellow) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
|
|
74
72
|
--xz-color-warning-bg-100: var(--xz-color-yellow);
|
|
75
73
|
--xz-color-warning-bg-200: oklch(from var(--xz-color-yellow) calc(l - 0.05) c h / 1);
|
|
76
|
-
--xz-color-warning-fg-100: oklch(0 0 0 / 0.95);
|
|
77
74
|
--xz-color-warning-text-100: oklch(from var(--xz-color-yellow) 0.55 c h / 1);
|
|
78
75
|
--xz-color-warning-text-200: oklch(from var(--xz-color-yellow) 0.4 c h / 1);
|
|
76
|
+
--xz-color-warning-text-fg: oklch(0 0 0 / 0.95);
|
|
79
77
|
--xz-color-info-soft-100: oklch(from var(--xz-color-cyan) 0.8 c h / 0.15);
|
|
80
78
|
--xz-color-info-soft-200: oklch(from var(--xz-color-cyan) 0.8 c h / 0.25);
|
|
81
79
|
--xz-color-info-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-cyan) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
|
|
@@ -85,9 +83,9 @@
|
|
|
85
83
|
--xz-color-info-line-300: color-mix(oklch(from var(--xz-color-cyan) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
|
|
86
84
|
--xz-color-info-bg-100: var(--xz-color-cyan);
|
|
87
85
|
--xz-color-info-bg-200: oklch(from var(--xz-color-cyan) calc(l - 0.05) c h / 1);
|
|
88
|
-
--xz-color-info-fg-100: oklch(0 0 0 / 0.95);
|
|
89
86
|
--xz-color-info-text-100: oklch(from var(--xz-color-cyan) 0.55 c h / 1);
|
|
90
87
|
--xz-color-info-text-200: oklch(from var(--xz-color-cyan) 0.4 c h / 1);
|
|
88
|
+
--xz-color-info-text-fg: oklch(0 0 0 / 0.95);
|
|
91
89
|
--xz-color-orange-soft-100: oklch(from var(--xz-color-orange) 0.8 c h / 0.15);
|
|
92
90
|
--xz-color-orange-soft-200: oklch(from var(--xz-color-orange) 0.8 c h / 0.25);
|
|
93
91
|
--xz-color-orange-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-orange) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
|
|
@@ -97,9 +95,9 @@
|
|
|
97
95
|
--xz-color-orange-line-300: color-mix(oklch(from var(--xz-color-orange) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
|
|
98
96
|
--xz-color-orange-bg-100: var(--xz-color-orange);
|
|
99
97
|
--xz-color-orange-bg-200: oklch(from var(--xz-color-orange) calc(l - 0.05) c h / 1);
|
|
100
|
-
--xz-color-orange-fg-100: oklch(0 0 0 / 0.95);
|
|
101
98
|
--xz-color-orange-text-100: oklch(from var(--xz-color-orange) 0.55 c h / 1);
|
|
102
99
|
--xz-color-orange-text-200: oklch(from var(--xz-color-orange) 0.4 c h / 1);
|
|
100
|
+
--xz-color-orange-text-fg: oklch(0 0 0 / 0.95);
|
|
103
101
|
--xz-color-purple-soft-100: oklch(from var(--xz-color-purple) 0.8 c h / 0.15);
|
|
104
102
|
--xz-color-purple-soft-200: oklch(from var(--xz-color-purple) 0.8 c h / 0.25);
|
|
105
103
|
--xz-color-purple-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-purple) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
|
|
@@ -109,9 +107,9 @@
|
|
|
109
107
|
--xz-color-purple-line-300: color-mix(oklch(from var(--xz-color-purple) 0.5 0.23 h / 1) 65%, var(--xz-color-surface-100));
|
|
110
108
|
--xz-color-purple-bg-100: var(--xz-color-purple);
|
|
111
109
|
--xz-color-purple-bg-200: oklch(from var(--xz-color-purple) calc(l - 0.05) c h / 1);
|
|
112
|
-
--xz-color-purple-fg-100: oklch(0 0 0 / 0.95);
|
|
113
110
|
--xz-color-purple-text-100: oklch(from var(--xz-color-purple) 0.55 c h / 1);
|
|
114
111
|
--xz-color-purple-text-200: oklch(from var(--xz-color-purple) 0.4 c h / 1);
|
|
112
|
+
--xz-color-purple-text-fg: oklch(0 0 0 / 0.95);
|
|
115
113
|
--xz-color-neutral-soft-100: oklch(from var(--xz-color-gray) 0.8 c h / 0.15);
|
|
116
114
|
--xz-color-neutral-soft-200: oklch(from var(--xz-color-gray) 0.8 c h / 0.25);
|
|
117
115
|
--xz-color-neutral-soft-solid-100: color-mix(in oklab, oklch(from var(--xz-color-gray) 0.8 c h / 1) 15%, var(--xz-color-surface-100));
|
|
@@ -121,9 +119,9 @@
|
|
|
121
119
|
--xz-color-neutral-line-300: color-mix(oklch(from var(--xz-color-gray) 0.5 c h / 1) 65%, var(--xz-color-surface-100));
|
|
122
120
|
--xz-color-neutral-bg-100: var(--xz-color-gray);
|
|
123
121
|
--xz-color-neutral-bg-200: oklch(from var(--xz-color-gray) calc(l - 0.05) c h / 1);
|
|
124
|
-
--xz-color-neutral-fg-100: oklch(1 0 0);
|
|
125
122
|
--xz-color-neutral-text-100: oklch(from var(--xz-color-gray) 0.55 c h / 1);
|
|
126
123
|
--xz-color-neutral-text-200: oklch(from var(--xz-color-gray) 0.4 c h / 1);
|
|
124
|
+
--xz-color-neutral-text-fg: oklch(1 0 0);
|
|
127
125
|
--xz-color-black-alpha-100: oklch(0 0 0 / 0.1);
|
|
128
126
|
--xz-color-black-alpha-200: oklch(0 0 0 / 0.2);
|
|
129
127
|
--xz-color-black-alpha-300: oklch(0 0 0 / 0.3);
|