@primer/primitives 7.11.7 → 7.11.8-rc.0252b5f

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 (164) hide show
  1. package/dist/js/colors/dark.d.ts +6 -0
  2. package/dist/js/colors/dark.js +12 -6
  3. package/dist/js/colors/dark_colorblind.d.ts +6 -0
  4. package/dist/js/colors/dark_colorblind.js +12 -6
  5. package/dist/js/colors/dark_dimmed.d.ts +6 -0
  6. package/dist/js/colors/dark_dimmed.js +12 -6
  7. package/dist/js/colors/dark_high_contrast.d.ts +6 -0
  8. package/dist/js/colors/dark_high_contrast.js +10 -4
  9. package/dist/js/colors/dark_tritanopia.d.ts +6 -0
  10. package/dist/js/colors/dark_tritanopia.js +12 -6
  11. package/dist/js/colors/index.d.ts +54 -0
  12. package/dist/js/colors/light.d.ts +6 -0
  13. package/dist/js/colors/light.js +9 -3
  14. package/dist/js/colors/light_colorblind.d.ts +6 -0
  15. package/dist/js/colors/light_colorblind.js +9 -3
  16. package/dist/js/colors/light_high_contrast.d.ts +6 -0
  17. package/dist/js/colors/light_high_contrast.js +9 -3
  18. package/dist/js/colors/light_tritanopia.d.ts +6 -0
  19. package/dist/js/colors/light_tritanopia.js +9 -3
  20. package/dist/js/index.d.ts +54 -0
  21. package/dist/json/colors/dark.json +12 -6
  22. package/dist/json/colors/dark_colorblind.json +12 -6
  23. package/dist/json/colors/dark_dimmed.json +12 -6
  24. package/dist/json/colors/dark_high_contrast.json +10 -4
  25. package/dist/json/colors/dark_tritanopia.json +12 -6
  26. package/dist/json/colors/light.json +9 -3
  27. package/dist/json/colors/light_colorblind.json +9 -3
  28. package/dist/json/colors/light_high_contrast.json +9 -3
  29. package/dist/json/colors/light_tritanopia.json +9 -3
  30. package/dist/scss/colors/_dark.scss +11 -5
  31. package/dist/scss/colors/_dark_colorblind.scss +11 -5
  32. package/dist/scss/colors/_dark_dimmed.scss +11 -5
  33. package/dist/scss/colors/_dark_high_contrast.scss +9 -3
  34. package/dist/scss/colors/_dark_tritanopia.scss +11 -5
  35. package/dist/scss/colors/_light.scss +8 -2
  36. package/dist/scss/colors/_light_colorblind.scss +8 -2
  37. package/dist/scss/colors/_light_high_contrast.scss +8 -2
  38. package/dist/scss/colors/_light_tritanopia.scss +8 -2
  39. package/dist/ts/colors/dark.ts +12 -6
  40. package/dist/ts/colors/dark_colorblind.ts +12 -6
  41. package/dist/ts/colors/dark_dimmed.ts +12 -6
  42. package/dist/ts/colors/dark_high_contrast.ts +10 -4
  43. package/dist/ts/colors/dark_tritanopia.ts +12 -6
  44. package/dist/ts/colors/light.ts +9 -3
  45. package/dist/ts/colors/light_colorblind.ts +9 -3
  46. package/dist/ts/colors/light_high_contrast.ts +9 -3
  47. package/dist/ts/colors/light_tritanopia.ts +9 -3
  48. package/package.json +4 -6
  49. package/tokens-next-private/css/functional/themes/dark-colorblind.css +388 -376
  50. package/tokens-next-private/css/functional/themes/dark-dimmed.css +320 -308
  51. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +308 -296
  52. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +340 -328
  53. package/tokens-next-private/css/functional/themes/dark.css +320 -308
  54. package/tokens-next-private/css/functional/themes/light-colorblind.css +348 -286
  55. package/tokens-next-private/css/functional/themes/light-high-contrast.css +270 -208
  56. package/tokens-next-private/css/functional/themes/light-tritanopia.css +290 -228
  57. package/tokens-next-private/css/functional/themes/light.css +270 -208
  58. package/tokens-next-private/docs/functional/size/border.json +3 -1
  59. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +504 -416
  60. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +321 -233
  61. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +308 -216
  62. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +447 -357
  63. package/tokens-next-private/docs/functional/themes/dark.json +321 -233
  64. package/tokens-next-private/docs/functional/themes/light-colorblind.json +663 -240
  65. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +502 -77
  66. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +623 -198
  67. package/tokens-next-private/docs/functional/themes/light.json +500 -77
  68. package/tokens-next-private/docs/functional/typography/typography.json +33 -11
  69. package/tokens-next-private/fallbacks/color-fallbacks.json +245 -0
  70. package/tokens-next-private/js/functional/themes/dark-colorblind.js +158 -116
  71. package/tokens-next-private/js/functional/themes/dark-dimmed.js +103 -61
  72. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +97 -55
  73. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +113 -71
  74. package/tokens-next-private/js/functional/themes/dark.js +103 -61
  75. package/tokens-next-private/js/functional/themes/light-colorblind.js +123 -106
  76. package/tokens-next-private/js/functional/themes/light-high-contrast.js +65 -48
  77. package/tokens-next-private/js/functional/themes/light-tritanopia.js +75 -58
  78. package/tokens-next-private/js/functional/themes/light.js +65 -48
  79. package/tokens-next-private/json/functional/themes/dark-colorblind.json +161 -119
  80. package/tokens-next-private/json/functional/themes/dark-dimmed.json +106 -64
  81. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +100 -58
  82. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +116 -74
  83. package/tokens-next-private/json/functional/themes/dark.json +106 -64
  84. package/tokens-next-private/json/functional/themes/light-colorblind.json +124 -107
  85. package/tokens-next-private/json/functional/themes/light-high-contrast.json +66 -49
  86. package/tokens-next-private/json/functional/themes/light-tritanopia.json +76 -59
  87. package/tokens-next-private/json/functional/themes/light.json +66 -49
  88. package/tokens-next-private/scss/functional/size/border.scss +1 -1
  89. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +121 -115
  90. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +67 -61
  91. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +61 -55
  92. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +77 -71
  93. package/tokens-next-private/scss/functional/themes/dark.scss +67 -61
  94. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +101 -70
  95. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +42 -11
  96. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +52 -21
  97. package/tokens-next-private/scss/functional/themes/light.scss +42 -11
  98. package/tokens-next-private/scss/functional/typography/typography.scss +11 -11
  99. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +158 -116
  100. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +103 -61
  101. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +97 -55
  102. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +113 -71
  103. package/tokens-next-private/ts/functional/themes/dark.ts +103 -61
  104. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +123 -106
  105. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +65 -48
  106. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +75 -58
  107. package/tokens-next-private/ts/functional/themes/light.ts +65 -48
  108. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  109. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  110. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +59 -42
  111. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  112. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  113. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  114. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  115. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  116. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  117. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  118. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  119. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  120. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  121. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  122. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  123. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  124. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  125. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  126. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  127. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  128. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  129. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  130. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  131. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  132. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  133. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  134. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  135. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  136. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  137. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  138. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  139. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  140. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  141. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  142. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  143. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  144. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  145. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  146. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  147. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  148. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  149. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  150. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  151. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  152. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  153. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  154. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  155. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  156. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  157. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  158. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  159. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  160. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  161. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  162. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  163. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  164. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0349b4;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0344a8;
85
+ --control-checked-borderColor-active: #033f9d;
86
86
  --control-checked-borderColor-disabled: #88929d;
87
87
  --controlTrack-bgColor-rest: #acb6c0;
88
88
  --controlTrack-bgColor-hover: #9ea8b2;
@@ -118,9 +118,10 @@
118
118
  --button-primary-bgColor-disabled: #85cb97;
119
119
  --button-primary-borderColor-rest: #013d14;
120
120
  --button-primary-borderColor-hover: #013d14;
121
- --button-primary-borderColor-disabled: #88929dcc;
121
+ --button-primary-borderColor-disabled: #013d14;
122
122
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
123
123
  --button-invisible-fgColor-rest: #023b95;
124
+ --button-invisible-fgColor-hover: #023b95;
124
125
  --button-invisible-fgColor-disabled: #88929d;
125
126
  --button-invisible-bgColor-rest: #00000000;
126
127
  --button-invisible-bgColor-hover: #e7ecf0;
@@ -153,14 +154,21 @@
153
154
  --button-danger-borderColor-hover: #20252c;
154
155
  --button-danger-borderColor-active: #20252c;
155
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
156
- --buttonCounter-default-bgColor-rest: #e7ecf0;
157
- --buttonCounter-primary-bgColor-rest: #ffffff33;
157
+ --buttonCounter-default-bgColor-rest: #66707b33;
158
+ --buttonCounter-invisible-bgColor-rest: #66707b33;
159
+ --buttonCounter-primary-bgColor-rest: #00230b33;
158
160
  --buttonCounter-outline-bgColor-rest: #0349b41a;
159
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
160
162
  --buttonCounter-outline-bgColor-disabled: #0349b40d;
163
+ --buttonCounter-outline-fgColor-rest: #023b95;
164
+ --buttonCounter-outline-fgColor-hover: #ffffff;
165
+ --buttonCounter-outline-fgColor-disabled: #023b9580;
161
166
  --buttonCounter-danger-bgColor-hover: #ffffff33;
162
167
  --buttonCounter-danger-bgColor-disabled: #a0111f0d;
163
168
  --buttonCounter-danger-bgColor-rest: #a0111f1a;
169
+ --buttonCounter-danger-fgColor-rest: #980e1e;
170
+ --buttonCounter-danger-fgColor-hover: #ffffff;
171
+ --buttonCounter-danger-fgColor-disabled: #8a071e80;
164
172
  --focus-outlineColor: #0349b4;
165
173
  --focus-outline: #0349b4 solid 2px;
166
174
  --menu-bgColor-active: #ffffff00;
@@ -172,15 +180,13 @@
172
180
  --timelineBadge-bgColor: #e7ecf0;
173
181
  --treeViewItem-leadingVisual-bgColor-rest: #368cf9;
174
182
  --underlineNav-borderColor-active: #cd3425;
175
- --underlineNav-borderColor-hover: #acb6c033;
183
+ --underlineNav-borderColor-hover: #88929d;
176
184
  --underlineNav-iconColor-rest: #0e1116;
177
185
  --fgColor-default: #010409;
178
186
  --fgColor-muted: #0e1116;
179
187
  --fgColor-onEmphasis: #ffffff;
180
188
  --fgColor-disabled: #88929d;
181
189
  --fgColor-link-rest: #023b95;
182
- --fgColor-link-inverse-rest: #368cf9;
183
- --fgColor-link-control: #818b96;
184
190
  --fgColor-accent: #023b95;
185
191
  --fgColor-success: #055d20;
186
192
  --fgColor-attention: #744500;
@@ -218,7 +224,7 @@
218
224
  --borderColor-muted: #88929d;
219
225
  --borderColor-emphasis: #66707b;
220
226
  --borderColor-disabled: #20252c;
221
- --borderColor-neutral-muted: #acb6c033;
227
+ --borderColor-neutral-muted: #88929d;
222
228
  --borderColor-neutral-emphasis: #66707b;
223
229
  --borderColor-accent-muted: #368cf9;
224
230
  --borderColor-accent-emphasis: #0349b4;
@@ -238,121 +244,146 @@
238
244
  --borderColor-done-emphasis: #622cbc;
239
245
  --borderColor-sponsors-muted: #ed4baf;
240
246
  --borderColor-sponsors-emphasis: #971368;
247
+ --color-ansi-black: #0e1116;
241
248
  --color-ansi-black-bright: #4b535d;
249
+ --color-ansi-white: #66707b;
242
250
  --color-ansi-white-bright: #88929d;
243
251
  --color-ansi-gray: #66707b;
252
+ --color-ansi-red: #a0111f;
244
253
  --color-ansi-red-bright: #86061d;
254
+ --color-ansi-green: #024c1a;
245
255
  --color-ansi-green-bright: #055d20;
256
+ --color-ansi-yellow: #3f2200;
246
257
  --color-ansi-yellow-bright: #4e2c00;
258
+ --color-ansi-blue: #0349b4;
247
259
  --color-ansi-blue-bright: #1168e3;
260
+ --color-ansi-magenta: #622cbc;
248
261
  --color-ansi-magenta-bright: #844ae7;
262
+ --color-ansi-cyan: #1b7c83;
249
263
  --color-ansi-cyan-bright: #3192aa;
250
264
  --color-prettylights-syntax-comment: #66707b;
265
+ --color-prettylights-syntax-constant: #023b95;
251
266
  --color-prettylights-syntax-constant-other-reference-link: #032563;
252
- --color-prettylights-syntax-entity-tag: #023b95;
267
+ --color-prettylights-syntax-entity: #622cbc;
253
268
  --color-prettylights-syntax-storage-modifier-import: #0e1116;
269
+ --color-prettylights-syntax-entity-tag: #023b95;
254
270
  --color-prettylights-syntax-keyword: #a0111f;
255
- --color-prettylights-syntax-string-regexp: #024c1a;
271
+ --color-prettylights-syntax-string: #032563;
256
272
  --color-prettylights-syntax-variable: #702c00;
273
+ --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
257
274
  --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
275
+ --color-prettylights-syntax-invalid-illegal-text: #ffffff;
258
276
  --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
277
+ --color-prettylights-syntax-carriage-return-text: #ffffff;
259
278
  --color-prettylights-syntax-carriage-return-bg: #a0111f;
279
+ --color-prettylights-syntax-string-regexp: #024c1a;
280
+ --color-prettylights-syntax-markup-list: #2e1800;
281
+ --color-prettylights-syntax-markup-heading: #023b95;
282
+ --color-prettylights-syntax-markup-italic: #0e1116;
283
+ --color-prettylights-syntax-markup-bold: #0e1116;
284
+ --color-prettylights-syntax-markup-deleted-text: #6e011a;
285
+ --color-prettylights-syntax-markup-deleted-bg: #fff0ee;
286
+ --color-prettylights-syntax-markup-inserted-text: #024c1a;
287
+ --color-prettylights-syntax-markup-inserted-bg: #d2fedb;
288
+ --color-prettylights-syntax-markup-changed-text: #702c00;
289
+ --color-prettylights-syntax-markup-changed-bg: #ffc67b;
290
+ --color-prettylights-syntax-markup-ignored-text: #e7ecf0;
260
291
  --color-prettylights-syntax-markup-ignored-bg: #023b95;
261
292
  --color-prettylights-syntax-meta-diff-range: #622cbc;
262
293
  --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
263
- --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
264
- --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
265
- --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
266
- --color-scale-gray-0: #ffffff; /* Avoid using scales, use other functional tokens instead */
267
- --color-scale-gray-1: #e7ecf0; /* Avoid using scales, use other functional tokens instead */
268
- --color-scale-gray-2: #ced5dc; /* Avoid using scales, use other functional tokens instead */
269
- --color-scale-gray-3: #acb6c0; /* Avoid using scales, use other functional tokens instead */
270
- --color-scale-gray-4: #88929d; /* Avoid using scales, use other functional tokens instead */
271
- --color-scale-gray-5: #66707b; /* Avoid using scales, use other functional tokens instead */
272
- --color-scale-gray-6: #4b535d; /* Avoid using scales, use other functional tokens instead */
273
- --color-scale-gray-7: #343b43; /* Avoid using scales, use other functional tokens instead */
274
- --color-scale-gray-8: #20252c; /* Avoid using scales, use other functional tokens instead */
275
- --color-scale-gray-9: #0e1116; /* Avoid using scales, use other functional tokens instead */
276
- --color-scale-blue-0: #dff7ff; /* Avoid using scales, use other functional tokens instead */
277
- --color-scale-blue-1: #9cd7ff; /* Avoid using scales, use other functional tokens instead */
278
- --color-scale-blue-2: #67b3fd; /* Avoid using scales, use other functional tokens instead */
279
- --color-scale-blue-3: #368cf9; /* Avoid using scales, use other functional tokens instead */
280
- --color-scale-blue-4: #1168e3; /* Avoid using scales, use other functional tokens instead */
281
- --color-scale-blue-5: #0349b4; /* Avoid using scales, use other functional tokens instead */
282
- --color-scale-blue-6: #023b95; /* Avoid using scales, use other functional tokens instead */
283
- --color-scale-blue-7: #022f7a; /* Avoid using scales, use other functional tokens instead */
284
- --color-scale-blue-8: #032563; /* Avoid using scales, use other functional tokens instead */
285
- --color-scale-blue-9: #021a4a; /* Avoid using scales, use other functional tokens instead */
286
- --color-scale-green-0: #d2fedb; /* Avoid using scales, use other functional tokens instead */
287
- --color-scale-green-1: #82e596; /* Avoid using scales, use other functional tokens instead */
288
- --color-scale-green-2: #43c663; /* Avoid using scales, use other functional tokens instead */
289
- --color-scale-green-3: #26a148; /* Avoid using scales, use other functional tokens instead */
290
- --color-scale-green-4: #117f32; /* Avoid using scales, use other functional tokens instead */
291
- --color-scale-green-5: #055d20; /* Avoid using scales, use other functional tokens instead */
292
- --color-scale-green-6: #024c1a; /* Avoid using scales, use other functional tokens instead */
293
- --color-scale-green-7: #013d14; /* Avoid using scales, use other functional tokens instead */
294
- --color-scale-green-8: #003110; /* Avoid using scales, use other functional tokens instead */
295
- --color-scale-green-9: #00230b; /* Avoid using scales, use other functional tokens instead */
296
- --color-scale-yellow-0: #fcf7be; /* Avoid using scales, use other functional tokens instead */
297
- --color-scale-yellow-1: #f0ce53; /* Avoid using scales, use other functional tokens instead */
298
- --color-scale-yellow-2: #d5a824; /* Avoid using scales, use other functional tokens instead */
299
- --color-scale-yellow-3: #b58407; /* Avoid using scales, use other functional tokens instead */
300
- --color-scale-yellow-4: #956400; /* Avoid using scales, use other functional tokens instead */
301
- --color-scale-yellow-5: #744500; /* Avoid using scales, use other functional tokens instead */
302
- --color-scale-yellow-6: #603700; /* Avoid using scales, use other functional tokens instead */
303
- --color-scale-yellow-7: #4e2c00; /* Avoid using scales, use other functional tokens instead */
304
- --color-scale-yellow-8: #3f2200; /* Avoid using scales, use other functional tokens instead */
305
- --color-scale-yellow-9: #2e1800; /* Avoid using scales, use other functional tokens instead */
306
- --color-scale-orange-0: #fff2d5; /* Avoid using scales, use other functional tokens instead */
307
- --color-scale-orange-1: #ffc67b; /* Avoid using scales, use other functional tokens instead */
308
- --color-scale-orange-2: #f99636; /* Avoid using scales, use other functional tokens instead */
309
- --color-scale-orange-3: #dc6d1a; /* Avoid using scales, use other functional tokens instead */
310
- --color-scale-orange-4: #b45105; /* Avoid using scales, use other functional tokens instead */
311
- --color-scale-orange-5: #873800; /* Avoid using scales, use other functional tokens instead */
312
- --color-scale-orange-6: #702c00; /* Avoid using scales, use other functional tokens instead */
313
- --color-scale-orange-7: #5b2300; /* Avoid using scales, use other functional tokens instead */
314
- --color-scale-orange-8: #491b00; /* Avoid using scales, use other functional tokens instead */
315
- --color-scale-orange-9: #361200; /* Avoid using scales, use other functional tokens instead */
316
- --color-scale-red-0: #fff0ee; /* Avoid using scales, use other functional tokens instead */
317
- --color-scale-red-1: #ffc1bc; /* Avoid using scales, use other functional tokens instead */
318
- --color-scale-red-2: #ff8e8a; /* Avoid using scales, use other functional tokens instead */
319
- --color-scale-red-3: #ee5a5d; /* Avoid using scales, use other functional tokens instead */
320
- --color-scale-red-4: #d5232c; /* Avoid using scales, use other functional tokens instead */
321
- --color-scale-red-5: #a0111f; /* Avoid using scales, use other functional tokens instead */
322
- --color-scale-red-6: #86061d; /* Avoid using scales, use other functional tokens instead */
323
- --color-scale-red-7: #6e011a; /* Avoid using scales, use other functional tokens instead */
324
- --color-scale-red-8: #5a0016; /* Avoid using scales, use other functional tokens instead */
325
- --color-scale-red-9: #430011; /* Avoid using scales, use other functional tokens instead */
326
- --color-scale-purple-0: #faf0fe; /* Avoid using scales, use other functional tokens instead */
327
- --color-scale-purple-1: #e0c5ff; /* Avoid using scales, use other functional tokens instead */
328
- --color-scale-purple-2: #c49bff; /* Avoid using scales, use other functional tokens instead */
329
- --color-scale-purple-3: #a371f7; /* Avoid using scales, use other functional tokens instead */
330
- --color-scale-purple-4: #844ae7; /* Avoid using scales, use other functional tokens instead */
331
- --color-scale-purple-5: #622cbc; /* Avoid using scales, use other functional tokens instead */
332
- --color-scale-purple-6: #512598; /* Avoid using scales, use other functional tokens instead */
333
- --color-scale-purple-7: #411d7b; /* Avoid using scales, use other functional tokens instead */
334
- --color-scale-purple-8: #341763; /* Avoid using scales, use other functional tokens instead */
335
- --color-scale-purple-9: #260f49; /* Avoid using scales, use other functional tokens instead */
336
- --color-scale-pink-0: #feeff7; /* Avoid using scales, use other functional tokens instead */
337
- --color-scale-pink-1: #ffbde0; /* Avoid using scales, use other functional tokens instead */
338
- --color-scale-pink-2: #fc87ca; /* Avoid using scales, use other functional tokens instead */
339
- --color-scale-pink-3: #ed4baf; /* Avoid using scales, use other functional tokens instead */
340
- --color-scale-pink-4: #c9248e; /* Avoid using scales, use other functional tokens instead */
341
- --color-scale-pink-5: #971368; /* Avoid using scales, use other functional tokens instead */
342
- --color-scale-pink-6: #7d0c57; /* Avoid using scales, use other functional tokens instead */
343
- --color-scale-pink-7: #660847; /* Avoid using scales, use other functional tokens instead */
344
- --color-scale-pink-8: #53043a; /* Avoid using scales, use other functional tokens instead */
345
- --color-scale-pink-9: #3e022b; /* Avoid using scales, use other functional tokens instead */
346
- --color-scale-coral-0: #fff0ed; /* Avoid using scales, use other functional tokens instead */
347
- --color-scale-coral-1: #ffc2b6; /* Avoid using scales, use other functional tokens instead */
348
- --color-scale-coral-2: #ff8f7e; /* Avoid using scales, use other functional tokens instead */
349
- --color-scale-coral-3: #cd3425; /* Avoid using scales, use other functional tokens instead */
350
- --color-scale-coral-4: #ef5b48; /* Avoid using scales, use other functional tokens instead */
351
- --color-scale-coral-5: #9f1710; /* Avoid using scales, use other functional tokens instead */
352
- --color-scale-coral-6: #870706; /* Avoid using scales, use other functional tokens instead */
353
- --color-scale-coral-7: #6f0107; /* Avoid using scales, use other functional tokens instead */
354
- --color-scale-coral-8: #5b0002; /* Avoid using scales, use other functional tokens instead */
355
- --color-scale-coral-9: #430200; /* Avoid using scales, use other functional tokens instead */
294
+ --color-scale-black: #010409;
295
+ --color-scale-transparent: #ffffff00;
296
+ --color-scale-white: #ffffff;
297
+ --color-scale-gray-0: #ffffff;
298
+ --color-scale-gray-1: #e7ecf0;
299
+ --color-scale-gray-2: #ced5dc;
300
+ --color-scale-gray-3: #acb6c0;
301
+ --color-scale-gray-4: #88929d;
302
+ --color-scale-gray-5: #66707b;
303
+ --color-scale-gray-6: #4b535d;
304
+ --color-scale-gray-7: #343b43;
305
+ --color-scale-gray-8: #20252c;
306
+ --color-scale-gray-9: #0e1116;
307
+ --color-scale-blue-0: #dff7ff;
308
+ --color-scale-blue-1: #9cd7ff;
309
+ --color-scale-blue-2: #67b3fd;
310
+ --color-scale-blue-3: #368cf9;
311
+ --color-scale-blue-4: #1168e3;
312
+ --color-scale-blue-5: #0349b4;
313
+ --color-scale-blue-6: #023b95;
314
+ --color-scale-blue-7: #022f7a;
315
+ --color-scale-blue-8: #032563;
316
+ --color-scale-blue-9: #021a4a;
317
+ --color-scale-green-0: #d2fedb;
318
+ --color-scale-green-1: #82e596;
319
+ --color-scale-green-2: #43c663;
320
+ --color-scale-green-3: #26a148;
321
+ --color-scale-green-4: #117f32;
322
+ --color-scale-green-5: #055d20;
323
+ --color-scale-green-6: #024c1a;
324
+ --color-scale-green-7: #013d14;
325
+ --color-scale-green-8: #003110;
326
+ --color-scale-green-9: #00230b;
327
+ --color-scale-yellow-0: #fcf7be;
328
+ --color-scale-yellow-1: #f0ce53;
329
+ --color-scale-yellow-2: #d5a824;
330
+ --color-scale-yellow-3: #b58407;
331
+ --color-scale-yellow-4: #956400;
332
+ --color-scale-yellow-5: #744500;
333
+ --color-scale-yellow-6: #603700;
334
+ --color-scale-yellow-7: #4e2c00;
335
+ --color-scale-yellow-8: #3f2200;
336
+ --color-scale-yellow-9: #2e1800;
337
+ --color-scale-orange-0: #fff2d5;
338
+ --color-scale-orange-1: #ffc67b;
339
+ --color-scale-orange-2: #f99636;
340
+ --color-scale-orange-3: #dc6d1a;
341
+ --color-scale-orange-4: #b45105;
342
+ --color-scale-orange-5: #873800;
343
+ --color-scale-orange-6: #702c00;
344
+ --color-scale-orange-7: #5b2300;
345
+ --color-scale-orange-8: #491b00;
346
+ --color-scale-orange-9: #361200;
347
+ --color-scale-red-0: #fff0ee;
348
+ --color-scale-red-1: #ffc1bc;
349
+ --color-scale-red-2: #ff8e8a;
350
+ --color-scale-red-3: #ee5a5d;
351
+ --color-scale-red-4: #d5232c;
352
+ --color-scale-red-5: #a0111f;
353
+ --color-scale-red-6: #86061d;
354
+ --color-scale-red-7: #6e011a;
355
+ --color-scale-red-8: #5a0016;
356
+ --color-scale-red-9: #430011;
357
+ --color-scale-purple-0: #faf0fe;
358
+ --color-scale-purple-1: #e0c5ff;
359
+ --color-scale-purple-2: #c49bff;
360
+ --color-scale-purple-3: #a371f7;
361
+ --color-scale-purple-4: #844ae7;
362
+ --color-scale-purple-5: #622cbc;
363
+ --color-scale-purple-6: #512598;
364
+ --color-scale-purple-7: #411d7b;
365
+ --color-scale-purple-8: #341763;
366
+ --color-scale-purple-9: #260f49;
367
+ --color-scale-pink-0: #feeff7;
368
+ --color-scale-pink-1: #ffbde0;
369
+ --color-scale-pink-2: #fc87ca;
370
+ --color-scale-pink-3: #ed4baf;
371
+ --color-scale-pink-4: #c9248e;
372
+ --color-scale-pink-5: #971368;
373
+ --color-scale-pink-6: #7d0c57;
374
+ --color-scale-pink-7: #660847;
375
+ --color-scale-pink-8: #53043a;
376
+ --color-scale-pink-9: #3e022b;
377
+ --color-scale-coral-0: #fff0ed;
378
+ --color-scale-coral-1: #ffc2b6;
379
+ --color-scale-coral-2: #ff8f7e;
380
+ --color-scale-coral-3: #cd3425;
381
+ --color-scale-coral-4: #ef5b48;
382
+ --color-scale-coral-5: #9f1710;
383
+ --color-scale-coral-6: #870706;
384
+ --color-scale-coral-7: #6f0107;
385
+ --color-scale-coral-8: #5b0002;
386
+ --color-scale-coral-9: #430200;
356
387
  --shadow-inset: inset 0px 1px 0px 0px #0104090d;
357
388
  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
358
389
  --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;
@@ -446,8 +477,8 @@
446
477
  --control-checked-fgColor-rest: #ffffff;
447
478
  --control-checked-fgColor-disabled: #ffffff;
448
479
  --control-checked-borderColor-rest: #0349b4;
449
- --control-checked-borderColor-hover: #00000000;
450
- --control-checked-borderColor-active: #00000000;
480
+ --control-checked-borderColor-hover: #0344a8;
481
+ --control-checked-borderColor-active: #033f9d;
451
482
  --control-checked-borderColor-disabled: #88929d;
452
483
  --controlTrack-bgColor-rest: #acb6c0;
453
484
  --controlTrack-bgColor-hover: #9ea8b2;
@@ -483,9 +514,10 @@
483
514
  --button-primary-bgColor-disabled: #85cb97;
484
515
  --button-primary-borderColor-rest: #013d14;
485
516
  --button-primary-borderColor-hover: #013d14;
486
- --button-primary-borderColor-disabled: #88929dcc;
517
+ --button-primary-borderColor-disabled: #013d14;
487
518
  --button-primary-shadow-selected: inset 0px 1px 0px 0px #00230b4d;
488
519
  --button-invisible-fgColor-rest: #023b95;
520
+ --button-invisible-fgColor-hover: #023b95;
489
521
  --button-invisible-fgColor-disabled: #88929d;
490
522
  --button-invisible-bgColor-rest: #00000000;
491
523
  --button-invisible-bgColor-hover: #e7ecf0;
@@ -518,14 +550,21 @@
518
550
  --button-danger-borderColor-hover: #20252c;
519
551
  --button-danger-borderColor-active: #20252c;
520
552
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
521
- --buttonCounter-default-bgColor-rest: #e7ecf0;
522
- --buttonCounter-primary-bgColor-rest: #ffffff33;
553
+ --buttonCounter-default-bgColor-rest: #66707b33;
554
+ --buttonCounter-invisible-bgColor-rest: #66707b33;
555
+ --buttonCounter-primary-bgColor-rest: #00230b33;
523
556
  --buttonCounter-outline-bgColor-rest: #0349b41a;
524
557
  --buttonCounter-outline-bgColor-hover: #ffffff33;
525
558
  --buttonCounter-outline-bgColor-disabled: #0349b40d;
559
+ --buttonCounter-outline-fgColor-rest: #023b95;
560
+ --buttonCounter-outline-fgColor-hover: #ffffff;
561
+ --buttonCounter-outline-fgColor-disabled: #023b9580;
526
562
  --buttonCounter-danger-bgColor-hover: #ffffff33;
527
563
  --buttonCounter-danger-bgColor-disabled: #a0111f0d;
528
564
  --buttonCounter-danger-bgColor-rest: #a0111f1a;
565
+ --buttonCounter-danger-fgColor-rest: #980e1e;
566
+ --buttonCounter-danger-fgColor-hover: #ffffff;
567
+ --buttonCounter-danger-fgColor-disabled: #8a071e80;
529
568
  --focus-outlineColor: #0349b4;
530
569
  --focus-outline: #0349b4 solid 2px;
531
570
  --menu-bgColor-active: #ffffff00;
@@ -537,15 +576,13 @@
537
576
  --timelineBadge-bgColor: #e7ecf0;
538
577
  --treeViewItem-leadingVisual-bgColor-rest: #368cf9;
539
578
  --underlineNav-borderColor-active: #cd3425;
540
- --underlineNav-borderColor-hover: #acb6c033;
579
+ --underlineNav-borderColor-hover: #88929d;
541
580
  --underlineNav-iconColor-rest: #0e1116;
542
581
  --fgColor-default: #010409;
543
582
  --fgColor-muted: #0e1116;
544
583
  --fgColor-onEmphasis: #ffffff;
545
584
  --fgColor-disabled: #88929d;
546
585
  --fgColor-link-rest: #023b95;
547
- --fgColor-link-inverse-rest: #368cf9;
548
- --fgColor-link-control: #818b96;
549
586
  --fgColor-accent: #023b95;
550
587
  --fgColor-success: #055d20;
551
588
  --fgColor-attention: #744500;
@@ -583,7 +620,7 @@
583
620
  --borderColor-muted: #88929d;
584
621
  --borderColor-emphasis: #66707b;
585
622
  --borderColor-disabled: #20252c;
586
- --borderColor-neutral-muted: #acb6c033;
623
+ --borderColor-neutral-muted: #88929d;
587
624
  --borderColor-neutral-emphasis: #66707b;
588
625
  --borderColor-accent-muted: #368cf9;
589
626
  --borderColor-accent-emphasis: #0349b4;
@@ -603,121 +640,146 @@
603
640
  --borderColor-done-emphasis: #622cbc;
604
641
  --borderColor-sponsors-muted: #ed4baf;
605
642
  --borderColor-sponsors-emphasis: #971368;
643
+ --color-ansi-black: #0e1116;
606
644
  --color-ansi-black-bright: #4b535d;
645
+ --color-ansi-white: #66707b;
607
646
  --color-ansi-white-bright: #88929d;
608
647
  --color-ansi-gray: #66707b;
648
+ --color-ansi-red: #a0111f;
609
649
  --color-ansi-red-bright: #86061d;
650
+ --color-ansi-green: #024c1a;
610
651
  --color-ansi-green-bright: #055d20;
652
+ --color-ansi-yellow: #3f2200;
611
653
  --color-ansi-yellow-bright: #4e2c00;
654
+ --color-ansi-blue: #0349b4;
612
655
  --color-ansi-blue-bright: #1168e3;
656
+ --color-ansi-magenta: #622cbc;
613
657
  --color-ansi-magenta-bright: #844ae7;
658
+ --color-ansi-cyan: #1b7c83;
614
659
  --color-ansi-cyan-bright: #3192aa;
615
660
  --color-prettylights-syntax-comment: #66707b;
661
+ --color-prettylights-syntax-constant: #023b95;
616
662
  --color-prettylights-syntax-constant-other-reference-link: #032563;
617
- --color-prettylights-syntax-entity-tag: #023b95;
663
+ --color-prettylights-syntax-entity: #622cbc;
618
664
  --color-prettylights-syntax-storage-modifier-import: #0e1116;
665
+ --color-prettylights-syntax-entity-tag: #023b95;
619
666
  --color-prettylights-syntax-keyword: #a0111f;
620
- --color-prettylights-syntax-string-regexp: #024c1a;
667
+ --color-prettylights-syntax-string: #032563;
621
668
  --color-prettylights-syntax-variable: #702c00;
669
+ --color-prettylights-syntax-brackethighlighter-unmatched: #6e011a;
622
670
  --color-prettylights-syntax-brackethighlighter-angle: #4b535d;
671
+ --color-prettylights-syntax-invalid-illegal-text: #ffffff;
623
672
  --color-prettylights-syntax-invalid-illegal-bg: #6e011a;
673
+ --color-prettylights-syntax-carriage-return-text: #ffffff;
624
674
  --color-prettylights-syntax-carriage-return-bg: #a0111f;
675
+ --color-prettylights-syntax-string-regexp: #024c1a;
676
+ --color-prettylights-syntax-markup-list: #2e1800;
677
+ --color-prettylights-syntax-markup-heading: #023b95;
678
+ --color-prettylights-syntax-markup-italic: #0e1116;
679
+ --color-prettylights-syntax-markup-bold: #0e1116;
680
+ --color-prettylights-syntax-markup-deleted-text: #6e011a;
681
+ --color-prettylights-syntax-markup-deleted-bg: #fff0ee;
682
+ --color-prettylights-syntax-markup-inserted-text: #024c1a;
683
+ --color-prettylights-syntax-markup-inserted-bg: #d2fedb;
684
+ --color-prettylights-syntax-markup-changed-text: #702c00;
685
+ --color-prettylights-syntax-markup-changed-bg: #ffc67b;
686
+ --color-prettylights-syntax-markup-ignored-text: #e7ecf0;
625
687
  --color-prettylights-syntax-markup-ignored-bg: #023b95;
626
688
  --color-prettylights-syntax-meta-diff-range: #622cbc;
627
689
  --color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
628
- --color-scale-black: #010409; /* Avoid using scales, use other functional tokens instead */
629
- --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
630
- --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
631
- --color-scale-gray-0: #ffffff; /* Avoid using scales, use other functional tokens instead */
632
- --color-scale-gray-1: #e7ecf0; /* Avoid using scales, use other functional tokens instead */
633
- --color-scale-gray-2: #ced5dc; /* Avoid using scales, use other functional tokens instead */
634
- --color-scale-gray-3: #acb6c0; /* Avoid using scales, use other functional tokens instead */
635
- --color-scale-gray-4: #88929d; /* Avoid using scales, use other functional tokens instead */
636
- --color-scale-gray-5: #66707b; /* Avoid using scales, use other functional tokens instead */
637
- --color-scale-gray-6: #4b535d; /* Avoid using scales, use other functional tokens instead */
638
- --color-scale-gray-7: #343b43; /* Avoid using scales, use other functional tokens instead */
639
- --color-scale-gray-8: #20252c; /* Avoid using scales, use other functional tokens instead */
640
- --color-scale-gray-9: #0e1116; /* Avoid using scales, use other functional tokens instead */
641
- --color-scale-blue-0: #dff7ff; /* Avoid using scales, use other functional tokens instead */
642
- --color-scale-blue-1: #9cd7ff; /* Avoid using scales, use other functional tokens instead */
643
- --color-scale-blue-2: #67b3fd; /* Avoid using scales, use other functional tokens instead */
644
- --color-scale-blue-3: #368cf9; /* Avoid using scales, use other functional tokens instead */
645
- --color-scale-blue-4: #1168e3; /* Avoid using scales, use other functional tokens instead */
646
- --color-scale-blue-5: #0349b4; /* Avoid using scales, use other functional tokens instead */
647
- --color-scale-blue-6: #023b95; /* Avoid using scales, use other functional tokens instead */
648
- --color-scale-blue-7: #022f7a; /* Avoid using scales, use other functional tokens instead */
649
- --color-scale-blue-8: #032563; /* Avoid using scales, use other functional tokens instead */
650
- --color-scale-blue-9: #021a4a; /* Avoid using scales, use other functional tokens instead */
651
- --color-scale-green-0: #d2fedb; /* Avoid using scales, use other functional tokens instead */
652
- --color-scale-green-1: #82e596; /* Avoid using scales, use other functional tokens instead */
653
- --color-scale-green-2: #43c663; /* Avoid using scales, use other functional tokens instead */
654
- --color-scale-green-3: #26a148; /* Avoid using scales, use other functional tokens instead */
655
- --color-scale-green-4: #117f32; /* Avoid using scales, use other functional tokens instead */
656
- --color-scale-green-5: #055d20; /* Avoid using scales, use other functional tokens instead */
657
- --color-scale-green-6: #024c1a; /* Avoid using scales, use other functional tokens instead */
658
- --color-scale-green-7: #013d14; /* Avoid using scales, use other functional tokens instead */
659
- --color-scale-green-8: #003110; /* Avoid using scales, use other functional tokens instead */
660
- --color-scale-green-9: #00230b; /* Avoid using scales, use other functional tokens instead */
661
- --color-scale-yellow-0: #fcf7be; /* Avoid using scales, use other functional tokens instead */
662
- --color-scale-yellow-1: #f0ce53; /* Avoid using scales, use other functional tokens instead */
663
- --color-scale-yellow-2: #d5a824; /* Avoid using scales, use other functional tokens instead */
664
- --color-scale-yellow-3: #b58407; /* Avoid using scales, use other functional tokens instead */
665
- --color-scale-yellow-4: #956400; /* Avoid using scales, use other functional tokens instead */
666
- --color-scale-yellow-5: #744500; /* Avoid using scales, use other functional tokens instead */
667
- --color-scale-yellow-6: #603700; /* Avoid using scales, use other functional tokens instead */
668
- --color-scale-yellow-7: #4e2c00; /* Avoid using scales, use other functional tokens instead */
669
- --color-scale-yellow-8: #3f2200; /* Avoid using scales, use other functional tokens instead */
670
- --color-scale-yellow-9: #2e1800; /* Avoid using scales, use other functional tokens instead */
671
- --color-scale-orange-0: #fff2d5; /* Avoid using scales, use other functional tokens instead */
672
- --color-scale-orange-1: #ffc67b; /* Avoid using scales, use other functional tokens instead */
673
- --color-scale-orange-2: #f99636; /* Avoid using scales, use other functional tokens instead */
674
- --color-scale-orange-3: #dc6d1a; /* Avoid using scales, use other functional tokens instead */
675
- --color-scale-orange-4: #b45105; /* Avoid using scales, use other functional tokens instead */
676
- --color-scale-orange-5: #873800; /* Avoid using scales, use other functional tokens instead */
677
- --color-scale-orange-6: #702c00; /* Avoid using scales, use other functional tokens instead */
678
- --color-scale-orange-7: #5b2300; /* Avoid using scales, use other functional tokens instead */
679
- --color-scale-orange-8: #491b00; /* Avoid using scales, use other functional tokens instead */
680
- --color-scale-orange-9: #361200; /* Avoid using scales, use other functional tokens instead */
681
- --color-scale-red-0: #fff0ee; /* Avoid using scales, use other functional tokens instead */
682
- --color-scale-red-1: #ffc1bc; /* Avoid using scales, use other functional tokens instead */
683
- --color-scale-red-2: #ff8e8a; /* Avoid using scales, use other functional tokens instead */
684
- --color-scale-red-3: #ee5a5d; /* Avoid using scales, use other functional tokens instead */
685
- --color-scale-red-4: #d5232c; /* Avoid using scales, use other functional tokens instead */
686
- --color-scale-red-5: #a0111f; /* Avoid using scales, use other functional tokens instead */
687
- --color-scale-red-6: #86061d; /* Avoid using scales, use other functional tokens instead */
688
- --color-scale-red-7: #6e011a; /* Avoid using scales, use other functional tokens instead */
689
- --color-scale-red-8: #5a0016; /* Avoid using scales, use other functional tokens instead */
690
- --color-scale-red-9: #430011; /* Avoid using scales, use other functional tokens instead */
691
- --color-scale-purple-0: #faf0fe; /* Avoid using scales, use other functional tokens instead */
692
- --color-scale-purple-1: #e0c5ff; /* Avoid using scales, use other functional tokens instead */
693
- --color-scale-purple-2: #c49bff; /* Avoid using scales, use other functional tokens instead */
694
- --color-scale-purple-3: #a371f7; /* Avoid using scales, use other functional tokens instead */
695
- --color-scale-purple-4: #844ae7; /* Avoid using scales, use other functional tokens instead */
696
- --color-scale-purple-5: #622cbc; /* Avoid using scales, use other functional tokens instead */
697
- --color-scale-purple-6: #512598; /* Avoid using scales, use other functional tokens instead */
698
- --color-scale-purple-7: #411d7b; /* Avoid using scales, use other functional tokens instead */
699
- --color-scale-purple-8: #341763; /* Avoid using scales, use other functional tokens instead */
700
- --color-scale-purple-9: #260f49; /* Avoid using scales, use other functional tokens instead */
701
- --color-scale-pink-0: #feeff7; /* Avoid using scales, use other functional tokens instead */
702
- --color-scale-pink-1: #ffbde0; /* Avoid using scales, use other functional tokens instead */
703
- --color-scale-pink-2: #fc87ca; /* Avoid using scales, use other functional tokens instead */
704
- --color-scale-pink-3: #ed4baf; /* Avoid using scales, use other functional tokens instead */
705
- --color-scale-pink-4: #c9248e; /* Avoid using scales, use other functional tokens instead */
706
- --color-scale-pink-5: #971368; /* Avoid using scales, use other functional tokens instead */
707
- --color-scale-pink-6: #7d0c57; /* Avoid using scales, use other functional tokens instead */
708
- --color-scale-pink-7: #660847; /* Avoid using scales, use other functional tokens instead */
709
- --color-scale-pink-8: #53043a; /* Avoid using scales, use other functional tokens instead */
710
- --color-scale-pink-9: #3e022b; /* Avoid using scales, use other functional tokens instead */
711
- --color-scale-coral-0: #fff0ed; /* Avoid using scales, use other functional tokens instead */
712
- --color-scale-coral-1: #ffc2b6; /* Avoid using scales, use other functional tokens instead */
713
- --color-scale-coral-2: #ff8f7e; /* Avoid using scales, use other functional tokens instead */
714
- --color-scale-coral-3: #cd3425; /* Avoid using scales, use other functional tokens instead */
715
- --color-scale-coral-4: #ef5b48; /* Avoid using scales, use other functional tokens instead */
716
- --color-scale-coral-5: #9f1710; /* Avoid using scales, use other functional tokens instead */
717
- --color-scale-coral-6: #870706; /* Avoid using scales, use other functional tokens instead */
718
- --color-scale-coral-7: #6f0107; /* Avoid using scales, use other functional tokens instead */
719
- --color-scale-coral-8: #5b0002; /* Avoid using scales, use other functional tokens instead */
720
- --color-scale-coral-9: #430200; /* Avoid using scales, use other functional tokens instead */
690
+ --color-scale-black: #010409;
691
+ --color-scale-transparent: #ffffff00;
692
+ --color-scale-white: #ffffff;
693
+ --color-scale-gray-0: #ffffff;
694
+ --color-scale-gray-1: #e7ecf0;
695
+ --color-scale-gray-2: #ced5dc;
696
+ --color-scale-gray-3: #acb6c0;
697
+ --color-scale-gray-4: #88929d;
698
+ --color-scale-gray-5: #66707b;
699
+ --color-scale-gray-6: #4b535d;
700
+ --color-scale-gray-7: #343b43;
701
+ --color-scale-gray-8: #20252c;
702
+ --color-scale-gray-9: #0e1116;
703
+ --color-scale-blue-0: #dff7ff;
704
+ --color-scale-blue-1: #9cd7ff;
705
+ --color-scale-blue-2: #67b3fd;
706
+ --color-scale-blue-3: #368cf9;
707
+ --color-scale-blue-4: #1168e3;
708
+ --color-scale-blue-5: #0349b4;
709
+ --color-scale-blue-6: #023b95;
710
+ --color-scale-blue-7: #022f7a;
711
+ --color-scale-blue-8: #032563;
712
+ --color-scale-blue-9: #021a4a;
713
+ --color-scale-green-0: #d2fedb;
714
+ --color-scale-green-1: #82e596;
715
+ --color-scale-green-2: #43c663;
716
+ --color-scale-green-3: #26a148;
717
+ --color-scale-green-4: #117f32;
718
+ --color-scale-green-5: #055d20;
719
+ --color-scale-green-6: #024c1a;
720
+ --color-scale-green-7: #013d14;
721
+ --color-scale-green-8: #003110;
722
+ --color-scale-green-9: #00230b;
723
+ --color-scale-yellow-0: #fcf7be;
724
+ --color-scale-yellow-1: #f0ce53;
725
+ --color-scale-yellow-2: #d5a824;
726
+ --color-scale-yellow-3: #b58407;
727
+ --color-scale-yellow-4: #956400;
728
+ --color-scale-yellow-5: #744500;
729
+ --color-scale-yellow-6: #603700;
730
+ --color-scale-yellow-7: #4e2c00;
731
+ --color-scale-yellow-8: #3f2200;
732
+ --color-scale-yellow-9: #2e1800;
733
+ --color-scale-orange-0: #fff2d5;
734
+ --color-scale-orange-1: #ffc67b;
735
+ --color-scale-orange-2: #f99636;
736
+ --color-scale-orange-3: #dc6d1a;
737
+ --color-scale-orange-4: #b45105;
738
+ --color-scale-orange-5: #873800;
739
+ --color-scale-orange-6: #702c00;
740
+ --color-scale-orange-7: #5b2300;
741
+ --color-scale-orange-8: #491b00;
742
+ --color-scale-orange-9: #361200;
743
+ --color-scale-red-0: #fff0ee;
744
+ --color-scale-red-1: #ffc1bc;
745
+ --color-scale-red-2: #ff8e8a;
746
+ --color-scale-red-3: #ee5a5d;
747
+ --color-scale-red-4: #d5232c;
748
+ --color-scale-red-5: #a0111f;
749
+ --color-scale-red-6: #86061d;
750
+ --color-scale-red-7: #6e011a;
751
+ --color-scale-red-8: #5a0016;
752
+ --color-scale-red-9: #430011;
753
+ --color-scale-purple-0: #faf0fe;
754
+ --color-scale-purple-1: #e0c5ff;
755
+ --color-scale-purple-2: #c49bff;
756
+ --color-scale-purple-3: #a371f7;
757
+ --color-scale-purple-4: #844ae7;
758
+ --color-scale-purple-5: #622cbc;
759
+ --color-scale-purple-6: #512598;
760
+ --color-scale-purple-7: #411d7b;
761
+ --color-scale-purple-8: #341763;
762
+ --color-scale-purple-9: #260f49;
763
+ --color-scale-pink-0: #feeff7;
764
+ --color-scale-pink-1: #ffbde0;
765
+ --color-scale-pink-2: #fc87ca;
766
+ --color-scale-pink-3: #ed4baf;
767
+ --color-scale-pink-4: #c9248e;
768
+ --color-scale-pink-5: #971368;
769
+ --color-scale-pink-6: #7d0c57;
770
+ --color-scale-pink-7: #660847;
771
+ --color-scale-pink-8: #53043a;
772
+ --color-scale-pink-9: #3e022b;
773
+ --color-scale-coral-0: #fff0ed;
774
+ --color-scale-coral-1: #ffc2b6;
775
+ --color-scale-coral-2: #ff8f7e;
776
+ --color-scale-coral-3: #cd3425;
777
+ --color-scale-coral-4: #ef5b48;
778
+ --color-scale-coral-5: #9f1710;
779
+ --color-scale-coral-6: #870706;
780
+ --color-scale-coral-7: #6f0107;
781
+ --color-scale-coral-8: #5b0002;
782
+ --color-scale-coral-9: #430200;
721
783
  --shadow-inset: inset 0px 1px 0px 0px #0104090d;
722
784
  --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
723
785
  --shadow-resting-xsmall: 0px 1px 0px 0px #0104090f;