@primer/primitives 7.11.14-rc.56ea5d4 → 7.11.14-rc.7fb8b8f

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 (167) hide show
  1. package/dist/js/colors/dark.d.ts +1 -0
  2. package/dist/js/colors/dark.js +2 -1
  3. package/dist/js/colors/dark_colorblind.d.ts +1 -0
  4. package/dist/js/colors/dark_colorblind.js +2 -1
  5. package/dist/js/colors/dark_dimmed.d.ts +1 -0
  6. package/dist/js/colors/dark_dimmed.js +2 -1
  7. package/dist/js/colors/dark_high_contrast.d.ts +1 -0
  8. package/dist/js/colors/dark_high_contrast.js +2 -1
  9. package/dist/js/colors/dark_tritanopia.d.ts +1 -0
  10. package/dist/js/colors/dark_tritanopia.js +2 -1
  11. package/dist/js/colors/index.d.ts +9 -0
  12. package/dist/js/colors/light.d.ts +1 -0
  13. package/dist/js/colors/light.js +2 -1
  14. package/dist/js/colors/light_colorblind.d.ts +1 -0
  15. package/dist/js/colors/light_colorblind.js +2 -1
  16. package/dist/js/colors/light_high_contrast.d.ts +1 -0
  17. package/dist/js/colors/light_high_contrast.js +2 -1
  18. package/dist/js/colors/light_tritanopia.d.ts +1 -0
  19. package/dist/js/colors/light_tritanopia.js +2 -1
  20. package/dist/js/index.d.ts +9 -0
  21. package/dist/json/colors/dark.json +2 -1
  22. package/dist/json/colors/dark_colorblind.json +2 -1
  23. package/dist/json/colors/dark_dimmed.json +2 -1
  24. package/dist/json/colors/dark_high_contrast.json +2 -1
  25. package/dist/json/colors/dark_tritanopia.json +2 -1
  26. package/dist/json/colors/light.json +2 -1
  27. package/dist/json/colors/light_colorblind.json +2 -1
  28. package/dist/json/colors/light_high_contrast.json +2 -1
  29. package/dist/json/colors/light_tritanopia.json +2 -1
  30. package/dist/scss/colors/_dark.scss +1 -0
  31. package/dist/scss/colors/_dark_colorblind.scss +1 -0
  32. package/dist/scss/colors/_dark_dimmed.scss +1 -0
  33. package/dist/scss/colors/_dark_high_contrast.scss +1 -0
  34. package/dist/scss/colors/_dark_tritanopia.scss +1 -0
  35. package/dist/scss/colors/_light.scss +1 -0
  36. package/dist/scss/colors/_light_colorblind.scss +1 -0
  37. package/dist/scss/colors/_light_high_contrast.scss +1 -0
  38. package/dist/scss/colors/_light_tritanopia.scss +1 -0
  39. package/dist/ts/colors/dark.ts +2 -1
  40. package/dist/ts/colors/dark_colorblind.ts +2 -1
  41. package/dist/ts/colors/dark_dimmed.ts +2 -1
  42. package/dist/ts/colors/dark_high_contrast.ts +2 -1
  43. package/dist/ts/colors/dark_tritanopia.ts +2 -1
  44. package/dist/ts/colors/light.ts +2 -1
  45. package/dist/ts/colors/light_colorblind.ts +2 -1
  46. package/dist/ts/colors/light_high_contrast.ts +2 -1
  47. package/dist/ts/colors/light_tritanopia.ts +2 -1
  48. package/package.json +4 -4
  49. package/tokens-next-private/css/functional/size/border.css +1 -1
  50. package/tokens-next-private/css/functional/themes/dark-colorblind.css +2 -2
  51. package/tokens-next-private/css/functional/themes/dark-dimmed.css +2 -2
  52. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
  53. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +2 -2
  54. package/tokens-next-private/css/functional/themes/dark.css +2 -2
  55. package/tokens-next-private/css/functional/themes/light-colorblind.css +16 -16
  56. package/tokens-next-private/css/functional/themes/light-high-contrast.css +12 -12
  57. package/tokens-next-private/css/functional/themes/light-tritanopia.css +16 -16
  58. package/tokens-next-private/css/functional/themes/light.css +16 -16
  59. package/tokens-next-private/docs/functional/size/border.json +2 -2
  60. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +10 -10
  61. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +10 -10
  62. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +8 -8
  63. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +10 -10
  64. package/tokens-next-private/docs/functional/themes/dark.json +10 -10
  65. package/tokens-next-private/docs/functional/themes/light-colorblind.json +13 -13
  66. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +10 -10
  67. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +13 -13
  68. package/tokens-next-private/docs/functional/themes/light.json +13 -13
  69. package/tokens-next-private/fallbacks/color-fallbacks.json +9 -7
  70. package/tokens-next-private/fallbacks/functional/size/border.json +1 -1
  71. package/tokens-next-private/js/functional/size/border.js +1 -1
  72. package/tokens-next-private/js/functional/themes/dark-colorblind.js +1 -1
  73. package/tokens-next-private/js/functional/themes/dark-dimmed.js +1 -1
  74. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +1 -1
  75. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +1 -1
  76. package/tokens-next-private/js/functional/themes/dark.js +1 -1
  77. package/tokens-next-private/js/functional/themes/light-colorblind.js +8 -8
  78. package/tokens-next-private/js/functional/themes/light-high-contrast.js +6 -6
  79. package/tokens-next-private/js/functional/themes/light-tritanopia.js +8 -8
  80. package/tokens-next-private/js/functional/themes/light.js +8 -8
  81. package/tokens-next-private/json/functional/size/border.json +1 -1
  82. package/tokens-next-private/json/functional/themes/dark-colorblind.json +1 -1
  83. package/tokens-next-private/json/functional/themes/dark-dimmed.json +1 -1
  84. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +1 -1
  85. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +1 -1
  86. package/tokens-next-private/json/functional/themes/dark.json +1 -1
  87. package/tokens-next-private/json/functional/themes/light-colorblind.json +8 -8
  88. package/tokens-next-private/json/functional/themes/light-high-contrast.json +6 -6
  89. package/tokens-next-private/json/functional/themes/light-tritanopia.json +8 -8
  90. package/tokens-next-private/json/functional/themes/light.json +8 -8
  91. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  92. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +1 -1
  93. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +1 -1
  94. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
  95. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +1 -1
  96. package/tokens-next-private/scss/functional/themes/dark.scss +1 -1
  97. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +8 -8
  98. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +6 -6
  99. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +8 -8
  100. package/tokens-next-private/scss/functional/themes/light.scss +8 -8
  101. package/tokens-next-private/ts/functional/size/border.ts +1 -1
  102. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +1 -1
  103. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +1 -1
  104. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +1 -1
  105. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +1 -1
  106. package/tokens-next-private/ts/functional/themes/dark.ts +1 -1
  107. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +8 -8
  108. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +6 -6
  109. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +8 -8
  110. package/tokens-next-private/ts/functional/themes/light.ts +8 -8
  111. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  112. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  113. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +1 -1
  114. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  115. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  116. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  117. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  118. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  119. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  120. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  121. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  122. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  123. package/tokens-v2-private/js/module/tokens/base/size/size.js +2 -2
  124. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +2 -2
  125. package/tokens-v2-private/js/module/tokens/functional/size/border.js +2 -2
  126. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +2 -2
  127. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +2 -2
  128. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +2 -2
  129. package/tokens-v2-private/js/module/tokens/functional/size/size.js +2 -2
  130. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +2 -2
  131. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +2 -2
  132. package/tokens-v2-private/js/tokens/base/size/size.js +2 -2
  133. package/tokens-v2-private/js/tokens/base/typography/typography.js +2 -2
  134. package/tokens-v2-private/js/tokens/functional/size/border.js +2 -2
  135. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +2 -2
  136. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +2 -2
  137. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +2 -2
  138. package/tokens-v2-private/js/tokens/functional/size/size.js +2 -2
  139. package/tokens-v2-private/js/tokens/functional/size/viewport.js +2 -2
  140. package/tokens-v2-private/js/tokens/functional/typography/typography.js +2 -2
  141. package/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
  142. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
  143. package/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
  144. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
  145. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
  146. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
  147. package/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
  148. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
  149. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
  150. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  151. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  152. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  153. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  160. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  161. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  162. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  163. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  164. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  165. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  166. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  167. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -172,7 +172,7 @@
172
172
  --focus-outlineColor: #1f6feb;
173
173
  --menu-bgColor-active: #161b22;
174
174
  --overlay-bgColor: #161b22;
175
- --overlay-backdrop-bgColor: #b1bac433;
175
+ --overlay-backdrop-bgColor: #161b2266;
176
176
  --selectMenu-borderColor: #484f58;
177
177
  --selectMenu-bgColor-active: #0c2d6b;
178
178
  --sideNav-bgColor-selected: #21262d;
@@ -570,7 +570,7 @@
570
570
  --focus-outlineColor: #1f6feb;
571
571
  --menu-bgColor-active: #161b22;
572
572
  --overlay-bgColor: #161b22;
573
- --overlay-backdrop-bgColor: #b1bac433;
573
+ --overlay-backdrop-bgColor: #161b2266;
574
574
  --selectMenu-borderColor: #484f58;
575
575
  --selectMenu-bgColor-active: #0c2d6b;
576
576
  --sideNav-bgColor-selected: #21262d;
@@ -172,7 +172,7 @@
172
172
  --focus-outlineColor: #316dca;
173
173
  --menu-bgColor-active: #2d333b;
174
174
  --overlay-bgColor: #2d333b;
175
- --overlay-backdrop-bgColor: #909dab33;
175
+ --overlay-backdrop-bgColor: #2d333b66;
176
176
  --selectMenu-borderColor: #545d68;
177
177
  --selectMenu-bgColor-active: #143d79;
178
178
  --sideNav-bgColor-selected: #373e47;
@@ -570,7 +570,7 @@
570
570
  --focus-outlineColor: #316dca;
571
571
  --menu-bgColor-active: #2d333b;
572
572
  --overlay-bgColor: #2d333b;
573
- --overlay-backdrop-bgColor: #909dab33;
573
+ --overlay-backdrop-bgColor: #2d333b66;
574
574
  --selectMenu-borderColor: #545d68;
575
575
  --selectMenu-bgColor-active: #143d79;
576
576
  --sideNav-bgColor-selected: #373e47;
@@ -172,7 +172,7 @@
172
172
  --focus-outlineColor: #409eff;
173
173
  --menu-bgColor-active: #272b33;
174
174
  --overlay-bgColor: #272b33;
175
- --overlay-backdrop-bgColor: #d9dee333;
175
+ --overlay-backdrop-bgColor: #272b3366;
176
176
  --selectMenu-borderColor: #7a828e;
177
177
  --selectMenu-bgColor-active: #1e60d5;
178
178
  --sideNav-bgColor-selected: #272b33;
@@ -570,7 +570,7 @@
570
570
  --focus-outlineColor: #409eff;
571
571
  --menu-bgColor-active: #272b33;
572
572
  --overlay-bgColor: #272b33;
573
- --overlay-backdrop-bgColor: #d9dee333;
573
+ --overlay-backdrop-bgColor: #272b3366;
574
574
  --selectMenu-borderColor: #7a828e;
575
575
  --selectMenu-bgColor-active: #1e60d5;
576
576
  --sideNav-bgColor-selected: #272b33;
@@ -172,7 +172,7 @@
172
172
  --focus-outlineColor: #1f6feb;
173
173
  --menu-bgColor-active: #161b22;
174
174
  --overlay-bgColor: #161b22;
175
- --overlay-backdrop-bgColor: #b1bac433;
175
+ --overlay-backdrop-bgColor: #161b2266;
176
176
  --selectMenu-borderColor: #484f58;
177
177
  --selectMenu-bgColor-active: #0c2d6b;
178
178
  --sideNav-bgColor-selected: #21262d;
@@ -570,7 +570,7 @@
570
570
  --focus-outlineColor: #1f6feb;
571
571
  --menu-bgColor-active: #161b22;
572
572
  --overlay-bgColor: #161b22;
573
- --overlay-backdrop-bgColor: #b1bac433;
573
+ --overlay-backdrop-bgColor: #161b2266;
574
574
  --selectMenu-borderColor: #484f58;
575
575
  --selectMenu-bgColor-active: #0c2d6b;
576
576
  --sideNav-bgColor-selected: #21262d;
@@ -172,7 +172,7 @@
172
172
  --focus-outlineColor: #1f6feb;
173
173
  --menu-bgColor-active: #161b22;
174
174
  --overlay-bgColor: #161b22;
175
- --overlay-backdrop-bgColor: #b1bac433;
175
+ --overlay-backdrop-bgColor: #161b2266;
176
176
  --selectMenu-borderColor: #484f58;
177
177
  --selectMenu-bgColor-active: #0c2d6b;
178
178
  --sideNav-bgColor-selected: #21262d;
@@ -570,7 +570,7 @@
570
570
  --focus-outlineColor: #1f6feb;
571
571
  --menu-bgColor-active: #161b22;
572
572
  --overlay-bgColor: #161b22;
573
- --overlay-backdrop-bgColor: #b1bac433;
573
+ --overlay-backdrop-bgColor: #161b2266;
574
574
  --selectMenu-borderColor: #484f58;
575
575
  --selectMenu-bgColor-active: #0c2d6b;
576
576
  --sideNav-bgColor-selected: #21262d;
@@ -62,14 +62,14 @@
62
62
  --control-borderColor-danger: #bc4c00;
63
63
  --control-borderColor-warning: #bf8700;
64
64
  --control-iconColor-rest: #636c76;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #d0d7de33;
67
67
  --control-transparent-bgColor-active: #d0d7de66;
68
68
  --control-transparent-bgColor-disabled: #f6f8fa;
69
69
  --control-transparent-bgColor-selected: #f6f8fa;
70
- --control-transparent-borderColor-rest: #00000000;
71
- --control-transparent-borderColor-hover: #00000000;
72
- --control-transparent-borderColor-active: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
+ --control-transparent-borderColor-hover: #ffffff00;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #be4e02;
74
74
  --control-danger-fgColor-hover: #be4e02;
75
75
  --control-danger-bgColor-hover: #fff1e5;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #8c959f;
91
91
  --controlTrack-fgColor-rest: #636c76;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #8c959f;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -123,12 +123,12 @@
123
123
  --button-invisible-fgColor-rest: #0969da;
124
124
  --button-invisible-fgColor-hover: #0969da;
125
125
  --button-invisible-fgColor-disabled: #8c959f;
126
- --button-invisible-bgColor-rest: #00000000;
126
+ --button-invisible-bgColor-rest: #ffffff00;
127
127
  --button-invisible-bgColor-hover: #d0d7de33;
128
128
  --button-invisible-bgColor-active: #d0d7de66;
129
129
  --button-invisible-bgColor-disabled: #f6f8fa;
130
- --button-invisible-borderColor-rest: #00000000;
131
- --button-invisible-borderColor-hover: #00000000;
130
+ --button-invisible-borderColor-rest: #ffffff00;
131
+ --button-invisible-borderColor-hover: #ffffff00;
132
132
  --button-outline-fgColor-rest: #0969da;
133
133
  --button-outline-fgColor-hover: #ffffff;
134
134
  --button-outline-fgColor-active: #ffffff;
@@ -460,14 +460,14 @@
460
460
  --control-borderColor-danger: #bc4c00;
461
461
  --control-borderColor-warning: #bf8700;
462
462
  --control-iconColor-rest: #636c76;
463
- --control-transparent-bgColor-rest: #00000000;
463
+ --control-transparent-bgColor-rest: #ffffff00;
464
464
  --control-transparent-bgColor-hover: #d0d7de33;
465
465
  --control-transparent-bgColor-active: #d0d7de66;
466
466
  --control-transparent-bgColor-disabled: #f6f8fa;
467
467
  --control-transparent-bgColor-selected: #f6f8fa;
468
- --control-transparent-borderColor-rest: #00000000;
469
- --control-transparent-borderColor-hover: #00000000;
470
- --control-transparent-borderColor-active: #00000000;
468
+ --control-transparent-borderColor-rest: #ffffff00;
469
+ --control-transparent-borderColor-hover: #ffffff00;
470
+ --control-transparent-borderColor-active: #ffffff00;
471
471
  --control-danger-fgColor-rest: #be4e02;
472
472
  --control-danger-fgColor-hover: #be4e02;
473
473
  --control-danger-bgColor-hover: #fff1e5;
@@ -488,7 +488,7 @@
488
488
  --controlTrack-bgColor-disabled: #8c959f;
489
489
  --controlTrack-fgColor-rest: #636c76;
490
490
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
491
+ --controlTrack-borderColor-rest: #ffffff00;
492
492
  --controlTrack-borderColor-disabled: #8c959f;
493
493
  --controlKnob-bgColor-rest: #ffffff;
494
494
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -521,12 +521,12 @@
521
521
  --button-invisible-fgColor-rest: #0969da;
522
522
  --button-invisible-fgColor-hover: #0969da;
523
523
  --button-invisible-fgColor-disabled: #8c959f;
524
- --button-invisible-bgColor-rest: #00000000;
524
+ --button-invisible-bgColor-rest: #ffffff00;
525
525
  --button-invisible-bgColor-hover: #d0d7de33;
526
526
  --button-invisible-bgColor-active: #d0d7de66;
527
527
  --button-invisible-bgColor-disabled: #f6f8fa;
528
- --button-invisible-borderColor-rest: #00000000;
529
- --button-invisible-borderColor-hover: #00000000;
528
+ --button-invisible-borderColor-rest: #ffffff00;
529
+ --button-invisible-borderColor-hover: #ffffff00;
530
530
  --button-outline-fgColor-rest: #0969da;
531
531
  --button-outline-fgColor-hover: #ffffff;
532
532
  --button-outline-fgColor-active: #ffffff;
@@ -62,14 +62,14 @@
62
62
  --control-borderColor-danger: #a0111f;
63
63
  --control-borderColor-warning: #744500;
64
64
  --control-iconColor-rest: #0e1116;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #e7ecf0;
67
67
  --control-transparent-bgColor-active: #ced5dc;
68
68
  --control-transparent-bgColor-disabled: #e7ecf0;
69
69
  --control-transparent-bgColor-selected: #ced5dc;
70
- --control-transparent-borderColor-rest: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
71
  --control-transparent-borderColor-hover: #20252c;
72
- --control-transparent-borderColor-active: #00000000;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #8a071e;
74
74
  --control-danger-fgColor-hover: #ffffff;
75
75
  --control-danger-bgColor-hover: #a0111f;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #88929d;
91
91
  --controlTrack-fgColor-rest: #010409;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #88929d;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #e7ecf0;
@@ -123,11 +123,11 @@
123
123
  --button-invisible-fgColor-rest: #023b95;
124
124
  --button-invisible-fgColor-hover: #023b95;
125
125
  --button-invisible-fgColor-disabled: #88929d;
126
- --button-invisible-bgColor-rest: #00000000;
126
+ --button-invisible-bgColor-rest: #ffffff00;
127
127
  --button-invisible-bgColor-hover: #e7ecf0;
128
128
  --button-invisible-bgColor-active: #ced5dc;
129
129
  --button-invisible-bgColor-disabled: #e7ecf0;
130
- --button-invisible-borderColor-rest: #00000000;
130
+ --button-invisible-borderColor-rest: #ffffff00;
131
131
  --button-invisible-borderColor-hover: #20252c;
132
132
  --button-outline-fgColor-rest: #023b95;
133
133
  --button-outline-fgColor-hover: #ffffff;
@@ -460,14 +460,14 @@
460
460
  --control-borderColor-danger: #a0111f;
461
461
  --control-borderColor-warning: #744500;
462
462
  --control-iconColor-rest: #0e1116;
463
- --control-transparent-bgColor-rest: #00000000;
463
+ --control-transparent-bgColor-rest: #ffffff00;
464
464
  --control-transparent-bgColor-hover: #e7ecf0;
465
465
  --control-transparent-bgColor-active: #ced5dc;
466
466
  --control-transparent-bgColor-disabled: #e7ecf0;
467
467
  --control-transparent-bgColor-selected: #ced5dc;
468
- --control-transparent-borderColor-rest: #00000000;
468
+ --control-transparent-borderColor-rest: #ffffff00;
469
469
  --control-transparent-borderColor-hover: #20252c;
470
- --control-transparent-borderColor-active: #00000000;
470
+ --control-transparent-borderColor-active: #ffffff00;
471
471
  --control-danger-fgColor-rest: #8a071e;
472
472
  --control-danger-fgColor-hover: #ffffff;
473
473
  --control-danger-bgColor-hover: #a0111f;
@@ -488,7 +488,7 @@
488
488
  --controlTrack-bgColor-disabled: #88929d;
489
489
  --controlTrack-fgColor-rest: #010409;
490
490
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
491
+ --controlTrack-borderColor-rest: #ffffff00;
492
492
  --controlTrack-borderColor-disabled: #88929d;
493
493
  --controlKnob-bgColor-rest: #ffffff;
494
494
  --controlKnob-bgColor-disabled: #e7ecf0;
@@ -521,11 +521,11 @@
521
521
  --button-invisible-fgColor-rest: #023b95;
522
522
  --button-invisible-fgColor-hover: #023b95;
523
523
  --button-invisible-fgColor-disabled: #88929d;
524
- --button-invisible-bgColor-rest: #00000000;
524
+ --button-invisible-bgColor-rest: #ffffff00;
525
525
  --button-invisible-bgColor-hover: #e7ecf0;
526
526
  --button-invisible-bgColor-active: #ced5dc;
527
527
  --button-invisible-bgColor-disabled: #e7ecf0;
528
- --button-invisible-borderColor-rest: #00000000;
528
+ --button-invisible-borderColor-rest: #ffffff00;
529
529
  --button-invisible-borderColor-hover: #20252c;
530
530
  --button-outline-fgColor-rest: #023b95;
531
531
  --button-outline-fgColor-hover: #ffffff;
@@ -62,14 +62,14 @@
62
62
  --control-borderColor-danger: #cf222e;
63
63
  --control-borderColor-warning: #bf8700;
64
64
  --control-iconColor-rest: #636c76;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #d0d7de33;
67
67
  --control-transparent-bgColor-active: #d0d7de66;
68
68
  --control-transparent-bgColor-disabled: #f6f8fa;
69
69
  --control-transparent-bgColor-selected: #f6f8fa;
70
- --control-transparent-borderColor-rest: #00000000;
71
- --control-transparent-borderColor-hover: #00000000;
72
- --control-transparent-borderColor-active: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
+ --control-transparent-borderColor-hover: #ffffff00;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #d1242f;
74
74
  --control-danger-fgColor-hover: #d1242f;
75
75
  --control-danger-bgColor-hover: #ffebe9;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #8c959f;
91
91
  --controlTrack-fgColor-rest: #636c76;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #8c959f;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -123,12 +123,12 @@
123
123
  --button-invisible-fgColor-rest: #0969da;
124
124
  --button-invisible-fgColor-hover: #0969da;
125
125
  --button-invisible-fgColor-disabled: #8c959f;
126
- --button-invisible-bgColor-rest: #00000000;
126
+ --button-invisible-bgColor-rest: #ffffff00;
127
127
  --button-invisible-bgColor-hover: #d0d7de33;
128
128
  --button-invisible-bgColor-active: #d0d7de66;
129
129
  --button-invisible-bgColor-disabled: #f6f8fa;
130
- --button-invisible-borderColor-rest: #00000000;
131
- --button-invisible-borderColor-hover: #00000000;
130
+ --button-invisible-borderColor-rest: #ffffff00;
131
+ --button-invisible-borderColor-hover: #ffffff00;
132
132
  --button-outline-fgColor-rest: #0969da;
133
133
  --button-outline-fgColor-hover: #ffffff;
134
134
  --button-outline-fgColor-active: #ffffff;
@@ -460,14 +460,14 @@
460
460
  --control-borderColor-danger: #cf222e;
461
461
  --control-borderColor-warning: #bf8700;
462
462
  --control-iconColor-rest: #636c76;
463
- --control-transparent-bgColor-rest: #00000000;
463
+ --control-transparent-bgColor-rest: #ffffff00;
464
464
  --control-transparent-bgColor-hover: #d0d7de33;
465
465
  --control-transparent-bgColor-active: #d0d7de66;
466
466
  --control-transparent-bgColor-disabled: #f6f8fa;
467
467
  --control-transparent-bgColor-selected: #f6f8fa;
468
- --control-transparent-borderColor-rest: #00000000;
469
- --control-transparent-borderColor-hover: #00000000;
470
- --control-transparent-borderColor-active: #00000000;
468
+ --control-transparent-borderColor-rest: #ffffff00;
469
+ --control-transparent-borderColor-hover: #ffffff00;
470
+ --control-transparent-borderColor-active: #ffffff00;
471
471
  --control-danger-fgColor-rest: #d1242f;
472
472
  --control-danger-fgColor-hover: #d1242f;
473
473
  --control-danger-bgColor-hover: #ffebe9;
@@ -488,7 +488,7 @@
488
488
  --controlTrack-bgColor-disabled: #8c959f;
489
489
  --controlTrack-fgColor-rest: #636c76;
490
490
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
491
+ --controlTrack-borderColor-rest: #ffffff00;
492
492
  --controlTrack-borderColor-disabled: #8c959f;
493
493
  --controlKnob-bgColor-rest: #ffffff;
494
494
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -521,12 +521,12 @@
521
521
  --button-invisible-fgColor-rest: #0969da;
522
522
  --button-invisible-fgColor-hover: #0969da;
523
523
  --button-invisible-fgColor-disabled: #8c959f;
524
- --button-invisible-bgColor-rest: #00000000;
524
+ --button-invisible-bgColor-rest: #ffffff00;
525
525
  --button-invisible-bgColor-hover: #d0d7de33;
526
526
  --button-invisible-bgColor-active: #d0d7de66;
527
527
  --button-invisible-bgColor-disabled: #f6f8fa;
528
- --button-invisible-borderColor-rest: #00000000;
529
- --button-invisible-borderColor-hover: #00000000;
528
+ --button-invisible-borderColor-rest: #ffffff00;
529
+ --button-invisible-borderColor-hover: #ffffff00;
530
530
  --button-outline-fgColor-rest: #0969da;
531
531
  --button-outline-fgColor-hover: #ffffff;
532
532
  --button-outline-fgColor-active: #ffffff;
@@ -62,14 +62,14 @@
62
62
  --control-borderColor-danger: #cf222e;
63
63
  --control-borderColor-warning: #bf8700;
64
64
  --control-iconColor-rest: #636c76;
65
- --control-transparent-bgColor-rest: #00000000;
65
+ --control-transparent-bgColor-rest: #ffffff00;
66
66
  --control-transparent-bgColor-hover: #d0d7de33;
67
67
  --control-transparent-bgColor-active: #d0d7de66;
68
68
  --control-transparent-bgColor-disabled: #f6f8fa;
69
69
  --control-transparent-bgColor-selected: #f6f8fa;
70
- --control-transparent-borderColor-rest: #00000000;
71
- --control-transparent-borderColor-hover: #00000000;
72
- --control-transparent-borderColor-active: #00000000;
70
+ --control-transparent-borderColor-rest: #ffffff00;
71
+ --control-transparent-borderColor-hover: #ffffff00;
72
+ --control-transparent-borderColor-active: #ffffff00;
73
73
  --control-danger-fgColor-rest: #d1242f;
74
74
  --control-danger-fgColor-hover: #d1242f;
75
75
  --control-danger-bgColor-hover: #ffebe9;
@@ -90,7 +90,7 @@
90
90
  --controlTrack-bgColor-disabled: #8c959f;
91
91
  --controlTrack-fgColor-rest: #636c76;
92
92
  --controlTrack-fgColor-disabled: #ffffff;
93
- --controlTrack-borderColor-rest: #00000000;
93
+ --controlTrack-borderColor-rest: #ffffff00;
94
94
  --controlTrack-borderColor-disabled: #8c959f;
95
95
  --controlKnob-bgColor-rest: #ffffff;
96
96
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -123,12 +123,12 @@
123
123
  --button-invisible-fgColor-rest: #0969da;
124
124
  --button-invisible-fgColor-hover: #0969da;
125
125
  --button-invisible-fgColor-disabled: #8c959f;
126
- --button-invisible-bgColor-rest: #00000000;
126
+ --button-invisible-bgColor-rest: #ffffff00;
127
127
  --button-invisible-bgColor-hover: #d0d7de33;
128
128
  --button-invisible-bgColor-active: #d0d7de66;
129
129
  --button-invisible-bgColor-disabled: #f6f8fa;
130
- --button-invisible-borderColor-rest: #00000000;
131
- --button-invisible-borderColor-hover: #00000000;
130
+ --button-invisible-borderColor-rest: #ffffff00;
131
+ --button-invisible-borderColor-hover: #ffffff00;
132
132
  --button-outline-fgColor-rest: #0969da;
133
133
  --button-outline-fgColor-hover: #ffffff;
134
134
  --button-outline-fgColor-active: #ffffff;
@@ -460,14 +460,14 @@
460
460
  --control-borderColor-danger: #cf222e;
461
461
  --control-borderColor-warning: #bf8700;
462
462
  --control-iconColor-rest: #636c76;
463
- --control-transparent-bgColor-rest: #00000000;
463
+ --control-transparent-bgColor-rest: #ffffff00;
464
464
  --control-transparent-bgColor-hover: #d0d7de33;
465
465
  --control-transparent-bgColor-active: #d0d7de66;
466
466
  --control-transparent-bgColor-disabled: #f6f8fa;
467
467
  --control-transparent-bgColor-selected: #f6f8fa;
468
- --control-transparent-borderColor-rest: #00000000;
469
- --control-transparent-borderColor-hover: #00000000;
470
- --control-transparent-borderColor-active: #00000000;
468
+ --control-transparent-borderColor-rest: #ffffff00;
469
+ --control-transparent-borderColor-hover: #ffffff00;
470
+ --control-transparent-borderColor-active: #ffffff00;
471
471
  --control-danger-fgColor-rest: #d1242f;
472
472
  --control-danger-fgColor-hover: #d1242f;
473
473
  --control-danger-bgColor-hover: #ffebe9;
@@ -488,7 +488,7 @@
488
488
  --controlTrack-bgColor-disabled: #8c959f;
489
489
  --controlTrack-fgColor-rest: #636c76;
490
490
  --controlTrack-fgColor-disabled: #ffffff;
491
- --controlTrack-borderColor-rest: #00000000;
491
+ --controlTrack-borderColor-rest: #ffffff00;
492
492
  --controlTrack-borderColor-disabled: #8c959f;
493
493
  --controlKnob-bgColor-rest: #ffffff;
494
494
  --controlKnob-bgColor-disabled: #f6f8fa;
@@ -521,12 +521,12 @@
521
521
  --button-invisible-fgColor-rest: #0969da;
522
522
  --button-invisible-fgColor-hover: #0969da;
523
523
  --button-invisible-fgColor-disabled: #8c959f;
524
- --button-invisible-bgColor-rest: #00000000;
524
+ --button-invisible-bgColor-rest: #ffffff00;
525
525
  --button-invisible-bgColor-hover: #d0d7de33;
526
526
  --button-invisible-bgColor-active: #d0d7de66;
527
527
  --button-invisible-bgColor-disabled: #f6f8fa;
528
- --button-invisible-borderColor-rest: #00000000;
529
- --button-invisible-borderColor-hover: #00000000;
528
+ --button-invisible-borderColor-rest: #ffffff00;
529
+ --button-invisible-borderColor-hover: #ffffff00;
530
530
  --button-outline-fgColor-rest: #0969da;
531
531
  --button-outline-fgColor-hover: #ffffff;
532
532
  --button-outline-fgColor-active: #ffffff;
@@ -101,11 +101,11 @@
101
101
  "path": ["borderRadius", "large"]
102
102
  },
103
103
  "borderRadius-full": {
104
- "value": "100vh",
104
+ "value": "9999px",
105
105
  "filePath": "src/tokens/functional/size/border.json",
106
106
  "isSource": true,
107
107
  "original": {
108
- "value": "100vh"
108
+ "value": "9999px"
109
109
  },
110
110
  "name": "borderRadius-full",
111
111
  "attributes": {},
@@ -868,7 +868,7 @@
868
868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
869
869
  "isSource": true,
870
870
  "original": {
871
- "value": "transparent",
871
+ "value": "{base.color.transparent}",
872
872
  "$type": "color"
873
873
  },
874
874
  "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
911
911
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
912
912
  "isSource": true,
913
913
  "original": {
914
- "value": "transparent",
914
+ "value": "{base.color.transparent}",
915
915
  "$type": "color"
916
916
  },
917
917
  "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
939
939
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
940
940
  "isSource": true,
941
941
  "original": {
942
- "value": "transparent",
942
+ "value": "{base.color.transparent}",
943
943
  "$type": "color"
944
944
  },
945
945
  "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
952
952
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
953
953
  "isSource": true,
954
954
  "original": {
955
- "value": "transparent",
955
+ "value": "{base.color.transparent}",
956
956
  "$type": "color"
957
957
  },
958
958
  "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
965
965
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
966
966
  "isSource": true,
967
967
  "original": {
968
- "value": "transparent",
968
+ "value": "{base.color.transparent}",
969
969
  "$type": "color"
970
970
  },
971
971
  "name": "control-transparent-borderColor-active",
@@ -1288,7 +1288,7 @@
1288
1288
  "filePath": "src/tokens/functional/color/dark/patterns-dark.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",
@@ -2451,15 +2451,15 @@
2451
2451
  "path": ["overlay", "bgColor"]
2452
2452
  },
2453
2453
  "overlay-backdrop-bgColor": {
2454
- "value": "#b1bac433",
2454
+ "value": "#161b2266",
2455
2455
  "$type": "color",
2456
- "alpha": 0.2,
2456
+ "alpha": 0.4,
2457
2457
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2458
2458
  "isSource": true,
2459
2459
  "original": {
2460
- "value": "{base.color.gray.2}",
2460
+ "value": "{base.color.gray.8}",
2461
2461
  "$type": "color",
2462
- "alpha": 0.2
2462
+ "alpha": 0.4
2463
2463
  },
2464
2464
  "name": "overlay-backdrop-bgColor",
2465
2465
  "attributes": {},
@@ -868,7 +868,7 @@
868
868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
869
869
  "isSource": true,
870
870
  "original": {
871
- "value": "transparent",
871
+ "value": "{base.color.transparent}",
872
872
  "$type": "color"
873
873
  },
874
874
  "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
911
911
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
912
912
  "isSource": true,
913
913
  "original": {
914
- "value": "transparent",
914
+ "value": "{base.color.transparent}",
915
915
  "$type": "color"
916
916
  },
917
917
  "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
939
939
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
940
940
  "isSource": true,
941
941
  "original": {
942
- "value": "transparent",
942
+ "value": "{base.color.transparent}",
943
943
  "$type": "color"
944
944
  },
945
945
  "name": "control-transparent-borderColor-rest",
@@ -952,7 +952,7 @@
952
952
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
953
953
  "isSource": true,
954
954
  "original": {
955
- "value": "transparent",
955
+ "value": "{base.color.transparent}",
956
956
  "$type": "color"
957
957
  },
958
958
  "name": "control-transparent-borderColor-hover",
@@ -965,7 +965,7 @@
965
965
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
966
966
  "isSource": true,
967
967
  "original": {
968
- "value": "transparent",
968
+ "value": "{base.color.transparent}",
969
969
  "$type": "color"
970
970
  },
971
971
  "name": "control-transparent-borderColor-active",
@@ -1288,7 +1288,7 @@
1288
1288
  "filePath": "src/tokens/functional/color/dark/patterns-dark.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",
@@ -2457,15 +2457,15 @@
2457
2457
  "path": ["overlay", "bgColor"]
2458
2458
  },
2459
2459
  "overlay-backdrop-bgColor": {
2460
- "value": "#909dab33",
2460
+ "value": "#2d333b66",
2461
2461
  "$type": "color",
2462
- "alpha": 0.2,
2462
+ "alpha": 0.4,
2463
2463
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2464
2464
  "isSource": true,
2465
2465
  "original": {
2466
- "value": "{base.color.gray.2}",
2466
+ "value": "{base.color.gray.8}",
2467
2467
  "$type": "color",
2468
- "alpha": 0.2
2468
+ "alpha": 0.4
2469
2469
  },
2470
2470
  "name": "overlay-backdrop-bgColor",
2471
2471
  "attributes": {},
@@ -868,7 +868,7 @@
868
868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
869
869
  "isSource": true,
870
870
  "original": {
871
- "value": "transparent",
871
+ "value": "{base.color.transparent}",
872
872
  "$type": "color"
873
873
  },
874
874
  "name": "control-transparent-bgColor-rest",
@@ -911,7 +911,7 @@
911
911
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
912
912
  "isSource": true,
913
913
  "original": {
914
- "value": "transparent",
914
+ "value": "{base.color.transparent}",
915
915
  "$type": "color"
916
916
  },
917
917
  "name": "control-transparent-bgColor-disabled",
@@ -939,7 +939,7 @@
939
939
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
940
940
  "isSource": true,
941
941
  "original": {
942
- "value": "transparent",
942
+ "value": "{base.color.transparent}",
943
943
  "$type": "color"
944
944
  },
945
945
  "name": "control-transparent-borderColor-rest",
@@ -1296,7 +1296,7 @@
1296
1296
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1297
1297
  "isSource": true,
1298
1298
  "original": {
1299
- "value": "transparent",
1299
+ "value": "{base.color.transparent}",
1300
1300
  "$type": "color"
1301
1301
  },
1302
1302
  "name": "controlTrack-borderColor-rest",
@@ -2469,15 +2469,15 @@
2469
2469
  "path": ["overlay", "bgColor"]
2470
2470
  },
2471
2471
  "overlay-backdrop-bgColor": {
2472
- "value": "#d9dee333",
2472
+ "value": "#272b3366",
2473
2473
  "$type": "color",
2474
- "alpha": 0.2,
2474
+ "alpha": 0.4,
2475
2475
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
2476
2476
  "isSource": true,
2477
2477
  "original": {
2478
- "value": "{base.color.gray.2}",
2478
+ "value": "{base.color.gray.8}",
2479
2479
  "$type": "color",
2480
- "alpha": 0.2
2480
+ "alpha": 0.4
2481
2481
  },
2482
2482
  "name": "overlay-backdrop-bgColor",
2483
2483
  "attributes": {},