@vegastack/design-tokens 0.1.0 → 0.4.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 (9) hide show
  1. package/dist/base.css +62 -10
  2. package/dist/theme.css +288 -47
  3. package/dist/tokens.cjs +663 -0
  4. package/dist/tokens.d.cts +638 -0
  5. package/dist/tokens.d.ts +156 -46
  6. package/dist/tokens.js +158 -48
  7. package/dist/tokens.json +158 -48
  8. package/dist/utilities.css +152 -68
  9. package/package.json +19 -14
package/dist/tokens.d.ts CHANGED
@@ -2,41 +2,46 @@ declare const tokens: {
2
2
  readonly light: {
3
3
  readonly background: "oklch(0.994 0.002 75)";
4
4
  readonly foreground: "oklch(0.145 0.003 75)";
5
- readonly card: "oklch(0.985 0.003 75)";
5
+ readonly card: "oklch(0.994 0.002 75)";
6
6
  readonly "card-foreground": "oklch(0.145 0.003 75)";
7
7
  readonly popover: "oklch(0.994 0.002 75)";
8
8
  readonly "popover-foreground": "oklch(0.145 0.003 75)";
9
+ readonly "surface-1": "oklch(0.97 0.003 75)";
10
+ readonly "surface-2": "oklch(0.945 0.003 75)";
11
+ readonly "surface-3": "oklch(0.922 0.003 75)";
9
12
  readonly primary: "oklch(0.353 0.003 75)";
10
13
  readonly "primary-foreground": "oklch(0.985 0.003 75)";
11
14
  readonly "primary-hover": "oklch(0.269 0.003 75)";
12
15
  readonly "primary-active": "oklch(0.236 0.003 75)";
13
- readonly track: "oklch(0.87 0.003 75)";
14
16
  readonly secondary: "oklch(0.97 0.003 75)";
15
- readonly "secondary-foreground": "oklch(0.205 0.003 75)";
17
+ readonly "secondary-foreground": "oklch(0.145 0.003 75)";
16
18
  readonly muted: "oklch(0.97 0.003 75)";
17
19
  readonly "muted-foreground": "oklch(0.439 0.003 75)";
18
20
  readonly "muted-foreground-faint": "oklch(0.63 0.003 75)";
19
- readonly accent: "oklch(0.97 0.003 75)";
20
- readonly "accent-foreground": "oklch(0.205 0.003 75)";
21
+ readonly accent: "oklch(0.945 0.003 75)";
22
+ readonly "accent-foreground": "oklch(0.145 0.003 75)";
21
23
  readonly destructive: "oklch(0.505 0.213 27.52)";
22
24
  readonly "destructive-foreground": "oklch(0.985 0.003 75)";
23
25
  readonly "destructive-subtle": "oklch(0.949 0.022 24)";
24
- readonly "destructive-text": "oklch(0.521 0.2 25)";
26
+ readonly "destructive-text": "oklch(0.496 0.2 25)";
27
+ readonly "destructive-border": "oklch(0.505 0.213 27.52)";
25
28
  readonly success: "oklch(0.5 0.16 150)";
26
29
  readonly "success-foreground": "oklch(0.985 0.003 75)";
27
30
  readonly "success-subtle": "oklch(0.951 0.051 150)";
28
- readonly "success-text": "oklch(0.5 0.13 150)";
31
+ readonly "success-text": "oklch(0.48 0.13 150)";
29
32
  readonly warning: "oklch(0.52 0.145 52)";
30
33
  readonly "warning-foreground": "oklch(0.985 0.003 75)";
31
34
  readonly "warning-subtle": "oklch(0.96 0.019 42)";
32
- readonly "warning-text": "oklch(0.52 0.139 42)";
35
+ readonly "warning-text": "oklch(0.505 0.139 42)";
33
36
  readonly info: "oklch(0.531 0.182 256)";
34
37
  readonly "info-foreground": "oklch(0.985 0.003 75)";
35
38
  readonly "info-subtle": "oklch(0.961 0.018 253)";
36
- readonly "info-text": "oklch(0.52 0.171 256)";
39
+ readonly "info-text": "oklch(0.5 0.171 256)";
37
40
  readonly overlay: "oklch(0.13 0.002 75 / 0.28)";
38
- readonly border: "oklch(0.922 0.003 75)";
39
- readonly input: "oklch(0.922 0.003 75)";
41
+ readonly "media-scrim": "oklch(0.13 0.002 75 / 0.6)";
42
+ readonly "media-scrim-strong": "oklch(0.13 0.002 75 / 0.8)";
43
+ readonly "media-foreground": "oklch(0.985 0.003 75)";
44
+ readonly input: "oklch(0.145 0.003 75 / 0.08)";
40
45
  readonly ring: "oklch(0.353 0.003 75)";
41
46
  readonly "chart-1": "oklch(0.546 0.245 262.88)";
42
47
  readonly "chart-2": "oklch(0.6 0.118 184.7)";
@@ -46,14 +51,46 @@ declare const tokens: {
46
51
  readonly "chart-6": "oklch(0.505 0.213 27.52)";
47
52
  readonly "chart-7": "oklch(0.6 0.127 104.2)";
48
53
  readonly "chart-8": "oklch(0.531 0.182 256)";
54
+ readonly "chart-single": "oklch(0.145 0.003 75)";
49
55
  readonly brand: "oklch(0.6 0.17 148)";
50
- readonly sidebar: "oklch(0.985 0.003 75)";
51
- readonly "sidebar-foreground": "oklch(0.269 0.003 75)";
52
- readonly "sidebar-primary": "oklch(0.145 0.003 75)";
56
+ readonly "brand-text": "oklch(0.46 0.17 148)";
57
+ readonly "tag-blue": "oklch(0.6 0.16 256)";
58
+ readonly "tag-blue-subtle": "oklch(0.955 0.02 256)";
59
+ readonly "tag-blue-text": "oklch(0.51 0.15 256)";
60
+ readonly "tag-cyan": "oklch(0.6 0.11 226)";
61
+ readonly "tag-cyan-subtle": "oklch(0.955 0.028 226)";
62
+ readonly "tag-cyan-text": "oklch(0.51 0.09 226)";
63
+ readonly "tag-green": "oklch(0.6 0.16 150)";
64
+ readonly "tag-green-subtle": "oklch(0.955 0.028 150)";
65
+ readonly "tag-green-text": "oklch(0.51 0.14 150)";
66
+ readonly "tag-lime": "oklch(0.6 0.13 117)";
67
+ readonly "tag-lime-subtle": "oklch(0.955 0.028 117)";
68
+ readonly "tag-lime-text": "oklch(0.51 0.11 117)";
69
+ readonly "tag-yellow": "oklch(0.6 0.12 86)";
70
+ readonly "tag-yellow-subtle": "oklch(0.955 0.028 86)";
71
+ readonly "tag-yellow-text": "oklch(0.51 0.1 86)";
72
+ readonly "tag-orange": "oklch(0.6 0.15 52)";
73
+ readonly "tag-orange-subtle": "oklch(0.955 0.02 52)";
74
+ readonly "tag-orange-text": "oklch(0.51 0.13 52)";
75
+ readonly "tag-red": "oklch(0.6 0.16 25)";
76
+ readonly "tag-red-subtle": "oklch(0.955 0.02 25)";
77
+ readonly "tag-red-text": "oklch(0.51 0.15 25)";
78
+ readonly "tag-pink": "oklch(0.6 0.16 356)";
79
+ readonly "tag-pink-subtle": "oklch(0.955 0.02 356)";
80
+ readonly "tag-pink-text": "oklch(0.51 0.15 356)";
81
+ readonly "tag-magenta": "oklch(0.6 0.16 323)";
82
+ readonly "tag-magenta-subtle": "oklch(0.955 0.028 323)";
83
+ readonly "tag-magenta-text": "oklch(0.51 0.15 323)";
84
+ readonly "tag-purple": "oklch(0.6 0.16 295)";
85
+ readonly "tag-purple-subtle": "oklch(0.955 0.02 295)";
86
+ readonly "tag-purple-text": "oklch(0.51 0.15 295)";
87
+ readonly sidebar: "oklch(0.994 0.002 75)";
88
+ readonly "sidebar-foreground": "oklch(0.145 0.003 75)";
89
+ readonly "sidebar-primary": "oklch(0.353 0.003 75)";
53
90
  readonly "sidebar-primary-foreground": "oklch(0.985 0.003 75)";
54
- readonly "sidebar-accent": "oklch(0.955 0.003 75)";
91
+ readonly "sidebar-accent": "oklch(0.945 0.003 75)";
55
92
  readonly "sidebar-accent-foreground": "oklch(0.145 0.003 75)";
56
- readonly "sidebar-border": "oklch(0.922 0.003 75)";
93
+ readonly "sidebar-border": "oklch(0.145 0.003 75 / 0.08)";
57
94
  readonly "sidebar-ring": "oklch(0.353 0.003 75)";
58
95
  readonly radius: "0.75rem";
59
96
  readonly "radius-xs": "0.125rem";
@@ -72,33 +109,39 @@ declare const tokens: {
72
109
  readonly "icon-feature": "1.5rem";
73
110
  readonly "sidebar-width": "15rem";
74
111
  readonly "sidebar-width-icon": "3rem";
112
+ readonly "sidebar-width-mobile": "18rem";
113
+ readonly "layout-header-height": "3.5rem";
114
+ readonly "layout-overlay-max-height": "calc(100dvh - 16rem)";
115
+ readonly "panel-width-sm": "14rem";
116
+ readonly "panel-width-md": "18rem";
117
+ readonly "panel-width-lg": "20rem";
75
118
  readonly "shadow-overlay": "0 4px 14px -4px oklch(0.13 0.002 75 / 0.1), 0 2px 4px -2px oklch(0.13 0.002 75 / 0.06)";
119
+ readonly "effect-blur-glass": "8px";
76
120
  readonly "z-raised": 10;
77
121
  readonly "z-overlay": 50;
122
+ readonly "z-toast": 60;
78
123
  readonly "opacity-dim": "50%";
79
124
  readonly "opacity-hint-soft": "60%";
80
125
  readonly "opacity-hint": "70%";
81
126
  readonly "opacity-track": "25%";
127
+ readonly "alpha-hover": "7%";
128
+ readonly "alpha-pressed": "10%";
129
+ readonly "alpha-border": "8%";
82
130
  readonly "alpha-tint-border": "70%";
83
131
  readonly "alpha-outline-border": "50%";
84
132
  readonly "alpha-border-subtle": "20%";
85
133
  readonly "alpha-border-soft": "30%";
86
134
  readonly "alpha-surface-faint": "5%";
87
- readonly "alpha-surface-subtle": "10%";
88
135
  readonly "alpha-ink-tint": "10%";
89
136
  readonly "alpha-ink-tint-strong": "15%";
90
- readonly "alpha-soft-hover": "20%";
91
- readonly "alpha-soft-surface": "10%";
92
137
  readonly "alpha-input": "30%";
93
- readonly "alpha-input-hover": "50%";
94
- readonly "alpha-fill-hover": "80%";
95
138
  readonly "alpha-wash-faint": "40%";
96
139
  readonly "alpha-wash": "50%";
97
140
  readonly "alpha-wash-strong": "60%";
98
141
  readonly "alpha-backdrop-soft": "60%";
99
142
  readonly "alpha-glass": "90%";
100
143
  readonly "alpha-glass-hover": "95%";
101
- readonly "alpha-link-hover": "80%";
144
+ readonly "alpha-link-hover": "88%";
102
145
  readonly "alpha-outline-soft": "50%";
103
146
  readonly "type-product-xs": {
104
147
  readonly fontSize: "0.6875rem";
@@ -208,13 +251,19 @@ declare const tokens: {
208
251
  readonly fontSize: "0.875rem";
209
252
  readonly lineHeight: "1.25rem";
210
253
  readonly fontWeight: "500";
211
- readonly letterSpacing: "0em";
254
+ readonly letterSpacing: "-0.01em";
255
+ };
256
+ readonly "text-strong": {
257
+ readonly fontSize: "0.875rem";
258
+ readonly lineHeight: "1.25rem";
259
+ readonly fontWeight: "600";
260
+ readonly letterSpacing: "-0.01em";
212
261
  };
213
262
  readonly "text-label-sm": {
214
263
  readonly fontSize: "0.75rem";
215
264
  readonly lineHeight: "1rem";
216
265
  readonly fontWeight: "500";
217
- readonly letterSpacing: "0em";
266
+ readonly letterSpacing: "-0.01em";
218
267
  };
219
268
  readonly "text-code": {
220
269
  readonly fontSize: "0.8125rem";
@@ -242,23 +291,29 @@ declare const tokens: {
242
291
  readonly "duration-fast": "150ms";
243
292
  readonly "duration-base": "200ms";
244
293
  readonly "duration-slow": "300ms";
294
+ readonly "duration-indeterminate": "1200ms";
245
295
  readonly "motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)";
246
296
  readonly "motion-ease-emphasized": "cubic-bezier(0.3, 0, 0, 1)";
247
297
  readonly "motion-ease-exit": "cubic-bezier(0.4, 0, 1, 1)";
248
298
  readonly "motion-ease-spring": "linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1)";
249
299
  readonly "motion-blur": "2px";
300
+ readonly border: "oklch(0.145 0.003 75 / 0.08)";
250
301
  readonly "destructive-hover": "oklch(0.455 0.213 27.52)";
251
302
  readonly "destructive-active": "oklch(0.415 0.213 27.52)";
252
303
  readonly "destructive-subtle-hover": "oklch(0.91 0.036 20.4)";
304
+ readonly "destructive-subtle-active": "oklch(0.883 0.046 19.3)";
253
305
  readonly "success-hover": "oklch(0.45 0.16 150)";
254
306
  readonly "success-active": "oklch(0.41 0.16 150)";
255
307
  readonly "success-subtle-hover": "oklch(0.919 0.059 151.1)";
308
+ readonly "success-subtle-active": "oklch(0.896 0.065 151.7)";
256
309
  readonly "warning-hover": "oklch(0.47 0.145 52)";
257
310
  readonly "warning-active": "oklch(0.43 0.145 52)";
258
311
  readonly "warning-subtle-hover": "oklch(0.929 0.027 48.8)";
312
+ readonly "warning-subtle-active": "oklch(0.906 0.034 51.5)";
259
313
  readonly "info-hover": "oklch(0.481 0.182 256)";
260
314
  readonly "info-active": "oklch(0.441 0.182 256)";
261
315
  readonly "info-subtle-hover": "oklch(0.929 0.03 251.1)";
316
+ readonly "info-subtle-active": "oklch(0.906 0.038 250.5)";
262
317
  };
263
318
  readonly dark: {
264
319
  readonly background: "oklch(0.175 0.003 75)";
@@ -267,26 +322,29 @@ declare const tokens: {
267
322
  readonly "card-foreground": "oklch(0.922 0.003 75)";
268
323
  readonly popover: "oklch(0.205 0.003 75)";
269
324
  readonly "popover-foreground": "oklch(0.922 0.003 75)";
325
+ readonly "surface-1": "oklch(0.236 0.003 75)";
326
+ readonly "surface-2": "oklch(0.269 0.003 75)";
327
+ readonly "surface-3": "oklch(0.29 0.003 75)";
270
328
  readonly primary: "oklch(0.922 0.003 75)";
271
329
  readonly "primary-foreground": "oklch(0.145 0.003 75)";
272
330
  readonly "primary-hover": "oklch(0.97 0.003 75)";
273
331
  readonly "primary-active": "oklch(0.994 0.002 75)";
274
- readonly track: "oklch(0.439 0.003 75)";
275
- readonly secondary: "oklch(0.269 0.003 75)";
332
+ readonly secondary: "oklch(0.236 0.003 75)";
276
333
  readonly "secondary-foreground": "oklch(0.922 0.003 75)";
277
- readonly muted: "oklch(0.269 0.003 75)";
334
+ readonly muted: "oklch(0.236 0.003 75)";
278
335
  readonly "muted-foreground": "oklch(0.66 0.003 75)";
279
336
  readonly "muted-foreground-faint": "oklch(0.559 0.003 75)";
280
337
  readonly accent: "oklch(0.269 0.003 75)";
281
- readonly "accent-foreground": "oklch(0.967 0.003 75)";
338
+ readonly "accent-foreground": "oklch(0.922 0.003 75)";
282
339
  readonly destructive: "oklch(0.505 0.213 27.52)";
283
340
  readonly "destructive-foreground": "oklch(0.985 0.003 75)";
284
341
  readonly "destructive-subtle": "oklch(0.275 0.07 25)";
285
- readonly "destructive-text": "oklch(0.72 0.16 25)";
342
+ readonly "destructive-text": "oklch(0.74 0.16 25)";
343
+ readonly "destructive-border": "oklch(0.72 0.16 25)";
286
344
  readonly success: "oklch(0.5 0.16 150)";
287
345
  readonly "success-foreground": "oklch(0.985 0.003 75)";
288
346
  readonly "success-subtle": "oklch(0.276 0.061 150)";
289
- readonly "success-text": "oklch(0.72 0.17 150)";
347
+ readonly "success-text": "oklch(0.74 0.17 150)";
290
348
  readonly warning: "oklch(0.52 0.145 52)";
291
349
  readonly "warning-foreground": "oklch(0.985 0.003 75)";
292
350
  readonly "warning-subtle": "oklch(0.28 0.069 42)";
@@ -294,10 +352,12 @@ declare const tokens: {
294
352
  readonly info: "oklch(0.531 0.182 256)";
295
353
  readonly "info-foreground": "oklch(0.985 0.003 75)";
296
354
  readonly "info-subtle": "oklch(0.275 0.059 255)";
297
- readonly "info-text": "oklch(0.72 0.13 256)";
355
+ readonly "info-text": "oklch(0.76 0.13 256)";
298
356
  readonly overlay: "oklch(0 0 0 / 0.55)";
299
- readonly border: "oklch(0.269 0.003 75)";
300
- readonly input: "oklch(0.269 0.003 75)";
357
+ readonly "media-scrim": "oklch(0.13 0.002 75 / 0.6)";
358
+ readonly "media-scrim-strong": "oklch(0.13 0.002 75 / 0.8)";
359
+ readonly "media-foreground": "oklch(0.985 0.003 75)";
360
+ readonly input: "oklch(0.922 0.003 75 / 0.14)";
301
361
  readonly ring: "oklch(0.922 0.003 75)";
302
362
  readonly "chart-1": "oklch(0.623 0.214 259.81)";
303
363
  readonly "chart-2": "oklch(0.696 0.17 162.48)";
@@ -307,14 +367,46 @@ declare const tokens: {
307
367
  readonly "chart-6": "oklch(0.69 0.21 25)";
308
368
  readonly "chart-7": "oklch(0.72 0.15 103.9)";
309
369
  readonly "chart-8": "oklch(0.72 0.13 256)";
370
+ readonly "chart-single": "oklch(0.922 0.003 75)";
310
371
  readonly brand: "oklch(0.86 0.21 148)";
311
- readonly sidebar: "oklch(0.145 0.003 75)";
312
- readonly "sidebar-foreground": "oklch(0.87 0.003 75)";
372
+ readonly "brand-text": "oklch(0.86 0.21 148)";
373
+ readonly "tag-blue": "oklch(0.72 0.14 256)";
374
+ readonly "tag-blue-subtle": "oklch(0.275 0.05 256)";
375
+ readonly "tag-blue-text": "oklch(0.75 0.13 256)";
376
+ readonly "tag-cyan": "oklch(0.72 0.13 226)";
377
+ readonly "tag-cyan-subtle": "oklch(0.275 0.05 226)";
378
+ readonly "tag-cyan-text": "oklch(0.75 0.13 226)";
379
+ readonly "tag-green": "oklch(0.72 0.15 150)";
380
+ readonly "tag-green-subtle": "oklch(0.275 0.05 150)";
381
+ readonly "tag-green-text": "oklch(0.75 0.13 150)";
382
+ readonly "tag-lime": "oklch(0.72 0.15 117)";
383
+ readonly "tag-lime-subtle": "oklch(0.275 0.05 117)";
384
+ readonly "tag-lime-text": "oklch(0.75 0.13 117)";
385
+ readonly "tag-yellow": "oklch(0.72 0.14 86)";
386
+ readonly "tag-yellow-subtle": "oklch(0.275 0.05 86)";
387
+ readonly "tag-yellow-text": "oklch(0.75 0.13 86)";
388
+ readonly "tag-orange": "oklch(0.72 0.15 52)";
389
+ readonly "tag-orange-subtle": "oklch(0.275 0.05 52)";
390
+ readonly "tag-orange-text": "oklch(0.75 0.13 52)";
391
+ readonly "tag-red": "oklch(0.72 0.15 25)";
392
+ readonly "tag-red-subtle": "oklch(0.275 0.05 25)";
393
+ readonly "tag-red-text": "oklch(0.75 0.13 25)";
394
+ readonly "tag-pink": "oklch(0.72 0.15 356)";
395
+ readonly "tag-pink-subtle": "oklch(0.275 0.05 356)";
396
+ readonly "tag-pink-text": "oklch(0.75 0.13 356)";
397
+ readonly "tag-magenta": "oklch(0.72 0.15 323)";
398
+ readonly "tag-magenta-subtle": "oklch(0.275 0.05 323)";
399
+ readonly "tag-magenta-text": "oklch(0.75 0.13 323)";
400
+ readonly "tag-purple": "oklch(0.72 0.15 295)";
401
+ readonly "tag-purple-subtle": "oklch(0.275 0.05 295)";
402
+ readonly "tag-purple-text": "oklch(0.75 0.13 295)";
403
+ readonly sidebar: "oklch(0.205 0.003 75)";
404
+ readonly "sidebar-foreground": "oklch(0.922 0.003 75)";
313
405
  readonly "sidebar-primary": "oklch(0.922 0.003 75)";
314
406
  readonly "sidebar-primary-foreground": "oklch(0.145 0.003 75)";
315
- readonly "sidebar-accent": "oklch(0.205 0.003 75)";
407
+ readonly "sidebar-accent": "oklch(0.269 0.003 75)";
316
408
  readonly "sidebar-accent-foreground": "oklch(0.922 0.003 75)";
317
- readonly "sidebar-border": "oklch(0.269 0.003 75)";
409
+ readonly "sidebar-border": "oklch(0.922 0.003 75 / 0.14)";
318
410
  readonly "sidebar-ring": "oklch(0.922 0.003 75)";
319
411
  readonly radius: "0.75rem";
320
412
  readonly "radius-xs": "0.125rem";
@@ -333,33 +425,39 @@ declare const tokens: {
333
425
  readonly "icon-feature": "1.5rem";
334
426
  readonly "sidebar-width": "15rem";
335
427
  readonly "sidebar-width-icon": "3rem";
336
- readonly "shadow-overlay": "0 4px 14px -4px oklch(0.13 0.002 75 / 0.1), 0 2px 4px -2px oklch(0.13 0.002 75 / 0.06)";
428
+ readonly "sidebar-width-mobile": "18rem";
429
+ readonly "layout-header-height": "3.5rem";
430
+ readonly "layout-overlay-max-height": "calc(100dvh - 16rem)";
431
+ readonly "panel-width-sm": "14rem";
432
+ readonly "panel-width-md": "18rem";
433
+ readonly "panel-width-lg": "20rem";
434
+ readonly "shadow-overlay": "0 8px 28px -6px oklch(0 0 0 / 0.48), 0 2px 8px -2px oklch(0 0 0 / 0.4)";
435
+ readonly "effect-blur-glass": "8px";
337
436
  readonly "z-raised": 10;
338
437
  readonly "z-overlay": 50;
438
+ readonly "z-toast": 60;
339
439
  readonly "opacity-dim": "50%";
340
440
  readonly "opacity-hint-soft": "60%";
341
441
  readonly "opacity-hint": "70%";
342
442
  readonly "opacity-track": "25%";
443
+ readonly "alpha-hover": "7%";
444
+ readonly "alpha-pressed": "10%";
445
+ readonly "alpha-border": "14%";
343
446
  readonly "alpha-tint-border": "70%";
344
447
  readonly "alpha-outline-border": "50%";
345
448
  readonly "alpha-border-subtle": "20%";
346
449
  readonly "alpha-border-soft": "30%";
347
450
  readonly "alpha-surface-faint": "5%";
348
- readonly "alpha-surface-subtle": "10%";
349
451
  readonly "alpha-ink-tint": "10%";
350
452
  readonly "alpha-ink-tint-strong": "15%";
351
- readonly "alpha-soft-hover": "30%";
352
- readonly "alpha-soft-surface": "20%";
353
453
  readonly "alpha-input": "30%";
354
- readonly "alpha-input-hover": "50%";
355
- readonly "alpha-fill-hover": "80%";
356
454
  readonly "alpha-wash-faint": "40%";
357
455
  readonly "alpha-wash": "50%";
358
456
  readonly "alpha-wash-strong": "60%";
359
457
  readonly "alpha-backdrop-soft": "60%";
360
458
  readonly "alpha-glass": "90%";
361
459
  readonly "alpha-glass-hover": "95%";
362
- readonly "alpha-link-hover": "80%";
460
+ readonly "alpha-link-hover": "88%";
363
461
  readonly "alpha-outline-soft": "50%";
364
462
  readonly "type-product-xs": {
365
463
  readonly fontSize: "0.6875rem";
@@ -469,13 +567,19 @@ declare const tokens: {
469
567
  readonly fontSize: "0.875rem";
470
568
  readonly lineHeight: "1.25rem";
471
569
  readonly fontWeight: "500";
472
- readonly letterSpacing: "0em";
570
+ readonly letterSpacing: "-0.01em";
571
+ };
572
+ readonly "text-strong": {
573
+ readonly fontSize: "0.875rem";
574
+ readonly lineHeight: "1.25rem";
575
+ readonly fontWeight: "600";
576
+ readonly letterSpacing: "-0.01em";
473
577
  };
474
578
  readonly "text-label-sm": {
475
579
  readonly fontSize: "0.75rem";
476
580
  readonly lineHeight: "1rem";
477
581
  readonly fontWeight: "500";
478
- readonly letterSpacing: "0em";
582
+ readonly letterSpacing: "-0.01em";
479
583
  };
480
584
  readonly "text-code": {
481
585
  readonly fontSize: "0.8125rem";
@@ -503,23 +607,29 @@ declare const tokens: {
503
607
  readonly "duration-fast": "150ms";
504
608
  readonly "duration-base": "200ms";
505
609
  readonly "duration-slow": "300ms";
610
+ readonly "duration-indeterminate": "1200ms";
506
611
  readonly "motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)";
507
612
  readonly "motion-ease-emphasized": "cubic-bezier(0.3, 0, 0, 1)";
508
613
  readonly "motion-ease-exit": "cubic-bezier(0.4, 0, 1, 1)";
509
614
  readonly "motion-ease-spring": "linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1)";
510
615
  readonly "motion-blur": "2px";
616
+ readonly border: "oklch(0.922 0.003 75 / 0.14)";
511
617
  readonly "destructive-hover": "oklch(0.455 0.213 27.52)";
512
618
  readonly "destructive-active": "oklch(0.415 0.213 27.52)";
513
619
  readonly "destructive-subtle-hover": "oklch(0.34 0.123 26.3)";
620
+ readonly "destructive-subtle-active": "oklch(0.364 0.137 26.9)";
514
621
  readonly "success-hover": "oklch(0.45 0.16 150)";
515
622
  readonly "success-active": "oklch(0.41 0.16 150)";
516
623
  readonly "success-subtle-hover": "oklch(0.348 0.092 148.9)";
624
+ readonly "success-subtle-active": "oklch(0.371 0.101 148.5)";
517
625
  readonly "warning-hover": "oklch(0.47 0.145 52)";
518
626
  readonly "warning-active": "oklch(0.43 0.145 52)";
519
627
  readonly "warning-subtle-hover": "oklch(0.356 0.093 46.6)";
628
+ readonly "warning-subtle-active": "oklch(0.381 0.1 47.3)";
520
629
  readonly "info-hover": "oklch(0.481 0.182 256)";
521
630
  readonly "info-active": "oklch(0.441 0.182 256)";
522
631
  readonly "info-subtle-hover": "oklch(0.354 0.101 254.3)";
632
+ readonly "info-subtle-active": "oklch(0.38 0.114 254.5)";
523
633
  };
524
634
  };
525
635
  type Theme = keyof typeof tokens;