@primer/react-brand 0.4.0-rc.420e2e9 → 0.4.0-rc.dad5972

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 (101) hide show
  1. package/lib/css/main.css +23 -353
  2. package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +2 -268
  3. package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
  4. package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
  5. package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
  6. package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +2 -32
  7. package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
  8. package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +2 -6
  9. package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +2 -9
  10. package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
  11. package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +2 -18
  12. package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
  13. package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +2 -5
  14. package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
  15. package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
  16. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +2 -6
  17. package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
  18. package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
  19. package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
  20. package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
  21. package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
  22. package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
  23. package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
  24. package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
  25. package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
  26. package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +265 -265
  27. package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
  28. package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
  29. package/lib/design-tokens/js/module/tokens/functional/colors/global.js +57 -57
  30. package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
  31. package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
  32. package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +3 -3
  33. package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
  34. package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +5 -5
  35. package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
  36. package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
  37. package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
  38. package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
  39. package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
  40. package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
  41. package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
  42. package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
  43. package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
  44. package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
  45. package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
  46. package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
  47. package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
  48. package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
  49. package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
  50. package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
  51. package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
  52. package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
  53. package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
  54. package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
  55. package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
  56. package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
  57. package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
  58. package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
  59. package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
  60. package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
  61. package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
  62. package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
  63. package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
  64. package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
  65. package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
  66. package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
  67. package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
  68. package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
  69. package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
  70. package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
  71. package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
  72. package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
  73. package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
  74. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
  75. package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
  76. package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
  77. package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
  78. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
  79. package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
  80. package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
  81. package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
  82. package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
  83. package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
  84. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  85. package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
  86. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  87. package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
  88. package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
  89. package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
  90. package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
  91. package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
  92. package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
  93. package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
  94. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
  95. package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
  96. package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
  97. package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
  98. package/lib/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
  99. package/lib/index.js +1 -1
  100. package/package.json +2 -2
  101. package/lib/forms/FormControl/forms.visual.spec.d.ts +0 -1
package/lib/css/main.css CHANGED
@@ -91,276 +91,10 @@ select {
91
91
 
92
92
  /**
93
93
  * Do not edit directly
94
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
94
+ * Generated on Wed, 14 Sep 2022 16:45:33 GMT
95
95
  */
96
96
 
97
- :root {
98
- --base-color-scale-gray-0-hsl: 210 25% 98%;
99
- --base-color-scale-gray-0: hsl(210, 25%, 98%);
100
- --base-color-scale-gray-1-hsl: 210 24% 93%;
101
- --base-color-scale-gray-1: hsl(210, 24%, 93%);
102
- --base-color-scale-gray-2-hsl: 210 16% 85%;
103
- --base-color-scale-gray-2: hsl(210, 16%, 85%);
104
- --base-color-scale-gray-3-hsl: 210 13% 75%;
105
- --base-color-scale-gray-3: hsl(210, 13%, 75%);
106
- --base-color-scale-gray-4-hsl: 212 10% 62%;
107
- --base-color-scale-gray-4: hsl(212, 10%, 62%);
108
- --base-color-scale-gray-5-hsl: 210 8% 48%;
109
- --base-color-scale-gray-5: hsl(210, 8%, 48%);
110
- --base-color-scale-gray-6-hsl: 212 10% 38%;
111
- --base-color-scale-gray-6: hsl(212, 10%, 38%);
112
- --base-color-scale-gray-7-hsl: 212 11% 29%;
113
- --base-color-scale-gray-7: hsl(212, 11%, 29%);
114
- --base-color-scale-gray-8-hsl: 212 12% 22%;
115
- --base-color-scale-gray-8: hsl(212, 12%, 22%);
116
- --base-color-scale-gray-9-hsl: 213 13% 16%;
117
- --base-color-scale-gray-9: hsl(213, 13%, 16%);
118
- --base-color-scale-red-0-hsl: 4 100% 97%;
119
- --base-color-scale-red-0: hsl(4, 100%, 97%);
120
- --base-color-scale-red-1-hsl: 3 100% 91%;
121
- --base-color-scale-red-1: hsl(3, 100%, 91%);
122
- --base-color-scale-red-2-hsl: 2 100% 85%;
123
- --base-color-scale-red-2: hsl(2, 100%, 85%);
124
- --base-color-scale-red-3-hsl: 1 100% 76%;
125
- --base-color-scale-red-3: hsl(1, 100%, 76%);
126
- --base-color-scale-red-4-hsl: 359 95% 65%;
127
- --base-color-scale-red-4: hsl(359, 95%, 65%);
128
- --base-color-scale-red-5-hsl: 357 67% 50%;
129
- --base-color-scale-red-5: hsl(357, 67%, 50%);
130
- --base-color-scale-red-6-hsl: 356 71% 38%;
131
- --base-color-scale-red-6: hsl(356, 71%, 38%);
132
- --base-color-scale-red-7-hsl: 355 71% 30%;
133
- --base-color-scale-red-7: hsl(355, 71%, 30%);
134
- --base-color-scale-red-8-hsl: 354 74% 24%;
135
- --base-color-scale-red-8: hsl(354, 74%, 24%);
136
- --base-color-scale-red-9-hsl: 352 91% 17%;
137
- --base-color-scale-red-9: hsl(352, 91%, 17%);
138
- --base-color-scale-coral-0-hsl: 15 100% 96%;
139
- --base-color-scale-coral-0: hsl(15, 100%, 96%);
140
- --base-color-scale-coral-1-hsl: 12 100% 90%;
141
- --base-color-scale-coral-1: hsl(12, 100%, 90%);
142
- --base-color-scale-coral-2-hsl: 12 100% 82%;
143
- --base-color-scale-coral-2: hsl(12, 100%, 82%);
144
- --base-color-scale-coral-3-hsl: 11 97% 72%;
145
- --base-color-scale-coral-3: hsl(11, 97%, 72%);
146
- --base-color-scale-coral-4-hsl: 11 81% 60%;
147
- --base-color-scale-coral-4: hsl(11, 81%, 60%);
148
- --base-color-scale-coral-5-hsl: 9 64% 47%;
149
- --base-color-scale-coral-5: hsl(9, 64%, 47%);
150
- --base-color-scale-coral-6-hsl: 9 70% 36%;
151
- --base-color-scale-coral-6: hsl(9, 70%, 36%);
152
- --base-color-scale-coral-7-hsl: 8 79% 28%;
153
- --base-color-scale-coral-7: hsl(8, 79%, 28%);
154
- --base-color-scale-coral-8-hsl: 7 91% 22%;
155
- --base-color-scale-coral-8: hsl(7, 91%, 22%);
156
- --base-color-scale-coral-9-hsl: 6 98% 16%;
157
- --base-color-scale-coral-9: hsl(6, 98%, 16%);
158
- --base-color-scale-orange-0-hsl: 28 100% 95%;
159
- --base-color-scale-orange-0: hsl(28, 100%, 95%);
160
- --base-color-scale-orange-1-hsl: 28 100% 85%;
161
- --base-color-scale-orange-1: hsl(28, 100%, 85%);
162
- --base-color-scale-orange-2-hsl: 27 100% 74%;
163
- --base-color-scale-orange-2: hsl(27, 100%, 74%);
164
- --base-color-scale-orange-3-hsl: 25 96% 63%;
165
- --base-color-scale-orange-3: hsl(25, 96%, 63%);
166
- --base-color-scale-orange-4-hsl: 24 76% 51%;
167
- --base-color-scale-orange-4: hsl(24, 76%, 51%);
168
- --base-color-scale-orange-5-hsl: 24 100% 37%;
169
- --base-color-scale-orange-5: hsl(24, 100%, 37%);
170
- --base-color-scale-orange-6-hsl: 23 100% 29%;
171
- --base-color-scale-orange-6: hsl(23, 100%, 29%);
172
- --base-color-scale-orange-7-hsl: 22 100% 23%;
173
- --base-color-scale-orange-7: hsl(22, 100%, 23%);
174
- --base-color-scale-orange-8-hsl: 22 100% 18%;
175
- --base-color-scale-orange-8: hsl(22, 100%, 18%);
176
- --base-color-scale-orange-9-hsl: 19 100% 14%;
177
- --base-color-scale-orange-9: hsl(19, 100%, 14%);
178
- --base-color-scale-yellow-0-hsl: 50 89% 89%;
179
- --base-color-scale-yellow-0: hsl(50, 89%, 89%);
180
- --base-color-scale-yellow-1-hsl: 48 87% 73%;
181
- --base-color-scale-yellow-1: hsl(48, 87%, 73%);
182
- --base-color-scale-yellow-2-hsl: 46 76% 60%;
183
- --base-color-scale-yellow-2: hsl(46, 76%, 60%);
184
- --base-color-scale-yellow-3-hsl: 44 65% 50%;
185
- --base-color-scale-yellow-3: hsl(44, 65%, 50%);
186
- --base-color-scale-yellow-4-hsl: 42 100% 37%;
187
- --base-color-scale-yellow-4: hsl(42, 100%, 37%);
188
- --base-color-scale-yellow-5-hsl: 40 100% 30%;
189
- --base-color-scale-yellow-5: hsl(40, 100%, 30%);
190
- --base-color-scale-yellow-6-hsl: 37 100% 24%;
191
- --base-color-scale-yellow-6: hsl(37, 100%, 24%);
192
- --base-color-scale-yellow-7-hsl: 36 98% 19%;
193
- --base-color-scale-yellow-7: hsl(36, 98%, 19%);
194
- --base-color-scale-yellow-8-hsl: 35 100% 15%;
195
- --base-color-scale-yellow-8: hsl(35, 100%, 15%);
196
- --base-color-scale-yellow-9-hsl: 34 90% 12%;
197
- --base-color-scale-yellow-9: hsl(34, 90%, 12%);
198
- --base-color-scale-lemon-0-hsl: 54 95% 85%;
199
- --base-color-scale-lemon-0: hsl(54, 95%, 85%);
200
- --base-color-scale-lemon-1-hsl: 52 87% 67%;
201
- --base-color-scale-lemon-1: hsl(52, 87%, 67%);
202
- --base-color-scale-lemon-2-hsl: 51 70% 56%;
203
- --base-color-scale-lemon-2: hsl(51, 70%, 56%);
204
- --base-color-scale-lemon-3-hsl: 50 72% 45%;
205
- --base-color-scale-lemon-3: hsl(50, 72%, 45%);
206
- --base-color-scale-lemon-4-hsl: 50 98% 33%;
207
- --base-color-scale-lemon-4: hsl(50, 98%, 33%);
208
- --base-color-scale-lemon-5-hsl: 49 100% 26%;
209
- --base-color-scale-lemon-5: hsl(49, 100%, 26%);
210
- --base-color-scale-lemon-6-hsl: 48 100% 20%;
211
- --base-color-scale-lemon-6: hsl(48, 100%, 20%);
212
- --base-color-scale-lemon-7-hsl: 47 100% 16%;
213
- --base-color-scale-lemon-7: hsl(47, 100%, 16%);
214
- --base-color-scale-lemon-8-hsl: 46 100% 13%;
215
- --base-color-scale-lemon-8: hsl(46, 100%, 13%);
216
- --base-color-scale-lemon-9-hsl: 43 100% 10%;
217
- --base-color-scale-lemon-9: hsl(43, 100%, 10%);
218
- --base-color-scale-lime-0-hsl: 75 86% 85%;
219
- --base-color-scale-lime-0: hsl(75, 86%, 85%);
220
- --base-color-scale-lime-1-hsl: 76 75% 70%;
221
- --base-color-scale-lime-1: hsl(76, 75%, 70%);
222
- --base-color-scale-lime-2-hsl: 76 59% 58%;
223
- --base-color-scale-lime-2: hsl(76, 59%, 58%);
224
- --base-color-scale-lime-3-hsl: 77 51% 48%;
225
- --base-color-scale-lime-3: hsl(77, 51%, 48%);
226
- --base-color-scale-lime-4-hsl: 78 57% 38%;
227
- --base-color-scale-lime-4: hsl(78, 57%, 38%);
228
- --base-color-scale-lime-5-hsl: 80 64% 29%;
229
- --base-color-scale-lime-5: hsl(80, 64%, 29%);
230
- --base-color-scale-lime-6-hsl: 82 66% 22%;
231
- --base-color-scale-lime-6: hsl(82, 66%, 22%);
232
- --base-color-scale-lime-7-hsl: 84 85% 16%;
233
- --base-color-scale-lime-7: hsl(84, 85%, 16%);
234
- --base-color-scale-lime-8-hsl: 86 90% 12%;
235
- --base-color-scale-lime-8: hsl(86, 90%, 12%);
236
- --base-color-scale-lime-9-hsl: 88 96% 9%;
237
- --base-color-scale-lime-9: hsl(88, 96%, 9%);
238
- --base-color-scale-green-0-hsl: 133 80% 92%;
239
- --base-color-scale-green-0: hsl(133, 80%, 92%);
240
- --base-color-scale-green-1-hsl: 134 66% 80%;
241
- --base-color-scale-green-1: hsl(134, 66%, 80%);
242
- --base-color-scale-green-2-hsl: 135 62% 65%;
243
- --base-color-scale-green-2: hsl(135, 62%, 65%);
244
- --base-color-scale-green-3-hsl: 136 50% 53%;
245
- --base-color-scale-green-3: hsl(136, 50%, 53%);
246
- --base-color-scale-green-4-hsl: 137 57% 41%;
247
- --base-color-scale-green-4: hsl(137, 57%, 41%);
248
- --base-color-scale-green-5-hsl: 137 66% 30%;
249
- --base-color-scale-green-5: hsl(137, 66%, 30%);
250
- --base-color-scale-green-6-hsl: 138 71% 23%;
251
- --base-color-scale-green-6: hsl(138, 71%, 23%);
252
- --base-color-scale-green-7-hsl: 141 90% 16%;
253
- --base-color-scale-green-7: hsl(141, 90%, 16%);
254
- --base-color-scale-green-8-hsl: 142 100% 12%;
255
- --base-color-scale-green-8: hsl(142, 100%, 12%);
256
- --base-color-scale-green-9-hsl: 143 100% 9%;
257
- --base-color-scale-green-9: hsl(143, 100%, 9%);
258
- --base-color-scale-teal-0-hsl: 172 72% 92%;
259
- --base-color-scale-teal-0: hsl(172, 72%, 92%);
260
- --base-color-scale-teal-1-hsl: 173 58% 80%;
261
- --base-color-scale-teal-1: hsl(173, 58%, 80%);
262
- --base-color-scale-teal-2-hsl: 177 57% 63%;
263
- --base-color-scale-teal-2: hsl(177, 57%, 63%);
264
- --base-color-scale-teal-3-hsl: 177 46% 51%;
265
- --base-color-scale-teal-3: hsl(177, 46%, 51%);
266
- --base-color-scale-teal-4-hsl: 179 51% 41%;
267
- --base-color-scale-teal-4: hsl(179, 51%, 41%);
268
- --base-color-scale-teal-5-hsl: 180 66% 29%;
269
- --base-color-scale-teal-5: hsl(180, 66%, 29%);
270
- --base-color-scale-teal-6-hsl: 181 67% 23%;
271
- --base-color-scale-teal-6: hsl(181, 67%, 23%);
272
- --base-color-scale-teal-7-hsl: 182 95% 15%;
273
- --base-color-scale-teal-7: hsl(182, 95%, 15%);
274
- --base-color-scale-teal-8-hsl: 182 82% 13%;
275
- --base-color-scale-teal-8: hsl(182, 82%, 13%);
276
- --base-color-scale-teal-9-hsl: 182 80% 10%;
277
- --base-color-scale-teal-9: hsl(182, 80%, 10%);
278
- --base-color-scale-blue-0-hsl: 200 100% 95%;
279
- --base-color-scale-blue-0: hsl(200, 100%, 95%);
280
- --base-color-scale-blue-1-hsl: 203 100% 87%;
281
- --base-color-scale-blue-1: hsl(203, 100%, 87%);
282
- --base-color-scale-blue-2-hsl: 205 100% 77%;
283
- --base-color-scale-blue-2: hsl(205, 100%, 77%);
284
- --base-color-scale-blue-3-hsl: 208 100% 67%;
285
- --base-color-scale-blue-3: hsl(208, 100%, 67%);
286
- --base-color-scale-blue-4-hsl: 211 100% 58%;
287
- --base-color-scale-blue-4: hsl(211, 100%, 58%);
288
- --base-color-scale-blue-5-hsl: 212 92% 45%;
289
- --base-color-scale-blue-5: hsl(212, 92%, 45%);
290
- --base-color-scale-blue-6-hsl: 213 95% 36%;
291
- --base-color-scale-blue-6: hsl(213, 95%, 36%);
292
- --base-color-scale-blue-7-hsl: 214 96% 29%;
293
- --base-color-scale-blue-7: hsl(214, 96%, 29%);
294
- --base-color-scale-blue-8-hsl: 216 82% 24%;
295
- --base-color-scale-blue-8: hsl(216, 82%, 24%);
296
- --base-color-scale-blue-9-hsl: 217 89% 18%;
297
- --base-color-scale-blue-9: hsl(217, 89%, 18%);
298
- --base-color-scale-indigo-0-hsl: 229 100% 97%;
299
- --base-color-scale-indigo-0: hsl(229, 100%, 97%);
300
- --base-color-scale-indigo-1-hsl: 231 100% 92%;
301
- --base-color-scale-indigo-1: hsl(231, 100%, 92%);
302
- --base-color-scale-indigo-2-hsl: 232 100% 86%;
303
- --base-color-scale-indigo-2: hsl(232, 100%, 86%);
304
- --base-color-scale-indigo-3-hsl: 234 100% 80%;
305
- --base-color-scale-indigo-3: hsl(234, 100%, 80%);
306
- --base-color-scale-indigo-4-hsl: 234 100% 73%;
307
- --base-color-scale-indigo-4: hsl(234, 100%, 73%);
308
- --base-color-scale-indigo-5-hsl: 237 84% 64%;
309
- --base-color-scale-indigo-5: hsl(237, 84%, 64%);
310
- --base-color-scale-indigo-6-hsl: 238 61% 53%;
311
- --base-color-scale-indigo-6: hsl(238, 61%, 53%);
312
- --base-color-scale-indigo-7-hsl: 237 58% 41%;
313
- --base-color-scale-indigo-7: hsl(237, 58%, 41%);
314
- --base-color-scale-indigo-8-hsl: 235 58% 32%;
315
- --base-color-scale-indigo-8: hsl(235, 58%, 32%);
316
- --base-color-scale-indigo-9-hsl: 235 57% 23%;
317
- --base-color-scale-indigo-9: hsl(235, 57%, 23%);
318
- --base-color-scale-purple-0-hsl: 285 100% 97%;
319
- --base-color-scale-purple-0: hsl(285, 100%, 97%);
320
- --base-color-scale-purple-1-hsl: 271 100% 92%;
321
- --base-color-scale-purple-1: hsl(271, 100%, 92%);
322
- --base-color-scale-purple-2-hsl: 267 100% 86%;
323
- --base-color-scale-purple-2: hsl(267, 100%, 86%);
324
- --base-color-scale-purple-3-hsl: 265 100% 80%;
325
- --base-color-scale-purple-3: hsl(265, 100%, 80%);
326
- --base-color-scale-purple-4-hsl: 261 92% 72%;
327
- --base-color-scale-purple-4: hsl(261, 92%, 72%);
328
- --base-color-scale-purple-5-hsl: 261 69% 59%;
329
- --base-color-scale-purple-5: hsl(261, 69%, 59%);
330
- --base-color-scale-purple-6-hsl: 261 53% 48%;
331
- --base-color-scale-purple-6: hsl(261, 53%, 48%);
332
- --base-color-scale-purple-7-hsl: 261 56% 38%;
333
- --base-color-scale-purple-7: hsl(261, 56%, 38%);
334
- --base-color-scale-purple-8-hsl: 261 59% 30%;
335
- --base-color-scale-purple-8: hsl(261, 59%, 30%);
336
- --base-color-scale-purple-9-hsl: 260 66% 23%;
337
- --base-color-scale-purple-9: hsl(260, 66%, 23%);
338
- --base-color-scale-pink-0-hsl: 330 100% 97%;
339
- --base-color-scale-pink-0: hsl(330, 100%, 97%);
340
- --base-color-scale-pink-1-hsl: 327 100% 91%;
341
- --base-color-scale-pink-1: hsl(327, 100%, 91%);
342
- --base-color-scale-pink-2-hsl: 327 100% 84%;
343
- --base-color-scale-pink-2: hsl(327, 100%, 84%);
344
- --base-color-scale-pink-3-hsl: 326 100% 75%;
345
- --base-color-scale-pink-3: hsl(326, 100%, 75%);
346
- --base-color-scale-pink-4-hsl: 325 76% 63%;
347
- --base-color-scale-pink-4: hsl(325, 76%, 63%);
348
- --base-color-scale-pink-5-hsl: 324 54% 49%;
349
- --base-color-scale-pink-5: hsl(324, 54%, 49%);
350
- --base-color-scale-pink-6-hsl: 323 59% 38%;
351
- --base-color-scale-pink-6: hsl(323, 59%, 38%);
352
- --base-color-scale-pink-7-hsl: 322 58% 30%;
353
- --base-color-scale-pink-7: hsl(322, 58%, 30%);
354
- --base-color-scale-pink-8-hsl: 320 67% 23%;
355
- --base-color-scale-pink-8: hsl(320, 67%, 23%);
356
- --base-color-scale-pink-9-hsl: 319 93% 16%;
357
- --base-color-scale-pink-9: hsl(319, 93%, 16%);
358
- --base-color-scale-black-0-hsl: 213 14% 12%;
359
- --base-color-scale-black-0: hsl(213, 14%, 12%);
360
- --base-color-scale-white-0-hsl: 0 100% 100%;
361
- --base-color-scale-white-0: hsl(0, 100%, 100%);
362
- }
363
-
97
+ :root,
364
98
  [data-color-mode="light"] {
365
99
  --base-color-scale-gray-0-hsl: 210 25% 98%;
366
100
  --base-color-scale-gray-0: hsl(210, 25%, 98%);
@@ -897,7 +631,7 @@ select {
897
631
 
898
632
  /**
899
633
  * Do not edit directly
900
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
634
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
901
635
  */
902
636
 
903
637
  :root {
@@ -922,7 +656,7 @@ select {
922
656
 
923
657
  /**
924
658
  * Do not edit directly
925
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
659
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
926
660
  */
927
661
 
928
662
  :root {
@@ -937,7 +671,7 @@ select {
937
671
 
938
672
  /**
939
673
  * Do not edit directly
940
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
674
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
941
675
  */
942
676
 
943
677
  :root {
@@ -1116,7 +850,7 @@ select {
1116
850
 
1117
851
  /**
1118
852
  * Do not edit directly
1119
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
853
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
1120
854
  */
1121
855
 
1122
856
  :root {
@@ -1130,7 +864,7 @@ select {
1130
864
 
1131
865
  /**
1132
866
  * Do not edit directly
1133
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
867
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
1134
868
  */
1135
869
 
1136
870
  :root {
@@ -1148,40 +882,10 @@ select {
1148
882
 
1149
883
  /**
1150
884
  * Do not edit directly
1151
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
885
+ * Generated on Wed, 14 Sep 2022 16:45:33 GMT
1152
886
  */
1153
887
 
1154
- :root {
1155
- --brand-color-success-fg: var(--base-color-scale-green-5);
1156
- --brand-color-success-emphasis: var(--base-color-scale-green-4);
1157
- --brand-color-success-muted: hsl(var(--base-color-scale-green-3-hsl) / 60%);
1158
- --brand-color-success-subtle: var(--base-color-scale-green-0);
1159
- --brand-color-error-fg: var(--base-color-scale-red-5);
1160
- --brand-color-error-emphasis: var(--base-color-scale-red-5);
1161
- --brand-color-error-muted: hsl(var(--base-color-scale-red-3-hsl) / 60%);
1162
- --brand-color-error-subtle: var(--base-color-scale-red-0);
1163
- --brand-color-accent-fg: var(--base-color-scale-pink-5);
1164
- --brand-color-accent-emphasis: var(--base-color-scale-pink-5);
1165
- --brand-color-accent-muted: hsl(var(--base-color-scale-pink-3-hsl) / 60%);
1166
- --brand-color-accent-subtle: var(--base-color-scale-pink-0);
1167
- --brand-color-text-default: var(--base-color-scale-gray-9);
1168
- --brand-color-text-muted: var(--base-color-scale-gray-6);
1169
- --brand-color-text-subtle: var(--base-color-scale-gray-5);
1170
- --brand-color-text-onEmphasis: var(--base-color-scale-white-0);
1171
- --brand-color-neutral-emphasisPlus: var(--base-color-scale-gray-9);
1172
- --brand-color-neutral-emphasis: var(--base-color-scale-gray-5);
1173
- --brand-color-neutral-muted: hsl(var(--base-color-scale-gray-3-hsl) / 99.8%);
1174
- --brand-color-neutral-subtle: hsl(var(--base-color-scale-gray-1-hsl) / 99.5%);
1175
- --brand-color-canvas-default: var(--base-color-scale-white-0);
1176
- --brand-color-canvas-overlay: var(--base-color-scale-white-0);
1177
- --brand-color-canvas-inset: var(--base-color-scale-gray-0);
1178
- --brand-color-canvas-subtle: var(--base-color-scale-gray-0);
1179
- --brand-color-border-default: var(--base-color-scale-gray-2);
1180
- --brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
1181
- --brand-color-border-subtle: hsl(var(--base-color-scale-black-0-hsl) / 99.85%);
1182
- --brand-color-focus: var(--base-color-scale-blue-5);
1183
- }
1184
-
888
+ :root,
1185
889
  [data-color-mode="light"] {
1186
890
  --brand-color-success-fg: var(--base-color-scale-green-5);
1187
891
  --brand-color-success-emphasis: var(--base-color-scale-green-4);
@@ -1374,17 +1078,10 @@ select {
1374
1078
 
1375
1079
  /**
1376
1080
  * Do not edit directly
1377
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
1081
+ * Generated on Wed, 14 Sep 2022 16:45:33 GMT
1378
1082
  */
1379
1083
 
1380
- :root {
1381
- --brand-Button-background-base: var(--base-color-scale-black-0);
1382
- --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
1383
- --brand-Button-shadow-default: 0 0 0 1px var(--base-color-scale-black-0);
1384
- --brand-Button-shadow-hover: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
1385
- --brand-Button-shadow-focus: hsl(var(--base-color-scale-black-0-hsl) / 15%) 0 0 0 4px;
1386
- }
1387
-
1084
+ :root,
1388
1085
  [data-color-mode="light"] {
1389
1086
  --brand-Button-background-base: var(--base-color-scale-black-0);
1390
1087
  --brand-Button-background-overlay: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15) 0, hsla(0, 0%, 100%, 0) 100%), var(--base-color-scale-black-0);
@@ -1513,7 +1210,7 @@ select {
1513
1210
 
1514
1211
  /**
1515
1212
  * Do not edit directly
1516
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
1213
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
1517
1214
  */
1518
1215
 
1519
1216
  :root {
@@ -1523,7 +1220,7 @@ select {
1523
1220
 
1524
1221
  /**
1525
1222
  * Do not edit directly
1526
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
1223
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
1527
1224
  */
1528
1225
 
1529
1226
  :root {
@@ -1646,14 +1343,10 @@ select {
1646
1343
 
1647
1344
  /**
1648
1345
  * Do not edit directly
1649
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
1346
+ * Generated on Wed, 14 Sep 2022 16:45:33 GMT
1650
1347
  */
1651
1348
 
1652
- :root {
1653
- --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
1654
- --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
1655
- }
1656
-
1349
+ :root,
1657
1350
  [data-color-mode="light"] {
1658
1351
  --brand-InlineLink-color-rest: var(--base-color-scale-blue-5);
1659
1352
  --brand-InlineLink-color-pressed: var(--base-color-scale-blue-7);
@@ -1755,14 +1448,10 @@ select {
1755
1448
 
1756
1449
  /**
1757
1450
  * Do not edit directly
1758
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
1451
+ * Generated on Wed, 14 Sep 2022 16:45:33 GMT
1759
1452
  */
1760
1453
 
1761
- :root {
1762
- --brand-Accordion-toggle-color-start: var(--brand-color-accent-fg);
1763
- --brand-Accordion-toggle-color-end: var(--brand-color-accent-fg);
1764
- }
1765
-
1454
+ :root,
1766
1455
  [data-color-mode="light"] {
1767
1456
  --brand-Accordion-toggle-color-start: var(--brand-color-accent-fg);
1768
1457
  --brand-Accordion-toggle-color-end: var(--brand-color-accent-fg);
@@ -1911,7 +1600,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
1911
1600
 
1912
1601
  /**
1913
1602
  * Do not edit directly
1914
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
1603
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
1915
1604
  */
1916
1605
 
1917
1606
  :root {
@@ -1921,13 +1610,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
1921
1610
 
1922
1611
  /**
1923
1612
  * Do not edit directly
1924
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
1613
+ * Generated on Wed, 14 Sep 2022 16:45:33 GMT
1925
1614
  */
1926
1615
 
1927
- :root {
1928
- --brand-FAQ-heading-color: var(--brand-color-text-default);
1929
- }
1930
-
1616
+ :root,
1931
1617
  [data-color-mode="light"] {
1932
1618
  --brand-FAQ-heading-color: var(--brand-color-text-default);
1933
1619
  }
@@ -1994,7 +1680,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
1994
1680
 
1995
1681
  /**
1996
1682
  * Do not edit directly
1997
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
1683
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
1998
1684
  */
1999
1685
 
2000
1686
  :root {
@@ -2013,26 +1699,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
2013
1699
 
2014
1700
  /**
2015
1701
  * Do not edit directly
2016
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
1702
+ * Generated on Wed, 14 Sep 2022 16:45:33 GMT
2017
1703
  */
2018
1704
 
2019
- :root {
2020
- --brand-control-color-border-default: var(--base-color-scale-gray-4);
2021
- --brand-control-color-border-disabled: var(--base-color-scale-gray-2);
2022
- --brand-control-color-canvas-disabled: var(--base-color-scale-gray-1);
2023
- --brand-control-color-fg-default: var(--brand-color-text-default);
2024
- --brand-control-color-fg-disabled: var(--base-color-scale-gray-4);
2025
- --brand-control-checkbox-bg-default: var(--base-color-scale-white-0);
2026
- --brand-control-checkbox-bg-checked: var(--base-color-scale-black-0);
2027
- --brand-control-checkbox-bg-indeterminate: var(--base-color-scale-black-0);
2028
- --brand-control-checkbox-bg-disabled: var(--base-color-scale-gray-1);
2029
- --brand-control-checkbox-fg-checked: var(--base-color-scale-white-0);
2030
- --brand-control-checkbox-border-default: var(--base-color-scale-gray-4);
2031
- --brand-control-checkbox-border-checked: var(--base-color-scale-black-0);
2032
- --brand-control-checkbox-border-indeterminate: var(--base-color-scale-black-0);
2033
- --brand-control-checkbox-border-disabled: var(--base-color-scale-gray-2);
2034
- }
2035
-
1705
+ :root,
2036
1706
  [data-color-mode="light"] {
2037
1707
  --brand-control-color-border-default: var(--base-color-scale-gray-4);
2038
1708
  --brand-control-color-border-disabled: var(--base-color-scale-gray-2);