@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,2377 @@
|
|
|
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.68 0.140 25)",
|
|
23
|
+
"$type": "color",
|
|
24
|
+
"$description": "Border danger."
|
|
25
|
+
},
|
|
26
|
+
"default": {
|
|
27
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
28
|
+
"$type": "color",
|
|
29
|
+
"$description": "Border default."
|
|
30
|
+
},
|
|
31
|
+
"focus": {
|
|
32
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
33
|
+
"$type": "color",
|
|
34
|
+
"$description": "Border focus."
|
|
35
|
+
},
|
|
36
|
+
"info": {
|
|
37
|
+
"$value": "oklch(0.68 0.140 210)",
|
|
38
|
+
"$type": "color",
|
|
39
|
+
"$description": "Border info."
|
|
40
|
+
},
|
|
41
|
+
"muted": {
|
|
42
|
+
"$value": "oklch(0.94 0.007 260)",
|
|
43
|
+
"$type": "color",
|
|
44
|
+
"$description": "Border muted."
|
|
45
|
+
},
|
|
46
|
+
"strong": {
|
|
47
|
+
"$value": "oklch(0.85 0.010 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.68 0.140 145)",
|
|
59
|
+
"$type": "color",
|
|
60
|
+
"$description": "Border success."
|
|
61
|
+
},
|
|
62
|
+
"warning": {
|
|
63
|
+
"$value": "oklch(0.74 0.140 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.45 0.160 25)",
|
|
566
|
+
"$type": "color",
|
|
567
|
+
"$description": "Component badge danger bg."
|
|
568
|
+
},
|
|
569
|
+
"border": {
|
|
570
|
+
"$value": "oklch(0.45 0.160 25)",
|
|
571
|
+
"$type": "color",
|
|
572
|
+
"$description": "Component badge danger border."
|
|
573
|
+
},
|
|
574
|
+
"fg": {
|
|
575
|
+
"$value": "oklch(0.99 0.005 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.94 0.007 260)",
|
|
588
|
+
"$type": "color",
|
|
589
|
+
"$description": "Component badge default bg."
|
|
590
|
+
},
|
|
591
|
+
"border": {
|
|
592
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
593
|
+
"$type": "color",
|
|
594
|
+
"$description": "Component badge default border."
|
|
595
|
+
},
|
|
596
|
+
"fg": {
|
|
597
|
+
"$value": "oklch(0.20 0.014 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.99 0.005 260)",
|
|
610
|
+
"$type": "color",
|
|
611
|
+
"$description": "Component badge outline bg."
|
|
612
|
+
},
|
|
613
|
+
"border": {
|
|
614
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
615
|
+
"$type": "color",
|
|
616
|
+
"$description": "Component badge outline border."
|
|
617
|
+
},
|
|
618
|
+
"fg": {
|
|
619
|
+
"$value": "oklch(0.20 0.014 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.97 0.006 260)",
|
|
632
|
+
"$type": "color",
|
|
633
|
+
"$description": "Component badge secondary bg."
|
|
634
|
+
},
|
|
635
|
+
"border": {
|
|
636
|
+
"$value": "oklch(0.94 0.007 260)",
|
|
637
|
+
"$type": "color",
|
|
638
|
+
"$description": "Component badge secondary border."
|
|
639
|
+
},
|
|
640
|
+
"fg": {
|
|
641
|
+
"$value": "oklch(0.20 0.014 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.60 0.160 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.25rem",
|
|
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.31 0.120 25)",
|
|
724
|
+
"$type": "color",
|
|
725
|
+
"$description": "Component button danger bg active."
|
|
726
|
+
},
|
|
727
|
+
"default": {
|
|
728
|
+
"$value": "oklch(0.45 0.160 25)",
|
|
729
|
+
"$type": "color",
|
|
730
|
+
"$description": "Component button danger bg."
|
|
731
|
+
},
|
|
732
|
+
"hover": {
|
|
733
|
+
"$value": "oklch(0.38 0.140 25)",
|
|
734
|
+
"$type": "color",
|
|
735
|
+
"$description": "Component button danger bg hover."
|
|
736
|
+
}
|
|
737
|
+
},
|
|
738
|
+
"border": {
|
|
739
|
+
"$value": "oklch(0.45 0.160 25)",
|
|
740
|
+
"$type": "color",
|
|
741
|
+
"$description": "Component button danger border."
|
|
742
|
+
},
|
|
743
|
+
"fg": {
|
|
744
|
+
"$value": "oklch(0.99 0.005 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.94 0.007 260)",
|
|
758
|
+
"$type": "color",
|
|
759
|
+
"$description": "Component button ghost bg active."
|
|
760
|
+
},
|
|
761
|
+
"default": {
|
|
762
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
763
|
+
"$type": "color",
|
|
764
|
+
"$description": "Component button ghost bg."
|
|
765
|
+
},
|
|
766
|
+
"hover": {
|
|
767
|
+
"$value": "oklch(0.97 0.006 260)",
|
|
768
|
+
"$type": "color",
|
|
769
|
+
"$description": "Component button ghost bg hover."
|
|
770
|
+
}
|
|
771
|
+
},
|
|
772
|
+
"border": {
|
|
773
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
774
|
+
"$type": "color",
|
|
775
|
+
"$description": "Component button ghost border."
|
|
776
|
+
},
|
|
777
|
+
"fg": {
|
|
778
|
+
"$value": "oklch(0.20 0.014 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": "2.5rem",
|
|
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": "1rem",
|
|
801
|
+
"$type": "dimension",
|
|
802
|
+
"$description": "Component button lg padding X."
|
|
803
|
+
},
|
|
804
|
+
"paddingY": {
|
|
805
|
+
"$value": "0.5rem",
|
|
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.99 0.005 260)",
|
|
819
|
+
"$type": "color",
|
|
820
|
+
"$description": "Component button link bg active."
|
|
821
|
+
},
|
|
822
|
+
"default": {
|
|
823
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
824
|
+
"$type": "color",
|
|
825
|
+
"$description": "Component button link bg."
|
|
826
|
+
},
|
|
827
|
+
"hover": {
|
|
828
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
829
|
+
"$type": "color",
|
|
830
|
+
"$description": "Component button link bg hover."
|
|
831
|
+
}
|
|
832
|
+
},
|
|
833
|
+
"border": {
|
|
834
|
+
"$value": "oklch(0.90 0.009 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.45 0.160 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.25rem",
|
|
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": "0.75rem",
|
|
876
|
+
"$type": "dimension",
|
|
877
|
+
"$description": "Component button md padding X."
|
|
878
|
+
},
|
|
879
|
+
"paddingY": {
|
|
880
|
+
"$value": "0.25rem",
|
|
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.99 0.005 260)",
|
|
899
|
+
"$type": "color",
|
|
900
|
+
"$description": "Component button outline bg."
|
|
901
|
+
},
|
|
902
|
+
"hover": {
|
|
903
|
+
"$value": "oklch(0.97 0.006 260)",
|
|
904
|
+
"$type": "color",
|
|
905
|
+
"$description": "Component button outline bg hover."
|
|
906
|
+
}
|
|
907
|
+
},
|
|
908
|
+
"border": {
|
|
909
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
910
|
+
"$type": "color",
|
|
911
|
+
"$description": "Component button outline border."
|
|
912
|
+
},
|
|
913
|
+
"fg": {
|
|
914
|
+
"$value": "oklch(0.20 0.014 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.85 0.010 260)",
|
|
928
|
+
"$type": "color",
|
|
929
|
+
"$description": "Component button secondary bg active."
|
|
930
|
+
},
|
|
931
|
+
"default": {
|
|
932
|
+
"$value": "oklch(0.94 0.007 260)",
|
|
933
|
+
"$type": "color",
|
|
934
|
+
"$description": "Component button secondary bg."
|
|
935
|
+
},
|
|
936
|
+
"hover": {
|
|
937
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
938
|
+
"$type": "color",
|
|
939
|
+
"$description": "Component button secondary bg hover."
|
|
940
|
+
}
|
|
941
|
+
},
|
|
942
|
+
"border": {
|
|
943
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
944
|
+
"$type": "color",
|
|
945
|
+
"$description": "Component button secondary border."
|
|
946
|
+
},
|
|
947
|
+
"fg": {
|
|
948
|
+
"$value": "oklch(0.20 0.014 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": "2rem",
|
|
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.5rem",
|
|
971
|
+
"$type": "dimension",
|
|
972
|
+
"$description": "Component button sm padding X."
|
|
973
|
+
},
|
|
974
|
+
"paddingY": {
|
|
975
|
+
"$value": "0",
|
|
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.31 0.120 250)",
|
|
989
|
+
"$type": "color",
|
|
990
|
+
"$description": "Component button solid bg active."
|
|
991
|
+
},
|
|
992
|
+
"default": {
|
|
993
|
+
"$value": "oklch(0.45 0.160 250)",
|
|
994
|
+
"$type": "color",
|
|
995
|
+
"$description": "Component button solid bg."
|
|
996
|
+
},
|
|
997
|
+
"hover": {
|
|
998
|
+
"$value": "oklch(0.38 0.140 250)",
|
|
999
|
+
"$type": "color",
|
|
1000
|
+
"$description": "Component button solid bg hover."
|
|
1001
|
+
}
|
|
1002
|
+
},
|
|
1003
|
+
"border": {
|
|
1004
|
+
"$value": "oklch(0.45 0.160 250)",
|
|
1005
|
+
"$type": "color",
|
|
1006
|
+
"$description": "Component button solid border."
|
|
1007
|
+
},
|
|
1008
|
+
"fg": {
|
|
1009
|
+
"$value": "oklch(0.99 0.005 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.99 0.005 260)",
|
|
1024
|
+
"$type": "color",
|
|
1025
|
+
"$description": "Component input base bg."
|
|
1026
|
+
},
|
|
1027
|
+
"border": {
|
|
1028
|
+
"default": {
|
|
1029
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
1030
|
+
"$type": "color",
|
|
1031
|
+
"$description": "Component input base border."
|
|
1032
|
+
},
|
|
1033
|
+
"focus": {
|
|
1034
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
1035
|
+
"$type": "color",
|
|
1036
|
+
"$description": "Component input base border focus."
|
|
1037
|
+
},
|
|
1038
|
+
"hover": {
|
|
1039
|
+
"$value": "oklch(0.85 0.010 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.20 0.014 260)",
|
|
1056
|
+
"$type": "color",
|
|
1057
|
+
"$description": "Component input base fg."
|
|
1058
|
+
},
|
|
1059
|
+
"focusRing": {
|
|
1060
|
+
"$value": "oklch(0.60 0.160 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.25rem",
|
|
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": "0.75rem",
|
|
1101
|
+
"$type": "dimension",
|
|
1102
|
+
"$description": "Component input base padding X."
|
|
1103
|
+
},
|
|
1104
|
+
"paddingY": {
|
|
1105
|
+
"$value": "0.25rem",
|
|
1106
|
+
"$type": "dimension",
|
|
1107
|
+
"$description": "Component input base padding Y."
|
|
1108
|
+
},
|
|
1109
|
+
"placeholder": {
|
|
1110
|
+
"$value": "oklch(0.48 0.016 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.82 0.080 250)",
|
|
1122
|
+
"$type": "color",
|
|
1123
|
+
"$description": "Component input base selection bg."
|
|
1124
|
+
},
|
|
1125
|
+
"fg": {
|
|
1126
|
+
"$value": "oklch(0.20 0.014 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.97 0.006 260)",
|
|
1142
|
+
"$type": "color",
|
|
1143
|
+
"$description": "Component shell activity bar bg."
|
|
1144
|
+
},
|
|
1145
|
+
"fg": {
|
|
1146
|
+
"$value": "oklch(0.48 0.016 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.94 0.007 260)",
|
|
1159
|
+
"$type": "color",
|
|
1160
|
+
"$description": "Component shell divider color."
|
|
1161
|
+
}
|
|
1162
|
+
},
|
|
1163
|
+
"scrollbar": {
|
|
1164
|
+
"thumb": {
|
|
1165
|
+
"$value": "oklch(0.78 0.012 260)",
|
|
1166
|
+
"$type": "color",
|
|
1167
|
+
"$description": "Component shell scrollbar thumb."
|
|
1168
|
+
},
|
|
1169
|
+
"track": {
|
|
1170
|
+
"$value": "oklch(0.97 0.006 260)",
|
|
1171
|
+
"$type": "color",
|
|
1172
|
+
"$description": "Component shell scrollbar track."
|
|
1173
|
+
}
|
|
1174
|
+
},
|
|
1175
|
+
"secondarySidebar": {
|
|
1176
|
+
"bg": {
|
|
1177
|
+
"$value": "oklch(0.99 0.005 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.99 0.005 260)",
|
|
1190
|
+
"$type": "color",
|
|
1191
|
+
"$description": "Component shell sidebar bg."
|
|
1192
|
+
},
|
|
1193
|
+
"fg": {
|
|
1194
|
+
"$value": "oklch(0.20 0.014 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.97 0.006 260)",
|
|
1207
|
+
"$type": "color",
|
|
1208
|
+
"$description": "Component shell status bar bg."
|
|
1209
|
+
},
|
|
1210
|
+
"fg": {
|
|
1211
|
+
"$value": "oklch(0.48 0.016 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.99 0.005 260)",
|
|
1249
|
+
"$type": "color",
|
|
1250
|
+
"$description": "Field bg."
|
|
1251
|
+
},
|
|
1252
|
+
"border": {
|
|
1253
|
+
"default": {
|
|
1254
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
1255
|
+
"$type": "color",
|
|
1256
|
+
"$description": "Field border."
|
|
1257
|
+
},
|
|
1258
|
+
"focus": {
|
|
1259
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
1260
|
+
"$type": "color",
|
|
1261
|
+
"$description": "Field border focus."
|
|
1262
|
+
},
|
|
1263
|
+
"hover": {
|
|
1264
|
+
"$value": "oklch(0.85 0.010 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.20 0.014 260)",
|
|
1278
|
+
"$type": "color",
|
|
1279
|
+
"$description": "Field fg."
|
|
1280
|
+
},
|
|
1281
|
+
"placeholder": {
|
|
1282
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
1283
|
+
"$type": "color",
|
|
1284
|
+
"$description": "Field placeholder."
|
|
1285
|
+
}
|
|
1286
|
+
},
|
|
1287
|
+
"focus": {
|
|
1288
|
+
"ring": {
|
|
1289
|
+
"default": {
|
|
1290
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
1291
|
+
"$type": "color",
|
|
1292
|
+
"$description": "Focus ring."
|
|
1293
|
+
},
|
|
1294
|
+
"offset": {
|
|
1295
|
+
"bg": {
|
|
1296
|
+
"$value": "oklch(0.99 0.005 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.45 0.160 25)",
|
|
1321
|
+
"$type": "color",
|
|
1322
|
+
"$description": "Icon danger."
|
|
1323
|
+
},
|
|
1324
|
+
"default": {
|
|
1325
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1326
|
+
"$type": "color",
|
|
1327
|
+
"$description": "Icon default."
|
|
1328
|
+
},
|
|
1329
|
+
"info": {
|
|
1330
|
+
"$value": "oklch(0.45 0.160 210)",
|
|
1331
|
+
"$type": "color",
|
|
1332
|
+
"$description": "Icon info."
|
|
1333
|
+
},
|
|
1334
|
+
"inverse": {
|
|
1335
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1336
|
+
"$type": "color",
|
|
1337
|
+
"$description": "Icon inverse."
|
|
1338
|
+
},
|
|
1339
|
+
"muted": {
|
|
1340
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
1341
|
+
"$type": "color",
|
|
1342
|
+
"$description": "Icon muted."
|
|
1343
|
+
},
|
|
1344
|
+
"success": {
|
|
1345
|
+
"$value": "oklch(0.45 0.160 145)",
|
|
1346
|
+
"$type": "color",
|
|
1347
|
+
"$description": "Icon success."
|
|
1348
|
+
},
|
|
1349
|
+
"warning": {
|
|
1350
|
+
"$value": "oklch(0.50 0.140 85)",
|
|
1351
|
+
"$type": "color",
|
|
1352
|
+
"$description": "Icon warning."
|
|
1353
|
+
}
|
|
1354
|
+
},
|
|
1355
|
+
"intent": {
|
|
1356
|
+
"danger": {
|
|
1357
|
+
"bg": {
|
|
1358
|
+
"active": {
|
|
1359
|
+
"$value": "oklch(0.31 0.120 25)",
|
|
1360
|
+
"$type": "color",
|
|
1361
|
+
"$description": "Intent danger bg active."
|
|
1362
|
+
},
|
|
1363
|
+
"default": {
|
|
1364
|
+
"$value": "oklch(0.45 0.160 25)",
|
|
1365
|
+
"$type": "color",
|
|
1366
|
+
"$description": "Intent danger bg."
|
|
1367
|
+
},
|
|
1368
|
+
"hover": {
|
|
1369
|
+
"$value": "oklch(0.38 0.140 25)",
|
|
1370
|
+
"$type": "color",
|
|
1371
|
+
"$description": "Intent danger bg hover."
|
|
1372
|
+
}
|
|
1373
|
+
},
|
|
1374
|
+
"border": {
|
|
1375
|
+
"default": {
|
|
1376
|
+
"$value": "oklch(0.45 0.160 25)",
|
|
1377
|
+
"$type": "color",
|
|
1378
|
+
"$description": "Intent danger border."
|
|
1379
|
+
},
|
|
1380
|
+
"hover": {
|
|
1381
|
+
"$value": "oklch(0.38 0.140 25)",
|
|
1382
|
+
"$type": "color",
|
|
1383
|
+
"$description": "Intent danger border hover."
|
|
1384
|
+
}
|
|
1385
|
+
},
|
|
1386
|
+
"fg": {
|
|
1387
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1388
|
+
"$type": "color",
|
|
1389
|
+
"$description": "Intent danger fg."
|
|
1390
|
+
},
|
|
1391
|
+
"ring": {
|
|
1392
|
+
"$value": "oklch(0.60 0.160 25)",
|
|
1393
|
+
"$type": "color",
|
|
1394
|
+
"$description": "Intent danger ring."
|
|
1395
|
+
}
|
|
1396
|
+
},
|
|
1397
|
+
"info": {
|
|
1398
|
+
"bg": {
|
|
1399
|
+
"active": {
|
|
1400
|
+
"$value": "oklch(0.31 0.120 210)",
|
|
1401
|
+
"$type": "color",
|
|
1402
|
+
"$description": "Intent info bg active."
|
|
1403
|
+
},
|
|
1404
|
+
"default": {
|
|
1405
|
+
"$value": "oklch(0.45 0.160 210)",
|
|
1406
|
+
"$type": "color",
|
|
1407
|
+
"$description": "Intent info bg."
|
|
1408
|
+
},
|
|
1409
|
+
"hover": {
|
|
1410
|
+
"$value": "oklch(0.38 0.140 210)",
|
|
1411
|
+
"$type": "color",
|
|
1412
|
+
"$description": "Intent info bg hover."
|
|
1413
|
+
}
|
|
1414
|
+
},
|
|
1415
|
+
"border": {
|
|
1416
|
+
"default": {
|
|
1417
|
+
"$value": "oklch(0.45 0.160 210)",
|
|
1418
|
+
"$type": "color",
|
|
1419
|
+
"$description": "Intent info border."
|
|
1420
|
+
},
|
|
1421
|
+
"hover": {
|
|
1422
|
+
"$value": "oklch(0.38 0.140 210)",
|
|
1423
|
+
"$type": "color",
|
|
1424
|
+
"$description": "Intent info border hover."
|
|
1425
|
+
}
|
|
1426
|
+
},
|
|
1427
|
+
"fg": {
|
|
1428
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1429
|
+
"$type": "color",
|
|
1430
|
+
"$description": "Intent info fg."
|
|
1431
|
+
},
|
|
1432
|
+
"ring": {
|
|
1433
|
+
"$value": "oklch(0.60 0.160 210)",
|
|
1434
|
+
"$type": "color",
|
|
1435
|
+
"$description": "Intent info ring."
|
|
1436
|
+
}
|
|
1437
|
+
},
|
|
1438
|
+
"neutral": {
|
|
1439
|
+
"bg": {
|
|
1440
|
+
"active": {
|
|
1441
|
+
"$value": "oklch(0.85 0.010 260)",
|
|
1442
|
+
"$type": "color",
|
|
1443
|
+
"$description": "Intent neutral bg active."
|
|
1444
|
+
},
|
|
1445
|
+
"default": {
|
|
1446
|
+
"$value": "oklch(0.94 0.007 260)",
|
|
1447
|
+
"$type": "color",
|
|
1448
|
+
"$description": "Intent neutral bg."
|
|
1449
|
+
},
|
|
1450
|
+
"hover": {
|
|
1451
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
1452
|
+
"$type": "color",
|
|
1453
|
+
"$description": "Intent neutral bg hover."
|
|
1454
|
+
}
|
|
1455
|
+
},
|
|
1456
|
+
"border": {
|
|
1457
|
+
"default": {
|
|
1458
|
+
"$value": "oklch(0.90 0.009 260)",
|
|
1459
|
+
"$type": "color",
|
|
1460
|
+
"$description": "Intent neutral border."
|
|
1461
|
+
},
|
|
1462
|
+
"hover": {
|
|
1463
|
+
"$value": "oklch(0.85 0.010 260)",
|
|
1464
|
+
"$type": "color",
|
|
1465
|
+
"$description": "Intent neutral border hover."
|
|
1466
|
+
}
|
|
1467
|
+
},
|
|
1468
|
+
"fg": {
|
|
1469
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1470
|
+
"$type": "color",
|
|
1471
|
+
"$description": "Intent neutral fg."
|
|
1472
|
+
},
|
|
1473
|
+
"ring": {
|
|
1474
|
+
"$value": "oklch(0.68 0.014 260)",
|
|
1475
|
+
"$type": "color",
|
|
1476
|
+
"$description": "Intent neutral ring."
|
|
1477
|
+
}
|
|
1478
|
+
},
|
|
1479
|
+
"primary": {
|
|
1480
|
+
"bg": {
|
|
1481
|
+
"active": {
|
|
1482
|
+
"$value": "oklch(0.31 0.120 250)",
|
|
1483
|
+
"$type": "color",
|
|
1484
|
+
"$description": "Intent primary bg active."
|
|
1485
|
+
},
|
|
1486
|
+
"default": {
|
|
1487
|
+
"$value": "oklch(0.45 0.160 250)",
|
|
1488
|
+
"$type": "color",
|
|
1489
|
+
"$description": "Intent primary bg."
|
|
1490
|
+
},
|
|
1491
|
+
"hover": {
|
|
1492
|
+
"$value": "oklch(0.38 0.140 250)",
|
|
1493
|
+
"$type": "color",
|
|
1494
|
+
"$description": "Intent primary bg hover."
|
|
1495
|
+
}
|
|
1496
|
+
},
|
|
1497
|
+
"border": {
|
|
1498
|
+
"default": {
|
|
1499
|
+
"$value": "oklch(0.45 0.160 250)",
|
|
1500
|
+
"$type": "color",
|
|
1501
|
+
"$description": "Intent primary border."
|
|
1502
|
+
},
|
|
1503
|
+
"hover": {
|
|
1504
|
+
"$value": "oklch(0.38 0.140 250)",
|
|
1505
|
+
"$type": "color",
|
|
1506
|
+
"$description": "Intent primary border hover."
|
|
1507
|
+
}
|
|
1508
|
+
},
|
|
1509
|
+
"fg": {
|
|
1510
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1511
|
+
"$type": "color",
|
|
1512
|
+
"$description": "Intent primary fg."
|
|
1513
|
+
},
|
|
1514
|
+
"ring": {
|
|
1515
|
+
"$value": "oklch(0.60 0.160 250)",
|
|
1516
|
+
"$type": "color",
|
|
1517
|
+
"$description": "Intent primary ring."
|
|
1518
|
+
}
|
|
1519
|
+
},
|
|
1520
|
+
"success": {
|
|
1521
|
+
"bg": {
|
|
1522
|
+
"active": {
|
|
1523
|
+
"$value": "oklch(0.31 0.120 145)",
|
|
1524
|
+
"$type": "color",
|
|
1525
|
+
"$description": "Intent success bg active."
|
|
1526
|
+
},
|
|
1527
|
+
"default": {
|
|
1528
|
+
"$value": "oklch(0.45 0.160 145)",
|
|
1529
|
+
"$type": "color",
|
|
1530
|
+
"$description": "Intent success bg."
|
|
1531
|
+
},
|
|
1532
|
+
"hover": {
|
|
1533
|
+
"$value": "oklch(0.38 0.140 145)",
|
|
1534
|
+
"$type": "color",
|
|
1535
|
+
"$description": "Intent success bg hover."
|
|
1536
|
+
}
|
|
1537
|
+
},
|
|
1538
|
+
"border": {
|
|
1539
|
+
"default": {
|
|
1540
|
+
"$value": "oklch(0.45 0.160 145)",
|
|
1541
|
+
"$type": "color",
|
|
1542
|
+
"$description": "Intent success border."
|
|
1543
|
+
},
|
|
1544
|
+
"hover": {
|
|
1545
|
+
"$value": "oklch(0.38 0.140 145)",
|
|
1546
|
+
"$type": "color",
|
|
1547
|
+
"$description": "Intent success border hover."
|
|
1548
|
+
}
|
|
1549
|
+
},
|
|
1550
|
+
"fg": {
|
|
1551
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
1552
|
+
"$type": "color",
|
|
1553
|
+
"$description": "Intent success fg."
|
|
1554
|
+
},
|
|
1555
|
+
"ring": {
|
|
1556
|
+
"$value": "oklch(0.60 0.160 145)",
|
|
1557
|
+
"$type": "color",
|
|
1558
|
+
"$description": "Intent success ring."
|
|
1559
|
+
}
|
|
1560
|
+
},
|
|
1561
|
+
"warning": {
|
|
1562
|
+
"bg": {
|
|
1563
|
+
"active": {
|
|
1564
|
+
"$value": "oklch(0.34 0.110 85)",
|
|
1565
|
+
"$type": "color",
|
|
1566
|
+
"$description": "Intent warning bg active."
|
|
1567
|
+
},
|
|
1568
|
+
"default": {
|
|
1569
|
+
"$value": "oklch(0.50 0.140 85)",
|
|
1570
|
+
"$type": "color",
|
|
1571
|
+
"$description": "Intent warning bg."
|
|
1572
|
+
},
|
|
1573
|
+
"hover": {
|
|
1574
|
+
"$value": "oklch(0.42 0.130 85)",
|
|
1575
|
+
"$type": "color",
|
|
1576
|
+
"$description": "Intent warning bg hover."
|
|
1577
|
+
}
|
|
1578
|
+
},
|
|
1579
|
+
"border": {
|
|
1580
|
+
"default": {
|
|
1581
|
+
"$value": "oklch(0.50 0.140 85)",
|
|
1582
|
+
"$type": "color",
|
|
1583
|
+
"$description": "Intent warning border."
|
|
1584
|
+
},
|
|
1585
|
+
"hover": {
|
|
1586
|
+
"$value": "oklch(0.42 0.130 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.66 0.150 85)",
|
|
1598
|
+
"$type": "color",
|
|
1599
|
+
"$description": "Intent warning ring."
|
|
1600
|
+
}
|
|
1601
|
+
}
|
|
1602
|
+
},
|
|
1603
|
+
"layout": {
|
|
1604
|
+
"control": {
|
|
1605
|
+
"gap": {
|
|
1606
|
+
"1": {
|
|
1607
|
+
"$value": "0",
|
|
1608
|
+
"$type": "dimension",
|
|
1609
|
+
"$description": "Layout control gap 1."
|
|
1610
|
+
},
|
|
1611
|
+
"2": {
|
|
1612
|
+
"$value": "0.25rem",
|
|
1613
|
+
"$type": "dimension",
|
|
1614
|
+
"$description": "Layout control gap 2."
|
|
1615
|
+
},
|
|
1616
|
+
"3": {
|
|
1617
|
+
"$value": "0.5rem",
|
|
1618
|
+
"$type": "dimension",
|
|
1619
|
+
"$description": "Layout control gap 3."
|
|
1620
|
+
},
|
|
1621
|
+
"4": {
|
|
1622
|
+
"$value": "0.75rem",
|
|
1623
|
+
"$type": "dimension",
|
|
1624
|
+
"$description": "Layout control gap 4."
|
|
1625
|
+
},
|
|
1626
|
+
"5": {
|
|
1627
|
+
"$value": "1rem",
|
|
1628
|
+
"$type": "dimension",
|
|
1629
|
+
"$description": "Layout control gap 5."
|
|
1630
|
+
},
|
|
1631
|
+
"6": {
|
|
1632
|
+
"$value": "1.25rem",
|
|
1633
|
+
"$type": "dimension",
|
|
1634
|
+
"$description": "Layout control gap 6."
|
|
1635
|
+
}
|
|
1636
|
+
},
|
|
1637
|
+
"paddingX": {
|
|
1638
|
+
"1": {
|
|
1639
|
+
"$value": "0.25rem",
|
|
1640
|
+
"$type": "dimension",
|
|
1641
|
+
"$description": "Layout control padding X 1."
|
|
1642
|
+
},
|
|
1643
|
+
"2": {
|
|
1644
|
+
"$value": "0.5rem",
|
|
1645
|
+
"$type": "dimension",
|
|
1646
|
+
"$description": "Layout control padding X 2."
|
|
1647
|
+
},
|
|
1648
|
+
"3": {
|
|
1649
|
+
"$value": "0.75rem",
|
|
1650
|
+
"$type": "dimension",
|
|
1651
|
+
"$description": "Layout control padding X 3."
|
|
1652
|
+
},
|
|
1653
|
+
"4": {
|
|
1654
|
+
"$value": "1rem",
|
|
1655
|
+
"$type": "dimension",
|
|
1656
|
+
"$description": "Layout control padding X 4."
|
|
1657
|
+
},
|
|
1658
|
+
"5": {
|
|
1659
|
+
"$value": "1.25rem",
|
|
1660
|
+
"$type": "dimension",
|
|
1661
|
+
"$description": "Layout control padding X 5."
|
|
1662
|
+
},
|
|
1663
|
+
"6": {
|
|
1664
|
+
"$value": "1.5rem",
|
|
1665
|
+
"$type": "dimension",
|
|
1666
|
+
"$description": "Layout control padding X 6."
|
|
1667
|
+
}
|
|
1668
|
+
},
|
|
1669
|
+
"paddingY": {
|
|
1670
|
+
"1": {
|
|
1671
|
+
"$value": "0",
|
|
1672
|
+
"$type": "dimension",
|
|
1673
|
+
"$description": "Layout control padding Y 1."
|
|
1674
|
+
},
|
|
1675
|
+
"2": {
|
|
1676
|
+
"$value": "0.25rem",
|
|
1677
|
+
"$type": "dimension",
|
|
1678
|
+
"$description": "Layout control padding Y 2."
|
|
1679
|
+
},
|
|
1680
|
+
"3": {
|
|
1681
|
+
"$value": "0.5rem",
|
|
1682
|
+
"$type": "dimension",
|
|
1683
|
+
"$description": "Layout control padding Y 3."
|
|
1684
|
+
},
|
|
1685
|
+
"4": {
|
|
1686
|
+
"$value": "0.75rem",
|
|
1687
|
+
"$type": "dimension",
|
|
1688
|
+
"$description": "Layout control padding Y 4."
|
|
1689
|
+
},
|
|
1690
|
+
"5": {
|
|
1691
|
+
"$value": "1rem",
|
|
1692
|
+
"$type": "dimension",
|
|
1693
|
+
"$description": "Layout control padding Y 5."
|
|
1694
|
+
},
|
|
1695
|
+
"6": {
|
|
1696
|
+
"$value": "1.25rem",
|
|
1697
|
+
"$type": "dimension",
|
|
1698
|
+
"$description": "Layout control padding Y 6."
|
|
1699
|
+
}
|
|
1700
|
+
}
|
|
1701
|
+
},
|
|
1702
|
+
"gutter": {
|
|
1703
|
+
"$value": "1rem",
|
|
1704
|
+
"$type": "dimension"
|
|
1705
|
+
},
|
|
1706
|
+
"panel": {
|
|
1707
|
+
"width": {
|
|
1708
|
+
"lg": {
|
|
1709
|
+
"$value": "30rem",
|
|
1710
|
+
"$type": "dimension"
|
|
1711
|
+
},
|
|
1712
|
+
"md": {
|
|
1713
|
+
"$value": "24rem",
|
|
1714
|
+
"$type": "dimension"
|
|
1715
|
+
},
|
|
1716
|
+
"sm": {
|
|
1717
|
+
"$value": "18rem",
|
|
1718
|
+
"$type": "dimension"
|
|
1719
|
+
}
|
|
1720
|
+
}
|
|
1721
|
+
}
|
|
1722
|
+
},
|
|
1723
|
+
"motion": {
|
|
1724
|
+
"delay": {
|
|
1725
|
+
"0": {
|
|
1726
|
+
"$value": "0ms",
|
|
1727
|
+
"$type": "duration"
|
|
1728
|
+
},
|
|
1729
|
+
"1": {
|
|
1730
|
+
"$value": "75ms",
|
|
1731
|
+
"$type": "duration"
|
|
1732
|
+
},
|
|
1733
|
+
"2": {
|
|
1734
|
+
"$value": "150ms",
|
|
1735
|
+
"$type": "duration"
|
|
1736
|
+
}
|
|
1737
|
+
},
|
|
1738
|
+
"duration": {
|
|
1739
|
+
"1": {
|
|
1740
|
+
"$value": "100ms",
|
|
1741
|
+
"$type": "duration"
|
|
1742
|
+
},
|
|
1743
|
+
"2": {
|
|
1744
|
+
"$value": "150ms",
|
|
1745
|
+
"$type": "duration"
|
|
1746
|
+
},
|
|
1747
|
+
"3": {
|
|
1748
|
+
"$value": "200ms",
|
|
1749
|
+
"$type": "duration"
|
|
1750
|
+
},
|
|
1751
|
+
"4": {
|
|
1752
|
+
"$value": "250ms",
|
|
1753
|
+
"$type": "duration"
|
|
1754
|
+
},
|
|
1755
|
+
"5": {
|
|
1756
|
+
"$value": "300ms",
|
|
1757
|
+
"$type": "duration"
|
|
1758
|
+
},
|
|
1759
|
+
"6": {
|
|
1760
|
+
"$value": "400ms",
|
|
1761
|
+
"$type": "duration"
|
|
1762
|
+
}
|
|
1763
|
+
},
|
|
1764
|
+
"ease": {
|
|
1765
|
+
"emphasized": {
|
|
1766
|
+
"$value": "cubic-bezier(0.2, 0, 0, 1)",
|
|
1767
|
+
"$type": "cubicBezier"
|
|
1768
|
+
},
|
|
1769
|
+
"entrance": {
|
|
1770
|
+
"$value": "cubic-bezier(0, 0, 0, 1)",
|
|
1771
|
+
"$type": "cubicBezier"
|
|
1772
|
+
},
|
|
1773
|
+
"exit": {
|
|
1774
|
+
"$value": "cubic-bezier(0.2, 0, 1, 1)",
|
|
1775
|
+
"$type": "cubicBezier"
|
|
1776
|
+
},
|
|
1777
|
+
"linear": {
|
|
1778
|
+
"$value": "cubic-bezier(0, 0, 1, 1)",
|
|
1779
|
+
"$type": "cubicBezier"
|
|
1780
|
+
},
|
|
1781
|
+
"standard": {
|
|
1782
|
+
"$value": "cubic-bezier(0.2, 0, 0, 1)",
|
|
1783
|
+
"$type": "cubicBezier"
|
|
1784
|
+
}
|
|
1785
|
+
},
|
|
1786
|
+
"transition": {
|
|
1787
|
+
"colors": {
|
|
1788
|
+
"$value": "150ms 0ms cubic-bezier(0.2, 0, 0, 1)",
|
|
1789
|
+
"$type": "transition"
|
|
1790
|
+
},
|
|
1791
|
+
"shadow": {
|
|
1792
|
+
"$value": "200ms 0ms cubic-bezier(0.2, 0, 0, 1)",
|
|
1793
|
+
"$type": "transition"
|
|
1794
|
+
},
|
|
1795
|
+
"transform": {
|
|
1796
|
+
"$value": "200ms 0ms cubic-bezier(0.2, 0, 0, 1)",
|
|
1797
|
+
"$type": "transition"
|
|
1798
|
+
}
|
|
1799
|
+
}
|
|
1800
|
+
},
|
|
1801
|
+
"opacity": {
|
|
1802
|
+
"0": {
|
|
1803
|
+
"$value": "0",
|
|
1804
|
+
"$type": "number"
|
|
1805
|
+
},
|
|
1806
|
+
"10": {
|
|
1807
|
+
"$value": "0.1",
|
|
1808
|
+
"$type": "number"
|
|
1809
|
+
},
|
|
1810
|
+
"20": {
|
|
1811
|
+
"$value": "0.2",
|
|
1812
|
+
"$type": "number"
|
|
1813
|
+
},
|
|
1814
|
+
"30": {
|
|
1815
|
+
"$value": "0.3",
|
|
1816
|
+
"$type": "number"
|
|
1817
|
+
},
|
|
1818
|
+
"40": {
|
|
1819
|
+
"$value": "0.4",
|
|
1820
|
+
"$type": "number"
|
|
1821
|
+
},
|
|
1822
|
+
"50": {
|
|
1823
|
+
"$value": "0.5",
|
|
1824
|
+
"$type": "number"
|
|
1825
|
+
},
|
|
1826
|
+
"60": {
|
|
1827
|
+
"$value": "0.6",
|
|
1828
|
+
"$type": "number"
|
|
1829
|
+
},
|
|
1830
|
+
"70": {
|
|
1831
|
+
"$value": "0.7",
|
|
1832
|
+
"$type": "number"
|
|
1833
|
+
},
|
|
1834
|
+
"80": {
|
|
1835
|
+
"$value": "0.8",
|
|
1836
|
+
"$type": "number"
|
|
1837
|
+
},
|
|
1838
|
+
"90": {
|
|
1839
|
+
"$value": "0.9",
|
|
1840
|
+
"$type": "number"
|
|
1841
|
+
},
|
|
1842
|
+
"100": {
|
|
1843
|
+
"$value": "1",
|
|
1844
|
+
"$type": "number"
|
|
1845
|
+
}
|
|
1846
|
+
},
|
|
1847
|
+
"outline": {
|
|
1848
|
+
"width": {
|
|
1849
|
+
"1": {
|
|
1850
|
+
"$value": "0.125rem",
|
|
1851
|
+
"$type": "dimension"
|
|
1852
|
+
},
|
|
1853
|
+
"2": {
|
|
1854
|
+
"$value": "0.1875rem",
|
|
1855
|
+
"$type": "dimension"
|
|
1856
|
+
}
|
|
1857
|
+
}
|
|
1858
|
+
},
|
|
1859
|
+
"radius": {
|
|
1860
|
+
"0": {
|
|
1861
|
+
"$value": "0",
|
|
1862
|
+
"$type": "dimension"
|
|
1863
|
+
},
|
|
1864
|
+
"1": {
|
|
1865
|
+
"$value": "0.125rem",
|
|
1866
|
+
"$type": "dimension"
|
|
1867
|
+
},
|
|
1868
|
+
"2": {
|
|
1869
|
+
"$value": "0.25rem",
|
|
1870
|
+
"$type": "dimension"
|
|
1871
|
+
},
|
|
1872
|
+
"3": {
|
|
1873
|
+
"$value": "0.375rem",
|
|
1874
|
+
"$type": "dimension"
|
|
1875
|
+
},
|
|
1876
|
+
"4": {
|
|
1877
|
+
"$value": "0.5rem",
|
|
1878
|
+
"$type": "dimension"
|
|
1879
|
+
},
|
|
1880
|
+
"5": {
|
|
1881
|
+
"$value": "0.75rem",
|
|
1882
|
+
"$type": "dimension"
|
|
1883
|
+
},
|
|
1884
|
+
"full": {
|
|
1885
|
+
"$value": "9999px",
|
|
1886
|
+
"$type": "dimension"
|
|
1887
|
+
}
|
|
1888
|
+
},
|
|
1889
|
+
"scrim": {
|
|
1890
|
+
"color": {
|
|
1891
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1892
|
+
"$type": "color",
|
|
1893
|
+
"$description": "Scrim color."
|
|
1894
|
+
},
|
|
1895
|
+
"opacity": {
|
|
1896
|
+
"$value": "0.4",
|
|
1897
|
+
"$type": "number",
|
|
1898
|
+
"$description": "Scrim opacity."
|
|
1899
|
+
}
|
|
1900
|
+
},
|
|
1901
|
+
"scrollbar": {
|
|
1902
|
+
"thumb": {
|
|
1903
|
+
"default": {
|
|
1904
|
+
"$value": "oklch(0.78 0.012 260)",
|
|
1905
|
+
"$type": "color",
|
|
1906
|
+
"$description": "Scrollbar thumb."
|
|
1907
|
+
},
|
|
1908
|
+
"hover": {
|
|
1909
|
+
"$value": "oklch(0.68 0.014 260)",
|
|
1910
|
+
"$type": "color",
|
|
1911
|
+
"$description": "Scrollbar thumb hover."
|
|
1912
|
+
}
|
|
1913
|
+
},
|
|
1914
|
+
"track": {
|
|
1915
|
+
"$value": "oklch(0.97 0.006 260)",
|
|
1916
|
+
"$type": "color",
|
|
1917
|
+
"$description": "Scrollbar track."
|
|
1918
|
+
}
|
|
1919
|
+
},
|
|
1920
|
+
"selection": {
|
|
1921
|
+
"bg": {
|
|
1922
|
+
"$value": "oklch(0.82 0.080 250)",
|
|
1923
|
+
"$type": "color",
|
|
1924
|
+
"$description": "Selection bg."
|
|
1925
|
+
},
|
|
1926
|
+
"fg": {
|
|
1927
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
1928
|
+
"$type": "color",
|
|
1929
|
+
"$description": "Selection fg."
|
|
1930
|
+
}
|
|
1931
|
+
},
|
|
1932
|
+
"separator": {
|
|
1933
|
+
"color": {
|
|
1934
|
+
"$value": "oklch(0.94 0.007 260)",
|
|
1935
|
+
"$type": "color",
|
|
1936
|
+
"$description": "Separator color."
|
|
1937
|
+
},
|
|
1938
|
+
"radius": {
|
|
1939
|
+
"$value": "9999px",
|
|
1940
|
+
"$type": "dimension",
|
|
1941
|
+
"$description": "Separator radius."
|
|
1942
|
+
},
|
|
1943
|
+
"thickness": {
|
|
1944
|
+
"$value": "0.0625rem",
|
|
1945
|
+
"$type": "dimension",
|
|
1946
|
+
"$description": "Separator thickness."
|
|
1947
|
+
}
|
|
1948
|
+
},
|
|
1949
|
+
"shadow": {
|
|
1950
|
+
"0": {
|
|
1951
|
+
"$value": "0 0 0 0 oklch(0.2 0.014 260 / 0)",
|
|
1952
|
+
"$type": "shadow"
|
|
1953
|
+
},
|
|
1954
|
+
"1": {
|
|
1955
|
+
"$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)",
|
|
1956
|
+
"$type": "shadow"
|
|
1957
|
+
},
|
|
1958
|
+
"2": {
|
|
1959
|
+
"$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)",
|
|
1960
|
+
"$type": "shadow"
|
|
1961
|
+
},
|
|
1962
|
+
"3": {
|
|
1963
|
+
"$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)",
|
|
1964
|
+
"$type": "shadow"
|
|
1965
|
+
},
|
|
1966
|
+
"4": {
|
|
1967
|
+
"$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)",
|
|
1968
|
+
"$type": "shadow"
|
|
1969
|
+
},
|
|
1970
|
+
"inset": {
|
|
1971
|
+
"1": {
|
|
1972
|
+
"$value": "inset 0 1px 0 0 oklch(0.2 0.014 260 / 0.1)",
|
|
1973
|
+
"$type": "shadow"
|
|
1974
|
+
}
|
|
1975
|
+
}
|
|
1976
|
+
},
|
|
1977
|
+
"size": {
|
|
1978
|
+
"control": {
|
|
1979
|
+
"lg": {
|
|
1980
|
+
"$value": "2.5rem",
|
|
1981
|
+
"$type": "dimension",
|
|
1982
|
+
"$description": "Size control lg."
|
|
1983
|
+
},
|
|
1984
|
+
"md": {
|
|
1985
|
+
"$value": "2.25rem",
|
|
1986
|
+
"$type": "dimension",
|
|
1987
|
+
"$description": "Size control md."
|
|
1988
|
+
},
|
|
1989
|
+
"sm": {
|
|
1990
|
+
"$value": "2rem",
|
|
1991
|
+
"$type": "dimension",
|
|
1992
|
+
"$description": "Size control sm."
|
|
1993
|
+
},
|
|
1994
|
+
"xl": {
|
|
1995
|
+
"$value": "3rem",
|
|
1996
|
+
"$type": "dimension",
|
|
1997
|
+
"$description": "Size control xl."
|
|
1998
|
+
}
|
|
1999
|
+
},
|
|
2000
|
+
"hitTarget": {
|
|
2001
|
+
"min": {
|
|
2002
|
+
"$value": "2.75rem",
|
|
2003
|
+
"$type": "dimension"
|
|
2004
|
+
}
|
|
2005
|
+
},
|
|
2006
|
+
"icon": {
|
|
2007
|
+
"lg": {
|
|
2008
|
+
"$value": "1.5rem",
|
|
2009
|
+
"$type": "dimension"
|
|
2010
|
+
},
|
|
2011
|
+
"md": {
|
|
2012
|
+
"$value": "1.25rem",
|
|
2013
|
+
"$type": "dimension"
|
|
2014
|
+
},
|
|
2015
|
+
"sm": {
|
|
2016
|
+
"$value": "1rem",
|
|
2017
|
+
"$type": "dimension"
|
|
2018
|
+
},
|
|
2019
|
+
"xs": {
|
|
2020
|
+
"$value": "0.75rem",
|
|
2021
|
+
"$type": "dimension"
|
|
2022
|
+
}
|
|
2023
|
+
}
|
|
2024
|
+
},
|
|
2025
|
+
"space": {
|
|
2026
|
+
"0": {
|
|
2027
|
+
"$value": "0",
|
|
2028
|
+
"$type": "dimension"
|
|
2029
|
+
},
|
|
2030
|
+
"1": {
|
|
2031
|
+
"$value": "0.25rem",
|
|
2032
|
+
"$type": "dimension"
|
|
2033
|
+
},
|
|
2034
|
+
"2": {
|
|
2035
|
+
"$value": "0.5rem",
|
|
2036
|
+
"$type": "dimension"
|
|
2037
|
+
},
|
|
2038
|
+
"3": {
|
|
2039
|
+
"$value": "0.75rem",
|
|
2040
|
+
"$type": "dimension"
|
|
2041
|
+
},
|
|
2042
|
+
"4": {
|
|
2043
|
+
"$value": "1rem",
|
|
2044
|
+
"$type": "dimension"
|
|
2045
|
+
},
|
|
2046
|
+
"5": {
|
|
2047
|
+
"$value": "1.25rem",
|
|
2048
|
+
"$type": "dimension"
|
|
2049
|
+
},
|
|
2050
|
+
"6": {
|
|
2051
|
+
"$value": "1.5rem",
|
|
2052
|
+
"$type": "dimension"
|
|
2053
|
+
},
|
|
2054
|
+
"7": {
|
|
2055
|
+
"$value": "2rem",
|
|
2056
|
+
"$type": "dimension"
|
|
2057
|
+
},
|
|
2058
|
+
"8": {
|
|
2059
|
+
"$value": "2.5rem",
|
|
2060
|
+
"$type": "dimension"
|
|
2061
|
+
},
|
|
2062
|
+
"9": {
|
|
2063
|
+
"$value": "3rem",
|
|
2064
|
+
"$type": "dimension"
|
|
2065
|
+
},
|
|
2066
|
+
"10": {
|
|
2067
|
+
"$value": "4rem",
|
|
2068
|
+
"$type": "dimension"
|
|
2069
|
+
},
|
|
2070
|
+
"11": {
|
|
2071
|
+
"$value": "5rem",
|
|
2072
|
+
"$type": "dimension"
|
|
2073
|
+
},
|
|
2074
|
+
"12": {
|
|
2075
|
+
"$value": "6rem",
|
|
2076
|
+
"$type": "dimension"
|
|
2077
|
+
}
|
|
2078
|
+
},
|
|
2079
|
+
"state": {
|
|
2080
|
+
"active": {
|
|
2081
|
+
"opacity": {
|
|
2082
|
+
"$value": "0.1",
|
|
2083
|
+
"$type": "number",
|
|
2084
|
+
"$description": "State active opacity."
|
|
2085
|
+
}
|
|
2086
|
+
},
|
|
2087
|
+
"disabled": {
|
|
2088
|
+
"opacity": {
|
|
2089
|
+
"$value": "0.5",
|
|
2090
|
+
"$type": "number",
|
|
2091
|
+
"$description": "State disabled opacity."
|
|
2092
|
+
}
|
|
2093
|
+
},
|
|
2094
|
+
"hover": {
|
|
2095
|
+
"opacity": {
|
|
2096
|
+
"$value": "0.06",
|
|
2097
|
+
"$type": "number",
|
|
2098
|
+
"$description": "State hover opacity."
|
|
2099
|
+
}
|
|
2100
|
+
},
|
|
2101
|
+
"selected": {
|
|
2102
|
+
"opacity": {
|
|
2103
|
+
"$value": "0.12",
|
|
2104
|
+
"$type": "number",
|
|
2105
|
+
"$description": "State selected opacity."
|
|
2106
|
+
}
|
|
2107
|
+
}
|
|
2108
|
+
},
|
|
2109
|
+
"surface": {
|
|
2110
|
+
"bg": {
|
|
2111
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
2112
|
+
"$type": "color",
|
|
2113
|
+
"$description": "Surface bg."
|
|
2114
|
+
},
|
|
2115
|
+
"card": {
|
|
2116
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
2117
|
+
"$type": "color",
|
|
2118
|
+
"$description": "Surface card."
|
|
2119
|
+
},
|
|
2120
|
+
"elevated": {
|
|
2121
|
+
"1": {
|
|
2122
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
2123
|
+
"$type": "color",
|
|
2124
|
+
"$description": "Surface elevated 1."
|
|
2125
|
+
},
|
|
2126
|
+
"2": {
|
|
2127
|
+
"$value": "oklch(0.97 0.006 260)",
|
|
2128
|
+
"$type": "color",
|
|
2129
|
+
"$description": "Surface elevated 2."
|
|
2130
|
+
}
|
|
2131
|
+
},
|
|
2132
|
+
"muted": {
|
|
2133
|
+
"$value": "oklch(0.97 0.006 260)",
|
|
2134
|
+
"$type": "color",
|
|
2135
|
+
"$description": "Surface muted."
|
|
2136
|
+
},
|
|
2137
|
+
"popover": {
|
|
2138
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
2139
|
+
"$type": "color",
|
|
2140
|
+
"$description": "Surface popover."
|
|
2141
|
+
}
|
|
2142
|
+
},
|
|
2143
|
+
"text": {
|
|
2144
|
+
"danger": {
|
|
2145
|
+
"$value": "oklch(0.45 0.160 25)",
|
|
2146
|
+
"$type": "color",
|
|
2147
|
+
"$description": "Text danger."
|
|
2148
|
+
},
|
|
2149
|
+
"default": {
|
|
2150
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
2151
|
+
"$type": "color",
|
|
2152
|
+
"$description": "Text default."
|
|
2153
|
+
},
|
|
2154
|
+
"disabled": {
|
|
2155
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
2156
|
+
"$type": "color",
|
|
2157
|
+
"$description": "Text disabled."
|
|
2158
|
+
},
|
|
2159
|
+
"info": {
|
|
2160
|
+
"$value": "oklch(0.45 0.160 210)",
|
|
2161
|
+
"$type": "color",
|
|
2162
|
+
"$description": "Text info."
|
|
2163
|
+
},
|
|
2164
|
+
"inverse": {
|
|
2165
|
+
"$value": "oklch(0.99 0.005 260)",
|
|
2166
|
+
"$type": "color",
|
|
2167
|
+
"$description": "Text inverse."
|
|
2168
|
+
},
|
|
2169
|
+
"link": {
|
|
2170
|
+
"default": {
|
|
2171
|
+
"$value": "oklch(0.45 0.160 250)",
|
|
2172
|
+
"$type": "color",
|
|
2173
|
+
"$description": "Text link."
|
|
2174
|
+
},
|
|
2175
|
+
"hover": {
|
|
2176
|
+
"$value": "oklch(0.38 0.140 250)",
|
|
2177
|
+
"$type": "color",
|
|
2178
|
+
"$description": "Text link hover."
|
|
2179
|
+
}
|
|
2180
|
+
},
|
|
2181
|
+
"muted": {
|
|
2182
|
+
"$value": "oklch(0.48 0.016 260)",
|
|
2183
|
+
"$type": "color",
|
|
2184
|
+
"$description": "Text muted."
|
|
2185
|
+
},
|
|
2186
|
+
"secondary": {
|
|
2187
|
+
"$value": "oklch(0.58 0.015 260)",
|
|
2188
|
+
"$type": "color",
|
|
2189
|
+
"$description": "Text secondary."
|
|
2190
|
+
},
|
|
2191
|
+
"strong": {
|
|
2192
|
+
"$value": "oklch(0.20 0.014 260)",
|
|
2193
|
+
"$type": "color",
|
|
2194
|
+
"$description": "Text strong."
|
|
2195
|
+
},
|
|
2196
|
+
"success": {
|
|
2197
|
+
"$value": "oklch(0.45 0.160 145)",
|
|
2198
|
+
"$type": "color",
|
|
2199
|
+
"$description": "Text success."
|
|
2200
|
+
},
|
|
2201
|
+
"warning": {
|
|
2202
|
+
"$value": "oklch(0.50 0.140 85)",
|
|
2203
|
+
"$type": "color",
|
|
2204
|
+
"$description": "Text warning."
|
|
2205
|
+
}
|
|
2206
|
+
},
|
|
2207
|
+
"typography": {
|
|
2208
|
+
"fontFamily": {
|
|
2209
|
+
"mono": {
|
|
2210
|
+
"$value": "ui-monospace, \"SFMono-Regular\", \"Menlo\", \"Monaco\", \"Consolas\", \"Liberation Mono\", \"Courier New\", monospace",
|
|
2211
|
+
"$type": "fontFamily"
|
|
2212
|
+
},
|
|
2213
|
+
"sans": {
|
|
2214
|
+
"$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",
|
|
2215
|
+
"$type": "fontFamily"
|
|
2216
|
+
}
|
|
2217
|
+
},
|
|
2218
|
+
"fontSize": {
|
|
2219
|
+
"1": {
|
|
2220
|
+
"$value": "0.75rem",
|
|
2221
|
+
"$type": "dimension"
|
|
2222
|
+
},
|
|
2223
|
+
"2": {
|
|
2224
|
+
"$value": "0.875rem",
|
|
2225
|
+
"$type": "dimension"
|
|
2226
|
+
},
|
|
2227
|
+
"3": {
|
|
2228
|
+
"$value": "1rem",
|
|
2229
|
+
"$type": "dimension"
|
|
2230
|
+
},
|
|
2231
|
+
"4": {
|
|
2232
|
+
"$value": "1.125rem",
|
|
2233
|
+
"$type": "dimension"
|
|
2234
|
+
},
|
|
2235
|
+
"5": {
|
|
2236
|
+
"$value": "1.25rem",
|
|
2237
|
+
"$type": "dimension"
|
|
2238
|
+
},
|
|
2239
|
+
"6": {
|
|
2240
|
+
"$value": "1.5rem",
|
|
2241
|
+
"$type": "dimension"
|
|
2242
|
+
},
|
|
2243
|
+
"7": {
|
|
2244
|
+
"$value": "1.875rem",
|
|
2245
|
+
"$type": "dimension"
|
|
2246
|
+
},
|
|
2247
|
+
"8": {
|
|
2248
|
+
"$value": "2.25rem",
|
|
2249
|
+
"$type": "dimension"
|
|
2250
|
+
},
|
|
2251
|
+
"9": {
|
|
2252
|
+
"$value": "3rem",
|
|
2253
|
+
"$type": "dimension"
|
|
2254
|
+
},
|
|
2255
|
+
"10": {
|
|
2256
|
+
"$value": "3.75rem",
|
|
2257
|
+
"$type": "dimension"
|
|
2258
|
+
}
|
|
2259
|
+
},
|
|
2260
|
+
"fontWeight": {
|
|
2261
|
+
"bold": {
|
|
2262
|
+
"$value": "700",
|
|
2263
|
+
"$type": "fontWeight"
|
|
2264
|
+
},
|
|
2265
|
+
"medium": {
|
|
2266
|
+
"$value": "500",
|
|
2267
|
+
"$type": "fontWeight"
|
|
2268
|
+
},
|
|
2269
|
+
"regular": {
|
|
2270
|
+
"$value": "400",
|
|
2271
|
+
"$type": "fontWeight"
|
|
2272
|
+
},
|
|
2273
|
+
"semibold": {
|
|
2274
|
+
"$value": "600",
|
|
2275
|
+
"$type": "fontWeight"
|
|
2276
|
+
}
|
|
2277
|
+
},
|
|
2278
|
+
"letterSpacing": {
|
|
2279
|
+
"normal": {
|
|
2280
|
+
"$value": "0",
|
|
2281
|
+
"$type": "dimension"
|
|
2282
|
+
},
|
|
2283
|
+
"tight": {
|
|
2284
|
+
"$value": "-0.01rem",
|
|
2285
|
+
"$type": "dimension"
|
|
2286
|
+
},
|
|
2287
|
+
"wide": {
|
|
2288
|
+
"$value": "0.02rem",
|
|
2289
|
+
"$type": "dimension"
|
|
2290
|
+
}
|
|
2291
|
+
},
|
|
2292
|
+
"lineHeight": {
|
|
2293
|
+
"1": {
|
|
2294
|
+
"$value": "1",
|
|
2295
|
+
"$type": "number"
|
|
2296
|
+
},
|
|
2297
|
+
"2": {
|
|
2298
|
+
"$value": "1.25",
|
|
2299
|
+
"$type": "number"
|
|
2300
|
+
},
|
|
2301
|
+
"3": {
|
|
2302
|
+
"$value": "1.5",
|
|
2303
|
+
"$type": "number"
|
|
2304
|
+
},
|
|
2305
|
+
"4": {
|
|
2306
|
+
"$value": "1.75",
|
|
2307
|
+
"$type": "number"
|
|
2308
|
+
},
|
|
2309
|
+
"5": {
|
|
2310
|
+
"$value": "2",
|
|
2311
|
+
"$type": "number"
|
|
2312
|
+
},
|
|
2313
|
+
"6": {
|
|
2314
|
+
"$value": "2.25",
|
|
2315
|
+
"$type": "number"
|
|
2316
|
+
},
|
|
2317
|
+
"7": {
|
|
2318
|
+
"$value": "2.5",
|
|
2319
|
+
"$type": "number"
|
|
2320
|
+
},
|
|
2321
|
+
"8": {
|
|
2322
|
+
"$value": "2.75",
|
|
2323
|
+
"$type": "number"
|
|
2324
|
+
},
|
|
2325
|
+
"9": {
|
|
2326
|
+
"$value": "3.25",
|
|
2327
|
+
"$type": "number"
|
|
2328
|
+
},
|
|
2329
|
+
"10": {
|
|
2330
|
+
"$value": "3.75",
|
|
2331
|
+
"$type": "number"
|
|
2332
|
+
}
|
|
2333
|
+
}
|
|
2334
|
+
},
|
|
2335
|
+
"z": {
|
|
2336
|
+
"context": {
|
|
2337
|
+
"modal": {
|
|
2338
|
+
"$value": "2000",
|
|
2339
|
+
"$type": "number"
|
|
2340
|
+
},
|
|
2341
|
+
"overlay": {
|
|
2342
|
+
"$value": "1000",
|
|
2343
|
+
"$type": "number"
|
|
2344
|
+
},
|
|
2345
|
+
"page": {
|
|
2346
|
+
"$value": "0",
|
|
2347
|
+
"$type": "number"
|
|
2348
|
+
},
|
|
2349
|
+
"toast": {
|
|
2350
|
+
"$value": "3000",
|
|
2351
|
+
"$type": "number"
|
|
2352
|
+
}
|
|
2353
|
+
},
|
|
2354
|
+
"local": {
|
|
2355
|
+
"base": {
|
|
2356
|
+
"$value": "0",
|
|
2357
|
+
"$type": "number"
|
|
2358
|
+
},
|
|
2359
|
+
"dropdown": {
|
|
2360
|
+
"$value": "10",
|
|
2361
|
+
"$type": "number"
|
|
2362
|
+
},
|
|
2363
|
+
"overlay": {
|
|
2364
|
+
"$value": "30",
|
|
2365
|
+
"$type": "number"
|
|
2366
|
+
},
|
|
2367
|
+
"sticky": {
|
|
2368
|
+
"$value": "20",
|
|
2369
|
+
"$type": "number"
|
|
2370
|
+
},
|
|
2371
|
+
"tooltip": {
|
|
2372
|
+
"$value": "40",
|
|
2373
|
+
"$type": "number"
|
|
2374
|
+
}
|
|
2375
|
+
}
|
|
2376
|
+
}
|
|
2377
|
+
}
|