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