@etus/tokens 0.4.0-beta.6 → 0.4.0-beta.7
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 +98 -25
- package/dist/tokens.js +46 -12
- package/dist/tokens.meta.json +235 -13
- package/package.json +1 -1
package/dist/tokens.css
CHANGED
|
@@ -30,12 +30,31 @@
|
|
|
30
30
|
--accordion-trigger-text-size-sm: 0.75rem;
|
|
31
31
|
--account-switch-content-min-width: 17.5rem;
|
|
32
32
|
--account-switch-name-max-width: 10rem;
|
|
33
|
+
--alert-dialog-content-bg: oklch(98.51% 0.0000 0);
|
|
34
|
+
--alert-dialog-content-border: oklch(92.19% 0.0000 0);
|
|
35
|
+
--alert-dialog-content-gap: 16px;
|
|
36
|
+
--alert-dialog-content-max-width: 32rem;
|
|
37
|
+
--alert-dialog-content-padding: 24px;
|
|
38
|
+
--alert-dialog-content-radius: 12px;
|
|
39
|
+
--alert-dialog-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
40
|
+
--alert-dialog-footer-gap: 8px;
|
|
41
|
+
--alert-dialog-header-gap: 8px;
|
|
42
|
+
--alert-dialog-icon-pill-color-default-bg: oklch(97.02% 0.0000 0);
|
|
43
|
+
--alert-dialog-icon-pill-color-default-fg: oklch(55.55% 0.0000 0);
|
|
44
|
+
--alert-dialog-icon-pill-color-destructive-bg: oklch(97.05% 0.0129 17.38);
|
|
45
|
+
--alert-dialog-icon-pill-color-destructive-fg: oklch(50.54% 0.1905 27.52);
|
|
46
|
+
--alert-dialog-icon-pill-color-warning-bg: oklch(98.73% 0.0262 102.21);
|
|
47
|
+
--alert-dialog-icon-pill-color-warning-fg: oklch(55.38% 0.1207 66.44);
|
|
48
|
+
--alert-dialog-icon-pill-icon-size: 16px;
|
|
49
|
+
--alert-dialog-icon-pill-padding: 8px;
|
|
50
|
+
--alert-dialog-icon-pill-radius: 999px;
|
|
51
|
+
--alert-dialog-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
|
|
33
52
|
--alert-icon-size: 16px;
|
|
34
53
|
--alert-root-gap: 12px;
|
|
35
54
|
--alert-root-padding-x: 16px;
|
|
36
55
|
--alert-root-padding-y: 12px;
|
|
37
56
|
--alert-root-radius: 0.5rem;
|
|
38
|
-
--alert-variant-default-bg: oklch(
|
|
57
|
+
--alert-variant-default-bg: oklch(98.51% 0.0000 0);
|
|
39
58
|
--alert-variant-default-border: oklch(92.19% 0.0000 0);
|
|
40
59
|
--alert-variant-default-fg: oklch(14.48% 0.0000 0);
|
|
41
60
|
--alert-variant-destructive-bg: oklch(97.05% 0.0129 17.38);
|
|
@@ -52,7 +71,7 @@
|
|
|
52
71
|
--alert-variant-warning-fg: oklch(55.38% 0.1207 66.44);
|
|
53
72
|
--asset-manager-grid-columns: minmax(200px, 1fr);
|
|
54
73
|
--asset-manager-grid-gap: 16px;
|
|
55
|
-
--asset-manager-item-background: oklch(
|
|
74
|
+
--asset-manager-item-background: oklch(98.51% 0.0000 0);
|
|
56
75
|
--asset-manager-item-border: oklch(92.19% 0.0000 0);
|
|
57
76
|
--asset-manager-item-radius: 0.375rem;
|
|
58
77
|
--asset-manager-preview-background: oklch(97.02% 0.0000 0);
|
|
@@ -178,12 +197,16 @@
|
|
|
178
197
|
--avatar-radius-circle: 9999px;
|
|
179
198
|
--avatar-radius-square: 0.375rem;
|
|
180
199
|
--avatar-size-2xl: 64px;
|
|
200
|
+
--avatar-size-3xl: 72px;
|
|
201
|
+
--avatar-size-4xl: 96px;
|
|
181
202
|
--avatar-size-default: 40px;
|
|
182
203
|
--avatar-size-lg: 48px;
|
|
183
204
|
--avatar-size-sm: 32px;
|
|
184
205
|
--avatar-size-xl: 56px;
|
|
185
206
|
--avatar-size-xs: 24px;
|
|
186
207
|
--avatar-text-2xl: 1.5rem;
|
|
208
|
+
--avatar-text-3xl: 1.75rem;
|
|
209
|
+
--avatar-text-4xl: 2.25rem;
|
|
187
210
|
--avatar-text-default: 1rem;
|
|
188
211
|
--avatar-text-lg: 1.125rem;
|
|
189
212
|
--avatar-text-sm: 0.875rem;
|
|
@@ -215,10 +238,10 @@
|
|
|
215
238
|
--badge-radius-pill: 9999px;
|
|
216
239
|
--badge-size-lg-h: 32px;
|
|
217
240
|
--badge-size-lg-px: 12px;
|
|
218
|
-
--badge-size-lg-text: 0.
|
|
241
|
+
--badge-size-lg-text: 0.75rem;
|
|
219
242
|
--badge-size-md-h: 28px;
|
|
220
243
|
--badge-size-md-px: 0.625rem;
|
|
221
|
-
--badge-size-md-text: 0.
|
|
244
|
+
--badge-size-md-text: 0.75rem;
|
|
222
245
|
--badge-size-sm-h: 24px;
|
|
223
246
|
--badge-size-sm-px: 8px;
|
|
224
247
|
--badge-size-sm-text: 0.75rem;
|
|
@@ -486,7 +509,7 @@
|
|
|
486
509
|
--card-header-gap: 8px;
|
|
487
510
|
--card-header-padding-bottom: 24px;
|
|
488
511
|
--card-header-padding-x: 24px;
|
|
489
|
-
--card-root-background: oklch(
|
|
512
|
+
--card-root-background: oklch(98.51% 0.0000 0);
|
|
490
513
|
--card-root-border-width: 1px;
|
|
491
514
|
--card-root-foreground: oklch(14.48% 0.0000 0);
|
|
492
515
|
--card-root-gap: 24px;
|
|
@@ -496,7 +519,7 @@
|
|
|
496
519
|
--card-root-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
|
497
520
|
--card-root-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
498
521
|
--card-title-weight: 600;
|
|
499
|
-
--card: oklch(
|
|
522
|
+
--card: oklch(98.51% 0.0000 0);
|
|
500
523
|
--carousel-button-offset: 48px;
|
|
501
524
|
--carousel-button-size: 32px;
|
|
502
525
|
--carousel-item-gap-default: 16px;
|
|
@@ -507,7 +530,7 @@
|
|
|
507
530
|
--chart-3: oklch(62.31% 0.1880 259.81);
|
|
508
531
|
--chart-4: oklch(86.06% 0.1731 91.94);
|
|
509
532
|
--chart-5: oklch(63.68% 0.2078 25.33);
|
|
510
|
-
--chart-card-bg: oklch(
|
|
533
|
+
--chart-card-bg: oklch(98.51% 0.0000 0);
|
|
511
534
|
--chart-card-border: oklch(92.19% 0.0000 0);
|
|
512
535
|
--chart-card-chart-height: 8rem;
|
|
513
536
|
--chart-card-empty-state-caption-color: oklch(55.55% 0.0000 0);
|
|
@@ -727,7 +750,7 @@
|
|
|
727
750
|
--command-shortcut-text-size-sm: 10px;
|
|
728
751
|
--comment-system-actions-gap: 8px;
|
|
729
752
|
--comment-system-actions-margin-top: 8px;
|
|
730
|
-
--comment-system-item-background: oklch(
|
|
753
|
+
--comment-system-item-background: oklch(98.51% 0.0000 0);
|
|
731
754
|
--comment-system-item-border: oklch(92.19% 0.0000 0);
|
|
732
755
|
--comment-system-item-gap: 12px;
|
|
733
756
|
--comment-system-item-padding: 16px;
|
|
@@ -835,6 +858,16 @@
|
|
|
835
858
|
--destructive-subtle-foreground: oklch(50.54% 0.1905 27.52);
|
|
836
859
|
--destructive-subtle: oklch(97.05% 0.0129 17.38);
|
|
837
860
|
--destructive: oklch(63.68% 0.2078 25.33);
|
|
861
|
+
--dialog-content-bg: oklch(98.51% 0.0000 0);
|
|
862
|
+
--dialog-content-border: oklch(92.19% 0.0000 0);
|
|
863
|
+
--dialog-content-gap: 16px;
|
|
864
|
+
--dialog-content-max-width: 32rem;
|
|
865
|
+
--dialog-content-padding: 24px;
|
|
866
|
+
--dialog-content-radius: 12px;
|
|
867
|
+
--dialog-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
868
|
+
--dialog-footer-gap: 8px;
|
|
869
|
+
--dialog-header-gap: 8px;
|
|
870
|
+
--dialog-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
|
|
838
871
|
--disabled-background: oklch(92.19% 0.0000 0);
|
|
839
872
|
--disabled-border: oklch(86.99% 0.0000 0);
|
|
840
873
|
--disabled-foreground: oklch(71.55% 0.0000 0);
|
|
@@ -1362,7 +1395,7 @@
|
|
|
1362
1395
|
--kanban-board-gap: 16px;
|
|
1363
1396
|
--kanban-board-height: 100%;
|
|
1364
1397
|
--kanban-board-padding: 16px;
|
|
1365
|
-
--kanban-card-background: oklch(
|
|
1398
|
+
--kanban-card-background: oklch(98.51% 0.0000 0);
|
|
1366
1399
|
--kanban-card-foreground: oklch(14.48% 0.0000 0);
|
|
1367
1400
|
--kanban-card-gap: 8px;
|
|
1368
1401
|
--kanban-card-padding: 12px;
|
|
@@ -1484,7 +1517,7 @@
|
|
|
1484
1517
|
--lightbox-thumbnail-opacity-inactive: 0.6;
|
|
1485
1518
|
--lightbox-thumbnail-ring-color: oklch(100.00% 0.0000 0);
|
|
1486
1519
|
--lightbox-thumbnail-size: 64px;
|
|
1487
|
-
--link-color-default: oklch(
|
|
1520
|
+
--link-color-default: oklch(56.08% 0.1221 160.56);
|
|
1488
1521
|
--link-color-muted: oklch(55.55% 0.0000 0);
|
|
1489
1522
|
--link-color-nav-hover: oklch(81.75% 0.1821 159.79);
|
|
1490
1523
|
--link-color-nav: oklch(14.48% 0.0000 0);
|
|
@@ -1558,7 +1591,7 @@
|
|
|
1558
1591
|
--menubar-trigger-padding-y: 4px;
|
|
1559
1592
|
--menubar-trigger-radius: 4px;
|
|
1560
1593
|
--menubar-trigger-text-size: 0.875rem;
|
|
1561
|
-
--modal-content-bg: oklch(
|
|
1594
|
+
--modal-content-bg: oklch(98.51% 0.0000 0);
|
|
1562
1595
|
--modal-content-border: oklch(92.19% 0.0000 0);
|
|
1563
1596
|
--modal-content-gap: 16px;
|
|
1564
1597
|
--modal-content-max-width: 32rem;
|
|
@@ -1866,6 +1899,7 @@
|
|
|
1866
1899
|
--rating-focus-ring-color: oklch(81.75% 0.1821 159.79);
|
|
1867
1900
|
--rating-icon-color-empty: oklch(55.55% 0.0000 0);
|
|
1868
1901
|
--rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
|
|
1902
|
+
--rating-icon-color-half: oklch(86.06% 0.1731 91.94);
|
|
1869
1903
|
--rating-icon-size-lg: 24px;
|
|
1870
1904
|
--rating-icon-size-md: 20px;
|
|
1871
1905
|
--rating-icon-size-sm: 16px;
|
|
@@ -2619,7 +2653,7 @@
|
|
|
2619
2653
|
--toolbar-button-height: 32px;
|
|
2620
2654
|
--toolbar-button-padding-x: 12px;
|
|
2621
2655
|
--toolbar-button-radius: 8px;
|
|
2622
|
-
--toolbar-root-background: oklch(
|
|
2656
|
+
--toolbar-root-background: oklch(98.51% 0.0000 0);
|
|
2623
2657
|
--toolbar-root-border: oklch(92.19% 0.0000 0);
|
|
2624
2658
|
--toolbar-root-gap: 8px;
|
|
2625
2659
|
--toolbar-root-padding-x: 8px;
|
|
@@ -2923,7 +2957,16 @@
|
|
|
2923
2957
|
--accent-foreground: oklch(95.21% 0.0467 171.12);
|
|
2924
2958
|
--accent: oklch(26.88% 0.0527 163.85);
|
|
2925
2959
|
--accordion-trigger-ring-primary: oklch(84.11% 0.1609 163.31);
|
|
2926
|
-
--alert-
|
|
2960
|
+
--alert-dialog-content-bg: oklch(26.86% 0.0000 0);
|
|
2961
|
+
--alert-dialog-content-border: oklch(37.15% 0.0000 0);
|
|
2962
|
+
--alert-dialog-icon-pill-color-default-bg: oklch(26.86% 0.0000 0);
|
|
2963
|
+
--alert-dialog-icon-pill-color-default-fg: oklch(71.55% 0.0000 0);
|
|
2964
|
+
--alert-dialog-icon-pill-color-destructive-bg: oklch(25.75% 0.0886 26.04);
|
|
2965
|
+
--alert-dialog-icon-pill-color-destructive-fg: oklch(80.77% 0.1035 19.57);
|
|
2966
|
+
--alert-dialog-icon-pill-color-warning-bg: oklch(28.57% 0.0639 53.81);
|
|
2967
|
+
--alert-dialog-icon-pill-color-warning-fg: oklch(90.52% 0.1657 98.11);
|
|
2968
|
+
--alert-dialog-overlay-bg: oklch(0.00% 0.0000 0 / 80.0%);
|
|
2969
|
+
--alert-variant-default-bg: oklch(26.86% 0.0000 0);
|
|
2927
2970
|
--alert-variant-default-border: oklch(37.15% 0.0000 0);
|
|
2928
2971
|
--alert-variant-default-fg: oklch(98.51% 0.0000 0);
|
|
2929
2972
|
--alert-variant-destructive-bg: oklch(25.75% 0.0886 26.04);
|
|
@@ -3160,6 +3203,9 @@
|
|
|
3160
3203
|
--destructive-subtle-foreground: oklch(80.77% 0.1035 19.57);
|
|
3161
3204
|
--destructive-subtle: oklch(25.75% 0.0886 26.04);
|
|
3162
3205
|
--destructive: oklch(63.68% 0.2078 25.33);
|
|
3206
|
+
--dialog-content-bg: oklch(26.86% 0.0000 0);
|
|
3207
|
+
--dialog-content-border: oklch(37.15% 0.0000 0);
|
|
3208
|
+
--dialog-overlay-bg: oklch(0.00% 0.0000 0 / 80.0%);
|
|
3163
3209
|
--disabled-background: oklch(26.86% 0.0000 0);
|
|
3164
3210
|
--disabled-border: oklch(37.15% 0.0000 0);
|
|
3165
3211
|
--disabled-foreground: oklch(43.86% 0.0000 0);
|
|
@@ -3326,7 +3372,7 @@
|
|
|
3326
3372
|
--menu-item-fg-default: oklch(98.51% 0.0000 0);
|
|
3327
3373
|
--menu-item-fg-destructive: oklch(63.68% 0.2078 25.33);
|
|
3328
3374
|
--menu-item-fg-hover: oklch(95.21% 0.0467 171.12);
|
|
3329
|
-
--modal-content-bg: oklch(
|
|
3375
|
+
--modal-content-bg: oklch(26.86% 0.0000 0);
|
|
3330
3376
|
--modal-content-border: oklch(37.15% 0.0000 0);
|
|
3331
3377
|
--modal-icon-pill-color-default-bg: oklch(26.86% 0.0000 0);
|
|
3332
3378
|
--modal-icon-pill-color-default-fg: oklch(71.55% 0.0000 0);
|
|
@@ -3431,6 +3477,7 @@
|
|
|
3431
3477
|
--rail-border: oklch(37.15% 0.0000 0);
|
|
3432
3478
|
--rating-focus-ring-color: oklch(84.11% 0.1609 163.31);
|
|
3433
3479
|
--rating-icon-color-filled: oklch(79.52% 0.1617 86.05);
|
|
3480
|
+
--rating-icon-color-half: oklch(79.52% 0.1617 86.05);
|
|
3434
3481
|
--report-builder-accent-bg-subtle: oklch(33.49% 0.0383 251.89);
|
|
3435
3482
|
--report-builder-accent-bg: oklch(34.67% 0.0731 256.69);
|
|
3436
3483
|
--report-builder-accent-border: oklch(46.92% 0.0851 258.47);
|
|
@@ -3671,7 +3718,16 @@
|
|
|
3671
3718
|
--accent-foreground: oklch(26.88% 0.0527 163.85);
|
|
3672
3719
|
--accent: oklch(95.21% 0.0467 171.12);
|
|
3673
3720
|
--accordion-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
3674
|
-
--alert-
|
|
3721
|
+
--alert-dialog-content-bg: oklch(98.51% 0.0000 0);
|
|
3722
|
+
--alert-dialog-content-border: oklch(92.19% 0.0000 0);
|
|
3723
|
+
--alert-dialog-icon-pill-color-default-bg: oklch(97.02% 0.0000 0);
|
|
3724
|
+
--alert-dialog-icon-pill-color-default-fg: oklch(55.55% 0.0000 0);
|
|
3725
|
+
--alert-dialog-icon-pill-color-destructive-bg: oklch(97.05% 0.0129 17.38);
|
|
3726
|
+
--alert-dialog-icon-pill-color-destructive-fg: oklch(50.54% 0.1905 27.52);
|
|
3727
|
+
--alert-dialog-icon-pill-color-warning-bg: oklch(98.73% 0.0262 102.21);
|
|
3728
|
+
--alert-dialog-icon-pill-color-warning-fg: oklch(55.38% 0.1207 66.44);
|
|
3729
|
+
--alert-dialog-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
|
|
3730
|
+
--alert-variant-default-bg: oklch(98.51% 0.0000 0);
|
|
3675
3731
|
--alert-variant-default-border: oklch(92.19% 0.0000 0);
|
|
3676
3732
|
--alert-variant-default-fg: oklch(14.48% 0.0000 0);
|
|
3677
3733
|
--alert-variant-destructive-bg: oklch(97.05% 0.0129 17.38);
|
|
@@ -3686,7 +3742,7 @@
|
|
|
3686
3742
|
--alert-variant-warning-bg: oklch(98.73% 0.0262 102.21);
|
|
3687
3743
|
--alert-variant-warning-border: oklch(94.51% 0.1243 101.54);
|
|
3688
3744
|
--alert-variant-warning-fg: oklch(55.38% 0.1207 66.44);
|
|
3689
|
-
--asset-manager-item-background: oklch(
|
|
3745
|
+
--asset-manager-item-background: oklch(98.51% 0.0000 0);
|
|
3690
3746
|
--asset-manager-item-border: oklch(92.19% 0.0000 0);
|
|
3691
3747
|
--asset-manager-preview-background: oklch(97.02% 0.0000 0);
|
|
3692
3748
|
--asset-palette-status-approved-color: oklch(81.75% 0.1821 159.79);
|
|
@@ -3804,15 +3860,15 @@
|
|
|
3804
3860
|
--button-tertiary-gray-fg-hover: oklch(14.48% 0.0000 0);
|
|
3805
3861
|
--card-description-color: oklch(55.55% 0.0000 0);
|
|
3806
3862
|
--card-foreground: oklch(14.48% 0.0000 0);
|
|
3807
|
-
--card-root-background: oklch(
|
|
3863
|
+
--card-root-background: oklch(98.51% 0.0000 0);
|
|
3808
3864
|
--card-root-foreground: oklch(14.48% 0.0000 0);
|
|
3809
|
-
--card: oklch(
|
|
3865
|
+
--card: oklch(98.51% 0.0000 0);
|
|
3810
3866
|
--chart-1: oklch(81.75% 0.1821 159.79);
|
|
3811
3867
|
--chart-2: oklch(65.95% 0.2608 320.32);
|
|
3812
3868
|
--chart-3: oklch(62.31% 0.1880 259.81);
|
|
3813
3869
|
--chart-4: oklch(86.06% 0.1731 91.94);
|
|
3814
3870
|
--chart-5: oklch(63.68% 0.2078 25.33);
|
|
3815
|
-
--chart-card-bg: oklch(
|
|
3871
|
+
--chart-card-bg: oklch(98.51% 0.0000 0);
|
|
3816
3872
|
--chart-card-border: oklch(92.19% 0.0000 0);
|
|
3817
3873
|
--chart-card-empty-state-caption-color: oklch(55.55% 0.0000 0);
|
|
3818
3874
|
--chart-card-empty-state-title-color: oklch(20.46% 0.0000 0);
|
|
@@ -3868,7 +3924,7 @@
|
|
|
3868
3924
|
--combobox-trigger-disabled-border: oklch(97.02% 0.0000 0);
|
|
3869
3925
|
--combobox-trigger-disabled-fg: oklch(55.55% 0.0000 0);
|
|
3870
3926
|
--combobox-trigger-ring-primary: oklch(81.75% 0.1821 159.79);
|
|
3871
|
-
--comment-system-item-background: oklch(
|
|
3927
|
+
--comment-system-item-background: oklch(98.51% 0.0000 0);
|
|
3872
3928
|
--comment-system-item-border: oklch(92.19% 0.0000 0);
|
|
3873
3929
|
--core-background-background: oklch(100.00% 0.0000 0);
|
|
3874
3930
|
--core-background-card-foreground: oklch(14.48% 0.0000 0);
|
|
@@ -3908,6 +3964,9 @@
|
|
|
3908
3964
|
--destructive-subtle-foreground: oklch(50.54% 0.1905 27.52);
|
|
3909
3965
|
--destructive-subtle: oklch(97.05% 0.0129 17.38);
|
|
3910
3966
|
--destructive: oklch(63.68% 0.2078 25.33);
|
|
3967
|
+
--dialog-content-bg: oklch(98.51% 0.0000 0);
|
|
3968
|
+
--dialog-content-border: oklch(92.19% 0.0000 0);
|
|
3969
|
+
--dialog-overlay-bg: oklch(0.00% 0.0000 0 / 60.0%);
|
|
3911
3970
|
--disabled-background: oklch(92.19% 0.0000 0);
|
|
3912
3971
|
--disabled-border: oklch(86.99% 0.0000 0);
|
|
3913
3972
|
--disabled-foreground: oklch(71.55% 0.0000 0);
|
|
@@ -4033,7 +4092,7 @@
|
|
|
4033
4092
|
--input-otp-slot-border: oklch(92.19% 0.0000 0);
|
|
4034
4093
|
--input: oklch(92.19% 0.0000 0);
|
|
4035
4094
|
--inversed-foreground: oklch(98.51% 0.0000 0);
|
|
4036
|
-
--kanban-card-background: oklch(
|
|
4095
|
+
--kanban-card-background: oklch(98.51% 0.0000 0);
|
|
4037
4096
|
--kanban-card-foreground: oklch(14.48% 0.0000 0);
|
|
4038
4097
|
--kanban-column-background: oklch(97.02% 0.0000 0);
|
|
4039
4098
|
--kbd-variant-default-background: oklch(97.02% 0.0000 0);
|
|
@@ -4056,7 +4115,7 @@
|
|
|
4056
4115
|
--lightbox-button-color: oklch(100.00% 0.0000 0);
|
|
4057
4116
|
--lightbox-header-text-color: oklch(100.00% 0.0000 0);
|
|
4058
4117
|
--lightbox-thumbnail-ring-color: oklch(100.00% 0.0000 0);
|
|
4059
|
-
--link-color-default: oklch(
|
|
4118
|
+
--link-color-default: oklch(56.08% 0.1221 160.56);
|
|
4060
4119
|
--link-color-muted: oklch(55.55% 0.0000 0);
|
|
4061
4120
|
--link-color-nav-hover: oklch(81.75% 0.1821 159.79);
|
|
4062
4121
|
--link-color-nav: oklch(14.48% 0.0000 0);
|
|
@@ -4074,7 +4133,7 @@
|
|
|
4074
4133
|
--menu-item-fg-default: oklch(14.48% 0.0000 0);
|
|
4075
4134
|
--menu-item-fg-destructive: oklch(63.68% 0.2078 25.33);
|
|
4076
4135
|
--menu-item-fg-hover: oklch(26.88% 0.0527 163.85);
|
|
4077
|
-
--modal-content-bg: oklch(
|
|
4136
|
+
--modal-content-bg: oklch(98.51% 0.0000 0);
|
|
4078
4137
|
--modal-content-border: oklch(92.19% 0.0000 0);
|
|
4079
4138
|
--modal-icon-pill-color-default-bg: oklch(97.02% 0.0000 0);
|
|
4080
4139
|
--modal-icon-pill-color-default-fg: oklch(55.55% 0.0000 0);
|
|
@@ -4179,6 +4238,7 @@
|
|
|
4179
4238
|
--rail-border: oklch(92.19% 0.0000 0);
|
|
4180
4239
|
--rating-focus-ring-color: oklch(81.75% 0.1821 159.79);
|
|
4181
4240
|
--rating-icon-color-filled: oklch(86.06% 0.1731 91.94);
|
|
4241
|
+
--rating-icon-color-half: oklch(86.06% 0.1731 91.94);
|
|
4182
4242
|
--report-builder-accent-bg-subtle: oklch(97.14% 0.0108 256.69);
|
|
4183
4243
|
--report-builder-accent-bg: oklch(95.32% 0.0207 261.77);
|
|
4184
4244
|
--report-builder-accent-border: oklch(91.09% 0.0388 257.92);
|
|
@@ -4400,7 +4460,7 @@
|
|
|
4400
4460
|
--toolbar-button-background-hover: oklch(97.02% 0.0000 0);
|
|
4401
4461
|
--toolbar-button-foreground-muted: oklch(55.55% 0.0000 0);
|
|
4402
4462
|
--toolbar-button-foreground: oklch(14.48% 0.0000 0);
|
|
4403
|
-
--toolbar-root-background: oklch(
|
|
4463
|
+
--toolbar-root-background: oklch(98.51% 0.0000 0);
|
|
4404
4464
|
--toolbar-root-border: oklch(92.19% 0.0000 0);
|
|
4405
4465
|
--toolbar-separator-color: oklch(92.19% 0.0000 0);
|
|
4406
4466
|
--tooltip-content-background: oklch(14.48% 0.0000 0);
|
|
@@ -4427,6 +4487,15 @@
|
|
|
4427
4487
|
--color-accent-foreground: var(--accent-foreground);
|
|
4428
4488
|
--color-accent: var(--accent);
|
|
4429
4489
|
--color-accordion-trigger-ring-primary: var(--accordion-trigger-ring-primary);
|
|
4490
|
+
--color-alert-dialog-content-bg: var(--alert-dialog-content-bg);
|
|
4491
|
+
--color-alert-dialog-content-border: var(--alert-dialog-content-border);
|
|
4492
|
+
--color-alert-dialog-icon-pill-color-default-bg: var(--alert-dialog-icon-pill-color-default-bg);
|
|
4493
|
+
--color-alert-dialog-icon-pill-color-default-fg: var(--alert-dialog-icon-pill-color-default-fg);
|
|
4494
|
+
--color-alert-dialog-icon-pill-color-destructive-bg: var(--alert-dialog-icon-pill-color-destructive-bg);
|
|
4495
|
+
--color-alert-dialog-icon-pill-color-destructive-fg: var(--alert-dialog-icon-pill-color-destructive-fg);
|
|
4496
|
+
--color-alert-dialog-icon-pill-color-warning-bg: var(--alert-dialog-icon-pill-color-warning-bg);
|
|
4497
|
+
--color-alert-dialog-icon-pill-color-warning-fg: var(--alert-dialog-icon-pill-color-warning-fg);
|
|
4498
|
+
--color-alert-dialog-overlay-bg: var(--alert-dialog-overlay-bg);
|
|
4430
4499
|
--color-alert-variant-default-bg: var(--alert-variant-default-bg);
|
|
4431
4500
|
--color-alert-variant-default-border: var(--alert-variant-default-border);
|
|
4432
4501
|
--color-alert-variant-default-fg: var(--alert-variant-default-fg);
|
|
@@ -4765,6 +4834,9 @@
|
|
|
4765
4834
|
--color-destructive-subtle-foreground: var(--destructive-subtle-foreground);
|
|
4766
4835
|
--color-destructive-subtle: var(--destructive-subtle);
|
|
4767
4836
|
--color-destructive: var(--destructive);
|
|
4837
|
+
--color-dialog-content-bg: var(--dialog-content-bg);
|
|
4838
|
+
--color-dialog-content-border: var(--dialog-content-border);
|
|
4839
|
+
--color-dialog-overlay-bg: var(--dialog-overlay-bg);
|
|
4768
4840
|
--color-disabled-background: var(--disabled-background);
|
|
4769
4841
|
--color-disabled-border: var(--disabled-border);
|
|
4770
4842
|
--color-disabled-foreground: var(--disabled-foreground);
|
|
@@ -5063,6 +5135,7 @@
|
|
|
5063
5135
|
--color-rating-focus-ring-color: var(--rating-focus-ring-color);
|
|
5064
5136
|
--color-rating-icon-color-empty: var(--rating-icon-color-empty);
|
|
5065
5137
|
--color-rating-icon-color-filled: var(--rating-icon-color-filled);
|
|
5138
|
+
--color-rating-icon-color-half: var(--rating-icon-color-half);
|
|
5066
5139
|
--color-report-builder-accent-bg-subtle: var(--report-builder-accent-bg-subtle);
|
|
5067
5140
|
--color-report-builder-accent-bg: var(--report-builder-accent-bg);
|
|
5068
5141
|
--color-report-builder-accent-border: var(--report-builder-accent-border);
|
|
@@ -5383,7 +5456,7 @@
|
|
|
5383
5456
|
--shadow-default: var(--button-shadow-default);
|
|
5384
5457
|
--shadow-lg: var(--shadow-lg);
|
|
5385
5458
|
--shadow-md: var(--shadow-md);
|
|
5386
|
-
--shadow-shadow: var(--
|
|
5459
|
+
--shadow-shadow: var(--alert-dialog-content-shadow);
|
|
5387
5460
|
--shadow-sm: var(--shadow-sm);
|
|
5388
5461
|
--shadow-xl: var(--shadow-xl);
|
|
5389
5462
|
--shadow-xs: var(--shadow-xs);
|
package/dist/tokens.js
CHANGED
|
@@ -215,12 +215,31 @@ export const tokens = {
|
|
|
215
215
|
"accordion-trigger-text-size-sm": "0.75rem",
|
|
216
216
|
"account-switch-content-min-width": "17.5rem",
|
|
217
217
|
"account-switch-name-max-width": "10rem",
|
|
218
|
+
"alert-dialog-content-bg": "oklch(98.51% 0.0000 0)",
|
|
219
|
+
"alert-dialog-content-border": "oklch(92.19% 0.0000 0)",
|
|
220
|
+
"alert-dialog-content-gap": "16px",
|
|
221
|
+
"alert-dialog-content-max-width": "32rem",
|
|
222
|
+
"alert-dialog-content-padding": "24px",
|
|
223
|
+
"alert-dialog-content-radius": "12px",
|
|
224
|
+
"alert-dialog-content-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
225
|
+
"alert-dialog-footer-gap": "8px",
|
|
226
|
+
"alert-dialog-header-gap": "8px",
|
|
227
|
+
"alert-dialog-icon-pill-color-default-bg": "oklch(97.02% 0.0000 0)",
|
|
228
|
+
"alert-dialog-icon-pill-color-default-fg": "oklch(55.55% 0.0000 0)",
|
|
229
|
+
"alert-dialog-icon-pill-color-destructive-bg": "oklch(97.05% 0.0129 17.38)",
|
|
230
|
+
"alert-dialog-icon-pill-color-destructive-fg": "oklch(50.54% 0.1905 27.52)",
|
|
231
|
+
"alert-dialog-icon-pill-color-warning-bg": "oklch(98.73% 0.0262 102.21)",
|
|
232
|
+
"alert-dialog-icon-pill-color-warning-fg": "oklch(55.38% 0.1207 66.44)",
|
|
233
|
+
"alert-dialog-icon-pill-icon-size": "16px",
|
|
234
|
+
"alert-dialog-icon-pill-padding": "8px",
|
|
235
|
+
"alert-dialog-icon-pill-radius": "999px",
|
|
236
|
+
"alert-dialog-overlay-bg": "oklch(0.00% 0.0000 0 / 60.0%)",
|
|
218
237
|
"alert-icon-size": "16px",
|
|
219
238
|
"alert-root-gap": "12px",
|
|
220
239
|
"alert-root-padding-x": "16px",
|
|
221
240
|
"alert-root-padding-y": "12px",
|
|
222
241
|
"alert-root-radius": "0.5rem",
|
|
223
|
-
"alert-variant-default-bg": "oklch(
|
|
242
|
+
"alert-variant-default-bg": "oklch(98.51% 0.0000 0)",
|
|
224
243
|
"alert-variant-default-border": "oklch(92.19% 0.0000 0)",
|
|
225
244
|
"alert-variant-default-fg": "oklch(14.48% 0.0000 0)",
|
|
226
245
|
"alert-variant-destructive-bg": "oklch(97.05% 0.0129 17.38)",
|
|
@@ -237,7 +256,7 @@ export const tokens = {
|
|
|
237
256
|
"alert-variant-warning-fg": "oklch(55.38% 0.1207 66.44)",
|
|
238
257
|
"asset-manager-grid-columns": "minmax(200px, 1fr)",
|
|
239
258
|
"asset-manager-grid-gap": "16px",
|
|
240
|
-
"asset-manager-item-background": "oklch(
|
|
259
|
+
"asset-manager-item-background": "oklch(98.51% 0.0000 0)",
|
|
241
260
|
"asset-manager-item-border": "oklch(92.19% 0.0000 0)",
|
|
242
261
|
"asset-manager-item-radius": "0.375rem",
|
|
243
262
|
"asset-manager-preview-background": "oklch(97.02% 0.0000 0)",
|
|
@@ -363,12 +382,16 @@ export const tokens = {
|
|
|
363
382
|
"avatar-radius-circle": "9999px",
|
|
364
383
|
"avatar-radius-square": "0.375rem",
|
|
365
384
|
"avatar-size-2xl": "64px",
|
|
385
|
+
"avatar-size-3xl": "72px",
|
|
386
|
+
"avatar-size-4xl": "96px",
|
|
366
387
|
"avatar-size-default": "40px",
|
|
367
388
|
"avatar-size-lg": "48px",
|
|
368
389
|
"avatar-size-sm": "32px",
|
|
369
390
|
"avatar-size-xl": "56px",
|
|
370
391
|
"avatar-size-xs": "24px",
|
|
371
392
|
"avatar-text-2xl": "1.5rem",
|
|
393
|
+
"avatar-text-3xl": "1.75rem",
|
|
394
|
+
"avatar-text-4xl": "2.25rem",
|
|
372
395
|
"avatar-text-default": "1rem",
|
|
373
396
|
"avatar-text-lg": "1.125rem",
|
|
374
397
|
"avatar-text-sm": "0.875rem",
|
|
@@ -400,10 +423,10 @@ export const tokens = {
|
|
|
400
423
|
"badge-radius-pill": "9999px",
|
|
401
424
|
"badge-size-lg-h": "32px",
|
|
402
425
|
"badge-size-lg-px": "12px",
|
|
403
|
-
"badge-size-lg-text": "0.
|
|
426
|
+
"badge-size-lg-text": "0.75rem",
|
|
404
427
|
"badge-size-md-h": "28px",
|
|
405
428
|
"badge-size-md-px": "0.625rem",
|
|
406
|
-
"badge-size-md-text": "0.
|
|
429
|
+
"badge-size-md-text": "0.75rem",
|
|
407
430
|
"badge-size-sm-h": "24px",
|
|
408
431
|
"badge-size-sm-px": "8px",
|
|
409
432
|
"badge-size-sm-text": "0.75rem",
|
|
@@ -617,7 +640,7 @@ export const tokens = {
|
|
|
617
640
|
"callout-text-lg": "1rem",
|
|
618
641
|
"callout-text-md": "0.875rem",
|
|
619
642
|
"callout-text-sm": "0.75rem",
|
|
620
|
-
"card": "oklch(
|
|
643
|
+
"card": "oklch(98.51% 0.0000 0)",
|
|
621
644
|
"card-content-padding-x": "24px",
|
|
622
645
|
"card-description-color": "oklch(55.55% 0.0000 0)",
|
|
623
646
|
"card-description-text-size": "0.875rem",
|
|
@@ -627,7 +650,7 @@ export const tokens = {
|
|
|
627
650
|
"card-header-gap": "8px",
|
|
628
651
|
"card-header-padding-bottom": "24px",
|
|
629
652
|
"card-header-padding-x": "24px",
|
|
630
|
-
"card-root-background": "oklch(
|
|
653
|
+
"card-root-background": "oklch(98.51% 0.0000 0)",
|
|
631
654
|
"card-root-border-width": "1px",
|
|
632
655
|
"card-root-foreground": "oklch(14.48% 0.0000 0)",
|
|
633
656
|
"card-root-gap": "24px",
|
|
@@ -647,7 +670,7 @@ export const tokens = {
|
|
|
647
670
|
"chart-3": "oklch(62.31% 0.1880 259.81)",
|
|
648
671
|
"chart-4": "oklch(86.06% 0.1731 91.94)",
|
|
649
672
|
"chart-5": "oklch(63.68% 0.2078 25.33)",
|
|
650
|
-
"chart-card-bg": "oklch(
|
|
673
|
+
"chart-card-bg": "oklch(98.51% 0.0000 0)",
|
|
651
674
|
"chart-card-border": "oklch(92.19% 0.0000 0)",
|
|
652
675
|
"chart-card-chart-height": "8rem",
|
|
653
676
|
"chart-card-empty-state-caption-color": "oklch(55.55% 0.0000 0)",
|
|
@@ -867,7 +890,7 @@ export const tokens = {
|
|
|
867
890
|
"command-shortcut-text-size-sm": "10px",
|
|
868
891
|
"comment-system-actions-gap": "8px",
|
|
869
892
|
"comment-system-actions-margin-top": "8px",
|
|
870
|
-
"comment-system-item-background": "oklch(
|
|
893
|
+
"comment-system-item-background": "oklch(98.51% 0.0000 0)",
|
|
871
894
|
"comment-system-item-border": "oklch(92.19% 0.0000 0)",
|
|
872
895
|
"comment-system-item-gap": "12px",
|
|
873
896
|
"comment-system-item-padding": "16px",
|
|
@@ -975,6 +998,16 @@ export const tokens = {
|
|
|
975
998
|
"destructive-hover": "oklch(57.71% 0.2152 27.33)",
|
|
976
999
|
"destructive-subtle": "oklch(97.05% 0.0129 17.38)",
|
|
977
1000
|
"destructive-subtle-foreground": "oklch(50.54% 0.1905 27.52)",
|
|
1001
|
+
"dialog-content-bg": "oklch(98.51% 0.0000 0)",
|
|
1002
|
+
"dialog-content-border": "oklch(92.19% 0.0000 0)",
|
|
1003
|
+
"dialog-content-gap": "16px",
|
|
1004
|
+
"dialog-content-max-width": "32rem",
|
|
1005
|
+
"dialog-content-padding": "24px",
|
|
1006
|
+
"dialog-content-radius": "12px",
|
|
1007
|
+
"dialog-content-shadow": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
1008
|
+
"dialog-footer-gap": "8px",
|
|
1009
|
+
"dialog-header-gap": "8px",
|
|
1010
|
+
"dialog-overlay-bg": "oklch(0.00% 0.0000 0 / 60.0%)",
|
|
978
1011
|
"disabled": "oklch(97.02% 0.0000 0)",
|
|
979
1012
|
"disabled-background": "oklch(92.19% 0.0000 0)",
|
|
980
1013
|
"disabled-border": "oklch(86.99% 0.0000 0)",
|
|
@@ -1480,7 +1513,7 @@ export const tokens = {
|
|
|
1480
1513
|
"kanban-board-gap": "16px",
|
|
1481
1514
|
"kanban-board-height": "100%",
|
|
1482
1515
|
"kanban-board-padding": "16px",
|
|
1483
|
-
"kanban-card-background": "oklch(
|
|
1516
|
+
"kanban-card-background": "oklch(98.51% 0.0000 0)",
|
|
1484
1517
|
"kanban-card-foreground": "oklch(14.48% 0.0000 0)",
|
|
1485
1518
|
"kanban-card-gap": "8px",
|
|
1486
1519
|
"kanban-card-padding": "12px",
|
|
@@ -1602,7 +1635,7 @@ export const tokens = {
|
|
|
1602
1635
|
"lightbox-thumbnail-opacity-inactive": "0.6",
|
|
1603
1636
|
"lightbox-thumbnail-ring-color": "oklch(100.00% 0.0000 0)",
|
|
1604
1637
|
"lightbox-thumbnail-size": "64px",
|
|
1605
|
-
"link-color-default": "oklch(
|
|
1638
|
+
"link-color-default": "oklch(56.08% 0.1221 160.56)",
|
|
1606
1639
|
"link-color-muted": "oklch(55.55% 0.0000 0)",
|
|
1607
1640
|
"link-color-nav": "oklch(14.48% 0.0000 0)",
|
|
1608
1641
|
"link-color-nav-hover": "oklch(81.75% 0.1821 159.79)",
|
|
@@ -1676,7 +1709,7 @@ export const tokens = {
|
|
|
1676
1709
|
"menubar-trigger-padding-y": "4px",
|
|
1677
1710
|
"menubar-trigger-radius": "4px",
|
|
1678
1711
|
"menubar-trigger-text-size": "0.875rem",
|
|
1679
|
-
"modal-content-bg": "oklch(
|
|
1712
|
+
"modal-content-bg": "oklch(98.51% 0.0000 0)",
|
|
1680
1713
|
"modal-content-border": "oklch(92.19% 0.0000 0)",
|
|
1681
1714
|
"modal-content-gap": "16px",
|
|
1682
1715
|
"modal-content-max-width": "32rem",
|
|
@@ -2145,6 +2178,7 @@ export const tokens = {
|
|
|
2145
2178
|
"rating-focus-ring-color": "oklch(81.75% 0.1821 159.79)",
|
|
2146
2179
|
"rating-icon-color-empty": "oklch(55.55% 0.0000 0)",
|
|
2147
2180
|
"rating-icon-color-filled": "oklch(86.06% 0.1731 91.94)",
|
|
2181
|
+
"rating-icon-color-half": "oklch(86.06% 0.1731 91.94)",
|
|
2148
2182
|
"rating-icon-size-lg": "24px",
|
|
2149
2183
|
"rating-icon-size-md": "20px",
|
|
2150
2184
|
"rating-icon-size-sm": "16px",
|
|
@@ -2835,7 +2869,7 @@ export const tokens = {
|
|
|
2835
2869
|
"toolbar-button-height": "32px",
|
|
2836
2870
|
"toolbar-button-padding-x": "12px",
|
|
2837
2871
|
"toolbar-button-radius": "8px",
|
|
2838
|
-
"toolbar-root-background": "oklch(
|
|
2872
|
+
"toolbar-root-background": "oklch(98.51% 0.0000 0)",
|
|
2839
2873
|
"toolbar-root-border": "oklch(92.19% 0.0000 0)",
|
|
2840
2874
|
"toolbar-root-gap": "8px",
|
|
2841
2875
|
"toolbar-root-padding": "8px",
|
package/dist/tokens.meta.json
CHANGED
|
@@ -906,8 +906,8 @@
|
|
|
906
906
|
"name": "card",
|
|
907
907
|
"cssVar": "--card",
|
|
908
908
|
"type": "color",
|
|
909
|
-
"description": "Card and elevated container surface (base.white
|
|
910
|
-
"light": "oklch(
|
|
909
|
+
"description": "Card and elevated container surface (#fafafa / neutral-50, per Figma core/background/card + CC-2 do DES-1378). Era base.white (branco) — corrigido 2026-06-22.",
|
|
910
|
+
"light": "oklch(98.51% 0.0000 0)",
|
|
911
911
|
"dark": "oklch(26.86% 0.0000 0)"
|
|
912
912
|
},
|
|
913
913
|
{
|
|
@@ -1309,7 +1309,8 @@
|
|
|
1309
1309
|
"name": "link-color-default",
|
|
1310
1310
|
"cssVar": "--link-color-default",
|
|
1311
1311
|
"type": "color",
|
|
1312
|
-
"
|
|
1312
|
+
"description": "Link default — brand-primary-700 (#0f8a5c) p/ contraste AA no light (era base.primary/mint ~1.5:1 sobre branco; agora ~4.6:1). Dark fica mint (bom contraste em fundo escuro). DES-1075.",
|
|
1313
|
+
"light": "oklch(56.08% 0.1221 160.56)",
|
|
1313
1314
|
"dark": "oklch(84.11% 0.1609 163.31)"
|
|
1314
1315
|
},
|
|
1315
1316
|
{
|
|
@@ -4130,6 +4131,128 @@
|
|
|
4130
4131
|
"description": "Account name label max-width in the trigger button (160px). Truncates with ellipsis past this.",
|
|
4131
4132
|
"value": "10rem"
|
|
4132
4133
|
},
|
|
4134
|
+
{
|
|
4135
|
+
"name": "alert-dialog-content-bg",
|
|
4136
|
+
"cssVar": "--alert-dialog-content-bg",
|
|
4137
|
+
"type": "color",
|
|
4138
|
+
"description": "AlertDialog content surface — card (#fafafa, superfície elevada, CC-2 lista AlertDialog 1157).",
|
|
4139
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
4140
|
+
},
|
|
4141
|
+
{
|
|
4142
|
+
"name": "alert-dialog-content-border",
|
|
4143
|
+
"cssVar": "--alert-dialog-content-border",
|
|
4144
|
+
"type": "color",
|
|
4145
|
+
"value": "oklch(92.19% 0.0000 0)"
|
|
4146
|
+
},
|
|
4147
|
+
{
|
|
4148
|
+
"name": "alert-dialog-content-gap",
|
|
4149
|
+
"cssVar": "--alert-dialog-content-gap",
|
|
4150
|
+
"type": "dimension",
|
|
4151
|
+
"value": "16px"
|
|
4152
|
+
},
|
|
4153
|
+
{
|
|
4154
|
+
"name": "alert-dialog-content-max-width",
|
|
4155
|
+
"cssVar": "--alert-dialog-content-max-width",
|
|
4156
|
+
"type": "dimension",
|
|
4157
|
+
"value": "32rem"
|
|
4158
|
+
},
|
|
4159
|
+
{
|
|
4160
|
+
"name": "alert-dialog-content-padding",
|
|
4161
|
+
"cssVar": "--alert-dialog-content-padding",
|
|
4162
|
+
"type": "dimension",
|
|
4163
|
+
"value": "24px"
|
|
4164
|
+
},
|
|
4165
|
+
{
|
|
4166
|
+
"name": "alert-dialog-content-radius",
|
|
4167
|
+
"cssVar": "--alert-dialog-content-radius",
|
|
4168
|
+
"type": "dimension",
|
|
4169
|
+
"description": "AlertDialog content radius 12px (radius/lg).",
|
|
4170
|
+
"value": "12px"
|
|
4171
|
+
},
|
|
4172
|
+
{
|
|
4173
|
+
"name": "alert-dialog-content-shadow",
|
|
4174
|
+
"cssVar": "--alert-dialog-content-shadow",
|
|
4175
|
+
"value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
|
|
4176
|
+
},
|
|
4177
|
+
{
|
|
4178
|
+
"name": "alert-dialog-footer-gap",
|
|
4179
|
+
"cssVar": "--alert-dialog-footer-gap",
|
|
4180
|
+
"type": "dimension",
|
|
4181
|
+
"value": "8px"
|
|
4182
|
+
},
|
|
4183
|
+
{
|
|
4184
|
+
"name": "alert-dialog-header-gap",
|
|
4185
|
+
"cssVar": "--alert-dialog-header-gap",
|
|
4186
|
+
"type": "dimension",
|
|
4187
|
+
"value": "8px"
|
|
4188
|
+
},
|
|
4189
|
+
{
|
|
4190
|
+
"name": "alert-dialog-icon-pill-color-default-bg",
|
|
4191
|
+
"cssVar": "--alert-dialog-icon-pill-color-default-bg",
|
|
4192
|
+
"type": "color",
|
|
4193
|
+
"description": "Neutral icon-pill bg (core/background/muted).",
|
|
4194
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
4195
|
+
},
|
|
4196
|
+
{
|
|
4197
|
+
"name": "alert-dialog-icon-pill-color-default-fg",
|
|
4198
|
+
"cssVar": "--alert-dialog-icon-pill-color-default-fg",
|
|
4199
|
+
"type": "color",
|
|
4200
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
4201
|
+
},
|
|
4202
|
+
{
|
|
4203
|
+
"name": "alert-dialog-icon-pill-color-destructive-bg",
|
|
4204
|
+
"cssVar": "--alert-dialog-icon-pill-color-destructive-bg",
|
|
4205
|
+
"type": "color",
|
|
4206
|
+
"description": "Destructive intent pill bg (status/destructive/subtle). Reusa tokens STATUS.",
|
|
4207
|
+
"value": "oklch(97.05% 0.0129 17.38)"
|
|
4208
|
+
},
|
|
4209
|
+
{
|
|
4210
|
+
"name": "alert-dialog-icon-pill-color-destructive-fg",
|
|
4211
|
+
"cssVar": "--alert-dialog-icon-pill-color-destructive-fg",
|
|
4212
|
+
"type": "color",
|
|
4213
|
+
"value": "oklch(50.54% 0.1905 27.52)"
|
|
4214
|
+
},
|
|
4215
|
+
{
|
|
4216
|
+
"name": "alert-dialog-icon-pill-color-warning-bg",
|
|
4217
|
+
"cssVar": "--alert-dialog-icon-pill-color-warning-bg",
|
|
4218
|
+
"type": "color",
|
|
4219
|
+
"description": "Warning intent pill bg (status/warning/subtle). Reusa tokens STATUS.",
|
|
4220
|
+
"value": "oklch(98.73% 0.0262 102.21)"
|
|
4221
|
+
},
|
|
4222
|
+
{
|
|
4223
|
+
"name": "alert-dialog-icon-pill-color-warning-fg",
|
|
4224
|
+
"cssVar": "--alert-dialog-icon-pill-color-warning-fg",
|
|
4225
|
+
"type": "color",
|
|
4226
|
+
"value": "oklch(55.38% 0.1207 66.44)"
|
|
4227
|
+
},
|
|
4228
|
+
{
|
|
4229
|
+
"name": "alert-dialog-icon-pill-icon-size",
|
|
4230
|
+
"cssVar": "--alert-dialog-icon-pill-icon-size",
|
|
4231
|
+
"type": "dimension",
|
|
4232
|
+
"description": "AlertDialog icon-pill glyph size 16px.",
|
|
4233
|
+
"value": "16px"
|
|
4234
|
+
},
|
|
4235
|
+
{
|
|
4236
|
+
"name": "alert-dialog-icon-pill-padding",
|
|
4237
|
+
"cssVar": "--alert-dialog-icon-pill-padding",
|
|
4238
|
+
"type": "dimension",
|
|
4239
|
+
"description": "AlertDialog icon-pill inner padding 8px (spacing/2).",
|
|
4240
|
+
"value": "8px"
|
|
4241
|
+
},
|
|
4242
|
+
{
|
|
4243
|
+
"name": "alert-dialog-icon-pill-radius",
|
|
4244
|
+
"cssVar": "--alert-dialog-icon-pill-radius",
|
|
4245
|
+
"type": "dimension",
|
|
4246
|
+
"description": "AlertDialog icon-pill fully-rounded (radius/pill).",
|
|
4247
|
+
"value": "999px"
|
|
4248
|
+
},
|
|
4249
|
+
{
|
|
4250
|
+
"name": "alert-dialog-overlay-bg",
|
|
4251
|
+
"cssVar": "--alert-dialog-overlay-bg",
|
|
4252
|
+
"type": "color",
|
|
4253
|
+
"description": "AlertDialog overlay scrim. Família própria (split do --modal-* per DES-1157) — espelha o Modal por ora; pode divergir na Wave 4 (DES-1378).",
|
|
4254
|
+
"value": "oklch(0.00% 0.0000 0 / 60.0%)"
|
|
4255
|
+
},
|
|
4133
4256
|
{
|
|
4134
4257
|
"name": "alert-icon-size",
|
|
4135
4258
|
"cssVar": "--alert-icon-size",
|
|
@@ -4164,7 +4287,7 @@
|
|
|
4164
4287
|
"name": "alert-variant-default-bg",
|
|
4165
4288
|
"cssVar": "--alert-variant-default-bg",
|
|
4166
4289
|
"type": "color",
|
|
4167
|
-
"value": "oklch(
|
|
4290
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
4168
4291
|
},
|
|
4169
4292
|
{
|
|
4170
4293
|
"name": "alert-variant-default-border",
|
|
@@ -4277,7 +4400,7 @@
|
|
|
4277
4400
|
"name": "asset-manager-item-background",
|
|
4278
4401
|
"cssVar": "--asset-manager-item-background",
|
|
4279
4402
|
"type": "color",
|
|
4280
|
-
"value": "oklch(
|
|
4403
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
4281
4404
|
},
|
|
4282
4405
|
{
|
|
4283
4406
|
"name": "asset-manager-item-border",
|
|
@@ -5015,6 +5138,20 @@
|
|
|
5015
5138
|
"type": "dimension",
|
|
5016
5139
|
"value": "64px"
|
|
5017
5140
|
},
|
|
5141
|
+
{
|
|
5142
|
+
"name": "avatar-size-3xl",
|
|
5143
|
+
"cssVar": "--avatar-size-3xl",
|
|
5144
|
+
"type": "dimension",
|
|
5145
|
+
"description": "Avatar 3xl 72px — foto de perfil grande (DES-1109). Supera o cap 'xl is max' da DES-1241 para o caso profile photo. 72px não tem spacing token (entre 16/64 e 20/80).",
|
|
5146
|
+
"value": "72px"
|
|
5147
|
+
},
|
|
5148
|
+
{
|
|
5149
|
+
"name": "avatar-size-4xl",
|
|
5150
|
+
"cssVar": "--avatar-size-4xl",
|
|
5151
|
+
"type": "dimension",
|
|
5152
|
+
"description": "Avatar 4xl 96px — foto de perfil grande (DES-1109).",
|
|
5153
|
+
"value": "96px"
|
|
5154
|
+
},
|
|
5018
5155
|
{
|
|
5019
5156
|
"name": "avatar-size-default",
|
|
5020
5157
|
"cssVar": "--avatar-size-default",
|
|
@@ -5051,6 +5188,20 @@
|
|
|
5051
5188
|
"type": "dimension",
|
|
5052
5189
|
"value": "1.5rem"
|
|
5053
5190
|
},
|
|
5191
|
+
{
|
|
5192
|
+
"name": "avatar-text-3xl",
|
|
5193
|
+
"cssVar": "--avatar-text-3xl",
|
|
5194
|
+
"type": "dimension",
|
|
5195
|
+
"description": "Avatar 3xl fallback text 28px (DES-1109).",
|
|
5196
|
+
"value": "1.75rem"
|
|
5197
|
+
},
|
|
5198
|
+
{
|
|
5199
|
+
"name": "avatar-text-4xl",
|
|
5200
|
+
"cssVar": "--avatar-text-4xl",
|
|
5201
|
+
"type": "dimension",
|
|
5202
|
+
"description": "Avatar 4xl fallback text 36px (DES-1109).",
|
|
5203
|
+
"value": "2.25rem"
|
|
5204
|
+
},
|
|
5054
5205
|
{
|
|
5055
5206
|
"name": "avatar-text-default",
|
|
5056
5207
|
"cssVar": "--avatar-text-default",
|
|
@@ -5242,7 +5393,8 @@
|
|
|
5242
5393
|
"name": "badge-size-lg-text",
|
|
5243
5394
|
"cssVar": "--badge-size-lg-text",
|
|
5244
5395
|
"type": "dimension",
|
|
5245
|
-
"
|
|
5396
|
+
"description": "Badge lg text 12px alinhado ao Figma (DES-1123) — era 0.875rem (14px).",
|
|
5397
|
+
"value": "0.75rem"
|
|
5246
5398
|
},
|
|
5247
5399
|
{
|
|
5248
5400
|
"name": "badge-size-md-h",
|
|
@@ -5261,7 +5413,8 @@
|
|
|
5261
5413
|
"name": "badge-size-md-text",
|
|
5262
5414
|
"cssVar": "--badge-size-md-text",
|
|
5263
5415
|
"type": "dimension",
|
|
5264
|
-
"
|
|
5416
|
+
"description": "Badge md text 12px alinhado ao Figma (DES-1123) — era 0.875rem (14px). Tamanho varia por padding/altura, texto constante 12px.",
|
|
5417
|
+
"value": "0.75rem"
|
|
5265
5418
|
},
|
|
5266
5419
|
{
|
|
5267
5420
|
"name": "badge-size-sm-h",
|
|
@@ -6353,7 +6506,7 @@
|
|
|
6353
6506
|
"name": "card-root-background",
|
|
6354
6507
|
"cssVar": "--card-root-background",
|
|
6355
6508
|
"type": "color",
|
|
6356
|
-
"value": "oklch(
|
|
6509
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
6357
6510
|
},
|
|
6358
6511
|
{
|
|
6359
6512
|
"name": "card-root-border-width",
|
|
@@ -6443,7 +6596,7 @@
|
|
|
6443
6596
|
"cssVar": "--chart-card-bg",
|
|
6444
6597
|
"type": "color",
|
|
6445
6598
|
"description": "ChartCard container background — Figma core/background/card (#fafafa), flat sem shadow (node 1727-20403, DES-1253).",
|
|
6446
|
-
"value": "oklch(
|
|
6599
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
6447
6600
|
},
|
|
6448
6601
|
{
|
|
6449
6602
|
"name": "chart-card-border",
|
|
@@ -7778,7 +7931,7 @@
|
|
|
7778
7931
|
"name": "comment-system-item-background",
|
|
7779
7932
|
"cssVar": "--comment-system-item-background",
|
|
7780
7933
|
"type": "color",
|
|
7781
|
-
"value": "oklch(
|
|
7934
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
7782
7935
|
},
|
|
7783
7936
|
{
|
|
7784
7937
|
"name": "comment-system-item-border",
|
|
@@ -8312,6 +8465,68 @@
|
|
|
8312
8465
|
"description": "DateRangePicker trigger min-width per DES-1264 — range typically shows two dates, wider than DatePicker.",
|
|
8313
8466
|
"value": "300px"
|
|
8314
8467
|
},
|
|
8468
|
+
{
|
|
8469
|
+
"name": "dialog-content-bg",
|
|
8470
|
+
"cssVar": "--dialog-content-bg",
|
|
8471
|
+
"type": "color",
|
|
8472
|
+
"description": "Dialog content surface — card (#fafafa, superfície elevada, CC-2). Modal cascateia o mesmo via PR #120.",
|
|
8473
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
8474
|
+
},
|
|
8475
|
+
{
|
|
8476
|
+
"name": "dialog-content-border",
|
|
8477
|
+
"cssVar": "--dialog-content-border",
|
|
8478
|
+
"type": "color",
|
|
8479
|
+
"value": "oklch(92.19% 0.0000 0)"
|
|
8480
|
+
},
|
|
8481
|
+
{
|
|
8482
|
+
"name": "dialog-content-gap",
|
|
8483
|
+
"cssVar": "--dialog-content-gap",
|
|
8484
|
+
"type": "dimension",
|
|
8485
|
+
"value": "16px"
|
|
8486
|
+
},
|
|
8487
|
+
{
|
|
8488
|
+
"name": "dialog-content-max-width",
|
|
8489
|
+
"cssVar": "--dialog-content-max-width",
|
|
8490
|
+
"type": "dimension",
|
|
8491
|
+
"value": "32rem"
|
|
8492
|
+
},
|
|
8493
|
+
{
|
|
8494
|
+
"name": "dialog-content-padding",
|
|
8495
|
+
"cssVar": "--dialog-content-padding",
|
|
8496
|
+
"type": "dimension",
|
|
8497
|
+
"value": "24px"
|
|
8498
|
+
},
|
|
8499
|
+
{
|
|
8500
|
+
"name": "dialog-content-radius",
|
|
8501
|
+
"cssVar": "--dialog-content-radius",
|
|
8502
|
+
"type": "dimension",
|
|
8503
|
+
"description": "Dialog content radius 12px (radius/lg) — Figma Dialog 1409:1503.",
|
|
8504
|
+
"value": "12px"
|
|
8505
|
+
},
|
|
8506
|
+
{
|
|
8507
|
+
"name": "dialog-content-shadow",
|
|
8508
|
+
"cssVar": "--dialog-content-shadow",
|
|
8509
|
+
"value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
|
|
8510
|
+
},
|
|
8511
|
+
{
|
|
8512
|
+
"name": "dialog-footer-gap",
|
|
8513
|
+
"cssVar": "--dialog-footer-gap",
|
|
8514
|
+
"type": "dimension",
|
|
8515
|
+
"value": "8px"
|
|
8516
|
+
},
|
|
8517
|
+
{
|
|
8518
|
+
"name": "dialog-header-gap",
|
|
8519
|
+
"cssVar": "--dialog-header-gap",
|
|
8520
|
+
"type": "dimension",
|
|
8521
|
+
"value": "8px"
|
|
8522
|
+
},
|
|
8523
|
+
{
|
|
8524
|
+
"name": "dialog-overlay-bg",
|
|
8525
|
+
"cssVar": "--dialog-overlay-bg",
|
|
8526
|
+
"type": "color",
|
|
8527
|
+
"description": "Dialog overlay scrim. Família própria do Dialog (split do --modal-* per DES-1183) — espelha o Modal por ora; valores podem divergir na Wave 4 (DES-1378).",
|
|
8528
|
+
"value": "oklch(0.00% 0.0000 0 / 60.0%)"
|
|
8529
|
+
},
|
|
8315
8530
|
{
|
|
8316
8531
|
"name": "divider-color-default",
|
|
8317
8532
|
"cssVar": "--divider-color-default",
|
|
@@ -10718,7 +10933,7 @@
|
|
|
10718
10933
|
"name": "kanban-card-background",
|
|
10719
10934
|
"cssVar": "--kanban-card-background",
|
|
10720
10935
|
"type": "color",
|
|
10721
|
-
"value": "oklch(
|
|
10936
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
10722
10937
|
},
|
|
10723
10938
|
{
|
|
10724
10939
|
"name": "kanban-card-foreground",
|
|
@@ -11613,7 +11828,7 @@
|
|
|
11613
11828
|
"name": "modal-content-bg",
|
|
11614
11829
|
"cssVar": "--modal-content-bg",
|
|
11615
11830
|
"type": "color",
|
|
11616
|
-
"value": "oklch(
|
|
11831
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
11617
11832
|
},
|
|
11618
11833
|
{
|
|
11619
11834
|
"name": "modal-content-border",
|
|
@@ -13171,6 +13386,13 @@
|
|
|
13171
13386
|
"type": "color",
|
|
13172
13387
|
"value": "oklch(86.06% 0.1731 91.94)"
|
|
13173
13388
|
},
|
|
13389
|
+
{
|
|
13390
|
+
"name": "rating-icon-color-half",
|
|
13391
|
+
"cssVar": "--rating-icon-color-half",
|
|
13392
|
+
"type": "color",
|
|
13393
|
+
"description": "Half-star fill — token dedicado (DES-1217); default = filled (warning). Antes era fill-current (herdava currentColor).",
|
|
13394
|
+
"value": "oklch(86.06% 0.1731 91.94)"
|
|
13395
|
+
},
|
|
13174
13396
|
{
|
|
13175
13397
|
"name": "rating-icon-size-lg",
|
|
13176
13398
|
"cssVar": "--rating-icon-size-lg",
|
|
@@ -16608,7 +16830,7 @@
|
|
|
16608
16830
|
"cssVar": "--toolbar-root-background",
|
|
16609
16831
|
"type": "color",
|
|
16610
16832
|
"description": "Toolbar root bg aligned with Figma core/background/card per DES-1324 item 4.",
|
|
16611
|
-
"value": "oklch(
|
|
16833
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
16612
16834
|
},
|
|
16613
16835
|
{
|
|
16614
16836
|
"name": "toolbar-root-border",
|