@etus/tokens 0.4.0-beta.2 → 0.4.0-beta.20
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/theme-color.json +5 -0
- package/dist/tokens.css +632 -903
- package/dist/tokens.js +329 -111
- package/dist/tokens.meta.json +1653 -364
- package/package.json +8 -4
package/dist/tokens.meta.json
CHANGED
|
@@ -622,6 +622,72 @@
|
|
|
622
622
|
"type": "color",
|
|
623
623
|
"value": "oklch(14.48% 0.0000 0)"
|
|
624
624
|
},
|
|
625
|
+
{
|
|
626
|
+
"name": "purple-100",
|
|
627
|
+
"cssVar": "--purple-100",
|
|
628
|
+
"type": "color",
|
|
629
|
+
"value": "oklch(94.64% 0.0327 307.17)"
|
|
630
|
+
},
|
|
631
|
+
{
|
|
632
|
+
"name": "purple-200",
|
|
633
|
+
"cssVar": "--purple-200",
|
|
634
|
+
"type": "color",
|
|
635
|
+
"value": "oklch(90.24% 0.0604 306.70)"
|
|
636
|
+
},
|
|
637
|
+
{
|
|
638
|
+
"name": "purple-300",
|
|
639
|
+
"cssVar": "--purple-300",
|
|
640
|
+
"type": "color",
|
|
641
|
+
"value": "oklch(82.68% 0.1082 306.38)"
|
|
642
|
+
},
|
|
643
|
+
{
|
|
644
|
+
"name": "purple-400",
|
|
645
|
+
"cssVar": "--purple-400",
|
|
646
|
+
"type": "color",
|
|
647
|
+
"value": "oklch(72.17% 0.1767 305.50)"
|
|
648
|
+
},
|
|
649
|
+
{
|
|
650
|
+
"name": "purple-50",
|
|
651
|
+
"cssVar": "--purple-50",
|
|
652
|
+
"type": "color",
|
|
653
|
+
"value": "oklch(97.68% 0.0142 308.30)"
|
|
654
|
+
},
|
|
655
|
+
{
|
|
656
|
+
"name": "purple-500",
|
|
657
|
+
"cssVar": "--purple-500",
|
|
658
|
+
"type": "color",
|
|
659
|
+
"value": "oklch(62.68% 0.2325 303.90)"
|
|
660
|
+
},
|
|
661
|
+
{
|
|
662
|
+
"name": "purple-600",
|
|
663
|
+
"cssVar": "--purple-600",
|
|
664
|
+
"type": "color",
|
|
665
|
+
"value": "oklch(55.75% 0.2525 302.32)"
|
|
666
|
+
},
|
|
667
|
+
{
|
|
668
|
+
"name": "purple-700",
|
|
669
|
+
"cssVar": "--purple-700",
|
|
670
|
+
"type": "color",
|
|
671
|
+
"value": "oklch(49.55% 0.2369 301.92)"
|
|
672
|
+
},
|
|
673
|
+
{
|
|
674
|
+
"name": "purple-800",
|
|
675
|
+
"cssVar": "--purple-800",
|
|
676
|
+
"type": "color",
|
|
677
|
+
"value": "oklch(43.83% 0.1983 303.72)"
|
|
678
|
+
},
|
|
679
|
+
{
|
|
680
|
+
"name": "purple-900",
|
|
681
|
+
"cssVar": "--purple-900",
|
|
682
|
+
"type": "color",
|
|
683
|
+
"value": "oklch(38.07% 0.1661 304.99)"
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"name": "purple-950",
|
|
687
|
+
"cssVar": "--purple-950",
|
|
688
|
+
"type": "color",
|
|
689
|
+
"value": "oklch(29.05% 0.1432 302.72)"
|
|
690
|
+
},
|
|
625
691
|
{
|
|
626
692
|
"name": "red-100",
|
|
627
693
|
"cssVar": "--red-100",
|
|
@@ -780,7 +846,7 @@
|
|
|
780
846
|
"type": "color",
|
|
781
847
|
"description": "Main application background (base.white, Figma v2 canonical)",
|
|
782
848
|
"light": "oklch(100.00% 0.0000 0)",
|
|
783
|
-
"dark": "oklch(
|
|
849
|
+
"dark": "oklch(20.46% 0.0000 0)"
|
|
784
850
|
},
|
|
785
851
|
{
|
|
786
852
|
"name": "border",
|
|
@@ -906,8 +972,8 @@
|
|
|
906
972
|
"name": "card",
|
|
907
973
|
"cssVar": "--card",
|
|
908
974
|
"type": "color",
|
|
909
|
-
"description": "Card and elevated container surface (base.white
|
|
910
|
-
"light": "oklch(
|
|
975
|
+
"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.",
|
|
976
|
+
"light": "oklch(98.51% 0.0000 0)",
|
|
911
977
|
"dark": "oklch(26.86% 0.0000 0)"
|
|
912
978
|
},
|
|
913
979
|
{
|
|
@@ -1000,6 +1066,13 @@
|
|
|
1000
1066
|
"light": "oklch(97.02% 0.0000 0)",
|
|
1001
1067
|
"dark": "oklch(37.15% 0.0000 0)"
|
|
1002
1068
|
},
|
|
1069
|
+
{
|
|
1070
|
+
"name": "core-background-muted-active",
|
|
1071
|
+
"cssVar": "--core-background-muted-active",
|
|
1072
|
+
"type": "color",
|
|
1073
|
+
"light": "oklch(92.19% 0.0000 0)",
|
|
1074
|
+
"dark": "oklch(43.86% 0.0000 0)"
|
|
1075
|
+
},
|
|
1003
1076
|
{
|
|
1004
1077
|
"name": "core-background-muted-foreground",
|
|
1005
1078
|
"cssVar": "--core-background-muted-foreground",
|
|
@@ -1008,10 +1081,38 @@
|
|
|
1008
1081
|
"dark": "oklch(71.55% 0.0000 0)"
|
|
1009
1082
|
},
|
|
1010
1083
|
{
|
|
1011
|
-
"name": "core-background-
|
|
1012
|
-
"cssVar": "--core-background-
|
|
1084
|
+
"name": "core-background-muted-hover",
|
|
1085
|
+
"cssVar": "--core-background-muted-hover",
|
|
1086
|
+
"type": "color",
|
|
1087
|
+
"light": "oklch(92.19% 0.0000 0)",
|
|
1088
|
+
"dark": "oklch(43.86% 0.0000 0)"
|
|
1089
|
+
},
|
|
1090
|
+
{
|
|
1091
|
+
"name": "core-background-muted-subtle",
|
|
1092
|
+
"cssVar": "--core-background-muted-subtle",
|
|
1093
|
+
"type": "color",
|
|
1094
|
+
"light": "oklch(98.51% 0.0000 0)",
|
|
1095
|
+
"dark": "oklch(14.48% 0.0000 0)"
|
|
1096
|
+
},
|
|
1097
|
+
{
|
|
1098
|
+
"name": "core-background-overlay-medium",
|
|
1099
|
+
"cssVar": "--core-background-overlay-medium",
|
|
1013
1100
|
"type": "color",
|
|
1014
1101
|
"light": "oklch(0.00% 0.0000 0 / 60.0%)",
|
|
1102
|
+
"dark": "oklch(0.00% 0.0000 0 / 60.0%)"
|
|
1103
|
+
},
|
|
1104
|
+
{
|
|
1105
|
+
"name": "core-background-overlay-soft",
|
|
1106
|
+
"cssVar": "--core-background-overlay-soft",
|
|
1107
|
+
"type": "color",
|
|
1108
|
+
"light": "oklch(0.00% 0.0000 0 / 40.0%)",
|
|
1109
|
+
"dark": "oklch(0.00% 0.0000 0 / 40.0%)"
|
|
1110
|
+
},
|
|
1111
|
+
{
|
|
1112
|
+
"name": "core-background-overlay-strong",
|
|
1113
|
+
"cssVar": "--core-background-overlay-strong",
|
|
1114
|
+
"type": "color",
|
|
1115
|
+
"light": "oklch(0.00% 0.0000 0 / 80.0%)",
|
|
1015
1116
|
"dark": "oklch(0.00% 0.0000 0 / 80.0%)"
|
|
1016
1117
|
},
|
|
1017
1118
|
{
|
|
@@ -1071,6 +1172,14 @@
|
|
|
1071
1172
|
"light": "oklch(63.68% 0.2078 25.33)",
|
|
1072
1173
|
"dark": "oklch(63.68% 0.2078 25.33)"
|
|
1073
1174
|
},
|
|
1175
|
+
{
|
|
1176
|
+
"name": "destructive-active",
|
|
1177
|
+
"cssVar": "--destructive-active",
|
|
1178
|
+
"type": "color",
|
|
1179
|
+
"description": "Destructive active/pressed (red-700, DES-486 — completes interactive role, follows primary-active stepping)",
|
|
1180
|
+
"light": "oklch(50.54% 0.1905 27.52)",
|
|
1181
|
+
"dark": "oklch(80.77% 0.1035 19.57)"
|
|
1182
|
+
},
|
|
1074
1183
|
{
|
|
1075
1184
|
"name": "destructive-border",
|
|
1076
1185
|
"cssVar": "--destructive-border",
|
|
@@ -1247,7 +1356,7 @@
|
|
|
1247
1356
|
"cssVar": "--kbd-variant-default-background",
|
|
1248
1357
|
"type": "color",
|
|
1249
1358
|
"light": "oklch(97.02% 0.0000 0)",
|
|
1250
|
-
"dark": "oklch(
|
|
1359
|
+
"dark": "oklch(37.15% 0.0000 0)"
|
|
1251
1360
|
},
|
|
1252
1361
|
{
|
|
1253
1362
|
"name": "kbd-variant-default-color",
|
|
@@ -1309,7 +1418,8 @@
|
|
|
1309
1418
|
"name": "link-color-default",
|
|
1310
1419
|
"cssVar": "--link-color-default",
|
|
1311
1420
|
"type": "color",
|
|
1312
|
-
"
|
|
1421
|
+
"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.",
|
|
1422
|
+
"light": "oklch(56.08% 0.1221 160.56)",
|
|
1313
1423
|
"dark": "oklch(84.11% 0.1609 163.31)"
|
|
1314
1424
|
},
|
|
1315
1425
|
{
|
|
@@ -1346,7 +1456,7 @@
|
|
|
1346
1456
|
"type": "color",
|
|
1347
1457
|
"description": "Subtle backgrounds: tabs, skeletons, inactive badges (neutral-100)",
|
|
1348
1458
|
"light": "oklch(97.02% 0.0000 0)",
|
|
1349
|
-
"dark": "oklch(
|
|
1459
|
+
"dark": "oklch(37.15% 0.0000 0)"
|
|
1350
1460
|
},
|
|
1351
1461
|
{
|
|
1352
1462
|
"name": "muted-foreground",
|
|
@@ -1511,6 +1621,153 @@
|
|
|
1511
1621
|
"light": "oklch(56.08% 0.1221 160.56)",
|
|
1512
1622
|
"dark": "oklch(87.18% 0.1296 166.48)"
|
|
1513
1623
|
},
|
|
1624
|
+
{
|
|
1625
|
+
"name": "report-builder-accent",
|
|
1626
|
+
"cssVar": "--report-builder-accent",
|
|
1627
|
+
"type": "color",
|
|
1628
|
+
"light": "oklch(57.37% 0.1946 257.86)",
|
|
1629
|
+
"dark": "oklch(76.61% 0.1083 259.79)"
|
|
1630
|
+
},
|
|
1631
|
+
{
|
|
1632
|
+
"name": "report-builder-accent-bg",
|
|
1633
|
+
"cssVar": "--report-builder-accent-bg",
|
|
1634
|
+
"type": "color",
|
|
1635
|
+
"light": "oklch(95.32% 0.0207 261.77)",
|
|
1636
|
+
"dark": "oklch(34.67% 0.0731 256.69)"
|
|
1637
|
+
},
|
|
1638
|
+
{
|
|
1639
|
+
"name": "report-builder-accent-bg-subtle",
|
|
1640
|
+
"cssVar": "--report-builder-accent-bg-subtle",
|
|
1641
|
+
"type": "color",
|
|
1642
|
+
"light": "oklch(97.14% 0.0108 256.69)",
|
|
1643
|
+
"dark": "oklch(33.49% 0.0383 251.89)"
|
|
1644
|
+
},
|
|
1645
|
+
{
|
|
1646
|
+
"name": "report-builder-accent-border",
|
|
1647
|
+
"cssVar": "--report-builder-accent-border",
|
|
1648
|
+
"type": "color",
|
|
1649
|
+
"light": "oklch(91.09% 0.0388 257.92)",
|
|
1650
|
+
"dark": "oklch(46.92% 0.0851 258.47)"
|
|
1651
|
+
},
|
|
1652
|
+
{
|
|
1653
|
+
"name": "report-builder-accent-bright",
|
|
1654
|
+
"cssVar": "--report-builder-accent-bright",
|
|
1655
|
+
"type": "color",
|
|
1656
|
+
"light": "oklch(63.04% 0.1800 259.96)",
|
|
1657
|
+
"dark": "oklch(76.61% 0.1083 259.79)"
|
|
1658
|
+
},
|
|
1659
|
+
{
|
|
1660
|
+
"name": "report-builder-accent-hover",
|
|
1661
|
+
"cssVar": "--report-builder-accent-hover",
|
|
1662
|
+
"type": "color",
|
|
1663
|
+
"light": "oklch(53.18% 0.1807 258.26)",
|
|
1664
|
+
"dark": "oklch(83.69% 0.0733 259.99)"
|
|
1665
|
+
},
|
|
1666
|
+
{
|
|
1667
|
+
"name": "report-builder-border",
|
|
1668
|
+
"cssVar": "--report-builder-border",
|
|
1669
|
+
"type": "color",
|
|
1670
|
+
"light": "oklch(89.41% 0.0059 264.53)",
|
|
1671
|
+
"dark": "oklch(49.79% 0.0094 253.91)"
|
|
1672
|
+
},
|
|
1673
|
+
{
|
|
1674
|
+
"name": "report-builder-border-strong",
|
|
1675
|
+
"cssVar": "--report-builder-border-strong",
|
|
1676
|
+
"type": "color",
|
|
1677
|
+
"light": "oklch(90.67% 0.0000 0)",
|
|
1678
|
+
"dark": "oklch(36.88% 0.0074 240.02)"
|
|
1679
|
+
},
|
|
1680
|
+
{
|
|
1681
|
+
"name": "report-builder-fg",
|
|
1682
|
+
"cssVar": "--report-builder-fg",
|
|
1683
|
+
"type": "color",
|
|
1684
|
+
"light": "oklch(24.79% 0.0058 271.18)",
|
|
1685
|
+
"dark": "oklch(93.64% 0.0046 258.33)"
|
|
1686
|
+
},
|
|
1687
|
+
{
|
|
1688
|
+
"name": "report-builder-fg-muted",
|
|
1689
|
+
"cssVar": "--report-builder-fg-muted",
|
|
1690
|
+
"type": "color",
|
|
1691
|
+
"light": "oklch(49.79% 0.0094 253.91)",
|
|
1692
|
+
"dark": "oklch(70.28% 0.0111 247.99)"
|
|
1693
|
+
},
|
|
1694
|
+
{
|
|
1695
|
+
"name": "report-builder-fg-secondary",
|
|
1696
|
+
"cssVar": "--report-builder-fg-secondary",
|
|
1697
|
+
"type": "color",
|
|
1698
|
+
"light": "oklch(36.88% 0.0074 240.02)",
|
|
1699
|
+
"dark": "oklch(80.93% 0.0083 253.87)"
|
|
1700
|
+
},
|
|
1701
|
+
{
|
|
1702
|
+
"name": "report-builder-fg-strong",
|
|
1703
|
+
"cssVar": "--report-builder-fg-strong",
|
|
1704
|
+
"type": "color",
|
|
1705
|
+
"light": "rgba(0, 0, 0, 0.87)",
|
|
1706
|
+
"dark": "rgba(232, 234, 237, 0.87)"
|
|
1707
|
+
},
|
|
1708
|
+
{
|
|
1709
|
+
"name": "report-builder-fg-subtle",
|
|
1710
|
+
"cssVar": "--report-builder-fg-subtle",
|
|
1711
|
+
"type": "color",
|
|
1712
|
+
"light": "oklch(56.24% 0.0000 0)",
|
|
1713
|
+
"dark": "oklch(70.28% 0.0111 247.99)"
|
|
1714
|
+
},
|
|
1715
|
+
{
|
|
1716
|
+
"name": "report-builder-on-accent",
|
|
1717
|
+
"cssVar": "--report-builder-on-accent",
|
|
1718
|
+
"type": "color",
|
|
1719
|
+
"light": "oklch(100.00% 0.0000 0)",
|
|
1720
|
+
"dark": "oklch(24.79% 0.0058 271.18)"
|
|
1721
|
+
},
|
|
1722
|
+
{
|
|
1723
|
+
"name": "report-builder-positive",
|
|
1724
|
+
"cssVar": "--report-builder-positive",
|
|
1725
|
+
"type": "color",
|
|
1726
|
+
"light": "oklch(64.75% 0.1603 148.50)",
|
|
1727
|
+
"dark": "oklch(77.44% 0.1039 152.19)"
|
|
1728
|
+
},
|
|
1729
|
+
{
|
|
1730
|
+
"name": "report-builder-shadow",
|
|
1731
|
+
"cssVar": "--report-builder-shadow",
|
|
1732
|
+
"type": "color",
|
|
1733
|
+
"light": "rgba(60, 64, 67, 0.3)",
|
|
1734
|
+
"dark": "rgba(0, 0, 0, 0.5)"
|
|
1735
|
+
},
|
|
1736
|
+
{
|
|
1737
|
+
"name": "report-builder-shadow-subtle",
|
|
1738
|
+
"cssVar": "--report-builder-shadow-subtle",
|
|
1739
|
+
"type": "color",
|
|
1740
|
+
"light": "rgba(60, 64, 67, 0.15)",
|
|
1741
|
+
"dark": "rgba(0, 0, 0, 0.3)"
|
|
1742
|
+
},
|
|
1743
|
+
{
|
|
1744
|
+
"name": "report-builder-surface",
|
|
1745
|
+
"cssVar": "--report-builder-surface",
|
|
1746
|
+
"type": "color",
|
|
1747
|
+
"light": "oklch(100.00% 0.0000 0)",
|
|
1748
|
+
"dark": "oklch(24.79% 0.0058 271.18)"
|
|
1749
|
+
},
|
|
1750
|
+
{
|
|
1751
|
+
"name": "report-builder-surface-hover",
|
|
1752
|
+
"cssVar": "--report-builder-surface-hover",
|
|
1753
|
+
"type": "color",
|
|
1754
|
+
"light": "oklch(96.29% 0.0025 228.78)",
|
|
1755
|
+
"dark": "oklch(33.34% 0.0071 274.76)"
|
|
1756
|
+
},
|
|
1757
|
+
{
|
|
1758
|
+
"name": "report-builder-surface-muted",
|
|
1759
|
+
"cssVar": "--report-builder-surface-muted",
|
|
1760
|
+
"type": "color",
|
|
1761
|
+
"light": "oklch(97.02% 0.0000 0)",
|
|
1762
|
+
"dark": "oklch(28.52% 0.0056 271.22)"
|
|
1763
|
+
},
|
|
1764
|
+
{
|
|
1765
|
+
"name": "report-builder-surface-subtle",
|
|
1766
|
+
"cssVar": "--report-builder-surface-subtle",
|
|
1767
|
+
"type": "color",
|
|
1768
|
+
"light": "oklch(98.16% 0.0017 247.84)",
|
|
1769
|
+
"dark": "oklch(28.52% 0.0056 271.22)"
|
|
1770
|
+
},
|
|
1514
1771
|
{
|
|
1515
1772
|
"name": "ring",
|
|
1516
1773
|
"cssVar": "--ring",
|
|
@@ -1535,6 +1792,14 @@
|
|
|
1535
1792
|
"light": "oklch(87.82% 0.2037 137.75)",
|
|
1536
1793
|
"dark": "oklch(28.73% 0.0661 137.75)"
|
|
1537
1794
|
},
|
|
1795
|
+
{
|
|
1796
|
+
"name": "secondary-active",
|
|
1797
|
+
"cssVar": "--secondary-active",
|
|
1798
|
+
"type": "color",
|
|
1799
|
+
"description": "Secondary active/pressed (brand-secondary-700, DES-486 — completes interactive role, follows primary-active stepping)",
|
|
1800
|
+
"light": "oklch(58.24% 0.1354 137.66)",
|
|
1801
|
+
"dark": "oklch(58.24% 0.1354 137.66)"
|
|
1802
|
+
},
|
|
1538
1803
|
{
|
|
1539
1804
|
"name": "secondary-border",
|
|
1540
1805
|
"cssVar": "--secondary-border",
|
|
@@ -1613,7 +1878,7 @@
|
|
|
1613
1878
|
"type": "color",
|
|
1614
1879
|
"description": "Sidebar divider (neutral-200)",
|
|
1615
1880
|
"light": "oklch(92.19% 0.0000 0)",
|
|
1616
|
-
"dark": "oklch(
|
|
1881
|
+
"dark": "oklch(37.15% 0.0000 0)"
|
|
1617
1882
|
},
|
|
1618
1883
|
{
|
|
1619
1884
|
"name": "sidebar-foreground",
|
|
@@ -1764,6 +2029,41 @@
|
|
|
1764
2029
|
"light": "oklch(52.73% 0.1371 150.07)",
|
|
1765
2030
|
"dark": "oklch(87.12% 0.1363 154.45)"
|
|
1766
2031
|
},
|
|
2032
|
+
{
|
|
2033
|
+
"name": "status-tip-background",
|
|
2034
|
+
"cssVar": "--status-tip-background",
|
|
2035
|
+
"type": "color",
|
|
2036
|
+
"light": "oklch(55.75% 0.2525 302.32)",
|
|
2037
|
+
"dark": "oklch(62.68% 0.2325 303.90)"
|
|
2038
|
+
},
|
|
2039
|
+
{
|
|
2040
|
+
"name": "status-tip-border",
|
|
2041
|
+
"cssVar": "--status-tip-border",
|
|
2042
|
+
"type": "color",
|
|
2043
|
+
"light": "oklch(90.24% 0.0604 306.70)",
|
|
2044
|
+
"dark": "oklch(43.83% 0.1983 303.72)"
|
|
2045
|
+
},
|
|
2046
|
+
{
|
|
2047
|
+
"name": "status-tip-foreground",
|
|
2048
|
+
"cssVar": "--status-tip-foreground",
|
|
2049
|
+
"type": "color",
|
|
2050
|
+
"light": "oklch(100.00% 0.0000 0)",
|
|
2051
|
+
"dark": "oklch(100.00% 0.0000 0)"
|
|
2052
|
+
},
|
|
2053
|
+
{
|
|
2054
|
+
"name": "status-tip-subtle",
|
|
2055
|
+
"cssVar": "--status-tip-subtle",
|
|
2056
|
+
"type": "color",
|
|
2057
|
+
"light": "oklch(97.68% 0.0142 308.30)",
|
|
2058
|
+
"dark": "oklch(29.05% 0.1432 302.72)"
|
|
2059
|
+
},
|
|
2060
|
+
{
|
|
2061
|
+
"name": "status-tip-subtle-foreground",
|
|
2062
|
+
"cssVar": "--status-tip-subtle-foreground",
|
|
2063
|
+
"type": "color",
|
|
2064
|
+
"light": "oklch(49.55% 0.2369 301.92)",
|
|
2065
|
+
"dark": "oklch(82.68% 0.1082 306.38)"
|
|
2066
|
+
},
|
|
1767
2067
|
{
|
|
1768
2068
|
"name": "status-warning-background",
|
|
1769
2069
|
"cssVar": "--status-warning-background",
|
|
@@ -1823,6 +2123,14 @@
|
|
|
1823
2123
|
"light": "oklch(100.00% 0.0000 0)",
|
|
1824
2124
|
"dark": "oklch(100.00% 0.0000 0)"
|
|
1825
2125
|
},
|
|
2126
|
+
{
|
|
2127
|
+
"name": "success-hover",
|
|
2128
|
+
"cssVar": "--success-hover",
|
|
2129
|
+
"type": "color",
|
|
2130
|
+
"description": "Success hover (green-700, Figma 1007-301 status/success/hover #15803d) — DES-1146",
|
|
2131
|
+
"light": "oklch(52.73% 0.1371 150.07)",
|
|
2132
|
+
"dark": "oklch(80.03% 0.1821 151.71)"
|
|
2133
|
+
},
|
|
1826
2134
|
{
|
|
1827
2135
|
"name": "success-subtle",
|
|
1828
2136
|
"cssVar": "--success-subtle",
|
|
@@ -1845,7 +2153,7 @@
|
|
|
1845
2153
|
"type": "color",
|
|
1846
2154
|
"description": "Secondary layer (neutral-50)",
|
|
1847
2155
|
"light": "oklch(98.51% 0.0000 0)",
|
|
1848
|
-
"dark": "oklch(
|
|
2156
|
+
"dark": "oklch(14.48% 0.0000 0)"
|
|
1849
2157
|
},
|
|
1850
2158
|
{
|
|
1851
2159
|
"name": "surface-foreground",
|
|
@@ -1879,6 +2187,14 @@
|
|
|
1879
2187
|
"light": "oklch(28.57% 0.0639 53.81)",
|
|
1880
2188
|
"dark": "oklch(28.57% 0.0639 53.81)"
|
|
1881
2189
|
},
|
|
2190
|
+
{
|
|
2191
|
+
"name": "warning-hover",
|
|
2192
|
+
"cssVar": "--warning-hover",
|
|
2193
|
+
"type": "color",
|
|
2194
|
+
"description": "Warning hover (yellow-600, Figma 1007-301 status/warning/hover #ca8a04) — DES-1146",
|
|
2195
|
+
"light": "oklch(68.06% 0.1423 75.83)",
|
|
2196
|
+
"dark": "oklch(86.06% 0.1731 91.94)"
|
|
2197
|
+
},
|
|
1882
2198
|
{
|
|
1883
2199
|
"name": "warning-subtle",
|
|
1884
2200
|
"cssVar": "--warning-subtle",
|
|
@@ -1948,10 +2264,16 @@
|
|
|
1948
2264
|
"value": "500"
|
|
1949
2265
|
},
|
|
1950
2266
|
{
|
|
1951
|
-
"name": "feature-item-
|
|
1952
|
-
"cssVar": "--feature-item-
|
|
2267
|
+
"name": "feature-item-badge-font-weight",
|
|
2268
|
+
"cssVar": "--feature-item-badge-font-weight",
|
|
1953
2269
|
"type": "fontWeight",
|
|
1954
|
-
"value": "
|
|
2270
|
+
"value": "500"
|
|
2271
|
+
},
|
|
2272
|
+
{
|
|
2273
|
+
"name": "feature-item-description-font-weight",
|
|
2274
|
+
"cssVar": "--feature-item-description-font-weight",
|
|
2275
|
+
"type": "fontWeight",
|
|
2276
|
+
"value": "400"
|
|
1955
2277
|
},
|
|
1956
2278
|
{
|
|
1957
2279
|
"name": "feature-item-title-font-weight",
|
|
@@ -2408,7 +2730,7 @@
|
|
|
2408
2730
|
"name": "text-font-family-font-family-2",
|
|
2409
2731
|
"cssVar": "--text-font-family-font-family-2",
|
|
2410
2732
|
"type": "string",
|
|
2411
|
-
"value": "
|
|
2733
|
+
"value": "Inter"
|
|
2412
2734
|
},
|
|
2413
2735
|
{
|
|
2414
2736
|
"name": "text-font-size-2xl",
|
|
@@ -3245,16 +3567,19 @@
|
|
|
3245
3567
|
{
|
|
3246
3568
|
"name": "layout-breakpoint-desktop",
|
|
3247
3569
|
"cssVar": "--layout-breakpoint-desktop",
|
|
3570
|
+
"type": "dimension",
|
|
3248
3571
|
"value": "1280px"
|
|
3249
3572
|
},
|
|
3250
3573
|
{
|
|
3251
3574
|
"name": "layout-breakpoint-mobile",
|
|
3252
3575
|
"cssVar": "--layout-breakpoint-mobile",
|
|
3576
|
+
"type": "dimension",
|
|
3253
3577
|
"value": "768px"
|
|
3254
3578
|
},
|
|
3255
3579
|
{
|
|
3256
3580
|
"name": "layout-breakpoint-tablet",
|
|
3257
3581
|
"cssVar": "--layout-breakpoint-tablet",
|
|
3582
|
+
"type": "dimension",
|
|
3258
3583
|
"value": "1024px"
|
|
3259
3584
|
},
|
|
3260
3585
|
{
|
|
@@ -3460,99 +3785,6 @@
|
|
|
3460
3785
|
}
|
|
3461
3786
|
]
|
|
3462
3787
|
},
|
|
3463
|
-
"focus-rings": {
|
|
3464
|
-
"tokens": [
|
|
3465
|
-
{
|
|
3466
|
-
"name": "focus-ring-color",
|
|
3467
|
-
"cssVar": "--focus-ring-color",
|
|
3468
|
-
"type": "color",
|
|
3469
|
-
"description": "Focus ring color (brand-primary-500)",
|
|
3470
|
-
"value": "oklch(81.75% 0.1821 159.79)"
|
|
3471
|
-
},
|
|
3472
|
-
{
|
|
3473
|
-
"name": "focus-ring-destructive-color",
|
|
3474
|
-
"cssVar": "--focus-ring-destructive-color",
|
|
3475
|
-
"type": "color",
|
|
3476
|
-
"description": "Destructive focus ring color (red-700)",
|
|
3477
|
-
"value": "oklch(50.54% 0.1905 27.52)"
|
|
3478
|
-
},
|
|
3479
|
-
{
|
|
3480
|
-
"name": "focus-ring-destructive-shadow",
|
|
3481
|
-
"cssVar": "--focus-ring-destructive-shadow",
|
|
3482
|
-
"type": "shadow",
|
|
3483
|
-
"description": "Destructive focus ring composite — red-700 @ 25% alpha",
|
|
3484
|
-
"value": "0 0 0 2px #b91c1c40"
|
|
3485
|
-
},
|
|
3486
|
-
{
|
|
3487
|
-
"name": "focus-ring-ghost-color",
|
|
3488
|
-
"cssVar": "--focus-ring-ghost-color",
|
|
3489
|
-
"type": "color",
|
|
3490
|
-
"description": "Ghost focus ring color (neutral-200)",
|
|
3491
|
-
"value": "oklch(92.19% 0.0000 0)"
|
|
3492
|
-
},
|
|
3493
|
-
{
|
|
3494
|
-
"name": "focus-ring-ghost-shadow",
|
|
3495
|
-
"cssVar": "--focus-ring-ghost-shadow",
|
|
3496
|
-
"type": "shadow",
|
|
3497
|
-
"description": "Ghost focus ring composite — neutral-200 @ 25% alpha",
|
|
3498
|
-
"value": "0 0 0 2px #e5e5e540"
|
|
3499
|
-
},
|
|
3500
|
-
{
|
|
3501
|
-
"name": "focus-ring-offset",
|
|
3502
|
-
"cssVar": "--focus-ring-offset",
|
|
3503
|
-
"type": "dimension",
|
|
3504
|
-
"value": "2px"
|
|
3505
|
-
},
|
|
3506
|
-
{
|
|
3507
|
-
"name": "focus-ring-outline-color",
|
|
3508
|
-
"cssVar": "--focus-ring-outline-color",
|
|
3509
|
-
"type": "color",
|
|
3510
|
-
"description": "Outline focus ring color (brand-primary-500)",
|
|
3511
|
-
"value": "oklch(81.75% 0.1821 159.79)"
|
|
3512
|
-
},
|
|
3513
|
-
{
|
|
3514
|
-
"name": "focus-ring-outline-shadow",
|
|
3515
|
-
"cssVar": "--focus-ring-outline-shadow",
|
|
3516
|
-
"type": "shadow",
|
|
3517
|
-
"description": "Outline focus ring composite — brand-primary @ 25% alpha",
|
|
3518
|
-
"value": "0 0 0 2px #19e69940"
|
|
3519
|
-
},
|
|
3520
|
-
{
|
|
3521
|
-
"name": "focus-ring-primary-color",
|
|
3522
|
-
"cssVar": "--focus-ring-primary-color",
|
|
3523
|
-
"type": "color",
|
|
3524
|
-
"description": "Primary focus ring color (brand-primary-500)",
|
|
3525
|
-
"value": "oklch(81.75% 0.1821 159.79)"
|
|
3526
|
-
},
|
|
3527
|
-
{
|
|
3528
|
-
"name": "focus-ring-primary-shadow",
|
|
3529
|
-
"cssVar": "--focus-ring-primary-shadow",
|
|
3530
|
-
"type": "shadow",
|
|
3531
|
-
"description": "Primary focus ring composite — brand-primary @ 25% alpha",
|
|
3532
|
-
"value": "0 0 0 2px #19e69940"
|
|
3533
|
-
},
|
|
3534
|
-
{
|
|
3535
|
-
"name": "focus-ring-secondary-color",
|
|
3536
|
-
"cssVar": "--focus-ring-secondary-color",
|
|
3537
|
-
"type": "color",
|
|
3538
|
-
"description": "Secondary focus ring color (brand-secondary-700)",
|
|
3539
|
-
"value": "oklch(58.24% 0.1354 137.66)"
|
|
3540
|
-
},
|
|
3541
|
-
{
|
|
3542
|
-
"name": "focus-ring-secondary-shadow",
|
|
3543
|
-
"cssVar": "--focus-ring-secondary-shadow",
|
|
3544
|
-
"type": "shadow",
|
|
3545
|
-
"description": "Secondary focus ring composite — brand-secondary-700 @ 25% alpha",
|
|
3546
|
-
"value": "0 0 0 2px #508d3740"
|
|
3547
|
-
},
|
|
3548
|
-
{
|
|
3549
|
-
"name": "focus-ring-width",
|
|
3550
|
-
"cssVar": "--focus-ring-width",
|
|
3551
|
-
"type": "dimension",
|
|
3552
|
-
"value": "2px"
|
|
3553
|
-
}
|
|
3554
|
-
]
|
|
3555
|
-
},
|
|
3556
3788
|
"z-index": {
|
|
3557
3789
|
"tokens": [
|
|
3558
3790
|
{
|
|
@@ -3904,7 +4136,8 @@
|
|
|
3904
4136
|
"name": "accordion-root-gap",
|
|
3905
4137
|
"cssVar": "--accordion-root-gap",
|
|
3906
4138
|
"type": "dimension",
|
|
3907
|
-
"
|
|
4139
|
+
"description": "Accordion root gap between items = 16px (spacing.4) per DES-1239 — was 8px (spacing.2).",
|
|
4140
|
+
"value": "16px"
|
|
3908
4141
|
},
|
|
3909
4142
|
{
|
|
3910
4143
|
"name": "accordion-trigger-gap",
|
|
@@ -3983,40 +4216,162 @@
|
|
|
3983
4216
|
"value": "10rem"
|
|
3984
4217
|
},
|
|
3985
4218
|
{
|
|
3986
|
-
"name": "alert-
|
|
3987
|
-
"cssVar": "--alert-
|
|
4219
|
+
"name": "alert-dialog-content-bg",
|
|
4220
|
+
"cssVar": "--alert-dialog-content-bg",
|
|
4221
|
+
"type": "color",
|
|
4222
|
+
"description": "AlertDialog content surface — card (#fafafa, superfície elevada, CC-2 lista AlertDialog 1157).",
|
|
4223
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
4224
|
+
},
|
|
4225
|
+
{
|
|
4226
|
+
"name": "alert-dialog-content-border",
|
|
4227
|
+
"cssVar": "--alert-dialog-content-border",
|
|
4228
|
+
"type": "color",
|
|
4229
|
+
"value": "oklch(92.19% 0.0000 0)"
|
|
4230
|
+
},
|
|
4231
|
+
{
|
|
4232
|
+
"name": "alert-dialog-content-gap",
|
|
4233
|
+
"cssVar": "--alert-dialog-content-gap",
|
|
3988
4234
|
"type": "dimension",
|
|
3989
4235
|
"value": "16px"
|
|
3990
4236
|
},
|
|
3991
4237
|
{
|
|
3992
|
-
"name": "alert-
|
|
3993
|
-
"cssVar": "--alert-
|
|
4238
|
+
"name": "alert-dialog-content-max-width",
|
|
4239
|
+
"cssVar": "--alert-dialog-content-max-width",
|
|
3994
4240
|
"type": "dimension",
|
|
3995
|
-
"value": "
|
|
4241
|
+
"value": "32rem"
|
|
3996
4242
|
},
|
|
3997
4243
|
{
|
|
3998
|
-
"name": "alert-
|
|
3999
|
-
"cssVar": "--alert-
|
|
4244
|
+
"name": "alert-dialog-content-padding",
|
|
4245
|
+
"cssVar": "--alert-dialog-content-padding",
|
|
4000
4246
|
"type": "dimension",
|
|
4001
|
-
"value": "
|
|
4247
|
+
"value": "24px"
|
|
4002
4248
|
},
|
|
4003
4249
|
{
|
|
4004
|
-
"name": "alert-
|
|
4005
|
-
"cssVar": "--alert-
|
|
4250
|
+
"name": "alert-dialog-content-radius",
|
|
4251
|
+
"cssVar": "--alert-dialog-content-radius",
|
|
4006
4252
|
"type": "dimension",
|
|
4253
|
+
"description": "AlertDialog content radius 12px (radius/lg).",
|
|
4007
4254
|
"value": "12px"
|
|
4008
4255
|
},
|
|
4009
4256
|
{
|
|
4010
|
-
"name": "alert-
|
|
4011
|
-
"cssVar": "--alert-
|
|
4012
|
-
"
|
|
4013
|
-
"value": "0.5rem"
|
|
4257
|
+
"name": "alert-dialog-content-shadow",
|
|
4258
|
+
"cssVar": "--alert-dialog-content-shadow",
|
|
4259
|
+
"value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
|
|
4014
4260
|
},
|
|
4015
4261
|
{
|
|
4016
|
-
"name": "alert-
|
|
4262
|
+
"name": "alert-dialog-footer-gap",
|
|
4263
|
+
"cssVar": "--alert-dialog-footer-gap",
|
|
4264
|
+
"type": "dimension",
|
|
4265
|
+
"value": "8px"
|
|
4266
|
+
},
|
|
4267
|
+
{
|
|
4268
|
+
"name": "alert-dialog-header-gap",
|
|
4269
|
+
"cssVar": "--alert-dialog-header-gap",
|
|
4270
|
+
"type": "dimension",
|
|
4271
|
+
"value": "8px"
|
|
4272
|
+
},
|
|
4273
|
+
{
|
|
4274
|
+
"name": "alert-dialog-icon-pill-color-default-bg",
|
|
4275
|
+
"cssVar": "--alert-dialog-icon-pill-color-default-bg",
|
|
4276
|
+
"type": "color",
|
|
4277
|
+
"description": "Neutral icon-pill bg (core/background/muted).",
|
|
4278
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
4279
|
+
},
|
|
4280
|
+
{
|
|
4281
|
+
"name": "alert-dialog-icon-pill-color-default-fg",
|
|
4282
|
+
"cssVar": "--alert-dialog-icon-pill-color-default-fg",
|
|
4283
|
+
"type": "color",
|
|
4284
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
4285
|
+
},
|
|
4286
|
+
{
|
|
4287
|
+
"name": "alert-dialog-icon-pill-color-destructive-bg",
|
|
4288
|
+
"cssVar": "--alert-dialog-icon-pill-color-destructive-bg",
|
|
4289
|
+
"type": "color",
|
|
4290
|
+
"description": "Destructive intent pill bg (status/destructive/subtle). Reusa tokens STATUS.",
|
|
4291
|
+
"value": "oklch(97.05% 0.0129 17.38)"
|
|
4292
|
+
},
|
|
4293
|
+
{
|
|
4294
|
+
"name": "alert-dialog-icon-pill-color-destructive-fg",
|
|
4295
|
+
"cssVar": "--alert-dialog-icon-pill-color-destructive-fg",
|
|
4296
|
+
"type": "color",
|
|
4297
|
+
"value": "oklch(50.54% 0.1905 27.52)"
|
|
4298
|
+
},
|
|
4299
|
+
{
|
|
4300
|
+
"name": "alert-dialog-icon-pill-color-warning-bg",
|
|
4301
|
+
"cssVar": "--alert-dialog-icon-pill-color-warning-bg",
|
|
4302
|
+
"type": "color",
|
|
4303
|
+
"description": "Warning intent pill bg (status/warning/subtle). Reusa tokens STATUS.",
|
|
4304
|
+
"value": "oklch(98.73% 0.0262 102.21)"
|
|
4305
|
+
},
|
|
4306
|
+
{
|
|
4307
|
+
"name": "alert-dialog-icon-pill-color-warning-fg",
|
|
4308
|
+
"cssVar": "--alert-dialog-icon-pill-color-warning-fg",
|
|
4309
|
+
"type": "color",
|
|
4310
|
+
"value": "oklch(55.38% 0.1207 66.44)"
|
|
4311
|
+
},
|
|
4312
|
+
{
|
|
4313
|
+
"name": "alert-dialog-icon-pill-icon-size",
|
|
4314
|
+
"cssVar": "--alert-dialog-icon-pill-icon-size",
|
|
4315
|
+
"type": "dimension",
|
|
4316
|
+
"description": "AlertDialog icon-pill glyph size 16px.",
|
|
4317
|
+
"value": "16px"
|
|
4318
|
+
},
|
|
4319
|
+
{
|
|
4320
|
+
"name": "alert-dialog-icon-pill-padding",
|
|
4321
|
+
"cssVar": "--alert-dialog-icon-pill-padding",
|
|
4322
|
+
"type": "dimension",
|
|
4323
|
+
"description": "AlertDialog icon-pill inner padding 8px (spacing/2).",
|
|
4324
|
+
"value": "8px"
|
|
4325
|
+
},
|
|
4326
|
+
{
|
|
4327
|
+
"name": "alert-dialog-icon-pill-radius",
|
|
4328
|
+
"cssVar": "--alert-dialog-icon-pill-radius",
|
|
4329
|
+
"type": "dimension",
|
|
4330
|
+
"description": "AlertDialog icon-pill fully-rounded (radius/pill).",
|
|
4331
|
+
"value": "999px"
|
|
4332
|
+
},
|
|
4333
|
+
{
|
|
4334
|
+
"name": "alert-dialog-overlay-bg",
|
|
4335
|
+
"cssVar": "--alert-dialog-overlay-bg",
|
|
4336
|
+
"type": "color",
|
|
4337
|
+
"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).",
|
|
4338
|
+
"value": "oklch(0.00% 0.0000 0 / 60.0%)"
|
|
4339
|
+
},
|
|
4340
|
+
{
|
|
4341
|
+
"name": "alert-icon-size",
|
|
4342
|
+
"cssVar": "--alert-icon-size",
|
|
4343
|
+
"type": "dimension",
|
|
4344
|
+
"value": "16px"
|
|
4345
|
+
},
|
|
4346
|
+
{
|
|
4347
|
+
"name": "alert-root-gap",
|
|
4348
|
+
"cssVar": "--alert-root-gap",
|
|
4349
|
+
"type": "dimension",
|
|
4350
|
+
"value": "12px"
|
|
4351
|
+
},
|
|
4352
|
+
{
|
|
4353
|
+
"name": "alert-root-padding-x",
|
|
4354
|
+
"cssVar": "--alert-root-padding-x",
|
|
4355
|
+
"type": "dimension",
|
|
4356
|
+
"value": "16px"
|
|
4357
|
+
},
|
|
4358
|
+
{
|
|
4359
|
+
"name": "alert-root-padding-y",
|
|
4360
|
+
"cssVar": "--alert-root-padding-y",
|
|
4361
|
+
"type": "dimension",
|
|
4362
|
+
"value": "12px"
|
|
4363
|
+
},
|
|
4364
|
+
{
|
|
4365
|
+
"name": "alert-root-radius",
|
|
4366
|
+
"cssVar": "--alert-root-radius",
|
|
4367
|
+
"type": "dimension",
|
|
4368
|
+
"value": "0.5rem"
|
|
4369
|
+
},
|
|
4370
|
+
{
|
|
4371
|
+
"name": "alert-variant-default-bg",
|
|
4017
4372
|
"cssVar": "--alert-variant-default-bg",
|
|
4018
4373
|
"type": "color",
|
|
4019
|
-
"value": "oklch(
|
|
4374
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
4020
4375
|
},
|
|
4021
4376
|
{
|
|
4022
4377
|
"name": "alert-variant-default-border",
|
|
@@ -4129,7 +4484,7 @@
|
|
|
4129
4484
|
"name": "asset-manager-item-background",
|
|
4130
4485
|
"cssVar": "--asset-manager-item-background",
|
|
4131
4486
|
"type": "color",
|
|
4132
|
-
"value": "oklch(
|
|
4487
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
4133
4488
|
},
|
|
4134
4489
|
{
|
|
4135
4490
|
"name": "asset-manager-item-border",
|
|
@@ -4867,6 +5222,20 @@
|
|
|
4867
5222
|
"type": "dimension",
|
|
4868
5223
|
"value": "64px"
|
|
4869
5224
|
},
|
|
5225
|
+
{
|
|
5226
|
+
"name": "avatar-size-3xl",
|
|
5227
|
+
"cssVar": "--avatar-size-3xl",
|
|
5228
|
+
"type": "dimension",
|
|
5229
|
+
"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).",
|
|
5230
|
+
"value": "72px"
|
|
5231
|
+
},
|
|
5232
|
+
{
|
|
5233
|
+
"name": "avatar-size-4xl",
|
|
5234
|
+
"cssVar": "--avatar-size-4xl",
|
|
5235
|
+
"type": "dimension",
|
|
5236
|
+
"description": "Avatar 4xl 96px — foto de perfil grande (DES-1109).",
|
|
5237
|
+
"value": "96px"
|
|
5238
|
+
},
|
|
4870
5239
|
{
|
|
4871
5240
|
"name": "avatar-size-default",
|
|
4872
5241
|
"cssVar": "--avatar-size-default",
|
|
@@ -4903,6 +5272,20 @@
|
|
|
4903
5272
|
"type": "dimension",
|
|
4904
5273
|
"value": "1.5rem"
|
|
4905
5274
|
},
|
|
5275
|
+
{
|
|
5276
|
+
"name": "avatar-text-3xl",
|
|
5277
|
+
"cssVar": "--avatar-text-3xl",
|
|
5278
|
+
"type": "dimension",
|
|
5279
|
+
"description": "Avatar 3xl fallback text 28px (DES-1109).",
|
|
5280
|
+
"value": "1.75rem"
|
|
5281
|
+
},
|
|
5282
|
+
{
|
|
5283
|
+
"name": "avatar-text-4xl",
|
|
5284
|
+
"cssVar": "--avatar-text-4xl",
|
|
5285
|
+
"type": "dimension",
|
|
5286
|
+
"description": "Avatar 4xl fallback text 36px (DES-1109).",
|
|
5287
|
+
"value": "2.25rem"
|
|
5288
|
+
},
|
|
4906
5289
|
{
|
|
4907
5290
|
"name": "avatar-text-default",
|
|
4908
5291
|
"cssVar": "--avatar-text-default",
|
|
@@ -5094,7 +5477,8 @@
|
|
|
5094
5477
|
"name": "badge-size-lg-text",
|
|
5095
5478
|
"cssVar": "--badge-size-lg-text",
|
|
5096
5479
|
"type": "dimension",
|
|
5097
|
-
"
|
|
5480
|
+
"description": "Badge lg text 12px alinhado ao Figma (DES-1123) — era 0.875rem (14px).",
|
|
5481
|
+
"value": "0.75rem"
|
|
5098
5482
|
},
|
|
5099
5483
|
{
|
|
5100
5484
|
"name": "badge-size-md-h",
|
|
@@ -5113,7 +5497,8 @@
|
|
|
5113
5497
|
"name": "badge-size-md-text",
|
|
5114
5498
|
"cssVar": "--badge-size-md-text",
|
|
5115
5499
|
"type": "dimension",
|
|
5116
|
-
"
|
|
5500
|
+
"description": "Badge md text 12px alinhado ao Figma (DES-1123) — era 0.875rem (14px). Tamanho varia por padding/altura, texto constante 12px.",
|
|
5501
|
+
"value": "0.75rem"
|
|
5117
5502
|
},
|
|
5118
5503
|
{
|
|
5119
5504
|
"name": "badge-size-sm-h",
|
|
@@ -5475,8 +5860,8 @@
|
|
|
5475
5860
|
"name": "button-group-root-border-color-primary",
|
|
5476
5861
|
"cssVar": "--button-group-root-border-color-primary",
|
|
5477
5862
|
"type": "color",
|
|
5478
|
-
"description": "ButtonGroup primary
|
|
5479
|
-
"value": "oklch(
|
|
5863
|
+
"description": "ButtonGroup primary outer border — brand/primary/active (primary-active = brand-primary-700) per DES-1250 item 4 + DES-1139 (Gabriel: recolore a borda externa para active). Era base.primary (mint-500) — corrigido 2026-06-23.",
|
|
5864
|
+
"value": "oklch(56.08% 0.1221 160.56)"
|
|
5480
5865
|
},
|
|
5481
5866
|
{
|
|
5482
5867
|
"name": "button-group-root-fg-primary",
|
|
@@ -5628,12 +6013,26 @@
|
|
|
5628
6013
|
"description": "Button destructive focus-ring per DES-1248 — was bare ring-destructive/20 utility.",
|
|
5629
6014
|
"value": "oklch(63.68% 0.2078 25.33)"
|
|
5630
6015
|
},
|
|
6016
|
+
{
|
|
6017
|
+
"name": "button-ring-ghost",
|
|
6018
|
+
"cssVar": "--button-ring-ghost",
|
|
6019
|
+
"type": "color",
|
|
6020
|
+
"description": "Button ghost focus-ring = neutral-500 (#737373, ~4.8:1, a11y). Figma ghost #e5e5e5 fails WCAG focus contrast (~1.26:1) — darker neutral used per hybrid decision.",
|
|
6021
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
6022
|
+
},
|
|
5631
6023
|
{
|
|
5632
6024
|
"name": "button-ring-gray",
|
|
5633
6025
|
"cssVar": "--button-ring-gray",
|
|
5634
6026
|
"type": "color",
|
|
5635
6027
|
"value": "oklch(81.75% 0.1821 159.79)"
|
|
5636
6028
|
},
|
|
6029
|
+
{
|
|
6030
|
+
"name": "button-ring-secondary",
|
|
6031
|
+
"cssVar": "--button-ring-secondary",
|
|
6032
|
+
"type": "color",
|
|
6033
|
+
"description": "Button secondary focus-ring = brand-secondary-700 (#508d37, Figma Focus Ring - Secondary). Solid (a11y) — focus-ring hybrid cleanup.",
|
|
6034
|
+
"value": "oklch(58.24% 0.1354 137.66)"
|
|
6035
|
+
},
|
|
5637
6036
|
{
|
|
5638
6037
|
"name": "button-ring-success",
|
|
5639
6038
|
"cssVar": "--button-ring-success",
|
|
@@ -5744,42 +6143,6 @@
|
|
|
5744
6143
|
"type": "shadow",
|
|
5745
6144
|
"value": "0 1px 2px 0 rgb(0 0 0 / 0.05)"
|
|
5746
6145
|
},
|
|
5747
|
-
{
|
|
5748
|
-
"name": "button-size-2xl-gap",
|
|
5749
|
-
"cssVar": "--button-size-2xl-gap",
|
|
5750
|
-
"type": "dimension",
|
|
5751
|
-
"value": "8px"
|
|
5752
|
-
},
|
|
5753
|
-
{
|
|
5754
|
-
"name": "button-size-2xl-h",
|
|
5755
|
-
"cssVar": "--button-size-2xl-h",
|
|
5756
|
-
"type": "dimension",
|
|
5757
|
-
"value": "60px"
|
|
5758
|
-
},
|
|
5759
|
-
{
|
|
5760
|
-
"name": "button-size-2xl-leading",
|
|
5761
|
-
"cssVar": "--button-size-2xl-leading",
|
|
5762
|
-
"type": "dimension",
|
|
5763
|
-
"value": "28px"
|
|
5764
|
-
},
|
|
5765
|
-
{
|
|
5766
|
-
"name": "button-size-2xl-px",
|
|
5767
|
-
"cssVar": "--button-size-2xl-px",
|
|
5768
|
-
"type": "dimension",
|
|
5769
|
-
"value": "40px"
|
|
5770
|
-
},
|
|
5771
|
-
{
|
|
5772
|
-
"name": "button-size-2xl-py",
|
|
5773
|
-
"cssVar": "--button-size-2xl-py",
|
|
5774
|
-
"type": "dimension",
|
|
5775
|
-
"value": "16px"
|
|
5776
|
-
},
|
|
5777
|
-
{
|
|
5778
|
-
"name": "button-size-2xl-text",
|
|
5779
|
-
"cssVar": "--button-size-2xl-text",
|
|
5780
|
-
"type": "dimension",
|
|
5781
|
-
"value": "18px"
|
|
5782
|
-
},
|
|
5783
6146
|
{
|
|
5784
6147
|
"name": "button-size-default-gap",
|
|
5785
6148
|
"cssVar": "--button-size-default-gap",
|
|
@@ -5816,18 +6179,6 @@
|
|
|
5816
6179
|
"type": "dimension",
|
|
5817
6180
|
"value": "14px"
|
|
5818
6181
|
},
|
|
5819
|
-
{
|
|
5820
|
-
"name": "button-size-icon-2xl-size",
|
|
5821
|
-
"cssVar": "--button-size-icon-2xl-size",
|
|
5822
|
-
"type": "dimension",
|
|
5823
|
-
"value": "60px"
|
|
5824
|
-
},
|
|
5825
|
-
{
|
|
5826
|
-
"name": "button-size-icon-lg-size",
|
|
5827
|
-
"cssVar": "--button-size-icon-lg-size",
|
|
5828
|
-
"type": "dimension",
|
|
5829
|
-
"value": "40px"
|
|
5830
|
-
},
|
|
5831
6182
|
{
|
|
5832
6183
|
"name": "button-size-icon-size",
|
|
5833
6184
|
"cssVar": "--button-size-icon-size",
|
|
@@ -5840,12 +6191,6 @@
|
|
|
5840
6191
|
"type": "dimension",
|
|
5841
6192
|
"value": "32px"
|
|
5842
6193
|
},
|
|
5843
|
-
{
|
|
5844
|
-
"name": "button-size-icon-xl-size",
|
|
5845
|
-
"cssVar": "--button-size-icon-xl-size",
|
|
5846
|
-
"type": "dimension",
|
|
5847
|
-
"value": "48px"
|
|
5848
|
-
},
|
|
5849
6194
|
{
|
|
5850
6195
|
"name": "button-size-lg-gap",
|
|
5851
6196
|
"cssVar": "--button-size-lg-gap",
|
|
@@ -5919,40 +6264,25 @@
|
|
|
5919
6264
|
"value": "12px"
|
|
5920
6265
|
},
|
|
5921
6266
|
{
|
|
5922
|
-
"name": "button-
|
|
5923
|
-
"cssVar": "--button-
|
|
5924
|
-
"type": "
|
|
5925
|
-
"
|
|
5926
|
-
|
|
5927
|
-
{
|
|
5928
|
-
"name": "button-size-xl-h",
|
|
5929
|
-
"cssVar": "--button-size-xl-h",
|
|
5930
|
-
"type": "dimension",
|
|
5931
|
-
"value": "48px"
|
|
5932
|
-
},
|
|
5933
|
-
{
|
|
5934
|
-
"name": "button-size-xl-leading",
|
|
5935
|
-
"cssVar": "--button-size-xl-leading",
|
|
5936
|
-
"type": "dimension",
|
|
5937
|
-
"value": "24px"
|
|
5938
|
-
},
|
|
5939
|
-
{
|
|
5940
|
-
"name": "button-size-xl-px",
|
|
5941
|
-
"cssVar": "--button-size-xl-px",
|
|
5942
|
-
"type": "dimension",
|
|
5943
|
-
"value": "32px"
|
|
6267
|
+
"name": "button-success-bg-default",
|
|
6268
|
+
"cssVar": "--button-success-bg-default",
|
|
6269
|
+
"type": "color",
|
|
6270
|
+
"description": "Button success bg = green-600 (Figma 1007-301 status/success) — DES-1146.",
|
|
6271
|
+
"value": "oklch(62.71% 0.1699 149.21)"
|
|
5944
6272
|
},
|
|
5945
6273
|
{
|
|
5946
|
-
"name": "button-
|
|
5947
|
-
"cssVar": "--button-
|
|
5948
|
-
"type": "
|
|
5949
|
-
"
|
|
6274
|
+
"name": "button-success-bg-hover",
|
|
6275
|
+
"cssVar": "--button-success-bg-hover",
|
|
6276
|
+
"type": "color",
|
|
6277
|
+
"description": "Button success hover = green-700 (Figma status/success/hover #15803d) — DES-1146.",
|
|
6278
|
+
"value": "oklch(52.73% 0.1371 150.07)"
|
|
5950
6279
|
},
|
|
5951
6280
|
{
|
|
5952
|
-
"name": "button-
|
|
5953
|
-
"cssVar": "--button-
|
|
5954
|
-
"type": "
|
|
5955
|
-
"
|
|
6281
|
+
"name": "button-success-fg-default",
|
|
6282
|
+
"cssVar": "--button-success-fg-default",
|
|
6283
|
+
"type": "color",
|
|
6284
|
+
"description": "Button success fg = white (Figma status/success/foreground) — DES-1146.",
|
|
6285
|
+
"value": "oklch(100.00% 0.0000 0)"
|
|
5956
6286
|
},
|
|
5957
6287
|
{
|
|
5958
6288
|
"name": "button-tertiary-color-bg-hover",
|
|
@@ -5997,6 +6327,27 @@
|
|
|
5997
6327
|
"description": "Button transition duration aligned with Figma canonical (150ms). Sits between --duration-fast (100ms) and --duration-default (200ms).",
|
|
5998
6328
|
"value": "150ms"
|
|
5999
6329
|
},
|
|
6330
|
+
{
|
|
6331
|
+
"name": "button-warning-bg-default",
|
|
6332
|
+
"cssVar": "--button-warning-bg-default",
|
|
6333
|
+
"type": "color",
|
|
6334
|
+
"description": "Button warning bg = yellow-400 (Figma 1007-301 status/warning) — DES-1146.",
|
|
6335
|
+
"value": "oklch(86.06% 0.1731 91.94)"
|
|
6336
|
+
},
|
|
6337
|
+
{
|
|
6338
|
+
"name": "button-warning-bg-hover",
|
|
6339
|
+
"cssVar": "--button-warning-bg-hover",
|
|
6340
|
+
"type": "color",
|
|
6341
|
+
"description": "Button warning hover = yellow-600 (Figma status/warning/hover #ca8a04) — DES-1146.",
|
|
6342
|
+
"value": "oklch(68.06% 0.1423 75.83)"
|
|
6343
|
+
},
|
|
6344
|
+
{
|
|
6345
|
+
"name": "button-warning-fg-default",
|
|
6346
|
+
"cssVar": "--button-warning-fg-default",
|
|
6347
|
+
"type": "color",
|
|
6348
|
+
"description": "Button warning fg = #000000 (Figma 1007-301 status/warning/foreground, exact) — DES-1146.",
|
|
6349
|
+
"value": "oklch(0.00% 0.0000 0)"
|
|
6350
|
+
},
|
|
6000
6351
|
{
|
|
6001
6352
|
"name": "calendar-cell-gap",
|
|
6002
6353
|
"cssVar": "--calendar-cell-gap",
|
|
@@ -6046,6 +6397,13 @@
|
|
|
6046
6397
|
"type": "dimension",
|
|
6047
6398
|
"value": "4px"
|
|
6048
6399
|
},
|
|
6400
|
+
{
|
|
6401
|
+
"name": "calendar-day-radius",
|
|
6402
|
+
"cssVar": "--calendar-day-radius",
|
|
6403
|
+
"type": "dimension",
|
|
6404
|
+
"description": "Day cell (selected/today/range) border-radius. Tokenizes the existing rounded-md per DES-1167 Pendência 10. Resolves to Figma radius/md (8px) — same primitive Combobox/Select land on; the audit's literal 6px predates the Figma v2 radius migration (md 6→8).",
|
|
6405
|
+
"value": "8px"
|
|
6406
|
+
},
|
|
6049
6407
|
{
|
|
6050
6408
|
"name": "calendar-day-size",
|
|
6051
6409
|
"cssVar": "--calendar-day-size",
|
|
@@ -6146,6 +6504,13 @@
|
|
|
6146
6504
|
"type": "dimension",
|
|
6147
6505
|
"value": "0.75rem"
|
|
6148
6506
|
},
|
|
6507
|
+
{
|
|
6508
|
+
"name": "card-action-size",
|
|
6509
|
+
"cssVar": "--card-action-size",
|
|
6510
|
+
"type": "dimension",
|
|
6511
|
+
"description": "Overlay action button (circular) hit size.",
|
|
6512
|
+
"value": "22px"
|
|
6513
|
+
},
|
|
6149
6514
|
{
|
|
6150
6515
|
"name": "card-content-padding-x",
|
|
6151
6516
|
"cssVar": "--card-content-padding-x",
|
|
@@ -6198,7 +6563,7 @@
|
|
|
6198
6563
|
"name": "card-root-background",
|
|
6199
6564
|
"cssVar": "--card-root-background",
|
|
6200
6565
|
"type": "color",
|
|
6201
|
-
"value": "oklch(
|
|
6566
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
6202
6567
|
},
|
|
6203
6568
|
{
|
|
6204
6569
|
"name": "card-root-border-width",
|
|
@@ -6248,6 +6613,13 @@
|
|
|
6248
6613
|
"type": "shadow",
|
|
6249
6614
|
"value": "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)"
|
|
6250
6615
|
},
|
|
6616
|
+
{
|
|
6617
|
+
"name": "card-select-size",
|
|
6618
|
+
"cssVar": "--card-select-size",
|
|
6619
|
+
"type": "dimension",
|
|
6620
|
+
"description": "Overlay select control (square, rounded-sm) hit size.",
|
|
6621
|
+
"value": "18px"
|
|
6622
|
+
},
|
|
6251
6623
|
{
|
|
6252
6624
|
"name": "card-title-weight",
|
|
6253
6625
|
"cssVar": "--card-title-weight",
|
|
@@ -6283,6 +6655,193 @@
|
|
|
6283
6655
|
"type": "dimension",
|
|
6284
6656
|
"value": "8px"
|
|
6285
6657
|
},
|
|
6658
|
+
{
|
|
6659
|
+
"name": "chart-card-bg",
|
|
6660
|
+
"cssVar": "--chart-card-bg",
|
|
6661
|
+
"type": "color",
|
|
6662
|
+
"description": "ChartCard container background — Figma core/background/card (#fafafa), flat sem shadow (node 1727-20403, DES-1253).",
|
|
6663
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
6664
|
+
},
|
|
6665
|
+
{
|
|
6666
|
+
"name": "chart-card-border",
|
|
6667
|
+
"cssVar": "--chart-card-border",
|
|
6668
|
+
"type": "color",
|
|
6669
|
+
"description": "ChartCard border — Figma container default é flat (sem borda); consumido só pela variante code-only `outlined` (core/border/border #e5e5e5).",
|
|
6670
|
+
"value": "oklch(92.19% 0.0000 0)"
|
|
6671
|
+
},
|
|
6672
|
+
{
|
|
6673
|
+
"name": "chart-card-chart-height",
|
|
6674
|
+
"cssVar": "--chart-card-chart-height",
|
|
6675
|
+
"type": "dimension",
|
|
6676
|
+
"description": "ChartCard default chart-wrapper height (128px / h-32). Container do slot — o chart é injetado pelo consumer (chart-agnostic, DES-1253).",
|
|
6677
|
+
"value": "8rem"
|
|
6678
|
+
},
|
|
6679
|
+
{
|
|
6680
|
+
"name": "chart-card-empty-state-caption-color",
|
|
6681
|
+
"cssVar": "--chart-card-empty-state-caption-color",
|
|
6682
|
+
"type": "color",
|
|
6683
|
+
"description": "ChartCard Empty State caption color — Figma core/background/muted-foreground (#737373).",
|
|
6684
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
6685
|
+
},
|
|
6686
|
+
{
|
|
6687
|
+
"name": "chart-card-empty-state-caption-line-height",
|
|
6688
|
+
"cssVar": "--chart-card-empty-state-caption-line-height",
|
|
6689
|
+
"type": "dimension",
|
|
6690
|
+
"description": "ChartCard Empty State caption line-height — Figma Paragraph/P2 (24px).",
|
|
6691
|
+
"value": "24px"
|
|
6692
|
+
},
|
|
6693
|
+
{
|
|
6694
|
+
"name": "chart-card-empty-state-caption-size",
|
|
6695
|
+
"cssVar": "--chart-card-empty-state-caption-size",
|
|
6696
|
+
"type": "dimension",
|
|
6697
|
+
"description": "ChartCard Empty State caption font-size — Figma Paragraph/P2 (16px).",
|
|
6698
|
+
"value": "16px"
|
|
6699
|
+
},
|
|
6700
|
+
{
|
|
6701
|
+
"name": "chart-card-empty-state-icon-radius",
|
|
6702
|
+
"cssVar": "--chart-card-empty-state-icon-radius",
|
|
6703
|
+
"type": "dimension",
|
|
6704
|
+
"description": "ChartCard Empty State featured-icon (BarChartBig) square radius — Figma radius/lg (12px).",
|
|
6705
|
+
"value": "12px"
|
|
6706
|
+
},
|
|
6707
|
+
{
|
|
6708
|
+
"name": "chart-card-empty-state-title-color",
|
|
6709
|
+
"cssVar": "--chart-card-empty-state-title-color",
|
|
6710
|
+
"type": "color",
|
|
6711
|
+
"description": "ChartCard Empty State title color — Figma core/background/popover-foreground (#171717).",
|
|
6712
|
+
"value": "oklch(20.46% 0.0000 0)"
|
|
6713
|
+
},
|
|
6714
|
+
{
|
|
6715
|
+
"name": "chart-card-empty-state-title-line-height",
|
|
6716
|
+
"cssVar": "--chart-card-empty-state-title-line-height",
|
|
6717
|
+
"type": "dimension",
|
|
6718
|
+
"description": "ChartCard Empty State title line-height — Figma Heading/H3 (32px).",
|
|
6719
|
+
"value": "32px"
|
|
6720
|
+
},
|
|
6721
|
+
{
|
|
6722
|
+
"name": "chart-card-empty-state-title-size",
|
|
6723
|
+
"cssVar": "--chart-card-empty-state-title-size",
|
|
6724
|
+
"type": "dimension",
|
|
6725
|
+
"description": "ChartCard Empty State title font-size — Figma Heading/H3 (24px).",
|
|
6726
|
+
"value": "24px"
|
|
6727
|
+
},
|
|
6728
|
+
{
|
|
6729
|
+
"name": "chart-card-empty-state-title-weight",
|
|
6730
|
+
"cssVar": "--chart-card-empty-state-title-weight",
|
|
6731
|
+
"description": "ChartCard Empty State title weight — Figma Heading/H3 Bold (700).",
|
|
6732
|
+
"value": "700"
|
|
6733
|
+
},
|
|
6734
|
+
{
|
|
6735
|
+
"name": "chart-card-featured-icon-bg",
|
|
6736
|
+
"cssVar": "--chart-card-featured-icon-bg",
|
|
6737
|
+
"type": "color",
|
|
6738
|
+
"description": "ChartCard Title Row Featured Icon pill bg — Figma core/background/muted (#f5f5f5). Slot mantido; ícone é representativo (DES-1253).",
|
|
6739
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
6740
|
+
},
|
|
6741
|
+
{
|
|
6742
|
+
"name": "chart-card-fg",
|
|
6743
|
+
"cssVar": "--chart-card-fg",
|
|
6744
|
+
"type": "color",
|
|
6745
|
+
"description": "ChartCard default text foreground (Figma).",
|
|
6746
|
+
"value": "oklch(14.48% 0.0000 0)"
|
|
6747
|
+
},
|
|
6748
|
+
{
|
|
6749
|
+
"name": "chart-card-footer-caption-color",
|
|
6750
|
+
"cssVar": "--chart-card-footer-caption-color",
|
|
6751
|
+
"type": "color",
|
|
6752
|
+
"description": "ChartCard Card Footer caption — Figma core/background/muted-foreground (#737373).",
|
|
6753
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
6754
|
+
},
|
|
6755
|
+
{
|
|
6756
|
+
"name": "chart-card-footer-trend-color",
|
|
6757
|
+
"cssVar": "--chart-card-footer-trend-color",
|
|
6758
|
+
"type": "color",
|
|
6759
|
+
"description": "ChartCard Card Footer trend text — Figma core/background/card-foreground (#0a0a0a).",
|
|
6760
|
+
"value": "oklch(14.48% 0.0000 0)"
|
|
6761
|
+
},
|
|
6762
|
+
{
|
|
6763
|
+
"name": "chart-card-gap",
|
|
6764
|
+
"cssVar": "--chart-card-gap",
|
|
6765
|
+
"type": "dimension",
|
|
6766
|
+
"description": "ChartCard gap entre rows (Title Row / Chart / Footer) — Figma spacing/s-24 (24px).",
|
|
6767
|
+
"value": "24px"
|
|
6768
|
+
},
|
|
6769
|
+
{
|
|
6770
|
+
"name": "chart-card-padding-bottom",
|
|
6771
|
+
"cssVar": "--chart-card-padding-bottom",
|
|
6772
|
+
"type": "dimension",
|
|
6773
|
+
"description": "ChartCard padding-bottom — Figma spacing/s-24 (24px), assimétrico.",
|
|
6774
|
+
"value": "24px"
|
|
6775
|
+
},
|
|
6776
|
+
{
|
|
6777
|
+
"name": "chart-card-padding-top",
|
|
6778
|
+
"cssVar": "--chart-card-padding-top",
|
|
6779
|
+
"type": "dimension",
|
|
6780
|
+
"description": "ChartCard padding-top — Figma spacing/s-20 (20px), assimétrico.",
|
|
6781
|
+
"value": "20px"
|
|
6782
|
+
},
|
|
6783
|
+
{
|
|
6784
|
+
"name": "chart-card-padding-x",
|
|
6785
|
+
"cssVar": "--chart-card-padding-x",
|
|
6786
|
+
"type": "dimension",
|
|
6787
|
+
"description": "ChartCard padding horizontal — Figma spacing/s-24 (24px).",
|
|
6788
|
+
"value": "24px"
|
|
6789
|
+
},
|
|
6790
|
+
{
|
|
6791
|
+
"name": "chart-card-previous-color",
|
|
6792
|
+
"cssVar": "--chart-card-previous-color",
|
|
6793
|
+
"type": "color",
|
|
6794
|
+
"description": "ChartCard previous-value / caption foreground — Figma core/background/muted-foreground (#737373).",
|
|
6795
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
6796
|
+
},
|
|
6797
|
+
{
|
|
6798
|
+
"name": "chart-card-radius",
|
|
6799
|
+
"cssVar": "--chart-card-radius",
|
|
6800
|
+
"type": "dimension",
|
|
6801
|
+
"description": "ChartCard container radius — Figma radius/xl (16px). Pre-fix usava Tailwind rounded-lg (8px).",
|
|
6802
|
+
"value": "16px"
|
|
6803
|
+
},
|
|
6804
|
+
{
|
|
6805
|
+
"name": "chart-card-title-color",
|
|
6806
|
+
"cssVar": "--chart-card-title-color",
|
|
6807
|
+
"type": "color",
|
|
6808
|
+
"description": "ChartCard title color — Figma core/background/surface-foreground (#262626).",
|
|
6809
|
+
"value": "oklch(20.46% 0.0000 0)"
|
|
6810
|
+
},
|
|
6811
|
+
{
|
|
6812
|
+
"name": "chart-card-title-line-height",
|
|
6813
|
+
"cssVar": "--chart-card-title-line-height",
|
|
6814
|
+
"type": "dimension",
|
|
6815
|
+
"description": "ChartCard title line-height — Figma Heading/H5 (24px).",
|
|
6816
|
+
"value": "24px"
|
|
6817
|
+
},
|
|
6818
|
+
{
|
|
6819
|
+
"name": "chart-card-title-size",
|
|
6820
|
+
"cssVar": "--chart-card-title-size",
|
|
6821
|
+
"type": "dimension",
|
|
6822
|
+
"description": "ChartCard title font-size — Figma Heading/H5 (18px). Pre-fix usava text-sm (14px) per DES-1253.",
|
|
6823
|
+
"value": "18px"
|
|
6824
|
+
},
|
|
6825
|
+
{
|
|
6826
|
+
"name": "chart-card-title-weight",
|
|
6827
|
+
"cssVar": "--chart-card-title-weight",
|
|
6828
|
+
"description": "ChartCard title weight — Figma Heading/H5 SemiBold (600). Pre-fix usava font-bold (700).",
|
|
6829
|
+
"value": "600"
|
|
6830
|
+
},
|
|
6831
|
+
{
|
|
6832
|
+
"name": "chart-card-value-color",
|
|
6833
|
+
"cssVar": "--chart-card-value-color",
|
|
6834
|
+
"type": "color",
|
|
6835
|
+
"description": "ChartCard KPI value foreground (Figma).",
|
|
6836
|
+
"value": "oklch(14.48% 0.0000 0)"
|
|
6837
|
+
},
|
|
6838
|
+
{
|
|
6839
|
+
"name": "chart-card-value-size",
|
|
6840
|
+
"cssVar": "--chart-card-value-size",
|
|
6841
|
+
"type": "dimension",
|
|
6842
|
+
"description": "ChartCard KPI value size (default) — Figma 20px (text-xl).",
|
|
6843
|
+
"value": "20px"
|
|
6844
|
+
},
|
|
6286
6845
|
{
|
|
6287
6846
|
"name": "chart-indicator-dot-size",
|
|
6288
6847
|
"cssVar": "--chart-indicator-dot-size",
|
|
@@ -6787,13 +7346,15 @@
|
|
|
6787
7346
|
"name": "color-picker-content-padding",
|
|
6788
7347
|
"cssVar": "--color-picker-content-padding",
|
|
6789
7348
|
"type": "dimension",
|
|
6790
|
-
"
|
|
7349
|
+
"description": "ColorPicker popover padding 16px aligned with Figma spacing/s-16 (frame 1384:7946) per DES-1255 — pre-fix was spacing.3 (12px).",
|
|
7350
|
+
"value": "16px"
|
|
6791
7351
|
},
|
|
6792
7352
|
{
|
|
6793
7353
|
"name": "color-picker-content-width",
|
|
6794
7354
|
"cssVar": "--color-picker-content-width",
|
|
6795
7355
|
"type": "dimension",
|
|
6796
|
-
"
|
|
7356
|
+
"description": "ColorPicker popover width 320px aligned with Figma (node 1384-7726, all states 320w) per DES-1255 — pre-fix was 260px.",
|
|
7357
|
+
"value": "320px"
|
|
6797
7358
|
},
|
|
6798
7359
|
{
|
|
6799
7360
|
"name": "color-picker-filled-preview-radius",
|
|
@@ -6931,6 +7492,13 @@
|
|
|
6931
7492
|
"type": "dimension",
|
|
6932
7493
|
"value": "0.875rem"
|
|
6933
7494
|
},
|
|
7495
|
+
{
|
|
7496
|
+
"name": "combobox-kbd-hint-font-size",
|
|
7497
|
+
"cssVar": "--combobox-kbd-hint-font-size",
|
|
7498
|
+
"type": "dimension",
|
|
7499
|
+
"description": "Keyboard hint chip font-size inside the search field.",
|
|
7500
|
+
"value": "10px"
|
|
7501
|
+
},
|
|
6934
7502
|
{
|
|
6935
7503
|
"name": "combobox-trigger-border-default",
|
|
6936
7504
|
"cssVar": "--combobox-trigger-border-default",
|
|
@@ -7006,12 +7574,14 @@
|
|
|
7006
7574
|
{
|
|
7007
7575
|
"name": "combobox-trigger-padding-y-lg",
|
|
7008
7576
|
"cssVar": "--combobox-trigger-padding-y-lg",
|
|
7009
|
-
"
|
|
7577
|
+
"description": "Aligned with --input-size-lg-py 6px (DES-1257). Pre-fix was spacing.2 (8px).",
|
|
7578
|
+
"value": "6px"
|
|
7010
7579
|
},
|
|
7011
7580
|
{
|
|
7012
7581
|
"name": "combobox-trigger-padding-y-md",
|
|
7013
7582
|
"cssVar": "--combobox-trigger-padding-y-md",
|
|
7014
|
-
"
|
|
7583
|
+
"description": "Aligned with --input-size-md-py 4px (DES-1257, sizes ← Input). Pre-fix was spacing.2 (8px).",
|
|
7584
|
+
"value": "4px"
|
|
7015
7585
|
},
|
|
7016
7586
|
{
|
|
7017
7587
|
"name": "combobox-trigger-padding-y-sm",
|
|
@@ -7432,7 +8002,7 @@
|
|
|
7432
8002
|
"name": "comment-system-item-background",
|
|
7433
8003
|
"cssVar": "--comment-system-item-background",
|
|
7434
8004
|
"type": "color",
|
|
7435
|
-
"value": "oklch(
|
|
8005
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
7436
8006
|
},
|
|
7437
8007
|
{
|
|
7438
8008
|
"name": "comment-system-item-border",
|
|
@@ -7793,7 +8363,8 @@
|
|
|
7793
8363
|
"name": "date-picker-preset-min-width",
|
|
7794
8364
|
"cssVar": "--date-picker-preset-min-width",
|
|
7795
8365
|
"type": "dimension",
|
|
7796
|
-
"
|
|
8366
|
+
"description": "Preset list min-width = 168px per DES-1263 — was 140px (consumed by DateRangePicker presets).",
|
|
8367
|
+
"value": "168px"
|
|
7797
8368
|
},
|
|
7798
8369
|
{
|
|
7799
8370
|
"name": "date-picker-trigger-border-default",
|
|
@@ -7927,7 +8498,8 @@
|
|
|
7927
8498
|
"name": "date-picker-trigger-text-sm",
|
|
7928
8499
|
"cssVar": "--date-picker-trigger-text-sm",
|
|
7929
8500
|
"type": "dimension",
|
|
7930
|
-
"
|
|
8501
|
+
"description": "Trigger sm font-size = 14px (text/sm) per DES-1261 — dropped the 12px override (too small, sub-14px); now matches the md trigger text and is shared by DateRangePicker.",
|
|
8502
|
+
"value": "14px"
|
|
7931
8503
|
},
|
|
7932
8504
|
{
|
|
7933
8505
|
"name": "date-range-picker-calendar-gap",
|
|
@@ -7964,6 +8536,68 @@
|
|
|
7964
8536
|
"description": "DateRangePicker trigger min-width per DES-1264 — range typically shows two dates, wider than DatePicker.",
|
|
7965
8537
|
"value": "300px"
|
|
7966
8538
|
},
|
|
8539
|
+
{
|
|
8540
|
+
"name": "dialog-content-bg",
|
|
8541
|
+
"cssVar": "--dialog-content-bg",
|
|
8542
|
+
"type": "color",
|
|
8543
|
+
"description": "Dialog content surface — card (#fafafa, superfície elevada, CC-2). Modal cascateia o mesmo via PR #120.",
|
|
8544
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
8545
|
+
},
|
|
8546
|
+
{
|
|
8547
|
+
"name": "dialog-content-border",
|
|
8548
|
+
"cssVar": "--dialog-content-border",
|
|
8549
|
+
"type": "color",
|
|
8550
|
+
"value": "oklch(92.19% 0.0000 0)"
|
|
8551
|
+
},
|
|
8552
|
+
{
|
|
8553
|
+
"name": "dialog-content-gap",
|
|
8554
|
+
"cssVar": "--dialog-content-gap",
|
|
8555
|
+
"type": "dimension",
|
|
8556
|
+
"value": "16px"
|
|
8557
|
+
},
|
|
8558
|
+
{
|
|
8559
|
+
"name": "dialog-content-max-width",
|
|
8560
|
+
"cssVar": "--dialog-content-max-width",
|
|
8561
|
+
"type": "dimension",
|
|
8562
|
+
"value": "32rem"
|
|
8563
|
+
},
|
|
8564
|
+
{
|
|
8565
|
+
"name": "dialog-content-padding",
|
|
8566
|
+
"cssVar": "--dialog-content-padding",
|
|
8567
|
+
"type": "dimension",
|
|
8568
|
+
"value": "24px"
|
|
8569
|
+
},
|
|
8570
|
+
{
|
|
8571
|
+
"name": "dialog-content-radius",
|
|
8572
|
+
"cssVar": "--dialog-content-radius",
|
|
8573
|
+
"type": "dimension",
|
|
8574
|
+
"description": "Dialog content radius 12px (radius/lg) — Figma Dialog 1409:1503.",
|
|
8575
|
+
"value": "12px"
|
|
8576
|
+
},
|
|
8577
|
+
{
|
|
8578
|
+
"name": "dialog-content-shadow",
|
|
8579
|
+
"cssVar": "--dialog-content-shadow",
|
|
8580
|
+
"value": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
|
|
8581
|
+
},
|
|
8582
|
+
{
|
|
8583
|
+
"name": "dialog-footer-gap",
|
|
8584
|
+
"cssVar": "--dialog-footer-gap",
|
|
8585
|
+
"type": "dimension",
|
|
8586
|
+
"value": "8px"
|
|
8587
|
+
},
|
|
8588
|
+
{
|
|
8589
|
+
"name": "dialog-header-gap",
|
|
8590
|
+
"cssVar": "--dialog-header-gap",
|
|
8591
|
+
"type": "dimension",
|
|
8592
|
+
"value": "8px"
|
|
8593
|
+
},
|
|
8594
|
+
{
|
|
8595
|
+
"name": "dialog-overlay-bg",
|
|
8596
|
+
"cssVar": "--dialog-overlay-bg",
|
|
8597
|
+
"type": "color",
|
|
8598
|
+
"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).",
|
|
8599
|
+
"value": "oklch(0.00% 0.0000 0 / 60.0%)"
|
|
8600
|
+
},
|
|
7967
8601
|
{
|
|
7968
8602
|
"name": "divider-color-default",
|
|
7969
8603
|
"cssVar": "--divider-color-default",
|
|
@@ -8172,6 +8806,12 @@
|
|
|
8172
8806
|
"type": "dimension",
|
|
8173
8807
|
"value": "8px"
|
|
8174
8808
|
},
|
|
8809
|
+
{
|
|
8810
|
+
"name": "dropdown-menu-content-shadow",
|
|
8811
|
+
"cssVar": "--dropdown-menu-content-shadow",
|
|
8812
|
+
"description": "Content drop-shadow per DES-1186 Pendência 8 — Figma Light Mode/shadow-md (dual layer). Matches Menu / Combobox / Popover content.shadow for cross-component menu-surface consistency.",
|
|
8813
|
+
"value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
|
|
8814
|
+
},
|
|
8175
8815
|
{
|
|
8176
8816
|
"name": "dropdown-menu-content-z-index",
|
|
8177
8817
|
"cssVar": "--dropdown-menu-content-z-index",
|
|
@@ -8278,7 +8918,7 @@
|
|
|
8278
8918
|
"name": "empty-state-media-icon-icon-size",
|
|
8279
8919
|
"cssVar": "--empty-state-media-icon-icon-size",
|
|
8280
8920
|
"type": "dimension",
|
|
8281
|
-
"value": "
|
|
8921
|
+
"value": "32px"
|
|
8282
8922
|
},
|
|
8283
8923
|
{
|
|
8284
8924
|
"name": "empty-state-media-icon-radius",
|
|
@@ -8289,7 +8929,7 @@
|
|
|
8289
8929
|
"name": "empty-state-media-icon-size",
|
|
8290
8930
|
"cssVar": "--empty-state-media-icon-size",
|
|
8291
8931
|
"type": "dimension",
|
|
8292
|
-
"value": "
|
|
8932
|
+
"value": "56px"
|
|
8293
8933
|
},
|
|
8294
8934
|
{
|
|
8295
8935
|
"name": "event-calendar-root-min-height-full",
|
|
@@ -8312,11 +8952,60 @@
|
|
|
8312
8952
|
"description": "Medium variant root min height (outside Tailwind v4 spacing scale)",
|
|
8313
8953
|
"value": "500px"
|
|
8314
8954
|
},
|
|
8955
|
+
{
|
|
8956
|
+
"name": "feature-item-badge-bg",
|
|
8957
|
+
"cssVar": "--feature-item-badge-bg",
|
|
8958
|
+
"type": "color",
|
|
8959
|
+
"value": "oklch(97.05% 0.0142 254.60)"
|
|
8960
|
+
},
|
|
8961
|
+
{
|
|
8962
|
+
"name": "feature-item-badge-border",
|
|
8963
|
+
"cssVar": "--feature-item-badge-border",
|
|
8964
|
+
"type": "color",
|
|
8965
|
+
"value": "oklch(88.23% 0.0571 254.13)"
|
|
8966
|
+
},
|
|
8967
|
+
{
|
|
8968
|
+
"name": "feature-item-badge-fg",
|
|
8969
|
+
"cssVar": "--feature-item-badge-fg",
|
|
8970
|
+
"type": "color",
|
|
8971
|
+
"value": "oklch(48.82% 0.2172 264.38)"
|
|
8972
|
+
},
|
|
8973
|
+
{
|
|
8974
|
+
"name": "feature-item-badge-font-size",
|
|
8975
|
+
"cssVar": "--feature-item-badge-font-size",
|
|
8976
|
+
"type": "fontSize",
|
|
8977
|
+
"value": "12px"
|
|
8978
|
+
},
|
|
8979
|
+
{
|
|
8980
|
+
"name": "feature-item-badge-line-height",
|
|
8981
|
+
"cssVar": "--feature-item-badge-line-height",
|
|
8982
|
+
"type": "lineHeight",
|
|
8983
|
+
"value": "16px"
|
|
8984
|
+
},
|
|
8985
|
+
{
|
|
8986
|
+
"name": "feature-item-badge-padding-x",
|
|
8987
|
+
"cssVar": "--feature-item-badge-padding-x",
|
|
8988
|
+
"type": "dimension",
|
|
8989
|
+
"value": "8px"
|
|
8990
|
+
},
|
|
8991
|
+
{
|
|
8992
|
+
"name": "feature-item-badge-padding-y",
|
|
8993
|
+
"cssVar": "--feature-item-badge-padding-y",
|
|
8994
|
+
"type": "dimension",
|
|
8995
|
+
"value": "4px"
|
|
8996
|
+
},
|
|
8997
|
+
{
|
|
8998
|
+
"name": "feature-item-badge-radius",
|
|
8999
|
+
"cssVar": "--feature-item-badge-radius",
|
|
9000
|
+
"type": "dimension",
|
|
9001
|
+
"description": "Figma radius/sm = 4px. A ref radius.sm resolve 2px pela escala tailwind legada do export — resolucao sistemica rastreada na DES-1384.",
|
|
9002
|
+
"value": "4px"
|
|
9003
|
+
},
|
|
8315
9004
|
{
|
|
8316
9005
|
"name": "feature-item-body-gap",
|
|
8317
9006
|
"cssVar": "--feature-item-body-gap",
|
|
8318
9007
|
"type": "dimension",
|
|
8319
|
-
"value": "
|
|
9008
|
+
"value": "8px"
|
|
8320
9009
|
},
|
|
8321
9010
|
{
|
|
8322
9011
|
"name": "feature-item-description-color",
|
|
@@ -8328,63 +9017,26 @@
|
|
|
8328
9017
|
"name": "feature-item-description-font-size",
|
|
8329
9018
|
"cssVar": "--feature-item-description-font-size",
|
|
8330
9019
|
"type": "fontSize",
|
|
8331
|
-
"value": "
|
|
9020
|
+
"value": "16px"
|
|
8332
9021
|
},
|
|
8333
9022
|
{
|
|
8334
9023
|
"name": "feature-item-description-line-height",
|
|
8335
9024
|
"cssVar": "--feature-item-description-line-height",
|
|
8336
9025
|
"type": "lineHeight",
|
|
8337
|
-
"value": "
|
|
8338
|
-
},
|
|
8339
|
-
{
|
|
8340
|
-
"name": "feature-item-icon-radius",
|
|
8341
|
-
"cssVar": "--feature-item-icon-radius",
|
|
8342
|
-
"type": "dimension",
|
|
8343
|
-
"description": "FeatureItem icon plate radius 10px per Figma /Feature-item canonical.",
|
|
8344
|
-
"value": "10px"
|
|
9026
|
+
"value": "24px"
|
|
8345
9027
|
},
|
|
8346
9028
|
{
|
|
8347
9029
|
"name": "feature-item-icon-size",
|
|
8348
9030
|
"cssVar": "--feature-item-icon-size",
|
|
8349
9031
|
"type": "dimension",
|
|
8350
|
-
"description": "
|
|
8351
|
-
"value": "
|
|
8352
|
-
},
|
|
8353
|
-
{
|
|
8354
|
-
"name": "feature-item-link-color",
|
|
8355
|
-
"cssVar": "--feature-item-link-color",
|
|
8356
|
-
"type": "color",
|
|
8357
|
-
"value": "oklch(56.08% 0.1221 160.56)"
|
|
8358
|
-
},
|
|
8359
|
-
{
|
|
8360
|
-
"name": "feature-item-link-font-size",
|
|
8361
|
-
"cssVar": "--feature-item-link-font-size",
|
|
8362
|
-
"type": "fontSize",
|
|
8363
|
-
"value": "12px"
|
|
8364
|
-
},
|
|
8365
|
-
{
|
|
8366
|
-
"name": "feature-item-link-gap",
|
|
8367
|
-
"cssVar": "--feature-item-link-gap",
|
|
8368
|
-
"type": "dimension",
|
|
8369
|
-
"value": "4px"
|
|
8370
|
-
},
|
|
8371
|
-
{
|
|
8372
|
-
"name": "feature-item-link-margin-top",
|
|
8373
|
-
"cssVar": "--feature-item-link-margin-top",
|
|
8374
|
-
"type": "dimension",
|
|
8375
|
-
"value": "4px"
|
|
9032
|
+
"description": "Glifo inline da variante icon. A placa do feature-icon vem do FeaturedIcon.",
|
|
9033
|
+
"value": "20px"
|
|
8376
9034
|
},
|
|
8377
9035
|
{
|
|
8378
9036
|
"name": "feature-item-root-gap",
|
|
8379
9037
|
"cssVar": "--feature-item-root-gap",
|
|
8380
9038
|
"type": "dimension",
|
|
8381
|
-
"value": "
|
|
8382
|
-
},
|
|
8383
|
-
{
|
|
8384
|
-
"name": "feature-item-root-padding",
|
|
8385
|
-
"cssVar": "--feature-item-root-padding",
|
|
8386
|
-
"type": "dimension",
|
|
8387
|
-
"value": "4px"
|
|
9039
|
+
"value": "16px"
|
|
8388
9040
|
},
|
|
8389
9041
|
{
|
|
8390
9042
|
"name": "feature-item-title-color",
|
|
@@ -8396,55 +9048,13 @@
|
|
|
8396
9048
|
"name": "feature-item-title-font-size",
|
|
8397
9049
|
"cssVar": "--feature-item-title-font-size",
|
|
8398
9050
|
"type": "fontSize",
|
|
8399
|
-
"value": "
|
|
8400
|
-
},
|
|
8401
|
-
{
|
|
8402
|
-
"name": "feature-item-tone-brand-bg",
|
|
8403
|
-
"cssVar": "--feature-item-tone-brand-bg",
|
|
8404
|
-
"type": "color",
|
|
8405
|
-
"value": "oklch(81.75% 0.1821 159.79)"
|
|
8406
|
-
},
|
|
8407
|
-
{
|
|
8408
|
-
"name": "feature-item-tone-brand-fg",
|
|
8409
|
-
"cssVar": "--feature-item-tone-brand-fg",
|
|
8410
|
-
"type": "color",
|
|
8411
|
-
"value": "oklch(18.34% 0.0338 166.67)"
|
|
8412
|
-
},
|
|
8413
|
-
{
|
|
8414
|
-
"name": "feature-item-tone-info-bg",
|
|
8415
|
-
"cssVar": "--feature-item-tone-info-bg",
|
|
8416
|
-
"type": "color",
|
|
8417
|
-
"value": "oklch(97.05% 0.0142 254.60)"
|
|
8418
|
-
},
|
|
8419
|
-
{
|
|
8420
|
-
"name": "feature-item-tone-info-fg",
|
|
8421
|
-
"cssVar": "--feature-item-tone-info-fg",
|
|
8422
|
-
"type": "color",
|
|
8423
|
-
"value": "oklch(48.82% 0.2172 264.38)"
|
|
8424
|
-
},
|
|
8425
|
-
{
|
|
8426
|
-
"name": "feature-item-tone-subtle-bg",
|
|
8427
|
-
"cssVar": "--feature-item-tone-subtle-bg",
|
|
8428
|
-
"type": "color",
|
|
8429
|
-
"value": "oklch(97.65% 0.0243 170.99)"
|
|
8430
|
-
},
|
|
8431
|
-
{
|
|
8432
|
-
"name": "feature-item-tone-subtle-fg",
|
|
8433
|
-
"cssVar": "--feature-item-tone-subtle-fg",
|
|
8434
|
-
"type": "color",
|
|
8435
|
-
"value": "oklch(56.08% 0.1221 160.56)"
|
|
8436
|
-
},
|
|
8437
|
-
{
|
|
8438
|
-
"name": "feature-item-tone-warning-bg",
|
|
8439
|
-
"cssVar": "--feature-item-tone-warning-bg",
|
|
8440
|
-
"type": "color",
|
|
8441
|
-
"value": "oklch(98.73% 0.0262 102.21)"
|
|
9051
|
+
"value": "18px"
|
|
8442
9052
|
},
|
|
8443
9053
|
{
|
|
8444
|
-
"name": "feature-item-
|
|
8445
|
-
"cssVar": "--feature-item-
|
|
8446
|
-
"type": "
|
|
8447
|
-
"value": "
|
|
9054
|
+
"name": "feature-item-title-line-height",
|
|
9055
|
+
"cssVar": "--feature-item-title-line-height",
|
|
9056
|
+
"type": "lineHeight",
|
|
9057
|
+
"value": "24px"
|
|
8448
9058
|
},
|
|
8449
9059
|
{
|
|
8450
9060
|
"name": "featured-icon-color-brand-bg",
|
|
@@ -9023,6 +9633,13 @@
|
|
|
9023
9633
|
"type": "dimension",
|
|
9024
9634
|
"value": "28px"
|
|
9025
9635
|
},
|
|
9636
|
+
{
|
|
9637
|
+
"name": "filetree-toolbar-search-kbd-text",
|
|
9638
|
+
"cssVar": "--filetree-toolbar-search-kbd-text",
|
|
9639
|
+
"type": "dimension",
|
|
9640
|
+
"description": "Search shortcut kbd chip font-size.",
|
|
9641
|
+
"value": "10px"
|
|
9642
|
+
},
|
|
9026
9643
|
{
|
|
9027
9644
|
"name": "filetree-toolbar-search-px",
|
|
9028
9645
|
"cssVar": "--filetree-toolbar-search-px",
|
|
@@ -9187,6 +9804,13 @@
|
|
|
9187
9804
|
"type": "dimension",
|
|
9188
9805
|
"value": "16px"
|
|
9189
9806
|
},
|
|
9807
|
+
{
|
|
9808
|
+
"name": "filetree-variant-outline-l0-h",
|
|
9809
|
+
"cssVar": "--filetree-variant-outline-l0-h",
|
|
9810
|
+
"type": "dimension",
|
|
9811
|
+
"description": "Outline level-0 section row height (taller than regular rows).",
|
|
9812
|
+
"value": "30px"
|
|
9813
|
+
},
|
|
9190
9814
|
{
|
|
9191
9815
|
"name": "filetree-variant-outline-l0-margin-top",
|
|
9192
9816
|
"cssVar": "--filetree-variant-outline-l0-margin-top",
|
|
@@ -9599,6 +10223,27 @@
|
|
|
9599
10223
|
"type": "dimension",
|
|
9600
10224
|
"value": "14px"
|
|
9601
10225
|
},
|
|
10226
|
+
{
|
|
10227
|
+
"name": "header-contained-max-width",
|
|
10228
|
+
"cssVar": "--header-contained-max-width",
|
|
10229
|
+
"type": "dimension",
|
|
10230
|
+
"description": "Max content width when contained — matches the prior max-w-7xl (1280px = breakpoint-xl). DES-1190.",
|
|
10231
|
+
"value": "1280px"
|
|
10232
|
+
},
|
|
10233
|
+
{
|
|
10234
|
+
"name": "header-content-height",
|
|
10235
|
+
"cssVar": "--header-content-height",
|
|
10236
|
+
"type": "dimension",
|
|
10237
|
+
"description": "HeaderNav/HeaderActions content row height (Figma h-9 = 36px). Drives a composed header to 76px. DES-1271.",
|
|
10238
|
+
"value": "36px"
|
|
10239
|
+
},
|
|
10240
|
+
{
|
|
10241
|
+
"name": "header-height",
|
|
10242
|
+
"cssVar": "--header-height",
|
|
10243
|
+
"type": "dimension",
|
|
10244
|
+
"description": "Min height for a logo-only header (Figma 'Logo Left'/'Logo Centered' = 64px). Grows to 76px when HeaderNav/HeaderActions are present (content row 36px + padding-y 2×20px). DES-1271.",
|
|
10245
|
+
"value": "64px"
|
|
10246
|
+
},
|
|
9602
10247
|
{
|
|
9603
10248
|
"name": "header-root-bg",
|
|
9604
10249
|
"cssVar": "--header-root-bg",
|
|
@@ -9615,13 +10260,15 @@
|
|
|
9615
10260
|
"name": "header-root-padding-x",
|
|
9616
10261
|
"cssVar": "--header-root-padding-x",
|
|
9617
10262
|
"type": "dimension",
|
|
9618
|
-
"
|
|
10263
|
+
"description": "Horizontal padding — Figma spacing/s-32 (32px). DES-1271.",
|
|
10264
|
+
"value": "32px"
|
|
9619
10265
|
},
|
|
9620
10266
|
{
|
|
9621
10267
|
"name": "header-root-padding-y",
|
|
9622
10268
|
"cssVar": "--header-root-padding-y",
|
|
9623
10269
|
"type": "dimension",
|
|
9624
|
-
"
|
|
10270
|
+
"description": "Vertical padding — Figma spacing/s-20 (20px). DES-1271.",
|
|
10271
|
+
"value": "20px"
|
|
9625
10272
|
},
|
|
9626
10273
|
{
|
|
9627
10274
|
"name": "header-size-lg-height",
|
|
@@ -9718,6 +10365,27 @@
|
|
|
9718
10365
|
"type": "color",
|
|
9719
10366
|
"value": "oklch(63.68% 0.2078 25.33)"
|
|
9720
10367
|
},
|
|
10368
|
+
{
|
|
10369
|
+
"name": "icon-color-disabled",
|
|
10370
|
+
"cssVar": "--icon-color-disabled",
|
|
10371
|
+
"type": "color",
|
|
10372
|
+
"description": "Icon State=Disabled = neutral-400 #a3a3a3 (Figma 1374:4088; = status-disabled-foreground).",
|
|
10373
|
+
"value": "oklch(71.55% 0.0000 0)"
|
|
10374
|
+
},
|
|
10375
|
+
{
|
|
10376
|
+
"name": "icon-color-info",
|
|
10377
|
+
"cssVar": "--icon-color-info",
|
|
10378
|
+
"type": "color",
|
|
10379
|
+
"description": "Icon State=Info = blue-700 #1d4ed8 (Figma 1374:4088).",
|
|
10380
|
+
"value": "oklch(48.82% 0.2172 264.38)"
|
|
10381
|
+
},
|
|
10382
|
+
{
|
|
10383
|
+
"name": "icon-color-inverse",
|
|
10384
|
+
"cssVar": "--icon-color-inverse",
|
|
10385
|
+
"type": "color",
|
|
10386
|
+
"description": "Icon State=Inverse = surface #fafafa (Figma 1374:4088; icone sobre superficie invertida).",
|
|
10387
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
10388
|
+
},
|
|
9721
10389
|
{
|
|
9722
10390
|
"name": "icon-color-muted",
|
|
9723
10391
|
"cssVar": "--icon-color-muted",
|
|
@@ -9730,6 +10398,13 @@
|
|
|
9730
10398
|
"type": "color",
|
|
9731
10399
|
"value": "oklch(81.75% 0.1821 159.79)"
|
|
9732
10400
|
},
|
|
10401
|
+
{
|
|
10402
|
+
"name": "icon-color-secondary",
|
|
10403
|
+
"cssVar": "--icon-color-secondary",
|
|
10404
|
+
"type": "color",
|
|
10405
|
+
"description": "Icon State=Secondary = brand-secondary-700 #508d37 (Figma 1374:4088; lime escuro a11y, nao o --secondary base).",
|
|
10406
|
+
"value": "oklch(58.24% 0.1354 137.66)"
|
|
10407
|
+
},
|
|
9733
10408
|
{
|
|
9734
10409
|
"name": "icon-color-success",
|
|
9735
10410
|
"cssVar": "--icon-color-success",
|
|
@@ -9808,6 +10483,55 @@
|
|
|
9808
10483
|
"description": "IftaLabel input wrapper top padding (24px to accommodate floating label).",
|
|
9809
10484
|
"value": "24px"
|
|
9810
10485
|
},
|
|
10486
|
+
{
|
|
10487
|
+
"name": "image-gallery-empty-border-color",
|
|
10488
|
+
"cssVar": "--image-gallery-empty-border-color",
|
|
10489
|
+
"type": "color",
|
|
10490
|
+
"description": "Empty-state dashed border color — maps the code's border-muted.",
|
|
10491
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
10492
|
+
},
|
|
10493
|
+
{
|
|
10494
|
+
"name": "image-gallery-empty-radius",
|
|
10495
|
+
"cssVar": "--image-gallery-empty-radius",
|
|
10496
|
+
"type": "dimension",
|
|
10497
|
+
"description": "Empty-state container border radius — maps the code's rounded-lg.",
|
|
10498
|
+
"value": "12px"
|
|
10499
|
+
},
|
|
10500
|
+
{
|
|
10501
|
+
"name": "image-gallery-item-radius",
|
|
10502
|
+
"cssVar": "--image-gallery-item-radius",
|
|
10503
|
+
"type": "dimension",
|
|
10504
|
+
"description": "Border radius of each gallery image/item — maps the code's rounded-md (DES-1275). Gaps são code-only por decisão do Gabriel (config via Tailwind, não tokenizados).",
|
|
10505
|
+
"value": "8px"
|
|
10506
|
+
},
|
|
10507
|
+
{
|
|
10508
|
+
"name": "image-gallery-loading-background",
|
|
10509
|
+
"cssVar": "--image-gallery-loading-background",
|
|
10510
|
+
"type": "color",
|
|
10511
|
+
"description": "Skeleton placeholder background no loading state — maps the code's bg-muted.",
|
|
10512
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
10513
|
+
},
|
|
10514
|
+
{
|
|
10515
|
+
"name": "image-gallery-selection-opacity",
|
|
10516
|
+
"cssVar": "--image-gallery-selection-opacity",
|
|
10517
|
+
"type": "number",
|
|
10518
|
+
"description": "Opacity aplicada aos itens NÃO-selecionados em selection mode (Figma Type=Selected esmaece os não-selecionados).",
|
|
10519
|
+
"value": "0.5"
|
|
10520
|
+
},
|
|
10521
|
+
{
|
|
10522
|
+
"name": "image-gallery-selection-ring-color",
|
|
10523
|
+
"cssVar": "--image-gallery-selection-ring-color",
|
|
10524
|
+
"type": "color",
|
|
10525
|
+
"description": "Selected item border/ring color — Figma core/border/ring (#19e699, brand-primary-500) per DES-1275.",
|
|
10526
|
+
"value": "oklch(81.75% 0.1821 159.79)"
|
|
10527
|
+
},
|
|
10528
|
+
{
|
|
10529
|
+
"name": "image-gallery-selection-ring-width",
|
|
10530
|
+
"cssVar": "--image-gallery-selection-ring-width",
|
|
10531
|
+
"type": "dimension",
|
|
10532
|
+
"description": "Selected item border/ring width — Figma Type=Selected usa 2px solid.",
|
|
10533
|
+
"value": "2px"
|
|
10534
|
+
},
|
|
9811
10535
|
{
|
|
9812
10536
|
"name": "image-rounded-circle",
|
|
9813
10537
|
"cssVar": "--image-rounded-circle",
|
|
@@ -10292,7 +11016,7 @@
|
|
|
10292
11016
|
"name": "kanban-card-background",
|
|
10293
11017
|
"cssVar": "--kanban-card-background",
|
|
10294
11018
|
"type": "color",
|
|
10295
|
-
"value": "oklch(
|
|
11019
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
10296
11020
|
},
|
|
10297
11021
|
{
|
|
10298
11022
|
"name": "kanban-card-foreground",
|
|
@@ -10399,7 +11123,7 @@
|
|
|
10399
11123
|
"name": "kbd-size-lg-border-radius",
|
|
10400
11124
|
"cssVar": "--kbd-size-lg-border-radius",
|
|
10401
11125
|
"type": "borderRadius",
|
|
10402
|
-
"value": "
|
|
11126
|
+
"value": "4px"
|
|
10403
11127
|
},
|
|
10404
11128
|
{
|
|
10405
11129
|
"name": "kbd-size-lg-font-size",
|
|
@@ -10429,7 +11153,7 @@
|
|
|
10429
11153
|
"name": "kbd-size-md-border-radius",
|
|
10430
11154
|
"cssVar": "--kbd-size-md-border-radius",
|
|
10431
11155
|
"type": "borderRadius",
|
|
10432
|
-
"value": "
|
|
11156
|
+
"value": "4px"
|
|
10433
11157
|
},
|
|
10434
11158
|
{
|
|
10435
11159
|
"name": "kbd-size-md-font-size",
|
|
@@ -10489,7 +11213,7 @@
|
|
|
10489
11213
|
"name": "kbd-size-xs-border-radius",
|
|
10490
11214
|
"cssVar": "--kbd-size-xs-border-radius",
|
|
10491
11215
|
"type": "borderRadius",
|
|
10492
|
-
"value": "
|
|
11216
|
+
"value": "4px"
|
|
10493
11217
|
},
|
|
10494
11218
|
{
|
|
10495
11219
|
"name": "kbd-size-xs-font-size",
|
|
@@ -10788,6 +11512,13 @@
|
|
|
10788
11512
|
"type": "fontSize",
|
|
10789
11513
|
"value": "12px"
|
|
10790
11514
|
},
|
|
11515
|
+
{
|
|
11516
|
+
"name": "logo-conta-size",
|
|
11517
|
+
"cssVar": "--logo-conta-size",
|
|
11518
|
+
"type": "dimension",
|
|
11519
|
+
"description": "LogoConta circular badge diameter (24px per Figma /Logo-Conta canonical, node 1138:2959).",
|
|
11520
|
+
"value": "24px"
|
|
11521
|
+
},
|
|
10791
11522
|
{
|
|
10792
11523
|
"name": "markdown-editor-area-background",
|
|
10793
11524
|
"cssVar": "--markdown-editor-area-background",
|
|
@@ -10884,6 +11615,31 @@
|
|
|
10884
11615
|
"type": "dimension",
|
|
10885
11616
|
"value": "8px"
|
|
10886
11617
|
},
|
|
11618
|
+
{
|
|
11619
|
+
"name": "menu-content-bg",
|
|
11620
|
+
"cssVar": "--menu-content-bg",
|
|
11621
|
+
"type": "color",
|
|
11622
|
+
"description": "Menu floating chrome background — popover surface. Chrome encapsulated in Menu.tsx per DES-1281 (was applied by the consumer).",
|
|
11623
|
+
"value": "oklch(100.00% 0.0000 0)"
|
|
11624
|
+
},
|
|
11625
|
+
{
|
|
11626
|
+
"name": "menu-content-border",
|
|
11627
|
+
"cssVar": "--menu-content-border",
|
|
11628
|
+
"type": "color",
|
|
11629
|
+
"value": "oklch(92.19% 0.0000 0)"
|
|
11630
|
+
},
|
|
11631
|
+
{
|
|
11632
|
+
"name": "menu-content-radius",
|
|
11633
|
+
"cssVar": "--menu-content-radius",
|
|
11634
|
+
"type": "dimension",
|
|
11635
|
+
"description": "Menu floating chrome radius 8px (Figma radius/md, node 1447-6819).",
|
|
11636
|
+
"value": "8px"
|
|
11637
|
+
},
|
|
11638
|
+
{
|
|
11639
|
+
"name": "menu-content-shadow",
|
|
11640
|
+
"cssVar": "--menu-content-shadow",
|
|
11641
|
+
"value": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
|
|
11642
|
+
},
|
|
10887
11643
|
{
|
|
10888
11644
|
"name": "menu-item-bg-default",
|
|
10889
11645
|
"cssVar": "--menu-item-bg-default",
|
|
@@ -11162,7 +11918,7 @@
|
|
|
11162
11918
|
"name": "modal-content-bg",
|
|
11163
11919
|
"cssVar": "--modal-content-bg",
|
|
11164
11920
|
"type": "color",
|
|
11165
|
-
"value": "oklch(
|
|
11921
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
11166
11922
|
},
|
|
11167
11923
|
{
|
|
11168
11924
|
"name": "modal-content-border",
|
|
@@ -11212,6 +11968,69 @@
|
|
|
11212
11968
|
"type": "dimension",
|
|
11213
11969
|
"value": "8px"
|
|
11214
11970
|
},
|
|
11971
|
+
{
|
|
11972
|
+
"name": "modal-icon-pill-color-default-bg",
|
|
11973
|
+
"cssVar": "--modal-icon-pill-color-default-bg",
|
|
11974
|
+
"type": "color",
|
|
11975
|
+
"description": "Neutral icon-pill bg (core/background/muted #f5f5f5).",
|
|
11976
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
11977
|
+
},
|
|
11978
|
+
{
|
|
11979
|
+
"name": "modal-icon-pill-color-default-fg",
|
|
11980
|
+
"cssVar": "--modal-icon-pill-color-default-fg",
|
|
11981
|
+
"type": "color",
|
|
11982
|
+
"description": "Neutral icon-pill glyph (muted-foreground).",
|
|
11983
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
11984
|
+
},
|
|
11985
|
+
{
|
|
11986
|
+
"name": "modal-icon-pill-color-destructive-bg",
|
|
11987
|
+
"cssVar": "--modal-icon-pill-color-destructive-bg",
|
|
11988
|
+
"type": "color",
|
|
11989
|
+
"description": "Destructive intent pill bg (status/destructive/subtle #fef2f2). Reusa tokens STATUS.",
|
|
11990
|
+
"value": "oklch(97.05% 0.0129 17.38)"
|
|
11991
|
+
},
|
|
11992
|
+
{
|
|
11993
|
+
"name": "modal-icon-pill-color-destructive-fg",
|
|
11994
|
+
"cssVar": "--modal-icon-pill-color-destructive-fg",
|
|
11995
|
+
"type": "color",
|
|
11996
|
+
"description": "Destructive intent pill glyph (status/destructive/subtle-foreground #b91c1c).",
|
|
11997
|
+
"value": "oklch(50.54% 0.1905 27.52)"
|
|
11998
|
+
},
|
|
11999
|
+
{
|
|
12000
|
+
"name": "modal-icon-pill-color-warning-bg",
|
|
12001
|
+
"cssVar": "--modal-icon-pill-color-warning-bg",
|
|
12002
|
+
"type": "color",
|
|
12003
|
+
"description": "Warning intent pill bg (status/warning/subtle #fefce8). Reusa tokens STATUS — sem --modal-type-* (DES-1285).",
|
|
12004
|
+
"value": "oklch(98.73% 0.0262 102.21)"
|
|
12005
|
+
},
|
|
12006
|
+
{
|
|
12007
|
+
"name": "modal-icon-pill-color-warning-fg",
|
|
12008
|
+
"cssVar": "--modal-icon-pill-color-warning-fg",
|
|
12009
|
+
"type": "color",
|
|
12010
|
+
"description": "Warning intent pill glyph (status/warning/subtle-foreground #a16207).",
|
|
12011
|
+
"value": "oklch(55.38% 0.1207 66.44)"
|
|
12012
|
+
},
|
|
12013
|
+
{
|
|
12014
|
+
"name": "modal-icon-pill-icon-size",
|
|
12015
|
+
"cssVar": "--modal-icon-pill-icon-size",
|
|
12016
|
+
"type": "dimension",
|
|
12017
|
+
"description": "Modal icon-pill glyph size — 16px para os intent pills (Warning/Destructive TriangleAlert).",
|
|
12018
|
+
"value": "16px"
|
|
12019
|
+
},
|
|
12020
|
+
{
|
|
12021
|
+
"name": "modal-icon-pill-padding",
|
|
12022
|
+
"cssVar": "--modal-icon-pill-padding",
|
|
12023
|
+
"type": "dimension",
|
|
12024
|
+
"description": "Modal icon-pill inner padding 8px (spacing/2) — Figma Modal set 1425:10036, node 1522-12503 (DES-1285).",
|
|
12025
|
+
"value": "8px"
|
|
12026
|
+
},
|
|
12027
|
+
{
|
|
12028
|
+
"name": "modal-icon-pill-radius",
|
|
12029
|
+
"cssVar": "--modal-icon-pill-radius",
|
|
12030
|
+
"type": "dimension",
|
|
12031
|
+
"description": "Modal icon-pill fully-rounded shape (radius/pill 999px) per Figma.",
|
|
12032
|
+
"value": "999px"
|
|
12033
|
+
},
|
|
11215
12034
|
{
|
|
11216
12035
|
"name": "modal-overlay-bg",
|
|
11217
12036
|
"cssVar": "--modal-overlay-bg",
|
|
@@ -11678,6 +12497,13 @@
|
|
|
11678
12497
|
"type": "color",
|
|
11679
12498
|
"value": "oklch(20.46% 0.0000 0)"
|
|
11680
12499
|
},
|
|
12500
|
+
{
|
|
12501
|
+
"name": "notification-bg-destructive",
|
|
12502
|
+
"cssVar": "--notification-bg-destructive",
|
|
12503
|
+
"type": "color",
|
|
12504
|
+
"description": "Root bg do Status=Destructive (Figma 1417:7938 = status/destructive/subtle #fef2f2; drift 2026-07-15).",
|
|
12505
|
+
"value": "oklch(97.05% 0.0129 17.38)"
|
|
12506
|
+
},
|
|
11681
12507
|
{
|
|
11682
12508
|
"name": "notification-bg-hover",
|
|
11683
12509
|
"cssVar": "--notification-bg-hover",
|
|
@@ -11727,9 +12553,10 @@
|
|
|
11727
12553
|
"value": "oklch(86.06% 0.1731 91.94)"
|
|
11728
12554
|
},
|
|
11729
12555
|
{
|
|
11730
|
-
"name": "notification-dot-
|
|
11731
|
-
"cssVar": "--notification-dot-
|
|
12556
|
+
"name": "notification-dot-gap",
|
|
12557
|
+
"cssVar": "--notification-dot-gap",
|
|
11732
12558
|
"type": "dimension",
|
|
12559
|
+
"description": "Inline gap between the unread dot and the title per DES-1289 — Figma renders the dot inline in the title (spacing/1-5 = 6px), replacing the former absolute top/left offsets.",
|
|
11733
12560
|
"value": "6px"
|
|
11734
12561
|
},
|
|
11735
12562
|
{
|
|
@@ -11738,12 +12565,6 @@
|
|
|
11738
12565
|
"type": "dimension",
|
|
11739
12566
|
"value": "8px"
|
|
11740
12567
|
},
|
|
11741
|
-
{
|
|
11742
|
-
"name": "notification-dot-top",
|
|
11743
|
-
"cssVar": "--notification-dot-top",
|
|
11744
|
-
"type": "dimension",
|
|
11745
|
-
"value": "16px"
|
|
11746
|
-
},
|
|
11747
12568
|
{
|
|
11748
12569
|
"name": "notification-root-gap",
|
|
11749
12570
|
"cssVar": "--notification-root-gap",
|
|
@@ -11815,7 +12636,9 @@
|
|
|
11815
12636
|
{
|
|
11816
12637
|
"name": "panel-root-shadow",
|
|
11817
12638
|
"cssVar": "--panel-root-shadow",
|
|
11818
|
-
"
|
|
12639
|
+
"type": "shadow",
|
|
12640
|
+
"description": "Panel elevation consolidated onto the canonical shadow-md token per DES-1291 — was a bespoke dual-layer drop-shadow. The Panel refactor (Onda 3) should consume var(--shadow-md) directly for dark-mode awareness.",
|
|
12641
|
+
"value": "0 4px 8px 0 rgb(0 0 0 / 0.10), 0 2px 4px 0 rgb(0 0 0 / 0.06)"
|
|
11819
12642
|
},
|
|
11820
12643
|
{
|
|
11821
12644
|
"name": "panel-size-lg",
|
|
@@ -11984,6 +12807,43 @@
|
|
|
11984
12807
|
"type": "dimension",
|
|
11985
12808
|
"value": "40px"
|
|
11986
12809
|
},
|
|
12810
|
+
{
|
|
12811
|
+
"name": "payment-method-icon-size-lg-h",
|
|
12812
|
+
"cssVar": "--payment-method-icon-size-lg-h",
|
|
12813
|
+
"type": "dimension",
|
|
12814
|
+
"value": "40px"
|
|
12815
|
+
},
|
|
12816
|
+
{
|
|
12817
|
+
"name": "payment-method-icon-size-lg-w",
|
|
12818
|
+
"cssVar": "--payment-method-icon-size-lg-w",
|
|
12819
|
+
"type": "dimension",
|
|
12820
|
+
"value": "58px"
|
|
12821
|
+
},
|
|
12822
|
+
{
|
|
12823
|
+
"name": "payment-method-icon-size-md-h",
|
|
12824
|
+
"cssVar": "--payment-method-icon-size-md-h",
|
|
12825
|
+
"type": "dimension",
|
|
12826
|
+
"value": "32px"
|
|
12827
|
+
},
|
|
12828
|
+
{
|
|
12829
|
+
"name": "payment-method-icon-size-md-w",
|
|
12830
|
+
"cssVar": "--payment-method-icon-size-md-w",
|
|
12831
|
+
"type": "dimension",
|
|
12832
|
+
"value": "46px"
|
|
12833
|
+
},
|
|
12834
|
+
{
|
|
12835
|
+
"name": "payment-method-icon-size-sm-h",
|
|
12836
|
+
"cssVar": "--payment-method-icon-size-sm-h",
|
|
12837
|
+
"type": "dimension",
|
|
12838
|
+
"value": "24px"
|
|
12839
|
+
},
|
|
12840
|
+
{
|
|
12841
|
+
"name": "payment-method-icon-size-sm-w",
|
|
12842
|
+
"cssVar": "--payment-method-icon-size-sm-w",
|
|
12843
|
+
"type": "dimension",
|
|
12844
|
+
"description": "PaymentMethodIcon sm card width per Figma /Payment-method-icon frame (node 1027-13162).",
|
|
12845
|
+
"value": "34px"
|
|
12846
|
+
},
|
|
11987
12847
|
{
|
|
11988
12848
|
"name": "phone-input-country-select-border-color",
|
|
11989
12849
|
"cssVar": "--phone-input-country-select-border-color",
|
|
@@ -12128,12 +12988,26 @@
|
|
|
12128
12988
|
"type": "color",
|
|
12129
12989
|
"value": "oklch(63.68% 0.2078 25.33)"
|
|
12130
12990
|
},
|
|
12991
|
+
{
|
|
12992
|
+
"name": "progress-bar-fill-color-info",
|
|
12993
|
+
"cssVar": "--progress-bar-fill-color-info",
|
|
12994
|
+
"type": "color",
|
|
12995
|
+
"description": "Info indicator aliases Secondary (Figma Style=Info renders brand/secondary/background #8ff566) per DES-1214 Pendência 3. Uses the non-theme-flipping primitive so the indicator stays lime in dark mode.",
|
|
12996
|
+
"value": "oklch(87.82% 0.2037 137.75)"
|
|
12997
|
+
},
|
|
12131
12998
|
{
|
|
12132
12999
|
"name": "progress-bar-fill-color-primary",
|
|
12133
13000
|
"cssVar": "--progress-bar-fill-color-primary",
|
|
12134
13001
|
"type": "color",
|
|
12135
13002
|
"value": "oklch(81.75% 0.1821 159.79)"
|
|
12136
13003
|
},
|
|
13004
|
+
{
|
|
13005
|
+
"name": "progress-bar-fill-color-secondary",
|
|
13006
|
+
"cssVar": "--progress-bar-fill-color-secondary",
|
|
13007
|
+
"type": "color",
|
|
13008
|
+
"description": "Secondary indicator lime aligned with Figma brand/secondary/background (#8ff566) per DES-1214 Pendência 3. Uses the non-theme-flipping primitive so the indicator stays lime in dark mode.",
|
|
13009
|
+
"value": "oklch(87.82% 0.2037 137.75)"
|
|
13010
|
+
},
|
|
12137
13011
|
{
|
|
12138
13012
|
"name": "progress-bar-fill-color-success",
|
|
12139
13013
|
"cssVar": "--progress-bar-fill-color-success",
|
|
@@ -12247,19 +13121,19 @@
|
|
|
12247
13121
|
"name": "progress-bar-size-lg-height",
|
|
12248
13122
|
"cssVar": "--progress-bar-size-lg-height",
|
|
12249
13123
|
"type": "dimension",
|
|
12250
|
-
"value": "
|
|
13124
|
+
"value": "16px"
|
|
12251
13125
|
},
|
|
12252
13126
|
{
|
|
12253
13127
|
"name": "progress-bar-size-md-height",
|
|
12254
13128
|
"cssVar": "--progress-bar-size-md-height",
|
|
12255
13129
|
"type": "dimension",
|
|
12256
|
-
"value": "
|
|
13130
|
+
"value": "12px"
|
|
12257
13131
|
},
|
|
12258
13132
|
{
|
|
12259
13133
|
"name": "progress-bar-size-sm-height",
|
|
12260
13134
|
"cssVar": "--progress-bar-size-sm-height",
|
|
12261
13135
|
"type": "dimension",
|
|
12262
|
-
"value": "
|
|
13136
|
+
"value": "8px"
|
|
12263
13137
|
},
|
|
12264
13138
|
{
|
|
12265
13139
|
"name": "progress-bar-size-xl-height",
|
|
@@ -12286,11 +13160,25 @@
|
|
|
12286
13160
|
"description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix duplicated indicator.",
|
|
12287
13161
|
"value": "oklch(97.02% 0.0000 0)"
|
|
12288
13162
|
},
|
|
13163
|
+
{
|
|
13164
|
+
"name": "progress-bar-track-color-info",
|
|
13165
|
+
"cssVar": "--progress-bar-track-color-info",
|
|
13166
|
+
"type": "color",
|
|
13167
|
+
"description": "Track always uses muted gray (universal Figma core/background/muted). Info aliases Secondary per DES-1214 Pendência 3.",
|
|
13168
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
13169
|
+
},
|
|
12289
13170
|
{
|
|
12290
13171
|
"name": "progress-bar-track-color-primary",
|
|
12291
13172
|
"cssVar": "--progress-bar-track-color-primary",
|
|
12292
13173
|
"type": "color",
|
|
12293
|
-
"description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix was oklch(81.75% 0.1821 159.79) (duplicate of indicator).",
|
|
13174
|
+
"description": "Track always uses muted gray. Per Bowser audit ProgressBar BUG — pre-fix was oklch(81.75% 0.1821 159.79) (duplicate of indicator).",
|
|
13175
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
13176
|
+
},
|
|
13177
|
+
{
|
|
13178
|
+
"name": "progress-bar-track-color-secondary",
|
|
13179
|
+
"cssVar": "--progress-bar-track-color-secondary",
|
|
13180
|
+
"type": "color",
|
|
13181
|
+
"description": "Track always uses muted gray (universal Figma core/background/muted). Per DES-1214 Pendência 3.",
|
|
12294
13182
|
"value": "oklch(97.02% 0.0000 0)"
|
|
12295
13183
|
},
|
|
12296
13184
|
{
|
|
@@ -12326,6 +13214,13 @@
|
|
|
12326
13214
|
"type": "color",
|
|
12327
13215
|
"value": "oklch(81.75% 0.1821 159.79)"
|
|
12328
13216
|
},
|
|
13217
|
+
{
|
|
13218
|
+
"name": "progress-circle-indicator-color-secondary",
|
|
13219
|
+
"cssVar": "--progress-circle-indicator-color-secondary",
|
|
13220
|
+
"type": "color",
|
|
13221
|
+
"description": "Indicator lime --secondary #8ff566 (Figma 1305:266 Color=Secondary; drift 2026-07-15).",
|
|
13222
|
+
"value": "oklch(87.82% 0.2037 137.75)"
|
|
13223
|
+
},
|
|
12329
13224
|
{
|
|
12330
13225
|
"name": "progress-circle-indicator-color-success",
|
|
12331
13226
|
"cssVar": "--progress-circle-indicator-color-success",
|
|
@@ -12429,6 +13324,13 @@
|
|
|
12429
13324
|
"description": "Track muted gray per Bowser audit ProgressCircle BUG — pre-fix duplicated indicator.",
|
|
12430
13325
|
"value": "oklch(97.02% 0.0000 0)"
|
|
12431
13326
|
},
|
|
13327
|
+
{
|
|
13328
|
+
"name": "progress-circle-track-color-secondary",
|
|
13329
|
+
"cssVar": "--progress-circle-track-color-secondary",
|
|
13330
|
+
"type": "color",
|
|
13331
|
+
"description": "Track muted gray (Figma 1305:266 Color=Secondary; drift 2026-07-15).",
|
|
13332
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
13333
|
+
},
|
|
12432
13334
|
{
|
|
12433
13335
|
"name": "progress-circle-track-color-success",
|
|
12434
13336
|
"cssVar": "--progress-circle-track-color-success",
|
|
@@ -12496,6 +13398,13 @@
|
|
|
12496
13398
|
"description": "Vertical connector calc subtraction for sm — equals step indicator full height.",
|
|
12497
13399
|
"value": "32px"
|
|
12498
13400
|
},
|
|
13401
|
+
{
|
|
13402
|
+
"name": "radio-control-offset-top",
|
|
13403
|
+
"cssVar": "--radio-control-offset-top",
|
|
13404
|
+
"type": "dimension",
|
|
13405
|
+
"description": "Optical nudge aligning the control with the first label line when a description is present.",
|
|
13406
|
+
"value": "2px"
|
|
13407
|
+
},
|
|
12499
13408
|
{
|
|
12500
13409
|
"name": "radio-indicator-color",
|
|
12501
13410
|
"cssVar": "--radio-indicator-color",
|
|
@@ -12613,6 +13522,13 @@
|
|
|
12613
13522
|
"description": "Rail width aligned with Figma Secondary 64px per DES-1300 item 3 — pre-fix was 3.5rem (56px).",
|
|
12614
13523
|
"value": "4rem"
|
|
12615
13524
|
},
|
|
13525
|
+
{
|
|
13526
|
+
"name": "rating-focus-ring-color",
|
|
13527
|
+
"cssVar": "--rating-focus-ring-color",
|
|
13528
|
+
"type": "color",
|
|
13529
|
+
"description": "Rating focus-ring color per DES-1217 Pendência 5 — dedicated token replacing the generic --ring utility, aligned with Avatar/Button focus-ring.",
|
|
13530
|
+
"value": "oklch(81.75% 0.1821 159.79)"
|
|
13531
|
+
},
|
|
12616
13532
|
{
|
|
12617
13533
|
"name": "rating-icon-color-empty",
|
|
12618
13534
|
"cssVar": "--rating-icon-color-empty",
|
|
@@ -12625,6 +13541,13 @@
|
|
|
12625
13541
|
"type": "color",
|
|
12626
13542
|
"value": "oklch(86.06% 0.1731 91.94)"
|
|
12627
13543
|
},
|
|
13544
|
+
{
|
|
13545
|
+
"name": "rating-icon-color-half",
|
|
13546
|
+
"cssVar": "--rating-icon-color-half",
|
|
13547
|
+
"type": "color",
|
|
13548
|
+
"description": "Half-star fill — token dedicado (DES-1217); default = filled (warning). Antes era fill-current (herdava currentColor).",
|
|
13549
|
+
"value": "oklch(86.06% 0.1731 91.94)"
|
|
13550
|
+
},
|
|
12628
13551
|
{
|
|
12629
13552
|
"name": "rating-icon-size-lg",
|
|
12630
13553
|
"cssVar": "--rating-icon-size-lg",
|
|
@@ -12644,9 +13567,85 @@
|
|
|
12644
13567
|
"value": "16px"
|
|
12645
13568
|
},
|
|
12646
13569
|
{
|
|
12647
|
-
"name": "rating-item-gap",
|
|
12648
|
-
"cssVar": "--rating-item-gap",
|
|
12649
|
-
"
|
|
13570
|
+
"name": "rating-item-gap-lg",
|
|
13571
|
+
"cssVar": "--rating-item-gap-lg",
|
|
13572
|
+
"type": "dimension",
|
|
13573
|
+
"value": "8px"
|
|
13574
|
+
},
|
|
13575
|
+
{
|
|
13576
|
+
"name": "rating-item-gap-md",
|
|
13577
|
+
"cssVar": "--rating-item-gap-md",
|
|
13578
|
+
"type": "dimension",
|
|
13579
|
+
"value": "8px"
|
|
13580
|
+
},
|
|
13581
|
+
{
|
|
13582
|
+
"name": "rating-item-gap-sm",
|
|
13583
|
+
"cssVar": "--rating-item-gap-sm",
|
|
13584
|
+
"type": "dimension",
|
|
13585
|
+
"value": "4px"
|
|
13586
|
+
},
|
|
13587
|
+
{
|
|
13588
|
+
"name": "report-builder-chip-font-size",
|
|
13589
|
+
"cssVar": "--report-builder-chip-font-size",
|
|
13590
|
+
"type": "dimension",
|
|
13591
|
+
"description": "Keyboard shortcut chip font-size.",
|
|
13592
|
+
"value": "12px"
|
|
13593
|
+
},
|
|
13594
|
+
{
|
|
13595
|
+
"name": "report-builder-chip-width",
|
|
13596
|
+
"cssVar": "--report-builder-chip-width",
|
|
13597
|
+
"type": "dimension",
|
|
13598
|
+
"description": "Keyboard shortcut chip width.",
|
|
13599
|
+
"value": "22px"
|
|
13600
|
+
},
|
|
13601
|
+
{
|
|
13602
|
+
"name": "report-builder-control-size",
|
|
13603
|
+
"cssVar": "--report-builder-control-size",
|
|
13604
|
+
"type": "dimension",
|
|
13605
|
+
"description": "Checkbox control hit size.",
|
|
13606
|
+
"value": "18px"
|
|
13607
|
+
},
|
|
13608
|
+
{
|
|
13609
|
+
"name": "report-builder-list-max-height",
|
|
13610
|
+
"cssVar": "--report-builder-list-max-height",
|
|
13611
|
+
"type": "dimension",
|
|
13612
|
+
"description": "Field list max height.",
|
|
13613
|
+
"value": "340px"
|
|
13614
|
+
},
|
|
13615
|
+
{
|
|
13616
|
+
"name": "report-builder-menu-font-size",
|
|
13617
|
+
"cssVar": "--report-builder-menu-font-size",
|
|
13618
|
+
"type": "dimension",
|
|
13619
|
+
"description": "Menu row font-size.",
|
|
13620
|
+
"value": "15px"
|
|
13621
|
+
},
|
|
13622
|
+
{
|
|
13623
|
+
"name": "report-builder-meta-font-size",
|
|
13624
|
+
"cssVar": "--report-builder-meta-font-size",
|
|
13625
|
+
"type": "dimension",
|
|
13626
|
+
"description": "Pill/summary meta font-size.",
|
|
13627
|
+
"value": "13px"
|
|
13628
|
+
},
|
|
13629
|
+
{
|
|
13630
|
+
"name": "report-builder-pill-height",
|
|
13631
|
+
"cssVar": "--report-builder-pill-height",
|
|
13632
|
+
"type": "dimension",
|
|
13633
|
+
"description": "Filter pill height.",
|
|
13634
|
+
"value": "26px"
|
|
13635
|
+
},
|
|
13636
|
+
{
|
|
13637
|
+
"name": "report-builder-popup-width-wide",
|
|
13638
|
+
"cssVar": "--report-builder-popup-width-wide",
|
|
13639
|
+
"type": "dimension",
|
|
13640
|
+
"description": "Wide state of the field popup.",
|
|
13641
|
+
"value": "26rem"
|
|
13642
|
+
},
|
|
13643
|
+
{
|
|
13644
|
+
"name": "report-builder-preview-min-height",
|
|
13645
|
+
"cssVar": "--report-builder-preview-min-height",
|
|
13646
|
+
"type": "dimension",
|
|
13647
|
+
"description": "Preview pane min height.",
|
|
13648
|
+
"value": "200px"
|
|
12650
13649
|
},
|
|
12651
13650
|
{
|
|
12652
13651
|
"name": "report-generator-output-max-height-lg",
|
|
@@ -12965,19 +13964,22 @@
|
|
|
12965
13964
|
"name": "select-trigger-height-lg",
|
|
12966
13965
|
"cssVar": "--select-trigger-height-lg",
|
|
12967
13966
|
"type": "dimension",
|
|
12968
|
-
"
|
|
13967
|
+
"description": "Select trigger lg height 44px — aligned with --input-size-lg-h (DES-1295). Pre-fix was spacing.10 (40px).",
|
|
13968
|
+
"value": "44px"
|
|
12969
13969
|
},
|
|
12970
13970
|
{
|
|
12971
13971
|
"name": "select-trigger-height-md",
|
|
12972
13972
|
"cssVar": "--select-trigger-height-md",
|
|
12973
13973
|
"type": "dimension",
|
|
12974
|
-
"
|
|
13974
|
+
"description": "Select trigger md height 40px — aligned with --input-size-md-h (DES-1295). Pre-fix was spacing.9 (36px).",
|
|
13975
|
+
"value": "40px"
|
|
12975
13976
|
},
|
|
12976
13977
|
{
|
|
12977
13978
|
"name": "select-trigger-height-sm",
|
|
12978
13979
|
"cssVar": "--select-trigger-height-sm",
|
|
12979
13980
|
"type": "dimension",
|
|
12980
|
-
"
|
|
13981
|
+
"description": "Select trigger sm height 36px — Select is an Input type in Figma (DES-1295), aligned with --input-size-sm-h. Pre-fix was spacing.8 (32px).",
|
|
13982
|
+
"value": "36px"
|
|
12981
13983
|
},
|
|
12982
13984
|
{
|
|
12983
13985
|
"name": "select-trigger-padding-x-lg",
|
|
@@ -13001,13 +14003,15 @@
|
|
|
13001
14003
|
"name": "select-trigger-padding-y-lg",
|
|
13002
14004
|
"cssVar": "--select-trigger-padding-y-lg",
|
|
13003
14005
|
"type": "dimension",
|
|
13004
|
-
"
|
|
14006
|
+
"description": "Aligned with --input-size-lg-py 6px (DES-1295). Pre-fix was spacing.2 (8px).",
|
|
14007
|
+
"value": "0.375rem"
|
|
13005
14008
|
},
|
|
13006
14009
|
{
|
|
13007
14010
|
"name": "select-trigger-padding-y-md",
|
|
13008
14011
|
"cssVar": "--select-trigger-padding-y-md",
|
|
13009
14012
|
"type": "dimension",
|
|
13010
|
-
"
|
|
14013
|
+
"description": "Aligned with --input-size-md-py 4px (DES-1295). Pre-fix was spacing.2 (8px).",
|
|
14014
|
+
"value": "4px"
|
|
13011
14015
|
},
|
|
13012
14016
|
{
|
|
13013
14017
|
"name": "select-trigger-padding-y-sm",
|
|
@@ -13172,6 +14176,20 @@
|
|
|
13172
14176
|
"type": "color",
|
|
13173
14177
|
"value": "oklch(100% 0 0 / 50%)"
|
|
13174
14178
|
},
|
|
14179
|
+
{
|
|
14180
|
+
"name": "sidebar-avatar-height",
|
|
14181
|
+
"cssVar": "--sidebar-avatar-height",
|
|
14182
|
+
"type": "dimension",
|
|
14183
|
+
"description": "Avatar row height expanded = 44px (Figma 1088:627 Expanded=True).",
|
|
14184
|
+
"value": "2.75rem"
|
|
14185
|
+
},
|
|
14186
|
+
{
|
|
14187
|
+
"name": "sidebar-avatar-size",
|
|
14188
|
+
"cssVar": "--sidebar-avatar-size",
|
|
14189
|
+
"type": "dimension",
|
|
14190
|
+
"description": "Avatar block collapsed = 40px (Figma 1088:627 Expanded=False).",
|
|
14191
|
+
"value": "2.5rem"
|
|
14192
|
+
},
|
|
13175
14193
|
{
|
|
13176
14194
|
"name": "sidebar-container-background",
|
|
13177
14195
|
"cssVar": "--sidebar-container-background",
|
|
@@ -13264,6 +14282,13 @@
|
|
|
13264
14282
|
"description": "Logo total size = 32px (Figma size-[32px]).",
|
|
13265
14283
|
"value": "2rem"
|
|
13266
14284
|
},
|
|
14285
|
+
{
|
|
14286
|
+
"name": "sidebar-nav-item-bg-active",
|
|
14287
|
+
"cssVar": "--sidebar-nav-item-bg-active",
|
|
14288
|
+
"type": "color",
|
|
14289
|
+
"description": "Bg do item ativo = brand primary mint #19E699 (Figma 2472:322 — nav item single segue o Rail Item Expanded=True; página reformulada 2472:306, decisão 2026-08-09 — supersede o cinza do audit 2026-06-17).",
|
|
14290
|
+
"value": "oklch(81.75% 0.1821 159.79)"
|
|
14291
|
+
},
|
|
13267
14292
|
{
|
|
13268
14293
|
"name": "sidebar-nav-item-bg-default",
|
|
13269
14294
|
"cssVar": "--sidebar-nav-item-bg-default",
|
|
@@ -13292,6 +14317,13 @@
|
|
|
13292
14317
|
"description": "Panel nav-item label color default = muted-foreground #737373 (Figma).",
|
|
13293
14318
|
"value": "oklch(55.55% 0.0000 0)"
|
|
13294
14319
|
},
|
|
14320
|
+
{
|
|
14321
|
+
"name": "sidebar-nav-item-fg-on-active",
|
|
14322
|
+
"cssVar": "--sidebar-nav-item-fg-on-active",
|
|
14323
|
+
"type": "color",
|
|
14324
|
+
"description": "Ícone/label sobre o bg ativo mint = primary-foreground #02170F (Figma 2472:322 — nav item single segue o Rail Item Expanded=True).",
|
|
14325
|
+
"value": "oklch(18.34% 0.0338 166.67)"
|
|
14326
|
+
},
|
|
13295
14327
|
{
|
|
13296
14328
|
"name": "sidebar-nav-item-font-size",
|
|
13297
14329
|
"cssVar": "--sidebar-nav-item-font-size",
|
|
@@ -13383,6 +14415,27 @@
|
|
|
13383
14415
|
"description": "Panel title horizontal padding = 16px (Figma px-[var(--spacing/s-16,16px)]).",
|
|
13384
14416
|
"value": "16px"
|
|
13385
14417
|
},
|
|
14418
|
+
{
|
|
14419
|
+
"name": "sidebar-panel-item-height",
|
|
14420
|
+
"cssVar": "--sidebar-panel-item-height",
|
|
14421
|
+
"type": "dimension",
|
|
14422
|
+
"description": "Panel item height (Figma 2473:892 Sidebar / Item Sidebar, 21 variantes).",
|
|
14423
|
+
"value": "30px"
|
|
14424
|
+
},
|
|
14425
|
+
{
|
|
14426
|
+
"name": "sidebar-panel-item-indent-2",
|
|
14427
|
+
"cssVar": "--sidebar-panel-item-indent-2",
|
|
14428
|
+
"type": "dimension",
|
|
14429
|
+
"description": "pl do item nivel 2 sem chevron; com chevron o pl volta ao base 8px e chevron 12 + gap 8 alinham o texto (Figma 2473:892 Nivel=Secundario).",
|
|
14430
|
+
"value": "28px"
|
|
14431
|
+
},
|
|
14432
|
+
{
|
|
14433
|
+
"name": "sidebar-panel-item-indent-3",
|
|
14434
|
+
"cssVar": "--sidebar-panel-item-indent-3",
|
|
14435
|
+
"type": "dimension",
|
|
14436
|
+
"description": "pl do item nivel 3 sem chevron; com chevron pl = indent-2 (Figma 2473:892 Nivel=Terciario).",
|
|
14437
|
+
"value": "48px"
|
|
14438
|
+
},
|
|
13386
14439
|
{
|
|
13387
14440
|
"name": "sidebar-panel-padding-bottom",
|
|
13388
14441
|
"cssVar": "--sidebar-panel-padding-bottom",
|
|
@@ -13411,6 +14464,13 @@
|
|
|
13411
14464
|
"description": "Vertical gap between rail groups (logo block vs nav block) = 24px (Figma gap-[var(--spacing/s-24,24px)]).",
|
|
13412
14465
|
"value": "24px"
|
|
13413
14466
|
},
|
|
14467
|
+
{
|
|
14468
|
+
"name": "sidebar-rail-item-bg-active",
|
|
14469
|
+
"cssVar": "--sidebar-rail-item-bg-active",
|
|
14470
|
+
"type": "color",
|
|
14471
|
+
"description": "Bg do item ativo = brand primary mint #19E699 (Figma 2472:312/2472:322 Rail Item Status=Active; página reformulada 2472:306, decisão 2026-08-09 — supersede o cinza do audit 2026-06-17).",
|
|
14472
|
+
"value": "oklch(81.75% 0.1821 159.79)"
|
|
14473
|
+
},
|
|
13414
14474
|
{
|
|
13415
14475
|
"name": "sidebar-rail-item-bg-default",
|
|
13416
14476
|
"cssVar": "--sidebar-rail-item-bg-default",
|
|
@@ -13439,6 +14499,13 @@
|
|
|
13439
14499
|
"description": "Rail nav-item icon color default = muted-foreground #737373 (Figma 1087:204 status=Default).",
|
|
13440
14500
|
"value": "oklch(55.55% 0.0000 0)"
|
|
13441
14501
|
},
|
|
14502
|
+
{
|
|
14503
|
+
"name": "sidebar-rail-item-fg-on-active",
|
|
14504
|
+
"cssVar": "--sidebar-rail-item-fg-on-active",
|
|
14505
|
+
"type": "color",
|
|
14506
|
+
"description": "Ícone/label sobre o bg ativo mint = primary-foreground #02170F (Figma 2472:312/2472:322 Rail Item Status=Active).",
|
|
14507
|
+
"value": "oklch(18.34% 0.0338 166.67)"
|
|
14508
|
+
},
|
|
13442
14509
|
{
|
|
13443
14510
|
"name": "sidebar-rail-item-gap",
|
|
13444
14511
|
"cssVar": "--sidebar-rail-item-gap",
|
|
@@ -13474,6 +14541,13 @@
|
|
|
13474
14541
|
"description": "Rail strip width = 64px (Figma 1091:9106 Secondary mode rail column).",
|
|
13475
14542
|
"value": "4rem"
|
|
13476
14543
|
},
|
|
14544
|
+
{
|
|
14545
|
+
"name": "sidebar-rail-width-expanded",
|
|
14546
|
+
"cssVar": "--sidebar-rail-width-expanded",
|
|
14547
|
+
"type": "dimension",
|
|
14548
|
+
"description": "Largura da rail expandida em overlay no estado Expandida + Secundaria (= sidebar.width 200px; Figma 2483:1600). O painel fica imovel; footprint segue 280.",
|
|
14549
|
+
"value": "12.5rem"
|
|
14550
|
+
},
|
|
13477
14551
|
{
|
|
13478
14552
|
"name": "sidebar-section-content-gap",
|
|
13479
14553
|
"cssVar": "--sidebar-section-content-gap",
|
|
@@ -13530,12 +14604,68 @@
|
|
|
13530
14604
|
"description": "Section title (Dashboards label) horizontal padding = 8px (Figma px-[var(--spacing/s-8,8px)]).",
|
|
13531
14605
|
"value": "8px"
|
|
13532
14606
|
},
|
|
14607
|
+
{
|
|
14608
|
+
"name": "sidebar-theme-toggle-gap",
|
|
14609
|
+
"cssVar": "--sidebar-theme-toggle-gap",
|
|
14610
|
+
"type": "dimension",
|
|
14611
|
+
"description": "Gap between toggle pill and label = 12px (Figma spacing/s-12).",
|
|
14612
|
+
"value": "12px"
|
|
14613
|
+
},
|
|
14614
|
+
{
|
|
14615
|
+
"name": "sidebar-theme-toggle-knob-bg",
|
|
14616
|
+
"cssVar": "--sidebar-theme-toggle-knob-bg",
|
|
14617
|
+
"type": "color",
|
|
14618
|
+
"description": "Toggle knob = base-white #ffffff. Fixed / theme-independent (Figma 1089:324).",
|
|
14619
|
+
"value": "oklch(100.00% 0.0000 0)"
|
|
14620
|
+
},
|
|
14621
|
+
{
|
|
14622
|
+
"name": "sidebar-theme-toggle-knob-fg",
|
|
14623
|
+
"cssVar": "--sidebar-theme-toggle-knob-fg",
|
|
14624
|
+
"type": "color",
|
|
14625
|
+
"description": "Toggle knob icon (sun/moon) = neutral-950 #0a0a0a. Fixed dark for contrast on the white knob (Figma 1089:324).",
|
|
14626
|
+
"value": "oklch(14.48% 0.0000 0)"
|
|
14627
|
+
},
|
|
14628
|
+
{
|
|
14629
|
+
"name": "sidebar-theme-toggle-knob-size",
|
|
14630
|
+
"cssVar": "--sidebar-theme-toggle-knob-size",
|
|
14631
|
+
"type": "dimension",
|
|
14632
|
+
"description": "Color-mode toggle knob = 20px (Figma 1089:324).",
|
|
14633
|
+
"value": "1.25rem"
|
|
14634
|
+
},
|
|
14635
|
+
{
|
|
14636
|
+
"name": "sidebar-theme-toggle-track-bg-dark",
|
|
14637
|
+
"cssVar": "--sidebar-theme-toggle-track-bg-dark",
|
|
14638
|
+
"type": "color",
|
|
14639
|
+
"description": "Toggle track when DARK mode is active = neutral-950 #0a0a0a. Fixed / theme-independent (Figma 1089:324).",
|
|
14640
|
+
"value": "oklch(14.48% 0.0000 0)"
|
|
14641
|
+
},
|
|
14642
|
+
{
|
|
14643
|
+
"name": "sidebar-theme-toggle-track-bg-light",
|
|
14644
|
+
"cssVar": "--sidebar-theme-toggle-track-bg-light",
|
|
14645
|
+
"type": "color",
|
|
14646
|
+
"description": "Toggle track when LIGHT mode is active = neutral-100 #f5f5f5. Fixed / theme-independent: it reflects the color MODE the toggle sets, not the page theme (Figma 1089:324).",
|
|
14647
|
+
"value": "oklch(97.02% 0.0000 0)"
|
|
14648
|
+
},
|
|
14649
|
+
{
|
|
14650
|
+
"name": "sidebar-theme-toggle-track-height",
|
|
14651
|
+
"cssVar": "--sidebar-theme-toggle-track-height",
|
|
14652
|
+
"type": "dimension",
|
|
14653
|
+
"description": "Color-mode toggle track height = 24px (Figma 1089:324).",
|
|
14654
|
+
"value": "1.5rem"
|
|
14655
|
+
},
|
|
14656
|
+
{
|
|
14657
|
+
"name": "sidebar-theme-toggle-track-width",
|
|
14658
|
+
"cssVar": "--sidebar-theme-toggle-track-width",
|
|
14659
|
+
"type": "dimension",
|
|
14660
|
+
"description": "Color-mode toggle track width = 36px (Figma 1089:324).",
|
|
14661
|
+
"value": "2.25rem"
|
|
14662
|
+
},
|
|
13533
14663
|
{
|
|
13534
14664
|
"name": "sidebar-width",
|
|
13535
14665
|
"cssVar": "--sidebar-width",
|
|
13536
14666
|
"type": "dimension",
|
|
13537
|
-
"description": "Sidebar expanded total width =
|
|
13538
|
-
"value": "
|
|
14667
|
+
"description": "Sidebar expanded total width = 200px (Figma 2472:306 Status=Expanded; era 272px contra a pagina antiga 1091:9106, decisao 2026-07-15).",
|
|
14668
|
+
"value": "12.5rem"
|
|
13539
14669
|
},
|
|
13540
14670
|
{
|
|
13541
14671
|
"name": "sidebar-width-icon",
|
|
@@ -14201,6 +15331,48 @@
|
|
|
14201
15331
|
"type": "color",
|
|
14202
15332
|
"value": "oklch(45% 0.15 250)"
|
|
14203
15333
|
},
|
|
15334
|
+
{
|
|
15335
|
+
"name": "status-indicator-bar-thickness-2xl",
|
|
15336
|
+
"cssVar": "--status-indicator-bar-thickness-2xl",
|
|
15337
|
+
"type": "dimension",
|
|
15338
|
+
"description": "Bar shape secondary dimension (2xl) — width of bar-vertical / height of bar-horizontal.",
|
|
15339
|
+
"value": "6px"
|
|
15340
|
+
},
|
|
15341
|
+
{
|
|
15342
|
+
"name": "status-indicator-bar-thickness-default",
|
|
15343
|
+
"cssVar": "--status-indicator-bar-thickness-default",
|
|
15344
|
+
"type": "dimension",
|
|
15345
|
+
"description": "Bar shape secondary dimension (default) — width of bar-vertical / height of bar-horizontal.",
|
|
15346
|
+
"value": "2px"
|
|
15347
|
+
},
|
|
15348
|
+
{
|
|
15349
|
+
"name": "status-indicator-bar-thickness-lg",
|
|
15350
|
+
"cssVar": "--status-indicator-bar-thickness-lg",
|
|
15351
|
+
"type": "dimension",
|
|
15352
|
+
"description": "Bar shape secondary dimension (lg) — width of bar-vertical / height of bar-horizontal.",
|
|
15353
|
+
"value": "3px"
|
|
15354
|
+
},
|
|
15355
|
+
{
|
|
15356
|
+
"name": "status-indicator-bar-thickness-sm",
|
|
15357
|
+
"cssVar": "--status-indicator-bar-thickness-sm",
|
|
15358
|
+
"type": "dimension",
|
|
15359
|
+
"description": "Bar shape secondary dimension (sm) — width of bar-vertical / height of bar-horizontal.",
|
|
15360
|
+
"value": "2px"
|
|
15361
|
+
},
|
|
15362
|
+
{
|
|
15363
|
+
"name": "status-indicator-bar-thickness-xl",
|
|
15364
|
+
"cssVar": "--status-indicator-bar-thickness-xl",
|
|
15365
|
+
"type": "dimension",
|
|
15366
|
+
"description": "Bar shape secondary dimension (xl) — width of bar-vertical / height of bar-horizontal.",
|
|
15367
|
+
"value": "4px"
|
|
15368
|
+
},
|
|
15369
|
+
{
|
|
15370
|
+
"name": "status-indicator-bar-thickness-xs",
|
|
15371
|
+
"cssVar": "--status-indicator-bar-thickness-xs",
|
|
15372
|
+
"type": "dimension",
|
|
15373
|
+
"description": "Bar shape secondary dimension (xs) — width of bar-vertical / height of bar-horizontal.",
|
|
15374
|
+
"value": "1px"
|
|
15375
|
+
},
|
|
14204
15376
|
{
|
|
14205
15377
|
"name": "status-indicator-dot-color-destructive",
|
|
14206
15378
|
"cssVar": "--status-indicator-dot-color-destructive",
|
|
@@ -14904,9 +16076,44 @@
|
|
|
14904
16076
|
"name": "tag-color-dot",
|
|
14905
16077
|
"cssVar": "--tag-color-dot",
|
|
14906
16078
|
"type": "color",
|
|
14907
|
-
"description": "Tag dot indicator color (mint primary). Per Bowser audit Tag BUG-3 — pre-fix was muted-foreground (gray).",
|
|
16079
|
+
"description": "Tag dot indicator color (mint primary = brand default). Per Bowser audit Tag BUG-3 — pre-fix was muted-foreground (gray).",
|
|
14908
16080
|
"value": "oklch(81.75% 0.1821 159.79)"
|
|
14909
16081
|
},
|
|
16082
|
+
{
|
|
16083
|
+
"name": "tag-color-dot-destructive",
|
|
16084
|
+
"cssVar": "--tag-color-dot-destructive",
|
|
16085
|
+
"type": "color",
|
|
16086
|
+
"description": "Tag dot — destructive status (red). DES-1083.",
|
|
16087
|
+
"value": "oklch(63.68% 0.2078 25.33)"
|
|
16088
|
+
},
|
|
16089
|
+
{
|
|
16090
|
+
"name": "tag-color-dot-info",
|
|
16091
|
+
"cssVar": "--tag-color-dot-info",
|
|
16092
|
+
"type": "color",
|
|
16093
|
+
"description": "Tag dot — info status (blue). DES-1083.",
|
|
16094
|
+
"value": "oklch(54.61% 0.2152 262.88)"
|
|
16095
|
+
},
|
|
16096
|
+
{
|
|
16097
|
+
"name": "tag-color-dot-neutral",
|
|
16098
|
+
"cssVar": "--tag-color-dot-neutral",
|
|
16099
|
+
"type": "color",
|
|
16100
|
+
"description": "Tag dot — neutral status (gray). DES-1083.",
|
|
16101
|
+
"value": "oklch(55.55% 0.0000 0)"
|
|
16102
|
+
},
|
|
16103
|
+
{
|
|
16104
|
+
"name": "tag-color-dot-success",
|
|
16105
|
+
"cssVar": "--tag-color-dot-success",
|
|
16106
|
+
"type": "color",
|
|
16107
|
+
"description": "Tag dot — success status (green, Figma example #16a34a). DES-1083.",
|
|
16108
|
+
"value": "oklch(62.71% 0.1699 149.21)"
|
|
16109
|
+
},
|
|
16110
|
+
{
|
|
16111
|
+
"name": "tag-color-dot-warning",
|
|
16112
|
+
"cssVar": "--tag-color-dot-warning",
|
|
16113
|
+
"type": "color",
|
|
16114
|
+
"description": "Tag dot — warning status (yellow). DES-1083.",
|
|
16115
|
+
"value": "oklch(86.06% 0.1731 91.94)"
|
|
16116
|
+
},
|
|
14910
16117
|
{
|
|
14911
16118
|
"name": "tag-color-text-default",
|
|
14912
16119
|
"cssVar": "--tag-color-text-default",
|
|
@@ -15009,19 +16216,19 @@
|
|
|
15009
16216
|
"name": "tag-size-height-lg",
|
|
15010
16217
|
"cssVar": "--tag-size-height-lg",
|
|
15011
16218
|
"type": "dimension",
|
|
15012
|
-
"value": "
|
|
16219
|
+
"value": "28px"
|
|
15013
16220
|
},
|
|
15014
16221
|
{
|
|
15015
16222
|
"name": "tag-size-height-md",
|
|
15016
16223
|
"cssVar": "--tag-size-height-md",
|
|
15017
16224
|
"type": "dimension",
|
|
15018
|
-
"value": "
|
|
16225
|
+
"value": "24px"
|
|
15019
16226
|
},
|
|
15020
16227
|
{
|
|
15021
16228
|
"name": "tag-size-height-sm",
|
|
15022
16229
|
"cssVar": "--tag-size-height-sm",
|
|
15023
16230
|
"type": "dimension",
|
|
15024
|
-
"value": "
|
|
16231
|
+
"value": "22px"
|
|
15025
16232
|
},
|
|
15026
16233
|
{
|
|
15027
16234
|
"name": "tag-size-padding-x-lg",
|
|
@@ -15395,6 +16602,27 @@
|
|
|
15395
16602
|
"type": "dimension",
|
|
15396
16603
|
"value": "0.875rem"
|
|
15397
16604
|
},
|
|
16605
|
+
{
|
|
16606
|
+
"name": "thumbnail-action-size",
|
|
16607
|
+
"cssVar": "--thumbnail-action-size",
|
|
16608
|
+
"type": "dimension",
|
|
16609
|
+
"description": "Overlay action button (circular) hit size.",
|
|
16610
|
+
"value": "22px"
|
|
16611
|
+
},
|
|
16612
|
+
{
|
|
16613
|
+
"name": "thumbnail-badge-font-size",
|
|
16614
|
+
"cssVar": "--thumbnail-badge-font-size",
|
|
16615
|
+
"type": "dimension",
|
|
16616
|
+
"description": "Mini badge overlay font-size.",
|
|
16617
|
+
"value": "9px"
|
|
16618
|
+
},
|
|
16619
|
+
{
|
|
16620
|
+
"name": "thumbnail-label-font-size",
|
|
16621
|
+
"cssVar": "--thumbnail-label-font-size",
|
|
16622
|
+
"type": "dimension",
|
|
16623
|
+
"description": "Extension label chip font-size.",
|
|
16624
|
+
"value": "10px"
|
|
16625
|
+
},
|
|
15398
16626
|
{
|
|
15399
16627
|
"name": "thumbnail-root-bg",
|
|
15400
16628
|
"cssVar": "--thumbnail-root-bg",
|
|
@@ -15434,6 +16662,13 @@
|
|
|
15434
16662
|
"description": "Thumbnail sm radius aligned with Figma 4px per Bowser audit Thumbnail — pre-fix was 0.125rem (2px). Also fixed $type from color to dimension.",
|
|
15435
16663
|
"value": "4px"
|
|
15436
16664
|
},
|
|
16665
|
+
{
|
|
16666
|
+
"name": "thumbnail-select-size",
|
|
16667
|
+
"cssVar": "--thumbnail-select-size",
|
|
16668
|
+
"type": "dimension",
|
|
16669
|
+
"description": "Overlay select control (square, rounded-sm) hit size.",
|
|
16670
|
+
"value": "18px"
|
|
16671
|
+
},
|
|
15437
16672
|
{
|
|
15438
16673
|
"name": "thumbnail-size-default-width",
|
|
15439
16674
|
"cssVar": "--thumbnail-size-default-width",
|
|
@@ -15789,8 +17024,37 @@
|
|
|
15789
17024
|
"name": "toggle-icon-size",
|
|
15790
17025
|
"cssVar": "--toggle-icon-size",
|
|
15791
17026
|
"type": "dimension",
|
|
17027
|
+
"description": "Flat icon size 16px (spacing.4). Retained for ToggleGroup (forms/) back-compat — primitive Toggle now cascades per size via the size-sm/size-md/size-lg tokens.",
|
|
17028
|
+
"value": "16px"
|
|
17029
|
+
},
|
|
17030
|
+
{
|
|
17031
|
+
"name": "toggle-icon-size-default",
|
|
17032
|
+
"cssVar": "--toggle-icon-size-default",
|
|
17033
|
+
"type": "dimension",
|
|
17034
|
+
"description": "Toggle icon size for size=default — 16px (spacing.4), aliases md per Toggle audit DES-1235 Pendência 4.",
|
|
17035
|
+
"value": "16px"
|
|
17036
|
+
},
|
|
17037
|
+
{
|
|
17038
|
+
"name": "toggle-icon-size-lg",
|
|
17039
|
+
"cssVar": "--toggle-icon-size-lg",
|
|
17040
|
+
"type": "dimension",
|
|
17041
|
+
"description": "Toggle icon size for size=lg — 16px (spacing.4) per Figma and Toggle audit DES-1235 Pendência 4.",
|
|
17042
|
+
"value": "16px"
|
|
17043
|
+
},
|
|
17044
|
+
{
|
|
17045
|
+
"name": "toggle-icon-size-md",
|
|
17046
|
+
"cssVar": "--toggle-icon-size-md",
|
|
17047
|
+
"type": "dimension",
|
|
17048
|
+
"description": "Toggle icon size for size=md — 16px (spacing.4) per Figma and Toggle audit DES-1235 Pendência 4.",
|
|
15792
17049
|
"value": "16px"
|
|
15793
17050
|
},
|
|
17051
|
+
{
|
|
17052
|
+
"name": "toggle-icon-size-sm",
|
|
17053
|
+
"cssVar": "--toggle-icon-size-sm",
|
|
17054
|
+
"type": "dimension",
|
|
17055
|
+
"description": "Toggle icon size for size=sm — 12px (spacing.3) per Figma Variant=*/Size=sm and Toggle audit DES-1235 Pendência 4 (was fixed 16px).",
|
|
17056
|
+
"value": "12px"
|
|
17057
|
+
},
|
|
15794
17058
|
{
|
|
15795
17059
|
"name": "toggle-root-border-radius-pill",
|
|
15796
17060
|
"cssVar": "--toggle-root-border-radius-pill",
|
|
@@ -15917,6 +17181,7 @@
|
|
|
15917
17181
|
"name": "toggle-variant-default-bg-on",
|
|
15918
17182
|
"cssVar": "--toggle-variant-default-bg-on",
|
|
15919
17183
|
"type": "color",
|
|
17184
|
+
"description": "Toggle default Pressed bg = accent (#d1faeb, Figma 1191-6115) — DES-1089.",
|
|
15920
17185
|
"value": "oklch(95.21% 0.0467 171.12)"
|
|
15921
17186
|
},
|
|
15922
17187
|
{
|
|
@@ -15941,7 +17206,8 @@
|
|
|
15941
17206
|
"name": "toggle-variant-default-color-on",
|
|
15942
17207
|
"cssVar": "--toggle-variant-default-color-on",
|
|
15943
17208
|
"type": "color",
|
|
15944
|
-
"
|
|
17209
|
+
"description": "Toggle default Pressed fg = accent-foreground (#052e1f, Figma 1191-6115) — DES-1089.",
|
|
17210
|
+
"value": "oklch(26.88% 0.0527 163.85)"
|
|
15945
17211
|
},
|
|
15946
17212
|
{
|
|
15947
17213
|
"name": "toggle-variant-outline-bg-default",
|
|
@@ -15959,7 +17225,8 @@
|
|
|
15959
17225
|
"name": "toggle-variant-outline-bg-on",
|
|
15960
17226
|
"cssVar": "--toggle-variant-outline-bg-on",
|
|
15961
17227
|
"type": "color",
|
|
15962
|
-
"
|
|
17228
|
+
"description": "Toggle outline Pressed bg = accent (#d1faeb, Figma 1191-6115 — both variants share the accent Pressed) — DES-1089.",
|
|
17229
|
+
"value": "oklch(95.21% 0.0467 171.12)"
|
|
15963
17230
|
},
|
|
15964
17231
|
{
|
|
15965
17232
|
"name": "toggle-variant-outline-border",
|
|
@@ -15983,7 +17250,8 @@
|
|
|
15983
17250
|
"name": "toggle-variant-outline-color-on",
|
|
15984
17251
|
"cssVar": "--toggle-variant-outline-color-on",
|
|
15985
17252
|
"type": "color",
|
|
15986
|
-
"
|
|
17253
|
+
"description": "Toggle outline Pressed fg = accent-foreground (#052e1f, Figma 1191-6115) — DES-1089.",
|
|
17254
|
+
"value": "oklch(26.88% 0.0527 163.85)"
|
|
15987
17255
|
},
|
|
15988
17256
|
{
|
|
15989
17257
|
"name": "toolbar-button-background-hover",
|
|
@@ -16028,7 +17296,7 @@
|
|
|
16028
17296
|
"cssVar": "--toolbar-root-background",
|
|
16029
17297
|
"type": "color",
|
|
16030
17298
|
"description": "Toolbar root bg aligned with Figma core/background/card per DES-1324 item 4.",
|
|
16031
|
-
"value": "oklch(
|
|
17299
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
16032
17300
|
},
|
|
16033
17301
|
{
|
|
16034
17302
|
"name": "toolbar-root-border",
|
|
@@ -16059,8 +17327,8 @@
|
|
|
16059
17327
|
"name": "toolbar-root-padding-y",
|
|
16060
17328
|
"cssVar": "--toolbar-root-padding-y",
|
|
16061
17329
|
"type": "dimension",
|
|
16062
|
-
"description": "Toolbar root vertical padding
|
|
16063
|
-
"value": "
|
|
17330
|
+
"description": "Toolbar root vertical padding = 4px: botao 32 + 4x2 = Default h 40 do Figma (1400:*, drift 2026-07-15/decisao 2026-07-16 - a matematica do frame fecha, deliberado).",
|
|
17331
|
+
"value": "4px"
|
|
16064
17332
|
},
|
|
16065
17333
|
{
|
|
16066
17334
|
"name": "toolbar-root-radius",
|
|
@@ -16152,21 +17420,21 @@
|
|
|
16152
17420
|
"name": "topbar-leading-gap",
|
|
16153
17421
|
"cssVar": "--topbar-leading-gap",
|
|
16154
17422
|
"type": "dimension",
|
|
16155
|
-
"description": "Gap inside the TopbarLeading slot (
|
|
16156
|
-
"value": "
|
|
17423
|
+
"description": "Gap inside the TopbarLeading slot (16px) — Figma 1138:2665 / 2776:5959 leading frame (AccountSwitch · Divider · Breadcrumb, or Logo · Divider · AccountSwitch in `header`).",
|
|
17424
|
+
"value": "16px"
|
|
16157
17425
|
},
|
|
16158
17426
|
{
|
|
16159
17427
|
"name": "topbar-root-background",
|
|
16160
17428
|
"cssVar": "--topbar-root-background",
|
|
16161
17429
|
"type": "color",
|
|
16162
|
-
"description": "Topbar surface background —
|
|
16163
|
-
"value": "oklch(
|
|
17430
|
+
"description": "Topbar surface background — aliases surface (neutral-50, #fafafa), mirroring Figma core/background/surface and matching the Sidebar chrome.",
|
|
17431
|
+
"value": "oklch(98.51% 0.0000 0)"
|
|
16164
17432
|
},
|
|
16165
17433
|
{
|
|
16166
17434
|
"name": "topbar-root-border-color",
|
|
16167
17435
|
"cssVar": "--topbar-root-border-color",
|
|
16168
17436
|
"type": "color",
|
|
16169
|
-
"description": "
|
|
17437
|
+
"description": "Bottom border of the `header` variant (Figma 2776:5959 border-b 1px, the only Topbar with a border). `default`/`filters` stay borderless — stacking them uses a consumer `border-t`.",
|
|
16170
17438
|
"value": "oklch(92.19% 0.0000 0)"
|
|
16171
17439
|
},
|
|
16172
17440
|
{
|
|
@@ -16190,6 +17458,13 @@
|
|
|
16190
17458
|
"description": "Topbar filters variant height (52px) — mirrors Figma Core Components / Topbar / Filters.",
|
|
16191
17459
|
"value": "3.25rem"
|
|
16192
17460
|
},
|
|
17461
|
+
{
|
|
17462
|
+
"name": "topbar-root-height-header",
|
|
17463
|
+
"cssVar": "--topbar-root-height-header",
|
|
17464
|
+
"type": "dimension",
|
|
17465
|
+
"description": "Topbar header variant height (64px) — mirrors Figma Core Components / Topbar / Style=With Logo (Full) (node 2776:5959, 2026-08-18): full-bleed bar for shells without Sidebar (logo · divider · account switch).",
|
|
17466
|
+
"value": "4rem"
|
|
17467
|
+
},
|
|
16193
17468
|
{
|
|
16194
17469
|
"name": "topbar-root-padding-x",
|
|
16195
17470
|
"cssVar": "--topbar-root-padding-x",
|
|
@@ -16527,7 +17802,7 @@
|
|
|
16527
17802
|
"name": "typography-display-d1-font-family",
|
|
16528
17803
|
"cssVar": "--typography-display-d1-font-family",
|
|
16529
17804
|
"type": "string",
|
|
16530
|
-
"value": "
|
|
17805
|
+
"value": "Inter"
|
|
16531
17806
|
},
|
|
16532
17807
|
{
|
|
16533
17808
|
"name": "typography-display-d1-font-size",
|
|
@@ -16545,7 +17820,7 @@
|
|
|
16545
17820
|
"name": "typography-display-d1-fontfamily",
|
|
16546
17821
|
"cssVar": "--typography-display-d1-fontfamily",
|
|
16547
17822
|
"type": "string",
|
|
16548
|
-
"value": "
|
|
17823
|
+
"value": "Inter"
|
|
16549
17824
|
},
|
|
16550
17825
|
{
|
|
16551
17826
|
"name": "typography-display-d1-fontsize",
|
|
@@ -16617,7 +17892,7 @@
|
|
|
16617
17892
|
"name": "typography-display-d2-font-family",
|
|
16618
17893
|
"cssVar": "--typography-display-d2-font-family",
|
|
16619
17894
|
"type": "string",
|
|
16620
|
-
"value": "
|
|
17895
|
+
"value": "Inter"
|
|
16621
17896
|
},
|
|
16622
17897
|
{
|
|
16623
17898
|
"name": "typography-display-d2-font-size",
|
|
@@ -16635,7 +17910,7 @@
|
|
|
16635
17910
|
"name": "typography-display-d2-fontfamily",
|
|
16636
17911
|
"cssVar": "--typography-display-d2-fontfamily",
|
|
16637
17912
|
"type": "string",
|
|
16638
|
-
"value": "
|
|
17913
|
+
"value": "Inter"
|
|
16639
17914
|
},
|
|
16640
17915
|
{
|
|
16641
17916
|
"name": "typography-display-d2-fontsize",
|
|
@@ -16707,7 +17982,7 @@
|
|
|
16707
17982
|
"name": "typography-display-d3-font-family",
|
|
16708
17983
|
"cssVar": "--typography-display-d3-font-family",
|
|
16709
17984
|
"type": "string",
|
|
16710
|
-
"value": "
|
|
17985
|
+
"value": "Inter"
|
|
16711
17986
|
},
|
|
16712
17987
|
{
|
|
16713
17988
|
"name": "typography-display-d3-font-size",
|
|
@@ -16725,7 +18000,7 @@
|
|
|
16725
18000
|
"name": "typography-display-d3-fontfamily",
|
|
16726
18001
|
"cssVar": "--typography-display-d3-fontfamily",
|
|
16727
18002
|
"type": "string",
|
|
16728
|
-
"value": "
|
|
18003
|
+
"value": "Inter"
|
|
16729
18004
|
},
|
|
16730
18005
|
{
|
|
16731
18006
|
"name": "typography-display-d3-fontsize",
|
|
@@ -17602,6 +18877,20 @@
|
|
|
17602
18877
|
"cssVar": "--typography-paragraph-p4-textdecoration",
|
|
17603
18878
|
"type": "string",
|
|
17604
18879
|
"value": "none"
|
|
18880
|
+
},
|
|
18881
|
+
{
|
|
18882
|
+
"name": "updates-widget-meta-font-size",
|
|
18883
|
+
"cssVar": "--updates-widget-meta-font-size",
|
|
18884
|
+
"type": "dimension",
|
|
18885
|
+
"description": "Timestamp/meta line font-size.",
|
|
18886
|
+
"value": "10px"
|
|
18887
|
+
},
|
|
18888
|
+
{
|
|
18889
|
+
"name": "updates-widget-width",
|
|
18890
|
+
"cssVar": "--updates-widget-width",
|
|
18891
|
+
"type": "dimension",
|
|
18892
|
+
"description": "Widget card width (Figma frame).",
|
|
18893
|
+
"value": "313px"
|
|
17605
18894
|
}
|
|
17606
18895
|
]
|
|
17607
18896
|
}
|