@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.
- package/lib/css/main.css +23 -353
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +2 -268
- package/lib/design-tokens/css/tokens/base/colors/color-scales.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +2 -32
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +2 -6
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +2 -9
- package/lib/design-tokens/css/tokens/functional/components/control/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +2 -18
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +2 -5
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +2 -6
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/color-scales.js +265 -265
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +57 -57
- package/lib/design-tokens/js/module/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +3 -3
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +5 -5
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/control/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/hooks/useIsomorphicLayoutEffect.d.ts +3 -0
- package/lib/index.js +1 -1
- package/package.json +2 -2
- 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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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);
|