@ismail-elkorchi/ui-tokens 0.1.0 → 0.1.1
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.
- package/README.md +113 -10
- package/dist/base.css +986 -0
- package/dist/index.css +1646 -1
- package/dist/index.d.ts +7 -0
- package/dist/index.js +38 -0
- package/dist/themes/uik-dark.css +657 -0
- package/dist/themes/uik-density-comfortable.css +26 -0
- package/dist/themes/uik-density-compact.css +26 -0
- package/dist/themes/uik-light.css +420 -0
- package/dist/themes/uik-theme-base.css +414 -0
- package/dist/tokens.resolved.dark.comfortable.json +2355 -0
- package/dist/tokens.resolved.dark.compact.json +2377 -0
- package/dist/tokens.resolved.light.comfortable.json +2355 -0
- package/dist/tokens.resolved.light.compact.json +2377 -0
- package/dist/uik-tailwind.compat.css +638 -0
- package/dist/uik-tailwind.strict.css +659 -0
- package/package.json +44 -9
- package/dist/theme.css +0 -45
|
@@ -0,0 +1,2355 @@
|
|
|
1
|
+
{
|
|
2
|
+
"blur": {
|
|
3
|
+
"0": {
|
|
4
|
+
"$value": "0",
|
|
5
|
+
"$type": "dimension"
|
|
6
|
+
},
|
|
7
|
+
"1": {
|
|
8
|
+
"$value": "0.125rem",
|
|
9
|
+
"$type": "dimension"
|
|
10
|
+
},
|
|
11
|
+
"2": {
|
|
12
|
+
"$value": "0.25rem",
|
|
13
|
+
"$type": "dimension"
|
|
14
|
+
},
|
|
15
|
+
"3": {
|
|
16
|
+
"$value": "0.5rem",
|
|
17
|
+
"$type": "dimension"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"border": {
|
|
21
|
+
"danger": {
|
|
22
|
+
"$value": "oklch(0.60 0.160 25)",
|
|
23
|
+
"$type": "color",
|
|
24
|
+
"$description": "Border danger."
|
|
25
|
+
},
|
|
26
|
+
"default": {
|
|
27
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
28
|
+
"$type": "color",
|
|
29
|
+
"$description": "Border default."
|
|
30
|
+
},
|
|
31
|
+
"focus": {
|
|
32
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
33
|
+
"$type": "color",
|
|
34
|
+
"$description": "Border focus."
|
|
35
|
+
},
|
|
36
|
+
"info": {
|
|
37
|
+
"$value": "oklch(0.60 0.160 210)",
|
|
38
|
+
"$type": "color",
|
|
39
|
+
"$description": "Border info."
|
|
40
|
+
},
|
|
41
|
+
"muted": {
|
|
42
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
43
|
+
"$type": "color",
|
|
44
|
+
"$description": "Border muted."
|
|
45
|
+
},
|
|
46
|
+
"strong": {
|
|
47
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
48
|
+
"$type": "color",
|
|
49
|
+
"$description": "Border strong."
|
|
50
|
+
},
|
|
51
|
+
"style": {
|
|
52
|
+
"solid": {
|
|
53
|
+
"$value": "solid",
|
|
54
|
+
"$type": "strokeStyle"
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
"success": {
|
|
58
|
+
"$value": "oklch(0.60 0.160 145)",
|
|
59
|
+
"$type": "color",
|
|
60
|
+
"$description": "Border success."
|
|
61
|
+
},
|
|
62
|
+
"warning": {
|
|
63
|
+
"$value": "oklch(0.66 0.150 85)",
|
|
64
|
+
"$type": "color",
|
|
65
|
+
"$description": "Border warning."
|
|
66
|
+
},
|
|
67
|
+
"width": {
|
|
68
|
+
"0": {
|
|
69
|
+
"$value": "0",
|
|
70
|
+
"$type": "dimension"
|
|
71
|
+
},
|
|
72
|
+
"1": {
|
|
73
|
+
"$value": "0.0625rem",
|
|
74
|
+
"$type": "dimension"
|
|
75
|
+
},
|
|
76
|
+
"2": {
|
|
77
|
+
"$value": "0.125rem",
|
|
78
|
+
"$type": "dimension"
|
|
79
|
+
},
|
|
80
|
+
"4": {
|
|
81
|
+
"$value": "0.25rem",
|
|
82
|
+
"$type": "dimension"
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
},
|
|
86
|
+
"color": {
|
|
87
|
+
"accent": {
|
|
88
|
+
"1": {
|
|
89
|
+
"$value": "oklch(0.97 0.020 250)",
|
|
90
|
+
"$type": "color"
|
|
91
|
+
},
|
|
92
|
+
"2": {
|
|
93
|
+
"$value": "oklch(0.93 0.030 250)",
|
|
94
|
+
"$type": "color"
|
|
95
|
+
},
|
|
96
|
+
"3": {
|
|
97
|
+
"$value": "oklch(0.88 0.050 250)",
|
|
98
|
+
"$type": "color"
|
|
99
|
+
},
|
|
100
|
+
"4": {
|
|
101
|
+
"$value": "oklch(0.82 0.080 250)",
|
|
102
|
+
"$type": "color"
|
|
103
|
+
},
|
|
104
|
+
"5": {
|
|
105
|
+
"$value": "oklch(0.76 0.110 250)",
|
|
106
|
+
"$type": "color"
|
|
107
|
+
},
|
|
108
|
+
"6": {
|
|
109
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
110
|
+
"$type": "color"
|
|
111
|
+
},
|
|
112
|
+
"7": {
|
|
113
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
114
|
+
"$type": "color"
|
|
115
|
+
},
|
|
116
|
+
"8": {
|
|
117
|
+
"$value": "oklch(0.52 0.170 250)",
|
|
118
|
+
"$type": "color"
|
|
119
|
+
},
|
|
120
|
+
"9": {
|
|
121
|
+
"$value": "oklch(0.45 0.160 250)",
|
|
122
|
+
"$type": "color"
|
|
123
|
+
},
|
|
124
|
+
"10": {
|
|
125
|
+
"$value": "oklch(0.38 0.140 250)",
|
|
126
|
+
"$type": "color"
|
|
127
|
+
},
|
|
128
|
+
"11": {
|
|
129
|
+
"$value": "oklch(0.31 0.120 250)",
|
|
130
|
+
"$type": "color"
|
|
131
|
+
},
|
|
132
|
+
"12": {
|
|
133
|
+
"$value": "oklch(0.24 0.100 250)",
|
|
134
|
+
"$type": "color"
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
"danger": {
|
|
138
|
+
"1": {
|
|
139
|
+
"$value": "oklch(0.97 0.020 25)",
|
|
140
|
+
"$type": "color"
|
|
141
|
+
},
|
|
142
|
+
"2": {
|
|
143
|
+
"$value": "oklch(0.93 0.030 25)",
|
|
144
|
+
"$type": "color"
|
|
145
|
+
},
|
|
146
|
+
"3": {
|
|
147
|
+
"$value": "oklch(0.88 0.050 25)",
|
|
148
|
+
"$type": "color"
|
|
149
|
+
},
|
|
150
|
+
"4": {
|
|
151
|
+
"$value": "oklch(0.82 0.080 25)",
|
|
152
|
+
"$type": "color"
|
|
153
|
+
},
|
|
154
|
+
"5": {
|
|
155
|
+
"$value": "oklch(0.76 0.110 25)",
|
|
156
|
+
"$type": "color"
|
|
157
|
+
},
|
|
158
|
+
"6": {
|
|
159
|
+
"$value": "oklch(0.68 0.140 25)",
|
|
160
|
+
"$type": "color"
|
|
161
|
+
},
|
|
162
|
+
"7": {
|
|
163
|
+
"$value": "oklch(0.60 0.160 25)",
|
|
164
|
+
"$type": "color"
|
|
165
|
+
},
|
|
166
|
+
"8": {
|
|
167
|
+
"$value": "oklch(0.52 0.170 25)",
|
|
168
|
+
"$type": "color"
|
|
169
|
+
},
|
|
170
|
+
"9": {
|
|
171
|
+
"$value": "oklch(0.45 0.160 25)",
|
|
172
|
+
"$type": "color"
|
|
173
|
+
},
|
|
174
|
+
"10": {
|
|
175
|
+
"$value": "oklch(0.38 0.140 25)",
|
|
176
|
+
"$type": "color"
|
|
177
|
+
},
|
|
178
|
+
"11": {
|
|
179
|
+
"$value": "oklch(0.31 0.120 25)",
|
|
180
|
+
"$type": "color"
|
|
181
|
+
},
|
|
182
|
+
"12": {
|
|
183
|
+
"$value": "oklch(0.24 0.100 25)",
|
|
184
|
+
"$type": "color"
|
|
185
|
+
}
|
|
186
|
+
},
|
|
187
|
+
"dataviz": {
|
|
188
|
+
"cat": {
|
|
189
|
+
"1": {
|
|
190
|
+
"$value": "oklch(0.68 0.160 15)",
|
|
191
|
+
"$type": "color"
|
|
192
|
+
},
|
|
193
|
+
"2": {
|
|
194
|
+
"$value": "oklch(0.68 0.160 45)",
|
|
195
|
+
"$type": "color"
|
|
196
|
+
},
|
|
197
|
+
"3": {
|
|
198
|
+
"$value": "oklch(0.68 0.160 75)",
|
|
199
|
+
"$type": "color"
|
|
200
|
+
},
|
|
201
|
+
"4": {
|
|
202
|
+
"$value": "oklch(0.68 0.160 105)",
|
|
203
|
+
"$type": "color"
|
|
204
|
+
},
|
|
205
|
+
"5": {
|
|
206
|
+
"$value": "oklch(0.68 0.160 135)",
|
|
207
|
+
"$type": "color"
|
|
208
|
+
},
|
|
209
|
+
"6": {
|
|
210
|
+
"$value": "oklch(0.68 0.160 165)",
|
|
211
|
+
"$type": "color"
|
|
212
|
+
},
|
|
213
|
+
"7": {
|
|
214
|
+
"$value": "oklch(0.68 0.160 195)",
|
|
215
|
+
"$type": "color"
|
|
216
|
+
},
|
|
217
|
+
"8": {
|
|
218
|
+
"$value": "oklch(0.68 0.160 225)",
|
|
219
|
+
"$type": "color"
|
|
220
|
+
},
|
|
221
|
+
"9": {
|
|
222
|
+
"$value": "oklch(0.68 0.160 255)",
|
|
223
|
+
"$type": "color"
|
|
224
|
+
},
|
|
225
|
+
"10": {
|
|
226
|
+
"$value": "oklch(0.68 0.160 285)",
|
|
227
|
+
"$type": "color"
|
|
228
|
+
},
|
|
229
|
+
"11": {
|
|
230
|
+
"$value": "oklch(0.68 0.160 315)",
|
|
231
|
+
"$type": "color"
|
|
232
|
+
},
|
|
233
|
+
"12": {
|
|
234
|
+
"$value": "oklch(0.68 0.160 345)",
|
|
235
|
+
"$type": "color"
|
|
236
|
+
}
|
|
237
|
+
},
|
|
238
|
+
"div": {
|
|
239
|
+
"1": {
|
|
240
|
+
"$value": "oklch(0.36 0.120 25)",
|
|
241
|
+
"$type": "color"
|
|
242
|
+
},
|
|
243
|
+
"2": {
|
|
244
|
+
"$value": "oklch(0.45 0.130 25)",
|
|
245
|
+
"$type": "color"
|
|
246
|
+
},
|
|
247
|
+
"3": {
|
|
248
|
+
"$value": "oklch(0.54 0.120 25)",
|
|
249
|
+
"$type": "color"
|
|
250
|
+
},
|
|
251
|
+
"4": {
|
|
252
|
+
"$value": "oklch(0.63 0.100 25)",
|
|
253
|
+
"$type": "color"
|
|
254
|
+
},
|
|
255
|
+
"5": {
|
|
256
|
+
"$value": "oklch(0.72 0.070 25)",
|
|
257
|
+
"$type": "color"
|
|
258
|
+
},
|
|
259
|
+
"6": {
|
|
260
|
+
"$value": "oklch(0.90 0.010 260)",
|
|
261
|
+
"$type": "color"
|
|
262
|
+
},
|
|
263
|
+
"7": {
|
|
264
|
+
"$value": "oklch(0.72 0.070 145)",
|
|
265
|
+
"$type": "color"
|
|
266
|
+
},
|
|
267
|
+
"8": {
|
|
268
|
+
"$value": "oklch(0.63 0.100 145)",
|
|
269
|
+
"$type": "color"
|
|
270
|
+
},
|
|
271
|
+
"9": {
|
|
272
|
+
"$value": "oklch(0.54 0.120 145)",
|
|
273
|
+
"$type": "color"
|
|
274
|
+
},
|
|
275
|
+
"10": {
|
|
276
|
+
"$value": "oklch(0.45 0.130 145)",
|
|
277
|
+
"$type": "color"
|
|
278
|
+
},
|
|
279
|
+
"11": {
|
|
280
|
+
"$value": "oklch(0.36 0.120 145)",
|
|
281
|
+
"$type": "color"
|
|
282
|
+
}
|
|
283
|
+
},
|
|
284
|
+
"seq": {
|
|
285
|
+
"1": {
|
|
286
|
+
"$value": "oklch(0.96 0.020 250)",
|
|
287
|
+
"$type": "color"
|
|
288
|
+
},
|
|
289
|
+
"2": {
|
|
290
|
+
"$value": "oklch(0.92 0.030 250)",
|
|
291
|
+
"$type": "color"
|
|
292
|
+
},
|
|
293
|
+
"3": {
|
|
294
|
+
"$value": "oklch(0.87 0.050 250)",
|
|
295
|
+
"$type": "color"
|
|
296
|
+
},
|
|
297
|
+
"4": {
|
|
298
|
+
"$value": "oklch(0.81 0.075 250)",
|
|
299
|
+
"$type": "color"
|
|
300
|
+
},
|
|
301
|
+
"5": {
|
|
302
|
+
"$value": "oklch(0.74 0.100 250)",
|
|
303
|
+
"$type": "color"
|
|
304
|
+
},
|
|
305
|
+
"6": {
|
|
306
|
+
"$value": "oklch(0.66 0.120 250)",
|
|
307
|
+
"$type": "color"
|
|
308
|
+
},
|
|
309
|
+
"7": {
|
|
310
|
+
"$value": "oklch(0.57 0.130 250)",
|
|
311
|
+
"$type": "color"
|
|
312
|
+
},
|
|
313
|
+
"8": {
|
|
314
|
+
"$value": "oklch(0.47 0.120 250)",
|
|
315
|
+
"$type": "color"
|
|
316
|
+
},
|
|
317
|
+
"9": {
|
|
318
|
+
"$value": "oklch(0.36 0.100 250)",
|
|
319
|
+
"$type": "color"
|
|
320
|
+
}
|
|
321
|
+
}
|
|
322
|
+
},
|
|
323
|
+
"info": {
|
|
324
|
+
"1": {
|
|
325
|
+
"$value": "oklch(0.97 0.020 210)",
|
|
326
|
+
"$type": "color"
|
|
327
|
+
},
|
|
328
|
+
"2": {
|
|
329
|
+
"$value": "oklch(0.93 0.030 210)",
|
|
330
|
+
"$type": "color"
|
|
331
|
+
},
|
|
332
|
+
"3": {
|
|
333
|
+
"$value": "oklch(0.88 0.050 210)",
|
|
334
|
+
"$type": "color"
|
|
335
|
+
},
|
|
336
|
+
"4": {
|
|
337
|
+
"$value": "oklch(0.82 0.080 210)",
|
|
338
|
+
"$type": "color"
|
|
339
|
+
},
|
|
340
|
+
"5": {
|
|
341
|
+
"$value": "oklch(0.76 0.110 210)",
|
|
342
|
+
"$type": "color"
|
|
343
|
+
},
|
|
344
|
+
"6": {
|
|
345
|
+
"$value": "oklch(0.68 0.140 210)",
|
|
346
|
+
"$type": "color"
|
|
347
|
+
},
|
|
348
|
+
"7": {
|
|
349
|
+
"$value": "oklch(0.60 0.160 210)",
|
|
350
|
+
"$type": "color"
|
|
351
|
+
},
|
|
352
|
+
"8": {
|
|
353
|
+
"$value": "oklch(0.52 0.170 210)",
|
|
354
|
+
"$type": "color"
|
|
355
|
+
},
|
|
356
|
+
"9": {
|
|
357
|
+
"$value": "oklch(0.45 0.160 210)",
|
|
358
|
+
"$type": "color"
|
|
359
|
+
},
|
|
360
|
+
"10": {
|
|
361
|
+
"$value": "oklch(0.38 0.140 210)",
|
|
362
|
+
"$type": "color"
|
|
363
|
+
},
|
|
364
|
+
"11": {
|
|
365
|
+
"$value": "oklch(0.31 0.120 210)",
|
|
366
|
+
"$type": "color"
|
|
367
|
+
},
|
|
368
|
+
"12": {
|
|
369
|
+
"$value": "oklch(0.24 0.100 210)",
|
|
370
|
+
"$type": "color"
|
|
371
|
+
}
|
|
372
|
+
},
|
|
373
|
+
"neutral": {
|
|
374
|
+
"1": {
|
|
375
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
376
|
+
"$type": "color"
|
|
377
|
+
},
|
|
378
|
+
"2": {
|
|
379
|
+
"$value": "oklch(0.97 0.006 260)",
|
|
380
|
+
"$type": "color"
|
|
381
|
+
},
|
|
382
|
+
"3": {
|
|
383
|
+
"$value": "oklch(0.94 0.007 260)",
|
|
384
|
+
"$type": "color"
|
|
385
|
+
},
|
|
386
|
+
"4": {
|
|
387
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
388
|
+
"$type": "color"
|
|
389
|
+
},
|
|
390
|
+
"5": {
|
|
391
|
+
"$value": "oklch(0.85 0.010 260)",
|
|
392
|
+
"$type": "color"
|
|
393
|
+
},
|
|
394
|
+
"6": {
|
|
395
|
+
"$value": "oklch(0.78 0.012 260)",
|
|
396
|
+
"$type": "color"
|
|
397
|
+
},
|
|
398
|
+
"7": {
|
|
399
|
+
"$value": "oklch(0.68 0.014 260)",
|
|
400
|
+
"$type": "color"
|
|
401
|
+
},
|
|
402
|
+
"8": {
|
|
403
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
404
|
+
"$type": "color"
|
|
405
|
+
},
|
|
406
|
+
"9": {
|
|
407
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
408
|
+
"$type": "color"
|
|
409
|
+
},
|
|
410
|
+
"10": {
|
|
411
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
412
|
+
"$type": "color"
|
|
413
|
+
},
|
|
414
|
+
"11": {
|
|
415
|
+
"$value": "oklch(0.28 0.015 260)",
|
|
416
|
+
"$type": "color"
|
|
417
|
+
},
|
|
418
|
+
"12": {
|
|
419
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
420
|
+
"$type": "color"
|
|
421
|
+
}
|
|
422
|
+
},
|
|
423
|
+
"success": {
|
|
424
|
+
"1": {
|
|
425
|
+
"$value": "oklch(0.97 0.020 145)",
|
|
426
|
+
"$type": "color"
|
|
427
|
+
},
|
|
428
|
+
"2": {
|
|
429
|
+
"$value": "oklch(0.93 0.030 145)",
|
|
430
|
+
"$type": "color"
|
|
431
|
+
},
|
|
432
|
+
"3": {
|
|
433
|
+
"$value": "oklch(0.88 0.050 145)",
|
|
434
|
+
"$type": "color"
|
|
435
|
+
},
|
|
436
|
+
"4": {
|
|
437
|
+
"$value": "oklch(0.82 0.080 145)",
|
|
438
|
+
"$type": "color"
|
|
439
|
+
},
|
|
440
|
+
"5": {
|
|
441
|
+
"$value": "oklch(0.76 0.110 145)",
|
|
442
|
+
"$type": "color"
|
|
443
|
+
},
|
|
444
|
+
"6": {
|
|
445
|
+
"$value": "oklch(0.68 0.140 145)",
|
|
446
|
+
"$type": "color"
|
|
447
|
+
},
|
|
448
|
+
"7": {
|
|
449
|
+
"$value": "oklch(0.60 0.160 145)",
|
|
450
|
+
"$type": "color"
|
|
451
|
+
},
|
|
452
|
+
"8": {
|
|
453
|
+
"$value": "oklch(0.52 0.170 145)",
|
|
454
|
+
"$type": "color"
|
|
455
|
+
},
|
|
456
|
+
"9": {
|
|
457
|
+
"$value": "oklch(0.45 0.160 145)",
|
|
458
|
+
"$type": "color"
|
|
459
|
+
},
|
|
460
|
+
"10": {
|
|
461
|
+
"$value": "oklch(0.38 0.140 145)",
|
|
462
|
+
"$type": "color"
|
|
463
|
+
},
|
|
464
|
+
"11": {
|
|
465
|
+
"$value": "oklch(0.31 0.120 145)",
|
|
466
|
+
"$type": "color"
|
|
467
|
+
},
|
|
468
|
+
"12": {
|
|
469
|
+
"$value": "oklch(0.24 0.100 145)",
|
|
470
|
+
"$type": "color"
|
|
471
|
+
}
|
|
472
|
+
},
|
|
473
|
+
"warning": {
|
|
474
|
+
"1": {
|
|
475
|
+
"$value": "oklch(0.98 0.020 85)",
|
|
476
|
+
"$type": "color"
|
|
477
|
+
},
|
|
478
|
+
"2": {
|
|
479
|
+
"$value": "oklch(0.95 0.035 85)",
|
|
480
|
+
"$type": "color"
|
|
481
|
+
},
|
|
482
|
+
"3": {
|
|
483
|
+
"$value": "oklch(0.92 0.060 85)",
|
|
484
|
+
"$type": "color"
|
|
485
|
+
},
|
|
486
|
+
"4": {
|
|
487
|
+
"$value": "oklch(0.88 0.095 85)",
|
|
488
|
+
"$type": "color"
|
|
489
|
+
},
|
|
490
|
+
"5": {
|
|
491
|
+
"$value": "oklch(0.82 0.120 85)",
|
|
492
|
+
"$type": "color"
|
|
493
|
+
},
|
|
494
|
+
"6": {
|
|
495
|
+
"$value": "oklch(0.74 0.140 85)",
|
|
496
|
+
"$type": "color"
|
|
497
|
+
},
|
|
498
|
+
"7": {
|
|
499
|
+
"$value": "oklch(0.66 0.150 85)",
|
|
500
|
+
"$type": "color"
|
|
501
|
+
},
|
|
502
|
+
"8": {
|
|
503
|
+
"$value": "oklch(0.58 0.150 85)",
|
|
504
|
+
"$type": "color"
|
|
505
|
+
},
|
|
506
|
+
"9": {
|
|
507
|
+
"$value": "oklch(0.50 0.140 85)",
|
|
508
|
+
"$type": "color"
|
|
509
|
+
},
|
|
510
|
+
"10": {
|
|
511
|
+
"$value": "oklch(0.42 0.130 85)",
|
|
512
|
+
"$type": "color"
|
|
513
|
+
},
|
|
514
|
+
"11": {
|
|
515
|
+
"$value": "oklch(0.34 0.110 85)",
|
|
516
|
+
"$type": "color"
|
|
517
|
+
},
|
|
518
|
+
"12": {
|
|
519
|
+
"$value": "oklch(0.26 0.090 85)",
|
|
520
|
+
"$type": "color"
|
|
521
|
+
}
|
|
522
|
+
}
|
|
523
|
+
},
|
|
524
|
+
"component": {
|
|
525
|
+
"badge": {
|
|
526
|
+
"base": {
|
|
527
|
+
"borderWidth": {
|
|
528
|
+
"$value": "0.0625rem",
|
|
529
|
+
"$type": "dimension",
|
|
530
|
+
"$description": "Component badge base border Width."
|
|
531
|
+
},
|
|
532
|
+
"fontSize": {
|
|
533
|
+
"$value": "0.75rem",
|
|
534
|
+
"$type": "dimension",
|
|
535
|
+
"$description": "Component badge base font Size."
|
|
536
|
+
},
|
|
537
|
+
"fontWeight": {
|
|
538
|
+
"$value": "500",
|
|
539
|
+
"$type": "fontWeight",
|
|
540
|
+
"$description": "Component badge base font Weight."
|
|
541
|
+
},
|
|
542
|
+
"lineHeight": {
|
|
543
|
+
"$value": "1",
|
|
544
|
+
"$type": "number",
|
|
545
|
+
"$description": "Component badge base line Height."
|
|
546
|
+
},
|
|
547
|
+
"paddingX": {
|
|
548
|
+
"$value": "0.5rem",
|
|
549
|
+
"$type": "dimension",
|
|
550
|
+
"$description": "Component badge base padding X."
|
|
551
|
+
},
|
|
552
|
+
"paddingY": {
|
|
553
|
+
"$value": "0.25rem",
|
|
554
|
+
"$type": "dimension",
|
|
555
|
+
"$description": "Component badge base padding Y."
|
|
556
|
+
},
|
|
557
|
+
"radius": {
|
|
558
|
+
"$value": "9999px",
|
|
559
|
+
"$type": "dimension",
|
|
560
|
+
"$description": "Component badge base radius."
|
|
561
|
+
}
|
|
562
|
+
},
|
|
563
|
+
"danger": {
|
|
564
|
+
"bg": {
|
|
565
|
+
"$value": "oklch(0.52 0.170 25)",
|
|
566
|
+
"$type": "color",
|
|
567
|
+
"$description": "Component badge danger bg."
|
|
568
|
+
},
|
|
569
|
+
"border": {
|
|
570
|
+
"$value": "oklch(0.52 0.170 25)",
|
|
571
|
+
"$type": "color",
|
|
572
|
+
"$description": "Component badge danger border."
|
|
573
|
+
},
|
|
574
|
+
"fg": {
|
|
575
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
576
|
+
"$type": "color",
|
|
577
|
+
"$description": "Component badge danger fg."
|
|
578
|
+
},
|
|
579
|
+
"shadow": {
|
|
580
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
581
|
+
"$type": "shadow",
|
|
582
|
+
"$description": "Component badge danger shadow."
|
|
583
|
+
}
|
|
584
|
+
},
|
|
585
|
+
"default": {
|
|
586
|
+
"bg": {
|
|
587
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
588
|
+
"$type": "color",
|
|
589
|
+
"$description": "Component badge default bg."
|
|
590
|
+
},
|
|
591
|
+
"border": {
|
|
592
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
593
|
+
"$type": "color",
|
|
594
|
+
"$description": "Component badge default border."
|
|
595
|
+
},
|
|
596
|
+
"fg": {
|
|
597
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
598
|
+
"$type": "color",
|
|
599
|
+
"$description": "Component badge default fg."
|
|
600
|
+
},
|
|
601
|
+
"shadow": {
|
|
602
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
603
|
+
"$type": "shadow",
|
|
604
|
+
"$description": "Component badge default shadow."
|
|
605
|
+
}
|
|
606
|
+
},
|
|
607
|
+
"outline": {
|
|
608
|
+
"bg": {
|
|
609
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
610
|
+
"$type": "color",
|
|
611
|
+
"$description": "Component badge outline bg."
|
|
612
|
+
},
|
|
613
|
+
"border": {
|
|
614
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
615
|
+
"$type": "color",
|
|
616
|
+
"$description": "Component badge outline border."
|
|
617
|
+
},
|
|
618
|
+
"fg": {
|
|
619
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
620
|
+
"$type": "color",
|
|
621
|
+
"$description": "Component badge outline fg."
|
|
622
|
+
},
|
|
623
|
+
"shadow": {
|
|
624
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
625
|
+
"$type": "shadow",
|
|
626
|
+
"$description": "Component badge outline shadow."
|
|
627
|
+
}
|
|
628
|
+
},
|
|
629
|
+
"secondary": {
|
|
630
|
+
"bg": {
|
|
631
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
632
|
+
"$type": "color",
|
|
633
|
+
"$description": "Component badge secondary bg."
|
|
634
|
+
},
|
|
635
|
+
"border": {
|
|
636
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
637
|
+
"$type": "color",
|
|
638
|
+
"$description": "Component badge secondary border."
|
|
639
|
+
},
|
|
640
|
+
"fg": {
|
|
641
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
642
|
+
"$type": "color",
|
|
643
|
+
"$description": "Component badge secondary fg."
|
|
644
|
+
},
|
|
645
|
+
"shadow": {
|
|
646
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
647
|
+
"$type": "shadow",
|
|
648
|
+
"$description": "Component badge secondary shadow."
|
|
649
|
+
}
|
|
650
|
+
}
|
|
651
|
+
},
|
|
652
|
+
"button": {
|
|
653
|
+
"base": {
|
|
654
|
+
"borderWidth": {
|
|
655
|
+
"$value": "0.0625rem",
|
|
656
|
+
"$type": "dimension",
|
|
657
|
+
"$description": "Component button base border Width."
|
|
658
|
+
},
|
|
659
|
+
"disabledOpacity": {
|
|
660
|
+
"$value": "0.5",
|
|
661
|
+
"$type": "number",
|
|
662
|
+
"$description": "Component button base disabled Opacity."
|
|
663
|
+
},
|
|
664
|
+
"focusRing": {
|
|
665
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
666
|
+
"$type": "color",
|
|
667
|
+
"$description": "Component button base focus Ring."
|
|
668
|
+
},
|
|
669
|
+
"focusRingOffset": {
|
|
670
|
+
"$value": "0.0625rem",
|
|
671
|
+
"$type": "dimension",
|
|
672
|
+
"$description": "Component button base focus Ring Offset."
|
|
673
|
+
},
|
|
674
|
+
"focusRingOpacity": {
|
|
675
|
+
"$value": "0.85",
|
|
676
|
+
"$type": "number",
|
|
677
|
+
"$description": "Component button base focus Ring Opacity."
|
|
678
|
+
},
|
|
679
|
+
"focusRingWidth": {
|
|
680
|
+
"$value": "0.125rem",
|
|
681
|
+
"$type": "dimension",
|
|
682
|
+
"$description": "Component button base focus Ring Width."
|
|
683
|
+
},
|
|
684
|
+
"fontFamily": {
|
|
685
|
+
"$value": "ui-sans-serif, system-ui, -apple-system, \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Arial\", \"Noto Sans\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif",
|
|
686
|
+
"$type": "fontFamily",
|
|
687
|
+
"$description": "Component button base font Family."
|
|
688
|
+
},
|
|
689
|
+
"fontSize": {
|
|
690
|
+
"$value": "0.875rem",
|
|
691
|
+
"$type": "dimension",
|
|
692
|
+
"$description": "Component button base font Size."
|
|
693
|
+
},
|
|
694
|
+
"fontWeight": {
|
|
695
|
+
"$value": "500",
|
|
696
|
+
"$type": "fontWeight",
|
|
697
|
+
"$description": "Component button base font Weight."
|
|
698
|
+
},
|
|
699
|
+
"gap": {
|
|
700
|
+
"$value": "0.5rem",
|
|
701
|
+
"$type": "dimension",
|
|
702
|
+
"$description": "Component button base gap."
|
|
703
|
+
},
|
|
704
|
+
"lineHeight": {
|
|
705
|
+
"$value": "1.25",
|
|
706
|
+
"$type": "number",
|
|
707
|
+
"$description": "Component button base line Height."
|
|
708
|
+
},
|
|
709
|
+
"transitionDuration": {
|
|
710
|
+
"$value": "150ms",
|
|
711
|
+
"$type": "duration",
|
|
712
|
+
"$description": "Component button base transition Duration."
|
|
713
|
+
},
|
|
714
|
+
"transitionEase": {
|
|
715
|
+
"$value": "cubic-bezier(0.2, 0, 0, 1)",
|
|
716
|
+
"$type": "cubicBezier",
|
|
717
|
+
"$description": "Component button base transition Ease."
|
|
718
|
+
}
|
|
719
|
+
},
|
|
720
|
+
"danger": {
|
|
721
|
+
"bg": {
|
|
722
|
+
"active": {
|
|
723
|
+
"$value": "oklch(0.68 0.140 25)",
|
|
724
|
+
"$type": "color",
|
|
725
|
+
"$description": "Component button danger bg active."
|
|
726
|
+
},
|
|
727
|
+
"default": {
|
|
728
|
+
"$value": "oklch(0.52 0.170 25)",
|
|
729
|
+
"$type": "color",
|
|
730
|
+
"$description": "Component button danger bg."
|
|
731
|
+
},
|
|
732
|
+
"hover": {
|
|
733
|
+
"$value": "oklch(0.60 0.160 25)",
|
|
734
|
+
"$type": "color",
|
|
735
|
+
"$description": "Component button danger bg hover."
|
|
736
|
+
}
|
|
737
|
+
},
|
|
738
|
+
"border": {
|
|
739
|
+
"$value": "oklch(0.52 0.170 25)",
|
|
740
|
+
"$type": "color",
|
|
741
|
+
"$description": "Component button danger border."
|
|
742
|
+
},
|
|
743
|
+
"fg": {
|
|
744
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
745
|
+
"$type": "color",
|
|
746
|
+
"$description": "Component button danger fg."
|
|
747
|
+
},
|
|
748
|
+
"shadow": {
|
|
749
|
+
"$value": "0 1px 2px 0 oklch(0.2 0.014 260 / 0.06), 0 1px 1px -1px oklch(0.2 0.014 260 / 0.06)",
|
|
750
|
+
"$type": "shadow",
|
|
751
|
+
"$description": "Component button danger shadow."
|
|
752
|
+
}
|
|
753
|
+
},
|
|
754
|
+
"ghost": {
|
|
755
|
+
"bg": {
|
|
756
|
+
"active": {
|
|
757
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
758
|
+
"$type": "color",
|
|
759
|
+
"$description": "Component button ghost bg active."
|
|
760
|
+
},
|
|
761
|
+
"default": {
|
|
762
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
763
|
+
"$type": "color",
|
|
764
|
+
"$description": "Component button ghost bg."
|
|
765
|
+
},
|
|
766
|
+
"hover": {
|
|
767
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
768
|
+
"$type": "color",
|
|
769
|
+
"$description": "Component button ghost bg hover."
|
|
770
|
+
}
|
|
771
|
+
},
|
|
772
|
+
"border": {
|
|
773
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
774
|
+
"$type": "color",
|
|
775
|
+
"$description": "Component button ghost border."
|
|
776
|
+
},
|
|
777
|
+
"fg": {
|
|
778
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
779
|
+
"$type": "color",
|
|
780
|
+
"$description": "Component button ghost fg."
|
|
781
|
+
},
|
|
782
|
+
"shadow": {
|
|
783
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
784
|
+
"$type": "shadow",
|
|
785
|
+
"$description": "Component button ghost shadow."
|
|
786
|
+
}
|
|
787
|
+
},
|
|
788
|
+
"lg": {
|
|
789
|
+
"height": {
|
|
790
|
+
"$value": "3rem",
|
|
791
|
+
"$type": "dimension",
|
|
792
|
+
"$description": "Component button lg height."
|
|
793
|
+
},
|
|
794
|
+
"iconSize": {
|
|
795
|
+
"$value": "1.5rem",
|
|
796
|
+
"$type": "dimension",
|
|
797
|
+
"$description": "Component button lg icon Size."
|
|
798
|
+
},
|
|
799
|
+
"paddingX": {
|
|
800
|
+
"$value": "1.25rem",
|
|
801
|
+
"$type": "dimension",
|
|
802
|
+
"$description": "Component button lg padding X."
|
|
803
|
+
},
|
|
804
|
+
"paddingY": {
|
|
805
|
+
"$value": "0.75rem",
|
|
806
|
+
"$type": "dimension",
|
|
807
|
+
"$description": "Component button lg padding Y."
|
|
808
|
+
},
|
|
809
|
+
"radius": {
|
|
810
|
+
"$value": "0.5rem",
|
|
811
|
+
"$type": "dimension",
|
|
812
|
+
"$description": "Component button lg radius."
|
|
813
|
+
}
|
|
814
|
+
},
|
|
815
|
+
"link": {
|
|
816
|
+
"bg": {
|
|
817
|
+
"active": {
|
|
818
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
819
|
+
"$type": "color",
|
|
820
|
+
"$description": "Component button link bg active."
|
|
821
|
+
},
|
|
822
|
+
"default": {
|
|
823
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
824
|
+
"$type": "color",
|
|
825
|
+
"$description": "Component button link bg."
|
|
826
|
+
},
|
|
827
|
+
"hover": {
|
|
828
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
829
|
+
"$type": "color",
|
|
830
|
+
"$description": "Component button link bg hover."
|
|
831
|
+
}
|
|
832
|
+
},
|
|
833
|
+
"border": {
|
|
834
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
835
|
+
"$type": "color",
|
|
836
|
+
"$description": "Component button link border."
|
|
837
|
+
},
|
|
838
|
+
"decoration": {
|
|
839
|
+
"hover": {
|
|
840
|
+
"$value": "solid",
|
|
841
|
+
"$type": "strokeStyle",
|
|
842
|
+
"$description": "Component button link decoration hover."
|
|
843
|
+
}
|
|
844
|
+
},
|
|
845
|
+
"fg": {
|
|
846
|
+
"$value": "oklch(0.82 0.080 250)",
|
|
847
|
+
"$type": "color",
|
|
848
|
+
"$description": "Component button link fg."
|
|
849
|
+
},
|
|
850
|
+
"shadow": {
|
|
851
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
852
|
+
"$type": "shadow",
|
|
853
|
+
"$description": "Component button link shadow."
|
|
854
|
+
},
|
|
855
|
+
"underline": {
|
|
856
|
+
"offset": {
|
|
857
|
+
"$value": "0.2rem",
|
|
858
|
+
"$type": "dimension",
|
|
859
|
+
"$description": "Component button link underline offset."
|
|
860
|
+
}
|
|
861
|
+
}
|
|
862
|
+
},
|
|
863
|
+
"md": {
|
|
864
|
+
"height": {
|
|
865
|
+
"$value": "2.5rem",
|
|
866
|
+
"$type": "dimension",
|
|
867
|
+
"$description": "Component button md height."
|
|
868
|
+
},
|
|
869
|
+
"iconSize": {
|
|
870
|
+
"$value": "1.25rem",
|
|
871
|
+
"$type": "dimension",
|
|
872
|
+
"$description": "Component button md icon Size."
|
|
873
|
+
},
|
|
874
|
+
"paddingX": {
|
|
875
|
+
"$value": "1rem",
|
|
876
|
+
"$type": "dimension",
|
|
877
|
+
"$description": "Component button md padding X."
|
|
878
|
+
},
|
|
879
|
+
"paddingY": {
|
|
880
|
+
"$value": "0.5rem",
|
|
881
|
+
"$type": "dimension",
|
|
882
|
+
"$description": "Component button md padding Y."
|
|
883
|
+
},
|
|
884
|
+
"radius": {
|
|
885
|
+
"$value": "0.375rem",
|
|
886
|
+
"$type": "dimension",
|
|
887
|
+
"$description": "Component button md radius."
|
|
888
|
+
}
|
|
889
|
+
},
|
|
890
|
+
"outline": {
|
|
891
|
+
"bg": {
|
|
892
|
+
"active": {
|
|
893
|
+
"$value": "oklch(0.94 0.007 260)",
|
|
894
|
+
"$type": "color",
|
|
895
|
+
"$description": "Component button outline bg active."
|
|
896
|
+
},
|
|
897
|
+
"default": {
|
|
898
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
899
|
+
"$type": "color",
|
|
900
|
+
"$description": "Component button outline bg."
|
|
901
|
+
},
|
|
902
|
+
"hover": {
|
|
903
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
904
|
+
"$type": "color",
|
|
905
|
+
"$description": "Component button outline bg hover."
|
|
906
|
+
}
|
|
907
|
+
},
|
|
908
|
+
"border": {
|
|
909
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
910
|
+
"$type": "color",
|
|
911
|
+
"$description": "Component button outline border."
|
|
912
|
+
},
|
|
913
|
+
"fg": {
|
|
914
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
915
|
+
"$type": "color",
|
|
916
|
+
"$description": "Component button outline fg."
|
|
917
|
+
},
|
|
918
|
+
"shadow": {
|
|
919
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
920
|
+
"$type": "shadow",
|
|
921
|
+
"$description": "Component button outline shadow."
|
|
922
|
+
}
|
|
923
|
+
},
|
|
924
|
+
"secondary": {
|
|
925
|
+
"bg": {
|
|
926
|
+
"active": {
|
|
927
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
928
|
+
"$type": "color",
|
|
929
|
+
"$description": "Component button secondary bg active."
|
|
930
|
+
},
|
|
931
|
+
"default": {
|
|
932
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
933
|
+
"$type": "color",
|
|
934
|
+
"$description": "Component button secondary bg."
|
|
935
|
+
},
|
|
936
|
+
"hover": {
|
|
937
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
938
|
+
"$type": "color",
|
|
939
|
+
"$description": "Component button secondary bg hover."
|
|
940
|
+
}
|
|
941
|
+
},
|
|
942
|
+
"border": {
|
|
943
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
944
|
+
"$type": "color",
|
|
945
|
+
"$description": "Component button secondary border."
|
|
946
|
+
},
|
|
947
|
+
"fg": {
|
|
948
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
949
|
+
"$type": "color",
|
|
950
|
+
"$description": "Component button secondary fg."
|
|
951
|
+
},
|
|
952
|
+
"shadow": {
|
|
953
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
954
|
+
"$type": "shadow",
|
|
955
|
+
"$description": "Component button secondary shadow."
|
|
956
|
+
}
|
|
957
|
+
},
|
|
958
|
+
"sm": {
|
|
959
|
+
"height": {
|
|
960
|
+
"$value": "2.25rem",
|
|
961
|
+
"$type": "dimension",
|
|
962
|
+
"$description": "Component button sm height."
|
|
963
|
+
},
|
|
964
|
+
"iconSize": {
|
|
965
|
+
"$value": "1rem",
|
|
966
|
+
"$type": "dimension",
|
|
967
|
+
"$description": "Component button sm icon Size."
|
|
968
|
+
},
|
|
969
|
+
"paddingX": {
|
|
970
|
+
"$value": "0.75rem",
|
|
971
|
+
"$type": "dimension",
|
|
972
|
+
"$description": "Component button sm padding X."
|
|
973
|
+
},
|
|
974
|
+
"paddingY": {
|
|
975
|
+
"$value": "0.25rem",
|
|
976
|
+
"$type": "dimension",
|
|
977
|
+
"$description": "Component button sm padding Y."
|
|
978
|
+
},
|
|
979
|
+
"radius": {
|
|
980
|
+
"$value": "0.375rem",
|
|
981
|
+
"$type": "dimension",
|
|
982
|
+
"$description": "Component button sm radius."
|
|
983
|
+
}
|
|
984
|
+
},
|
|
985
|
+
"solid": {
|
|
986
|
+
"bg": {
|
|
987
|
+
"active": {
|
|
988
|
+
"$value": "oklch(0.76 0.110 250)",
|
|
989
|
+
"$type": "color",
|
|
990
|
+
"$description": "Component button solid bg active."
|
|
991
|
+
},
|
|
992
|
+
"default": {
|
|
993
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
994
|
+
"$type": "color",
|
|
995
|
+
"$description": "Component button solid bg."
|
|
996
|
+
},
|
|
997
|
+
"hover": {
|
|
998
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
999
|
+
"$type": "color",
|
|
1000
|
+
"$description": "Component button solid bg hover."
|
|
1001
|
+
}
|
|
1002
|
+
},
|
|
1003
|
+
"border": {
|
|
1004
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
1005
|
+
"$type": "color",
|
|
1006
|
+
"$description": "Component button solid border."
|
|
1007
|
+
},
|
|
1008
|
+
"fg": {
|
|
1009
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1010
|
+
"$type": "color",
|
|
1011
|
+
"$description": "Component button solid fg."
|
|
1012
|
+
},
|
|
1013
|
+
"shadow": {
|
|
1014
|
+
"$value": "0 1px 2px 0 oklch(0.2 0.014 260 / 0.06), 0 1px 1px -1px oklch(0.2 0.014 260 / 0.06)",
|
|
1015
|
+
"$type": "shadow",
|
|
1016
|
+
"$description": "Component button solid shadow."
|
|
1017
|
+
}
|
|
1018
|
+
}
|
|
1019
|
+
},
|
|
1020
|
+
"input": {
|
|
1021
|
+
"base": {
|
|
1022
|
+
"bg": {
|
|
1023
|
+
"$value": "oklch(0.28 0.015 260)",
|
|
1024
|
+
"$type": "color",
|
|
1025
|
+
"$description": "Component input base bg."
|
|
1026
|
+
},
|
|
1027
|
+
"border": {
|
|
1028
|
+
"default": {
|
|
1029
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
1030
|
+
"$type": "color",
|
|
1031
|
+
"$description": "Component input base border."
|
|
1032
|
+
},
|
|
1033
|
+
"focus": {
|
|
1034
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
1035
|
+
"$type": "color",
|
|
1036
|
+
"$description": "Component input base border focus."
|
|
1037
|
+
},
|
|
1038
|
+
"hover": {
|
|
1039
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
1040
|
+
"$type": "color",
|
|
1041
|
+
"$description": "Component input base border hover."
|
|
1042
|
+
}
|
|
1043
|
+
},
|
|
1044
|
+
"borderWidth": {
|
|
1045
|
+
"$value": "0.0625rem",
|
|
1046
|
+
"$type": "dimension",
|
|
1047
|
+
"$description": "Component input base border Width."
|
|
1048
|
+
},
|
|
1049
|
+
"disabledOpacity": {
|
|
1050
|
+
"$value": "0.5",
|
|
1051
|
+
"$type": "number",
|
|
1052
|
+
"$description": "Component input base disabled Opacity."
|
|
1053
|
+
},
|
|
1054
|
+
"fg": {
|
|
1055
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1056
|
+
"$type": "color",
|
|
1057
|
+
"$description": "Component input base fg."
|
|
1058
|
+
},
|
|
1059
|
+
"focusRing": {
|
|
1060
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
1061
|
+
"$type": "color",
|
|
1062
|
+
"$description": "Component input base focus Ring."
|
|
1063
|
+
},
|
|
1064
|
+
"focusRingOffset": {
|
|
1065
|
+
"$value": "0.0625rem",
|
|
1066
|
+
"$type": "dimension",
|
|
1067
|
+
"$description": "Component input base focus Ring Offset."
|
|
1068
|
+
},
|
|
1069
|
+
"focusRingOpacity": {
|
|
1070
|
+
"$value": "0.85",
|
|
1071
|
+
"$type": "number",
|
|
1072
|
+
"$description": "Component input base focus Ring Opacity."
|
|
1073
|
+
},
|
|
1074
|
+
"focusRingWidth": {
|
|
1075
|
+
"$value": "0.125rem",
|
|
1076
|
+
"$type": "dimension",
|
|
1077
|
+
"$description": "Component input base focus Ring Width."
|
|
1078
|
+
},
|
|
1079
|
+
"fontSize": {
|
|
1080
|
+
"$value": "0.875rem",
|
|
1081
|
+
"$type": "dimension",
|
|
1082
|
+
"$description": "Component input base font Size."
|
|
1083
|
+
},
|
|
1084
|
+
"fontWeight": {
|
|
1085
|
+
"$value": "400",
|
|
1086
|
+
"$type": "fontWeight",
|
|
1087
|
+
"$description": "Component input base font Weight."
|
|
1088
|
+
},
|
|
1089
|
+
"height": {
|
|
1090
|
+
"$value": "2.5rem",
|
|
1091
|
+
"$type": "dimension",
|
|
1092
|
+
"$description": "Component input base height."
|
|
1093
|
+
},
|
|
1094
|
+
"lineHeight": {
|
|
1095
|
+
"$value": "1.25",
|
|
1096
|
+
"$type": "number",
|
|
1097
|
+
"$description": "Component input base line Height."
|
|
1098
|
+
},
|
|
1099
|
+
"paddingX": {
|
|
1100
|
+
"$value": "1rem",
|
|
1101
|
+
"$type": "dimension",
|
|
1102
|
+
"$description": "Component input base padding X."
|
|
1103
|
+
},
|
|
1104
|
+
"paddingY": {
|
|
1105
|
+
"$value": "0.5rem",
|
|
1106
|
+
"$type": "dimension",
|
|
1107
|
+
"$description": "Component input base padding Y."
|
|
1108
|
+
},
|
|
1109
|
+
"placeholder": {
|
|
1110
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
1111
|
+
"$type": "color",
|
|
1112
|
+
"$description": "Component input base placeholder."
|
|
1113
|
+
},
|
|
1114
|
+
"radius": {
|
|
1115
|
+
"$value": "0.375rem",
|
|
1116
|
+
"$type": "dimension",
|
|
1117
|
+
"$description": "Component input base radius."
|
|
1118
|
+
},
|
|
1119
|
+
"selection": {
|
|
1120
|
+
"bg": {
|
|
1121
|
+
"$value": "oklch(0.45 0.160 250)",
|
|
1122
|
+
"$type": "color",
|
|
1123
|
+
"$description": "Component input base selection bg."
|
|
1124
|
+
},
|
|
1125
|
+
"fg": {
|
|
1126
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1127
|
+
"$type": "color",
|
|
1128
|
+
"$description": "Component input base selection fg."
|
|
1129
|
+
}
|
|
1130
|
+
},
|
|
1131
|
+
"shadow": {
|
|
1132
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
1133
|
+
"$type": "shadow",
|
|
1134
|
+
"$description": "Component input base shadow."
|
|
1135
|
+
}
|
|
1136
|
+
}
|
|
1137
|
+
},
|
|
1138
|
+
"shell": {
|
|
1139
|
+
"activityBar": {
|
|
1140
|
+
"bg": {
|
|
1141
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
1142
|
+
"$type": "color",
|
|
1143
|
+
"$description": "Component shell activity bar bg."
|
|
1144
|
+
},
|
|
1145
|
+
"fg": {
|
|
1146
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
1147
|
+
"$type": "color",
|
|
1148
|
+
"$description": "Component shell activity bar fg."
|
|
1149
|
+
},
|
|
1150
|
+
"width": {
|
|
1151
|
+
"$value": "3.25rem",
|
|
1152
|
+
"$type": "dimension",
|
|
1153
|
+
"$description": "Component shell activity bar width."
|
|
1154
|
+
}
|
|
1155
|
+
},
|
|
1156
|
+
"divider": {
|
|
1157
|
+
"color": {
|
|
1158
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
1159
|
+
"$type": "color",
|
|
1160
|
+
"$description": "Component shell divider color."
|
|
1161
|
+
}
|
|
1162
|
+
},
|
|
1163
|
+
"scrollbar": {
|
|
1164
|
+
"thumb": {
|
|
1165
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
1166
|
+
"$type": "color",
|
|
1167
|
+
"$description": "Component shell scrollbar thumb."
|
|
1168
|
+
},
|
|
1169
|
+
"track": {
|
|
1170
|
+
"$value": "oklch(0.28 0.015 260)",
|
|
1171
|
+
"$type": "color",
|
|
1172
|
+
"$description": "Component shell scrollbar track."
|
|
1173
|
+
}
|
|
1174
|
+
},
|
|
1175
|
+
"secondarySidebar": {
|
|
1176
|
+
"bg": {
|
|
1177
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1178
|
+
"$type": "color",
|
|
1179
|
+
"$description": "Component shell secondary sidebar bg."
|
|
1180
|
+
},
|
|
1181
|
+
"width": {
|
|
1182
|
+
"$value": "18rem",
|
|
1183
|
+
"$type": "dimension",
|
|
1184
|
+
"$description": "Component shell secondary sidebar width."
|
|
1185
|
+
}
|
|
1186
|
+
},
|
|
1187
|
+
"sidebar": {
|
|
1188
|
+
"bg": {
|
|
1189
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1190
|
+
"$type": "color",
|
|
1191
|
+
"$description": "Component shell sidebar bg."
|
|
1192
|
+
},
|
|
1193
|
+
"fg": {
|
|
1194
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1195
|
+
"$type": "color",
|
|
1196
|
+
"$description": "Component shell sidebar fg."
|
|
1197
|
+
},
|
|
1198
|
+
"width": {
|
|
1199
|
+
"$value": "16rem",
|
|
1200
|
+
"$type": "dimension",
|
|
1201
|
+
"$description": "Component shell sidebar width."
|
|
1202
|
+
}
|
|
1203
|
+
},
|
|
1204
|
+
"statusBar": {
|
|
1205
|
+
"bg": {
|
|
1206
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
1207
|
+
"$type": "color",
|
|
1208
|
+
"$description": "Component shell status bar bg."
|
|
1209
|
+
},
|
|
1210
|
+
"fg": {
|
|
1211
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
1212
|
+
"$type": "color",
|
|
1213
|
+
"$description": "Component shell status bar fg."
|
|
1214
|
+
},
|
|
1215
|
+
"height": {
|
|
1216
|
+
"$value": "2.25rem",
|
|
1217
|
+
"$type": "dimension",
|
|
1218
|
+
"$description": "Component shell status bar height."
|
|
1219
|
+
}
|
|
1220
|
+
}
|
|
1221
|
+
}
|
|
1222
|
+
},
|
|
1223
|
+
"elevation": {
|
|
1224
|
+
"card": {
|
|
1225
|
+
"shadow": {
|
|
1226
|
+
"$value": "0 1px 2px 0 oklch(0.2 0.014 260 / 0.06), 0 1px 1px -1px oklch(0.2 0.014 260 / 0.06)",
|
|
1227
|
+
"$type": "shadow",
|
|
1228
|
+
"$description": "Elevation card shadow."
|
|
1229
|
+
}
|
|
1230
|
+
},
|
|
1231
|
+
"modal": {
|
|
1232
|
+
"shadow": {
|
|
1233
|
+
"$value": "0 24px 60px -18px oklch(0.2 0.014 260 / 0.28), 0 10px 25px -10px oklch(0.2 0.014 260 / 0.16)",
|
|
1234
|
+
"$type": "shadow",
|
|
1235
|
+
"$description": "Elevation modal shadow."
|
|
1236
|
+
}
|
|
1237
|
+
},
|
|
1238
|
+
"popover": {
|
|
1239
|
+
"shadow": {
|
|
1240
|
+
"$value": "0 10px 25px -8px oklch(0.2 0.014 260 / 0.16), 0 4px 10px -4px oklch(0.2 0.014 260 / 0.1)",
|
|
1241
|
+
"$type": "shadow",
|
|
1242
|
+
"$description": "Elevation popover shadow."
|
|
1243
|
+
}
|
|
1244
|
+
}
|
|
1245
|
+
},
|
|
1246
|
+
"field": {
|
|
1247
|
+
"bg": {
|
|
1248
|
+
"$value": "oklch(0.28 0.015 260)",
|
|
1249
|
+
"$type": "color",
|
|
1250
|
+
"$description": "Field bg."
|
|
1251
|
+
},
|
|
1252
|
+
"border": {
|
|
1253
|
+
"default": {
|
|
1254
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
1255
|
+
"$type": "color",
|
|
1256
|
+
"$description": "Field border."
|
|
1257
|
+
},
|
|
1258
|
+
"focus": {
|
|
1259
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
1260
|
+
"$type": "color",
|
|
1261
|
+
"$description": "Field border focus."
|
|
1262
|
+
},
|
|
1263
|
+
"hover": {
|
|
1264
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
1265
|
+
"$type": "color",
|
|
1266
|
+
"$description": "Field border hover."
|
|
1267
|
+
}
|
|
1268
|
+
},
|
|
1269
|
+
"disabled": {
|
|
1270
|
+
"opacity": {
|
|
1271
|
+
"$value": "0.5",
|
|
1272
|
+
"$type": "number",
|
|
1273
|
+
"$description": "Field disabled opacity."
|
|
1274
|
+
}
|
|
1275
|
+
},
|
|
1276
|
+
"fg": {
|
|
1277
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1278
|
+
"$type": "color",
|
|
1279
|
+
"$description": "Field fg."
|
|
1280
|
+
},
|
|
1281
|
+
"placeholder": {
|
|
1282
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
1283
|
+
"$type": "color",
|
|
1284
|
+
"$description": "Field placeholder."
|
|
1285
|
+
}
|
|
1286
|
+
},
|
|
1287
|
+
"focus": {
|
|
1288
|
+
"ring": {
|
|
1289
|
+
"default": {
|
|
1290
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
1291
|
+
"$type": "color",
|
|
1292
|
+
"$description": "Focus ring."
|
|
1293
|
+
},
|
|
1294
|
+
"offset": {
|
|
1295
|
+
"bg": {
|
|
1296
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1297
|
+
"$type": "color",
|
|
1298
|
+
"$description": "Focus ring offset bg."
|
|
1299
|
+
},
|
|
1300
|
+
"default": {
|
|
1301
|
+
"$value": "0.0625rem",
|
|
1302
|
+
"$type": "dimension",
|
|
1303
|
+
"$description": "Focus ring offset."
|
|
1304
|
+
}
|
|
1305
|
+
},
|
|
1306
|
+
"opacity": {
|
|
1307
|
+
"$value": "0.85",
|
|
1308
|
+
"$type": "number",
|
|
1309
|
+
"$description": "Focus ring opacity."
|
|
1310
|
+
},
|
|
1311
|
+
"width": {
|
|
1312
|
+
"$value": "0.125rem",
|
|
1313
|
+
"$type": "dimension",
|
|
1314
|
+
"$description": "Focus ring width."
|
|
1315
|
+
}
|
|
1316
|
+
}
|
|
1317
|
+
},
|
|
1318
|
+
"icon": {
|
|
1319
|
+
"danger": {
|
|
1320
|
+
"$value": "oklch(0.82 0.080 25)",
|
|
1321
|
+
"$type": "color",
|
|
1322
|
+
"$description": "Icon danger."
|
|
1323
|
+
},
|
|
1324
|
+
"default": {
|
|
1325
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1326
|
+
"$type": "color",
|
|
1327
|
+
"$description": "Icon default."
|
|
1328
|
+
},
|
|
1329
|
+
"info": {
|
|
1330
|
+
"$value": "oklch(0.82 0.080 210)",
|
|
1331
|
+
"$type": "color",
|
|
1332
|
+
"$description": "Icon info."
|
|
1333
|
+
},
|
|
1334
|
+
"inverse": {
|
|
1335
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1336
|
+
"$type": "color",
|
|
1337
|
+
"$description": "Icon inverse."
|
|
1338
|
+
},
|
|
1339
|
+
"muted": {
|
|
1340
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
1341
|
+
"$type": "color",
|
|
1342
|
+
"$description": "Icon muted."
|
|
1343
|
+
},
|
|
1344
|
+
"success": {
|
|
1345
|
+
"$value": "oklch(0.82 0.080 145)",
|
|
1346
|
+
"$type": "color",
|
|
1347
|
+
"$description": "Icon success."
|
|
1348
|
+
},
|
|
1349
|
+
"warning": {
|
|
1350
|
+
"$value": "oklch(0.88 0.095 85)",
|
|
1351
|
+
"$type": "color",
|
|
1352
|
+
"$description": "Icon warning."
|
|
1353
|
+
}
|
|
1354
|
+
},
|
|
1355
|
+
"intent": {
|
|
1356
|
+
"danger": {
|
|
1357
|
+
"bg": {
|
|
1358
|
+
"active": {
|
|
1359
|
+
"$value": "oklch(0.68 0.140 25)",
|
|
1360
|
+
"$type": "color",
|
|
1361
|
+
"$description": "Intent danger bg active."
|
|
1362
|
+
},
|
|
1363
|
+
"default": {
|
|
1364
|
+
"$value": "oklch(0.52 0.170 25)",
|
|
1365
|
+
"$type": "color",
|
|
1366
|
+
"$description": "Intent danger bg."
|
|
1367
|
+
},
|
|
1368
|
+
"hover": {
|
|
1369
|
+
"$value": "oklch(0.60 0.160 25)",
|
|
1370
|
+
"$type": "color",
|
|
1371
|
+
"$description": "Intent danger bg hover."
|
|
1372
|
+
}
|
|
1373
|
+
},
|
|
1374
|
+
"border": {
|
|
1375
|
+
"default": {
|
|
1376
|
+
"$value": "oklch(0.52 0.170 25)",
|
|
1377
|
+
"$type": "color",
|
|
1378
|
+
"$description": "Intent danger border."
|
|
1379
|
+
},
|
|
1380
|
+
"hover": {
|
|
1381
|
+
"$value": "oklch(0.60 0.160 25)",
|
|
1382
|
+
"$type": "color",
|
|
1383
|
+
"$description": "Intent danger border hover."
|
|
1384
|
+
}
|
|
1385
|
+
},
|
|
1386
|
+
"fg": {
|
|
1387
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1388
|
+
"$type": "color",
|
|
1389
|
+
"$description": "Intent danger fg."
|
|
1390
|
+
},
|
|
1391
|
+
"ring": {
|
|
1392
|
+
"$value": "oklch(0.76 0.110 25)",
|
|
1393
|
+
"$type": "color",
|
|
1394
|
+
"$description": "Intent danger ring."
|
|
1395
|
+
}
|
|
1396
|
+
},
|
|
1397
|
+
"info": {
|
|
1398
|
+
"bg": {
|
|
1399
|
+
"active": {
|
|
1400
|
+
"$value": "oklch(0.68 0.140 210)",
|
|
1401
|
+
"$type": "color",
|
|
1402
|
+
"$description": "Intent info bg active."
|
|
1403
|
+
},
|
|
1404
|
+
"default": {
|
|
1405
|
+
"$value": "oklch(0.52 0.170 210)",
|
|
1406
|
+
"$type": "color",
|
|
1407
|
+
"$description": "Intent info bg."
|
|
1408
|
+
},
|
|
1409
|
+
"hover": {
|
|
1410
|
+
"$value": "oklch(0.60 0.160 210)",
|
|
1411
|
+
"$type": "color",
|
|
1412
|
+
"$description": "Intent info bg hover."
|
|
1413
|
+
}
|
|
1414
|
+
},
|
|
1415
|
+
"border": {
|
|
1416
|
+
"default": {
|
|
1417
|
+
"$value": "oklch(0.52 0.170 210)",
|
|
1418
|
+
"$type": "color",
|
|
1419
|
+
"$description": "Intent info border."
|
|
1420
|
+
},
|
|
1421
|
+
"hover": {
|
|
1422
|
+
"$value": "oklch(0.60 0.160 210)",
|
|
1423
|
+
"$type": "color",
|
|
1424
|
+
"$description": "Intent info border hover."
|
|
1425
|
+
}
|
|
1426
|
+
},
|
|
1427
|
+
"fg": {
|
|
1428
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1429
|
+
"$type": "color",
|
|
1430
|
+
"$description": "Intent info fg."
|
|
1431
|
+
},
|
|
1432
|
+
"ring": {
|
|
1433
|
+
"$value": "oklch(0.76 0.110 210)",
|
|
1434
|
+
"$type": "color",
|
|
1435
|
+
"$description": "Intent info ring."
|
|
1436
|
+
}
|
|
1437
|
+
},
|
|
1438
|
+
"neutral": {
|
|
1439
|
+
"bg": {
|
|
1440
|
+
"active": {
|
|
1441
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
1442
|
+
"$type": "color",
|
|
1443
|
+
"$description": "Intent neutral bg active."
|
|
1444
|
+
},
|
|
1445
|
+
"default": {
|
|
1446
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
1447
|
+
"$type": "color",
|
|
1448
|
+
"$description": "Intent neutral bg."
|
|
1449
|
+
},
|
|
1450
|
+
"hover": {
|
|
1451
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
1452
|
+
"$type": "color",
|
|
1453
|
+
"$description": "Intent neutral bg hover."
|
|
1454
|
+
}
|
|
1455
|
+
},
|
|
1456
|
+
"border": {
|
|
1457
|
+
"default": {
|
|
1458
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
1459
|
+
"$type": "color",
|
|
1460
|
+
"$description": "Intent neutral border."
|
|
1461
|
+
},
|
|
1462
|
+
"hover": {
|
|
1463
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
1464
|
+
"$type": "color",
|
|
1465
|
+
"$description": "Intent neutral border hover."
|
|
1466
|
+
}
|
|
1467
|
+
},
|
|
1468
|
+
"fg": {
|
|
1469
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1470
|
+
"$type": "color",
|
|
1471
|
+
"$description": "Intent neutral fg."
|
|
1472
|
+
},
|
|
1473
|
+
"ring": {
|
|
1474
|
+
"$value": "oklch(0.78 0.012 260)",
|
|
1475
|
+
"$type": "color",
|
|
1476
|
+
"$description": "Intent neutral ring."
|
|
1477
|
+
}
|
|
1478
|
+
},
|
|
1479
|
+
"primary": {
|
|
1480
|
+
"bg": {
|
|
1481
|
+
"active": {
|
|
1482
|
+
"$value": "oklch(0.76 0.110 250)",
|
|
1483
|
+
"$type": "color",
|
|
1484
|
+
"$description": "Intent primary bg active."
|
|
1485
|
+
},
|
|
1486
|
+
"default": {
|
|
1487
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
1488
|
+
"$type": "color",
|
|
1489
|
+
"$description": "Intent primary bg."
|
|
1490
|
+
},
|
|
1491
|
+
"hover": {
|
|
1492
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
1493
|
+
"$type": "color",
|
|
1494
|
+
"$description": "Intent primary bg hover."
|
|
1495
|
+
}
|
|
1496
|
+
},
|
|
1497
|
+
"border": {
|
|
1498
|
+
"default": {
|
|
1499
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
1500
|
+
"$type": "color",
|
|
1501
|
+
"$description": "Intent primary border."
|
|
1502
|
+
},
|
|
1503
|
+
"hover": {
|
|
1504
|
+
"$value": "oklch(0.68 0.140 250)",
|
|
1505
|
+
"$type": "color",
|
|
1506
|
+
"$description": "Intent primary border hover."
|
|
1507
|
+
}
|
|
1508
|
+
},
|
|
1509
|
+
"fg": {
|
|
1510
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1511
|
+
"$type": "color",
|
|
1512
|
+
"$description": "Intent primary fg."
|
|
1513
|
+
},
|
|
1514
|
+
"ring": {
|
|
1515
|
+
"$value": "oklch(0.76 0.110 250)",
|
|
1516
|
+
"$type": "color",
|
|
1517
|
+
"$description": "Intent primary ring."
|
|
1518
|
+
}
|
|
1519
|
+
},
|
|
1520
|
+
"success": {
|
|
1521
|
+
"bg": {
|
|
1522
|
+
"active": {
|
|
1523
|
+
"$value": "oklch(0.68 0.140 145)",
|
|
1524
|
+
"$type": "color",
|
|
1525
|
+
"$description": "Intent success bg active."
|
|
1526
|
+
},
|
|
1527
|
+
"default": {
|
|
1528
|
+
"$value": "oklch(0.52 0.170 145)",
|
|
1529
|
+
"$type": "color",
|
|
1530
|
+
"$description": "Intent success bg."
|
|
1531
|
+
},
|
|
1532
|
+
"hover": {
|
|
1533
|
+
"$value": "oklch(0.60 0.160 145)",
|
|
1534
|
+
"$type": "color",
|
|
1535
|
+
"$description": "Intent success bg hover."
|
|
1536
|
+
}
|
|
1537
|
+
},
|
|
1538
|
+
"border": {
|
|
1539
|
+
"default": {
|
|
1540
|
+
"$value": "oklch(0.52 0.170 145)",
|
|
1541
|
+
"$type": "color",
|
|
1542
|
+
"$description": "Intent success border."
|
|
1543
|
+
},
|
|
1544
|
+
"hover": {
|
|
1545
|
+
"$value": "oklch(0.60 0.160 145)",
|
|
1546
|
+
"$type": "color",
|
|
1547
|
+
"$description": "Intent success border hover."
|
|
1548
|
+
}
|
|
1549
|
+
},
|
|
1550
|
+
"fg": {
|
|
1551
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1552
|
+
"$type": "color",
|
|
1553
|
+
"$description": "Intent success fg."
|
|
1554
|
+
},
|
|
1555
|
+
"ring": {
|
|
1556
|
+
"$value": "oklch(0.76 0.110 145)",
|
|
1557
|
+
"$type": "color",
|
|
1558
|
+
"$description": "Intent success ring."
|
|
1559
|
+
}
|
|
1560
|
+
},
|
|
1561
|
+
"warning": {
|
|
1562
|
+
"bg": {
|
|
1563
|
+
"active": {
|
|
1564
|
+
"$value": "oklch(0.74 0.140 85)",
|
|
1565
|
+
"$type": "color",
|
|
1566
|
+
"$description": "Intent warning bg active."
|
|
1567
|
+
},
|
|
1568
|
+
"default": {
|
|
1569
|
+
"$value": "oklch(0.58 0.150 85)",
|
|
1570
|
+
"$type": "color",
|
|
1571
|
+
"$description": "Intent warning bg."
|
|
1572
|
+
},
|
|
1573
|
+
"hover": {
|
|
1574
|
+
"$value": "oklch(0.66 0.150 85)",
|
|
1575
|
+
"$type": "color",
|
|
1576
|
+
"$description": "Intent warning bg hover."
|
|
1577
|
+
}
|
|
1578
|
+
},
|
|
1579
|
+
"border": {
|
|
1580
|
+
"default": {
|
|
1581
|
+
"$value": "oklch(0.58 0.150 85)",
|
|
1582
|
+
"$type": "color",
|
|
1583
|
+
"$description": "Intent warning border."
|
|
1584
|
+
},
|
|
1585
|
+
"hover": {
|
|
1586
|
+
"$value": "oklch(0.66 0.150 85)",
|
|
1587
|
+
"$type": "color",
|
|
1588
|
+
"$description": "Intent warning border hover."
|
|
1589
|
+
}
|
|
1590
|
+
},
|
|
1591
|
+
"fg": {
|
|
1592
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1593
|
+
"$type": "color",
|
|
1594
|
+
"$description": "Intent warning fg."
|
|
1595
|
+
},
|
|
1596
|
+
"ring": {
|
|
1597
|
+
"$value": "oklch(0.82 0.120 85)",
|
|
1598
|
+
"$type": "color",
|
|
1599
|
+
"$description": "Intent warning ring."
|
|
1600
|
+
}
|
|
1601
|
+
}
|
|
1602
|
+
},
|
|
1603
|
+
"layout": {
|
|
1604
|
+
"control": {
|
|
1605
|
+
"gap": {
|
|
1606
|
+
"1": {
|
|
1607
|
+
"$value": "0.25rem",
|
|
1608
|
+
"$type": "dimension"
|
|
1609
|
+
},
|
|
1610
|
+
"2": {
|
|
1611
|
+
"$value": "0.5rem",
|
|
1612
|
+
"$type": "dimension"
|
|
1613
|
+
},
|
|
1614
|
+
"3": {
|
|
1615
|
+
"$value": "0.75rem",
|
|
1616
|
+
"$type": "dimension"
|
|
1617
|
+
},
|
|
1618
|
+
"4": {
|
|
1619
|
+
"$value": "1rem",
|
|
1620
|
+
"$type": "dimension"
|
|
1621
|
+
},
|
|
1622
|
+
"5": {
|
|
1623
|
+
"$value": "1.25rem",
|
|
1624
|
+
"$type": "dimension"
|
|
1625
|
+
},
|
|
1626
|
+
"6": {
|
|
1627
|
+
"$value": "1.5rem",
|
|
1628
|
+
"$type": "dimension"
|
|
1629
|
+
}
|
|
1630
|
+
},
|
|
1631
|
+
"paddingX": {
|
|
1632
|
+
"1": {
|
|
1633
|
+
"$value": "0.5rem",
|
|
1634
|
+
"$type": "dimension"
|
|
1635
|
+
},
|
|
1636
|
+
"2": {
|
|
1637
|
+
"$value": "0.75rem",
|
|
1638
|
+
"$type": "dimension"
|
|
1639
|
+
},
|
|
1640
|
+
"3": {
|
|
1641
|
+
"$value": "1rem",
|
|
1642
|
+
"$type": "dimension"
|
|
1643
|
+
},
|
|
1644
|
+
"4": {
|
|
1645
|
+
"$value": "1.25rem",
|
|
1646
|
+
"$type": "dimension"
|
|
1647
|
+
},
|
|
1648
|
+
"5": {
|
|
1649
|
+
"$value": "1.5rem",
|
|
1650
|
+
"$type": "dimension"
|
|
1651
|
+
},
|
|
1652
|
+
"6": {
|
|
1653
|
+
"$value": "2rem",
|
|
1654
|
+
"$type": "dimension"
|
|
1655
|
+
}
|
|
1656
|
+
},
|
|
1657
|
+
"paddingY": {
|
|
1658
|
+
"1": {
|
|
1659
|
+
"$value": "0.25rem",
|
|
1660
|
+
"$type": "dimension"
|
|
1661
|
+
},
|
|
1662
|
+
"2": {
|
|
1663
|
+
"$value": "0.5rem",
|
|
1664
|
+
"$type": "dimension"
|
|
1665
|
+
},
|
|
1666
|
+
"3": {
|
|
1667
|
+
"$value": "0.75rem",
|
|
1668
|
+
"$type": "dimension"
|
|
1669
|
+
},
|
|
1670
|
+
"4": {
|
|
1671
|
+
"$value": "1rem",
|
|
1672
|
+
"$type": "dimension"
|
|
1673
|
+
},
|
|
1674
|
+
"5": {
|
|
1675
|
+
"$value": "1.25rem",
|
|
1676
|
+
"$type": "dimension"
|
|
1677
|
+
},
|
|
1678
|
+
"6": {
|
|
1679
|
+
"$value": "1.5rem",
|
|
1680
|
+
"$type": "dimension"
|
|
1681
|
+
}
|
|
1682
|
+
}
|
|
1683
|
+
},
|
|
1684
|
+
"gutter": {
|
|
1685
|
+
"$value": "1rem",
|
|
1686
|
+
"$type": "dimension"
|
|
1687
|
+
},
|
|
1688
|
+
"panel": {
|
|
1689
|
+
"width": {
|
|
1690
|
+
"lg": {
|
|
1691
|
+
"$value": "30rem",
|
|
1692
|
+
"$type": "dimension"
|
|
1693
|
+
},
|
|
1694
|
+
"md": {
|
|
1695
|
+
"$value": "24rem",
|
|
1696
|
+
"$type": "dimension"
|
|
1697
|
+
},
|
|
1698
|
+
"sm": {
|
|
1699
|
+
"$value": "18rem",
|
|
1700
|
+
"$type": "dimension"
|
|
1701
|
+
}
|
|
1702
|
+
}
|
|
1703
|
+
}
|
|
1704
|
+
},
|
|
1705
|
+
"motion": {
|
|
1706
|
+
"delay": {
|
|
1707
|
+
"0": {
|
|
1708
|
+
"$value": "0ms",
|
|
1709
|
+
"$type": "duration"
|
|
1710
|
+
},
|
|
1711
|
+
"1": {
|
|
1712
|
+
"$value": "75ms",
|
|
1713
|
+
"$type": "duration"
|
|
1714
|
+
},
|
|
1715
|
+
"2": {
|
|
1716
|
+
"$value": "150ms",
|
|
1717
|
+
"$type": "duration"
|
|
1718
|
+
}
|
|
1719
|
+
},
|
|
1720
|
+
"duration": {
|
|
1721
|
+
"1": {
|
|
1722
|
+
"$value": "100ms",
|
|
1723
|
+
"$type": "duration"
|
|
1724
|
+
},
|
|
1725
|
+
"2": {
|
|
1726
|
+
"$value": "150ms",
|
|
1727
|
+
"$type": "duration"
|
|
1728
|
+
},
|
|
1729
|
+
"3": {
|
|
1730
|
+
"$value": "200ms",
|
|
1731
|
+
"$type": "duration"
|
|
1732
|
+
},
|
|
1733
|
+
"4": {
|
|
1734
|
+
"$value": "250ms",
|
|
1735
|
+
"$type": "duration"
|
|
1736
|
+
},
|
|
1737
|
+
"5": {
|
|
1738
|
+
"$value": "300ms",
|
|
1739
|
+
"$type": "duration"
|
|
1740
|
+
},
|
|
1741
|
+
"6": {
|
|
1742
|
+
"$value": "400ms",
|
|
1743
|
+
"$type": "duration"
|
|
1744
|
+
}
|
|
1745
|
+
},
|
|
1746
|
+
"ease": {
|
|
1747
|
+
"emphasized": {
|
|
1748
|
+
"$value": "cubic-bezier(0.2, 0, 0, 1)",
|
|
1749
|
+
"$type": "cubicBezier"
|
|
1750
|
+
},
|
|
1751
|
+
"entrance": {
|
|
1752
|
+
"$value": "cubic-bezier(0, 0, 0, 1)",
|
|
1753
|
+
"$type": "cubicBezier"
|
|
1754
|
+
},
|
|
1755
|
+
"exit": {
|
|
1756
|
+
"$value": "cubic-bezier(0.2, 0, 1, 1)",
|
|
1757
|
+
"$type": "cubicBezier"
|
|
1758
|
+
},
|
|
1759
|
+
"linear": {
|
|
1760
|
+
"$value": "cubic-bezier(0, 0, 1, 1)",
|
|
1761
|
+
"$type": "cubicBezier"
|
|
1762
|
+
},
|
|
1763
|
+
"standard": {
|
|
1764
|
+
"$value": "cubic-bezier(0.2, 0, 0, 1)",
|
|
1765
|
+
"$type": "cubicBezier"
|
|
1766
|
+
}
|
|
1767
|
+
},
|
|
1768
|
+
"transition": {
|
|
1769
|
+
"colors": {
|
|
1770
|
+
"$value": "150ms 0ms cubic-bezier(0.2, 0, 0, 1)",
|
|
1771
|
+
"$type": "transition"
|
|
1772
|
+
},
|
|
1773
|
+
"shadow": {
|
|
1774
|
+
"$value": "200ms 0ms cubic-bezier(0.2, 0, 0, 1)",
|
|
1775
|
+
"$type": "transition"
|
|
1776
|
+
},
|
|
1777
|
+
"transform": {
|
|
1778
|
+
"$value": "200ms 0ms cubic-bezier(0.2, 0, 0, 1)",
|
|
1779
|
+
"$type": "transition"
|
|
1780
|
+
}
|
|
1781
|
+
}
|
|
1782
|
+
},
|
|
1783
|
+
"opacity": {
|
|
1784
|
+
"0": {
|
|
1785
|
+
"$value": "0",
|
|
1786
|
+
"$type": "number"
|
|
1787
|
+
},
|
|
1788
|
+
"10": {
|
|
1789
|
+
"$value": "0.1",
|
|
1790
|
+
"$type": "number"
|
|
1791
|
+
},
|
|
1792
|
+
"20": {
|
|
1793
|
+
"$value": "0.2",
|
|
1794
|
+
"$type": "number"
|
|
1795
|
+
},
|
|
1796
|
+
"30": {
|
|
1797
|
+
"$value": "0.3",
|
|
1798
|
+
"$type": "number"
|
|
1799
|
+
},
|
|
1800
|
+
"40": {
|
|
1801
|
+
"$value": "0.4",
|
|
1802
|
+
"$type": "number"
|
|
1803
|
+
},
|
|
1804
|
+
"50": {
|
|
1805
|
+
"$value": "0.5",
|
|
1806
|
+
"$type": "number"
|
|
1807
|
+
},
|
|
1808
|
+
"60": {
|
|
1809
|
+
"$value": "0.6",
|
|
1810
|
+
"$type": "number"
|
|
1811
|
+
},
|
|
1812
|
+
"70": {
|
|
1813
|
+
"$value": "0.7",
|
|
1814
|
+
"$type": "number"
|
|
1815
|
+
},
|
|
1816
|
+
"80": {
|
|
1817
|
+
"$value": "0.8",
|
|
1818
|
+
"$type": "number"
|
|
1819
|
+
},
|
|
1820
|
+
"90": {
|
|
1821
|
+
"$value": "0.9",
|
|
1822
|
+
"$type": "number"
|
|
1823
|
+
},
|
|
1824
|
+
"100": {
|
|
1825
|
+
"$value": "1",
|
|
1826
|
+
"$type": "number"
|
|
1827
|
+
}
|
|
1828
|
+
},
|
|
1829
|
+
"outline": {
|
|
1830
|
+
"width": {
|
|
1831
|
+
"1": {
|
|
1832
|
+
"$value": "0.125rem",
|
|
1833
|
+
"$type": "dimension"
|
|
1834
|
+
},
|
|
1835
|
+
"2": {
|
|
1836
|
+
"$value": "0.1875rem",
|
|
1837
|
+
"$type": "dimension"
|
|
1838
|
+
}
|
|
1839
|
+
}
|
|
1840
|
+
},
|
|
1841
|
+
"radius": {
|
|
1842
|
+
"0": {
|
|
1843
|
+
"$value": "0",
|
|
1844
|
+
"$type": "dimension"
|
|
1845
|
+
},
|
|
1846
|
+
"1": {
|
|
1847
|
+
"$value": "0.125rem",
|
|
1848
|
+
"$type": "dimension"
|
|
1849
|
+
},
|
|
1850
|
+
"2": {
|
|
1851
|
+
"$value": "0.25rem",
|
|
1852
|
+
"$type": "dimension"
|
|
1853
|
+
},
|
|
1854
|
+
"3": {
|
|
1855
|
+
"$value": "0.375rem",
|
|
1856
|
+
"$type": "dimension"
|
|
1857
|
+
},
|
|
1858
|
+
"4": {
|
|
1859
|
+
"$value": "0.5rem",
|
|
1860
|
+
"$type": "dimension"
|
|
1861
|
+
},
|
|
1862
|
+
"5": {
|
|
1863
|
+
"$value": "0.75rem",
|
|
1864
|
+
"$type": "dimension"
|
|
1865
|
+
},
|
|
1866
|
+
"full": {
|
|
1867
|
+
"$value": "9999px",
|
|
1868
|
+
"$type": "dimension"
|
|
1869
|
+
}
|
|
1870
|
+
},
|
|
1871
|
+
"scrim": {
|
|
1872
|
+
"color": {
|
|
1873
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1874
|
+
"$type": "color",
|
|
1875
|
+
"$description": "Scrim color."
|
|
1876
|
+
},
|
|
1877
|
+
"opacity": {
|
|
1878
|
+
"$value": "0.6",
|
|
1879
|
+
"$type": "number",
|
|
1880
|
+
"$description": "Scrim opacity."
|
|
1881
|
+
}
|
|
1882
|
+
},
|
|
1883
|
+
"scrollbar": {
|
|
1884
|
+
"thumb": {
|
|
1885
|
+
"default": {
|
|
1886
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
1887
|
+
"$type": "color",
|
|
1888
|
+
"$description": "Scrollbar thumb."
|
|
1889
|
+
},
|
|
1890
|
+
"hover": {
|
|
1891
|
+
"$value": "oklch(0.68 0.014 260)",
|
|
1892
|
+
"$type": "color",
|
|
1893
|
+
"$description": "Scrollbar thumb hover."
|
|
1894
|
+
}
|
|
1895
|
+
},
|
|
1896
|
+
"track": {
|
|
1897
|
+
"$value": "oklch(0.28 0.015 260)",
|
|
1898
|
+
"$type": "color",
|
|
1899
|
+
"$description": "Scrollbar track."
|
|
1900
|
+
}
|
|
1901
|
+
},
|
|
1902
|
+
"selection": {
|
|
1903
|
+
"bg": {
|
|
1904
|
+
"$value": "oklch(0.45 0.160 250)",
|
|
1905
|
+
"$type": "color",
|
|
1906
|
+
"$description": "Selection bg."
|
|
1907
|
+
},
|
|
1908
|
+
"fg": {
|
|
1909
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1910
|
+
"$type": "color",
|
|
1911
|
+
"$description": "Selection fg."
|
|
1912
|
+
}
|
|
1913
|
+
},
|
|
1914
|
+
"separator": {
|
|
1915
|
+
"color": {
|
|
1916
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
1917
|
+
"$type": "color",
|
|
1918
|
+
"$description": "Separator color."
|
|
1919
|
+
},
|
|
1920
|
+
"radius": {
|
|
1921
|
+
"$value": "9999px",
|
|
1922
|
+
"$type": "dimension",
|
|
1923
|
+
"$description": "Separator radius."
|
|
1924
|
+
},
|
|
1925
|
+
"thickness": {
|
|
1926
|
+
"$value": "0.0625rem",
|
|
1927
|
+
"$type": "dimension",
|
|
1928
|
+
"$description": "Separator thickness."
|
|
1929
|
+
}
|
|
1930
|
+
},
|
|
1931
|
+
"shadow": {
|
|
1932
|
+
"0": {
|
|
1933
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
1934
|
+
"$type": "shadow"
|
|
1935
|
+
},
|
|
1936
|
+
"1": {
|
|
1937
|
+
"$value": "0 1px 2px 0 oklch(0.2 0.014 260 / 0.06), 0 1px 1px -1px oklch(0.2 0.014 260 / 0.06)",
|
|
1938
|
+
"$type": "shadow"
|
|
1939
|
+
},
|
|
1940
|
+
"2": {
|
|
1941
|
+
"$value": "0 4px 10px -2px oklch(0.2 0.014 260 / 0.1), 0 2px 4px -2px oklch(0.2 0.014 260 / 0.06)",
|
|
1942
|
+
"$type": "shadow"
|
|
1943
|
+
},
|
|
1944
|
+
"3": {
|
|
1945
|
+
"$value": "0 10px 25px -8px oklch(0.2 0.014 260 / 0.16), 0 4px 10px -4px oklch(0.2 0.014 260 / 0.1)",
|
|
1946
|
+
"$type": "shadow"
|
|
1947
|
+
},
|
|
1948
|
+
"4": {
|
|
1949
|
+
"$value": "0 24px 60px -18px oklch(0.2 0.014 260 / 0.28), 0 10px 25px -10px oklch(0.2 0.014 260 / 0.16)",
|
|
1950
|
+
"$type": "shadow"
|
|
1951
|
+
},
|
|
1952
|
+
"inset": {
|
|
1953
|
+
"1": {
|
|
1954
|
+
"$value": "inset 0 1px 0 0 oklch(0.2 0.014 260 / 0.1)",
|
|
1955
|
+
"$type": "shadow"
|
|
1956
|
+
}
|
|
1957
|
+
}
|
|
1958
|
+
},
|
|
1959
|
+
"size": {
|
|
1960
|
+
"control": {
|
|
1961
|
+
"lg": {
|
|
1962
|
+
"$value": "3rem",
|
|
1963
|
+
"$type": "dimension"
|
|
1964
|
+
},
|
|
1965
|
+
"md": {
|
|
1966
|
+
"$value": "2.5rem",
|
|
1967
|
+
"$type": "dimension"
|
|
1968
|
+
},
|
|
1969
|
+
"sm": {
|
|
1970
|
+
"$value": "2.25rem",
|
|
1971
|
+
"$type": "dimension"
|
|
1972
|
+
},
|
|
1973
|
+
"xl": {
|
|
1974
|
+
"$value": "3.5rem",
|
|
1975
|
+
"$type": "dimension"
|
|
1976
|
+
}
|
|
1977
|
+
},
|
|
1978
|
+
"hitTarget": {
|
|
1979
|
+
"min": {
|
|
1980
|
+
"$value": "2.75rem",
|
|
1981
|
+
"$type": "dimension"
|
|
1982
|
+
}
|
|
1983
|
+
},
|
|
1984
|
+
"icon": {
|
|
1985
|
+
"lg": {
|
|
1986
|
+
"$value": "1.5rem",
|
|
1987
|
+
"$type": "dimension"
|
|
1988
|
+
},
|
|
1989
|
+
"md": {
|
|
1990
|
+
"$value": "1.25rem",
|
|
1991
|
+
"$type": "dimension"
|
|
1992
|
+
},
|
|
1993
|
+
"sm": {
|
|
1994
|
+
"$value": "1rem",
|
|
1995
|
+
"$type": "dimension"
|
|
1996
|
+
},
|
|
1997
|
+
"xs": {
|
|
1998
|
+
"$value": "0.75rem",
|
|
1999
|
+
"$type": "dimension"
|
|
2000
|
+
}
|
|
2001
|
+
}
|
|
2002
|
+
},
|
|
2003
|
+
"space": {
|
|
2004
|
+
"0": {
|
|
2005
|
+
"$value": "0",
|
|
2006
|
+
"$type": "dimension"
|
|
2007
|
+
},
|
|
2008
|
+
"1": {
|
|
2009
|
+
"$value": "0.25rem",
|
|
2010
|
+
"$type": "dimension"
|
|
2011
|
+
},
|
|
2012
|
+
"2": {
|
|
2013
|
+
"$value": "0.5rem",
|
|
2014
|
+
"$type": "dimension"
|
|
2015
|
+
},
|
|
2016
|
+
"3": {
|
|
2017
|
+
"$value": "0.75rem",
|
|
2018
|
+
"$type": "dimension"
|
|
2019
|
+
},
|
|
2020
|
+
"4": {
|
|
2021
|
+
"$value": "1rem",
|
|
2022
|
+
"$type": "dimension"
|
|
2023
|
+
},
|
|
2024
|
+
"5": {
|
|
2025
|
+
"$value": "1.25rem",
|
|
2026
|
+
"$type": "dimension"
|
|
2027
|
+
},
|
|
2028
|
+
"6": {
|
|
2029
|
+
"$value": "1.5rem",
|
|
2030
|
+
"$type": "dimension"
|
|
2031
|
+
},
|
|
2032
|
+
"7": {
|
|
2033
|
+
"$value": "2rem",
|
|
2034
|
+
"$type": "dimension"
|
|
2035
|
+
},
|
|
2036
|
+
"8": {
|
|
2037
|
+
"$value": "2.5rem",
|
|
2038
|
+
"$type": "dimension"
|
|
2039
|
+
},
|
|
2040
|
+
"9": {
|
|
2041
|
+
"$value": "3rem",
|
|
2042
|
+
"$type": "dimension"
|
|
2043
|
+
},
|
|
2044
|
+
"10": {
|
|
2045
|
+
"$value": "4rem",
|
|
2046
|
+
"$type": "dimension"
|
|
2047
|
+
},
|
|
2048
|
+
"11": {
|
|
2049
|
+
"$value": "5rem",
|
|
2050
|
+
"$type": "dimension"
|
|
2051
|
+
},
|
|
2052
|
+
"12": {
|
|
2053
|
+
"$value": "6rem",
|
|
2054
|
+
"$type": "dimension"
|
|
2055
|
+
}
|
|
2056
|
+
},
|
|
2057
|
+
"state": {
|
|
2058
|
+
"active": {
|
|
2059
|
+
"opacity": {
|
|
2060
|
+
"$value": "0.1",
|
|
2061
|
+
"$type": "number",
|
|
2062
|
+
"$description": "State active opacity."
|
|
2063
|
+
}
|
|
2064
|
+
},
|
|
2065
|
+
"disabled": {
|
|
2066
|
+
"opacity": {
|
|
2067
|
+
"$value": "0.5",
|
|
2068
|
+
"$type": "number",
|
|
2069
|
+
"$description": "State disabled opacity."
|
|
2070
|
+
}
|
|
2071
|
+
},
|
|
2072
|
+
"hover": {
|
|
2073
|
+
"opacity": {
|
|
2074
|
+
"$value": "0.06",
|
|
2075
|
+
"$type": "number",
|
|
2076
|
+
"$description": "State hover opacity."
|
|
2077
|
+
}
|
|
2078
|
+
},
|
|
2079
|
+
"selected": {
|
|
2080
|
+
"opacity": {
|
|
2081
|
+
"$value": "0.12",
|
|
2082
|
+
"$type": "number",
|
|
2083
|
+
"$description": "State selected opacity."
|
|
2084
|
+
}
|
|
2085
|
+
}
|
|
2086
|
+
},
|
|
2087
|
+
"surface": {
|
|
2088
|
+
"bg": {
|
|
2089
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
2090
|
+
"$type": "color",
|
|
2091
|
+
"$description": "Surface bg."
|
|
2092
|
+
},
|
|
2093
|
+
"card": {
|
|
2094
|
+
"$value": "oklch(0.28 0.015 260)",
|
|
2095
|
+
"$type": "color",
|
|
2096
|
+
"$description": "Surface card."
|
|
2097
|
+
},
|
|
2098
|
+
"elevated": {
|
|
2099
|
+
"1": {
|
|
2100
|
+
"$value": "oklch(0.28 0.015 260)",
|
|
2101
|
+
"$type": "color",
|
|
2102
|
+
"$description": "Surface elevated 1."
|
|
2103
|
+
},
|
|
2104
|
+
"2": {
|
|
2105
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
2106
|
+
"$type": "color",
|
|
2107
|
+
"$description": "Surface elevated 2."
|
|
2108
|
+
}
|
|
2109
|
+
},
|
|
2110
|
+
"muted": {
|
|
2111
|
+
"$value": "oklch(0.38 0.016 260)",
|
|
2112
|
+
"$type": "color",
|
|
2113
|
+
"$description": "Surface muted."
|
|
2114
|
+
},
|
|
2115
|
+
"popover": {
|
|
2116
|
+
"$value": "oklch(0.28 0.015 260)",
|
|
2117
|
+
"$type": "color",
|
|
2118
|
+
"$description": "Surface popover."
|
|
2119
|
+
}
|
|
2120
|
+
},
|
|
2121
|
+
"text": {
|
|
2122
|
+
"danger": {
|
|
2123
|
+
"$value": "oklch(0.82 0.080 25)",
|
|
2124
|
+
"$type": "color",
|
|
2125
|
+
"$description": "Text danger."
|
|
2126
|
+
},
|
|
2127
|
+
"default": {
|
|
2128
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
2129
|
+
"$type": "color",
|
|
2130
|
+
"$description": "Text default."
|
|
2131
|
+
},
|
|
2132
|
+
"disabled": {
|
|
2133
|
+
"$value": "oklch(0.78 0.012 260)",
|
|
2134
|
+
"$type": "color",
|
|
2135
|
+
"$description": "Text disabled."
|
|
2136
|
+
},
|
|
2137
|
+
"info": {
|
|
2138
|
+
"$value": "oklch(0.82 0.080 210)",
|
|
2139
|
+
"$type": "color",
|
|
2140
|
+
"$description": "Text info."
|
|
2141
|
+
},
|
|
2142
|
+
"inverse": {
|
|
2143
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
2144
|
+
"$type": "color",
|
|
2145
|
+
"$description": "Text inverse."
|
|
2146
|
+
},
|
|
2147
|
+
"link": {
|
|
2148
|
+
"default": {
|
|
2149
|
+
"$value": "oklch(0.82 0.080 250)",
|
|
2150
|
+
"$type": "color",
|
|
2151
|
+
"$description": "Text link."
|
|
2152
|
+
},
|
|
2153
|
+
"hover": {
|
|
2154
|
+
"$value": "oklch(0.88 0.050 250)",
|
|
2155
|
+
"$type": "color",
|
|
2156
|
+
"$description": "Text link hover."
|
|
2157
|
+
}
|
|
2158
|
+
},
|
|
2159
|
+
"muted": {
|
|
2160
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
2161
|
+
"$type": "color",
|
|
2162
|
+
"$description": "Text muted."
|
|
2163
|
+
},
|
|
2164
|
+
"secondary": {
|
|
2165
|
+
"$value": "oklch(0.94 0.007 260)",
|
|
2166
|
+
"$type": "color",
|
|
2167
|
+
"$description": "Text secondary."
|
|
2168
|
+
},
|
|
2169
|
+
"strong": {
|
|
2170
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
2171
|
+
"$type": "color",
|
|
2172
|
+
"$description": "Text strong."
|
|
2173
|
+
},
|
|
2174
|
+
"success": {
|
|
2175
|
+
"$value": "oklch(0.82 0.080 145)",
|
|
2176
|
+
"$type": "color",
|
|
2177
|
+
"$description": "Text success."
|
|
2178
|
+
},
|
|
2179
|
+
"warning": {
|
|
2180
|
+
"$value": "oklch(0.88 0.095 85)",
|
|
2181
|
+
"$type": "color",
|
|
2182
|
+
"$description": "Text warning."
|
|
2183
|
+
}
|
|
2184
|
+
},
|
|
2185
|
+
"typography": {
|
|
2186
|
+
"fontFamily": {
|
|
2187
|
+
"mono": {
|
|
2188
|
+
"$value": "ui-monospace, \"SFMono-Regular\", \"Menlo\", \"Monaco\", \"Consolas\", \"Liberation Mono\", \"Courier New\", monospace",
|
|
2189
|
+
"$type": "fontFamily"
|
|
2190
|
+
},
|
|
2191
|
+
"sans": {
|
|
2192
|
+
"$value": "ui-sans-serif, system-ui, -apple-system, \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Arial\", \"Noto Sans\", \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", sans-serif",
|
|
2193
|
+
"$type": "fontFamily"
|
|
2194
|
+
}
|
|
2195
|
+
},
|
|
2196
|
+
"fontSize": {
|
|
2197
|
+
"1": {
|
|
2198
|
+
"$value": "0.75rem",
|
|
2199
|
+
"$type": "dimension"
|
|
2200
|
+
},
|
|
2201
|
+
"2": {
|
|
2202
|
+
"$value": "0.875rem",
|
|
2203
|
+
"$type": "dimension"
|
|
2204
|
+
},
|
|
2205
|
+
"3": {
|
|
2206
|
+
"$value": "1rem",
|
|
2207
|
+
"$type": "dimension"
|
|
2208
|
+
},
|
|
2209
|
+
"4": {
|
|
2210
|
+
"$value": "1.125rem",
|
|
2211
|
+
"$type": "dimension"
|
|
2212
|
+
},
|
|
2213
|
+
"5": {
|
|
2214
|
+
"$value": "1.25rem",
|
|
2215
|
+
"$type": "dimension"
|
|
2216
|
+
},
|
|
2217
|
+
"6": {
|
|
2218
|
+
"$value": "1.5rem",
|
|
2219
|
+
"$type": "dimension"
|
|
2220
|
+
},
|
|
2221
|
+
"7": {
|
|
2222
|
+
"$value": "1.875rem",
|
|
2223
|
+
"$type": "dimension"
|
|
2224
|
+
},
|
|
2225
|
+
"8": {
|
|
2226
|
+
"$value": "2.25rem",
|
|
2227
|
+
"$type": "dimension"
|
|
2228
|
+
},
|
|
2229
|
+
"9": {
|
|
2230
|
+
"$value": "3rem",
|
|
2231
|
+
"$type": "dimension"
|
|
2232
|
+
},
|
|
2233
|
+
"10": {
|
|
2234
|
+
"$value": "3.75rem",
|
|
2235
|
+
"$type": "dimension"
|
|
2236
|
+
}
|
|
2237
|
+
},
|
|
2238
|
+
"fontWeight": {
|
|
2239
|
+
"bold": {
|
|
2240
|
+
"$value": "700",
|
|
2241
|
+
"$type": "fontWeight"
|
|
2242
|
+
},
|
|
2243
|
+
"medium": {
|
|
2244
|
+
"$value": "500",
|
|
2245
|
+
"$type": "fontWeight"
|
|
2246
|
+
},
|
|
2247
|
+
"regular": {
|
|
2248
|
+
"$value": "400",
|
|
2249
|
+
"$type": "fontWeight"
|
|
2250
|
+
},
|
|
2251
|
+
"semibold": {
|
|
2252
|
+
"$value": "600",
|
|
2253
|
+
"$type": "fontWeight"
|
|
2254
|
+
}
|
|
2255
|
+
},
|
|
2256
|
+
"letterSpacing": {
|
|
2257
|
+
"normal": {
|
|
2258
|
+
"$value": "0",
|
|
2259
|
+
"$type": "dimension"
|
|
2260
|
+
},
|
|
2261
|
+
"tight": {
|
|
2262
|
+
"$value": "-0.01rem",
|
|
2263
|
+
"$type": "dimension"
|
|
2264
|
+
},
|
|
2265
|
+
"wide": {
|
|
2266
|
+
"$value": "0.02rem",
|
|
2267
|
+
"$type": "dimension"
|
|
2268
|
+
}
|
|
2269
|
+
},
|
|
2270
|
+
"lineHeight": {
|
|
2271
|
+
"1": {
|
|
2272
|
+
"$value": "1",
|
|
2273
|
+
"$type": "number"
|
|
2274
|
+
},
|
|
2275
|
+
"2": {
|
|
2276
|
+
"$value": "1.25",
|
|
2277
|
+
"$type": "number"
|
|
2278
|
+
},
|
|
2279
|
+
"3": {
|
|
2280
|
+
"$value": "1.5",
|
|
2281
|
+
"$type": "number"
|
|
2282
|
+
},
|
|
2283
|
+
"4": {
|
|
2284
|
+
"$value": "1.75",
|
|
2285
|
+
"$type": "number"
|
|
2286
|
+
},
|
|
2287
|
+
"5": {
|
|
2288
|
+
"$value": "2",
|
|
2289
|
+
"$type": "number"
|
|
2290
|
+
},
|
|
2291
|
+
"6": {
|
|
2292
|
+
"$value": "2.25",
|
|
2293
|
+
"$type": "number"
|
|
2294
|
+
},
|
|
2295
|
+
"7": {
|
|
2296
|
+
"$value": "2.5",
|
|
2297
|
+
"$type": "number"
|
|
2298
|
+
},
|
|
2299
|
+
"8": {
|
|
2300
|
+
"$value": "2.75",
|
|
2301
|
+
"$type": "number"
|
|
2302
|
+
},
|
|
2303
|
+
"9": {
|
|
2304
|
+
"$value": "3.25",
|
|
2305
|
+
"$type": "number"
|
|
2306
|
+
},
|
|
2307
|
+
"10": {
|
|
2308
|
+
"$value": "3.75",
|
|
2309
|
+
"$type": "number"
|
|
2310
|
+
}
|
|
2311
|
+
}
|
|
2312
|
+
},
|
|
2313
|
+
"z": {
|
|
2314
|
+
"context": {
|
|
2315
|
+
"modal": {
|
|
2316
|
+
"$value": "2000",
|
|
2317
|
+
"$type": "number"
|
|
2318
|
+
},
|
|
2319
|
+
"overlay": {
|
|
2320
|
+
"$value": "1000",
|
|
2321
|
+
"$type": "number"
|
|
2322
|
+
},
|
|
2323
|
+
"page": {
|
|
2324
|
+
"$value": "0",
|
|
2325
|
+
"$type": "number"
|
|
2326
|
+
},
|
|
2327
|
+
"toast": {
|
|
2328
|
+
"$value": "3000",
|
|
2329
|
+
"$type": "number"
|
|
2330
|
+
}
|
|
2331
|
+
},
|
|
2332
|
+
"local": {
|
|
2333
|
+
"base": {
|
|
2334
|
+
"$value": "0",
|
|
2335
|
+
"$type": "number"
|
|
2336
|
+
},
|
|
2337
|
+
"dropdown": {
|
|
2338
|
+
"$value": "10",
|
|
2339
|
+
"$type": "number"
|
|
2340
|
+
},
|
|
2341
|
+
"overlay": {
|
|
2342
|
+
"$value": "30",
|
|
2343
|
+
"$type": "number"
|
|
2344
|
+
},
|
|
2345
|
+
"sticky": {
|
|
2346
|
+
"$value": "20",
|
|
2347
|
+
"$type": "number"
|
|
2348
|
+
},
|
|
2349
|
+
"tooltip": {
|
|
2350
|
+
"$value": "40",
|
|
2351
|
+
"$type": "number"
|
|
2352
|
+
}
|
|
2353
|
+
}
|
|
2354
|
+
}
|
|
2355
|
+
}
|