@etus/tokens 0.3.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tokens.css +654 -157
- package/dist/tokens.js +504 -144
- package/dist/tokens.meta.json +2872 -447
- package/package.json +1 -1
package/dist/tokens.css
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--accordion-content-padding-bottom-lg: 24px;
|
|
13
13
|
--accordion-content-padding-bottom-md: 16px;
|
|
14
14
|
--accordion-content-padding-bottom-sm: 8px;
|
|
15
|
-
--accordion-icon-size:
|
|
15
|
+
--accordion-icon-size: 20px;
|
|
16
16
|
--accordion-icon-transition-duration: 200ms;
|
|
17
17
|
--accordion-item-border-width: 1px;
|
|
18
18
|
--accordion-item-padding-x: 16px;
|
|
@@ -22,9 +22,14 @@
|
|
|
22
22
|
--accordion-trigger-padding-y-lg: 24px;
|
|
23
23
|
--accordion-trigger-padding-y-md: 16px;
|
|
24
24
|
--accordion-trigger-padding-y-sm: 8px;
|
|
25
|
+
--accordion-trigger-radius: 8px;
|
|
26
|
+
--accordion-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
27
|
+
--accordion-trigger-ring-width: 3px;
|
|
25
28
|
--accordion-trigger-text-size-lg: 1rem;
|
|
26
29
|
--accordion-trigger-text-size-md: 0.875rem;
|
|
27
30
|
--accordion-trigger-text-size-sm: 0.75rem;
|
|
31
|
+
--account-switch-content-min-width: 17.5rem;
|
|
32
|
+
--account-switch-name-max-width: 10rem;
|
|
28
33
|
--alert-icon-size: 16px;
|
|
29
34
|
--alert-root-gap: 12px;
|
|
30
35
|
--alert-root-padding-x: 16px;
|
|
@@ -33,9 +38,18 @@
|
|
|
33
38
|
--alert-variant-default-bg: oklch(100.00% 0.0000 0);
|
|
34
39
|
--alert-variant-default-border: oklch(92.19% 0.0000 0);
|
|
35
40
|
--alert-variant-default-fg: oklch(14.48% 0.0000 0);
|
|
36
|
-
--alert-variant-destructive-bg: oklch(
|
|
37
|
-
--alert-variant-destructive-border: oklch(
|
|
38
|
-
--alert-variant-destructive-fg: oklch(
|
|
41
|
+
--alert-variant-destructive-bg: oklch(97.05% 0.0129 17.38);
|
|
42
|
+
--alert-variant-destructive-border: oklch(88.45% 0.0593 18.33);
|
|
43
|
+
--alert-variant-destructive-fg: oklch(50.54% 0.1905 27.52);
|
|
44
|
+
--alert-variant-info-bg: oklch(97.05% 0.0142 254.60);
|
|
45
|
+
--alert-variant-info-border: oklch(88.23% 0.0571 254.13);
|
|
46
|
+
--alert-variant-info-fg: oklch(48.82% 0.2172 264.38);
|
|
47
|
+
--alert-variant-success-bg: oklch(98.19% 0.0181 155.83);
|
|
48
|
+
--alert-variant-success-border: oklch(92.50% 0.0806 155.99);
|
|
49
|
+
--alert-variant-success-fg: oklch(52.73% 0.1371 150.07);
|
|
50
|
+
--alert-variant-warning-bg: oklch(98.73% 0.0262 102.21);
|
|
51
|
+
--alert-variant-warning-border: oklch(94.51% 0.1243 101.54);
|
|
52
|
+
--alert-variant-warning-fg: oklch(55.38% 0.1207 66.44);
|
|
39
53
|
--asset-manager-grid-columns: minmax(200px, 1fr);
|
|
40
54
|
--asset-manager-grid-gap: 16px;
|
|
41
55
|
--asset-manager-item-background: oklch(100.00% 0.0000 0);
|
|
@@ -75,6 +89,7 @@
|
|
|
75
89
|
--autocomplete-loading-fg: oklch(55.55% 0.0000 0);
|
|
76
90
|
--autocomplete-loading-padding: 8px;
|
|
77
91
|
--autocomplete-loading-text: 0.875rem;
|
|
92
|
+
--autocomplete-tags-max-width: 70%;
|
|
78
93
|
--avatar-border-contrast: rgba(0, 0, 0, 0.08);
|
|
79
94
|
--avatar-fallback-bg-default: oklch(97.02% 0.0000 0);
|
|
80
95
|
--avatar-fallback-bg-destructive: oklch(63.68% 0.2078 25.33);
|
|
@@ -88,6 +103,27 @@
|
|
|
88
103
|
--avatar-fallback-text-secondary: oklch(21.23% 0.0502 138.22);
|
|
89
104
|
--avatar-fallback-text-success: oklch(100.00% 0.0000 0);
|
|
90
105
|
--avatar-fallback-text-warning: oklch(28.57% 0.0639 53.81);
|
|
106
|
+
--avatar-focus-ring-color: oklch(81.75% 0.1821 159.79);
|
|
107
|
+
--avatar-focus-ring-offset: 2px;
|
|
108
|
+
--avatar-focus-ring-width: 4px;
|
|
109
|
+
--avatar-label-c2-font-size: 10px;
|
|
110
|
+
--avatar-label-c2-font-weight: 600;
|
|
111
|
+
--avatar-label-c2-line-height: 14px;
|
|
112
|
+
--avatar-label-h3-font-size: 24px;
|
|
113
|
+
--avatar-label-h3-font-weight: 700;
|
|
114
|
+
--avatar-label-h3-line-height: 32px;
|
|
115
|
+
--avatar-label-h4-font-size: 20px;
|
|
116
|
+
--avatar-label-h4-font-weight: 700;
|
|
117
|
+
--avatar-label-h4-line-height: 28px;
|
|
118
|
+
--avatar-label-p1-font-size: 18px;
|
|
119
|
+
--avatar-label-p1-font-weight: 400;
|
|
120
|
+
--avatar-label-p1-line-height: 28px;
|
|
121
|
+
--avatar-label-p2-font-size: 16px;
|
|
122
|
+
--avatar-label-p2-font-weight: 400;
|
|
123
|
+
--avatar-label-p2-line-height: 24px;
|
|
124
|
+
--avatar-label-p3-font-size: 14px;
|
|
125
|
+
--avatar-label-p3-font-weight: 400;
|
|
126
|
+
--avatar-label-p3-line-height: 20px;
|
|
91
127
|
--avatar-radius-circle: 9999px;
|
|
92
128
|
--avatar-radius-square: 0.375rem;
|
|
93
129
|
--avatar-size-2xl: 64px;
|
|
@@ -115,18 +151,27 @@
|
|
|
115
151
|
--badge-color-secondary-bg: oklch(87.82% 0.2037 137.75);
|
|
116
152
|
--badge-color-secondary-border: oklch(92.19% 0.0000 0);
|
|
117
153
|
--badge-color-secondary-fg: oklch(21.23% 0.0502 138.22);
|
|
118
|
-
--badge-
|
|
154
|
+
--badge-color-success-bg: oklch(62.71% 0.1699 149.21);
|
|
155
|
+
--badge-color-success-border: oklch(62.71% 0.1699 149.21);
|
|
156
|
+
--badge-color-success-fg: oklch(100.00% 0.0000 0);
|
|
157
|
+
--badge-color-warning-bg: oklch(86.06% 0.1731 91.94);
|
|
158
|
+
--badge-color-warning-border: oklch(86.06% 0.1731 91.94);
|
|
159
|
+
--badge-color-warning-fg: oklch(28.57% 0.0639 53.81);
|
|
160
|
+
--badge-line-height-lg: 20px;
|
|
161
|
+
--badge-line-height-md: 20px;
|
|
162
|
+
--badge-line-height-sm: 16px;
|
|
163
|
+
--badge-radius-default: 4px;
|
|
119
164
|
--badge-radius-pill: 9999px;
|
|
120
|
-
--badge-size-lg-h:
|
|
165
|
+
--badge-size-lg-h: 32px;
|
|
121
166
|
--badge-size-lg-px: 12px;
|
|
122
167
|
--badge-size-lg-text: 0.875rem;
|
|
123
|
-
--badge-size-md-h:
|
|
168
|
+
--badge-size-md-h: 28px;
|
|
124
169
|
--badge-size-md-px: 0.625rem;
|
|
125
170
|
--badge-size-md-text: 0.875rem;
|
|
126
|
-
--badge-size-sm-h:
|
|
171
|
+
--badge-size-sm-h: 24px;
|
|
127
172
|
--badge-size-sm-px: 8px;
|
|
128
173
|
--badge-size-sm-text: 0.75rem;
|
|
129
|
-
--banner-root-gap:
|
|
174
|
+
--banner-root-gap: 24px;
|
|
130
175
|
--banner-root-padding-x: 16px;
|
|
131
176
|
--banner-root-padding-y: 12px;
|
|
132
177
|
--banner-text-size: 0.875rem;
|
|
@@ -241,22 +286,44 @@
|
|
|
241
286
|
--breakpoints-4xl: 2560px;
|
|
242
287
|
--breakpoints-sm: 360px;
|
|
243
288
|
--breakpoints-xs: 320px;
|
|
289
|
+
--button-destructive-bg-default: oklch(63.68% 0.2078 25.33);
|
|
290
|
+
--button-destructive-bg-hover: oklch(63.68% 0.2078 25.33);
|
|
291
|
+
--button-destructive-fg-default: oklch(100.00% 0.0000 0);
|
|
244
292
|
--button-disabled-bg: oklch(97.02% 0.0000 0);
|
|
245
293
|
--button-disabled-border: oklch(92.19% 0.0000 0);
|
|
246
294
|
--button-disabled-fg: oklch(55.55% 0.0000 0);
|
|
295
|
+
--button-ghost-bg-hover: oklch(95.21% 0.0467 171.12);
|
|
296
|
+
--button-ghost-fg-default: oklch(14.48% 0.0000 0);
|
|
297
|
+
--button-ghost-fg-hover: oklch(26.88% 0.0527 163.85);
|
|
247
298
|
--button-group-item-background-active: oklch(97.02% 0.0000 0);
|
|
248
299
|
--button-group-item-background-hover: oklch(97.02% 0.0000 0);
|
|
249
300
|
--button-group-item-background: oklch(100.00% 0.0000 0);
|
|
250
|
-
--button-group-item-font-size: 0.875rem;
|
|
251
|
-
--button-group-item-font-
|
|
301
|
+
--button-group-item-font-size-lg: 0.875rem;
|
|
302
|
+
--button-group-item-font-size-md: 0.875rem;
|
|
303
|
+
--button-group-item-font-size-sm: 0.75rem;
|
|
304
|
+
--button-group-item-font-weight: 500;
|
|
252
305
|
--button-group-item-gap: 8px;
|
|
253
|
-
--button-group-item-height: 40px;
|
|
254
|
-
--button-group-item-
|
|
255
|
-
--button-group-item-
|
|
256
|
-
--button-group-
|
|
257
|
-
--button-group-
|
|
306
|
+
--button-group-item-height-lg: 40px;
|
|
307
|
+
--button-group-item-height-md: 36px;
|
|
308
|
+
--button-group-item-height-sm: 32px;
|
|
309
|
+
--button-group-item-line-height: 16px;
|
|
310
|
+
--button-group-item-padding-x-lg: 16px;
|
|
311
|
+
--button-group-item-padding-x-md: 16px;
|
|
312
|
+
--button-group-item-padding-x-sm: 12px;
|
|
313
|
+
--button-group-item-padding-y-lg: 8px;
|
|
314
|
+
--button-group-item-padding-y-md: 8px;
|
|
315
|
+
--button-group-item-padding-y-sm: 6px;
|
|
316
|
+
--button-group-root-bg-primary: oklch(81.75% 0.1821 159.79);
|
|
317
|
+
--button-group-root-border-color-default: oklch(92.19% 0.0000 0);
|
|
318
|
+
--button-group-root-border-color-primary: oklch(81.75% 0.1821 159.79);
|
|
319
|
+
--button-group-root-fg-primary: oklch(18.34% 0.0338 166.67);
|
|
320
|
+
--button-group-root-radius: 8px;
|
|
258
321
|
--button-group-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
259
322
|
--button-group-separator-color: oklch(92.19% 0.0000 0);
|
|
323
|
+
--button-group-text-background: oklch(97.02% 0.0000 0);
|
|
324
|
+
--button-group-text-font-size: 0.875rem;
|
|
325
|
+
--button-group-text-font-weight: 500;
|
|
326
|
+
--button-group-text-padding-x: 16px;
|
|
260
327
|
--button-link-color-fg-default: oklch(81.75% 0.1821 159.79);
|
|
261
328
|
--button-link-color-fg-hover: oklch(81.75% 0.1821 159.79);
|
|
262
329
|
--button-link-gray-fg-default: oklch(55.55% 0.0000 0);
|
|
@@ -266,19 +333,22 @@
|
|
|
266
333
|
--button-primary-border-default: oklch(81.75% 0.1821 159.79);
|
|
267
334
|
--button-primary-border-hover: oklch(69.20% 0.1533 159.90);
|
|
268
335
|
--button-primary-fg-default: oklch(18.34% 0.0338 166.67);
|
|
269
|
-
--button-radius-default:
|
|
336
|
+
--button-radius-default: 8px;
|
|
270
337
|
--button-radius-full: 9999px;
|
|
271
338
|
--button-radius-lg: 8px;
|
|
272
339
|
--button-radius-sm: 4px;
|
|
273
340
|
--button-radius-xl: 10px;
|
|
274
341
|
--button-ring-brand: oklch(81.75% 0.1821 159.79);
|
|
342
|
+
--button-ring-destructive: oklch(63.68% 0.2078 25.33);
|
|
275
343
|
--button-ring-gray: oklch(81.75% 0.1821 159.79);
|
|
276
|
-
--button-
|
|
277
|
-
--button-
|
|
278
|
-
--button-secondary-color-
|
|
279
|
-
--button-secondary-color-
|
|
280
|
-
--button-secondary-color-
|
|
281
|
-
--button-secondary-color-
|
|
344
|
+
--button-ring-success: oklch(62.71% 0.1699 149.21);
|
|
345
|
+
--button-ring-warning: oklch(86.06% 0.1731 91.94);
|
|
346
|
+
--button-secondary-color-bg-default: oklch(87.82% 0.2037 137.75);
|
|
347
|
+
--button-secondary-color-bg-hover: oklch(72.57% 0.1684 137.62);
|
|
348
|
+
--button-secondary-color-border-default: oklch(87.82% 0.2037 137.75);
|
|
349
|
+
--button-secondary-color-border-hover: oklch(72.57% 0.1684 137.62);
|
|
350
|
+
--button-secondary-color-fg-default: oklch(21.23% 0.0502 138.22);
|
|
351
|
+
--button-secondary-color-fg-hover: oklch(21.23% 0.0502 138.22);
|
|
282
352
|
--button-secondary-gray-bg-default: oklch(100.00% 0.0000 0);
|
|
283
353
|
--button-secondary-gray-bg-hover: oklch(95.21% 0.0467 171.12);
|
|
284
354
|
--button-secondary-gray-border-default: oklch(92.19% 0.0000 0);
|
|
@@ -329,6 +399,7 @@
|
|
|
329
399
|
--button-tertiary-gray-bg-hover: oklch(95.21% 0.0467 171.12);
|
|
330
400
|
--button-tertiary-gray-fg-default: oklch(55.55% 0.0000 0);
|
|
331
401
|
--button-tertiary-gray-fg-hover: oklch(14.48% 0.0000 0);
|
|
402
|
+
--button-transition-duration: 150ms;
|
|
332
403
|
--calendar-cell-gap: 0.125rem;
|
|
333
404
|
--calendar-cell-size: 36px;
|
|
334
405
|
--calendar-container-cell-size-default: 32px;
|
|
@@ -350,7 +421,7 @@
|
|
|
350
421
|
--callout-root-padding-lg: 24px;
|
|
351
422
|
--callout-root-padding-md: 16px;
|
|
352
423
|
--callout-root-padding-sm: 12px;
|
|
353
|
-
--callout-root-radius:
|
|
424
|
+
--callout-root-radius: 4px;
|
|
354
425
|
--callout-text-lg: 1rem;
|
|
355
426
|
--callout-text-md: 0.875rem;
|
|
356
427
|
--callout-text-sm: 0.75rem;
|
|
@@ -402,9 +473,9 @@
|
|
|
402
473
|
--checkbox-root-bg-default: oklch(100.00% 0.0000 0);
|
|
403
474
|
--checkbox-root-bg-disabled: oklch(97.02% 0.0000 0);
|
|
404
475
|
--checkbox-root-border-checked: oklch(81.75% 0.1821 159.79);
|
|
405
|
-
--checkbox-root-border-default: oklch(
|
|
476
|
+
--checkbox-root-border-default: oklch(92.19% 0.0000 0);
|
|
406
477
|
--checkbox-root-border-focus: oklch(81.75% 0.1821 159.79);
|
|
407
|
-
--checkbox-root-radius:
|
|
478
|
+
--checkbox-root-radius: 4px;
|
|
408
479
|
--checkbox-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
409
480
|
--checkbox-size-lg: 24px;
|
|
410
481
|
--checkbox-size-md: 20px;
|
|
@@ -418,17 +489,21 @@
|
|
|
418
489
|
--color-picker-content-gap: 12px;
|
|
419
490
|
--color-picker-content-padding: 12px;
|
|
420
491
|
--color-picker-content-width: 260px;
|
|
421
|
-
--color-picker-
|
|
492
|
+
--color-picker-filled-preview-radius: 9999px;
|
|
493
|
+
--color-picker-focus-ring-destructive: oklch(63.68% 0.2078 25.33);
|
|
494
|
+
--color-picker-focus-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
495
|
+
--color-picker-focus-ring-width: 3px;
|
|
496
|
+
--color-picker-swatch-radius: 9999px;
|
|
422
497
|
--color-picker-swatch-size: 24px;
|
|
423
498
|
--color-picker-trigger-border: oklch(92.19% 0.0000 0);
|
|
424
|
-
--color-picker-trigger-radius:
|
|
425
|
-
--color-picker-trigger-size:
|
|
499
|
+
--color-picker-trigger-radius: 8px;
|
|
500
|
+
--color-picker-trigger-size: 40px;
|
|
426
501
|
--color-safari: oklch(65.95% 0.2608 320.32);
|
|
427
502
|
--combobox-content-bg: oklch(100.00% 0.0000 0);
|
|
428
503
|
--combobox-content-border: oklch(92.19% 0.0000 0);
|
|
429
504
|
--combobox-content-fg: oklch(20.46% 0.0000 0);
|
|
430
505
|
--combobox-content-min-width: 8rem;
|
|
431
|
-
--combobox-content-radius:
|
|
506
|
+
--combobox-content-radius: 8px;
|
|
432
507
|
--combobox-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
433
508
|
--combobox-item-focus-bg: oklch(95.21% 0.0467 171.12);
|
|
434
509
|
--combobox-item-focus-fg: oklch(26.88% 0.0527 163.85);
|
|
@@ -438,17 +513,22 @@
|
|
|
438
513
|
--combobox-item-text: 0.875rem;
|
|
439
514
|
--combobox-trigger-border-default: oklch(92.19% 0.0000 0);
|
|
440
515
|
--combobox-trigger-border-focus: oklch(81.75% 0.1821 159.79);
|
|
516
|
+
--combobox-trigger-disabled-bg: oklch(97.02% 0.0000 0);
|
|
517
|
+
--combobox-trigger-disabled-border: oklch(97.02% 0.0000 0);
|
|
518
|
+
--combobox-trigger-disabled-fg: oklch(55.55% 0.0000 0);
|
|
441
519
|
--combobox-trigger-gap: 8px;
|
|
442
|
-
--combobox-trigger-height-lg:
|
|
443
|
-
--combobox-trigger-height-md:
|
|
444
|
-
--combobox-trigger-height-sm:
|
|
520
|
+
--combobox-trigger-height-lg: 44px;
|
|
521
|
+
--combobox-trigger-height-md: 40px;
|
|
522
|
+
--combobox-trigger-height-sm: 36px;
|
|
445
523
|
--combobox-trigger-padding-x-lg: 14px;
|
|
446
524
|
--combobox-trigger-padding-x-md: 12px;
|
|
447
525
|
--combobox-trigger-padding-x-sm: 10px;
|
|
448
526
|
--combobox-trigger-padding-y-lg: 8px;
|
|
449
527
|
--combobox-trigger-padding-y-md: 8px;
|
|
450
528
|
--combobox-trigger-padding-y-sm: 4px;
|
|
451
|
-
--combobox-trigger-radius:
|
|
529
|
+
--combobox-trigger-radius: 8px;
|
|
530
|
+
--combobox-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
531
|
+
--combobox-trigger-ring-width: 3px;
|
|
452
532
|
--combobox-trigger-text-lg: 1rem;
|
|
453
533
|
--combobox-trigger-text-md: 0.875rem;
|
|
454
534
|
--combobox-trigger-text-sm: 0.875rem;
|
|
@@ -524,7 +604,7 @@
|
|
|
524
604
|
--context-menu-content-border-width: 1px;
|
|
525
605
|
--context-menu-content-min-width: 8rem;
|
|
526
606
|
--context-menu-content-padding: 4px;
|
|
527
|
-
--context-menu-content-radius:
|
|
607
|
+
--context-menu-content-radius: 8px;
|
|
528
608
|
--context-menu-content-z-index: 50;
|
|
529
609
|
--context-menu-indicator-left: 8px;
|
|
530
610
|
--context-menu-indicator-size: 0.875rem;
|
|
@@ -580,10 +660,21 @@
|
|
|
580
660
|
--datatable-toolbar-search-icon-size: 1rem;
|
|
581
661
|
--datatable-toolbar-search-icon-top: 50%;
|
|
582
662
|
--datatable-toolbar-search-input-padding-left: 36px;
|
|
663
|
+
--date-picker-content-bg: oklch(100.00% 0.0000 0);
|
|
664
|
+
--date-picker-content-border: oklch(92.19% 0.0000 0);
|
|
665
|
+
--date-picker-content-fg: oklch(20.46% 0.0000 0);
|
|
666
|
+
--date-picker-content-padding: 12px;
|
|
667
|
+
--date-picker-content-radius: 8px;
|
|
668
|
+
--date-picker-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
583
669
|
--date-picker-footer-gap: 8px;
|
|
584
670
|
--date-picker-footer-padding: 12px;
|
|
585
671
|
--date-picker-preset-item-height: 32px;
|
|
586
672
|
--date-picker-preset-min-width: 140px;
|
|
673
|
+
--date-picker-trigger-border-default: oklch(92.19% 0.0000 0);
|
|
674
|
+
--date-picker-trigger-border-focus: oklch(81.75% 0.1821 159.79);
|
|
675
|
+
--date-picker-trigger-disabled-bg: oklch(97.02% 0.0000 0);
|
|
676
|
+
--date-picker-trigger-disabled-border: oklch(97.02% 0.0000 0);
|
|
677
|
+
--date-picker-trigger-disabled-fg: oklch(55.55% 0.0000 0);
|
|
587
678
|
--date-picker-trigger-height-lg: 44px;
|
|
588
679
|
--date-picker-trigger-height-md: 40px;
|
|
589
680
|
--date-picker-trigger-height-sm: 36px;
|
|
@@ -594,12 +685,16 @@
|
|
|
594
685
|
--date-picker-trigger-padding-y-lg: 0.625rem;
|
|
595
686
|
--date-picker-trigger-padding-y-md: 8px;
|
|
596
687
|
--date-picker-trigger-padding-y-sm: 6px;
|
|
688
|
+
--date-picker-trigger-radius: 8px;
|
|
689
|
+
--date-picker-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
690
|
+
--date-picker-trigger-ring-width: 3px;
|
|
597
691
|
--date-picker-trigger-text-lg: 16px;
|
|
598
692
|
--date-picker-trigger-text-md: 14px;
|
|
599
693
|
--date-picker-trigger-text-sm: 12px;
|
|
600
694
|
--date-range-picker-calendar-gap: 16px;
|
|
695
|
+
--date-range-picker-today-button-height: 28px;
|
|
696
|
+
--date-range-picker-today-button-text-size: 0.75rem;
|
|
601
697
|
--date-range-picker-trigger-gap: 8px;
|
|
602
|
-
--date-range-picker-trigger-padding-x: 12px;
|
|
603
698
|
--date-range-picker-trigger-width: 300px;
|
|
604
699
|
--destructive-border: oklch(88.45% 0.0593 18.33);
|
|
605
700
|
--destructive-foreground: oklch(100.00% 0.0000 0);
|
|
@@ -617,6 +712,7 @@
|
|
|
617
712
|
--divider-content-bg-fill: oklch(87.82% 0.2037 137.75);
|
|
618
713
|
--divider-content-text-default: oklch(55.55% 0.0000 0);
|
|
619
714
|
--divider-content-text-heading: oklch(14.48% 0.0000 0);
|
|
715
|
+
--divider-thickness: 1px;
|
|
620
716
|
--drag-and-drop-draggable-opacity-dragging: 0.5;
|
|
621
717
|
--drag-and-drop-droppable-background-active: oklch(81.75% 0.1821 159.79);
|
|
622
718
|
--drag-and-drop-droppable-background-opacity: 0.05;
|
|
@@ -627,15 +723,15 @@
|
|
|
627
723
|
--drag-and-drop-overlay-background: oklch(100.00% 0.0000 0);
|
|
628
724
|
--drag-and-drop-overlay-radius: 0.375rem;
|
|
629
725
|
--drag-and-drop-overlay-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
630
|
-
--drawer-content-bg: oklch(
|
|
726
|
+
--drawer-content-bg: oklch(98.51% 0.0000 0);
|
|
631
727
|
--drawer-content-border: oklch(92.19% 0.0000 0);
|
|
632
728
|
--drawer-content-radius: 0.75rem;
|
|
633
729
|
--drawer-footer-gap: 8px;
|
|
634
730
|
--drawer-footer-padding: 16px;
|
|
635
|
-
--drawer-handle-bg: oklch(
|
|
636
|
-
--drawer-handle-height:
|
|
731
|
+
--drawer-handle-bg: oklch(55.55% 0.0000 0);
|
|
732
|
+
--drawer-handle-height: 4px;
|
|
637
733
|
--drawer-handle-margin-top: 16px;
|
|
638
|
-
--drawer-handle-width:
|
|
734
|
+
--drawer-handle-width: 32px;
|
|
639
735
|
--drawer-header-gap: 8px;
|
|
640
736
|
--drawer-header-padding: 16px;
|
|
641
737
|
--drawer-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
|
|
@@ -643,7 +739,7 @@
|
|
|
643
739
|
--dropdown-menu-content-border-width: 1px;
|
|
644
740
|
--dropdown-menu-content-min-width: 8rem;
|
|
645
741
|
--dropdown-menu-content-padding: 4px;
|
|
646
|
-
--dropdown-menu-content-radius:
|
|
742
|
+
--dropdown-menu-content-radius: 8px;
|
|
647
743
|
--dropdown-menu-content-z-index: 50;
|
|
648
744
|
--dropdown-menu-indicator-left: 8px;
|
|
649
745
|
--dropdown-menu-indicator-size: 0.875rem;
|
|
@@ -652,7 +748,7 @@
|
|
|
652
748
|
--dropdown-menu-item-inset-padding-left: 32px;
|
|
653
749
|
--dropdown-menu-item-padding-x: 8px;
|
|
654
750
|
--dropdown-menu-item-padding-y: 0.375rem;
|
|
655
|
-
--dropdown-menu-item-radius:
|
|
751
|
+
--dropdown-menu-item-radius: 4px;
|
|
656
752
|
--dropdown-menu-item-text-size: 0.875rem;
|
|
657
753
|
--dropdown-menu-radio-size: 8px;
|
|
658
754
|
--dropdown-menu-separator-height: 1px;
|
|
@@ -666,18 +762,14 @@
|
|
|
666
762
|
--duration-slow: 300ms;
|
|
667
763
|
--duration-slower: 500ms;
|
|
668
764
|
--duration-slowest: 700ms;
|
|
765
|
+
--ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
669
766
|
--ease-default: cubic-bezier(0.4, 0, 0.2, 1);
|
|
670
767
|
--ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
|
|
768
|
+
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
671
769
|
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
672
770
|
--ease-linear: cubic-bezier(0, 0, 1, 1);
|
|
673
771
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
674
|
-
--ease-spring: cubic-bezier(0.
|
|
675
|
-
--easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
676
|
-
--easing-default: cubic-bezier(0.4, 0, 0.2, 1);
|
|
677
|
-
--easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
|
678
|
-
--easing-in: cubic-bezier(0.4, 0, 1, 1);
|
|
679
|
-
--easing-out: cubic-bezier(0, 0, 0.2, 1);
|
|
680
|
-
--easing-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
|
772
|
+
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
681
773
|
--empty-state-media-icon-bg: oklch(97.02% 0.0000 0);
|
|
682
774
|
--empty-state-media-icon-fg: oklch(14.48% 0.0000 0);
|
|
683
775
|
--empty-state-media-icon-icon-size: 24px;
|
|
@@ -691,6 +783,56 @@
|
|
|
691
783
|
--extended-chart-3: oklch(62.31% 0.1880 259.81);
|
|
692
784
|
--extended-chart-4: oklch(79.52% 0.1617 86.05);
|
|
693
785
|
--extended-chart-5: oklch(63.68% 0.2078 25.33);
|
|
786
|
+
--feature-item-body-gap: 4px;
|
|
787
|
+
--feature-item-description-color: oklch(55.55% 0.0000 0);
|
|
788
|
+
--feature-item-description-font-size: 13px;
|
|
789
|
+
--feature-item-description-line-height: 1.55;
|
|
790
|
+
--feature-item-icon-radius: 10px;
|
|
791
|
+
--feature-item-icon-size: 40px;
|
|
792
|
+
--feature-item-link-color: oklch(56.08% 0.1221 160.56);
|
|
793
|
+
--feature-item-link-font-size: 12px;
|
|
794
|
+
--feature-item-link-font-weight: 600;
|
|
795
|
+
--feature-item-link-gap: 4px;
|
|
796
|
+
--feature-item-link-margin-top: 4px;
|
|
797
|
+
--feature-item-root-gap: 14px;
|
|
798
|
+
--feature-item-root-padding: 4px;
|
|
799
|
+
--feature-item-title-color: oklch(14.48% 0.0000 0);
|
|
800
|
+
--feature-item-title-font-size: 14px;
|
|
801
|
+
--feature-item-title-font-weight: 600;
|
|
802
|
+
--feature-item-tone-brand-bg: oklch(81.75% 0.1821 159.79);
|
|
803
|
+
--feature-item-tone-brand-fg: oklch(18.34% 0.0338 166.67);
|
|
804
|
+
--feature-item-tone-info-bg: oklch(97.05% 0.0142 254.60);
|
|
805
|
+
--feature-item-tone-info-fg: oklch(48.82% 0.2172 264.38);
|
|
806
|
+
--feature-item-tone-subtle-bg: oklch(97.65% 0.0243 170.99);
|
|
807
|
+
--feature-item-tone-subtle-fg: oklch(56.08% 0.1221 160.56);
|
|
808
|
+
--feature-item-tone-warning-bg: oklch(98.73% 0.0262 102.21);
|
|
809
|
+
--feature-item-tone-warning-fg: oklch(55.38% 0.1207 66.44);
|
|
810
|
+
--featured-icon-color-brand-bg: oklch(97.65% 0.0243 170.99);
|
|
811
|
+
--featured-icon-color-brand-fg: oklch(81.75% 0.1821 159.79);
|
|
812
|
+
--featured-icon-color-default-bg: oklch(97.02% 0.0000 0);
|
|
813
|
+
--featured-icon-color-default-fg: oklch(55.55% 0.0000 0);
|
|
814
|
+
--featured-icon-color-destructive-bg: oklch(97.05% 0.0129 17.38);
|
|
815
|
+
--featured-icon-color-destructive-fg: oklch(63.68% 0.2078 25.33);
|
|
816
|
+
--featured-icon-color-info-bg: oklch(97.05% 0.0142 254.60);
|
|
817
|
+
--featured-icon-color-info-fg: oklch(54.61% 0.2152 262.88);
|
|
818
|
+
--featured-icon-color-success-bg: oklch(98.19% 0.0181 155.83);
|
|
819
|
+
--featured-icon-color-success-fg: oklch(62.71% 0.1699 149.21);
|
|
820
|
+
--featured-icon-color-warning-bg: oklch(98.73% 0.0262 102.21);
|
|
821
|
+
--featured-icon-color-warning-fg: oklch(86.06% 0.1731 91.94);
|
|
822
|
+
--featured-icon-radius-circle: 9999px;
|
|
823
|
+
--featured-icon-radius-default: 8px;
|
|
824
|
+
--featured-icon-size-2xl-icon: 48px;
|
|
825
|
+
--featured-icon-size-2xl-plate: 80px;
|
|
826
|
+
--featured-icon-size-lg-icon: 24px;
|
|
827
|
+
--featured-icon-size-lg-plate: 48px;
|
|
828
|
+
--featured-icon-size-md-icon: 20px;
|
|
829
|
+
--featured-icon-size-md-plate: 44px;
|
|
830
|
+
--featured-icon-size-sm-icon: 16px;
|
|
831
|
+
--featured-icon-size-sm-plate: 32px;
|
|
832
|
+
--featured-icon-size-xl-icon: 32px;
|
|
833
|
+
--featured-icon-size-xl-plate: 56px;
|
|
834
|
+
--featured-icon-size-xs-icon: 12px;
|
|
835
|
+
--featured-icon-size-xs-plate: 28px;
|
|
694
836
|
--feed-content-description-color: oklch(55.55% 0.0000 0);
|
|
695
837
|
--feed-content-description-size: 0.875rem;
|
|
696
838
|
--feed-content-title-weight: 500;
|
|
@@ -715,7 +857,7 @@
|
|
|
715
857
|
--file-upload-dropzone-border-width: 2px;
|
|
716
858
|
--file-upload-dropzone-gap: 16px;
|
|
717
859
|
--file-upload-dropzone-padding: 40px;
|
|
718
|
-
--file-upload-dropzone-radius:
|
|
860
|
+
--file-upload-dropzone-radius: 12px;
|
|
719
861
|
--file-upload-icon-color: oklch(55.55% 0.0000 0);
|
|
720
862
|
--file-upload-icon-size: 40px;
|
|
721
863
|
--file-upload-item-border: oklch(92.19% 0.0000 0);
|
|
@@ -795,6 +937,14 @@
|
|
|
795
937
|
--green-800: oklch(44.79% 0.1083 151.33);
|
|
796
938
|
--green-900: oklch(39.25% 0.0896 152.54);
|
|
797
939
|
--green-950: oklch(26.64% 0.0628 152.93);
|
|
940
|
+
--header-root-bg: oklch(100.00% 0.0000 0);
|
|
941
|
+
--header-root-border-color: oklch(92.19% 0.0000 0);
|
|
942
|
+
--header-root-padding-x: 16px;
|
|
943
|
+
--header-root-padding-y: 12px;
|
|
944
|
+
--header-size-lg-height: 80px;
|
|
945
|
+
--header-size-md-height: 64px;
|
|
946
|
+
--header-size-sm-height: 48px;
|
|
947
|
+
--header-sticky-z-index: 30;
|
|
798
948
|
--heading-base-color: oklch(14.48% 0.0000 0);
|
|
799
949
|
--heading-base-font-family: Inter;
|
|
800
950
|
--heading-base-font-weight: 600;
|
|
@@ -839,7 +989,7 @@
|
|
|
839
989
|
--icon-color-primary: oklch(81.75% 0.1821 159.79);
|
|
840
990
|
--icon-color-success: oklch(62.71% 0.1699 149.21);
|
|
841
991
|
--icon-color-warning: oklch(86.06% 0.1731 91.94);
|
|
842
|
-
--icon-size-2xl:
|
|
992
|
+
--icon-size-2xl: 48px;
|
|
843
993
|
--icon-size-2xs: 10px;
|
|
844
994
|
--icon-size-3xl: 48px;
|
|
845
995
|
--icon-size-lg: 24px;
|
|
@@ -847,6 +997,16 @@
|
|
|
847
997
|
--icon-size-sm: 16px;
|
|
848
998
|
--icon-size-xl: 32px;
|
|
849
999
|
--icon-size-xs: 12px;
|
|
1000
|
+
--ifta-label-label-color-destructive: oklch(63.68% 0.2078 25.33);
|
|
1001
|
+
--ifta-label-label-color-foreground: oklch(14.48% 0.0000 0);
|
|
1002
|
+
--ifta-label-label-color-muted: oklch(55.55% 0.0000 0);
|
|
1003
|
+
--ifta-label-ring-destructive: oklch(63.68% 0.2078 25.33);
|
|
1004
|
+
--ifta-label-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
1005
|
+
--ifta-label-ring-width: 3px;
|
|
1006
|
+
--ifta-label-wrapper-disabled-opacity: 0.5;
|
|
1007
|
+
--ifta-label-wrapper-height: 60px;
|
|
1008
|
+
--ifta-label-wrapper-padding-bottom: 8px;
|
|
1009
|
+
--ifta-label-wrapper-padding-top: 24px;
|
|
850
1010
|
--image-rounded-circle: 9999px;
|
|
851
1011
|
--image-rounded-default: 0px;
|
|
852
1012
|
--image-rounded-rounded: 0.375rem;
|
|
@@ -871,6 +1031,8 @@
|
|
|
871
1031
|
--input-fg-disabled: oklch(55.55% 0.0000 0);
|
|
872
1032
|
--input-fg-icon: oklch(55.55% 0.0000 0);
|
|
873
1033
|
--input-fg-placeholder: oklch(55.55% 0.0000 0);
|
|
1034
|
+
--input-group-button-radius: 4px;
|
|
1035
|
+
--input-group-radius: 8px;
|
|
874
1036
|
--input-icon-padding-lg: 44px;
|
|
875
1037
|
--input-icon-padding-md: 40px;
|
|
876
1038
|
--input-icon-padding-sm: 36px;
|
|
@@ -896,25 +1058,25 @@
|
|
|
896
1058
|
--input-otp-slot-active-ring: oklch(81.75% 0.1821 159.79);
|
|
897
1059
|
--input-otp-slot-bg: oklch(100.00% 0.0000 0);
|
|
898
1060
|
--input-otp-slot-border: oklch(92.19% 0.0000 0);
|
|
899
|
-
--input-otp-slot-size-lg-radius:
|
|
1061
|
+
--input-otp-slot-size-lg-radius: 8px;
|
|
900
1062
|
--input-otp-slot-size-lg-size: 48px;
|
|
901
1063
|
--input-otp-slot-size-lg-text: 1.125rem;
|
|
902
|
-
--input-otp-slot-size-md-radius:
|
|
903
|
-
--input-otp-slot-size-md-size:
|
|
1064
|
+
--input-otp-slot-size-md-radius: 8px;
|
|
1065
|
+
--input-otp-slot-size-md-size: 44px;
|
|
904
1066
|
--input-otp-slot-size-md-text: 1rem;
|
|
905
|
-
--input-otp-slot-size-sm-radius:
|
|
1067
|
+
--input-otp-slot-size-sm-radius: 8px;
|
|
906
1068
|
--input-otp-slot-size-sm-size: 36px;
|
|
907
1069
|
--input-otp-slot-size-sm-text: 0.875rem;
|
|
908
1070
|
--input-radius: 0.375rem;
|
|
909
|
-
--input-size-lg-h:
|
|
1071
|
+
--input-size-lg-h: 44px;
|
|
910
1072
|
--input-size-lg-px: 0.875rem;
|
|
911
1073
|
--input-size-lg-py: 0.375rem;
|
|
912
1074
|
--input-size-lg-text: 1rem;
|
|
913
|
-
--input-size-md-h:
|
|
1075
|
+
--input-size-md-h: 40px;
|
|
914
1076
|
--input-size-md-px: 12px;
|
|
915
1077
|
--input-size-md-py: 4px;
|
|
916
1078
|
--input-size-md-text: 0.875rem;
|
|
917
|
-
--input-size-sm-h:
|
|
1079
|
+
--input-size-sm-h: 36px;
|
|
918
1080
|
--input-size-sm-px: 0.625rem;
|
|
919
1081
|
--input-size-sm-py: 4px;
|
|
920
1082
|
--input-size-sm-text: 0.875rem;
|
|
@@ -947,7 +1109,7 @@
|
|
|
947
1109
|
--kbd-root-border-width: 1px;
|
|
948
1110
|
--kbd-root-display: inline-flex;
|
|
949
1111
|
--kbd-root-font-family: Inter;
|
|
950
|
-
--kbd-root-font-weight:
|
|
1112
|
+
--kbd-root-font-weight: 600;
|
|
951
1113
|
--kbd-root-gap: 4px;
|
|
952
1114
|
--kbd-root-justify-content: center;
|
|
953
1115
|
--kbd-root-user-select: none;
|
|
@@ -997,10 +1159,16 @@
|
|
|
997
1159
|
--label-root-align-items: center;
|
|
998
1160
|
--label-root-display: flex;
|
|
999
1161
|
--label-root-font-size: 14px;
|
|
1000
|
-
--label-root-font-weight:
|
|
1162
|
+
--label-root-font-weight: 400;
|
|
1001
1163
|
--label-root-gap: 8px;
|
|
1002
|
-
--label-root-line-height:
|
|
1164
|
+
--label-root-line-height: 20px;
|
|
1003
1165
|
--label-root-user-select: none;
|
|
1166
|
+
--label-size-lg-font-size: 16px;
|
|
1167
|
+
--label-size-lg-line-height: 24px;
|
|
1168
|
+
--label-size-md-font-size: 14px;
|
|
1169
|
+
--label-size-md-line-height: 20px;
|
|
1170
|
+
--label-size-sm-font-size: 12px;
|
|
1171
|
+
--label-size-sm-line-height: 16px;
|
|
1004
1172
|
--layout-breakpoint-desktop: 1280px;
|
|
1005
1173
|
--layout-breakpoint-mobile: 768px;
|
|
1006
1174
|
--layout-breakpoint-tablet: 1024px;
|
|
@@ -1031,13 +1199,6 @@
|
|
|
1031
1199
|
--layout-header-background: oklch(100.00% 0.0000 0);
|
|
1032
1200
|
--layout-header-border: oklch(92.19% 0.0000 0);
|
|
1033
1201
|
--layout-header-height: 56px;
|
|
1034
|
-
--layout-rail-background: oklch(98.51% 0.0000 0);
|
|
1035
|
-
--layout-rail-border: oklch(92.19% 0.0000 0);
|
|
1036
|
-
--layout-rail-width: 48px;
|
|
1037
|
-
--layout-sidebar-background: oklch(98.51% 0.0000 0);
|
|
1038
|
-
--layout-sidebar-border: oklch(92.19% 0.0000 0);
|
|
1039
|
-
--layout-sidebar-collapsed-width: 64px;
|
|
1040
|
-
--layout-sidebar-width: 240px;
|
|
1041
1202
|
--lightbox-button-background-hover: oklch(100.00% 0.0000 0 / 80.0%);
|
|
1042
1203
|
--lightbox-button-background: oklch(100.00% 0.0000 0 / 90.2%);
|
|
1043
1204
|
--lightbox-button-color: oklch(100.00% 0.0000 0);
|
|
@@ -1079,12 +1240,24 @@
|
|
|
1079
1240
|
--markdown-editor-toolbar-border-bottom: oklch(92.19% 0.0000 0);
|
|
1080
1241
|
--markdown-editor-toolbar-gap: 4px;
|
|
1081
1242
|
--markdown-editor-toolbar-padding: 8px;
|
|
1243
|
+
--menu-item-bg-default: transparent;
|
|
1244
|
+
--menu-item-bg-hover: oklch(95.21% 0.0467 171.12);
|
|
1245
|
+
--menu-item-fg-default: oklch(14.48% 0.0000 0);
|
|
1246
|
+
--menu-item-fg-destructive: oklch(63.68% 0.2078 25.33);
|
|
1247
|
+
--menu-item-fg-hover: oklch(26.88% 0.0527 163.85);
|
|
1248
|
+
--menu-item-gap: 8px;
|
|
1249
|
+
--menu-item-padding-x: 8px;
|
|
1250
|
+
--menu-item-padding-y: 6px;
|
|
1251
|
+
--menu-item-radius: 4px;
|
|
1252
|
+
--menu-item-text-size: 0.875rem;
|
|
1253
|
+
--menu-root-gap: 2px;
|
|
1254
|
+
--menu-root-padding: 4px;
|
|
1082
1255
|
--menubar-checkbox-radius: 1px;
|
|
1083
1256
|
--menubar-checkbox-size: 16px;
|
|
1084
1257
|
--menubar-content-border-width: 1px;
|
|
1085
1258
|
--menubar-content-min-width: 12rem;
|
|
1086
1259
|
--menubar-content-padding: 4px;
|
|
1087
|
-
--menubar-content-radius:
|
|
1260
|
+
--menubar-content-radius: 8px;
|
|
1088
1261
|
--menubar-content-sub-min-width: 8rem;
|
|
1089
1262
|
--menubar-content-z-index: 50;
|
|
1090
1263
|
--menubar-indicator-left: 8px;
|
|
@@ -1102,29 +1275,29 @@
|
|
|
1102
1275
|
--menubar-root-gap: 4px;
|
|
1103
1276
|
--menubar-root-height: 36px;
|
|
1104
1277
|
--menubar-root-padding: 4px;
|
|
1105
|
-
--menubar-root-radius:
|
|
1106
|
-
--menubar-root-shadow:
|
|
1278
|
+
--menubar-root-radius: 8px;
|
|
1279
|
+
--menubar-root-shadow: none;
|
|
1107
1280
|
--menubar-separator-height: 1px;
|
|
1108
1281
|
--menubar-separator-margin-x: -4px;
|
|
1109
1282
|
--menubar-separator-margin-y: 4px;
|
|
1110
1283
|
--menubar-shortcut-text-size: 0.75rem;
|
|
1111
|
-
--menubar-trigger-padding-x:
|
|
1284
|
+
--menubar-trigger-padding-x: 12px;
|
|
1112
1285
|
--menubar-trigger-padding-y: 4px;
|
|
1113
|
-
--menubar-trigger-radius:
|
|
1286
|
+
--menubar-trigger-radius: 4px;
|
|
1114
1287
|
--menubar-trigger-text-size: 0.875rem;
|
|
1115
1288
|
--modal-content-bg: oklch(100.00% 0.0000 0);
|
|
1116
1289
|
--modal-content-border: oklch(92.19% 0.0000 0);
|
|
1117
1290
|
--modal-content-gap: 16px;
|
|
1118
1291
|
--modal-content-max-width: 32rem;
|
|
1119
1292
|
--modal-content-padding: 24px;
|
|
1120
|
-
--modal-content-radius:
|
|
1293
|
+
--modal-content-radius: 12px;
|
|
1121
1294
|
--modal-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
1122
1295
|
--modal-footer-gap: 8px;
|
|
1123
1296
|
--modal-header-gap: 8px;
|
|
1124
1297
|
--modal-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
|
|
1125
1298
|
--multiselect-content-bg: oklch(100.00% 0.0000 0);
|
|
1126
1299
|
--multiselect-content-fg: oklch(20.46% 0.0000 0);
|
|
1127
|
-
--multiselect-content-radius:
|
|
1300
|
+
--multiselect-content-radius: 8px;
|
|
1128
1301
|
--multiselect-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
1129
1302
|
--multiselect-content-width: 200px;
|
|
1130
1303
|
--multiselect-empty-fg: oklch(55.55% 0.0000 0);
|
|
@@ -1158,12 +1331,36 @@
|
|
|
1158
1331
|
--multiselect-trigger-padding-y-lg: 8px;
|
|
1159
1332
|
--multiselect-trigger-padding-y-md: 8px;
|
|
1160
1333
|
--multiselect-trigger-padding-y-sm: 4px;
|
|
1334
|
+
--multiselect-trigger-radius: 8px;
|
|
1161
1335
|
--multiselect-trigger-text-lg: 1rem;
|
|
1162
1336
|
--multiselect-trigger-text-md: 0.875rem;
|
|
1163
1337
|
--multiselect-trigger-text-sm: 0.875rem;
|
|
1164
1338
|
--multiselect-trigger-width: 200px;
|
|
1165
1339
|
--muted-foreground: oklch(55.55% 0.0000 0);
|
|
1166
1340
|
--muted: oklch(97.02% 0.0000 0);
|
|
1341
|
+
--native-select-focus-ring-color: oklch(81.75% 0.1821 159.79);
|
|
1342
|
+
--native-select-focus-ring-width: 3px;
|
|
1343
|
+
--native-select-root-border-default: oklch(92.19% 0.0000 0);
|
|
1344
|
+
--native-select-root-border-focus: oklch(81.75% 0.1821 159.79);
|
|
1345
|
+
--native-select-root-border-width: 1px;
|
|
1346
|
+
--native-select-root-radius: 8px;
|
|
1347
|
+
--native-select-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
1348
|
+
--native-select-size-lg-height: 40px;
|
|
1349
|
+
--native-select-size-lg-padding-x: 14px;
|
|
1350
|
+
--native-select-size-lg-text: 1rem;
|
|
1351
|
+
--native-select-size-md-height: 36px;
|
|
1352
|
+
--native-select-size-md-padding-x: 12px;
|
|
1353
|
+
--native-select-size-md-text: 0.875rem;
|
|
1354
|
+
--native-select-size-sm-height: 32px;
|
|
1355
|
+
--native-select-size-sm-padding-x: 10px;
|
|
1356
|
+
--native-select-size-sm-text: 0.875rem;
|
|
1357
|
+
--native-select-size-xl-height: 48px;
|
|
1358
|
+
--native-select-size-xl-padding-x: 16px;
|
|
1359
|
+
--native-select-size-xl-text: 1.125rem;
|
|
1360
|
+
--native-select-size-xs-height: 28px;
|
|
1361
|
+
--native-select-size-xs-padding-x: 8px;
|
|
1362
|
+
--native-select-size-xs-text: 0.75rem;
|
|
1363
|
+
--native-select-variant-filled-bg: oklch(97.02% 0.0000 0);
|
|
1167
1364
|
--navbar-item-gap: 16px;
|
|
1168
1365
|
--navbar-root-background: oklch(100.00% 0.0000 0);
|
|
1169
1366
|
--navbar-root-border-color: oklch(92.19% 0.0000 0);
|
|
@@ -1208,6 +1405,21 @@
|
|
|
1208
1405
|
--pagination-button-padding-x: 10px;
|
|
1209
1406
|
--pagination-content-gap: 4px;
|
|
1210
1407
|
--pagination-ellipsis-size: 36px;
|
|
1408
|
+
--panel-footer-padding-x: 16px;
|
|
1409
|
+
--panel-footer-padding-y: 12px;
|
|
1410
|
+
--panel-header-padding-x: 16px;
|
|
1411
|
+
--panel-header-padding-y: 12px;
|
|
1412
|
+
--panel-root-border-color: oklch(92.19% 0.0000 0);
|
|
1413
|
+
--panel-root-radius: 8px;
|
|
1414
|
+
--panel-root-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
1415
|
+
--panel-size-lg: 400px;
|
|
1416
|
+
--panel-size-md: 320px;
|
|
1417
|
+
--panel-size-sm: 280px;
|
|
1418
|
+
--panel-size-xl: 480px;
|
|
1419
|
+
--panel-size-xs: 240px;
|
|
1420
|
+
--panel-variant-default-bg: oklch(100.00% 0.0000 0);
|
|
1421
|
+
--panel-variant-elevated-bg: oklch(100.00% 0.0000 0);
|
|
1422
|
+
--panel-variant-subtle-bg: oklch(97.02% 0.0000 0);
|
|
1211
1423
|
--paragraph-base-font-family: Inter;
|
|
1212
1424
|
--paragraph-color-default: oklch(14.48% 0.0000 0);
|
|
1213
1425
|
--paragraph-color-destructive: oklch(63.68% 0.2078 25.33);
|
|
@@ -1244,17 +1456,19 @@
|
|
|
1244
1456
|
--phone-input-flag-size: 16px;
|
|
1245
1457
|
--popover-bg: oklch(100.00% 0.0000 0);
|
|
1246
1458
|
--popover-border: oklch(92.19% 0.0000 0);
|
|
1459
|
+
--popover-content-animation-duration: 300ms;
|
|
1460
|
+
--popover-content-animation-easing: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1247
1461
|
--popover-content-background: oklch(100.00% 0.0000 0);
|
|
1248
1462
|
--popover-content-border-width: 1px;
|
|
1249
1463
|
--popover-content-foreground: oklch(20.46% 0.0000 0);
|
|
1250
1464
|
--popover-content-padding: 16px;
|
|
1251
|
-
--popover-content-radius:
|
|
1465
|
+
--popover-content-radius: 8px;
|
|
1252
1466
|
--popover-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
1253
1467
|
--popover-content-width: 18rem;
|
|
1254
1468
|
--popover-content-z-index: 50;
|
|
1255
1469
|
--popover-fg: oklch(20.46% 0.0000 0);
|
|
1256
1470
|
--popover-foreground: oklch(20.46% 0.0000 0);
|
|
1257
|
-
--popover-radius:
|
|
1471
|
+
--popover-radius: 8px;
|
|
1258
1472
|
--popover: oklch(100.00% 0.0000 0);
|
|
1259
1473
|
--primary-active: oklch(56.08% 0.1221 160.56);
|
|
1260
1474
|
--primary-border: oklch(90.88% 0.0912 168.55);
|
|
@@ -1271,7 +1485,7 @@
|
|
|
1271
1485
|
--priority-medium-text: oklch(45% 0.15 95);
|
|
1272
1486
|
--priority-urgent-bg: oklch(93% 0.08 25);
|
|
1273
1487
|
--priority-urgent-text: oklch(45% 0.18 25);
|
|
1274
|
-
--progress-bar-fill-color-default: oklch(
|
|
1488
|
+
--progress-bar-fill-color-default: oklch(81.75% 0.1821 159.79);
|
|
1275
1489
|
--progress-bar-fill-color-error: oklch(63.68% 0.2078 25.33);
|
|
1276
1490
|
--progress-bar-fill-color-primary: oklch(81.75% 0.1821 159.79);
|
|
1277
1491
|
--progress-bar-fill-color-success: oklch(62.71% 0.1699 149.21);
|
|
@@ -1299,11 +1513,11 @@
|
|
|
1299
1513
|
--progress-bar-size-xl-height: 16px;
|
|
1300
1514
|
--progress-bar-size-xs-height: 4px;
|
|
1301
1515
|
--progress-bar-track-color-default: oklch(97.02% 0.0000 0);
|
|
1302
|
-
--progress-bar-track-color-error: oklch(
|
|
1303
|
-
--progress-bar-track-color-primary: oklch(
|
|
1304
|
-
--progress-bar-track-color-success: oklch(
|
|
1305
|
-
--progress-bar-track-color-warning: oklch(
|
|
1306
|
-
--progress-circle-indicator-color-default: oklch(
|
|
1516
|
+
--progress-bar-track-color-error: oklch(97.02% 0.0000 0);
|
|
1517
|
+
--progress-bar-track-color-primary: oklch(97.02% 0.0000 0);
|
|
1518
|
+
--progress-bar-track-color-success: oklch(97.02% 0.0000 0);
|
|
1519
|
+
--progress-bar-track-color-warning: oklch(97.02% 0.0000 0);
|
|
1520
|
+
--progress-circle-indicator-color-default: oklch(14.48% 0.0000 0);
|
|
1307
1521
|
--progress-circle-indicator-color-error: oklch(63.68% 0.2078 25.33);
|
|
1308
1522
|
--progress-circle-indicator-color-primary: oklch(81.75% 0.1821 159.79);
|
|
1309
1523
|
--progress-circle-indicator-color-success: oklch(62.71% 0.1699 149.21);
|
|
@@ -1321,21 +1535,27 @@
|
|
|
1321
1535
|
--progress-circle-size-xxs-diameter: 64px;
|
|
1322
1536
|
--progress-circle-size-xxs-stroke-width: 4px;
|
|
1323
1537
|
--progress-circle-track-color-default: oklch(97.02% 0.0000 0);
|
|
1324
|
-
--progress-circle-track-color-error: oklch(
|
|
1325
|
-
--progress-circle-track-color-primary: oklch(
|
|
1326
|
-
--progress-circle-track-color-success: oklch(
|
|
1327
|
-
--progress-circle-track-color-warning: oklch(
|
|
1538
|
+
--progress-circle-track-color-error: oklch(97.02% 0.0000 0);
|
|
1539
|
+
--progress-circle-track-color-primary: oklch(97.02% 0.0000 0);
|
|
1540
|
+
--progress-circle-track-color-success: oklch(97.02% 0.0000 0);
|
|
1541
|
+
--progress-circle-track-color-warning: oklch(97.02% 0.0000 0);
|
|
1328
1542
|
--progress-circle-value-color: oklch(14.48% 0.0000 0);
|
|
1329
1543
|
--progress-circle-value-font-weight: 600;
|
|
1330
|
-
--
|
|
1544
|
+
--progress-steps-connector-offset-lg: 24px;
|
|
1545
|
+
--progress-steps-connector-offset-md: 20px;
|
|
1546
|
+
--progress-steps-connector-offset-sm: 16px;
|
|
1547
|
+
--progress-steps-connector-vertical-height-offset-lg: 48px;
|
|
1548
|
+
--progress-steps-connector-vertical-height-offset-md: 40px;
|
|
1549
|
+
--progress-steps-connector-vertical-height-offset-sm: 32px;
|
|
1550
|
+
--radio-indicator-color: oklch(81.75% 0.1821 159.79);
|
|
1331
1551
|
--radio-indicator-size-lg: 12px;
|
|
1332
1552
|
--radio-indicator-size-md: 10px;
|
|
1333
1553
|
--radio-indicator-size-sm: 8px;
|
|
1334
|
-
--radio-root-bg-checked: oklch(
|
|
1554
|
+
--radio-root-bg-checked: oklch(100.00% 0.0000 0);
|
|
1335
1555
|
--radio-root-bg-default: oklch(100.00% 0.0000 0);
|
|
1336
1556
|
--radio-root-bg-disabled: oklch(97.02% 0.0000 0);
|
|
1337
1557
|
--radio-root-border-checked: oklch(81.75% 0.1821 159.79);
|
|
1338
|
-
--radio-root-border-default: oklch(
|
|
1558
|
+
--radio-root-border-default: oklch(92.19% 0.0000 0);
|
|
1339
1559
|
--radio-root-border-focus: oklch(81.75% 0.1821 159.79);
|
|
1340
1560
|
--radio-root-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
1341
1561
|
--radio-root-size-lg: 24px;
|
|
@@ -1357,7 +1577,7 @@
|
|
|
1357
1577
|
--rail-accent: oklch(95.21% 0.0467 171.12);
|
|
1358
1578
|
--rail-background: oklch(98.51% 0.0000 0);
|
|
1359
1579
|
--rail-border: oklch(92.19% 0.0000 0);
|
|
1360
|
-
--rail-width:
|
|
1580
|
+
--rail-width: 4rem;
|
|
1361
1581
|
--rating-icon-color-empty: oklch(55.55% 0.0000 0);
|
|
1362
1582
|
--rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
|
|
1363
1583
|
--rating-icon-size-lg: 24px;
|
|
@@ -1412,19 +1632,28 @@
|
|
|
1412
1632
|
--section-root-gap: 24px;
|
|
1413
1633
|
--section-root-padding-x: 24px;
|
|
1414
1634
|
--section-root-padding-y: 32px;
|
|
1635
|
+
--section-root-radius: 8px;
|
|
1636
|
+
--section-size-default-padding: 24px;
|
|
1637
|
+
--section-size-lg-padding: 32px;
|
|
1638
|
+
--section-size-sm-padding: 16px;
|
|
1415
1639
|
--select-content-bg: oklch(100.00% 0.0000 0);
|
|
1416
1640
|
--select-content-border: oklch(92.19% 0.0000 0);
|
|
1417
1641
|
--select-content-fg: oklch(20.46% 0.0000 0);
|
|
1418
1642
|
--select-content-min-width: 8rem;
|
|
1419
|
-
--select-content-radius:
|
|
1643
|
+
--select-content-radius: 8px;
|
|
1420
1644
|
--select-content-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
1421
1645
|
--select-item-focus-bg: oklch(95.21% 0.0467 171.12);
|
|
1422
1646
|
--select-item-focus-fg: oklch(26.88% 0.0527 163.85);
|
|
1423
1647
|
--select-item-padding-l: 8px;
|
|
1424
1648
|
--select-item-padding-r: 32px;
|
|
1425
1649
|
--select-item-padding-y: 0.375rem;
|
|
1426
|
-
--select-item-radius:
|
|
1650
|
+
--select-item-radius: 4px;
|
|
1427
1651
|
--select-item-text: 0.875rem;
|
|
1652
|
+
--select-trigger-border-focus: oklch(81.75% 0.1821 159.79);
|
|
1653
|
+
--select-trigger-disabled-bg: oklch(97.02% 0.0000 0);
|
|
1654
|
+
--select-trigger-disabled-border: oklch(97.02% 0.0000 0);
|
|
1655
|
+
--select-trigger-disabled-fg: oklch(55.55% 0.0000 0);
|
|
1656
|
+
--select-trigger-gap: 8px;
|
|
1428
1657
|
--select-trigger-height-lg: 40px;
|
|
1429
1658
|
--select-trigger-height-md: 36px;
|
|
1430
1659
|
--select-trigger-height-sm: 32px;
|
|
@@ -1434,37 +1663,101 @@
|
|
|
1434
1663
|
--select-trigger-padding-y-lg: 8px;
|
|
1435
1664
|
--select-trigger-padding-y-md: 8px;
|
|
1436
1665
|
--select-trigger-padding-y-sm: 4px;
|
|
1666
|
+
--select-trigger-radius: 8px;
|
|
1667
|
+
--select-trigger-ring-destructive: oklch(63.68% 0.2078 25.33);
|
|
1668
|
+
--select-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
1669
|
+
--select-trigger-ring-width: 3px;
|
|
1437
1670
|
--select-trigger-text-lg: 1rem;
|
|
1438
1671
|
--select-trigger-text-md: 0.875rem;
|
|
1439
1672
|
--select-trigger-text-sm: 0.875rem;
|
|
1440
|
-
--
|
|
1673
|
+
--shadow-lg: 0 10px 20px 0 rgb(0 0 0 / 0.12), 0 6px 6px 0 rgb(0 0 0 / 0.08);
|
|
1674
|
+
--shadow-md: 0 4px 8px 0 rgb(0 0 0 / 0.10), 0 2px 4px 0 rgb(0 0 0 / 0.06);
|
|
1675
|
+
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.04);
|
|
1676
|
+
--shadow-xl: 0 20px 40px 0 rgb(0 0 0 / 0.12), 0 10px 10px 0 rgb(0 0 0 / 0.10);
|
|
1677
|
+
--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
1678
|
+
--sheet-close-opacity-default: 0.7;
|
|
1679
|
+
--sheet-close-radius: 2px;
|
|
1680
|
+
--sheet-close-right: 16px;
|
|
1681
|
+
--sheet-close-top: 16px;
|
|
1682
|
+
--sheet-content-bg: oklch(98.51% 0.0000 0);
|
|
1441
1683
|
--sheet-content-border: oklch(92.19% 0.0000 0);
|
|
1442
|
-
--sheet-content-max-height-
|
|
1443
|
-
--sheet-content-
|
|
1684
|
+
--sheet-content-max-height-default: 24rem;
|
|
1685
|
+
--sheet-content-max-height-lg: 820px;
|
|
1686
|
+
--sheet-content-max-height-sm: 16rem;
|
|
1687
|
+
--sheet-content-padding: 32px;
|
|
1444
1688
|
--sheet-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
1445
1689
|
--sheet-content-width-default: 24rem;
|
|
1446
|
-
--sheet-content-width-lg:
|
|
1447
|
-
--sheet-content-width-sm:
|
|
1448
|
-
--sheet-overlay-bg-blur: oklch(0
|
|
1690
|
+
--sheet-content-width-lg: 72rem;
|
|
1691
|
+
--sheet-content-width-sm: 36rem;
|
|
1692
|
+
--sheet-overlay-bg-blur: oklch(0% 0 0 / 30%);
|
|
1449
1693
|
--sheet-overlay-bg-default: oklch(0.00% 0.0000 0 / 60.0%);
|
|
1450
|
-
--sheet-overlay-bg-light: oklch(
|
|
1694
|
+
--sheet-overlay-bg-light: oklch(100% 0 0 / 50%);
|
|
1451
1695
|
--sidebar-accent-foreground: oklch(26.88% 0.0527 163.85);
|
|
1452
1696
|
--sidebar-accent: oklch(95.21% 0.0467 171.12);
|
|
1453
1697
|
--sidebar-background: oklch(98.51% 0.0000 0);
|
|
1454
1698
|
--sidebar-border: oklch(92.19% 0.0000 0);
|
|
1699
|
+
--sidebar-container-background: oklch(98.51% 0.0000 0);
|
|
1700
|
+
--sidebar-container-padding-x: 12px;
|
|
1701
|
+
--sidebar-container-padding-y: 24px;
|
|
1455
1702
|
--sidebar-foreground: oklch(20.46% 0.0000 0);
|
|
1456
1703
|
--sidebar-group-padding: 8px;
|
|
1457
1704
|
--sidebar-input-background: oklch(100.00% 0.0000 0);
|
|
1458
1705
|
--sidebar-input-border: oklch(92.19% 0.0000 0);
|
|
1459
1706
|
--sidebar-input-foreground: oklch(14.48% 0.0000 0);
|
|
1460
1707
|
--sidebar-input-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
1708
|
+
--sidebar-logo-background: oklch(81.75% 0.1821 159.79);
|
|
1709
|
+
--sidebar-logo-foreground: oklch(18.34% 0.0338 166.67);
|
|
1710
|
+
--sidebar-logo-icon-size: 1rem;
|
|
1711
|
+
--sidebar-logo-padding: 4px;
|
|
1712
|
+
--sidebar-logo-radius: 4px;
|
|
1713
|
+
--sidebar-logo-size: 2rem;
|
|
1714
|
+
--sidebar-nav-item-bg-default: transparent;
|
|
1715
|
+
--sidebar-nav-item-bg-hover: oklch(97.02% 0.0000 0);
|
|
1716
|
+
--sidebar-nav-item-fg-active: oklch(14.48% 0.0000 0);
|
|
1717
|
+
--sidebar-nav-item-fg-default: oklch(55.55% 0.0000 0);
|
|
1718
|
+
--sidebar-nav-item-font-size: 0.875rem;
|
|
1719
|
+
--sidebar-nav-item-font-weight: 400;
|
|
1720
|
+
--sidebar-nav-item-gap: 12px;
|
|
1721
|
+
--sidebar-nav-item-icon-size: 1.25rem;
|
|
1722
|
+
--sidebar-nav-item-line-height: 1;
|
|
1723
|
+
--sidebar-nav-item-padding: 8px;
|
|
1724
|
+
--sidebar-nav-item-radius: 4px;
|
|
1725
|
+
--sidebar-panel-background: oklch(98.51% 0.0000 0);
|
|
1726
|
+
--sidebar-panel-border-color: oklch(92.19% 0.0000 0);
|
|
1727
|
+
--sidebar-panel-gap: 1.75rem;
|
|
1728
|
+
--sidebar-panel-header-color: oklch(14.48% 0.0000 0);
|
|
1729
|
+
--sidebar-panel-header-font-size: 1rem;
|
|
1730
|
+
--sidebar-panel-header-font-weight: 700;
|
|
1731
|
+
--sidebar-panel-header-line-height: 1.5rem;
|
|
1732
|
+
--sidebar-panel-header-padding-x: 16px;
|
|
1733
|
+
--sidebar-panel-padding-bottom: 5rem;
|
|
1734
|
+
--sidebar-panel-padding-top: 1.75rem;
|
|
1461
1735
|
--sidebar-panel-width: 13.5rem;
|
|
1462
|
-
--sidebar-
|
|
1736
|
+
--sidebar-rail-group-gap: 24px;
|
|
1737
|
+
--sidebar-rail-item-bg-default: transparent;
|
|
1738
|
+
--sidebar-rail-item-bg-hover: oklch(97.02% 0.0000 0);
|
|
1739
|
+
--sidebar-rail-item-fg-active: oklch(14.48% 0.0000 0);
|
|
1740
|
+
--sidebar-rail-item-fg-default: oklch(55.55% 0.0000 0);
|
|
1741
|
+
--sidebar-rail-item-gap: 20px;
|
|
1742
|
+
--sidebar-rail-item-icon-size: 1.25rem;
|
|
1743
|
+
--sidebar-rail-item-padding: 8px;
|
|
1744
|
+
--sidebar-rail-item-radius: 4px;
|
|
1745
|
+
--sidebar-rail-width: 4rem;
|
|
1746
|
+
--sidebar-section-content-gap: 8px;
|
|
1747
|
+
--sidebar-section-content-padding-x: 4px;
|
|
1748
|
+
--sidebar-section-gap: 16px;
|
|
1749
|
+
--sidebar-section-padding-x: 8px;
|
|
1750
|
+
--sidebar-section-title-color: oklch(55.55% 0.0000 0);
|
|
1751
|
+
--sidebar-section-title-font-size: 0.625rem;
|
|
1752
|
+
--sidebar-section-title-font-weight: 400;
|
|
1753
|
+
--sidebar-section-title-line-height: 1;
|
|
1754
|
+
--sidebar-section-title-padding-x: 8px;
|
|
1755
|
+
--sidebar-width-icon: 4rem;
|
|
1463
1756
|
--sidebar-width-mobile: 18rem;
|
|
1464
|
-
--sidebar-width:
|
|
1757
|
+
--sidebar-width: 17rem;
|
|
1465
1758
|
--single-stat-label-color: oklch(55.55% 0.0000 0);
|
|
1466
1759
|
--single-stat-label-size: 0.875rem;
|
|
1467
|
-
--single-stat-label-weight:
|
|
1760
|
+
--single-stat-label-weight: 400;
|
|
1468
1761
|
--single-stat-value-color: oklch(14.48% 0.0000 0);
|
|
1469
1762
|
--single-stat-value-size-lg: 2.25rem;
|
|
1470
1763
|
--single-stat-value-size-md: 1.5rem;
|
|
@@ -1504,16 +1797,25 @@
|
|
|
1504
1797
|
--skeleton-size-text-sm: 96px;
|
|
1505
1798
|
--skeleton-size-text-xl: 256px;
|
|
1506
1799
|
--skeleton-size-text-xs: 64px;
|
|
1800
|
+
--slider-focus-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
1801
|
+
--slider-focus-ring-width: 4px;
|
|
1802
|
+
--slider-label-color: oklch(14.48% 0.0000 0);
|
|
1803
|
+
--slider-label-size: 0.875rem;
|
|
1804
|
+
--slider-label-weight: 500;
|
|
1507
1805
|
--slider-range-bg-default: oklch(81.75% 0.1821 159.79);
|
|
1508
1806
|
--slider-thumb-bg: oklch(100.00% 0.0000 0);
|
|
1509
1807
|
--slider-thumb-border: oklch(81.75% 0.1821 159.79);
|
|
1808
|
+
--slider-thumb-drop-shadow: 0 1px 2px 0 var(--drop-shadow-lg-color), 0 1px 3px 0 var(--drop-shadow-md-color);
|
|
1510
1809
|
--slider-thumb-size-lg: 28px;
|
|
1511
1810
|
--slider-thumb-size-md: 24px;
|
|
1512
|
-
--slider-thumb-size-sm:
|
|
1513
|
-
--slider-
|
|
1514
|
-
--slider-
|
|
1515
|
-
--slider-
|
|
1516
|
-
--slider-track-
|
|
1811
|
+
--slider-thumb-size-sm: 16px;
|
|
1812
|
+
--slider-tooltip-bg: oklch(100.00% 0.0000 0);
|
|
1813
|
+
--slider-tooltip-fg: oklch(20.46% 0.0000 0);
|
|
1814
|
+
--slider-tooltip-radius: 4px;
|
|
1815
|
+
--slider-track-bg: oklch(97.02% 0.0000 0);
|
|
1816
|
+
--slider-track-height-lg: 8px;
|
|
1817
|
+
--slider-track-height-md: 6px;
|
|
1818
|
+
--slider-track-height-sm: 4px;
|
|
1517
1819
|
--spacer-size-2xl: 64px;
|
|
1518
1820
|
--spacer-size-lg: 32px;
|
|
1519
1821
|
--spacer-size-md: 24px;
|
|
@@ -1557,10 +1859,10 @@
|
|
|
1557
1859
|
--spinner-color-warning: oklch(86.06% 0.1731 91.94);
|
|
1558
1860
|
--spinner-gradient-end: oklch(69.20% 0.1533 159.90);
|
|
1559
1861
|
--spinner-gradient-start: oklch(81.75% 0.1821 159.79);
|
|
1560
|
-
--spinner-size-lg:
|
|
1862
|
+
--spinner-size-lg: 28px;
|
|
1561
1863
|
--spinner-size-md: 20px;
|
|
1562
1864
|
--spinner-size-sm: 16px;
|
|
1563
|
-
--spinner-size-xl:
|
|
1865
|
+
--spinner-size-xl: 40px;
|
|
1564
1866
|
--spinner-size-xs: 12px;
|
|
1565
1867
|
--split-button-divider-color-contrast: oklch(100.00% 0.0000 0 / 80.0%);
|
|
1566
1868
|
--split-button-divider-color: oklch(92.19% 0.0000 0);
|
|
@@ -1597,14 +1899,17 @@
|
|
|
1597
1899
|
--status-in-review-bg: oklch(93% 0.08 250);
|
|
1598
1900
|
--status-in-review-dot: oklch(60% 0.18 250);
|
|
1599
1901
|
--status-in-review-text: oklch(45% 0.15 250);
|
|
1902
|
+
--status-indicator-dot-color-destructive: oklch(63.68% 0.2078 25.33);
|
|
1600
1903
|
--status-indicator-dot-color-error: oklch(63.68% 0.2078 25.33);
|
|
1601
1904
|
--status-indicator-dot-color-info: oklch(54.61% 0.2152 262.88);
|
|
1602
|
-
--status-indicator-dot-color-neutral: oklch(
|
|
1905
|
+
--status-indicator-dot-color-neutral: oklch(92.19% 0.0000 0);
|
|
1603
1906
|
--status-indicator-dot-color-success: oklch(62.71% 0.1699 149.21);
|
|
1604
1907
|
--status-indicator-dot-color-warning: oklch(86.06% 0.1731 91.94);
|
|
1908
|
+
--status-indicator-dot-size-2xl: 16px;
|
|
1605
1909
|
--status-indicator-dot-size-default: 10px;
|
|
1606
1910
|
--status-indicator-dot-size-lg: 12px;
|
|
1607
1911
|
--status-indicator-dot-size-sm: 8px;
|
|
1912
|
+
--status-indicator-dot-size-xl: 14px;
|
|
1608
1913
|
--status-indicator-dot-size-xs: 6px;
|
|
1609
1914
|
--status-indicator-label-color: oklch(14.48% 0.0000 0);
|
|
1610
1915
|
--status-indicator-label-font-size: 0.875rem;
|
|
@@ -1632,6 +1937,12 @@
|
|
|
1632
1937
|
--status-warning-foreground: oklch(100.00% 0.0000 0);
|
|
1633
1938
|
--status-warning-subtle-foreground: oklch(55.38% 0.1207 66.44);
|
|
1634
1939
|
--status-warning-subtle: oklch(98.73% 0.0262 102.21);
|
|
1940
|
+
--stepper-connector-offset-default: 24px;
|
|
1941
|
+
--stepper-connector-offset-lg: 30px;
|
|
1942
|
+
--stepper-connector-offset-sm: 20px;
|
|
1943
|
+
--stepper-connector-vertical-height-offset-default: 48px;
|
|
1944
|
+
--stepper-connector-vertical-height-offset-lg: 56px;
|
|
1945
|
+
--stepper-connector-vertical-height-offset-sm: 40px;
|
|
1635
1946
|
--stepper-indicator-background-active: oklch(81.75% 0.1821 159.79);
|
|
1636
1947
|
--stepper-indicator-background-inactive: oklch(97.02% 0.0000 0);
|
|
1637
1948
|
--stepper-indicator-color-active: oklch(18.34% 0.0338 166.67);
|
|
@@ -1673,6 +1984,9 @@
|
|
|
1673
1984
|
--switch-track-bg-off: oklch(92.19% 0.0000 0);
|
|
1674
1985
|
--switch-track-bg-on: oklch(81.75% 0.1821 159.79);
|
|
1675
1986
|
--switch-track-radius: 9999px;
|
|
1987
|
+
--switch-track-ring-ghost: oklch(55.55% 0.0000 0);
|
|
1988
|
+
--switch-track-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
1989
|
+
--switch-track-ring-width: 3px;
|
|
1676
1990
|
--switch-track-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
1677
1991
|
--table-caption-fg: oklch(55.55% 0.0000 0);
|
|
1678
1992
|
--table-caption-margin-top: 16px;
|
|
@@ -1701,14 +2015,18 @@
|
|
|
1701
2015
|
--tabs-trigger-active-bg: oklch(100.00% 0.0000 0);
|
|
1702
2016
|
--tabs-trigger-active-fg: oklch(14.48% 0.0000 0);
|
|
1703
2017
|
--tabs-trigger-active-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
1704
|
-
--tabs-trigger-
|
|
2018
|
+
--tabs-trigger-badge-bg: oklch(97.02% 0.0000 0);
|
|
2019
|
+
--tabs-trigger-badge-fg: oklch(55.55% 0.0000 0);
|
|
2020
|
+
--tabs-trigger-badge-padding-x: 6px;
|
|
2021
|
+
--tabs-trigger-badge-radius: 9999px;
|
|
2022
|
+
--tabs-trigger-base-gap: 8px;
|
|
1705
2023
|
--tabs-trigger-base-padding-x: 8px;
|
|
1706
2024
|
--tabs-trigger-base-padding-y: 4px;
|
|
1707
|
-
--tabs-trigger-base-radius:
|
|
2025
|
+
--tabs-trigger-base-radius: 4px;
|
|
1708
2026
|
--tabs-trigger-base-text: 0.875rem;
|
|
1709
|
-
--tabs-trigger-base-weight:
|
|
2027
|
+
--tabs-trigger-base-weight: 400;
|
|
1710
2028
|
--tabs-trigger-focus-ring: oklch(81.75% 0.1821 159.79);
|
|
1711
|
-
--tabs-trigger-inactive-fg: oklch(
|
|
2029
|
+
--tabs-trigger-inactive-fg: oklch(55.55% 0.0000 0);
|
|
1712
2030
|
--tag-checkbox-bg-checked: oklch(81.75% 0.1821 159.79);
|
|
1713
2031
|
--tag-checkbox-bg-default: oklch(100.00% 0.0000 0);
|
|
1714
2032
|
--tag-checkbox-border-checked: oklch(81.75% 0.1821 159.79);
|
|
@@ -1719,7 +2037,10 @@
|
|
|
1719
2037
|
--tag-color-bg-hover: oklch(97.02% 0.0000 0);
|
|
1720
2038
|
--tag-color-border-checked: oklch(81.75% 0.1821 159.79);
|
|
1721
2039
|
--tag-color-border-default: oklch(92.19% 0.0000 0);
|
|
2040
|
+
--tag-color-dot: oklch(81.75% 0.1821 159.79);
|
|
1722
2041
|
--tag-color-text-default: oklch(14.48% 0.0000 0);
|
|
2042
|
+
--tag-count-radius: 4px;
|
|
2043
|
+
--tag-radius: 8px;
|
|
1723
2044
|
--tag-size-checkbox-lg: 1.125rem;
|
|
1724
2045
|
--tag-size-checkbox-md: 16px;
|
|
1725
2046
|
--tag-size-checkbox-sm: 0.875rem;
|
|
@@ -1824,10 +2145,20 @@
|
|
|
1824
2145
|
--text-secondary: oklch(55.55% 0.0000 0);
|
|
1825
2146
|
--text-size-2xl-font-size: 24px;
|
|
1826
2147
|
--text-size-2xl-line-height: 32px;
|
|
1827
|
-
--text-size-
|
|
1828
|
-
--text-size-
|
|
2148
|
+
--text-size-2xs-font-size: 10px;
|
|
2149
|
+
--text-size-2xs-line-height: 14px;
|
|
2150
|
+
--text-size-3xl-font-size: 32px;
|
|
2151
|
+
--text-size-3xl-line-height: 40px;
|
|
1829
2152
|
--text-size-4xl-font-size: 36px;
|
|
1830
|
-
--text-size-4xl-line-height:
|
|
2153
|
+
--text-size-4xl-line-height: 44px;
|
|
2154
|
+
--text-size-5xl-font-size: 48px;
|
|
2155
|
+
--text-size-5xl-line-height: 56px;
|
|
2156
|
+
--text-size-6xl-font-size: 60px;
|
|
2157
|
+
--text-size-6xl-line-height: 68px;
|
|
2158
|
+
--text-size-7xl-font-size: 72px;
|
|
2159
|
+
--text-size-7xl-line-height: 80px;
|
|
2160
|
+
--text-size-8xl-font-size: 96px;
|
|
2161
|
+
--text-size-8xl-line-height: 104px;
|
|
1831
2162
|
--text-size-base-font-size: 16px;
|
|
1832
2163
|
--text-size-base-line-height: 24px;
|
|
1833
2164
|
--text-size-lg-font-size: 18px;
|
|
@@ -1840,6 +2171,9 @@
|
|
|
1840
2171
|
--text-size-xs-line-height: 16px;
|
|
1841
2172
|
--text-success: oklch(62.71% 0.1699 149.21);
|
|
1842
2173
|
--text-tertiary: oklch(71.55% 0.0000 0);
|
|
2174
|
+
--text-variant-code-padding-x: 0.3rem;
|
|
2175
|
+
--text-variant-code-padding-y: 0.2rem;
|
|
2176
|
+
--text-variant-code-radius: 4px;
|
|
1843
2177
|
--text-warning: oklch(68.06% 0.1423 75.83);
|
|
1844
2178
|
--text-weight-bold: 700;
|
|
1845
2179
|
--text-weight-medium: 500;
|
|
@@ -1847,42 +2181,49 @@
|
|
|
1847
2181
|
--text-weight-semibold: 600;
|
|
1848
2182
|
--textarea-bg-default: oklch(100.00% 0.0000 0);
|
|
1849
2183
|
--textarea-bg-disabled: oklch(97.02% 0.0000 0);
|
|
2184
|
+
--textarea-bg-filled: oklch(97.02% 0.0000 0);
|
|
1850
2185
|
--textarea-border-default: oklch(92.19% 0.0000 0);
|
|
2186
|
+
--textarea-border-disabled: oklch(97.02% 0.0000 0);
|
|
1851
2187
|
--textarea-border-error: oklch(63.68% 0.2078 25.33);
|
|
1852
2188
|
--textarea-border-focus: oklch(81.75% 0.1821 159.79);
|
|
1853
2189
|
--textarea-border-width: 1px;
|
|
1854
2190
|
--textarea-fg-default: oklch(14.48% 0.0000 0);
|
|
1855
2191
|
--textarea-fg-disabled: oklch(55.55% 0.0000 0);
|
|
1856
2192
|
--textarea-fg-placeholder: oklch(55.55% 0.0000 0);
|
|
1857
|
-
--textarea-radius:
|
|
2193
|
+
--textarea-radius: 8px;
|
|
2194
|
+
--textarea-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
2195
|
+
--textarea-ring-width: 3px;
|
|
1858
2196
|
--textarea-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
1859
|
-
--textarea-size-lg-min-h:
|
|
2197
|
+
--textarea-size-lg-min-h: 160px;
|
|
1860
2198
|
--textarea-size-lg-px: 14px;
|
|
1861
2199
|
--textarea-size-lg-py: 10px;
|
|
1862
2200
|
--textarea-size-lg-text: 1rem;
|
|
1863
|
-
--textarea-size-md-min-h:
|
|
2201
|
+
--textarea-size-md-min-h: 128px;
|
|
1864
2202
|
--textarea-size-md-px: 12px;
|
|
1865
2203
|
--textarea-size-md-py: 8px;
|
|
1866
2204
|
--textarea-size-md-text: 0.875rem;
|
|
1867
|
-
--textarea-size-sm-min-h:
|
|
2205
|
+
--textarea-size-sm-min-h: 96px;
|
|
1868
2206
|
--textarea-size-sm-px: 10px;
|
|
1869
2207
|
--textarea-size-sm-py: 6px;
|
|
1870
2208
|
--textarea-size-sm-text: 0.875rem;
|
|
1871
2209
|
--thumbnail-root-bg: oklch(97.02% 0.0000 0);
|
|
1872
|
-
--thumbnail-rounded-default:
|
|
2210
|
+
--thumbnail-rounded-default: 8px;
|
|
1873
2211
|
--thumbnail-rounded-full: 9999px;
|
|
1874
|
-
--thumbnail-rounded-lg:
|
|
2212
|
+
--thumbnail-rounded-lg: 12px;
|
|
1875
2213
|
--thumbnail-rounded-none: 0px;
|
|
1876
|
-
--thumbnail-rounded-sm:
|
|
2214
|
+
--thumbnail-rounded-sm: 4px;
|
|
1877
2215
|
--thumbnail-size-default-width: 80px;
|
|
1878
2216
|
--thumbnail-size-lg-width: 120px;
|
|
1879
2217
|
--thumbnail-size-sm-width: 56px;
|
|
1880
2218
|
--thumbnail-size-xl-width: 160px;
|
|
1881
|
-
--thumbnail-size-xs-width:
|
|
1882
|
-
--time-picker-
|
|
1883
|
-
--time-picker-
|
|
1884
|
-
--time-picker-
|
|
1885
|
-
--time-picker-
|
|
2219
|
+
--thumbnail-size-xs-width: 48px;
|
|
2220
|
+
--time-picker-focus-ring-destructive: oklch(63.68% 0.2078 25.33);
|
|
2221
|
+
--time-picker-focus-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
2222
|
+
--time-picker-focus-ring-width: 3px;
|
|
2223
|
+
--time-picker-trigger-height-lg: 44px;
|
|
2224
|
+
--time-picker-trigger-height-md: 40px;
|
|
2225
|
+
--time-picker-trigger-height-sm: 36px;
|
|
2226
|
+
--time-picker-trigger-radius: 8px;
|
|
1886
2227
|
--timeline-connector-offset-compact: 3px;
|
|
1887
2228
|
--timeline-connector-offset-default: 5px;
|
|
1888
2229
|
--timeline-connector-offset-detailed: 7px;
|
|
@@ -1890,18 +2231,28 @@
|
|
|
1890
2231
|
--timeline-connector-top-compact: 12px;
|
|
1891
2232
|
--timeline-connector-top-default: 16px;
|
|
1892
2233
|
--timeline-connector-top-detailed: 20px;
|
|
1893
|
-
--timeline-connector-width:
|
|
2234
|
+
--timeline-connector-width: 1px;
|
|
1894
2235
|
--timeline-item-gap-compact: 8px;
|
|
1895
2236
|
--timeline-item-gap-default: 12px;
|
|
1896
2237
|
--timeline-item-gap-detailed: 16px;
|
|
1897
2238
|
--timeline-item-gap-horizontal: 8px;
|
|
1898
|
-
--timeline-marker-border-width:
|
|
1899
|
-
--timeline-marker-
|
|
2239
|
+
--timeline-marker-border-width: 1px;
|
|
2240
|
+
--timeline-marker-color-default: oklch(81.75% 0.1821 159.79);
|
|
2241
|
+
--timeline-marker-color-error: oklch(63.68% 0.2078 25.33);
|
|
2242
|
+
--timeline-marker-color-muted: oklch(97.02% 0.0000 0);
|
|
2243
|
+
--timeline-marker-color-success: oklch(62.71% 0.1699 149.21);
|
|
2244
|
+
--timeline-marker-color-warning: oklch(86.06% 0.1731 91.94);
|
|
2245
|
+
--timeline-marker-disabled-bg: oklch(97.02% 0.0000 0);
|
|
2246
|
+
--timeline-marker-disabled-border: oklch(92.19% 0.0000 0);
|
|
2247
|
+
--timeline-marker-disabled-fg: oklch(55.55% 0.0000 0);
|
|
2248
|
+
--timeline-marker-focus-ring-color: oklch(81.75% 0.1821 159.79);
|
|
2249
|
+
--timeline-marker-focus-ring-width: 4px;
|
|
2250
|
+
--timeline-marker-size-default: 16px;
|
|
1900
2251
|
--timeline-marker-size-icon-default: 32px;
|
|
1901
2252
|
--timeline-marker-size-icon-lg: 40px;
|
|
1902
2253
|
--timeline-marker-size-icon-sm: 24px;
|
|
1903
|
-
--timeline-marker-size-lg:
|
|
1904
|
-
--timeline-marker-size-sm:
|
|
2254
|
+
--timeline-marker-size-lg: 20px;
|
|
2255
|
+
--timeline-marker-size-sm: 12px;
|
|
1905
2256
|
--timeline-root-gap-compact: 8px;
|
|
1906
2257
|
--timeline-root-gap-default: 16px;
|
|
1907
2258
|
--timeline-root-gap-detailed: 24px;
|
|
@@ -1918,7 +2269,7 @@
|
|
|
1918
2269
|
--toggle-group-root-radius: 0.375rem;
|
|
1919
2270
|
--toggle-icon-size: 16px;
|
|
1920
2271
|
--toggle-root-border-radius-pill: 9999px;
|
|
1921
|
-
--toggle-root-border-radius-rounded:
|
|
2272
|
+
--toggle-root-border-radius-rounded: 8px;
|
|
1922
2273
|
--toggle-root-border-width: 1px;
|
|
1923
2274
|
--toggle-root-font-weight: 500;
|
|
1924
2275
|
--toggle-root-gap: 8px;
|
|
@@ -1932,16 +2283,16 @@
|
|
|
1932
2283
|
--toggle-size-md-height: 36px;
|
|
1933
2284
|
--toggle-size-md-min-width: 36px;
|
|
1934
2285
|
--toggle-size-md-padding-x: 0.625rem;
|
|
1935
|
-
--toggle-size-sm-height:
|
|
1936
|
-
--toggle-size-sm-min-width:
|
|
2286
|
+
--toggle-size-sm-height: 24px;
|
|
2287
|
+
--toggle-size-sm-min-width: 24px;
|
|
1937
2288
|
--toggle-size-sm-padding-x: 0.375rem;
|
|
1938
2289
|
--toggle-variant-default-bg-default: oklch(97.02% 0.0000 0);
|
|
1939
2290
|
--toggle-variant-default-bg-hover: oklch(97.02% 0.0000 0);
|
|
1940
|
-
--toggle-variant-default-bg-on: oklch(
|
|
2291
|
+
--toggle-variant-default-bg-on: oklch(95.21% 0.0467 171.12);
|
|
1941
2292
|
--toggle-variant-default-border: transparent;
|
|
1942
2293
|
--toggle-variant-default-color-default: oklch(55.55% 0.0000 0);
|
|
1943
2294
|
--toggle-variant-default-color-hover: oklch(14.48% 0.0000 0);
|
|
1944
|
-
--toggle-variant-default-color-on: oklch(
|
|
2295
|
+
--toggle-variant-default-color-on: oklch(14.48% 0.0000 0);
|
|
1945
2296
|
--toggle-variant-outline-bg-default: transparent;
|
|
1946
2297
|
--toggle-variant-outline-bg-hover: oklch(97.02% 0.0000 0);
|
|
1947
2298
|
--toggle-variant-outline-bg-on: oklch(81.75% 0.1821 159.79);
|
|
@@ -1952,14 +2303,16 @@
|
|
|
1952
2303
|
--toolbar-button-background-hover: oklch(97.02% 0.0000 0);
|
|
1953
2304
|
--toolbar-button-foreground-muted: oklch(55.55% 0.0000 0);
|
|
1954
2305
|
--toolbar-button-foreground: oklch(14.48% 0.0000 0);
|
|
1955
|
-
--toolbar-button-height:
|
|
2306
|
+
--toolbar-button-height: 32px;
|
|
1956
2307
|
--toolbar-button-padding-x: 12px;
|
|
1957
|
-
--toolbar-button-radius:
|
|
2308
|
+
--toolbar-button-radius: 8px;
|
|
1958
2309
|
--toolbar-root-background: oklch(100.00% 0.0000 0);
|
|
1959
2310
|
--toolbar-root-border: oklch(92.19% 0.0000 0);
|
|
1960
2311
|
--toolbar-root-gap: 8px;
|
|
2312
|
+
--toolbar-root-padding-x: 8px;
|
|
2313
|
+
--toolbar-root-padding-y: 8px;
|
|
1961
2314
|
--toolbar-root-padding: 8px;
|
|
1962
|
-
--toolbar-root-radius:
|
|
2315
|
+
--toolbar-root-radius: 8px;
|
|
1963
2316
|
--toolbar-separator-color: oklch(92.19% 0.0000 0);
|
|
1964
2317
|
--toolbar-separator-margin-x: 8px;
|
|
1965
2318
|
--toolbar-separator-width: 1px;
|
|
@@ -1967,9 +2320,10 @@
|
|
|
1967
2320
|
--tooltip-arrow-size: 0.625rem;
|
|
1968
2321
|
--tooltip-content-background: oklch(14.48% 0.0000 0);
|
|
1969
2322
|
--tooltip-content-foreground: oklch(100.00% 0.0000 0);
|
|
2323
|
+
--tooltip-content-max-width: 24rem;
|
|
1970
2324
|
--tooltip-content-padding-x: 12px;
|
|
1971
2325
|
--tooltip-content-padding-y: 0.375rem;
|
|
1972
|
-
--tooltip-content-radius:
|
|
2326
|
+
--tooltip-content-radius: 8px;
|
|
1973
2327
|
--tooltip-content-text-size: 0.75rem;
|
|
1974
2328
|
--tooltip-content-z-index: 50;
|
|
1975
2329
|
--typography-caption-c1-font-family: Inter;
|
|
@@ -2336,6 +2690,11 @@
|
|
|
2336
2690
|
--paragraph-color-muted: oklch(71.55% 0.0000 0);
|
|
2337
2691
|
--paragraph-color-primary: oklch(84.11% 0.1609 163.31);
|
|
2338
2692
|
--paragraph-color-success: oklch(72.27% 0.1920 149.58);
|
|
2693
|
+
--popover-bg: oklch(20.46% 0.0000 0);
|
|
2694
|
+
--popover-border: oklch(37.15% 0.0000 0);
|
|
2695
|
+
--popover-content-background: oklch(20.46% 0.0000 0);
|
|
2696
|
+
--popover-content-foreground: oklch(98.51% 0.0000 0);
|
|
2697
|
+
--popover-fg: oklch(98.51% 0.0000 0);
|
|
2339
2698
|
--popover-foreground: oklch(98.51% 0.0000 0);
|
|
2340
2699
|
--popover: oklch(20.46% 0.0000 0);
|
|
2341
2700
|
--primary-active: oklch(90.88% 0.0912 168.55);
|
|
@@ -2357,6 +2716,7 @@
|
|
|
2357
2716
|
--shadow-md: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 6px 12px 0 rgb(0 0 0 / 0.40);
|
|
2358
2717
|
--shadow-sm: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 2px 4px 0 rgb(0 0 0 / 0.35);
|
|
2359
2718
|
--shadow-xl: inset 0 1px 0 0 rgb(255 255 255 / 0.08), 0 24px 48px 0 rgb(0 0 0 / 0.50);
|
|
2719
|
+
--shadow-xs: inset 0 1px 0 0 rgb(255 255 255 / 0.04), 0 1px 2px 0 rgb(0 0 0 / 0.30);
|
|
2360
2720
|
--sidebar-accent-foreground: oklch(95.21% 0.0467 171.12);
|
|
2361
2721
|
--sidebar-accent: oklch(26.88% 0.0527 163.85);
|
|
2362
2722
|
--sidebar-background: oklch(20.46% 0.0000 0);
|
|
@@ -2496,6 +2856,11 @@
|
|
|
2496
2856
|
--paragraph-color-muted: oklch(55.55% 0.0000 0);
|
|
2497
2857
|
--paragraph-color-primary: oklch(81.75% 0.1821 159.79);
|
|
2498
2858
|
--paragraph-color-success: oklch(62.71% 0.1699 149.21);
|
|
2859
|
+
--popover-bg: oklch(100.00% 0.0000 0);
|
|
2860
|
+
--popover-border: oklch(92.19% 0.0000 0);
|
|
2861
|
+
--popover-content-background: oklch(100.00% 0.0000 0);
|
|
2862
|
+
--popover-content-foreground: oklch(20.46% 0.0000 0);
|
|
2863
|
+
--popover-fg: oklch(20.46% 0.0000 0);
|
|
2499
2864
|
--popover-foreground: oklch(20.46% 0.0000 0);
|
|
2500
2865
|
--popover: oklch(100.00% 0.0000 0);
|
|
2501
2866
|
--primary-active: oklch(56.08% 0.1221 160.56);
|
|
@@ -2513,6 +2878,11 @@
|
|
|
2513
2878
|
--secondary-subtle-foreground: oklch(58.24% 0.1354 137.66);
|
|
2514
2879
|
--secondary-subtle: oklch(98.93% 0.0139 138.71);
|
|
2515
2880
|
--secondary: oklch(87.82% 0.2037 137.75);
|
|
2881
|
+
--shadow-lg: 0 10px 20px 0 rgb(0 0 0 / 0.12), 0 6px 6px 0 rgb(0 0 0 / 0.08);
|
|
2882
|
+
--shadow-md: 0 4px 8px 0 rgb(0 0 0 / 0.10), 0 2px 4px 0 rgb(0 0 0 / 0.06);
|
|
2883
|
+
--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06), 0 1px 3px 0 rgb(0 0 0 / 0.04);
|
|
2884
|
+
--shadow-xl: 0 20px 40px 0 rgb(0 0 0 / 0.12), 0 10px 10px 0 rgb(0 0 0 / 0.10);
|
|
2885
|
+
--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
2516
2886
|
--sidebar-accent-foreground: oklch(26.88% 0.0527 163.85);
|
|
2517
2887
|
--sidebar-accent: oklch(95.21% 0.0467 171.12);
|
|
2518
2888
|
--sidebar-background: oklch(98.51% 0.0000 0);
|
|
@@ -2570,12 +2940,22 @@
|
|
|
2570
2940
|
--breakpoint-xs: 320px;
|
|
2571
2941
|
--color-accent-foreground: var(--accent-foreground);
|
|
2572
2942
|
--color-accent: var(--accent);
|
|
2943
|
+
--color-accordion-trigger-ring-primary: var(--accordion-trigger-ring-primary);
|
|
2573
2944
|
--color-alert-variant-default-bg: var(--alert-variant-default-bg);
|
|
2574
2945
|
--color-alert-variant-default-border: var(--alert-variant-default-border);
|
|
2575
2946
|
--color-alert-variant-default-fg: var(--alert-variant-default-fg);
|
|
2576
2947
|
--color-alert-variant-destructive-bg: var(--alert-variant-destructive-bg);
|
|
2577
2948
|
--color-alert-variant-destructive-border: var(--alert-variant-destructive-border);
|
|
2578
2949
|
--color-alert-variant-destructive-fg: var(--alert-variant-destructive-fg);
|
|
2950
|
+
--color-alert-variant-info-bg: var(--alert-variant-info-bg);
|
|
2951
|
+
--color-alert-variant-info-border: var(--alert-variant-info-border);
|
|
2952
|
+
--color-alert-variant-info-fg: var(--alert-variant-info-fg);
|
|
2953
|
+
--color-alert-variant-success-bg: var(--alert-variant-success-bg);
|
|
2954
|
+
--color-alert-variant-success-border: var(--alert-variant-success-border);
|
|
2955
|
+
--color-alert-variant-success-fg: var(--alert-variant-success-fg);
|
|
2956
|
+
--color-alert-variant-warning-bg: var(--alert-variant-warning-bg);
|
|
2957
|
+
--color-alert-variant-warning-border: var(--alert-variant-warning-border);
|
|
2958
|
+
--color-alert-variant-warning-fg: var(--alert-variant-warning-fg);
|
|
2579
2959
|
--color-asset-manager-item-background: var(--asset-manager-item-background);
|
|
2580
2960
|
--color-asset-manager-item-border: var(--asset-manager-item-border);
|
|
2581
2961
|
--color-asset-manager-preview-background: var(--asset-manager-preview-background);
|
|
@@ -2599,6 +2979,7 @@
|
|
|
2599
2979
|
--color-avatar-fallback-text-secondary: var(--avatar-fallback-text-secondary);
|
|
2600
2980
|
--color-avatar-fallback-text-success: var(--avatar-fallback-text-success);
|
|
2601
2981
|
--color-avatar-fallback-text-warning: var(--avatar-fallback-text-warning);
|
|
2982
|
+
--color-avatar-focus-ring-color: var(--avatar-focus-ring-color);
|
|
2602
2983
|
--color-background: var(--background);
|
|
2603
2984
|
--color-badge-color-destructive-bg: var(--badge-color-destructive-bg);
|
|
2604
2985
|
--color-badge-color-destructive-border: var(--badge-color-destructive-border);
|
|
@@ -2612,6 +2993,12 @@
|
|
|
2612
2993
|
--color-badge-color-secondary-bg: var(--badge-color-secondary-bg);
|
|
2613
2994
|
--color-badge-color-secondary-border: var(--badge-color-secondary-border);
|
|
2614
2995
|
--color-badge-color-secondary-fg: var(--badge-color-secondary-fg);
|
|
2996
|
+
--color-badge-color-success-bg: var(--badge-color-success-bg);
|
|
2997
|
+
--color-badge-color-success-border: var(--badge-color-success-border);
|
|
2998
|
+
--color-badge-color-success-fg: var(--badge-color-success-fg);
|
|
2999
|
+
--color-badge-color-warning-bg: var(--badge-color-warning-bg);
|
|
3000
|
+
--color-badge-color-warning-border: var(--badge-color-warning-border);
|
|
3001
|
+
--color-badge-color-warning-fg: var(--badge-color-warning-fg);
|
|
2615
3002
|
--color-base-black-20: var(--base-black-20);
|
|
2616
3003
|
--color-base-black-40: var(--base-black-40);
|
|
2617
3004
|
--color-base-black-60: var(--base-black-60);
|
|
@@ -2695,14 +3082,24 @@
|
|
|
2695
3082
|
--color-breadcrumb-link-hover: var(--breadcrumb-link-hover);
|
|
2696
3083
|
--color-breadcrumb-list-text: var(--breadcrumb-list-text);
|
|
2697
3084
|
--color-breadcrumb-page-text: var(--breadcrumb-page-text);
|
|
3085
|
+
--color-button-destructive-bg-default: var(--button-destructive-bg-default);
|
|
3086
|
+
--color-button-destructive-bg-hover: var(--button-destructive-bg-hover);
|
|
3087
|
+
--color-button-destructive-fg-default: var(--button-destructive-fg-default);
|
|
2698
3088
|
--color-button-disabled-bg: var(--button-disabled-bg);
|
|
2699
3089
|
--color-button-disabled-border: var(--button-disabled-border);
|
|
2700
3090
|
--color-button-disabled-fg: var(--button-disabled-fg);
|
|
3091
|
+
--color-button-ghost-bg-hover: var(--button-ghost-bg-hover);
|
|
3092
|
+
--color-button-ghost-fg-default: var(--button-ghost-fg-default);
|
|
3093
|
+
--color-button-ghost-fg-hover: var(--button-ghost-fg-hover);
|
|
2701
3094
|
--color-button-group-item-background-active: var(--button-group-item-background-active);
|
|
2702
3095
|
--color-button-group-item-background-hover: var(--button-group-item-background-hover);
|
|
2703
3096
|
--color-button-group-item-background: var(--button-group-item-background);
|
|
2704
|
-
--color-button-group-root-
|
|
3097
|
+
--color-button-group-root-bg-primary: var(--button-group-root-bg-primary);
|
|
3098
|
+
--color-button-group-root-border-color-default: var(--button-group-root-border-color-default);
|
|
3099
|
+
--color-button-group-root-border-color-primary: var(--button-group-root-border-color-primary);
|
|
3100
|
+
--color-button-group-root-fg-primary: var(--button-group-root-fg-primary);
|
|
2705
3101
|
--color-button-group-separator-color: var(--button-group-separator-color);
|
|
3102
|
+
--color-button-group-text-background: var(--button-group-text-background);
|
|
2706
3103
|
--color-button-link-color-fg-default: var(--button-link-color-fg-default);
|
|
2707
3104
|
--color-button-link-color-fg-hover: var(--button-link-color-fg-hover);
|
|
2708
3105
|
--color-button-link-gray-fg-default: var(--button-link-gray-fg-default);
|
|
@@ -2713,7 +3110,10 @@
|
|
|
2713
3110
|
--color-button-primary-border-hover: var(--button-primary-border-hover);
|
|
2714
3111
|
--color-button-primary-fg-default: var(--button-primary-fg-default);
|
|
2715
3112
|
--color-button-ring-brand: var(--button-ring-brand);
|
|
3113
|
+
--color-button-ring-destructive: var(--button-ring-destructive);
|
|
2716
3114
|
--color-button-ring-gray: var(--button-ring-gray);
|
|
3115
|
+
--color-button-ring-success: var(--button-ring-success);
|
|
3116
|
+
--color-button-ring-warning: var(--button-ring-warning);
|
|
2717
3117
|
--color-button-secondary-color-bg-default: var(--button-secondary-color-bg-default);
|
|
2718
3118
|
--color-button-secondary-color-bg-hover: var(--button-secondary-color-bg-hover);
|
|
2719
3119
|
--color-button-secondary-color-border-default: var(--button-secondary-color-border-default);
|
|
@@ -2757,6 +3157,8 @@
|
|
|
2757
3157
|
--color-color-firefox: var(--color-firefox);
|
|
2758
3158
|
--color-color-mobile: var(--color-mobile);
|
|
2759
3159
|
--color-color-other: var(--color-other);
|
|
3160
|
+
--color-color-picker-focus-ring-destructive: var(--color-picker-focus-ring-destructive);
|
|
3161
|
+
--color-color-picker-focus-ring-primary: var(--color-picker-focus-ring-primary);
|
|
2760
3162
|
--color-color-picker-trigger-border: var(--color-picker-trigger-border);
|
|
2761
3163
|
--color-color-safari: var(--color-safari);
|
|
2762
3164
|
--color-combobox-content-bg: var(--combobox-content-bg);
|
|
@@ -2766,6 +3168,10 @@
|
|
|
2766
3168
|
--color-combobox-item-focus-fg: var(--combobox-item-focus-fg);
|
|
2767
3169
|
--color-combobox-trigger-border-default: var(--combobox-trigger-border-default);
|
|
2768
3170
|
--color-combobox-trigger-border-focus: var(--combobox-trigger-border-focus);
|
|
3171
|
+
--color-combobox-trigger-disabled-bg: var(--combobox-trigger-disabled-bg);
|
|
3172
|
+
--color-combobox-trigger-disabled-border: var(--combobox-trigger-disabled-border);
|
|
3173
|
+
--color-combobox-trigger-disabled-fg: var(--combobox-trigger-disabled-fg);
|
|
3174
|
+
--color-combobox-trigger-ring-primary: var(--combobox-trigger-ring-primary);
|
|
2769
3175
|
--color-comment-system-item-background: var(--comment-system-item-background);
|
|
2770
3176
|
--color-comment-system-item-border: var(--comment-system-item-border);
|
|
2771
3177
|
--color-core-background-background: var(--core-background-background);
|
|
@@ -2791,6 +3197,15 @@
|
|
|
2791
3197
|
--color-datatable-sort-badge-bg: var(--datatable-sort-badge-bg);
|
|
2792
3198
|
--color-datatable-sort-badge-fg: var(--datatable-sort-badge-fg);
|
|
2793
3199
|
--color-datatable-toolbar-search-icon-color: var(--datatable-toolbar-search-icon-color);
|
|
3200
|
+
--color-date-picker-content-bg: var(--date-picker-content-bg);
|
|
3201
|
+
--color-date-picker-content-border: var(--date-picker-content-border);
|
|
3202
|
+
--color-date-picker-content-fg: var(--date-picker-content-fg);
|
|
3203
|
+
--color-date-picker-trigger-border-default: var(--date-picker-trigger-border-default);
|
|
3204
|
+
--color-date-picker-trigger-border-focus: var(--date-picker-trigger-border-focus);
|
|
3205
|
+
--color-date-picker-trigger-disabled-bg: var(--date-picker-trigger-disabled-bg);
|
|
3206
|
+
--color-date-picker-trigger-disabled-border: var(--date-picker-trigger-disabled-border);
|
|
3207
|
+
--color-date-picker-trigger-disabled-fg: var(--date-picker-trigger-disabled-fg);
|
|
3208
|
+
--color-date-picker-trigger-ring-primary: var(--date-picker-trigger-ring-primary);
|
|
2794
3209
|
--color-destructive-border: var(--destructive-border);
|
|
2795
3210
|
--color-destructive-foreground: var(--destructive-foreground);
|
|
2796
3211
|
--color-destructive-hover: var(--destructive-hover);
|
|
@@ -2823,6 +3238,29 @@
|
|
|
2823
3238
|
--color-extended-chart-3: var(--extended-chart-3);
|
|
2824
3239
|
--color-extended-chart-4: var(--extended-chart-4);
|
|
2825
3240
|
--color-extended-chart-5: var(--extended-chart-5);
|
|
3241
|
+
--color-feature-item-description-color: var(--feature-item-description-color);
|
|
3242
|
+
--color-feature-item-link-color: var(--feature-item-link-color);
|
|
3243
|
+
--color-feature-item-title-color: var(--feature-item-title-color);
|
|
3244
|
+
--color-feature-item-tone-brand-bg: var(--feature-item-tone-brand-bg);
|
|
3245
|
+
--color-feature-item-tone-brand-fg: var(--feature-item-tone-brand-fg);
|
|
3246
|
+
--color-feature-item-tone-info-bg: var(--feature-item-tone-info-bg);
|
|
3247
|
+
--color-feature-item-tone-info-fg: var(--feature-item-tone-info-fg);
|
|
3248
|
+
--color-feature-item-tone-subtle-bg: var(--feature-item-tone-subtle-bg);
|
|
3249
|
+
--color-feature-item-tone-subtle-fg: var(--feature-item-tone-subtle-fg);
|
|
3250
|
+
--color-feature-item-tone-warning-bg: var(--feature-item-tone-warning-bg);
|
|
3251
|
+
--color-feature-item-tone-warning-fg: var(--feature-item-tone-warning-fg);
|
|
3252
|
+
--color-featured-icon-color-brand-bg: var(--featured-icon-color-brand-bg);
|
|
3253
|
+
--color-featured-icon-color-brand-fg: var(--featured-icon-color-brand-fg);
|
|
3254
|
+
--color-featured-icon-color-default-bg: var(--featured-icon-color-default-bg);
|
|
3255
|
+
--color-featured-icon-color-default-fg: var(--featured-icon-color-default-fg);
|
|
3256
|
+
--color-featured-icon-color-destructive-bg: var(--featured-icon-color-destructive-bg);
|
|
3257
|
+
--color-featured-icon-color-destructive-fg: var(--featured-icon-color-destructive-fg);
|
|
3258
|
+
--color-featured-icon-color-info-bg: var(--featured-icon-color-info-bg);
|
|
3259
|
+
--color-featured-icon-color-info-fg: var(--featured-icon-color-info-fg);
|
|
3260
|
+
--color-featured-icon-color-success-bg: var(--featured-icon-color-success-bg);
|
|
3261
|
+
--color-featured-icon-color-success-fg: var(--featured-icon-color-success-fg);
|
|
3262
|
+
--color-featured-icon-color-warning-bg: var(--featured-icon-color-warning-bg);
|
|
3263
|
+
--color-featured-icon-color-warning-fg: var(--featured-icon-color-warning-fg);
|
|
2826
3264
|
--color-feed-content-description-color: var(--feed-content-description-color);
|
|
2827
3265
|
--color-feed-icon-background: var(--feed-icon-background);
|
|
2828
3266
|
--color-feed-icon-color: var(--feed-icon-color);
|
|
@@ -2846,6 +3284,8 @@
|
|
|
2846
3284
|
--color-form-error-fg: var(--form-error-fg);
|
|
2847
3285
|
--color-form-helper-fg: var(--form-helper-fg);
|
|
2848
3286
|
--color-form-label-fg: var(--form-label-fg);
|
|
3287
|
+
--color-header-root-bg: var(--header-root-bg);
|
|
3288
|
+
--color-header-root-border-color: var(--header-root-border-color);
|
|
2849
3289
|
--color-heading-base-color: var(--heading-base-color);
|
|
2850
3290
|
--color-heading-color-default: var(--heading-color-default);
|
|
2851
3291
|
--color-heading-color-destructive: var(--heading-color-destructive);
|
|
@@ -2856,6 +3296,11 @@
|
|
|
2856
3296
|
--color-icon-color-primary: var(--icon-color-primary);
|
|
2857
3297
|
--color-icon-color-success: var(--icon-color-success);
|
|
2858
3298
|
--color-icon-color-warning: var(--icon-color-warning);
|
|
3299
|
+
--color-ifta-label-label-color-destructive: var(--ifta-label-label-color-destructive);
|
|
3300
|
+
--color-ifta-label-label-color-foreground: var(--ifta-label-label-color-foreground);
|
|
3301
|
+
--color-ifta-label-label-color-muted: var(--ifta-label-label-color-muted);
|
|
3302
|
+
--color-ifta-label-ring-destructive: var(--ifta-label-ring-destructive);
|
|
3303
|
+
--color-ifta-label-ring-primary: var(--ifta-label-ring-primary);
|
|
2859
3304
|
--color-image-rounded-circle: var(--image-rounded-circle);
|
|
2860
3305
|
--color-image-rounded-rounded: var(--image-rounded-rounded);
|
|
2861
3306
|
--color-image-skeleton-bg: var(--image-skeleton-bg);
|
|
@@ -2901,10 +3346,6 @@
|
|
|
2901
3346
|
--color-label-required-color: var(--label-required-color);
|
|
2902
3347
|
--color-layout-header-background: var(--layout-header-background);
|
|
2903
3348
|
--color-layout-header-border: var(--layout-header-border);
|
|
2904
|
-
--color-layout-rail-background: var(--layout-rail-background);
|
|
2905
|
-
--color-layout-rail-border: var(--layout-rail-border);
|
|
2906
|
-
--color-layout-sidebar-background: var(--layout-sidebar-background);
|
|
2907
|
-
--color-layout-sidebar-border: var(--layout-sidebar-border);
|
|
2908
3349
|
--color-lightbox-button-background-hover: var(--lightbox-button-background-hover);
|
|
2909
3350
|
--color-lightbox-button-background: var(--lightbox-button-background);
|
|
2910
3351
|
--color-lightbox-button-color: var(--lightbox-button-color);
|
|
@@ -2925,6 +3366,11 @@
|
|
|
2925
3366
|
--color-markdown-editor-root-border: var(--markdown-editor-root-border);
|
|
2926
3367
|
--color-markdown-editor-toolbar-background: var(--markdown-editor-toolbar-background);
|
|
2927
3368
|
--color-markdown-editor-toolbar-border-bottom: var(--markdown-editor-toolbar-border-bottom);
|
|
3369
|
+
--color-menu-item-bg-default: var(--menu-item-bg-default);
|
|
3370
|
+
--color-menu-item-bg-hover: var(--menu-item-bg-hover);
|
|
3371
|
+
--color-menu-item-fg-default: var(--menu-item-fg-default);
|
|
3372
|
+
--color-menu-item-fg-destructive: var(--menu-item-fg-destructive);
|
|
3373
|
+
--color-menu-item-fg-hover: var(--menu-item-fg-hover);
|
|
2928
3374
|
--color-modal-content-bg: var(--modal-content-bg);
|
|
2929
3375
|
--color-modal-content-border: var(--modal-content-border);
|
|
2930
3376
|
--color-modal-overlay-bg: var(--modal-overlay-bg);
|
|
@@ -2935,6 +3381,10 @@
|
|
|
2935
3381
|
--color-multiselect-tag-fg: var(--multiselect-tag-fg);
|
|
2936
3382
|
--color-muted-foreground: var(--muted-foreground);
|
|
2937
3383
|
--color-muted: var(--muted);
|
|
3384
|
+
--color-native-select-focus-ring-color: var(--native-select-focus-ring-color);
|
|
3385
|
+
--color-native-select-root-border-default: var(--native-select-root-border-default);
|
|
3386
|
+
--color-native-select-root-border-focus: var(--native-select-root-border-focus);
|
|
3387
|
+
--color-native-select-variant-filled-bg: var(--native-select-variant-filled-bg);
|
|
2938
3388
|
--color-navbar-root-background: var(--navbar-root-background);
|
|
2939
3389
|
--color-navbar-root-border-color: var(--navbar-root-border-color);
|
|
2940
3390
|
--color-navigation-menu-content-bg: var(--navigation-menu-content-bg);
|
|
@@ -2954,6 +3404,10 @@
|
|
|
2954
3404
|
--color-notification-dot-color-success: var(--notification-dot-color-success);
|
|
2955
3405
|
--color-notification-dot-color-warning: var(--notification-dot-color-warning);
|
|
2956
3406
|
--color-overlay: var(--overlay);
|
|
3407
|
+
--color-panel-root-border-color: var(--panel-root-border-color);
|
|
3408
|
+
--color-panel-variant-default-bg: var(--panel-variant-default-bg);
|
|
3409
|
+
--color-panel-variant-elevated-bg: var(--panel-variant-elevated-bg);
|
|
3410
|
+
--color-panel-variant-subtle-bg: var(--panel-variant-subtle-bg);
|
|
2957
3411
|
--color-paragraph-color-default: var(--paragraph-color-default);
|
|
2958
3412
|
--color-paragraph-color-destructive: var(--paragraph-color-destructive);
|
|
2959
3413
|
--color-paragraph-color-muted: var(--paragraph-color-muted);
|
|
@@ -3043,6 +3497,12 @@
|
|
|
3043
3497
|
--color-select-content-fg: var(--select-content-fg);
|
|
3044
3498
|
--color-select-item-focus-bg: var(--select-item-focus-bg);
|
|
3045
3499
|
--color-select-item-focus-fg: var(--select-item-focus-fg);
|
|
3500
|
+
--color-select-trigger-border-focus: var(--select-trigger-border-focus);
|
|
3501
|
+
--color-select-trigger-disabled-bg: var(--select-trigger-disabled-bg);
|
|
3502
|
+
--color-select-trigger-disabled-border: var(--select-trigger-disabled-border);
|
|
3503
|
+
--color-select-trigger-disabled-fg: var(--select-trigger-disabled-fg);
|
|
3504
|
+
--color-select-trigger-ring-destructive: var(--select-trigger-ring-destructive);
|
|
3505
|
+
--color-select-trigger-ring-primary: var(--select-trigger-ring-primary);
|
|
3046
3506
|
--color-sheet-content-bg: var(--sheet-content-bg);
|
|
3047
3507
|
--color-sheet-content-border: var(--sheet-content-border);
|
|
3048
3508
|
--color-sheet-overlay-bg-blur: var(--sheet-overlay-bg-blur);
|
|
@@ -3052,16 +3512,35 @@
|
|
|
3052
3512
|
--color-sidebar-accent: var(--sidebar-accent);
|
|
3053
3513
|
--color-sidebar-background: var(--sidebar-background);
|
|
3054
3514
|
--color-sidebar-border: var(--sidebar-border);
|
|
3515
|
+
--color-sidebar-container-background: var(--sidebar-container-background);
|
|
3055
3516
|
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
3056
3517
|
--color-sidebar-input-background: var(--sidebar-input-background);
|
|
3057
3518
|
--color-sidebar-input-border: var(--sidebar-input-border);
|
|
3058
3519
|
--color-sidebar-input-foreground: var(--sidebar-input-foreground);
|
|
3520
|
+
--color-sidebar-logo-background: var(--sidebar-logo-background);
|
|
3521
|
+
--color-sidebar-logo-foreground: var(--sidebar-logo-foreground);
|
|
3522
|
+
--color-sidebar-nav-item-bg-default: var(--sidebar-nav-item-bg-default);
|
|
3523
|
+
--color-sidebar-nav-item-bg-hover: var(--sidebar-nav-item-bg-hover);
|
|
3524
|
+
--color-sidebar-nav-item-fg-active: var(--sidebar-nav-item-fg-active);
|
|
3525
|
+
--color-sidebar-nav-item-fg-default: var(--sidebar-nav-item-fg-default);
|
|
3526
|
+
--color-sidebar-panel-background: var(--sidebar-panel-background);
|
|
3527
|
+
--color-sidebar-panel-border-color: var(--sidebar-panel-border-color);
|
|
3528
|
+
--color-sidebar-panel-header-color: var(--sidebar-panel-header-color);
|
|
3529
|
+
--color-sidebar-rail-item-bg-default: var(--sidebar-rail-item-bg-default);
|
|
3530
|
+
--color-sidebar-rail-item-bg-hover: var(--sidebar-rail-item-bg-hover);
|
|
3531
|
+
--color-sidebar-rail-item-fg-active: var(--sidebar-rail-item-fg-active);
|
|
3532
|
+
--color-sidebar-rail-item-fg-default: var(--sidebar-rail-item-fg-default);
|
|
3533
|
+
--color-sidebar-section-title-color: var(--sidebar-section-title-color);
|
|
3059
3534
|
--color-single-stat-label-color: var(--single-stat-label-color);
|
|
3060
3535
|
--color-single-stat-value-color: var(--single-stat-value-color);
|
|
3061
3536
|
--color-skeleton-bg: var(--skeleton-bg);
|
|
3537
|
+
--color-slider-focus-ring-primary: var(--slider-focus-ring-primary);
|
|
3538
|
+
--color-slider-label-color: var(--slider-label-color);
|
|
3062
3539
|
--color-slider-range-bg-default: var(--slider-range-bg-default);
|
|
3063
3540
|
--color-slider-thumb-bg: var(--slider-thumb-bg);
|
|
3064
3541
|
--color-slider-thumb-border: var(--slider-thumb-border);
|
|
3542
|
+
--color-slider-tooltip-bg: var(--slider-tooltip-bg);
|
|
3543
|
+
--color-slider-tooltip-fg: var(--slider-tooltip-fg);
|
|
3065
3544
|
--color-slider-track-bg: var(--slider-track-bg);
|
|
3066
3545
|
--color-spinner-color-default: var(--spinner-color-default);
|
|
3067
3546
|
--color-spinner-color-error: var(--spinner-color-error);
|
|
@@ -3100,6 +3579,7 @@
|
|
|
3100
3579
|
--color-status-in-review-bg: var(--status-in-review-bg);
|
|
3101
3580
|
--color-status-in-review-dot: var(--status-in-review-dot);
|
|
3102
3581
|
--color-status-in-review-text: var(--status-in-review-text);
|
|
3582
|
+
--color-status-indicator-dot-color-destructive: var(--status-indicator-dot-color-destructive);
|
|
3103
3583
|
--color-status-indicator-dot-color-error: var(--status-indicator-dot-color-error);
|
|
3104
3584
|
--color-status-indicator-dot-color-info: var(--status-indicator-dot-color-info);
|
|
3105
3585
|
--color-status-indicator-dot-color-neutral: var(--status-indicator-dot-color-neutral);
|
|
@@ -3151,6 +3631,8 @@
|
|
|
3151
3631
|
--color-switch-track-bg-disabled: var(--switch-track-bg-disabled);
|
|
3152
3632
|
--color-switch-track-bg-off: var(--switch-track-bg-off);
|
|
3153
3633
|
--color-switch-track-bg-on: var(--switch-track-bg-on);
|
|
3634
|
+
--color-switch-track-ring-ghost: var(--switch-track-ring-ghost);
|
|
3635
|
+
--color-switch-track-ring-primary: var(--switch-track-ring-primary);
|
|
3154
3636
|
--color-table-caption-fg: var(--table-caption-fg);
|
|
3155
3637
|
--color-table-footer-border: var(--table-footer-border);
|
|
3156
3638
|
--color-table-header-bg: var(--table-header-bg);
|
|
@@ -3161,6 +3643,8 @@
|
|
|
3161
3643
|
--color-tabs-list-fg: var(--tabs-list-fg);
|
|
3162
3644
|
--color-tabs-trigger-active-bg: var(--tabs-trigger-active-bg);
|
|
3163
3645
|
--color-tabs-trigger-active-fg: var(--tabs-trigger-active-fg);
|
|
3646
|
+
--color-tabs-trigger-badge-bg: var(--tabs-trigger-badge-bg);
|
|
3647
|
+
--color-tabs-trigger-badge-fg: var(--tabs-trigger-badge-fg);
|
|
3164
3648
|
--color-tabs-trigger-focus-ring: var(--tabs-trigger-focus-ring);
|
|
3165
3649
|
--color-tabs-trigger-inactive-fg: var(--tabs-trigger-inactive-fg);
|
|
3166
3650
|
--color-tag-checkbox-bg-checked: var(--tag-checkbox-bg-checked);
|
|
@@ -3173,6 +3657,7 @@
|
|
|
3173
3657
|
--color-tag-color-bg-hover: var(--tag-color-bg-hover);
|
|
3174
3658
|
--color-tag-color-border-checked: var(--tag-color-border-checked);
|
|
3175
3659
|
--color-tag-color-border-default: var(--tag-color-border-default);
|
|
3660
|
+
--color-tag-color-dot: var(--tag-color-dot);
|
|
3176
3661
|
--color-tag-color-text-default: var(--tag-color-text-default);
|
|
3177
3662
|
--color-tags-input-input-background: var(--tags-input-input-background);
|
|
3178
3663
|
--color-tags-input-root-background: var(--tags-input-root-background);
|
|
@@ -3214,17 +3699,27 @@
|
|
|
3214
3699
|
--color-text-warning: var(--text-warning);
|
|
3215
3700
|
--color-textarea-bg-default: var(--textarea-bg-default);
|
|
3216
3701
|
--color-textarea-bg-disabled: var(--textarea-bg-disabled);
|
|
3702
|
+
--color-textarea-bg-filled: var(--textarea-bg-filled);
|
|
3217
3703
|
--color-textarea-border-default: var(--textarea-border-default);
|
|
3704
|
+
--color-textarea-border-disabled: var(--textarea-border-disabled);
|
|
3218
3705
|
--color-textarea-border-error: var(--textarea-border-error);
|
|
3219
3706
|
--color-textarea-border-focus: var(--textarea-border-focus);
|
|
3220
3707
|
--color-textarea-fg-default: var(--textarea-fg-default);
|
|
3221
3708
|
--color-textarea-fg-disabled: var(--textarea-fg-disabled);
|
|
3222
3709
|
--color-textarea-fg-placeholder: var(--textarea-fg-placeholder);
|
|
3710
|
+
--color-textarea-ring-primary: var(--textarea-ring-primary);
|
|
3223
3711
|
--color-thumbnail-root-bg: var(--thumbnail-root-bg);
|
|
3224
|
-
--color-
|
|
3225
|
-
--color-
|
|
3226
|
-
--color-
|
|
3227
|
-
--color-
|
|
3712
|
+
--color-time-picker-focus-ring-destructive: var(--time-picker-focus-ring-destructive);
|
|
3713
|
+
--color-time-picker-focus-ring-primary: var(--time-picker-focus-ring-primary);
|
|
3714
|
+
--color-timeline-marker-color-default: var(--timeline-marker-color-default);
|
|
3715
|
+
--color-timeline-marker-color-error: var(--timeline-marker-color-error);
|
|
3716
|
+
--color-timeline-marker-color-muted: var(--timeline-marker-color-muted);
|
|
3717
|
+
--color-timeline-marker-color-success: var(--timeline-marker-color-success);
|
|
3718
|
+
--color-timeline-marker-color-warning: var(--timeline-marker-color-warning);
|
|
3719
|
+
--color-timeline-marker-disabled-bg: var(--timeline-marker-disabled-bg);
|
|
3720
|
+
--color-timeline-marker-disabled-border: var(--timeline-marker-disabled-border);
|
|
3721
|
+
--color-timeline-marker-disabled-fg: var(--timeline-marker-disabled-fg);
|
|
3722
|
+
--color-timeline-marker-focus-ring-color: var(--timeline-marker-focus-ring-color);
|
|
3228
3723
|
--color-tip-bg: var(--tip-bg);
|
|
3229
3724
|
--color-tip-foreground: var(--tip-foreground);
|
|
3230
3725
|
--color-tip: var(--tip);
|
|
@@ -3274,11 +3769,12 @@
|
|
|
3274
3769
|
--radius-xl: var(--radius-xl);
|
|
3275
3770
|
--radius-xs: var(--radius-xs);
|
|
3276
3771
|
--shadow-default: var(--button-shadow-default);
|
|
3277
|
-
--shadow-lg: var(--
|
|
3772
|
+
--shadow-lg: var(--shadow-lg);
|
|
3773
|
+
--shadow-md: var(--shadow-md);
|
|
3278
3774
|
--shadow-shadow: var(--autocomplete-content-shadow);
|
|
3279
|
-
--shadow-sm: var(--
|
|
3280
|
-
--shadow-xl: var(--
|
|
3281
|
-
--shadow-xs: var(--
|
|
3775
|
+
--shadow-sm: var(--shadow-sm);
|
|
3776
|
+
--shadow-xl: var(--shadow-xl);
|
|
3777
|
+
--shadow-xs: var(--shadow-xs);
|
|
3282
3778
|
--spacing-none: var(--spacing-none);
|
|
3283
3779
|
--spacing-normal: var(--paragraph-spacing-normal);
|
|
3284
3780
|
--spacing-relaxed: var(--paragraph-spacing-relaxed);
|
|
@@ -3309,6 +3805,7 @@
|
|
|
3309
3805
|
--text-base: var(--text-font-size-base);
|
|
3310
3806
|
--text-font-size: var(--typography-heading-h1-font-size);
|
|
3311
3807
|
--text-lg: var(--text-font-size-lg);
|
|
3808
|
+
--text-md: var(--button-group-item-font-size-md);
|
|
3312
3809
|
--text-sm: var(--text-font-size-sm);
|
|
3313
3810
|
--text-xl: var(--text-font-size-xl);
|
|
3314
3811
|
--text-xs: var(--text-font-size-xs);
|