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