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