@vegastack/design-tokens 0.2.0 → 0.5.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 +95 -47
  2. package/dist/theme.css +116 -409
  3. package/dist/tokens.cjs +94 -502
  4. package/dist/tokens.d.cts +92 -500
  5. package/dist/tokens.d.ts +92 -500
  6. package/dist/tokens.js +94 -502
  7. package/dist/tokens.json +94 -502
  8. package/dist/utilities.css +167 -13
  9. package/package.json +10 -10
package/dist/tokens.json CHANGED
@@ -1,53 +1,48 @@
1
1
  {
2
2
  "light": {
3
- "background": "oklch(0.994 0.002 75)",
4
- "foreground": "oklch(0.145 0.003 75)",
5
- "card": "oklch(0.985 0.003 75)",
6
- "card-foreground": "oklch(0.145 0.003 75)",
7
- "popover": "oklch(0.994 0.002 75)",
8
- "popover-foreground": "oklch(0.145 0.003 75)",
9
- "primary": "oklch(0.353 0.003 75)",
10
- "primary-foreground": "oklch(0.985 0.003 75)",
11
- "primary-hover": "oklch(0.269 0.003 75)",
12
- "primary-active": "oklch(0.236 0.003 75)",
13
- "track": "oklch(0.87 0.003 75)",
14
- "secondary": "oklch(0.97 0.003 75)",
15
- "secondary-foreground": "oklch(0.205 0.003 75)",
16
- "muted": "oklch(0.97 0.003 75)",
17
- "muted-foreground": "oklch(0.439 0.003 75)",
18
- "muted-foreground-faint": "oklch(0.63 0.003 75)",
19
- "accent": "oklch(0.97 0.003 75)",
20
- "accent-foreground": "oklch(0.205 0.003 75)",
21
- "destructive": "oklch(0.505 0.213 27.52)",
22
- "destructive-foreground": "oklch(0.985 0.003 75)",
23
- "destructive-subtle": "oklch(0.949 0.022 24)",
24
- "destructive-text": "oklch(0.521 0.2 25)",
25
- "destructive-border": "oklch(0.505 0.213 27.52)",
26
- "success": "oklch(0.5 0.16 150)",
27
- "success-foreground": "oklch(0.985 0.003 75)",
28
- "success-subtle": "oklch(0.951 0.051 150)",
29
- "success-text": "oklch(0.5 0.13 150)",
30
- "warning": "oklch(0.52 0.145 52)",
31
- "warning-foreground": "oklch(0.985 0.003 75)",
32
- "warning-subtle": "oklch(0.96 0.019 42)",
33
- "warning-text": "oklch(0.52 0.139 42)",
34
- "info": "oklch(0.531 0.182 256)",
35
- "info-foreground": "oklch(0.985 0.003 75)",
36
- "info-subtle": "oklch(0.961 0.018 253)",
37
- "info-text": "oklch(0.52 0.171 256)",
38
- "overlay": "oklch(0.13 0.002 75 / 0.28)",
39
- "border": "oklch(0.922 0.003 75)",
40
- "input": "oklch(0.922 0.003 75)",
41
- "ring": "oklch(0.353 0.003 75)",
3
+ "background": "oklch(1 0 0)",
4
+ "foreground": "oklch(0.145 0 0)",
5
+ "card": "oklch(1 0 0)",
6
+ "card-foreground": "oklch(0.145 0 0)",
7
+ "popover": "oklch(1 0 0)",
8
+ "popover-foreground": "oklch(0.145 0 0)",
9
+ "primary": "oklch(0.205 0 0)",
10
+ "primary-foreground": "oklch(0.985 0 0)",
11
+ "secondary": "oklch(0.97 0 0)",
12
+ "secondary-foreground": "oklch(0.205 0 0)",
13
+ "muted": "oklch(0.97 0 0)",
14
+ "muted-foreground": "oklch(0.539 0 0)",
15
+ "accent": "oklch(0.97 0 0)",
16
+ "accent-foreground": "oklch(0.205 0 0)",
17
+ "border": "oklch(0.922 0 0)",
18
+ "input": "oklch(0.922 0 0)",
19
+ "ring": "oklch(0.205 0 0)",
20
+ "destructive": "oklch(0.577 0.245 27.325)",
21
+ "destructive-foreground": "oklch(1 0 0)",
22
+ "destructive-text": "oklch(0.446 0.182 27.325)",
23
+ "success": "oklch(0.53 0.15 150)",
24
+ "success-foreground": "oklch(1 0 0)",
25
+ "success-text": "oklch(0.44 0.121 150)",
26
+ "warning": "oklch(0.55 0.12 70)",
27
+ "warning-foreground": "oklch(1 0 0)",
28
+ "warning-text": "oklch(0.462 0.1 70)",
29
+ "info": "oklch(0.55 0.19 256)",
30
+ "info-foreground": "oklch(1 0 0)",
31
+ "info-text": "oklch(0.456 0.156 256)",
32
+ "media-scrim": "oklch(0.13 0.002 75 / 0.6)",
33
+ "media-scrim-strong": "oklch(0.13 0.002 75 / 0.8)",
34
+ "media-foreground": "oklch(0.985 0 0)",
42
35
  "chart-1": "oklch(0.546 0.245 262.88)",
43
- "chart-2": "oklch(0.6 0.118 184.7)",
36
+ "chart-2": "oklch(0.581 0.118 184.7)",
44
37
  "chart-3": "oklch(0.398 0.07 227.39)",
45
- "chart-4": "oklch(0.646 0.222 41.12)",
46
- "chart-5": "oklch(0.645 0.246 16.44)",
38
+ "chart-4": "oklch(0.623 0.222 41.12)",
39
+ "chart-5": "oklch(0.632 0.246 16.44)",
47
40
  "chart-6": "oklch(0.505 0.213 27.52)",
48
- "chart-7": "oklch(0.6 0.127 104.2)",
41
+ "chart-7": "oklch(0.598 0.127 104.2)",
49
42
  "chart-8": "oklch(0.531 0.182 256)",
43
+ "chart-single": "oklch(0.145 0 0)",
50
44
  "brand": "oklch(0.6 0.17 148)",
45
+ "brand-text": "oklch(0.46 0.17 148)",
51
46
  "tag-blue": "oklch(0.6 0.16 256)",
52
47
  "tag-blue-subtle": "oklch(0.955 0.02 256)",
53
48
  "tag-blue-text": "oklch(0.51 0.15 256)",
@@ -78,267 +73,61 @@
78
73
  "tag-purple": "oklch(0.6 0.16 295)",
79
74
  "tag-purple-subtle": "oklch(0.955 0.02 295)",
80
75
  "tag-purple-text": "oklch(0.51 0.15 295)",
81
- "sidebar": "oklch(0.985 0.003 75)",
82
- "sidebar-foreground": "oklch(0.269 0.003 75)",
83
- "sidebar-primary": "oklch(0.145 0.003 75)",
84
- "sidebar-primary-foreground": "oklch(0.985 0.003 75)",
85
- "sidebar-accent": "oklch(0.955 0.003 75)",
86
- "sidebar-accent-foreground": "oklch(0.145 0.003 75)",
87
- "sidebar-border": "oklch(0.922 0.003 75)",
88
- "sidebar-ring": "oklch(0.353 0.003 75)",
89
- "radius": "0.75rem",
90
- "radius-xs": "0.125rem",
91
- "radius-sharp": "2px",
92
- "radius-sm": "0.375rem",
93
- "radius-md": "0.5rem",
94
- "radius-lg": "0.75rem",
95
- "size-xs": "1.5rem",
96
- "size-sm": "1.75rem",
97
- "size-md": "2rem",
98
- "size-lg": "2.5rem",
99
- "icon-compact": "0.75rem",
100
- "icon-inline": "0.875rem",
101
- "icon-default": "1rem",
102
- "icon-action": "1.25rem",
103
- "icon-feature": "1.5rem",
104
- "sidebar-width": "15rem",
105
- "sidebar-width-icon": "3rem",
106
- "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)",
107
- "shadow-lit": "inset 0 1px 0 0 oklch(1 0 0 / 0.12), 0 1px 2px 0 oklch(0.13 0.002 75 / 0.18), 0 2px 6px -2px oklch(0.13 0.002 75 / 0.14)",
108
- "effect-blur-glass": "8px",
109
- "z-raised": 10,
110
- "z-overlay": 50,
111
- "opacity-dim": "50%",
112
- "opacity-hint-soft": "60%",
113
- "opacity-hint": "70%",
114
- "opacity-track": "25%",
115
- "alpha-tint-border": "70%",
116
- "alpha-outline-border": "50%",
117
- "alpha-border-subtle": "20%",
118
- "alpha-border-soft": "30%",
119
- "alpha-surface-faint": "5%",
120
- "alpha-surface-subtle": "10%",
121
- "alpha-ink-tint": "10%",
122
- "alpha-ink-tint-strong": "15%",
123
- "alpha-soft-hover": "20%",
124
- "alpha-soft-surface": "10%",
125
- "alpha-input": "30%",
126
- "alpha-input-hover": "50%",
127
- "alpha-fill-hover": "80%",
128
- "alpha-wash-faint": "40%",
129
- "alpha-wash": "50%",
130
- "alpha-wash-strong": "60%",
131
- "alpha-backdrop-soft": "60%",
132
- "alpha-glass": "90%",
133
- "alpha-glass-hover": "95%",
134
- "alpha-link-hover": "80%",
135
- "alpha-outline-soft": "50%",
136
- "type-product-xs": {
137
- "fontSize": "0.6875rem",
138
- "lineHeight": "calc(16 / 11)"
139
- },
140
- "type-product-sm": {
141
- "fontSize": "0.75rem",
142
- "lineHeight": "calc(16 / 12)"
143
- },
144
- "type-product-base": {
145
- "fontSize": "0.875rem",
146
- "lineHeight": "calc(21 / 14)"
147
- },
148
- "type-product-lg": {
149
- "fontSize": "1rem",
150
- "lineHeight": "calc(24 / 16)"
151
- },
152
- "type-product-xl": {
153
- "fontSize": "1.125rem",
154
- "lineHeight": "calc(26 / 18)"
155
- },
156
- "type-product-2xl": {
157
- "fontSize": "1.25rem",
158
- "lineHeight": "calc(28 / 20)"
159
- },
160
- "type-product-3xl": {
161
- "fontSize": "1.5rem",
162
- "lineHeight": "calc(32 / 24)"
163
- },
164
- "type-doc-xs": {
165
- "fontSize": "0.75rem",
166
- "lineHeight": "calc(1 / 0.75)"
167
- },
168
- "type-doc-sm": {
169
- "fontSize": "0.875rem",
170
- "lineHeight": "calc(1.25 / 0.875)"
171
- },
172
- "type-doc-base": {
173
- "fontSize": "1rem",
174
- "lineHeight": "calc(1.5 / 1)"
175
- },
176
- "type-doc-lg": {
177
- "fontSize": "1.125rem",
178
- "lineHeight": "calc(1.75 / 1.125)"
179
- },
180
- "type-doc-xl": {
181
- "fontSize": "1.25rem",
182
- "lineHeight": "calc(1.75 / 1.25)"
183
- },
184
- "type-doc-2xl": {
185
- "fontSize": "1.5rem",
186
- "lineHeight": "calc(2 / 1.5)"
187
- },
188
- "type-doc-3xl": {
189
- "fontSize": "1.875rem",
190
- "lineHeight": "calc(2.25 / 1.875)"
191
- },
192
- "text-display-sm": {
193
- "fontSize": "2rem",
194
- "lineHeight": "2.25rem",
195
- "fontWeight": "400",
196
- "letterSpacing": "-0.04em"
197
- },
198
- "text-display-md": {
199
- "fontSize": "2.5rem",
200
- "lineHeight": "2.75rem",
201
- "fontWeight": "400",
202
- "letterSpacing": "-0.045em"
203
- },
204
- "text-display-lg": {
205
- "fontSize": "3.5rem",
206
- "lineHeight": "3.75rem",
207
- "fontWeight": "400",
208
- "letterSpacing": "-0.05em"
209
- },
210
- "text-display-xl": {
211
- "fontSize": "4.5rem",
212
- "lineHeight": "4.75rem",
213
- "fontWeight": "400",
214
- "letterSpacing": "-0.06em"
215
- },
216
- "text-h1": {
217
- "fontSize": "1.5rem",
218
- "lineHeight": "2rem",
219
- "fontWeight": "400",
220
- "letterSpacing": "-0.02em"
221
- },
222
- "text-h2": {
223
- "fontSize": "1.25rem",
224
- "lineHeight": "1.75rem",
225
- "fontWeight": "400",
226
- "letterSpacing": "-0.015em"
227
- },
228
- "text-h3": {
229
- "fontSize": "1.125rem",
230
- "lineHeight": "1.5rem",
231
- "fontWeight": "400",
232
- "letterSpacing": "-0.01em"
233
- },
234
- "text-h4": {
235
- "fontSize": "1rem",
236
- "lineHeight": "1.375rem",
237
- "fontWeight": "500",
238
- "letterSpacing": "0em"
239
- },
240
- "text-label": {
241
- "fontSize": "0.875rem",
242
- "lineHeight": "1.25rem",
243
- "fontWeight": "500",
244
- "letterSpacing": "-0.01em"
245
- },
246
- "text-strong": {
247
- "fontSize": "0.875rem",
248
- "lineHeight": "1.25rem",
249
- "fontWeight": "600",
250
- "letterSpacing": "-0.01em"
251
- },
252
- "text-label-sm": {
253
- "fontSize": "0.75rem",
254
- "lineHeight": "1rem",
255
- "fontWeight": "500",
256
- "letterSpacing": "-0.01em"
257
- },
258
- "text-code": {
259
- "fontSize": "0.8125rem",
260
- "lineHeight": "1.25rem",
261
- "fontWeight": "400",
262
- "letterSpacing": "0em"
263
- },
264
- "text-code-sm": {
265
- "fontSize": "0.75rem",
266
- "lineHeight": "1rem",
267
- "fontWeight": "400",
268
- "letterSpacing": "0em"
269
- },
270
- "text-mono-label": {
271
- "fontSize": "0.75rem",
272
- "lineHeight": "1rem",
273
- "fontWeight": "400",
274
- "letterSpacing": "0.05em"
275
- },
76
+ "sidebar": "oklch(0.985 0 0)",
77
+ "sidebar-foreground": "oklch(0.145 0 0)",
78
+ "sidebar-primary": "oklch(0.205 0 0)",
79
+ "sidebar-primary-foreground": "oklch(0.985 0 0)",
80
+ "sidebar-accent": "oklch(0.97 0 0)",
81
+ "sidebar-accent-foreground": "oklch(0.205 0 0)",
82
+ "sidebar-border": "oklch(0.922 0 0)",
83
+ "sidebar-ring": "oklch(0.205 0 0)",
84
+ "radius": "0.625rem",
276
85
  "font-family-sans": "Geist, sans-serif",
277
86
  "font-family-mono": "'Geist Mono', monospace",
278
87
  "font-family-serif": "Newsreader, serif",
279
88
  "font-family-display": "Geist, sans-serif",
280
- "font-family-pixel": "'Geist Pixel Square', monospace",
281
89
  "duration-fast": "150ms",
282
90
  "duration-base": "200ms",
283
91
  "duration-slow": "300ms",
92
+ "duration-indeterminate": "1200ms",
284
93
  "motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
285
94
  "motion-ease-emphasized": "cubic-bezier(0.3, 0, 0, 1)",
286
95
  "motion-ease-exit": "cubic-bezier(0.4, 0, 1, 1)",
287
- "motion-ease-spring": "linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1)",
288
- "motion-blur": "2px",
289
- "destructive-hover": "oklch(0.455 0.213 27.52)",
290
- "destructive-active": "oklch(0.415 0.213 27.52)",
291
- "destructive-subtle-hover": "oklch(0.91 0.036 20.4)",
292
- "success-hover": "oklch(0.45 0.16 150)",
293
- "success-active": "oklch(0.41 0.16 150)",
294
- "success-subtle-hover": "oklch(0.919 0.059 151.1)",
295
- "warning-hover": "oklch(0.47 0.145 52)",
296
- "warning-active": "oklch(0.43 0.145 52)",
297
- "warning-subtle-hover": "oklch(0.929 0.027 48.8)",
298
- "info-hover": "oklch(0.481 0.182 256)",
299
- "info-active": "oklch(0.441 0.182 256)",
300
- "info-subtle-hover": "oklch(0.929 0.03 251.1)"
96
+ "motion-ease-spring": "linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1)"
301
97
  },
302
98
  "dark": {
303
- "background": "oklch(0.175 0.003 75)",
304
- "foreground": "oklch(0.922 0.003 75)",
305
- "card": "oklch(0.205 0.003 75)",
306
- "card-foreground": "oklch(0.922 0.003 75)",
307
- "popover": "oklch(0.205 0.003 75)",
308
- "popover-foreground": "oklch(0.922 0.003 75)",
309
- "primary": "oklch(0.922 0.003 75)",
310
- "primary-foreground": "oklch(0.145 0.003 75)",
311
- "primary-hover": "oklch(0.97 0.003 75)",
312
- "primary-active": "oklch(0.994 0.002 75)",
313
- "track": "oklch(0.439 0.003 75)",
314
- "secondary": "oklch(0.269 0.003 75)",
315
- "secondary-foreground": "oklch(0.922 0.003 75)",
316
- "muted": "oklch(0.269 0.003 75)",
317
- "muted-foreground": "oklch(0.66 0.003 75)",
318
- "muted-foreground-faint": "oklch(0.559 0.003 75)",
319
- "accent": "oklch(0.269 0.003 75)",
320
- "accent-foreground": "oklch(0.967 0.003 75)",
321
- "destructive": "oklch(0.505 0.213 27.52)",
322
- "destructive-foreground": "oklch(0.985 0.003 75)",
323
- "destructive-subtle": "oklch(0.275 0.07 25)",
324
- "destructive-text": "oklch(0.72 0.16 25)",
325
- "destructive-border": "oklch(0.72 0.16 25)",
326
- "success": "oklch(0.5 0.16 150)",
327
- "success-foreground": "oklch(0.985 0.003 75)",
328
- "success-subtle": "oklch(0.276 0.061 150)",
329
- "success-text": "oklch(0.72 0.17 150)",
330
- "warning": "oklch(0.52 0.145 52)",
331
- "warning-foreground": "oklch(0.985 0.003 75)",
332
- "warning-subtle": "oklch(0.28 0.069 42)",
333
- "warning-text": "oklch(0.769 0.188 70.08)",
334
- "info": "oklch(0.531 0.182 256)",
335
- "info-foreground": "oklch(0.985 0.003 75)",
336
- "info-subtle": "oklch(0.275 0.059 255)",
337
- "info-text": "oklch(0.72 0.13 256)",
338
- "overlay": "oklch(0 0 0 / 0.55)",
339
- "border": "oklch(0.269 0.003 75)",
340
- "input": "oklch(0.269 0.003 75)",
341
- "ring": "oklch(0.922 0.003 75)",
99
+ "background": "oklch(0.145 0 0)",
100
+ "foreground": "oklch(0.985 0 0)",
101
+ "card": "oklch(0.205 0 0)",
102
+ "card-foreground": "oklch(0.985 0 0)",
103
+ "popover": "oklch(0.205 0 0)",
104
+ "popover-foreground": "oklch(0.985 0 0)",
105
+ "primary": "oklch(0.922 0 0)",
106
+ "primary-foreground": "oklch(0.205 0 0)",
107
+ "secondary": "oklch(0.269 0 0)",
108
+ "secondary-foreground": "oklch(0.985 0 0)",
109
+ "muted": "oklch(0.269 0 0)",
110
+ "muted-foreground": "oklch(0.708 0 0)",
111
+ "accent": "oklch(0.269 0 0)",
112
+ "accent-foreground": "oklch(0.985 0 0)",
113
+ "border": "oklch(1 0 0 / 0.1)",
114
+ "input": "oklch(1 0 0 / 0.15)",
115
+ "ring": "oklch(0.922 0 0)",
116
+ "destructive": "oklch(0.704 0.191 22.216)",
117
+ "destructive-foreground": "oklch(0.145 0 0)",
118
+ "destructive-text": "oklch(0.756 0.146 22.216)",
119
+ "success": "oklch(0.72 0.17 150)",
120
+ "success-foreground": "oklch(0.145 0 0)",
121
+ "success-text": "oklch(0.748 0.17 150)",
122
+ "warning": "oklch(0.75 0.15 70)",
123
+ "warning-foreground": "oklch(0.145 0 0)",
124
+ "warning-text": "oklch(0.776 0.15 70)",
125
+ "info": "oklch(0.72 0.15 256)",
126
+ "info-foreground": "oklch(0.145 0 0)",
127
+ "info-text": "oklch(0.76 0.124 256)",
128
+ "media-scrim": "oklch(0.13 0.002 75 / 0.6)",
129
+ "media-scrim-strong": "oklch(0.13 0.002 75 / 0.8)",
130
+ "media-foreground": "oklch(0.985 0 0)",
342
131
  "chart-1": "oklch(0.623 0.214 259.81)",
343
132
  "chart-2": "oklch(0.696 0.17 162.48)",
344
133
  "chart-3": "oklch(0.769 0.188 70.08)",
@@ -347,7 +136,9 @@
347
136
  "chart-6": "oklch(0.69 0.21 25)",
348
137
  "chart-7": "oklch(0.72 0.15 103.9)",
349
138
  "chart-8": "oklch(0.72 0.13 256)",
139
+ "chart-single": "oklch(0.985 0 0)",
350
140
  "brand": "oklch(0.86 0.21 148)",
141
+ "brand-text": "oklch(0.86 0.21 148)",
351
142
  "tag-blue": "oklch(0.72 0.14 256)",
352
143
  "tag-blue-subtle": "oklch(0.275 0.05 256)",
353
144
  "tag-blue-text": "oklch(0.75 0.13 256)",
@@ -378,225 +169,26 @@
378
169
  "tag-purple": "oklch(0.72 0.15 295)",
379
170
  "tag-purple-subtle": "oklch(0.275 0.05 295)",
380
171
  "tag-purple-text": "oklch(0.75 0.13 295)",
381
- "sidebar": "oklch(0.145 0.003 75)",
382
- "sidebar-foreground": "oklch(0.87 0.003 75)",
383
- "sidebar-primary": "oklch(0.922 0.003 75)",
384
- "sidebar-primary-foreground": "oklch(0.145 0.003 75)",
385
- "sidebar-accent": "oklch(0.205 0.003 75)",
386
- "sidebar-accent-foreground": "oklch(0.922 0.003 75)",
387
- "sidebar-border": "oklch(0.269 0.003 75)",
388
- "sidebar-ring": "oklch(0.922 0.003 75)",
389
- "radius": "0.75rem",
390
- "radius-xs": "0.125rem",
391
- "radius-sharp": "2px",
392
- "radius-sm": "0.375rem",
393
- "radius-md": "0.5rem",
394
- "radius-lg": "0.75rem",
395
- "size-xs": "1.5rem",
396
- "size-sm": "1.75rem",
397
- "size-md": "2rem",
398
- "size-lg": "2.5rem",
399
- "icon-compact": "0.75rem",
400
- "icon-inline": "0.875rem",
401
- "icon-default": "1rem",
402
- "icon-action": "1.25rem",
403
- "icon-feature": "1.5rem",
404
- "sidebar-width": "15rem",
405
- "sidebar-width-icon": "3rem",
406
- "shadow-overlay": "0 8px 28px -6px oklch(0 0 0 / 0.48), 0 2px 8px -2px oklch(0 0 0 / 0.4)",
407
- "shadow-lit": "inset 0 1px 0 0 oklch(1 0 0 / 0.35), 0 2px 6px -2px oklch(0 0 0 / 0.5)",
408
- "effect-blur-glass": "8px",
409
- "z-raised": 10,
410
- "z-overlay": 50,
411
- "opacity-dim": "50%",
412
- "opacity-hint-soft": "60%",
413
- "opacity-hint": "70%",
414
- "opacity-track": "25%",
415
- "alpha-tint-border": "70%",
416
- "alpha-outline-border": "50%",
417
- "alpha-border-subtle": "20%",
418
- "alpha-border-soft": "30%",
419
- "alpha-surface-faint": "5%",
420
- "alpha-surface-subtle": "10%",
421
- "alpha-ink-tint": "10%",
422
- "alpha-ink-tint-strong": "15%",
423
- "alpha-soft-hover": "30%",
424
- "alpha-soft-surface": "20%",
425
- "alpha-input": "30%",
426
- "alpha-input-hover": "50%",
427
- "alpha-fill-hover": "80%",
428
- "alpha-wash-faint": "40%",
429
- "alpha-wash": "50%",
430
- "alpha-wash-strong": "60%",
431
- "alpha-backdrop-soft": "60%",
432
- "alpha-glass": "90%",
433
- "alpha-glass-hover": "95%",
434
- "alpha-link-hover": "80%",
435
- "alpha-outline-soft": "50%",
436
- "type-product-xs": {
437
- "fontSize": "0.6875rem",
438
- "lineHeight": "calc(16 / 11)"
439
- },
440
- "type-product-sm": {
441
- "fontSize": "0.75rem",
442
- "lineHeight": "calc(16 / 12)"
443
- },
444
- "type-product-base": {
445
- "fontSize": "0.875rem",
446
- "lineHeight": "calc(21 / 14)"
447
- },
448
- "type-product-lg": {
449
- "fontSize": "1rem",
450
- "lineHeight": "calc(24 / 16)"
451
- },
452
- "type-product-xl": {
453
- "fontSize": "1.125rem",
454
- "lineHeight": "calc(26 / 18)"
455
- },
456
- "type-product-2xl": {
457
- "fontSize": "1.25rem",
458
- "lineHeight": "calc(28 / 20)"
459
- },
460
- "type-product-3xl": {
461
- "fontSize": "1.5rem",
462
- "lineHeight": "calc(32 / 24)"
463
- },
464
- "type-doc-xs": {
465
- "fontSize": "0.75rem",
466
- "lineHeight": "calc(1 / 0.75)"
467
- },
468
- "type-doc-sm": {
469
- "fontSize": "0.875rem",
470
- "lineHeight": "calc(1.25 / 0.875)"
471
- },
472
- "type-doc-base": {
473
- "fontSize": "1rem",
474
- "lineHeight": "calc(1.5 / 1)"
475
- },
476
- "type-doc-lg": {
477
- "fontSize": "1.125rem",
478
- "lineHeight": "calc(1.75 / 1.125)"
479
- },
480
- "type-doc-xl": {
481
- "fontSize": "1.25rem",
482
- "lineHeight": "calc(1.75 / 1.25)"
483
- },
484
- "type-doc-2xl": {
485
- "fontSize": "1.5rem",
486
- "lineHeight": "calc(2 / 1.5)"
487
- },
488
- "type-doc-3xl": {
489
- "fontSize": "1.875rem",
490
- "lineHeight": "calc(2.25 / 1.875)"
491
- },
492
- "text-display-sm": {
493
- "fontSize": "2rem",
494
- "lineHeight": "2.25rem",
495
- "fontWeight": "400",
496
- "letterSpacing": "-0.04em"
497
- },
498
- "text-display-md": {
499
- "fontSize": "2.5rem",
500
- "lineHeight": "2.75rem",
501
- "fontWeight": "400",
502
- "letterSpacing": "-0.045em"
503
- },
504
- "text-display-lg": {
505
- "fontSize": "3.5rem",
506
- "lineHeight": "3.75rem",
507
- "fontWeight": "400",
508
- "letterSpacing": "-0.05em"
509
- },
510
- "text-display-xl": {
511
- "fontSize": "4.5rem",
512
- "lineHeight": "4.75rem",
513
- "fontWeight": "400",
514
- "letterSpacing": "-0.06em"
515
- },
516
- "text-h1": {
517
- "fontSize": "1.5rem",
518
- "lineHeight": "2rem",
519
- "fontWeight": "400",
520
- "letterSpacing": "-0.02em"
521
- },
522
- "text-h2": {
523
- "fontSize": "1.25rem",
524
- "lineHeight": "1.75rem",
525
- "fontWeight": "400",
526
- "letterSpacing": "-0.015em"
527
- },
528
- "text-h3": {
529
- "fontSize": "1.125rem",
530
- "lineHeight": "1.5rem",
531
- "fontWeight": "400",
532
- "letterSpacing": "-0.01em"
533
- },
534
- "text-h4": {
535
- "fontSize": "1rem",
536
- "lineHeight": "1.375rem",
537
- "fontWeight": "500",
538
- "letterSpacing": "0em"
539
- },
540
- "text-label": {
541
- "fontSize": "0.875rem",
542
- "lineHeight": "1.25rem",
543
- "fontWeight": "500",
544
- "letterSpacing": "-0.01em"
545
- },
546
- "text-strong": {
547
- "fontSize": "0.875rem",
548
- "lineHeight": "1.25rem",
549
- "fontWeight": "600",
550
- "letterSpacing": "-0.01em"
551
- },
552
- "text-label-sm": {
553
- "fontSize": "0.75rem",
554
- "lineHeight": "1rem",
555
- "fontWeight": "500",
556
- "letterSpacing": "-0.01em"
557
- },
558
- "text-code": {
559
- "fontSize": "0.8125rem",
560
- "lineHeight": "1.25rem",
561
- "fontWeight": "400",
562
- "letterSpacing": "0em"
563
- },
564
- "text-code-sm": {
565
- "fontSize": "0.75rem",
566
- "lineHeight": "1rem",
567
- "fontWeight": "400",
568
- "letterSpacing": "0em"
569
- },
570
- "text-mono-label": {
571
- "fontSize": "0.75rem",
572
- "lineHeight": "1rem",
573
- "fontWeight": "400",
574
- "letterSpacing": "0.05em"
575
- },
172
+ "sidebar": "oklch(0.205 0 0)",
173
+ "sidebar-foreground": "oklch(0.985 0 0)",
174
+ "sidebar-primary": "oklch(0.488 0.243 264.376)",
175
+ "sidebar-primary-foreground": "oklch(0.985 0 0)",
176
+ "sidebar-accent": "oklch(0.269 0 0)",
177
+ "sidebar-accent-foreground": "oklch(0.985 0 0)",
178
+ "sidebar-border": "oklch(1 0 0 / 0.1)",
179
+ "sidebar-ring": "oklch(0.922 0 0)",
180
+ "radius": "0.625rem",
576
181
  "font-family-sans": "Geist, sans-serif",
577
182
  "font-family-mono": "'Geist Mono', monospace",
578
183
  "font-family-serif": "Newsreader, serif",
579
184
  "font-family-display": "Geist, sans-serif",
580
- "font-family-pixel": "'Geist Pixel Square', monospace",
581
185
  "duration-fast": "150ms",
582
186
  "duration-base": "200ms",
583
187
  "duration-slow": "300ms",
188
+ "duration-indeterminate": "1200ms",
584
189
  "motion-ease-standard": "cubic-bezier(0.2, 0, 0, 1)",
585
190
  "motion-ease-emphasized": "cubic-bezier(0.3, 0, 0, 1)",
586
191
  "motion-ease-exit": "cubic-bezier(0.4, 0, 1, 1)",
587
- "motion-ease-spring": "linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1)",
588
- "motion-blur": "2px",
589
- "destructive-hover": "oklch(0.455 0.213 27.52)",
590
- "destructive-active": "oklch(0.415 0.213 27.52)",
591
- "destructive-subtle-hover": "oklch(0.34 0.123 26.3)",
592
- "success-hover": "oklch(0.45 0.16 150)",
593
- "success-active": "oklch(0.41 0.16 150)",
594
- "success-subtle-hover": "oklch(0.348 0.092 148.9)",
595
- "warning-hover": "oklch(0.47 0.145 52)",
596
- "warning-active": "oklch(0.43 0.145 52)",
597
- "warning-subtle-hover": "oklch(0.356 0.093 46.6)",
598
- "info-hover": "oklch(0.481 0.182 256)",
599
- "info-active": "oklch(0.441 0.182 256)",
600
- "info-subtle-hover": "oklch(0.354 0.101 254.3)"
192
+ "motion-ease-spring": "linear(0, 0.5 60%, 1.05 80%, 0.98 90%, 1)"
601
193
  }
602
194
  }