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