@fastwork/xosmoz-theme 0.15.0 → 0.17.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.
Files changed (15) hide show
  1. package/README.md +318 -168
  2. package/dist/base.css +30 -29
  3. package/dist/index.js +30 -30
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +30 -30
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/themes/dark.css +15 -15
  8. package/dist/themes/light.css +14 -14
  9. package/dist/themes.css +29 -29
  10. package/dist/tokens.js +1 -1
  11. package/dist/tokens.js.map +1 -1
  12. package/dist/tokens.mjs +1 -1
  13. package/dist/tokens.mjs.map +1 -1
  14. package/llms.txt +59 -35
  15. package/package.json +1 -1
package/dist/themes.css CHANGED
@@ -26,13 +26,13 @@
26
26
  --xz-color-text-200: color-mix(in oklab, var(--xz-color-text-100) 70%, transparent);
27
27
  --xz-color-text-300: color-mix(in oklab, var(--xz-color-text-100) 50%, transparent);
28
28
  --xz-color-line-100: oklch(0.95 0 1 / 0.95);
29
- --xz-color-line-200: oklch(0.92 0 1 / 0.95);
30
- --xz-color-line-300: oklch(0.89 0 1 / 0.95);
29
+ --xz-color-line-200: oklch(0.90 0 1 / 0.95);
30
+ --xz-color-line-300: oklch(0.85 0 1 / 0.95);
31
31
  --xz-color-primary-soft-100: color-mix(in oklab, var(--xz-color-fastwork-600) 10%, transparent);
32
32
  --xz-color-primary-soft-200: color-mix(in oklab, var(--xz-color-fastwork-600) 16%, transparent);
33
33
  --xz-color-primary-line-100: color-mix(var(--xz-color-fastwork-600) 25%, var(--xz-color-surface-100));
34
- --xz-color-primary-line-200: color-mix(var(--xz-color-fastwork-600) 45%, var(--xz-color-surface-100));
35
- --xz-color-primary-line-300: color-mix(var(--xz-color-fastwork-600) 55%, var(--xz-color-surface-100));
34
+ --xz-color-primary-line-200: color-mix(var(--xz-color-fastwork-600) 50%, var(--xz-color-surface-100));
35
+ --xz-color-primary-line-300: color-mix(var(--xz-color-fastwork-600) 65%, var(--xz-color-surface-100));
36
36
  --xz-color-primary-bg-100: var(--xz-color-fastwork-600);
37
37
  --xz-color-primary-bg-200: oklch(from var(--xz-color-fastwork-600) calc(1-0.03) c h / 1);
38
38
  --xz-color-primary-fg-100: oklch(1 0 0 / 0.95);
@@ -40,8 +40,8 @@
40
40
  --xz-color-danger-soft-100: color-mix(in oklab, var(--xz-color-red-600) 10%, transparent);
41
41
  --xz-color-danger-soft-200: color-mix(in oklab, var(--xz-color-red-600) 16%, transparent);
42
42
  --xz-color-danger-line-100: color-mix(var(--xz-color-red-600) 25%, var(--xz-color-surface-100));
43
- --xz-color-danger-line-200: color-mix(var(--xz-color-red-600) 45%, var(--xz-color-surface-100));
44
- --xz-color-danger-line-300: color-mix(var(--xz-color-red-600) 55%, var(--xz-color-surface-100));
43
+ --xz-color-danger-line-200: color-mix(var(--xz-color-red-600) 50%, var(--xz-color-surface-100));
44
+ --xz-color-danger-line-300: color-mix(var(--xz-color-red-600) 65%, var(--xz-color-surface-100));
45
45
  --xz-color-danger-bg-100: var(--xz-color-red-600);
46
46
  --xz-color-danger-bg-200: oklch(from var(--xz-color-red-600) calc(1-0.03) c h / 1);
47
47
  --xz-color-danger-fg-100: oklch(1 0 0 / 0.95);
@@ -49,8 +49,8 @@
49
49
  --xz-color-success-soft-100: color-mix(in oklab, var(--xz-color-green-600) 10%, transparent);
50
50
  --xz-color-success-soft-200: color-mix(in oklab, var(--xz-color-green-600) 16%, transparent);
51
51
  --xz-color-success-line-100: color-mix(var(--xz-color-green-600) 25%, var(--xz-color-surface-100));
52
- --xz-color-success-line-200: color-mix(var(--xz-color-green-600) 45%, var(--xz-color-surface-100));
53
- --xz-color-success-line-300: color-mix(var(--xz-color-green-600) 55%, var(--xz-color-surface-100));
52
+ --xz-color-success-line-200: color-mix(var(--xz-color-green-600) 50%, var(--xz-color-surface-100));
53
+ --xz-color-success-line-300: color-mix(var(--xz-color-green-600) 65%, var(--xz-color-surface-100));
54
54
  --xz-color-success-bg-100: var(--xz-color-green-600);
55
55
  --xz-color-success-bg-200: oklch(from var(--xz-color-green-600) calc(l+0.03) c h / 1);
56
56
  --xz-color-success-fg-100: oklch(1 0 0 / 0.95);
@@ -58,8 +58,8 @@
58
58
  --xz-color-warning-soft-100: color-mix(in oklab, var(--xz-color-amber-600) 10%, transparent);
59
59
  --xz-color-warning-soft-200: color-mix(in oklab, var(--xz-color-amber-600) 16%, transparent);
60
60
  --xz-color-warning-line-100: color-mix(var(--xz-color-amber-600) 25%, var(--xz-color-surface-100));
61
- --xz-color-warning-line-200: color-mix(var(--xz-color-amber-600) 45%, var(--xz-color-surface-100));
62
- --xz-color-warning-line-300: color-mix(var(--xz-color-amber-600) 55%, var(--xz-color-surface-100));
61
+ --xz-color-warning-line-200: color-mix(var(--xz-color-amber-600) 50%, var(--xz-color-surface-100));
62
+ --xz-color-warning-line-300: color-mix(var(--xz-color-amber-600) 65%, var(--xz-color-surface-100));
63
63
  --xz-color-warning-bg-100: var(--xz-color-amber-600);
64
64
  --xz-color-warning-bg-200: oklch(from var(--xz-color-amber-600) calc(1-0.03) c h / 1);
65
65
  --xz-color-warning-fg-100: oklch(1 0 0 / 0.95);
@@ -67,8 +67,8 @@
67
67
  --xz-color-info-soft-100: color-mix(in oklab, var(--xz-color-cyan-600) 10%, transparent);
68
68
  --xz-color-info-soft-200: color-mix(in oklab, var(--xz-color-cyan-600) 16%, transparent);
69
69
  --xz-color-info-line-100: color-mix(var(--xz-color-cyan-600) 25%, var(--xz-color-surface-100));
70
- --xz-color-info-line-200: color-mix(var(--xz-color-cyan-600) 45%, var(--xz-color-surface-100));
71
- --xz-color-info-line-300: color-mix(var(--xz-color-cyan-600) 55%, var(--xz-color-surface-100));
70
+ --xz-color-info-line-200: color-mix(var(--xz-color-cyan-600) 50%, var(--xz-color-surface-100));
71
+ --xz-color-info-line-300: color-mix(var(--xz-color-cyan-600) 65%, var(--xz-color-surface-100));
72
72
  --xz-color-info-bg-100: var(--xz-color-cyan-600);
73
73
  --xz-color-info-bg-200: oklch(from var(--xz-color-cyan-600) calc(1-0.03) c h / 1);
74
74
  --xz-color-info-fg-100: oklch(1 0 0 / 0.95);
@@ -76,8 +76,8 @@
76
76
  --xz-color-neutral-soft-100: color-mix(in oklab, var(--xz-color-gray-600) 10%, transparent);
77
77
  --xz-color-neutral-soft-200: color-mix(in oklab, var(--xz-color-gray-600) 16%, transparent);
78
78
  --xz-color-neutral-line-100: color-mix(var(--xz-color-gray-600) 25%, var(--xz-color-surface-100));
79
- --xz-color-neutral-line-200: color-mix(var(--xz-color-gray-600) 45%, var(--xz-color-surface-100));
80
- --xz-color-neutral-line-300: color-mix(var(--xz-color-gray-600) 55%, var(--xz-color-surface-100));
79
+ --xz-color-neutral-line-200: color-mix(var(--xz-color-gray-600) 50%, var(--xz-color-surface-100));
80
+ --xz-color-neutral-line-300: color-mix(var(--xz-color-gray-600) 65%, var(--xz-color-surface-100));
81
81
  --xz-color-neutral-bg-100: var(--xz-color-gray-600);
82
82
  --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray-600) calc(1-0.03) c h / 1);
83
83
  --xz-color-neutral-fg-100: oklch(1 0 0);
@@ -214,15 +214,15 @@
214
214
  --xz-color-fg-100: oklch(0 0 0);
215
215
  --xz-color-text-100: oklch(0.96 0.01 260 / 1);
216
216
  --xz-color-text-200: color-mix(in oklab, var(--xz-color-text-100) 60%, transparent);
217
- --xz-color-text-300: color-mix(in oklab, var(--xz-color-text-100) 45%, transparent);
217
+ --xz-color-text-300: color-mix(in oklab, var(--xz-color-text-100) 50%, transparent);
218
218
  --xz-color-line-100: oklch(0.38 0.02 269 / 0.95);
219
- --xz-color-line-200: oklch(0.40 0.02 269 / 0.95);
220
- --xz-color-line-300: oklch(0.42 0.02 269 / 0.95);
219
+ --xz-color-line-200: oklch(0.42 0.02 269 / 0.95);
220
+ --xz-color-line-300: oklch(0.50 0.02 269 / 0.95);
221
221
  --xz-color-primary-soft-100: color-mix(in oklab, var(--xz-color-fastwork-600) 10%, transparent);
222
222
  --xz-color-primary-soft-200: color-mix(in oklab, var(--xz-color-fastwork-600) 16%, transparent);
223
223
  --xz-color-primary-line-100: color-mix(var(--xz-color-fastwork-600) 25%, var(--xz-color-surface-100));
224
- --xz-color-primary-line-200: color-mix(var(--xz-color-fastwork-600) 45%, var(--xz-color-surface-100));
225
- --xz-color-primary-line-300: color-mix(var(--xz-color-fastwork-600) 55%, var(--xz-color-surface-100));
224
+ --xz-color-primary-line-200: color-mix(var(--xz-color-fastwork-600) 50%, var(--xz-color-surface-100));
225
+ --xz-color-primary-line-300: color-mix(var(--xz-color-fastwork-600) 65%, var(--xz-color-surface-100));
226
226
  --xz-color-primary-bg-100: var(--xz-color-fastwork-600);
227
227
  --xz-color-primary-bg-200: oklch(from var(--xz-color-fastwork-600) calc(l+0.03) c h / 1);
228
228
  --xz-color-primary-fg-100: oklch(1 0 0 / 0.95);
@@ -230,8 +230,8 @@
230
230
  --xz-color-danger-soft-100: color-mix(in oklab, var(--xz-color-red-600) 10%, transparent);
231
231
  --xz-color-danger-soft-200: color-mix(in oklab, var(--xz-color-red-600) 16%, transparent);
232
232
  --xz-color-danger-line-100: color-mix(var(--xz-color-red-600) 25%, var(--xz-color-surface-100));
233
- --xz-color-danger-line-200: color-mix(var(--xz-color-red-600) 45%, var(--xz-color-surface-100));
234
- --xz-color-danger-line-300: color-mix(var(--xz-color-red-600) 55%, var(--xz-color-surface-100));
233
+ --xz-color-danger-line-200: color-mix(var(--xz-color-red-600) 50%, var(--xz-color-surface-100));
234
+ --xz-color-danger-line-300: color-mix(var(--xz-color-red-600) 65%, var(--xz-color-surface-100));
235
235
  --xz-color-danger-bg-100: var(--xz-color-red-600);
236
236
  --xz-color-danger-bg-200: oklch(from var(--xz-color-red-600) calc(l+0.03) c h / 1);
237
237
  --xz-color-danger-fg-100: oklch(1 0 0 / 0.95);
@@ -239,8 +239,8 @@
239
239
  --xz-color-success-soft-100: color-mix(in oklab, var(--xz-color-green-600) 10%, transparent);
240
240
  --xz-color-success-soft-200: color-mix(in oklab, var(--xz-color-green-600) 16%, transparent);
241
241
  --xz-color-success-line-100: color-mix(var(--xz-color-green-600) 25%, var(--xz-color-surface-100));
242
- --xz-color-success-line-200: color-mix(var(--xz-color-green-600) 45%, var(--xz-color-surface-100));
243
- --xz-color-success-line-300: color-mix(var(--xz-color-green-600) 55%, var(--xz-color-surface-100));
242
+ --xz-color-success-line-200: color-mix(var(--xz-color-green-600) 50%, var(--xz-color-surface-100));
243
+ --xz-color-success-line-300: color-mix(var(--xz-color-green-600) 65%, var(--xz-color-surface-100));
244
244
  --xz-color-success-bg-100: var(--xz-color-green-600);
245
245
  --xz-color-success-bg-200: oklch(from var(--xz-color-green-600) calc(l+0.03) c h / 1);
246
246
  --xz-color-success-fg-100: oklch(1 0 0 / 0.95);
@@ -248,8 +248,8 @@
248
248
  --xz-color-warning-soft-100: color-mix(in oklab, var(--xz-color-amber-600) 10%, transparent);
249
249
  --xz-color-warning-soft-200: color-mix(in oklab, var(--xz-color-amber-600) 16%, transparent);
250
250
  --xz-color-warning-line-100: color-mix(var(--xz-color-amber-600) 25%, var(--xz-color-surface-100));
251
- --xz-color-warning-line-200: color-mix(var(--xz-color-amber-600) 45%, var(--xz-color-surface-100));
252
- --xz-color-warning-line-300: color-mix(var(--xz-color-amber-600) 55%, var(--xz-color-surface-100));
251
+ --xz-color-warning-line-200: color-mix(var(--xz-color-amber-600) 50%, var(--xz-color-surface-100));
252
+ --xz-color-warning-line-300: color-mix(var(--xz-color-amber-600) 65%, var(--xz-color-surface-100));
253
253
  --xz-color-warning-bg-100: var(--xz-color-amber-600);
254
254
  --xz-color-warning-bg-200: oklch(from var(--xz-color-amber-600) calc(l+0.03) c h / 1);
255
255
  --xz-color-warning-fg-100: oklch(1 0 0 / 0.95);
@@ -257,8 +257,8 @@
257
257
  --xz-color-info-soft-100: color-mix(in oklab, var(--xz-color-cyan-600) 10%, transparent);
258
258
  --xz-color-info-soft-200: color-mix(in oklab, var(--xz-color-cyan-600) 16%, transparent);
259
259
  --xz-color-info-line-100: color-mix(var(--xz-color-cyan-600) 25%, var(--xz-color-surface-100));
260
- --xz-color-info-line-200: color-mix(var(--xz-color-cyan-600) 45%, var(--xz-color-surface-100));
261
- --xz-color-info-line-300: color-mix(var(--xz-color-cyan-600) 55%, var(--xz-color-surface-100));
260
+ --xz-color-info-line-200: color-mix(var(--xz-color-cyan-600) 50%, var(--xz-color-surface-100));
261
+ --xz-color-info-line-300: color-mix(var(--xz-color-cyan-600) 65%, var(--xz-color-surface-100));
262
262
  --xz-color-info-bg-100: var(--xz-color-cyan-600);
263
263
  --xz-color-info-bg-200: oklch(from var(--xz-color-cyan-600) calc(l+0.03) c h / 1);
264
264
  --xz-color-info-fg-100: oklch(1 0 0 / 0.95);
@@ -266,8 +266,8 @@
266
266
  --xz-color-neutral-soft-100: color-mix(in oklab, var(--xz-color-gray-600) 10%, transparent);
267
267
  --xz-color-neutral-soft-200: color-mix(in oklab, var(--xz-color-gray-600) 16%, transparent);
268
268
  --xz-color-neutral-line-100: color-mix(var(--xz-color-gray-600) 25%, var(--xz-color-surface-100));
269
- --xz-color-neutral-line-200: color-mix(var(--xz-color-gray-600) 45%, var(--xz-color-surface-100));
270
- --xz-color-neutral-line-300: color-mix(var(--xz-color-gray-600) 55%, var(--xz-color-surface-100));
269
+ --xz-color-neutral-line-200: color-mix(var(--xz-color-gray-600) 50%, var(--xz-color-surface-100));
270
+ --xz-color-neutral-line-300: color-mix(var(--xz-color-gray-600) 65%, var(--xz-color-surface-100));
271
271
  --xz-color-neutral-bg-100: var(--xz-color-gray-600);
272
272
  --xz-color-neutral-bg-200: oklch(from var(--xz-color-gray-600) calc(l+0.03) c h / 1);
273
273
  --xz-color-neutral-fg-100: oklch(1 0 0);
package/dist/tokens.js CHANGED
@@ -32,7 +32,7 @@ var fontWeight = {
32
32
  900: 900
33
33
  };
34
34
  var fontFamily = {
35
- primary: '-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif',
35
+ primary: 'Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif',
36
36
  secondary: '"Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif'
37
37
  };
38
38
  var lineHeight = {
package/dist/tokens.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tokens/typography.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"],"mappings":"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","file":"tokens.js","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'-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'\"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[600], // 20px\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[500], // 18px\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[400], // 16px\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[300], // 14px\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[300], // 14px\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[300], // 14px\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[200], // 12px\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[200], // 12px\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[100], // 10px\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[100], // 10px\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[300], // 14px\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[200], // 12px\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[100], // 10px\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[50], // 8px\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"]}
1
+ {"version":3,"sources":["../src/tokens/typography.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"],"mappings":"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","file":"tokens.js","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'\"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[600], // 20px\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[500], // 18px\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[400], // 16px\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[300], // 14px\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[300], // 14px\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[300], // 14px\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[200], // 12px\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[200], // 12px\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[100], // 10px\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[100], // 10px\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[300], // 14px\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[200], // 12px\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[100], // 10px\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[50], // 8px\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"]}
package/dist/tokens.mjs CHANGED
@@ -30,7 +30,7 @@ var fontWeight = {
30
30
  900: 900
31
31
  };
32
32
  var fontFamily = {
33
- primary: '-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif',
33
+ primary: 'Google Sans, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif',
34
34
  secondary: '"Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif'
35
35
  };
36
36
  var lineHeight = {
package/dist/tokens.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/tokens/typography.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"],"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,gGAAA;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,EAAA;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","file":"tokens.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'-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'\"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[600], // 20px\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[500], // 18px\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[400], // 16px\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[300], // 14px\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[300], // 14px\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[300], // 14px\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[200], // 12px\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[200], // 12px\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[100], // 10px\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[100], // 10px\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[300], // 14px\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[200], // 12px\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[100], // 10px\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[50], // 8px\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"]}
1
+ {"version":3,"sources":["../src/tokens/typography.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"],"mappings":"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","file":"tokens.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'\"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[600], // 20px\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[500], // 18px\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[400], // 16px\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[300], // 14px\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[300], // 14px\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[300], // 14px\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[200], // 12px\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[200], // 12px\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[100], // 10px\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[100], // 10px\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[300], // 14px\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[200], // 12px\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[100], // 10px\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[50], // 8px\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"]}
package/llms.txt CHANGED
@@ -52,12 +52,14 @@ Surface colors that adapt between light and dark themes.
52
52
  | `--xz-color-surface-100` | Page background |
53
53
  | `--xz-color-surface-200` | Elevated surface (cards, modals) |
54
54
  | `--xz-color-surface-300` | Secondary surface |
55
- | `--xz-color-surface-400` | Tertiary surface / hover states |
55
+ | `--xz-color-surface-400` | Tertiary surface / popovers |
56
56
  | `--xz-color-text-100` | Primary text color |
57
- | `--xz-color-text-200` | Secondary/muted text (80% opacity of text-100) |
58
- | `--xz-color-text-300` | Tertiary/disabled text (60% opacity of text-100) |
57
+ | `--xz-color-text-200` | Secondary/muted text (70% opacity) |
58
+ | `--xz-color-text-300` | Tertiary/disabled text (50% opacity) |
59
59
  | `--xz-color-bg-100` | Extreme base background (near-black in light, near-white in dark) |
60
60
  | `--xz-color-fg-100` | Text on bg-100 (white in light, black in dark) |
61
+ | `--xz-color-soft-100` | Very subtle overlay (5% opacity of bg) |
62
+ | `--xz-color-soft-200` | Subtle overlay (10% opacity of bg) |
61
63
  | `--xz-color-line-100` | Subtle borders |
62
64
  | `--xz-color-line-200` | Default borders |
63
65
  | `--xz-color-line-300` | Strong/emphasized borders |
@@ -70,19 +72,17 @@ Each category follows the same token structure. Replace `{name}` with the catego
70
72
 
71
73
  | Variable | Purpose |
72
74
  |----------|---------|
73
- | `--xz-color-{name}-soft-100` | Lightest soft background |
74
- | `--xz-color-{name}-soft-200` | Medium soft background |
75
- | `--xz-color-{name}-soft-300` | Darkest soft background |
76
- | `--xz-color-{name}-line-100` | Subtle border |
77
- | `--xz-color-{name}-line-200` | Default border |
78
- | `--xz-color-{name}-line-300` | Strong border |
75
+ | `--xz-color-{name}-soft-100` | Lightest tinted background |
76
+ | `--xz-color-{name}-soft-200` | Stronger tinted background (hover states) |
77
+ | `--xz-color-{name}-line-100` | Subtle colored border |
78
+ | `--xz-color-{name}-line-200` | Default colored border |
79
+ | `--xz-color-{name}-line-300` | Strong colored border |
79
80
  | `--xz-color-{name}-bg-100` | Solid fill background (e.g. button bg) |
80
81
  | `--xz-color-{name}-bg-200` | Darker solid fill (e.g. hover state) |
81
- | `--xz-color-{name}-fg-100` | Text on solid bg — use for text over `{name}-bg-100`/`bg-200` (typically white) |
82
- | `--xz-color-{name}-text-100` | Main text color for that semantic meaning |
83
- | `--xz-color-{name}-text-200` | Darkest/emphasized text |
82
+ | `--xz-color-{name}-fg-100` | Text on solid bg — use over `{name}-bg-100`/`bg-200` (typically white) |
83
+ | `--xz-color-{name}-text-100` | Colored text on surfaces (links, status labels) |
84
84
 
85
- **Important: `fg-100` is the foreground color for text on solid backgrounds (`bg-100`/`bg-200`) of the same palette.** For example, use `--xz-color-primary-fg-100` as the text color on a `--xz-color-primary-bg-100` button. This is typically white.
85
+ **Important: `fg-100` is the foreground color for text on solid backgrounds (`bg-100`/`bg-200`).** Use `--xz-color-primary-fg-100` as the text color on a `--xz-color-primary-bg-100` button. This is typically white.
86
86
 
87
87
  ### Raw Color Palettes
88
88
 
@@ -129,7 +129,7 @@ Alpha palettes (`black-alpha`, `white-alpha`) use opacity steps from 0.1 to 1.0.
129
129
  --xz-line-height-200pct (2)
130
130
  ```
131
131
 
132
- **Font shorthand tokens** (responsive — desktop sizes, scales down on mobile <=768px):
132
+ **Font shorthand tokens** (responsive — desktop sizes, scales down on mobile ≤768px):
133
133
 
134
134
  ```
135
135
  --xz-font-heading1 through --xz-font-heading6 (secondary font, bold)
@@ -158,11 +158,26 @@ Usage: `font: var(--xz-font-heading1);`
158
158
  ```typescript
159
159
  import { lightTheme, darkTheme, themes, getTheme, getThemeNames } from '@fastwork/xosmoz-theme';
160
160
 
161
- // Access theme colors
162
- lightTheme.colors.primary.bg[100] // 'oklch(0.58 .2524 260)'
163
- lightTheme.colors.primary.fg[100] // 'oklch(1 0 0)' — white text for solid bg
164
- lightTheme.colors.text[100] // primary text color
165
- lightTheme.colors.fastwork[700] // raw palette value
161
+ // Access raw palette colors
162
+ lightTheme.colors.fastwork[600] // 'oklch(0.613 0.233 260.608)'
163
+ lightTheme.colors.gray[300] // raw palette value
164
+
165
+ // Access semantic colors
166
+ lightTheme.colors.primary.bg[100] // solid fill color
167
+ lightTheme.colors.primary.fg[100] // white text for solid bg
168
+ lightTheme.colors.primary.text[100] // colored text on surfaces
169
+ lightTheme.colors.primary.soft[100] // tinted background
170
+ lightTheme.colors.primary.line[200] // border color
171
+
172
+ // Access base tokens
173
+ lightTheme.colors.surface[200] // card background
174
+ lightTheme.colors.text[100] // primary text
175
+
176
+ // Access box shadows (on theme objects)
177
+ lightTheme.boxShadows[100] // '0 1px 2px 0 rgba(0, 0, 0, 0.08)'
178
+ lightTheme.boxShadows[200] // '0 2px 6px 0 rgba(0, 0, 0, 0.10)'
179
+ lightTheme.boxShadows[300] // '0 4px 16px 0 rgba(0, 0, 0, 0.12)'
180
+ lightTheme.boxShadows[400] // '0 8px 20px 0 rgba(0, 0, 0, 0.14)'
166
181
 
167
182
  // Get theme by name
168
183
  const theme = getTheme('dark');
@@ -174,20 +189,33 @@ const names = getThemeNames(); // ['light', 'dark']
174
189
  ### Design tokens
175
190
 
176
191
  ```typescript
177
- import { fontSize, fontWeight, fontFamily, lineHeight, font, boxShadows } from '@fastwork/xosmoz-theme/tokens';
178
-
179
- fontSize[400] // '1rem'
180
- fontWeight[700] // 700
181
- fontFamily.primary // system sans-serif stack
182
- fontFamily.secondary // "Fastwork" + fallbacks
183
- font.heading1 // { fontFamily, fontSize: { desktop, mobile }, fontWeight, lineHeight }
184
- boxShadows[300] // '0 4px 16px 0 rgba(0, 0, 0, 0.12)'
192
+ import { fontSize, fontWeight, fontFamily, lineHeight, font, typography } from '@fastwork/xosmoz-theme/tokens';
193
+
194
+ fontSize[400] // '1rem'
195
+ fontSize[700] // '1.5rem'
196
+ fontWeight[700] // 700
197
+ fontFamily.primary // system sans-serif stack
198
+ fontFamily.secondary // "Fastwork" + fallbacks
199
+ lineHeight['150pct'] // '1.5'
200
+
201
+ font.heading1 // { fontFamily, fontSize: { desktop, mobile }, fontWeight, lineHeight }
202
+ font.title2
203
+ font.subtitle1Bold
204
+ font.body1
185
205
  ```
186
206
 
187
207
  ### Types
188
208
 
189
209
  ```typescript
190
- import type { ThemeConfig, ThemeName, ColorToken, TypographyToken } from '@fastwork/xosmoz-theme';
210
+ import type {
211
+ ThemeConfig,
212
+ ThemeName,
213
+ ThemeRegistry,
214
+ ColorToken,
215
+ TypographyToken,
216
+ TypographyScale,
217
+ FontWeights,
218
+ } from '@fastwork/xosmoz-theme';
191
219
  ```
192
220
 
193
221
  ## Common Patterns
@@ -213,7 +241,7 @@ import type { ThemeConfig, ThemeName, ColorToken, TypographyToken } from '@fastw
213
241
  .button-secondary {
214
242
  background: transparent;
215
243
  color: var(--xz-color-primary-text-100);
216
- border: 1px solid var(--xz-color-line-100);
244
+ border: 1px solid var(--xz-color-primary-line-200);
217
245
  }
218
246
  ```
219
247
 
@@ -262,10 +290,6 @@ import type { ThemeConfig, ThemeName, ColorToken, TypographyToken } from '@fastw
262
290
  ### Muted/secondary text
263
291
 
264
292
  ```css
265
- .text-muted {
266
- color: var(--xz-color-text-200);
267
- }
268
- .text-disabled {
269
- color: var(--xz-color-text-300);
270
- }
293
+ .text-muted { color: var(--xz-color-text-200); }
294
+ .text-disabled { color: var(--xz-color-text-300); }
271
295
  ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fastwork/xosmoz-theme",
3
- "version": "0.15.0",
3
+ "version": "0.17.0",
4
4
  "description": "Xosmoz Theme - Design tokens and theming system for Xosmoz",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",