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