@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/design-tokens/js/module/tokens/base/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/base/typography/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/colors/global.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -9,12 +9,12 @@ module.exports = {
9
9
  "success": {
10
10
  "fg": {
11
11
  "value": "var(--base-color-scale-green-5)",
12
- "darkValue": "var(--base-color-scale-green-3)",
12
+ "dark": "var(--base-color-scale-green-3)",
13
13
  "filePath": "tokens/functional/colors/global.json",
14
14
  "isSource": true,
15
15
  "original": {
16
16
  "value": "var(--base-color-scale-green-5)",
17
- "darkValue": "var(--base-color-scale-green-3)"
17
+ "dark": "var(--base-color-scale-green-3)"
18
18
  },
19
19
  "name": "fg",
20
20
  "attributes": {},
@@ -27,12 +27,12 @@ module.exports = {
27
27
  },
28
28
  "emphasis": {
29
29
  "value": "var(--base-color-scale-green-4)",
30
- "darkValue": "var(--base-color-scale-green-5)",
30
+ "dark": "var(--base-color-scale-green-5)",
31
31
  "filePath": "tokens/functional/colors/global.json",
32
32
  "isSource": true,
33
33
  "original": {
34
34
  "value": "var(--base-color-scale-green-4)",
35
- "darkValue": "var(--base-color-scale-green-5)"
35
+ "dark": "var(--base-color-scale-green-5)"
36
36
  },
37
37
  "name": "emphasis",
38
38
  "attributes": {},
@@ -45,12 +45,12 @@ module.exports = {
45
45
  },
46
46
  "muted": {
47
47
  "value": "hsl(var(--base-color-scale-green-3-hsl) / 60%)",
48
- "darkValue": "hsl(var(--base-color-scale-green-4-hsl) / 60%)",
48
+ "dark": "hsl(var(--base-color-scale-green-4-hsl) / 60%)",
49
49
  "filePath": "tokens/functional/colors/global.json",
50
50
  "isSource": true,
51
51
  "original": {
52
52
  "value": "hsl(var(--base-color-scale-green-3-hsl) / 60%)",
53
- "darkValue": "hsl(var(--base-color-scale-green-4-hsl) / 60%)"
53
+ "dark": "hsl(var(--base-color-scale-green-4-hsl) / 60%)"
54
54
  },
55
55
  "name": "muted",
56
56
  "attributes": {},
@@ -63,12 +63,12 @@ module.exports = {
63
63
  },
64
64
  "subtle": {
65
65
  "value": "var(--base-color-scale-green-0)",
66
- "darkValue": "hsl(var(--base-color-scale-green-4-hsl) / 85%)",
66
+ "dark": "hsl(var(--base-color-scale-green-4-hsl) / 85%)",
67
67
  "filePath": "tokens/functional/colors/global.json",
68
68
  "isSource": true,
69
69
  "original": {
70
70
  "value": "var(--base-color-scale-green-0)",
71
- "darkValue": "hsl(var(--base-color-scale-green-4-hsl) / 85%)"
71
+ "dark": "hsl(var(--base-color-scale-green-4-hsl) / 85%)"
72
72
  },
73
73
  "name": "subtle",
74
74
  "attributes": {},
@@ -83,12 +83,12 @@ module.exports = {
83
83
  "error": {
84
84
  "fg": {
85
85
  "value": "var(--base-color-scale-red-5)",
86
- "darkValue": "var(--base-color-scale-red-4)",
86
+ "dark": "var(--base-color-scale-red-4)",
87
87
  "filePath": "tokens/functional/colors/global.json",
88
88
  "isSource": true,
89
89
  "original": {
90
90
  "value": "var(--base-color-scale-red-5)",
91
- "darkValue": "var(--base-color-scale-red-4)"
91
+ "dark": "var(--base-color-scale-red-4)"
92
92
  },
93
93
  "name": "fg",
94
94
  "attributes": {},
@@ -101,12 +101,12 @@ module.exports = {
101
101
  },
102
102
  "emphasis": {
103
103
  "value": "var(--base-color-scale-red-5)",
104
- "darkValue": "var(--base-color-scale-red-5)",
104
+ "dark": "var(--base-color-scale-red-5)",
105
105
  "filePath": "tokens/functional/colors/global.json",
106
106
  "isSource": true,
107
107
  "original": {
108
108
  "value": "var(--base-color-scale-red-5)",
109
- "darkValue": "var(--base-color-scale-red-5)"
109
+ "dark": "var(--base-color-scale-red-5)"
110
110
  },
111
111
  "name": "emphasis",
112
112
  "attributes": {},
@@ -119,12 +119,12 @@ module.exports = {
119
119
  },
120
120
  "muted": {
121
121
  "value": "hsl(var(--base-color-scale-red-3-hsl) / 60%)",
122
- "darkValue": "hsl(var(--base-color-scale-red-4-hsl) / 60%)",
122
+ "dark": "hsl(var(--base-color-scale-red-4-hsl) / 60%)",
123
123
  "filePath": "tokens/functional/colors/global.json",
124
124
  "isSource": true,
125
125
  "original": {
126
126
  "value": "hsl(var(--base-color-scale-red-3-hsl) / 60%)",
127
- "darkValue": "hsl(var(--base-color-scale-red-4-hsl) / 60%)"
127
+ "dark": "hsl(var(--base-color-scale-red-4-hsl) / 60%)"
128
128
  },
129
129
  "name": "muted",
130
130
  "attributes": {},
@@ -137,12 +137,12 @@ module.exports = {
137
137
  },
138
138
  "subtle": {
139
139
  "value": "var(--base-color-scale-red-0)",
140
- "darkValue": "hsl(var(--base-color-scale-red-4-hsl) / 85%)",
140
+ "dark": "hsl(var(--base-color-scale-red-4-hsl) / 85%)",
141
141
  "filePath": "tokens/functional/colors/global.json",
142
142
  "isSource": true,
143
143
  "original": {
144
144
  "value": "var(--base-color-scale-red-0)",
145
- "darkValue": "hsl(var(--base-color-scale-red-4-hsl) / 85%)"
145
+ "dark": "hsl(var(--base-color-scale-red-4-hsl) / 85%)"
146
146
  },
147
147
  "name": "subtle",
148
148
  "attributes": {},
@@ -157,12 +157,12 @@ module.exports = {
157
157
  "accent": {
158
158
  "fg": {
159
159
  "value": "var(--base-color-scale-pink-5)",
160
- "darkValue": "var(--base-color-scale-pink-3)",
160
+ "dark": "var(--base-color-scale-pink-3)",
161
161
  "filePath": "tokens/functional/colors/global.json",
162
162
  "isSource": true,
163
163
  "original": {
164
164
  "value": "var(--base-color-scale-pink-5)",
165
- "darkValue": "var(--base-color-scale-pink-3)"
165
+ "dark": "var(--base-color-scale-pink-3)"
166
166
  },
167
167
  "name": "fg",
168
168
  "attributes": {},
@@ -175,12 +175,12 @@ module.exports = {
175
175
  },
176
176
  "emphasis": {
177
177
  "value": "var(--base-color-scale-pink-5)",
178
- "darkValue": "var(--base-color-scale-pink-5)",
178
+ "dark": "var(--base-color-scale-pink-5)",
179
179
  "filePath": "tokens/functional/colors/global.json",
180
180
  "isSource": true,
181
181
  "original": {
182
182
  "value": "var(--base-color-scale-pink-5)",
183
- "darkValue": "var(--base-color-scale-pink-5)"
183
+ "dark": "var(--base-color-scale-pink-5)"
184
184
  },
185
185
  "name": "emphasis",
186
186
  "attributes": {},
@@ -193,12 +193,12 @@ module.exports = {
193
193
  },
194
194
  "muted": {
195
195
  "value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
196
- "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)",
196
+ "dark": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)",
197
197
  "filePath": "tokens/functional/colors/global.json",
198
198
  "isSource": true,
199
199
  "original": {
200
200
  "value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
201
- "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)"
201
+ "dark": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)"
202
202
  },
203
203
  "name": "muted",
204
204
  "attributes": {},
@@ -211,12 +211,12 @@ module.exports = {
211
211
  },
212
212
  "subtle": {
213
213
  "value": "var(--base-color-scale-pink-0)",
214
- "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)",
214
+ "dark": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)",
215
215
  "filePath": "tokens/functional/colors/global.json",
216
216
  "isSource": true,
217
217
  "original": {
218
218
  "value": "var(--base-color-scale-pink-0)",
219
- "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)"
219
+ "dark": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)"
220
220
  },
221
221
  "name": "subtle",
222
222
  "attributes": {},
@@ -231,12 +231,12 @@ module.exports = {
231
231
  "text": {
232
232
  "default": {
233
233
  "value": "var(--base-color-scale-gray-9)",
234
- "darkValue": "var(--base-color-scale-white-0)",
234
+ "dark": "var(--base-color-scale-white-0)",
235
235
  "filePath": "tokens/functional/colors/global.json",
236
236
  "isSource": true,
237
237
  "original": {
238
238
  "value": "var(--base-color-scale-gray-9)",
239
- "darkValue": "var(--base-color-scale-white-0)"
239
+ "dark": "var(--base-color-scale-white-0)"
240
240
  },
241
241
  "name": "default",
242
242
  "attributes": {},
@@ -249,12 +249,12 @@ module.exports = {
249
249
  },
250
250
  "muted": {
251
251
  "value": "var(--base-color-scale-gray-6)",
252
- "darkValue": "var(--base-color-scale-gray-3)",
252
+ "dark": "var(--base-color-scale-gray-3)",
253
253
  "filePath": "tokens/functional/colors/global.json",
254
254
  "isSource": true,
255
255
  "original": {
256
256
  "value": "var(--base-color-scale-gray-6)",
257
- "darkValue": "var(--base-color-scale-gray-3)"
257
+ "dark": "var(--base-color-scale-gray-3)"
258
258
  },
259
259
  "name": "muted",
260
260
  "attributes": {},
@@ -267,12 +267,12 @@ module.exports = {
267
267
  },
268
268
  "subtle": {
269
269
  "value": "var(--base-color-scale-gray-5)",
270
- "darkValue": "var(--base-color-scale-gray-4)",
270
+ "dark": "var(--base-color-scale-gray-4)",
271
271
  "filePath": "tokens/functional/colors/global.json",
272
272
  "isSource": true,
273
273
  "original": {
274
274
  "value": "var(--base-color-scale-gray-5)",
275
- "darkValue": "var(--base-color-scale-gray-4)"
275
+ "dark": "var(--base-color-scale-gray-4)"
276
276
  },
277
277
  "name": "subtle",
278
278
  "attributes": {},
@@ -285,12 +285,12 @@ module.exports = {
285
285
  },
286
286
  "onEmphasis": {
287
287
  "value": "var(--base-color-scale-white-0)",
288
- "darkValue": "var(--base-color-scale-black-0)",
288
+ "dark": "var(--base-color-scale-black-0)",
289
289
  "filePath": "tokens/functional/colors/global.json",
290
290
  "isSource": true,
291
291
  "original": {
292
292
  "value": "var(--base-color-scale-white-0)",
293
- "darkValue": "var(--base-color-scale-black-0)"
293
+ "dark": "var(--base-color-scale-black-0)"
294
294
  },
295
295
  "name": "onEmphasis",
296
296
  "attributes": {},
@@ -305,12 +305,12 @@ module.exports = {
305
305
  "neutral": {
306
306
  "emphasisPlus": {
307
307
  "value": "var(--base-color-scale-gray-9)",
308
- "darkValue": "var(--base-color-scale-gray-4)",
308
+ "dark": "var(--base-color-scale-gray-4)",
309
309
  "filePath": "tokens/functional/colors/global.json",
310
310
  "isSource": true,
311
311
  "original": {
312
312
  "value": "var(--base-color-scale-gray-9)",
313
- "darkValue": "var(--base-color-scale-gray-4)"
313
+ "dark": "var(--base-color-scale-gray-4)"
314
314
  },
315
315
  "name": "emphasisPlus",
316
316
  "attributes": {},
@@ -323,12 +323,12 @@ module.exports = {
323
323
  },
324
324
  "emphasis": {
325
325
  "value": "var(--base-color-scale-gray-5)",
326
- "darkValue": "var(--base-color-scale-gray-4)",
326
+ "dark": "var(--base-color-scale-gray-4)",
327
327
  "filePath": "tokens/functional/colors/global.json",
328
328
  "isSource": true,
329
329
  "original": {
330
330
  "value": "var(--base-color-scale-gray-5)",
331
- "darkValue": "var(--base-color-scale-gray-4)"
331
+ "dark": "var(--base-color-scale-gray-4)"
332
332
  },
333
333
  "name": "emphasis",
334
334
  "attributes": {},
@@ -341,12 +341,12 @@ module.exports = {
341
341
  },
342
342
  "muted": {
343
343
  "value": "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)",
344
- "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)",
344
+ "dark": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)",
345
345
  "filePath": "tokens/functional/colors/global.json",
346
346
  "isSource": true,
347
347
  "original": {
348
348
  "value": "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)",
349
- "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)"
349
+ "dark": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)"
350
350
  },
351
351
  "name": "muted",
352
352
  "attributes": {},
@@ -359,12 +359,12 @@ module.exports = {
359
359
  },
360
360
  "subtle": {
361
361
  "value": "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)",
362
- "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)",
362
+ "dark": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)",
363
363
  "filePath": "tokens/functional/colors/global.json",
364
364
  "isSource": true,
365
365
  "original": {
366
366
  "value": "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)",
367
- "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)"
367
+ "dark": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)"
368
368
  },
369
369
  "name": "subtle",
370
370
  "attributes": {},
@@ -379,12 +379,12 @@ module.exports = {
379
379
  "canvas": {
380
380
  "default": {
381
381
  "value": "var(--base-color-scale-white-0)",
382
- "darkValue": "var(--base-color-scale-gray-9)",
382
+ "dark": "var(--base-color-scale-gray-9)",
383
383
  "filePath": "tokens/functional/colors/global.json",
384
384
  "isSource": true,
385
385
  "original": {
386
386
  "value": "var(--base-color-scale-white-0)",
387
- "darkValue": "var(--base-color-scale-gray-9)"
387
+ "dark": "var(--base-color-scale-gray-9)"
388
388
  },
389
389
  "name": "default",
390
390
  "attributes": {},
@@ -397,12 +397,12 @@ module.exports = {
397
397
  },
398
398
  "overlay": {
399
399
  "value": "var(--base-color-scale-white-0)",
400
- "darkValue": "var(--base-color-scale-gray-8)",
400
+ "dark": "var(--base-color-scale-gray-8)",
401
401
  "filePath": "tokens/functional/colors/global.json",
402
402
  "isSource": true,
403
403
  "original": {
404
404
  "value": "var(--base-color-scale-white-0)",
405
- "darkValue": "var(--base-color-scale-gray-8)"
405
+ "dark": "var(--base-color-scale-gray-8)"
406
406
  },
407
407
  "name": "overlay",
408
408
  "attributes": {},
@@ -415,12 +415,12 @@ module.exports = {
415
415
  },
416
416
  "inset": {
417
417
  "value": "var(--base-color-scale-gray-0)",
418
- "darkValue": "var(--base-color-scale-black-0)",
418
+ "dark": "var(--base-color-scale-black-0)",
419
419
  "filePath": "tokens/functional/colors/global.json",
420
420
  "isSource": true,
421
421
  "original": {
422
422
  "value": "var(--base-color-scale-gray-0)",
423
- "darkValue": "var(--base-color-scale-black-0)"
423
+ "dark": "var(--base-color-scale-black-0)"
424
424
  },
425
425
  "name": "inset",
426
426
  "attributes": {},
@@ -433,12 +433,12 @@ module.exports = {
433
433
  },
434
434
  "subtle": {
435
435
  "value": "var(--base-color-scale-gray-0)",
436
- "darkValue": "var(--base-color-scale-gray-8)",
436
+ "dark": "var(--base-color-scale-gray-8)",
437
437
  "filePath": "tokens/functional/colors/global.json",
438
438
  "isSource": true,
439
439
  "original": {
440
440
  "value": "var(--base-color-scale-gray-0)",
441
- "darkValue": "var(--base-color-scale-gray-8)"
441
+ "dark": "var(--base-color-scale-gray-8)"
442
442
  },
443
443
  "name": "subtle",
444
444
  "attributes": {},
@@ -453,12 +453,12 @@ module.exports = {
453
453
  "border": {
454
454
  "default": {
455
455
  "value": "var(--base-color-scale-gray-2)",
456
- "darkValue": "var(--base-color-scale-gray-6)",
456
+ "dark": "var(--base-color-scale-gray-6)",
457
457
  "filePath": "tokens/functional/colors/global.json",
458
458
  "isSource": true,
459
459
  "original": {
460
460
  "value": "var(--base-color-scale-gray-2)",
461
- "darkValue": "var(--base-color-scale-gray-6)"
461
+ "dark": "var(--base-color-scale-gray-6)"
462
462
  },
463
463
  "name": "default",
464
464
  "attributes": {},
@@ -471,12 +471,12 @@ module.exports = {
471
471
  },
472
472
  "muted": {
473
473
  "value": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
474
- "darkValue": "var(--base-color-scale-gray-7)",
474
+ "dark": "var(--base-color-scale-gray-7)",
475
475
  "filePath": "tokens/functional/colors/global.json",
476
476
  "isSource": true,
477
477
  "original": {
478
478
  "value": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
479
- "darkValue": "var(--base-color-scale-gray-7)"
479
+ "dark": "var(--base-color-scale-gray-7)"
480
480
  },
481
481
  "name": "muted",
482
482
  "attributes": {},
@@ -489,12 +489,12 @@ module.exports = {
489
489
  },
490
490
  "subtle": {
491
491
  "value": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)",
492
- "darkValue": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)",
492
+ "dark": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)",
493
493
  "filePath": "tokens/functional/colors/global.json",
494
494
  "isSource": true,
495
495
  "original": {
496
496
  "value": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)",
497
- "darkValue": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)"
497
+ "dark": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)"
498
498
  },
499
499
  "name": "subtle",
500
500
  "attributes": {},
@@ -508,12 +508,12 @@ module.exports = {
508
508
  },
509
509
  "focus": {
510
510
  "value": "var(--base-color-scale-blue-5)",
511
- "darkValue": "var(--base-color-scale-blue-3)",
511
+ "dark": "var(--base-color-scale-blue-3)",
512
512
  "filePath": "tokens/functional/colors/global.json",
513
513
  "isSource": true,
514
514
  "original": {
515
515
  "value": "var(--base-color-scale-blue-5)",
516
- "darkValue": "var(--base-color-scale-blue-3)"
516
+ "dark": "var(--base-color-scale-blue-3)"
517
517
  },
518
518
  "name": "focus",
519
519
  "attributes": {},
package/lib/design-tokens/js/module/tokens/functional/components/control/base.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -9,12 +9,12 @@ module.exports = {
9
9
  "heading": {
10
10
  "color": {
11
11
  "value": "var(--brand-color-text-default)",
12
- "darkValue": "var(--brand-color-text-default)",
12
+ "dark": "var(--brand-color-text-default)",
13
13
  "filePath": "tokens/functional/components/faq/colors.json",
14
14
  "isSource": true,
15
15
  "original": {
16
16
  "value": "var(--brand-color-text-default)",
17
- "darkValue": "var(--brand-color-text-default)"
17
+ "dark": "var(--brand-color-text-default)"
18
18
  },
19
19
  "name": "color",
20
20
  "attributes": {},
package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -9,12 +9,12 @@ module.exports = {
9
9
  "color": {
10
10
  "rest": {
11
11
  "value": "var(--base-color-scale-blue-5)",
12
- "darkValue": "var(--base-color-scale-blue-4)",
12
+ "dark": "var(--base-color-scale-blue-4)",
13
13
  "filePath": "tokens/functional/components/inline-link/colors.json",
14
14
  "isSource": true,
15
15
  "original": {
16
16
  "value": "var(--base-color-scale-blue-5)",
17
- "darkValue": "var(--base-color-scale-blue-4)"
17
+ "dark": "var(--base-color-scale-blue-4)"
18
18
  },
19
19
  "name": "rest",
20
20
  "attributes": {},
@@ -27,12 +27,12 @@ module.exports = {
27
27
  },
28
28
  "pressed": {
29
29
  "value": "var(--base-color-scale-blue-7)",
30
- "darkValue": "var(--base-color-scale-blue-2)",
30
+ "dark": "var(--base-color-scale-blue-2)",
31
31
  "filePath": "tokens/functional/components/inline-link/colors.json",
32
32
  "isSource": true,
33
33
  "original": {
34
34
  "value": "var(--base-color-scale-blue-7)",
35
- "darkValue": "var(--base-color-scale-blue-2)"
35
+ "dark": "var(--base-color-scale-blue-2)"
36
36
  },
37
37
  "name": "pressed",
38
38
  "attributes": {},
package/lib/design-tokens/js/module/tokens/functional/components/river/base.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/border.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/size/viewport.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/module/tokens/functional/typography/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/design-tokens/js/tokens/base/colors/color-scales.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  export const BaseColorScaleGray0 = "210 25% 98%";
package/lib/design-tokens/js/tokens/base/size/size.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:24 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  export const BaseSize4 = "0.25rem";
package/lib/design-tokens/js/tokens/base/typography/typography.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  export const BaseTextWeightLight = 300;
package/lib/design-tokens/js/tokens/functional/colors/global.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 12 Sep 2022 10:04:23 GMT
3
+ * Generated on Wed, 14 Sep 2022 16:45:32 GMT
4
4
  */
5
5
 
6
6
  export const BrandColorSuccessFg = "var(--base-color-scale-green-5)";