@primer/primitives 7.11.14-rc.b3b7ee0 → 7.11.14

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 (144) hide show
  1. package/package.json +13 -13
  2. package/tokens-next-private/css/functional/size/border.css +1 -1
  3. package/tokens-next-private/css/functional/themes/dark-colorblind.css +38 -32
  4. package/tokens-next-private/css/functional/themes/dark-dimmed.css +38 -32
  5. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +34 -28
  6. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +38 -32
  7. package/tokens-next-private/css/functional/themes/dark.css +38 -32
  8. package/tokens-next-private/css/functional/themes/light-colorblind.css +28 -22
  9. package/tokens-next-private/css/functional/themes/light-high-contrast.css +38 -32
  10. package/tokens-next-private/css/functional/themes/light-tritanopia.css +28 -22
  11. package/tokens-next-private/css/functional/themes/light.css +28 -22
  12. package/tokens-next-private/docs/functional/size/border.json +2 -2
  13. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +67 -28
  14. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +67 -28
  15. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +63 -24
  16. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +67 -28
  17. package/tokens-next-private/docs/functional/themes/dark.json +67 -28
  18. package/tokens-next-private/docs/functional/themes/light-colorblind.json +58 -19
  19. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +64 -25
  20. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +58 -19
  21. package/tokens-next-private/docs/functional/themes/light.json +58 -19
  22. package/tokens-next-private/fallbacks/color-fallbacks.json +7 -7
  23. package/tokens-next-private/fallbacks/functional/size/border.json +1 -1
  24. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  25. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +19 -16
  26. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +19 -16
  27. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +17 -14
  28. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +19 -16
  29. package/tokens-next-private/scss/functional/themes/dark.scss +19 -16
  30. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +14 -11
  31. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +19 -16
  32. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +14 -11
  33. package/tokens-next-private/scss/functional/themes/light.scss +14 -11
  34. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  35. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  36. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  37. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  38. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  39. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  40. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  41. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  42. package/tokens-v2-private/js/module/tokens/base/size/size.js +2 -2
  43. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +2 -2
  44. package/tokens-v2-private/js/module/tokens/functional/size/border.js +2 -2
  45. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +2 -2
  46. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +2 -2
  47. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +2 -2
  48. package/tokens-v2-private/js/module/tokens/functional/size/size.js +2 -2
  49. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +2 -2
  50. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +2 -2
  51. package/tokens-v2-private/js/tokens/base/size/size.js +2 -2
  52. package/tokens-v2-private/js/tokens/base/typography/typography.js +2 -2
  53. package/tokens-v2-private/js/tokens/functional/size/border.js +2 -2
  54. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +2 -2
  55. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +2 -2
  56. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +2 -2
  57. package/tokens-v2-private/js/tokens/functional/size/size.js +2 -2
  58. package/tokens-v2-private/js/tokens/functional/size/viewport.js +2 -2
  59. package/tokens-v2-private/js/tokens/functional/typography/typography.js +2 -2
  60. package/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
  61. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
  62. package/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
  63. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
  64. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
  65. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
  66. package/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
  67. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
  68. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
  69. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  70. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  71. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  72. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  73. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  74. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  75. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  76. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  77. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  78. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  79. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  80. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  81. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  82. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  83. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  84. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  85. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  86. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  87. package/tokens-next-private/js/base/size/size.js +0 -23
  88. package/tokens-next-private/js/base/typography/typography.js +0 -12
  89. package/tokens-next-private/js/functional/size/border.js +0 -24
  90. package/tokens-next-private/js/functional/size/breakpoints.js +0 -10
  91. package/tokens-next-private/js/functional/size/size-coarse.js +0 -19
  92. package/tokens-next-private/js/functional/size/size-fine.js +0 -19
  93. package/tokens-next-private/js/functional/size/size.js +0 -93
  94. package/tokens-next-private/js/functional/size/viewport.js +0 -10
  95. package/tokens-next-private/js/functional/themes/dark-colorblind.js +0 -745
  96. package/tokens-next-private/js/functional/themes/dark-dimmed.js +0 -745
  97. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +0 -745
  98. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +0 -745
  99. package/tokens-next-private/js/functional/themes/dark.js +0 -745
  100. package/tokens-next-private/js/functional/themes/light-colorblind.js +0 -743
  101. package/tokens-next-private/js/functional/themes/light-high-contrast.js +0 -743
  102. package/tokens-next-private/js/functional/themes/light-tritanopia.js +0 -743
  103. package/tokens-next-private/js/functional/themes/light.js +0 -743
  104. package/tokens-next-private/js/functional/typography/typography.js +0 -79
  105. package/tokens-next-private/json/base/size/size.json +0 -23
  106. package/tokens-next-private/json/base/typography/typography.json +0 -12
  107. package/tokens-next-private/json/functional/size/border.json +0 -24
  108. package/tokens-next-private/json/functional/size/breakpoints.json +0 -10
  109. package/tokens-next-private/json/functional/size/size-coarse.json +0 -19
  110. package/tokens-next-private/json/functional/size/size-fine.json +0 -19
  111. package/tokens-next-private/json/functional/size/size.json +0 -93
  112. package/tokens-next-private/json/functional/size/viewport.json +0 -10
  113. package/tokens-next-private/json/functional/themes/dark-colorblind.json +0 -745
  114. package/tokens-next-private/json/functional/themes/dark-dimmed.json +0 -745
  115. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +0 -745
  116. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +0 -745
  117. package/tokens-next-private/json/functional/themes/dark.json +0 -745
  118. package/tokens-next-private/json/functional/themes/light-colorblind.json +0 -743
  119. package/tokens-next-private/json/functional/themes/light-high-contrast.json +0 -743
  120. package/tokens-next-private/json/functional/themes/light-tritanopia.json +0 -743
  121. package/tokens-next-private/json/functional/themes/light.json +0 -743
  122. package/tokens-next-private/json/functional/typography/typography.json +0 -79
  123. package/tokens-next-private/ts/base/size/size.ts +0 -23
  124. package/tokens-next-private/ts/base/typography/typography.ts +0 -12
  125. package/tokens-next-private/ts/functional/size/border.ts +0 -24
  126. package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -10
  127. package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -19
  128. package/tokens-next-private/ts/functional/size/size-fine.ts +0 -19
  129. package/tokens-next-private/ts/functional/size/size.ts +0 -93
  130. package/tokens-next-private/ts/functional/size/viewport.ts +0 -10
  131. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +0 -745
  132. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +0 -745
  133. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +0 -745
  134. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +0 -745
  135. package/tokens-next-private/ts/functional/themes/dark.ts +0 -745
  136. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +0 -743
  137. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +0 -743
  138. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +0 -743
  139. package/tokens-next-private/ts/functional/themes/light.ts +0 -743
  140. package/tokens-next-private/ts/functional/typography/typography.ts +0 -79
  141. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +0 -127
  142. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +0 -144
  143. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +0 -652
  144. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +0 -94
@@ -779,7 +779,7 @@
779
779
  "path": ["control", "borderColor", "emphasis"]
780
780
  },
781
781
  "control-borderColor-disabled": {
782
- "value": "#d0d7de",
782
+ "value": "#f6f8fa",
783
783
  "$type": "color",
784
784
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
785
785
  "isSource": true,
@@ -857,12 +857,12 @@
857
857
  "path": ["control", "iconColor", "rest"]
858
858
  },
859
859
  "control-transparent-bgColor-rest": {
860
- "value": "#00000000",
860
+ "value": "#ffffff00",
861
861
  "$type": "color",
862
862
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
863
863
  "isSource": true,
864
864
  "original": {
865
- "value": "transparent",
865
+ "value": "{base.color.transparent}",
866
866
  "$type": "color"
867
867
  },
868
868
  "name": "control-transparent-bgColor-rest",
@@ -926,12 +926,12 @@
926
926
  "path": ["control", "transparent", "bgColor", "selected"]
927
927
  },
928
928
  "control-transparent-borderColor-rest": {
929
- "value": "#00000000",
929
+ "value": "#ffffff00",
930
930
  "$type": "color",
931
931
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
932
932
  "isSource": true,
933
933
  "original": {
934
- "value": "transparent",
934
+ "value": "{base.color.transparent}",
935
935
  "$type": "color"
936
936
  },
937
937
  "name": "control-transparent-borderColor-rest",
@@ -939,12 +939,12 @@
939
939
  "path": ["control", "transparent", "borderColor", "rest"]
940
940
  },
941
941
  "control-transparent-borderColor-hover": {
942
- "value": "#00000000",
942
+ "value": "#ffffff00",
943
943
  "$type": "color",
944
944
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
945
945
  "isSource": true,
946
946
  "original": {
947
- "value": "transparent",
947
+ "value": "{base.color.transparent}",
948
948
  "$type": "color"
949
949
  },
950
950
  "name": "control-transparent-borderColor-hover",
@@ -952,12 +952,12 @@
952
952
  "path": ["control", "transparent", "borderColor", "hover"]
953
953
  },
954
954
  "control-transparent-borderColor-active": {
955
- "value": "#00000000",
955
+ "value": "#ffffff00",
956
956
  "$type": "color",
957
957
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
958
958
  "isSource": true,
959
959
  "original": {
960
- "value": "transparent",
960
+ "value": "{base.color.transparent}",
961
961
  "$type": "color"
962
962
  },
963
963
  "name": "control-transparent-borderColor-active",
@@ -1275,12 +1275,12 @@
1275
1275
  "path": ["controlTrack", "fgColor", "disabled"]
1276
1276
  },
1277
1277
  "controlTrack-borderColor-rest": {
1278
- "value": "#00000000",
1278
+ "value": "#ffffff00",
1279
1279
  "$type": "color",
1280
1280
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1281
1281
  "isSource": true,
1282
1282
  "original": {
1283
- "value": "transparent",
1283
+ "value": "{base.color.transparent}",
1284
1284
  "$type": "color"
1285
1285
  },
1286
1286
  "name": "controlTrack-borderColor-rest",
@@ -1456,6 +1456,19 @@
1456
1456
  "attributes": {},
1457
1457
  "path": ["button", "default", "bgColor", "selected"]
1458
1458
  },
1459
+ "button-default-bgColor-disabled": {
1460
+ "value": "#f6f8fa",
1461
+ "$type": "color",
1462
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1463
+ "isSource": true,
1464
+ "original": {
1465
+ "value": "{control.bgColor.disabled}",
1466
+ "$type": "color"
1467
+ },
1468
+ "name": "button-default-bgColor-disabled",
1469
+ "attributes": {},
1470
+ "path": ["button", "default", "bgColor", "disabled"]
1471
+ },
1459
1472
  "button-default-borderColor-rest": {
1460
1473
  "value": "#d0d7de",
1461
1474
  "$type": "color",
@@ -1495,6 +1508,19 @@
1495
1508
  "attributes": {},
1496
1509
  "path": ["button", "default", "borderColor", "active"]
1497
1510
  },
1511
+ "button-default-borderColor-disabled": {
1512
+ "value": "#f6f8fa",
1513
+ "$type": "color",
1514
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1515
+ "isSource": true,
1516
+ "original": {
1517
+ "value": "{control.borderColor.disabled}",
1518
+ "$type": "color"
1519
+ },
1520
+ "name": "button-default-borderColor-disabled",
1521
+ "attributes": {},
1522
+ "path": ["button", "default", "borderColor", "disabled"]
1523
+ },
1498
1524
  "button-default-shadow-resting": {
1499
1525
  "value": "0px 1px 0px 0px #1f23280a",
1500
1526
  "$type": "shadow",
@@ -1687,12 +1713,12 @@
1687
1713
  "path": ["button", "primary", "borderColor", "hover"]
1688
1714
  },
1689
1715
  "button-primary-borderColor-disabled": {
1690
- "value": "#1f232826",
1716
+ "value": "#92caff",
1691
1717
  "$type": "color",
1692
1718
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1693
1719
  "isSource": true,
1694
1720
  "original": {
1695
- "value": "{button.primary.borderColor.rest}",
1721
+ "value": "{button.primary.bgColor.disabled}",
1696
1722
  "$type": "color"
1697
1723
  },
1698
1724
  "name": "button-primary-borderColor-disabled",
@@ -1762,7 +1788,7 @@
1762
1788
  "path": ["button", "invisible", "fgColor", "disabled"]
1763
1789
  },
1764
1790
  "button-invisible-bgColor-rest": {
1765
- "value": "#00000000",
1791
+ "value": "#ffffff00",
1766
1792
  "$type": "color",
1767
1793
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1768
1794
  "isSource": true,
@@ -1806,7 +1832,7 @@
1806
1832
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1807
1833
  "isSource": true,
1808
1834
  "original": {
1809
- "value": "{control.transparent.bgColor.disabled}",
1835
+ "value": "{control.bgColor.disabled}",
1810
1836
  "$type": "color"
1811
1837
  },
1812
1838
  "name": "button-invisible-bgColor-disabled",
@@ -1814,7 +1840,7 @@
1814
1840
  "path": ["button", "invisible", "bgColor", "disabled"]
1815
1841
  },
1816
1842
  "button-invisible-borderColor-rest": {
1817
- "value": "#00000000",
1843
+ "value": "#ffffff00",
1818
1844
  "$type": "color",
1819
1845
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1820
1846
  "isSource": true,
@@ -1827,7 +1853,7 @@
1827
1853
  "path": ["button", "invisible", "borderColor", "rest"]
1828
1854
  },
1829
1855
  "button-invisible-borderColor-hover": {
1830
- "value": "#00000000",
1856
+ "value": "#ffffff00",
1831
1857
  "$type": "color",
1832
1858
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1833
1859
  "isSource": true,
@@ -1839,6 +1865,19 @@
1839
1865
  "attributes": {},
1840
1866
  "path": ["button", "invisible", "borderColor", "hover"]
1841
1867
  },
1868
+ "button-invisible-borderColor-disabled": {
1869
+ "value": "#f6f8fa",
1870
+ "$type": "color",
1871
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1872
+ "isSource": true,
1873
+ "original": {
1874
+ "value": "{control.borderColor.disabled}",
1875
+ "$type": "color"
1876
+ },
1877
+ "name": "button-invisible-borderColor-disabled",
1878
+ "attributes": {},
1879
+ "path": ["button", "invisible", "borderColor", "disabled"]
1880
+ },
1842
1881
  "button-outline-fgColor-rest": {
1843
1882
  "value": "#0969da",
1844
1883
  "$type": "color",
@@ -3183,12 +3222,12 @@
3183
3222
  "path": ["borderColor", "emphasis"]
3184
3223
  },
3185
3224
  "borderColor-disabled": {
3186
- "value": "#d0d7de",
3225
+ "value": "#f6f8fa",
3187
3226
  "$type": "color",
3188
3227
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
3189
3228
  "isSource": true,
3190
3229
  "original": {
3191
- "value": "{borderColor.default}",
3230
+ "value": "{bgColor.disabled}",
3192
3231
  "$type": "color"
3193
3232
  },
3194
3233
  "name": "borderColor-disabled",
@@ -730,7 +730,7 @@
730
730
  "path": ["control", "fgColor", "placeholder"]
731
731
  },
732
732
  "control-fgColor-disabled": {
733
- "value": "#88929d",
733
+ "value": "#4b535d",
734
734
  "$type": "color",
735
735
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
736
736
  "isSource": true,
@@ -771,7 +771,7 @@
771
771
  "path": ["control", "borderColor", "emphasis"]
772
772
  },
773
773
  "control-borderColor-disabled": {
774
- "value": "#20252c",
774
+ "value": "#e7ecf0",
775
775
  "$type": "color",
776
776
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
777
777
  "isSource": true,
@@ -849,12 +849,12 @@
849
849
  "path": ["control", "iconColor", "rest"]
850
850
  },
851
851
  "control-transparent-bgColor-rest": {
852
- "value": "#00000000",
852
+ "value": "#ffffff00",
853
853
  "$type": "color",
854
854
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
855
855
  "isSource": true,
856
856
  "original": {
857
- "value": "transparent",
857
+ "value": "{base.color.transparent}",
858
858
  "$type": "color"
859
859
  },
860
860
  "name": "control-transparent-bgColor-rest",
@@ -922,12 +922,12 @@
922
922
  "path": ["control", "transparent", "bgColor", "selected"]
923
923
  },
924
924
  "control-transparent-borderColor-rest": {
925
- "value": "#00000000",
925
+ "value": "#ffffff00",
926
926
  "$type": "color",
927
927
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
928
928
  "isSource": true,
929
929
  "original": {
930
- "value": "transparent",
930
+ "value": "{base.color.transparent}",
931
931
  "$type": "color"
932
932
  },
933
933
  "name": "control-transparent-borderColor-rest",
@@ -948,12 +948,12 @@
948
948
  "path": ["control", "transparent", "borderColor", "hover"]
949
949
  },
950
950
  "control-transparent-borderColor-active": {
951
- "value": "#00000000",
951
+ "value": "#ffffff00",
952
952
  "$type": "color",
953
953
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
954
954
  "isSource": true,
955
955
  "original": {
956
- "value": "transparent",
956
+ "value": "{base.color.transparent}",
957
957
  "$type": "color"
958
958
  },
959
959
  "name": "control-transparent-borderColor-active",
@@ -1082,7 +1082,7 @@
1082
1082
  "path": ["control", "checked", "bgColor", "active"]
1083
1083
  },
1084
1084
  "control-checked-bgColor-disabled": {
1085
- "value": "#88929d",
1085
+ "value": "#4b535d",
1086
1086
  "$type": "color",
1087
1087
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1088
1088
  "isSource": true,
@@ -1176,7 +1176,7 @@
1176
1176
  "path": ["control", "checked", "borderColor", "active"]
1177
1177
  },
1178
1178
  "control-checked-borderColor-disabled": {
1179
- "value": "#88929d",
1179
+ "value": "#4b535d",
1180
1180
  "$type": "color",
1181
1181
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1182
1182
  "isSource": true,
@@ -1244,7 +1244,7 @@
1244
1244
  "path": ["controlTrack", "bgColor", "active"]
1245
1245
  },
1246
1246
  "controlTrack-bgColor-disabled": {
1247
- "value": "#88929d",
1247
+ "value": "#4b535d",
1248
1248
  "$type": "color",
1249
1249
  "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
1250
1250
  "isSource": true,
@@ -1283,12 +1283,12 @@
1283
1283
  "path": ["controlTrack", "fgColor", "disabled"]
1284
1284
  },
1285
1285
  "controlTrack-borderColor-rest": {
1286
- "value": "#00000000",
1286
+ "value": "#ffffff00",
1287
1287
  "$type": "color",
1288
1288
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1289
1289
  "isSource": true,
1290
1290
  "original": {
1291
- "value": "transparent",
1291
+ "value": "{base.color.transparent}",
1292
1292
  "$type": "color"
1293
1293
  },
1294
1294
  "name": "controlTrack-borderColor-rest",
@@ -1296,7 +1296,7 @@
1296
1296
  "path": ["controlTrack", "borderColor", "rest"]
1297
1297
  },
1298
1298
  "controlTrack-borderColor-disabled": {
1299
- "value": "#88929d",
1299
+ "value": "#4b535d",
1300
1300
  "$type": "color",
1301
1301
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1302
1302
  "isSource": true,
@@ -1464,6 +1464,19 @@
1464
1464
  "attributes": {},
1465
1465
  "path": ["button", "default", "bgColor", "selected"]
1466
1466
  },
1467
+ "button-default-bgColor-disabled": {
1468
+ "value": "#e7ecf0",
1469
+ "$type": "color",
1470
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1471
+ "isSource": true,
1472
+ "original": {
1473
+ "value": "{control.bgColor.disabled}",
1474
+ "$type": "color"
1475
+ },
1476
+ "name": "button-default-bgColor-disabled",
1477
+ "attributes": {},
1478
+ "path": ["button", "default", "bgColor", "disabled"]
1479
+ },
1467
1480
  "button-default-borderColor-rest": {
1468
1481
  "value": "#20252c",
1469
1482
  "$type": "color",
@@ -1503,6 +1516,19 @@
1503
1516
  "attributes": {},
1504
1517
  "path": ["button", "default", "borderColor", "active"]
1505
1518
  },
1519
+ "button-default-borderColor-disabled": {
1520
+ "value": "#e7ecf0",
1521
+ "$type": "color",
1522
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1523
+ "isSource": true,
1524
+ "original": {
1525
+ "value": "{control.borderColor.disabled}",
1526
+ "$type": "color"
1527
+ },
1528
+ "name": "button-default-borderColor-disabled",
1529
+ "attributes": {},
1530
+ "path": ["button", "default", "borderColor", "disabled"]
1531
+ },
1506
1532
  "button-default-shadow-resting": {
1507
1533
  "value": "0px 1px 0px 0px #0104090a",
1508
1534
  "$type": "shadow",
@@ -1697,12 +1723,12 @@
1697
1723
  "path": ["button", "primary", "borderColor", "hover"]
1698
1724
  },
1699
1725
  "button-primary-borderColor-disabled": {
1700
- "value": "#013d14",
1726
+ "value": "#85cb97",
1701
1727
  "$type": "color",
1702
1728
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1703
1729
  "isSource": true,
1704
1730
  "original": {
1705
- "value": "{button.primary.borderColor.rest}",
1731
+ "value": "{button.primary.bgColor.disabled}",
1706
1732
  "$type": "color"
1707
1733
  },
1708
1734
  "name": "button-primary-borderColor-disabled",
@@ -1759,7 +1785,7 @@
1759
1785
  "path": ["button", "invisible", "fgColor", "hover"]
1760
1786
  },
1761
1787
  "button-invisible-fgColor-disabled": {
1762
- "value": "#88929d",
1788
+ "value": "#4b535d",
1763
1789
  "$type": "color",
1764
1790
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1765
1791
  "isSource": true,
@@ -1772,7 +1798,7 @@
1772
1798
  "path": ["button", "invisible", "fgColor", "disabled"]
1773
1799
  },
1774
1800
  "button-invisible-bgColor-rest": {
1775
- "value": "#00000000",
1801
+ "value": "#ffffff00",
1776
1802
  "$type": "color",
1777
1803
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1778
1804
  "isSource": true,
@@ -1816,7 +1842,7 @@
1816
1842
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1817
1843
  "isSource": true,
1818
1844
  "original": {
1819
- "value": "{control.transparent.bgColor.disabled}",
1845
+ "value": "{control.bgColor.disabled}",
1820
1846
  "$type": "color"
1821
1847
  },
1822
1848
  "name": "button-invisible-bgColor-disabled",
@@ -1824,7 +1850,7 @@
1824
1850
  "path": ["button", "invisible", "bgColor", "disabled"]
1825
1851
  },
1826
1852
  "button-invisible-borderColor-rest": {
1827
- "value": "#00000000",
1853
+ "value": "#ffffff00",
1828
1854
  "$type": "color",
1829
1855
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1830
1856
  "isSource": true,
@@ -1849,6 +1875,19 @@
1849
1875
  "attributes": {},
1850
1876
  "path": ["button", "invisible", "borderColor", "hover"]
1851
1877
  },
1878
+ "button-invisible-borderColor-disabled": {
1879
+ "value": "#e7ecf0",
1880
+ "$type": "color",
1881
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1882
+ "isSource": true,
1883
+ "original": {
1884
+ "value": "{control.borderColor.disabled}",
1885
+ "$type": "color"
1886
+ },
1887
+ "name": "button-invisible-borderColor-disabled",
1888
+ "attributes": {},
1889
+ "path": ["button", "invisible", "borderColor", "disabled"]
1890
+ },
1852
1891
  "button-outline-fgColor-rest": {
1853
1892
  "value": "#023b95",
1854
1893
  "$type": "color",
@@ -2656,12 +2695,12 @@
2656
2695
  "path": ["fgColor", "onEmphasis"]
2657
2696
  },
2658
2697
  "fgColor-disabled": {
2659
- "value": "#88929d",
2698
+ "value": "#4b535d",
2660
2699
  "$type": "color",
2661
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
2700
+ "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
2662
2701
  "isSource": true,
2663
2702
  "original": {
2664
- "value": "{base.color.gray.4}",
2703
+ "value": "{base.color.gray.6}",
2665
2704
  "$type": "color"
2666
2705
  },
2667
2706
  "name": "fgColor-disabled",
@@ -3177,12 +3216,12 @@
3177
3216
  "path": ["borderColor", "emphasis"]
3178
3217
  },
3179
3218
  "borderColor-disabled": {
3180
- "value": "#20252c",
3219
+ "value": "#e7ecf0",
3181
3220
  "$type": "color",
3182
3221
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
3183
3222
  "isSource": true,
3184
3223
  "original": {
3185
- "value": "{borderColor.default}",
3224
+ "value": "{bgColor.disabled}",
3186
3225
  "$type": "color"
3187
3226
  },
3188
3227
  "name": "borderColor-disabled",
@@ -775,7 +775,7 @@
775
775
  "path": ["control", "borderColor", "emphasis"]
776
776
  },
777
777
  "control-borderColor-disabled": {
778
- "value": "#d0d7de",
778
+ "value": "#f6f8fa",
779
779
  "$type": "color",
780
780
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
781
781
  "isSource": true,
@@ -853,12 +853,12 @@
853
853
  "path": ["control", "iconColor", "rest"]
854
854
  },
855
855
  "control-transparent-bgColor-rest": {
856
- "value": "#00000000",
856
+ "value": "#ffffff00",
857
857
  "$type": "color",
858
858
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
859
859
  "isSource": true,
860
860
  "original": {
861
- "value": "transparent",
861
+ "value": "{base.color.transparent}",
862
862
  "$type": "color"
863
863
  },
864
864
  "name": "control-transparent-bgColor-rest",
@@ -922,12 +922,12 @@
922
922
  "path": ["control", "transparent", "bgColor", "selected"]
923
923
  },
924
924
  "control-transparent-borderColor-rest": {
925
- "value": "#00000000",
925
+ "value": "#ffffff00",
926
926
  "$type": "color",
927
927
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
928
928
  "isSource": true,
929
929
  "original": {
930
- "value": "transparent",
930
+ "value": "{base.color.transparent}",
931
931
  "$type": "color"
932
932
  },
933
933
  "name": "control-transparent-borderColor-rest",
@@ -935,12 +935,12 @@
935
935
  "path": ["control", "transparent", "borderColor", "rest"]
936
936
  },
937
937
  "control-transparent-borderColor-hover": {
938
- "value": "#00000000",
938
+ "value": "#ffffff00",
939
939
  "$type": "color",
940
940
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
941
941
  "isSource": true,
942
942
  "original": {
943
- "value": "transparent",
943
+ "value": "{base.color.transparent}",
944
944
  "$type": "color"
945
945
  },
946
946
  "name": "control-transparent-borderColor-hover",
@@ -948,12 +948,12 @@
948
948
  "path": ["control", "transparent", "borderColor", "hover"]
949
949
  },
950
950
  "control-transparent-borderColor-active": {
951
- "value": "#00000000",
951
+ "value": "#ffffff00",
952
952
  "$type": "color",
953
953
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
954
954
  "isSource": true,
955
955
  "original": {
956
- "value": "transparent",
956
+ "value": "{base.color.transparent}",
957
957
  "$type": "color"
958
958
  },
959
959
  "name": "control-transparent-borderColor-active",
@@ -1271,12 +1271,12 @@
1271
1271
  "path": ["controlTrack", "fgColor", "disabled"]
1272
1272
  },
1273
1273
  "controlTrack-borderColor-rest": {
1274
- "value": "#00000000",
1274
+ "value": "#ffffff00",
1275
1275
  "$type": "color",
1276
1276
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1277
1277
  "isSource": true,
1278
1278
  "original": {
1279
- "value": "transparent",
1279
+ "value": "{base.color.transparent}",
1280
1280
  "$type": "color"
1281
1281
  },
1282
1282
  "name": "controlTrack-borderColor-rest",
@@ -1452,6 +1452,19 @@
1452
1452
  "attributes": {},
1453
1453
  "path": ["button", "default", "bgColor", "selected"]
1454
1454
  },
1455
+ "button-default-bgColor-disabled": {
1456
+ "value": "#f6f8fa",
1457
+ "$type": "color",
1458
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1459
+ "isSource": true,
1460
+ "original": {
1461
+ "value": "{control.bgColor.disabled}",
1462
+ "$type": "color"
1463
+ },
1464
+ "name": "button-default-bgColor-disabled",
1465
+ "attributes": {},
1466
+ "path": ["button", "default", "bgColor", "disabled"]
1467
+ },
1455
1468
  "button-default-borderColor-rest": {
1456
1469
  "value": "#d0d7de",
1457
1470
  "$type": "color",
@@ -1491,6 +1504,19 @@
1491
1504
  "attributes": {},
1492
1505
  "path": ["button", "default", "borderColor", "active"]
1493
1506
  },
1507
+ "button-default-borderColor-disabled": {
1508
+ "value": "#f6f8fa",
1509
+ "$type": "color",
1510
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1511
+ "isSource": true,
1512
+ "original": {
1513
+ "value": "{control.borderColor.disabled}",
1514
+ "$type": "color"
1515
+ },
1516
+ "name": "button-default-borderColor-disabled",
1517
+ "attributes": {},
1518
+ "path": ["button", "default", "borderColor", "disabled"]
1519
+ },
1494
1520
  "button-default-shadow-resting": {
1495
1521
  "value": "0px 1px 0px 0px #1f23280a",
1496
1522
  "$type": "shadow",
@@ -1683,12 +1709,12 @@
1683
1709
  "path": ["button", "primary", "borderColor", "hover"]
1684
1710
  },
1685
1711
  "button-primary-borderColor-disabled": {
1686
- "value": "#1f232826",
1712
+ "value": "#92caff",
1687
1713
  "$type": "color",
1688
1714
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1689
1715
  "isSource": true,
1690
1716
  "original": {
1691
- "value": "{button.primary.borderColor.rest}",
1717
+ "value": "{button.primary.bgColor.disabled}",
1692
1718
  "$type": "color"
1693
1719
  },
1694
1720
  "name": "button-primary-borderColor-disabled",
@@ -1758,7 +1784,7 @@
1758
1784
  "path": ["button", "invisible", "fgColor", "disabled"]
1759
1785
  },
1760
1786
  "button-invisible-bgColor-rest": {
1761
- "value": "#00000000",
1787
+ "value": "#ffffff00",
1762
1788
  "$type": "color",
1763
1789
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1764
1790
  "isSource": true,
@@ -1802,7 +1828,7 @@
1802
1828
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1803
1829
  "isSource": true,
1804
1830
  "original": {
1805
- "value": "{control.transparent.bgColor.disabled}",
1831
+ "value": "{control.bgColor.disabled}",
1806
1832
  "$type": "color"
1807
1833
  },
1808
1834
  "name": "button-invisible-bgColor-disabled",
@@ -1810,7 +1836,7 @@
1810
1836
  "path": ["button", "invisible", "bgColor", "disabled"]
1811
1837
  },
1812
1838
  "button-invisible-borderColor-rest": {
1813
- "value": "#00000000",
1839
+ "value": "#ffffff00",
1814
1840
  "$type": "color",
1815
1841
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1816
1842
  "isSource": true,
@@ -1823,7 +1849,7 @@
1823
1849
  "path": ["button", "invisible", "borderColor", "rest"]
1824
1850
  },
1825
1851
  "button-invisible-borderColor-hover": {
1826
- "value": "#00000000",
1852
+ "value": "#ffffff00",
1827
1853
  "$type": "color",
1828
1854
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1829
1855
  "isSource": true,
@@ -1835,6 +1861,19 @@
1835
1861
  "attributes": {},
1836
1862
  "path": ["button", "invisible", "borderColor", "hover"]
1837
1863
  },
1864
+ "button-invisible-borderColor-disabled": {
1865
+ "value": "#f6f8fa",
1866
+ "$type": "color",
1867
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1868
+ "isSource": true,
1869
+ "original": {
1870
+ "value": "{control.borderColor.disabled}",
1871
+ "$type": "color"
1872
+ },
1873
+ "name": "button-invisible-borderColor-disabled",
1874
+ "attributes": {},
1875
+ "path": ["button", "invisible", "borderColor", "disabled"]
1876
+ },
1838
1877
  "button-outline-fgColor-rest": {
1839
1878
  "value": "#0969da",
1840
1879
  "$type": "color",
@@ -3175,12 +3214,12 @@
3175
3214
  "path": ["borderColor", "emphasis"]
3176
3215
  },
3177
3216
  "borderColor-disabled": {
3178
- "value": "#d0d7de",
3217
+ "value": "#f6f8fa",
3179
3218
  "$type": "color",
3180
3219
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
3181
3220
  "isSource": true,
3182
3221
  "original": {
3183
- "value": "{borderColor.default}",
3222
+ "value": "{bgColor.disabled}",
3184
3223
  "$type": "color"
3185
3224
  },
3186
3225
  "name": "borderColor-disabled",