@primer/primitives 7.15.6 → 7.15.7-rc.2f92cb1

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.
Files changed (122) hide show
  1. package/dist/css/functional/size/size.css +1 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +16 -38
  3. package/dist/css/functional/themes/dark-dimmed.css +16 -38
  4. package/dist/css/functional/themes/dark-high-contrast.css +12 -34
  5. package/dist/css/functional/themes/dark-tritanopia.css +16 -38
  6. package/dist/css/functional/themes/dark.css +16 -38
  7. package/dist/css/functional/themes/light-colorblind.css +4 -26
  8. package/dist/css/functional/themes/light-high-contrast.css +2 -24
  9. package/dist/css/functional/themes/light-tritanopia.css +4 -26
  10. package/dist/css/functional/themes/light.css +4 -26
  11. package/dist/docs/functional/size/size.json +25 -0
  12. package/dist/docs/functional/themes/dark-colorblind.json +41 -366
  13. package/dist/docs/functional/themes/dark-dimmed.json +41 -366
  14. package/dist/docs/functional/themes/dark-high-contrast.json +37 -362
  15. package/dist/docs/functional/themes/dark-tritanopia.json +41 -366
  16. package/dist/docs/functional/themes/dark.json +41 -366
  17. package/dist/docs/functional/themes/light-colorblind.json +34 -357
  18. package/dist/docs/functional/themes/light-high-contrast.json +31 -354
  19. package/dist/docs/functional/themes/light-tritanopia.json +34 -357
  20. package/dist/docs/functional/themes/light.json +34 -357
  21. package/dist/fallbacks/functional/size/size.json +2 -1
  22. package/dist/figma/dimension/dimension.json +10 -0
  23. package/dist/figma/themes/dark.json +36 -212
  24. package/dist/figma/themes/light.json +19 -194
  25. package/dist/scss/functional/size/size.scss +1 -0
  26. package/dist/scss/functional/themes/dark-colorblind.scss +8 -19
  27. package/dist/scss/functional/themes/dark-dimmed.scss +8 -19
  28. package/dist/scss/functional/themes/dark-high-contrast.scss +6 -17
  29. package/dist/scss/functional/themes/dark-tritanopia.scss +8 -19
  30. package/dist/scss/functional/themes/dark.scss +8 -19
  31. package/dist/scss/functional/themes/light-colorblind.scss +2 -13
  32. package/dist/scss/functional/themes/light-high-contrast.scss +1 -12
  33. package/dist/scss/functional/themes/light-tritanopia.scss +2 -13
  34. package/dist/scss/functional/themes/light.scss +2 -13
  35. package/package.json +1 -1
  36. package/tokens-next-private/css/functional/size/size.css +1 -0
  37. package/tokens-next-private/css/functional/themes/dark-colorblind.css +16 -38
  38. package/tokens-next-private/css/functional/themes/dark-dimmed.css +16 -38
  39. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +12 -34
  40. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +16 -38
  41. package/tokens-next-private/css/functional/themes/dark.css +16 -38
  42. package/tokens-next-private/css/functional/themes/light-colorblind.css +4 -26
  43. package/tokens-next-private/css/functional/themes/light-high-contrast.css +2 -24
  44. package/tokens-next-private/css/functional/themes/light-tritanopia.css +4 -26
  45. package/tokens-next-private/css/functional/themes/light.css +4 -26
  46. package/tokens-next-private/docs/functional/size/size.json +25 -0
  47. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +41 -366
  48. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +41 -366
  49. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +37 -362
  50. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +41 -366
  51. package/tokens-next-private/docs/functional/themes/dark.json +41 -366
  52. package/tokens-next-private/docs/functional/themes/light-colorblind.json +34 -357
  53. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +31 -354
  54. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +34 -357
  55. package/tokens-next-private/docs/functional/themes/light.json +34 -357
  56. package/tokens-next-private/fallbacks/functional/size/size.json +2 -1
  57. package/tokens-next-private/figma/dimension/dimension.json +10 -0
  58. package/tokens-next-private/figma/themes/dark.json +36 -212
  59. package/tokens-next-private/figma/themes/light.json +19 -194
  60. package/tokens-next-private/scss/functional/size/size.scss +1 -0
  61. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +8 -19
  62. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +8 -19
  63. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +6 -17
  64. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +8 -19
  65. package/tokens-next-private/scss/functional/themes/dark.scss +8 -19
  66. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +2 -13
  67. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +1 -12
  68. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +2 -13
  69. package/tokens-next-private/scss/functional/themes/light.scss +2 -13
  70. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  71. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  72. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  73. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  74. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  75. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  76. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  77. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  78. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  79. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  80. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  81. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  82. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  83. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  84. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  85. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  86. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  87. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  88. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  89. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  90. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  91. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  92. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  93. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  94. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  95. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  96. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  97. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  98. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  99. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  100. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  101. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  102. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  103. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  104. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  105. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  107. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  114. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  115. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  116. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  117. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  118. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  119. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  121. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1617,22 +1617,6 @@
1617
1617
  "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
1618
1618
  }
1619
1619
  },
1620
- {
1621
- "name": "fgColor/sponsors-onInverse",
1622
- "value": {
1623
- "r": 0.7490196078431373,
1624
- "g": 0.29411764705882354,
1625
- "b": 0.5411764705882353,
1626
- "a": 1
1627
- },
1628
- "type": "COLOR",
1629
- "refId": "mode/fgColor/sponsors-onInverse",
1630
- "reference": "base/color/dark/base/color/pink/5",
1631
- "collection": "mode",
1632
- "mode": "dark",
1633
- "group": "semantic",
1634
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1635
- },
1636
1620
  {
1637
1621
  "name": "fgColor/sponsors",
1638
1622
  "value": {
@@ -1652,22 +1636,6 @@
1652
1636
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
1653
1637
  }
1654
1638
  },
1655
- {
1656
- "name": "fgColor/done-onInverse",
1657
- "value": {
1658
- "r": 0.5372549019607843,
1659
- "g": 0.3411764705882353,
1660
- "b": 0.8980392156862745,
1661
- "a": 1
1662
- },
1663
- "type": "COLOR",
1664
- "refId": "mode/fgColor/done-onInverse",
1665
- "reference": "base/color/dark/base/color/purple/5",
1666
- "collection": "mode",
1667
- "mode": "dark",
1668
- "group": "semantic",
1669
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1670
- },
1671
1639
  {
1672
1640
  "name": "fgColor/done",
1673
1641
  "value": {
@@ -1706,23 +1674,6 @@
1706
1674
  "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
1707
1675
  }
1708
1676
  },
1709
- {
1710
- "name": "fgColor/danger-onInverse",
1711
- "value": {
1712
- "r": 0.8588235294117647,
1713
- "g": 0.21568627450980393,
1714
- "b": 0.20392156862745098,
1715
- "a": 1
1716
- },
1717
- "type": "COLOR",
1718
- "isMix": true,
1719
- "refId": "mode/fgColor/danger-onInverse",
1720
- "reference": "base/color/dark/base/color/red/5",
1721
- "collection": "mode",
1722
- "mode": "dark",
1723
- "group": "semantic",
1724
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1725
- },
1726
1677
  {
1727
1678
  "name": "fgColor/danger",
1728
1679
  "value": {
@@ -1742,22 +1693,6 @@
1742
1693
  "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
1743
1694
  }
1744
1695
  },
1745
- {
1746
- "name": "fgColor/severe-onInverse",
1747
- "value": {
1748
- "r": 0.7411764705882353,
1749
- "g": 0.33725490196078434,
1750
- "b": 0.11372549019607843,
1751
- "a": 1
1752
- },
1753
- "type": "COLOR",
1754
- "refId": "mode/fgColor/severe-onInverse",
1755
- "reference": "base/color/dark/base/color/orange/5",
1756
- "collection": "mode",
1757
- "mode": "dark",
1758
- "group": "semantic",
1759
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1760
- },
1761
1696
  {
1762
1697
  "name": "fgColor/severe",
1763
1698
  "value": {
@@ -1777,22 +1712,6 @@
1777
1712
  "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
1778
1713
  }
1779
1714
  },
1780
- {
1781
- "name": "fgColor/attention-onInverse",
1782
- "value": {
1783
- "r": 0.6196078431372549,
1784
- "g": 0.41568627450980394,
1785
- "b": 0.011764705882352941,
1786
- "a": 1
1787
- },
1788
- "type": "COLOR",
1789
- "refId": "mode/fgColor/attention-onInverse",
1790
- "reference": "base/color/dark/base/color/yellow/5",
1791
- "collection": "mode",
1792
- "mode": "dark",
1793
- "group": "semantic",
1794
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1795
- },
1796
1715
  {
1797
1716
  "name": "fgColor/attention",
1798
1717
  "value": {
@@ -1812,22 +1731,6 @@
1812
1731
  "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
1813
1732
  }
1814
1733
  },
1815
- {
1816
- "name": "fgColor/success-onInverse",
1817
- "value": {
1818
- "r": 0.13725490196078433,
1819
- "g": 0.5254901960784314,
1820
- "b": 0.21176470588235294,
1821
- "a": 1
1822
- },
1823
- "type": "COLOR",
1824
- "refId": "mode/fgColor/success-onInverse",
1825
- "reference": "base/color/dark/base/color/green/5",
1826
- "collection": "mode",
1827
- "mode": "dark",
1828
- "group": "semantic",
1829
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1830
- },
1831
1734
  {
1832
1735
  "name": "fgColor/success",
1833
1736
  "value": {
@@ -1847,34 +1750,18 @@
1847
1750
  "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
1848
1751
  }
1849
1752
  },
1850
- {
1851
- "name": "fgColor/accent-onInverse",
1852
- "value": {
1853
- "r": 0.12156862745098039,
1854
- "g": 0.43529411764705883,
1855
- "b": 0.9215686274509803,
1856
- "a": 1
1857
- },
1858
- "type": "COLOR",
1859
- "refId": "mode/fgColor/accent-onInverse",
1860
- "reference": "base/color/dark/base/color/blue/5",
1861
- "collection": "mode",
1862
- "mode": "dark",
1863
- "group": "semantic",
1864
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1865
- },
1866
1753
  {
1867
1754
  "name": "fgColor/accent",
1868
1755
  "value": {
1869
- "r": 0.1843137254901961,
1870
- "g": 0.5058823529411764,
1871
- "b": 0.9686274509803922,
1756
+ "r": 0.26666666666666666,
1757
+ "g": 0.5764705882352941,
1758
+ "b": 0.9725490196078431,
1872
1759
  "a": 1
1873
1760
  },
1874
1761
  "type": "COLOR",
1875
1762
  "isMix": true,
1876
1763
  "refId": "mode/fgColor/accent",
1877
- "reference": "base/color/dark/base/color/blue/4",
1764
+ "reference": "base/color/dark/base/color/blue/3",
1878
1765
  "collection": "mode",
1879
1766
  "mode": "dark",
1880
1767
  "group": "semantic",
@@ -1883,22 +1770,6 @@
1883
1770
  "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
1884
1771
  }
1885
1772
  },
1886
- {
1887
- "name": "fgColor/neutral-onInverse",
1888
- "value": {
1889
- "r": 0.2823529411764706,
1890
- "g": 0.30980392156862746,
1891
- "b": 0.34509803921568627,
1892
- "a": 1
1893
- },
1894
- "type": "COLOR",
1895
- "refId": "mode/fgColor/neutral-onInverse",
1896
- "reference": "base/color/dark/base/color/gray/5",
1897
- "collection": "mode",
1898
- "mode": "dark",
1899
- "group": "semantic",
1900
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1901
- },
1902
1773
  {
1903
1774
  "name": "fgColor/neutral",
1904
1775
  "value": {
@@ -1931,22 +1802,6 @@
1931
1802
  "group": "semantic",
1932
1803
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1933
1804
  },
1934
- {
1935
- "name": "fgColor/onInverse",
1936
- "value": {
1937
- "r": 0.050980392156862744,
1938
- "g": 0.06666666666666667,
1939
- "b": 0.09019607843137255,
1940
- "a": 1
1941
- },
1942
- "type": "COLOR",
1943
- "refId": "mode/fgColor/onInverse",
1944
- "reference": "base/color/dark/base/color/gray/9",
1945
- "collection": "mode",
1946
- "mode": "dark",
1947
- "group": "semantic",
1948
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1949
- },
1950
1805
  {
1951
1806
  "name": "fgColor/onEmphasis",
1952
1807
  "value": {
@@ -3537,10 +3392,10 @@
3537
3392
  "r": 0.18823529411764706,
3538
3393
  "g": 0.21176470588235294,
3539
3394
  "b": 0.23921568627450981,
3540
- "a": 0.5
3395
+ "a": 0.7
3541
3396
  },
3542
3397
  "type": "COLOR",
3543
- "alpha": 0.5,
3398
+ "alpha": 0.7,
3544
3399
  "refId": "mode/borderColor/muted",
3545
3400
  "reference": "mode/borderColor/default",
3546
3401
  "collection": "mode",
@@ -3590,38 +3445,6 @@
3590
3445
  "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
3591
3446
  }
3592
3447
  },
3593
- {
3594
- "name": "fgColor/closed-onInverse",
3595
- "value": {
3596
- "r": 0.8588235294117647,
3597
- "g": 0.21568627450980393,
3598
- "b": 0.20392156862745098,
3599
- "a": 1
3600
- },
3601
- "type": "COLOR",
3602
- "refId": "mode/fgColor/closed-onInverse",
3603
- "reference": "mode/fgColor/danger-onInverse",
3604
- "collection": "mode",
3605
- "mode": "dark",
3606
- "group": "semantic",
3607
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3608
- },
3609
- {
3610
- "name": "fgColor/open-onInverse",
3611
- "value": {
3612
- "r": 0.13725490196078433,
3613
- "g": 0.5254901960784314,
3614
- "b": 0.21176470588235294,
3615
- "a": 1
3616
- },
3617
- "type": "COLOR",
3618
- "refId": "mode/fgColor/open-onInverse",
3619
- "reference": "mode/fgColor/success-onInverse",
3620
- "collection": "mode",
3621
- "mode": "dark",
3622
- "group": "semantic",
3623
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3624
- },
3625
3448
  {
3626
3449
  "name": "fgColor/open",
3627
3450
  "value": {
@@ -3641,28 +3464,12 @@
3641
3464
  "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
3642
3465
  }
3643
3466
  },
3644
- {
3645
- "name": "fgColor/link-onInverse",
3646
- "value": {
3647
- "r": 0.12156862745098039,
3648
- "g": 0.43529411764705883,
3649
- "b": 0.9215686274509803,
3650
- "a": 1
3651
- },
3652
- "type": "COLOR",
3653
- "refId": "mode/fgColor/link-onInverse",
3654
- "reference": "mode/fgColor/accent-onInverse",
3655
- "collection": "mode",
3656
- "mode": "dark",
3657
- "group": "semantic",
3658
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3659
- },
3660
3467
  {
3661
3468
  "name": "fgColor/link",
3662
3469
  "value": {
3663
- "r": 0.1843137254901961,
3664
- "g": 0.5058823529411764,
3665
- "b": 0.9686274509803922,
3470
+ "r": 0.26666666666666666,
3471
+ "g": 0.5764705882352941,
3472
+ "b": 0.9725490196078431,
3666
3473
  "a": 1
3667
3474
  },
3668
3475
  "type": "COLOR",
@@ -3793,9 +3600,9 @@
3793
3600
  {
3794
3601
  "name": "buttonCounter/outline/fgColor/disabled",
3795
3602
  "value": {
3796
- "r": 0.1843137254901961,
3797
- "g": 0.5058823529411764,
3798
- "b": 0.9686274509803922,
3603
+ "r": 0.26666666666666666,
3604
+ "g": 0.5764705882352941,
3605
+ "b": 0.9725490196078431,
3799
3606
  "a": 0.5
3800
3607
  },
3801
3608
  "type": "COLOR",
@@ -3940,9 +3747,9 @@
3940
3747
  {
3941
3748
  "name": "button/outline/fgColor/disabled",
3942
3749
  "value": {
3943
- "r": 0.1843137254901961,
3944
- "g": 0.5058823529411764,
3945
- "b": 0.9686274509803922,
3750
+ "r": 0.26666666666666666,
3751
+ "g": 0.5764705882352941,
3752
+ "b": 0.9725490196078431,
3946
3753
  "a": 0.5
3947
3754
  },
3948
3755
  "type": "COLOR",
@@ -4085,9 +3892,9 @@
4085
3892
  {
4086
3893
  "name": "button/invisible/fgColor/rest",
4087
3894
  "value": {
4088
- "r": 0.1843137254901961,
4089
- "g": 0.5058823529411764,
4090
- "b": 0.9686274509803922,
3895
+ "r": 0.26666666666666666,
3896
+ "g": 0.5764705882352941,
3897
+ "b": 0.9725490196078431,
4091
3898
  "a": 1
4092
3899
  },
4093
3900
  "type": "COLOR",
@@ -4969,6 +4776,23 @@
4969
4776
  "group": "component",
4970
4777
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4971
4778
  },
4779
+ {
4780
+ "name": "selection/bgColor",
4781
+ "value": {
4782
+ "r": 0.26666666666666666,
4783
+ "g": 0.5764705882352941,
4784
+ "b": 0.9725490196078431,
4785
+ "a": 0.2
4786
+ },
4787
+ "type": "COLOR",
4788
+ "alpha": 0.2,
4789
+ "refId": "mode/selection/bgColor",
4790
+ "reference": "mode/fgColor/link",
4791
+ "collection": "mode",
4792
+ "mode": "dark",
4793
+ "group": "component",
4794
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4795
+ },
4972
4796
  {
4973
4797
  "name": "button/danger/bgColor/disabled",
4974
4798
  "value": {
@@ -5135,7 +4959,7 @@
5135
4959
  "r": 0.18823529411764706,
5136
4960
  "g": 0.21176470588235294,
5137
4961
  "b": 0.23921568627450981,
5138
- "a": 0.5
4962
+ "a": 0.7
5139
4963
  },
5140
4964
  "type": "COLOR",
5141
4965
  "refId": "mode/avatar/borderColor",
@@ -1610,22 +1610,6 @@
1610
1610
  "web": "var(--bgColor-default) /* utility class: .color-bg-default */"
1611
1611
  }
1612
1612
  },
1613
- {
1614
- "name": "fgColor/sponsors-onInverse",
1615
- "value": {
1616
- "r": 0.9098039215686274,
1617
- "g": 0.35294117647058826,
1618
- "b": 0.6784313725490196,
1619
- "a": 1
1620
- },
1621
- "type": "COLOR",
1622
- "refId": "mode/fgColor/sponsors-onInverse",
1623
- "reference": "base/color/light/base/color/pink/4",
1624
- "collection": "mode",
1625
- "mode": "light",
1626
- "group": "semantic",
1627
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1628
- },
1629
1613
  {
1630
1614
  "name": "fgColor/sponsors",
1631
1615
  "value": {
@@ -1645,22 +1629,6 @@
1645
1629
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
1646
1630
  }
1647
1631
  },
1648
- {
1649
- "name": "fgColor/done-onInverse",
1650
- "value": {
1651
- "r": 0.6431372549019608,
1652
- "g": 0.4588235294117647,
1653
- "b": 0.9764705882352941,
1654
- "a": 1
1655
- },
1656
- "type": "COLOR",
1657
- "refId": "mode/fgColor/done-onInverse",
1658
- "reference": "base/color/light/base/color/purple/4",
1659
- "collection": "mode",
1660
- "mode": "light",
1661
- "group": "semantic",
1662
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1663
- },
1664
1632
  {
1665
1633
  "name": "fgColor/done",
1666
1634
  "value": {
@@ -1680,22 +1648,6 @@
1680
1648
  "web": "var(--fgColor-done) /* utility class: .color-fg-done */"
1681
1649
  }
1682
1650
  },
1683
- {
1684
- "name": "fgColor/danger-onInverse",
1685
- "value": {
1686
- "r": 0.9803921568627451,
1687
- "g": 0.27058823529411763,
1688
- "b": 0.28627450980392155,
1689
- "a": 1
1690
- },
1691
- "type": "COLOR",
1692
- "refId": "mode/fgColor/danger-onInverse",
1693
- "reference": "base/color/light/base/color/red/4",
1694
- "collection": "mode",
1695
- "mode": "light",
1696
- "group": "semantic",
1697
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1698
- },
1699
1651
  {
1700
1652
  "name": "fgColor/danger",
1701
1653
  "value": {
@@ -1716,22 +1668,6 @@
1716
1668
  "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
1717
1669
  }
1718
1670
  },
1719
- {
1720
- "name": "fgColor/severe-onInverse",
1721
- "value": {
1722
- "r": 0.984313725490196,
1723
- "g": 0.5607843137254902,
1724
- "b": 0.26666666666666666,
1725
- "a": 1
1726
- },
1727
- "type": "COLOR",
1728
- "refId": "mode/fgColor/severe-onInverse",
1729
- "reference": "base/color/light/base/color/orange/3",
1730
- "collection": "mode",
1731
- "mode": "light",
1732
- "group": "semantic",
1733
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1734
- },
1735
1671
  {
1736
1672
  "name": "fgColor/severe",
1737
1673
  "value": {
@@ -1751,22 +1687,6 @@
1751
1687
  "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
1752
1688
  }
1753
1689
  },
1754
- {
1755
- "name": "fgColor/attention-onInverse",
1756
- "value": {
1757
- "r": 0.8313725490196079,
1758
- "g": 0.6549019607843137,
1759
- "b": 0.17254901960784313,
1760
- "a": 1
1761
- },
1762
- "type": "COLOR",
1763
- "refId": "mode/fgColor/attention-onInverse",
1764
- "reference": "base/color/light/base/color/yellow/3",
1765
- "collection": "mode",
1766
- "mode": "light",
1767
- "group": "semantic",
1768
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1769
- },
1770
1690
  {
1771
1691
  "name": "fgColor/attention",
1772
1692
  "value": {
@@ -1786,22 +1706,6 @@
1786
1706
  "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
1787
1707
  }
1788
1708
  },
1789
- {
1790
- "name": "fgColor/success-onInverse",
1791
- "value": {
1792
- "r": 0.2901960784313726,
1793
- "g": 0.7607843137254902,
1794
- "b": 0.4196078431372549,
1795
- "a": 1
1796
- },
1797
- "type": "COLOR",
1798
- "refId": "mode/fgColor/success-onInverse",
1799
- "reference": "base/color/light/base/color/green/3",
1800
- "collection": "mode",
1801
- "mode": "light",
1802
- "group": "semantic",
1803
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1804
- },
1805
1709
  {
1806
1710
  "name": "fgColor/success",
1807
1711
  "value": {
@@ -1821,22 +1725,6 @@
1821
1725
  "web": "var(--fgColor-success) /* utility class: .color-fg-success */"
1822
1726
  }
1823
1727
  },
1824
- {
1825
- "name": "fgColor/accent-onInverse",
1826
- "value": {
1827
- "r": 0.32941176470588235,
1828
- "g": 0.6823529411764706,
1829
- "b": 1,
1830
- "a": 1
1831
- },
1832
- "type": "COLOR",
1833
- "refId": "mode/fgColor/accent-onInverse",
1834
- "reference": "base/color/light/base/color/blue/3",
1835
- "collection": "mode",
1836
- "mode": "light",
1837
- "group": "semantic",
1838
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1839
- },
1840
1728
  {
1841
1729
  "name": "fgColor/accent",
1842
1730
  "value": {
@@ -1856,22 +1744,6 @@
1856
1744
  "web": "var(--fgColor-accent) /* utility class: .color-fg-accent */"
1857
1745
  }
1858
1746
  },
1859
- {
1860
- "name": "fgColor/neutral-onInverse",
1861
- "value": {
1862
- "r": 0.5490196078431373,
1863
- "g": 0.5843137254901961,
1864
- "b": 0.6235294117647059,
1865
- "a": 1
1866
- },
1867
- "type": "COLOR",
1868
- "refId": "mode/fgColor/neutral-onInverse",
1869
- "reference": "base/color/light/base/color/gray/4",
1870
- "collection": "mode",
1871
- "mode": "light",
1872
- "group": "semantic",
1873
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1874
- },
1875
1747
  {
1876
1748
  "name": "fgColor/neutral",
1877
1749
  "value": {
@@ -1904,22 +1776,6 @@
1904
1776
  "group": "semantic",
1905
1777
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1906
1778
  },
1907
- {
1908
- "name": "fgColor/onInverse",
1909
- "value": {
1910
- "r": 0.9647058823529412,
1911
- "g": 0.9725490196078431,
1912
- "b": 0.9803921568627451,
1913
- "a": 1
1914
- },
1915
- "type": "COLOR",
1916
- "refId": "mode/fgColor/onInverse",
1917
- "reference": "base/color/light/base/color/gray/0",
1918
- "collection": "mode",
1919
- "mode": "light",
1920
- "group": "semantic",
1921
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1922
- },
1923
1779
  {
1924
1780
  "name": "fgColor/onEmphasis",
1925
1781
  "value": {
@@ -3374,10 +3230,10 @@
3374
3230
  "r": 0.8156862745098039,
3375
3231
  "g": 0.8431372549019608,
3376
3232
  "b": 0.8705882352941177,
3377
- "a": 0.5
3233
+ "a": 0.7
3378
3234
  },
3379
3235
  "type": "COLOR",
3380
- "alpha": 0.5,
3236
+ "alpha": 0.7,
3381
3237
  "refId": "mode/borderColor/muted",
3382
3238
  "reference": "mode/borderColor/default",
3383
3239
  "collection": "mode",
@@ -3426,22 +3282,6 @@
3426
3282
  "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
3427
3283
  }
3428
3284
  },
3429
- {
3430
- "name": "fgColor/closed-onInverse",
3431
- "value": {
3432
- "r": 0.9803921568627451,
3433
- "g": 0.27058823529411763,
3434
- "b": 0.28627450980392155,
3435
- "a": 1
3436
- },
3437
- "type": "COLOR",
3438
- "refId": "mode/fgColor/closed-onInverse",
3439
- "reference": "mode/fgColor/danger-onInverse",
3440
- "collection": "mode",
3441
- "mode": "light",
3442
- "group": "semantic",
3443
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3444
- },
3445
3285
  {
3446
3286
  "name": "fgColor/closed",
3447
3287
  "value": {
@@ -3461,22 +3301,6 @@
3461
3301
  "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
3462
3302
  }
3463
3303
  },
3464
- {
3465
- "name": "fgColor/open-onInverse",
3466
- "value": {
3467
- "r": 0.2901960784313726,
3468
- "g": 0.7607843137254902,
3469
- "b": 0.4196078431372549,
3470
- "a": 1
3471
- },
3472
- "type": "COLOR",
3473
- "refId": "mode/fgColor/open-onInverse",
3474
- "reference": "mode/fgColor/success-onInverse",
3475
- "collection": "mode",
3476
- "mode": "light",
3477
- "group": "semantic",
3478
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3479
- },
3480
3304
  {
3481
3305
  "name": "fgColor/open",
3482
3306
  "value": {
@@ -3496,22 +3320,6 @@
3496
3320
  "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
3497
3321
  }
3498
3322
  },
3499
- {
3500
- "name": "fgColor/link-onInverse",
3501
- "value": {
3502
- "r": 0.32941176470588235,
3503
- "g": 0.6823529411764706,
3504
- "b": 1,
3505
- "a": 1
3506
- },
3507
- "type": "COLOR",
3508
- "refId": "mode/fgColor/link-onInverse",
3509
- "reference": "mode/fgColor/accent-onInverse",
3510
- "collection": "mode",
3511
- "mode": "light",
3512
- "group": "semantic",
3513
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
3514
- },
3515
3323
  {
3516
3324
  "name": "fgColor/link",
3517
3325
  "value": {
@@ -5003,6 +4811,23 @@
5003
4811
  "group": "component",
5004
4812
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
5005
4813
  },
4814
+ {
4815
+ "name": "selection/bgColor",
4816
+ "value": {
4817
+ "r": 0.03529411764705882,
4818
+ "g": 0.4117647058823529,
4819
+ "b": 0.8549019607843137,
4820
+ "a": 0.1
4821
+ },
4822
+ "type": "COLOR",
4823
+ "alpha": 0.1,
4824
+ "refId": "mode/selection/bgColor",
4825
+ "reference": "mode/fgColor/link",
4826
+ "collection": "mode",
4827
+ "mode": "light",
4828
+ "group": "component",
4829
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
4830
+ },
5006
4831
  {
5007
4832
  "name": "button/danger/bgColor/disabled",
5008
4833
  "value": {
@@ -69,3 +69,4 @@ $overlay-padding-condensed: 0.5rem;
69
69
  $overlay-paddingBlock-condensed: 0.25rem;
70
70
  $overlay-paddingBlock-normal: 0.75rem;
71
71
  $overlay-borderRadius: 0.375rem;
72
+ $overlay-offset: 0.25rem;