@charcoal-ui/theme 4.15.0 → 4.16.0

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 (16) hide show
  1. package/dist/unstable-css/_variables_dark.css +446 -444
  2. package/dist/unstable-css/_variables_light.css +446 -444
  3. package/dist/unstable-tokens/camel/css-variables.json +227 -229
  4. package/dist/unstable-tokens/camel/pixiv-dark.json +207 -209
  5. package/dist/unstable-tokens/camel/pixiv-light.json +209 -211
  6. package/dist/unstable-tokens/css-variables.json +227 -229
  7. package/dist/unstable-tokens/pixiv-dark.json +207 -209
  8. package/dist/unstable-tokens/pixiv-light.json +209 -211
  9. package/package.json +3 -3
  10. package/src/json/base.json +987 -331
  11. package/src/json/pixiv-dark.json +680 -228
  12. package/src/json/pixiv-light.json +680 -228
  13. package/src/unstable-css/_variables_dark.css +446 -444
  14. package/src/unstable-css/_variables_light.css +446 -444
  15. package/src/unstable-token-object/__snapshots__/token-object.test.ts.snap +28 -36
  16. package/src/unstable-token-object/helpers/__snapshots__/changecase-keys.test.ts.snap +12 -16
package/dist/unstable-css/_variables_dark.css CHANGED
@@ -1,558 +1,560 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 13 Dec 2024 12:47:31 GMT
3
+ * Generated on Fri, 26 Sep 2025 09:59:17 GMT
4
4
  */
5
5
 
6
6
  :root[data-theme='dark'] {
7
7
  --charcoal-radius-oval: 999999px;
8
- --charcoal-paragraph-width-l-cozy: 924px;
9
- --charcoal-paragraph-width-m-cozy: 616px;
10
8
  --charcoal-paragraph-width-s-cozy: 588px;
11
- --charcoal-paragraph-width-l-compact: 588px;
12
- --charcoal-paragraph-width-m-compact: 392px;
13
9
  --charcoal-paragraph-width-s-compact: 280px;
14
- --charcoal-paragraph-width-l: 672px;
15
- --charcoal-paragraph-width-m: 448px;
16
10
  --charcoal-paragraph-width-s: 320px;
17
- --charcoal-border-width-l: 2px;
11
+ --charcoal-paragraph-width-m-cozy: 616px;
12
+ --charcoal-paragraph-width-m-compact: 392px;
13
+ --charcoal-paragraph-width-m: 448px;
14
+ --charcoal-paragraph-width-l-cozy: 924px;
15
+ --charcoal-paragraph-width-l-compact: 588px;
16
+ --charcoal-paragraph-width-l: 672px;
18
17
  --charcoal-border-width-m: 1px;
19
- --charcoal-color-border-focus-legacy: rgba(0, 150, 250, 0.32);
18
+ --charcoal-border-width-l: 2px;
19
+ --charcoal-text-line-height-90: 64px;
20
+ --charcoal-text-line-height-80: 56px;
21
+ --charcoal-text-line-height-70: 52px;
22
+ --charcoal-text-line-height-60: 44px;
23
+ --charcoal-text-line-height-50: 40px;
24
+ --charcoal-text-line-height-5: 20px;
25
+ --charcoal-text-line-height-40: 36px;
26
+ --charcoal-text-line-height-30: 32px;
27
+ --charcoal-text-line-height-20: 28px;
28
+ --charcoal-text-line-height-100: 72px;
29
+ --charcoal-text-line-height-10: 24px;
30
+ --charcoal-text-line-height-1: 18px;
31
+ --charcoal-text-line-height-0: 16px;
32
+ --charcoal-text-font-weight-70: 700;
33
+ --charcoal-text-font-weight-40: 400;
34
+ --charcoal-text-font-size-90: 40px;
35
+ --charcoal-text-font-size-80: 36px;
36
+ --charcoal-text-font-size-70: 32px;
37
+ --charcoal-text-font-size-60: 28px;
38
+ --charcoal-text-font-size-50: 25px;
39
+ --charcoal-text-font-size-5: 14px;
40
+ --charcoal-text-font-size-40: 22px;
41
+ --charcoal-text-font-size-30: 20px;
42
+ --charcoal-text-font-size-20: 18px;
43
+ --charcoal-text-font-size-120: 60px;
44
+ --charcoal-text-font-size-110: 50px;
45
+ --charcoal-text-font-size-100: 45px;
46
+ --charcoal-text-font-size-10: 16px;
47
+ --charcoal-text-font-size-1: 12px;
48
+ --charcoal-text-font-size-0: 11px;
49
+ --charcoal-text-font-family-sans: Sarasa UI J;
50
+ --charcoal-space-target-xs: 24px;
51
+ --charcoal-space-target-s: 32px;
52
+ --charcoal-space-target-m: 40px;
53
+ --charcoal-space-target-l: 48px;
54
+ --charcoal-space-999: 999999px;
55
+ --charcoal-space-100: 440px;
56
+ --charcoal-space-90: 272px;
57
+ --charcoal-space-80: 168px;
58
+ --charcoal-space-70: 104px;
59
+ --charcoal-space-66: 96px;
60
+ --charcoal-space-63: 80px;
61
+ --charcoal-space-60: 64px;
62
+ --charcoal-space-55: 48px;
63
+ --charcoal-space-50: 40px;
64
+ --charcoal-space-46: 32px;
65
+ --charcoal-space-43: 28px;
66
+ --charcoal-space-40: 24px;
67
+ --charcoal-space-35: 20px;
68
+ --charcoal-space-30: 16px;
69
+ --charcoal-space-25: 12px;
70
+ --charcoal-space-20: 8px;
71
+ --charcoal-space-15: 6px;
72
+ --charcoal-space-10: 4px;
73
+ --charcoal-space-1: 2px;
74
+ --charcoal-space-0: 0px;
20
75
  --charcoal-color-container-subtle: rgba(228, 228, 228, 0.02);
21
- --charcoal-color-dark-magenta-90: rgba(253, 217, 233, 1);
22
- --charcoal-color-dark-magenta-80: rgba(247, 184, 213, 1);
23
- --charcoal-color-dark-magenta-70: rgba(243, 163, 200, 1);
24
- --charcoal-color-dark-magenta-60: rgba(240, 146, 191, 1);
25
- --charcoal-color-dark-magenta-50: rgba(220, 114, 168, 1);
26
- --charcoal-color-dark-magenta-40: rgba(202, 91, 149, 1);
27
- --charcoal-color-dark-magenta-30: rgba(185, 64, 130, 1);
28
- --charcoal-color-dark-magenta-20: rgba(124, 58, 91, 1);
29
- --charcoal-color-dark-magenta-10: rgba(69, 44, 56, 1);
30
- --charcoal-color-dark-magenta-5: rgba(48, 36, 42, 1);
31
- --charcoal-color-dark-magenta-0: rgba(31, 31, 31, 1);
32
- --charcoal-color-dark-magenta--5: rgba(21, 21, 21, 1);
33
- --charcoal-color-dark-magenta--10: rgba(6, 6, 6, 1);
34
- --charcoal-color-dark-purple-90: rgba(233, 223, 255, 1);
35
- --charcoal-color-dark-purple-80: rgba(210, 192, 245, 1);
36
- --charcoal-color-dark-purple-70: rgba(201, 176, 249, 1);
37
- --charcoal-color-dark-purple-60: rgba(191, 160, 246, 1);
38
- --charcoal-color-dark-purple-50: rgba(169, 133, 229, 1);
39
- --charcoal-color-dark-purple-40: rgba(149, 110, 210, 1);
40
- --charcoal-color-dark-purple-30: rgba(131, 88, 194, 1);
41
- --charcoal-color-dark-purple-20: rgba(93, 68, 132, 1);
42
- --charcoal-color-dark-purple-10: rgba(56, 48, 71, 1);
43
- --charcoal-color-dark-purple-5: rgba(42, 38, 49, 1);
44
- --charcoal-color-dark-purple-0: rgba(31, 31, 31, 1);
45
- --charcoal-color-dark-purple--5: rgba(21, 21, 21, 1);
46
- --charcoal-color-dark-purple--10: rgba(6, 6, 6, 1);
47
- --charcoal-color-dark-indigo-90: rgba(222, 227, 255, 1);
48
- --charcoal-color-dark-indigo-80: rgba(192, 199, 248, 1);
49
- --charcoal-color-dark-indigo-70: rgba(175, 184, 254, 1);
50
- --charcoal-color-dark-indigo-60: rgba(160, 170, 249, 1);
51
- --charcoal-color-dark-indigo-50: rgba(135, 143, 231, 1);
52
- --charcoal-color-dark-indigo-40: rgba(115, 123, 219, 1);
53
- --charcoal-color-dark-indigo-30: rgba(96, 100, 199, 1);
54
- --charcoal-color-dark-indigo-20: rgba(72, 76, 134, 1);
55
- --charcoal-color-dark-indigo-10: rgba(48, 51, 74, 1);
56
- --charcoal-color-dark-indigo-5: rgba(39, 40, 46, 1);
57
- --charcoal-color-dark-indigo-0: rgba(31, 31, 31, 1);
58
- --charcoal-color-dark-indigo--5: rgba(21, 21, 21, 1);
59
- --charcoal-color-dark-indigo--10: rgba(6, 6, 6, 1);
60
- --charcoal-color-dark-blue-90: rgba(207, 230, 253, 1);
61
- --charcoal-color-dark-blue-80: rgba(166, 205, 245, 1);
62
- --charcoal-color-dark-blue-70: rgba(139, 193, 248, 1);
63
- --charcoal-color-dark-blue-60: rgba(114, 181, 245, 1);
64
- --charcoal-color-dark-blue-50: rgba(83, 156, 224, 1);
65
- --charcoal-color-dark-blue-40: rgba(55, 136, 208, 1);
66
- --charcoal-color-dark-blue-30: rgba(8, 114, 190, 1);
67
- --charcoal-color-dark-blue-20: rgba(39, 84, 126, 1);
68
- --charcoal-color-dark-blue-10: rgba(36, 55, 73, 1);
69
- --charcoal-color-dark-blue-5: rgba(33, 41, 50, 1);
70
- --charcoal-color-dark-blue-0: rgba(31, 31, 31, 1);
71
- --charcoal-color-dark-blue--5: rgba(21, 21, 21, 1);
72
- --charcoal-color-dark-blue--10: rgba(6, 6, 6, 1);
73
- --charcoal-color-dark-turquoise-90: rgba(180, 239, 234, 1);
74
- --charcoal-color-dark-turquoise-80: rgba(144, 213, 207, 1);
75
- --charcoal-color-dark-turquoise-70: rgba(118, 205, 199, 1);
76
- --charcoal-color-dark-turquoise-60: rgba(84, 193, 186, 1);
77
- --charcoal-color-dark-turquoise-50: rgba(32, 170, 164, 1);
78
- --charcoal-color-dark-turquoise-40: rgba(0, 147, 142, 1);
79
- --charcoal-color-dark-turquoise-30: rgba(0, 123, 118, 1);
80
- --charcoal-color-dark-turquoise-20: rgba(0, 91, 88, 1);
81
- --charcoal-color-dark-turquoise-10: rgba(26, 60, 58, 1);
82
- --charcoal-color-dark-turquoise-5: rgba(35, 42, 41, 1);
83
- --charcoal-color-dark-turquoise-0: rgba(31, 31, 31, 1);
84
- --charcoal-color-dark-turquoise--5: rgba(21, 21, 21, 1);
85
- --charcoal-color-dark-turquoise--10: rgba(6, 6, 6, 1);
86
- --charcoal-color-dark-green-90: rgba(191, 241, 186, 1);
87
- --charcoal-color-dark-green-80: rgba(161, 215, 155, 1);
88
- --charcoal-color-dark-green-70: rgba(141, 204, 135, 1);
89
- --charcoal-color-dark-green-60: rgba(120, 194, 113, 1);
90
- --charcoal-color-dark-green-50: rgba(86, 169, 79, 1);
91
- --charcoal-color-dark-green-40: rgba(58, 150, 52, 1);
92
- --charcoal-color-dark-green-30: rgba(13, 129, 5, 1);
93
- --charcoal-color-dark-green-20: rgba(39, 92, 35, 1);
94
- --charcoal-color-dark-green-10: rgba(41, 59, 40, 1);
95
- --charcoal-color-dark-green-5: rgba(37, 43, 37, 1);
96
- --charcoal-color-dark-green-0: rgba(31, 31, 31, 1);
97
- --charcoal-color-dark-green--5: rgba(21, 21, 21, 1);
98
- --charcoal-color-dark-green--10: rgba(6, 6, 6, 1);
76
+ --charcoal-color-border-focus-legacy: rgba(0, 150, 250, 0.32);
77
+ --charcoal-color-light-yellow-90: rgba(44, 28, 0, 1);
78
+ --charcoal-color-light-yellow-80: rgba(74, 51, 7, 1);
79
+ --charcoal-color-light-yellow-70: rgba(110, 72, 5, 1);
80
+ --charcoal-color-light-yellow-60: rgba(161, 99, 9, 1);
81
+ --charcoal-color-light-yellow-50: rgba(205, 131, 2, 1);
82
+ --charcoal-color-light-yellow-5: rgba(250, 243, 221, 1);
83
+ --charcoal-color-light-yellow-40: rgba(231, 157, 20, 1);
84
+ --charcoal-color-light-yellow-30: rgba(245, 183, 17, 1);
85
+ --charcoal-color-light-yellow-20: rgba(254, 214, 61, 1);
86
+ --charcoal-color-light-yellow-10: rgba(246, 232, 176, 1);
87
+ --charcoal-color-light-yellow-0: rgba(255, 255, 255, 1);
88
+ --charcoal-color-light-turquoise-90: rgba(1, 37, 37, 1);
89
+ --charcoal-color-light-turquoise-80: rgba(1, 61, 62, 1);
90
+ --charcoal-color-light-turquoise-70: rgba(3, 87, 89, 1);
91
+ --charcoal-color-light-turquoise-60: rgba(11, 126, 128, 1);
92
+ --charcoal-color-light-turquoise-50: rgba(27, 161, 163, 1);
93
+ --charcoal-color-light-turquoise-5: rgba(225, 249, 249, 1);
94
+ --charcoal-color-light-turquoise-40: rgba(63, 184, 186, 1);
95
+ --charcoal-color-light-turquoise-30: rgba(109, 204, 205, 1);
96
+ --charcoal-color-light-turquoise-20: rgba(152, 228, 229, 1);
97
+ --charcoal-color-light-turquoise-10: rgba(196, 240, 241, 1);
98
+ --charcoal-color-light-turquoise-0: rgba(255, 255, 255, 1);
99
+ --charcoal-color-light-red-90: rgba(66, 0, 1, 1);
100
+ --charcoal-color-light-red-80: rgba(103, 22, 17, 1);
101
+ --charcoal-color-light-red-70: rgba(147, 33, 28, 1);
102
+ --charcoal-color-light-red-60: rgba(206, 54, 46, 1);
103
+ --charcoal-color-light-red-50: rgba(253, 91, 78, 1);
104
+ --charcoal-color-light-red-5: rgba(253, 240, 237, 1);
105
+ --charcoal-color-light-red-40: rgba(252, 138, 124, 1);
106
+ --charcoal-color-light-red-30: rgba(253, 174, 163, 1);
107
+ --charcoal-color-light-red-20: rgba(253, 206, 199, 1);
108
+ --charcoal-color-light-red-10: rgba(250, 228, 225, 1);
109
+ --charcoal-color-light-red-0: rgba(255, 255, 255, 1);
110
+ --charcoal-color-light-purple-90: rgba(40, 16, 70, 1);
111
+ --charcoal-color-light-purple-80: rgba(70, 32, 115, 1);
112
+ --charcoal-color-light-purple-70: rgba(103, 39, 171, 1);
113
+ --charcoal-color-light-purple-60: rgba(143, 77, 225, 1);
114
+ --charcoal-color-light-purple-50: rgba(173, 120, 252, 1);
115
+ --charcoal-color-light-purple-5: rgba(244, 241, 252, 1);
116
+ --charcoal-color-light-purple-40: rgba(190, 153, 253, 1);
117
+ --charcoal-color-light-purple-30: rgba(207, 183, 253, 1);
118
+ --charcoal-color-light-purple-20: rgba(224, 210, 253, 1);
119
+ --charcoal-color-light-purple-10: rgba(236, 229, 251, 1);
120
+ --charcoal-color-light-orange-90: rgba(55, 18, 2, 1);
121
+ --charcoal-color-light-orange-80: rgba(91, 38, 13, 1);
122
+ --charcoal-color-light-orange-70: rgba(132, 54, 7, 1);
123
+ --charcoal-color-light-orange-60: rgba(190, 79, 4, 1);
124
+ --charcoal-color-light-orange-50: rgba(242, 105, 21, 1);
125
+ --charcoal-color-light-orange-5: rgba(253, 241, 229, 1);
126
+ --charcoal-color-light-orange-40: rgba(253, 143, 53, 1);
127
+ --charcoal-color-light-orange-30: rgba(254, 176, 121, 1);
128
+ --charcoal-color-light-orange-20: rgba(253, 209, 177, 1);
129
+ --charcoal-color-light-orange-10: rgba(252, 229, 211, 1);
130
+ --charcoal-color-light-neutral-90: rgba(31, 31, 31, 1);
131
+ --charcoal-color-light-neutral-80: rgba(56, 56, 56, 1);
132
+ --charcoal-color-light-neutral-70: rgba(81, 81, 81, 1);
133
+ --charcoal-color-light-neutral-60: rgba(113, 113, 113, 1);
134
+ --charcoal-color-light-neutral-50: rgba(148, 148, 148, 1);
135
+ --charcoal-color-light-neutral-5: rgba(243, 243, 243, 1);
136
+ --charcoal-color-light-neutral-40: rgba(172, 172, 172, 1);
137
+ --charcoal-color-light-neutral-30: rgba(194, 194, 194, 1);
138
+ --charcoal-color-light-neutral-20: rgba(217, 217, 217, 1);
139
+ --charcoal-color-light-neutral-10: rgba(232, 232, 232, 1);
140
+ --charcoal-color-light-neutral-0: rgba(255, 255, 255, 1);
141
+ --charcoal-color-light-neutral-a-90: rgba(0, 0, 0, 0.88);
142
+ --charcoal-color-light-neutral-a-80: rgba(0, 0, 0, 0.78);
143
+ --charcoal-color-light-neutral-a-70: rgba(0, 0, 0, 0.683);
144
+ --charcoal-color-light-neutral-a-60: rgba(0, 0, 0, 0.555);
145
+ --charcoal-color-light-neutral-a-50: rgba(0, 0, 0, 0.42);
146
+ --charcoal-color-light-neutral-a-5: rgba(0, 0, 0, 0.047);
147
+ --charcoal-color-light-neutral-a-40: rgba(0, 0, 0, 0.325);
148
+ --charcoal-color-light-neutral-a-30: rgba(0, 0, 0, 0.24);
149
+ --charcoal-color-light-neutral-a-20: rgba(0, 0, 0, 0.15);
150
+ --charcoal-color-light-neutral-a-10: rgba(0, 0, 0, 0.09);
151
+ --charcoal-color-light-neutral-a-0: rgba(0, 0, 0, 0);
152
+ --charcoal-color-light-magenta-90: rgba(59, 5, 37, 1);
153
+ --charcoal-color-light-magenta-80: rgba(98, 27, 67, 1);
154
+ --charcoal-color-light-magenta-70: rgba(141, 33, 96, 1);
155
+ --charcoal-color-light-magenta-60: rgba(196, 53, 135, 1);
156
+ --charcoal-color-light-magenta-50: rgba(235, 95, 170, 1);
157
+ --charcoal-color-light-magenta-5: rgba(252, 239, 244, 1);
158
+ --charcoal-color-light-magenta-40: rgba(250, 131, 192, 1);
159
+ --charcoal-color-light-magenta-30: rgba(245, 173, 206, 1);
160
+ --charcoal-color-light-magenta-20: rgba(255, 204, 226, 1);
161
+ --charcoal-color-light-magenta-10: rgba(251, 226, 237, 1);
162
+ --charcoal-color-light-indigo-90: rgba(24, 24, 70, 1);
163
+ --charcoal-color-light-indigo-80: rgba(45, 47, 109, 1);
164
+ --charcoal-color-light-indigo-70: rgba(68, 70, 155, 1);
165
+ --charcoal-color-light-indigo-60: rgba(95, 97, 222, 1);
166
+ --charcoal-color-light-indigo-50: rgba(129, 136, 253, 1);
167
+ --charcoal-color-light-indigo-5: rgba(241, 242, 253, 1);
168
+ --charcoal-color-light-indigo-40: rgba(156, 165, 252, 1);
169
+ --charcoal-color-light-indigo-30: rgba(181, 189, 253, 1);
170
+ --charcoal-color-light-indigo-20: rgba(210, 216, 252, 1);
171
+ --charcoal-color-light-indigo-10: rgba(226, 231, 253, 1);
172
+ --charcoal-color-light-green-90: rgba(1, 40, 0, 1);
173
+ --charcoal-color-light-green-80: rgba(7, 64, 4, 1);
174
+ --charcoal-color-light-green-70: rgba(4, 93, 0, 1);
175
+ --charcoal-color-light-green-60: rgba(17, 131, 8, 1);
176
+ --charcoal-color-light-green-50: rgba(37, 170, 28, 1);
177
+ --charcoal-color-light-green-5: rgba(234, 248, 232, 1);
178
+ --charcoal-color-light-green-40: rgba(80, 192, 72, 1);
179
+ --charcoal-color-light-green-30: rgba(121, 214, 112, 1);
180
+ --charcoal-color-light-green-20: rgba(164, 234, 157, 1);
181
+ --charcoal-color-light-green-10: rgba(204, 243, 200, 1);
182
+ --charcoal-color-light-green-0: rgba(255, 255, 255, 1);
183
+ --charcoal-color-light-blue-90: rgba(3, 35, 63, 1);
184
+ --charcoal-color-light-blue-80: rgba(19, 58, 93, 1);
185
+ --charcoal-color-light-blue-70: rgba(24, 81, 130, 1);
186
+ --charcoal-color-light-blue-60: rgba(31, 117, 188, 1);
187
+ --charcoal-color-light-blue-50: rgba(0, 150, 250, 1);
188
+ --charcoal-color-light-blue-5: rgba(236, 244, 253, 1);
189
+ --charcoal-color-light-blue-40: rgba(85, 178, 253, 1);
190
+ --charcoal-color-light-blue-30: rgba(137, 200, 253, 1);
191
+ --charcoal-color-light-blue-20: rgba(188, 222, 252, 1);
192
+ --charcoal-color-light-blue-10: rgba(216, 235, 251, 1);
193
+ --charcoal-color-light-blue-0: rgba(255, 255, 255, 1);
99
194
  --charcoal-color-dark-yellow-90: rgba(252, 225, 167, 1);
100
195
  --charcoal-color-dark-yellow-80: rgba(238, 195, 92, 1);
101
196
  --charcoal-color-dark-yellow-70: rgba(235, 178, 19, 1);
102
197
  --charcoal-color-dark-yellow-60: rgba(222, 167, 29, 1);
103
198
  --charcoal-color-dark-yellow-50: rgba(199, 140, 10, 1);
199
+ --charcoal-color-dark-yellow-5: rgba(44, 40, 35, 1);
104
200
  --charcoal-color-dark-yellow-40: rgba(174, 121, 14, 1);
105
201
  --charcoal-color-dark-yellow-30: rgba(153, 99, 8, 1);
106
202
  --charcoal-color-dark-yellow-20: rgba(109, 75, 31, 1);
107
203
  --charcoal-color-dark-yellow-10: rgba(66, 51, 30, 1);
108
- --charcoal-color-dark-yellow-5: rgba(44, 40, 35, 1);
109
204
  --charcoal-color-dark-yellow-0: rgba(31, 31, 31, 1);
110
205
  --charcoal-color-dark-yellow--5: rgba(21, 21, 21, 1);
111
206
  --charcoal-color-dark-yellow--10: rgba(6, 6, 6, 1);
112
- --charcoal-color-dark-orange-90: rgba(252, 221, 207, 1);
113
- --charcoal-color-dark-orange-80: rgba(245, 188, 163, 1);
114
- --charcoal-color-dark-orange-70: rgba(248, 170, 135, 1);
115
- --charcoal-color-dark-orange-60: rgba(246, 151, 107, 1);
116
- --charcoal-color-dark-orange-50: rgba(229, 121, 68, 1);
117
- --charcoal-color-dark-orange-40: rgba(212, 97, 41, 1);
118
- --charcoal-color-dark-orange-30: rgba(188, 74, 14, 1);
119
- --charcoal-color-dark-orange-20: rgba(134, 58, 22, 1);
120
- --charcoal-color-dark-orange-10: rgba(72, 48, 38, 1);
121
- --charcoal-color-dark-orange-5: rgba(48, 39, 34, 1);
122
- --charcoal-color-dark-orange-0: rgba(31, 31, 31, 1);
123
- --charcoal-color-dark-orange--5: rgba(21, 21, 21, 1);
124
- --charcoal-color-dark-orange--10: rgba(6, 6, 6, 1);
207
+ --charcoal-color-dark-turquoise-90: rgba(180, 239, 234, 1);
208
+ --charcoal-color-dark-turquoise-80: rgba(144, 213, 207, 1);
209
+ --charcoal-color-dark-turquoise-70: rgba(118, 205, 199, 1);
210
+ --charcoal-color-dark-turquoise-60: rgba(84, 193, 186, 1);
211
+ --charcoal-color-dark-turquoise-50: rgba(32, 170, 164, 1);
212
+ --charcoal-color-dark-turquoise-5: rgba(35, 42, 41, 1);
213
+ --charcoal-color-dark-turquoise-40: rgba(0, 147, 142, 1);
214
+ --charcoal-color-dark-turquoise-30: rgba(0, 123, 118, 1);
215
+ --charcoal-color-dark-turquoise-20: rgba(0, 91, 88, 1);
216
+ --charcoal-color-dark-turquoise-10: rgba(26, 60, 58, 1);
217
+ --charcoal-color-dark-turquoise-0: rgba(31, 31, 31, 1);
218
+ --charcoal-color-dark-turquoise--5: rgba(21, 21, 21, 1);
219
+ --charcoal-color-dark-turquoise--10: rgba(6, 6, 6, 1);
125
220
  --charcoal-color-dark-red-90: rgba(254, 219, 214, 1);
126
221
  --charcoal-color-dark-red-80: rgba(249, 186, 177, 1);
127
222
  --charcoal-color-dark-red-70: rgba(254, 167, 155, 1);
128
223
  --charcoal-color-dark-red-60: rgba(252, 147, 134, 1);
129
224
  --charcoal-color-dark-red-50: rgba(233, 114, 102, 1);
225
+ --charcoal-color-dark-red-5: rgba(47, 39, 38, 1);
130
226
  --charcoal-color-dark-red-40: rgba(217, 88, 76, 1);
131
227
  --charcoal-color-dark-red-30: rgba(197, 60, 51, 1);
132
228
  --charcoal-color-dark-red-20: rgba(136, 54, 46, 1);
133
229
  --charcoal-color-dark-red-10: rgba(73, 47, 43, 1);
134
- --charcoal-color-dark-red-5: rgba(47, 39, 38, 1);
135
230
  --charcoal-color-dark-red-0: rgba(31, 31, 31, 1);
136
231
  --charcoal-color-dark-red--5: rgba(21, 21, 21, 1);
137
232
  --charcoal-color-dark-red--10: rgba(6, 6, 6, 1);
233
+ --charcoal-color-dark-purple-90: rgba(233, 223, 255, 1);
234
+ --charcoal-color-dark-purple-80: rgba(210, 192, 245, 1);
235
+ --charcoal-color-dark-purple-70: rgba(201, 176, 249, 1);
236
+ --charcoal-color-dark-purple-60: rgba(191, 160, 246, 1);
237
+ --charcoal-color-dark-purple-50: rgba(169, 133, 229, 1);
238
+ --charcoal-color-dark-purple-5: rgba(42, 38, 49, 1);
239
+ --charcoal-color-dark-purple-40: rgba(149, 110, 210, 1);
240
+ --charcoal-color-dark-purple-30: rgba(131, 88, 194, 1);
241
+ --charcoal-color-dark-purple-20: rgba(93, 68, 132, 1);
242
+ --charcoal-color-dark-purple-10: rgba(56, 48, 71, 1);
243
+ --charcoal-color-dark-purple-0: rgba(31, 31, 31, 1);
244
+ --charcoal-color-dark-purple--5: rgba(21, 21, 21, 1);
245
+ --charcoal-color-dark-purple--10: rgba(6, 6, 6, 1);
246
+ --charcoal-color-dark-orange-90: rgba(252, 221, 207, 1);
247
+ --charcoal-color-dark-orange-80: rgba(245, 188, 163, 1);
248
+ --charcoal-color-dark-orange-70: rgba(248, 170, 135, 1);
249
+ --charcoal-color-dark-orange-60: rgba(246, 151, 107, 1);
250
+ --charcoal-color-dark-orange-50: rgba(229, 121, 68, 1);
251
+ --charcoal-color-dark-orange-5: rgba(48, 39, 34, 1);
252
+ --charcoal-color-dark-orange-40: rgba(212, 97, 41, 1);
253
+ --charcoal-color-dark-orange-30: rgba(188, 74, 14, 1);
254
+ --charcoal-color-dark-orange-20: rgba(134, 58, 22, 1);
255
+ --charcoal-color-dark-orange-10: rgba(72, 48, 38, 1);
256
+ --charcoal-color-dark-orange-0: rgba(31, 31, 31, 1);
257
+ --charcoal-color-dark-orange--5: rgba(21, 21, 21, 1);
258
+ --charcoal-color-dark-orange--10: rgba(6, 6, 6, 1);
138
259
  --charcoal-color-dark-neutral-90: rgba(228, 228, 228, 1);
139
260
  --charcoal-color-dark-neutral-80: rgba(202, 202, 202, 1);
140
261
  --charcoal-color-dark-neutral-70: rgba(188, 188, 188, 1);
141
262
  --charcoal-color-dark-neutral-60: rgba(175, 175, 175, 1);
142
263
  --charcoal-color-dark-neutral-50: rgba(151, 151, 151, 1);
264
+ --charcoal-color-dark-neutral-5: rgba(41, 41, 41, 1);
143
265
  --charcoal-color-dark-neutral-40: rgba(130, 130, 130, 1);
144
266
  --charcoal-color-dark-neutral-30: rgba(112, 112, 112, 1);
145
267
  --charcoal-color-dark-neutral-20: rgba(81, 81, 81, 1);
146
268
  --charcoal-color-dark-neutral-10: rgba(51, 51, 51, 1);
147
- --charcoal-color-dark-neutral-5: rgba(41, 41, 41, 1);
148
269
  --charcoal-color-dark-neutral-0: rgba(31, 31, 31, 1);
149
270
  --charcoal-color-dark-neutral--5: rgba(21, 21, 21, 1);
271
+ --charcoal-color-dark-neutral--10: rgba(6, 6, 6, 1);
150
272
  --charcoal-color-dark-neutral-a-90: rgba(255, 255, 255, 0.88);
151
273
  --charcoal-color-dark-neutral-a-80: rgba(255, 255, 255, 0.765);
152
274
  --charcoal-color-dark-neutral-a-70: rgba(255, 255, 255, 0.7);
153
275
  --charcoal-color-dark-neutral-a-60: rgba(255, 255, 255, 0.645);
154
276
  --charcoal-color-dark-neutral-a-50: rgba(255, 255, 255, 0.535);
155
- --charcoal-color-dark-neutral-a-40: rgba(255, 255, 255, 0.44);
156
- --charcoal-color-dark-neutral-a-30: rgba(255, 255, 255, 0.36);
157
- --charcoal-color-dark-neutral-a-20: rgba(255, 255, 255, 0.225);
158
- --charcoal-color-dark-neutral-a-10: rgba(255, 255, 255, 0.09);
159
- --charcoal-color-dark-neutral-a-5: rgba(255, 255, 255, 0.045);
160
- --charcoal-color-dark-neutral-a-0: rgba(255, 255, 255, 0);
161
- --charcoal-color-dark-neutral-a--5: rgba(0, 0, 0, 0.32);
162
- --charcoal-color-dark-neutral-a--10: rgba(0, 0, 0, 0.8);
163
- --charcoal-color-dark-neutral--10: rgba(6, 6, 6, 1);
164
- --charcoal-color-light-magenta-90: rgba(59, 5, 37, 1);
165
- --charcoal-color-light-magenta-80: rgba(98, 27, 67, 1);
166
- --charcoal-color-light-magenta-70: rgba(141, 33, 96, 1);
167
- --charcoal-color-light-magenta-60: rgba(196, 53, 135, 1);
168
- --charcoal-color-light-magenta-50: rgba(235, 95, 170, 1);
169
- --charcoal-color-light-magenta-40: rgba(250, 131, 192, 1);
170
- --charcoal-color-light-magenta-30: rgba(245, 173, 206, 1);
171
- --charcoal-color-light-magenta-20: rgba(255, 204, 226, 1);
172
- --charcoal-color-light-magenta-10: rgba(251, 226, 237, 1);
173
- --charcoal-color-light-magenta-5: rgba(252, 239, 244, 1);
174
- --charcoal-color-light-purple-90: rgba(40, 16, 70, 1);
175
- --charcoal-color-light-purple-80: rgba(70, 32, 115, 1);
176
- --charcoal-color-light-purple-70: rgba(103, 39, 171, 1);
177
- --charcoal-color-light-purple-60: rgba(143, 77, 225, 1);
178
- --charcoal-color-light-purple-50: rgba(173, 120, 252, 1);
179
- --charcoal-color-light-purple-40: rgba(190, 153, 253, 1);
180
- --charcoal-color-light-purple-30: rgba(207, 183, 253, 1);
181
- --charcoal-color-light-purple-20: rgba(224, 210, 253, 1);
182
- --charcoal-color-light-purple-10: rgba(236, 229, 251, 1);
183
- --charcoal-color-light-purple-5: rgba(244, 241, 252, 1);
184
- --charcoal-color-light-indigo-90: rgba(24, 24, 70, 1);
185
- --charcoal-color-light-indigo-80: rgba(45, 47, 109, 1);
186
- --charcoal-color-light-indigo-70: rgba(68, 70, 155, 1);
187
- --charcoal-color-light-indigo-60: rgba(95, 97, 222, 1);
188
- --charcoal-color-light-indigo-50: rgba(129, 136, 253, 1);
189
- --charcoal-color-light-indigo-40: rgba(156, 165, 252, 1);
190
- --charcoal-color-light-indigo-30: rgba(181, 189, 253, 1);
191
- --charcoal-color-light-indigo-20: rgba(210, 216, 252, 1);
192
- --charcoal-color-light-indigo-10: rgba(226, 231, 253, 1);
193
- --charcoal-color-light-indigo-5: rgba(241, 242, 253, 1);
194
- --charcoal-color-light-cyan-50: rgba(1, 162, 187, 1);
277
+ --charcoal-color-dark-neutral-a-5: rgba(255, 255, 255, 0.045);
278
+ --charcoal-color-dark-neutral-a-40: rgba(255, 255, 255, 0.44);
279
+ --charcoal-color-dark-neutral-a-30: rgba(255, 255, 255, 0.36);
280
+ --charcoal-color-dark-neutral-a-20: rgba(255, 255, 255, 0.225);
281
+ --charcoal-color-dark-neutral-a-10: rgba(255, 255, 255, 0.09);
282
+ --charcoal-color-dark-neutral-a-0: rgba(255, 255, 255, 0);
283
+ --charcoal-color-dark-neutral-a--5: rgba(0, 0, 0, 0.32);
284
+ --charcoal-color-dark-neutral-a--10: rgba(0, 0, 0, 0.8);
285
+ --charcoal-color-dark-magenta-90: rgba(253, 217, 233, 1);
286
+ --charcoal-color-dark-magenta-80: rgba(247, 184, 213, 1);
287
+ --charcoal-color-dark-magenta-70: rgba(243, 163, 200, 1);
288
+ --charcoal-color-dark-magenta-60: rgba(240, 146, 191, 1);
289
+ --charcoal-color-dark-magenta-50: rgba(220, 114, 168, 1);
290
+ --charcoal-color-dark-magenta-5: rgba(48, 36, 42, 1);
291
+ --charcoal-color-dark-magenta-40: rgba(202, 91, 149, 1);
292
+ --charcoal-color-dark-magenta-30: rgba(185, 64, 130, 1);
293
+ --charcoal-color-dark-magenta-20: rgba(124, 58, 91, 1);
294
+ --charcoal-color-dark-magenta-10: rgba(69, 44, 56, 1);
295
+ --charcoal-color-dark-magenta-0: rgba(31, 31, 31, 1);
296
+ --charcoal-color-dark-magenta--5: rgba(21, 21, 21, 1);
297
+ --charcoal-color-dark-magenta--10: rgba(6, 6, 6, 1);
298
+ --charcoal-color-dark-indigo-90: rgba(222, 227, 255, 1);
299
+ --charcoal-color-dark-indigo-80: rgba(192, 199, 248, 1);
300
+ --charcoal-color-dark-indigo-70: rgba(175, 184, 254, 1);
301
+ --charcoal-color-dark-indigo-60: rgba(160, 170, 249, 1);
302
+ --charcoal-color-dark-indigo-50: rgba(135, 143, 231, 1);
303
+ --charcoal-color-dark-indigo-5: rgba(39, 40, 46, 1);
304
+ --charcoal-color-dark-indigo-40: rgba(115, 123, 219, 1);
305
+ --charcoal-color-dark-indigo-30: rgba(96, 100, 199, 1);
306
+ --charcoal-color-dark-indigo-20: rgba(72, 76, 134, 1);
307
+ --charcoal-color-dark-indigo-10: rgba(48, 51, 74, 1);
308
+ --charcoal-color-dark-indigo-0: rgba(31, 31, 31, 1);
309
+ --charcoal-color-dark-indigo--5: rgba(21, 21, 21, 1);
310
+ --charcoal-color-dark-indigo--10: rgba(6, 6, 6, 1);
311
+ --charcoal-color-dark-green-90: rgba(191, 241, 186, 1);
312
+ --charcoal-color-dark-green-80: rgba(161, 215, 155, 1);
313
+ --charcoal-color-dark-green-70: rgba(141, 204, 135, 1);
314
+ --charcoal-color-dark-green-60: rgba(120, 194, 113, 1);
315
+ --charcoal-color-dark-green-50: rgba(86, 169, 79, 1);
316
+ --charcoal-color-dark-green-5: rgba(37, 43, 37, 1);
317
+ --charcoal-color-dark-green-40: rgba(58, 150, 52, 1);
318
+ --charcoal-color-dark-green-30: rgba(13, 129, 5, 1);
319
+ --charcoal-color-dark-green-20: rgba(39, 92, 35, 1);
320
+ --charcoal-color-dark-green-10: rgba(41, 59, 40, 1);
321
+ --charcoal-color-dark-green-0: rgba(31, 31, 31, 1);
322
+ --charcoal-color-dark-green--5: rgba(21, 21, 21, 1);
323
+ --charcoal-color-dark-green--10: rgba(6, 6, 6, 1);
324
+ --charcoal-color-dark-blue-90: rgba(207, 230, 253, 1);
325
+ --charcoal-color-dark-blue-80: rgba(166, 205, 245, 1);
326
+ --charcoal-color-dark-blue-70: rgba(139, 193, 248, 1);
327
+ --charcoal-color-dark-blue-60: rgba(114, 181, 245, 1);
328
+ --charcoal-color-dark-blue-50: rgba(83, 156, 224, 1);
329
+ --charcoal-color-dark-blue-5: rgba(33, 41, 50, 1);
330
+ --charcoal-color-dark-blue-40: rgba(55, 136, 208, 1);
331
+ --charcoal-color-dark-blue-30: rgba(8, 114, 190, 1);
332
+ --charcoal-color-dark-blue-20: rgba(39, 84, 126, 1);
333
+ --charcoal-color-dark-blue-10: rgba(36, 55, 73, 1);
334
+ --charcoal-color-dark-blue-0: rgba(31, 31, 31, 1);
335
+ --charcoal-color-dark-blue--5: rgba(21, 21, 21, 1);
336
+ --charcoal-color-dark-blue--10: rgba(6, 6, 6, 1);
195
337
  --charcoal-color-light-emerald-90: rgba(1, 38, 29, 1);
196
338
  --charcoal-color-light-emerald-80: rgba(5, 62, 49, 1);
197
339
  --charcoal-color-light-emerald-70: rgba(13, 89, 72, 1);
198
340
  --charcoal-color-light-emerald-60: rgba(20, 131, 107, 1);
199
341
  --charcoal-color-light-emerald-50: rgba(22, 165, 135, 1);
342
+ --charcoal-color-light-emerald-5: rgba(229, 251, 244, 1);
200
343
  --charcoal-color-light-emerald-40: rgba(61, 189, 157, 1);
201
344
  --charcoal-color-light-emerald-30: rgba(88, 211, 179, 1);
202
345
  --charcoal-color-light-emerald-20: rgba(138, 234, 206, 1);
203
346
  --charcoal-color-light-emerald-10: rgba(193, 247, 230, 1);
204
- --charcoal-color-light-emerald-5: rgba(229, 251, 244, 1);
205
- --charcoal-color-light-blue-90: rgba(3, 35, 63, 1);
206
- --charcoal-color-light-blue-80: rgba(19, 58, 93, 1);
207
- --charcoal-color-light-blue-70: rgba(24, 81, 130, 1);
208
- --charcoal-color-light-blue-60: rgba(31, 117, 188, 1);
209
- --charcoal-color-light-blue-50: rgba(0, 150, 250, 1);
210
- --charcoal-color-light-blue-40: rgba(85, 178, 253, 1);
211
- --charcoal-color-light-blue-30: rgba(137, 200, 253, 1);
212
- --charcoal-color-light-blue-20: rgba(188, 222, 252, 1);
213
- --charcoal-color-light-blue-10: rgba(216, 235, 251, 1);
214
- --charcoal-color-light-blue-5: rgba(236, 244, 253, 1);
215
- --charcoal-color-light-blue-0: rgba(255, 255, 255, 1);
216
- --charcoal-color-light-turquoise-90: rgba(1, 37, 37, 1);
217
- --charcoal-color-light-turquoise-80: rgba(1, 61, 62, 1);
218
- --charcoal-color-light-turquoise-70: rgba(3, 87, 89, 1);
219
- --charcoal-color-light-turquoise-60: rgba(11, 126, 128, 1);
220
- --charcoal-color-light-turquoise-50: rgba(27, 161, 163, 1);
221
- --charcoal-color-light-turquoise-40: rgba(63, 184, 186, 1);
222
- --charcoal-color-light-turquoise-30: rgba(109, 204, 205, 1);
223
- --charcoal-color-light-turquoise-20: rgba(152, 228, 229, 1);
224
- --charcoal-color-light-turquoise-10: rgba(196, 240, 241, 1);
225
- --charcoal-color-light-turquoise-5: rgba(225, 249, 249, 1);
226
- --charcoal-color-light-turquoise-0: rgba(255, 255, 255, 1);
227
- --charcoal-color-light-green-90: rgba(1, 40, 0, 1);
228
- --charcoal-color-light-green-80: rgba(7, 64, 4, 1);
229
- --charcoal-color-light-green-70: rgba(4, 93, 0, 1);
230
- --charcoal-color-light-green-60: rgba(17, 131, 8, 1);
231
- --charcoal-color-light-green-50: rgba(37, 170, 28, 1);
232
- --charcoal-color-light-green-40: rgba(80, 192, 72, 1);
233
- --charcoal-color-light-green-30: rgba(121, 214, 112, 1);
234
- --charcoal-color-light-green-20: rgba(164, 234, 157, 1);
235
- --charcoal-color-light-green-10: rgba(204, 243, 200, 1);
236
- --charcoal-color-light-green-5: rgba(234, 248, 232, 1);
237
- --charcoal-color-light-green-0: rgba(255, 255, 255, 1);
238
- --charcoal-color-light-yellow-90: rgba(44, 28, 0, 1);
239
- --charcoal-color-light-yellow-80: rgba(74, 51, 7, 1);
240
- --charcoal-color-light-yellow-70: rgba(110, 72, 5, 1);
241
- --charcoal-color-light-yellow-60: rgba(161, 99, 9, 1);
242
- --charcoal-color-light-yellow-50: rgba(205, 131, 2, 1);
243
- --charcoal-color-light-yellow-40: rgba(231, 157, 20, 1);
244
- --charcoal-color-light-yellow-30: rgba(245, 183, 17, 1);
245
- --charcoal-color-light-yellow-20: rgba(254, 214, 61, 1);
246
- --charcoal-color-light-yellow-10: rgba(246, 232, 176, 1);
247
- --charcoal-color-light-yellow-5: rgba(250, 243, 221, 1);
248
- --charcoal-color-light-yellow-0: rgba(255, 255, 255, 1);
249
- --charcoal-color-light-orange-90: rgba(55, 18, 2, 1);
250
- --charcoal-color-light-orange-80: rgba(91, 38, 13, 1);
251
- --charcoal-color-light-orange-70: rgba(132, 54, 7, 1);
252
- --charcoal-color-light-orange-60: rgba(190, 79, 4, 1);
253
- --charcoal-color-light-orange-50: rgba(242, 105, 21, 1);
254
- --charcoal-color-light-orange-40: rgba(253, 143, 53, 1);
255
- --charcoal-color-light-orange-30: rgba(254, 176, 121, 1);
256
- --charcoal-color-light-orange-20: rgba(253, 209, 177, 1);
257
- --charcoal-color-light-orange-10: rgba(252, 229, 211, 1);
258
- --charcoal-color-light-orange-5: rgba(253, 241, 229, 1);
259
- --charcoal-color-light-red-90: rgba(66, 0, 1, 1);
260
- --charcoal-color-light-red-80: rgba(103, 22, 17, 1);
261
- --charcoal-color-light-red-70: rgba(147, 33, 28, 1);
262
- --charcoal-color-light-red-60: rgba(206, 54, 46, 1);
263
- --charcoal-color-light-red-50: rgba(253, 91, 78, 1);
264
- --charcoal-color-light-red-40: rgba(252, 138, 124, 1);
265
- --charcoal-color-light-red-30: rgba(253, 174, 163, 1);
266
- --charcoal-color-light-red-20: rgba(253, 206, 199, 1);
267
- --charcoal-color-light-red-10: rgba(250, 228, 225, 1);
268
- --charcoal-color-light-red-5: rgba(253, 240, 237, 1);
269
- --charcoal-color-light-red-0: rgba(255, 255, 255, 1);
270
- --charcoal-color-light-neutral-90: rgba(31, 31, 31, 1);
271
- --charcoal-color-light-neutral-80: rgba(56, 56, 56, 1);
272
- --charcoal-color-light-neutral-70: rgba(81, 81, 81, 1);
273
- --charcoal-color-light-neutral-60: rgba(113, 113, 113, 1);
274
- --charcoal-color-light-neutral-50: rgba(148, 148, 148, 1);
275
- --charcoal-color-light-neutral-40: rgba(172, 172, 172, 1);
276
- --charcoal-color-light-neutral-30: rgba(194, 194, 194, 1);
277
- --charcoal-color-light-neutral-20: rgba(217, 217, 217, 1);
278
- --charcoal-color-light-neutral-10: rgba(232, 232, 232, 1);
279
- --charcoal-color-light-neutral-5: rgba(243, 243, 243, 1);
280
- --charcoal-color-light-neutral-a-90: rgba(0, 0, 0, 0.88);
281
- --charcoal-color-light-neutral-a-80: rgba(0, 0, 0, 0.78);
282
- --charcoal-color-light-neutral-a-70: rgba(0, 0, 0, 0.683);
283
- --charcoal-color-light-neutral-a-60: rgba(0, 0, 0, 0.555);
284
- --charcoal-color-light-neutral-a-50: rgba(0, 0, 0, 0.42);
285
- --charcoal-color-light-neutral-a-40: rgba(0, 0, 0, 0.325);
286
- --charcoal-color-light-neutral-a-30: rgba(0, 0, 0, 0.24);
287
- --charcoal-color-light-neutral-a-20: rgba(0, 0, 0, 0.15);
288
- --charcoal-color-light-neutral-a-10: rgba(0, 0, 0, 0.09);
289
- --charcoal-color-light-neutral-a-5: rgba(0, 0, 0, 0.047);
290
- --charcoal-color-light-neutral-a-0: rgba(0, 0, 0, 0);
291
- --charcoal-color-light-neutral-0: rgba(255, 255, 255, 1);
292
- --charcoal-space-target-l: 48px;
293
- --charcoal-space-target-m: 40px;
294
- --charcoal-space-target-s: 32px;
295
- --charcoal-space-target-xs: 24px;
296
- --charcoal-space-999: 999999px;
297
- --charcoal-space-100: 440px;
298
- --charcoal-space-90: 272px;
299
- --charcoal-space-80: 168px;
300
- --charcoal-space-70: 104px;
301
- --charcoal-space-66: 96px;
302
- --charcoal-space-63: 80px;
303
- --charcoal-space-60: 64px;
304
- --charcoal-space-55: 48px;
305
- --charcoal-space-50: 40px;
306
- --charcoal-space-46: 32px;
307
- --charcoal-space-43: 28px;
308
- --charcoal-space-40: 24px;
309
- --charcoal-space-35: 20px;
310
- --charcoal-space-30: 16px;
311
- --charcoal-space-25: 12px;
312
- --charcoal-space-20: 8px;
313
- --charcoal-space-15: 6px;
314
- --charcoal-space-10: 4px;
315
- --charcoal-space-1: 2px;
316
- --charcoal-space-0: 0px;
317
- --charcoal-brand-color-factory: rgba(0, 184, 205, 1);
318
- --charcoal-brand-color-booth: rgba(252, 77, 80, 1);
319
- --charcoal-brand-color-comic: rgba(255, 196, 0, 1);
347
+ --charcoal-color-light-cyan-50: rgba(1, 162, 187, 1);
320
348
  --charcoal-brand-color-premium: rgba(253, 158, 22, 1);
321
349
  --charcoal-brand-color-pixiv: rgba(0, 150, 250, 1);
322
- --charcoal-text-font-family-sans: Sarasa UI J;
323
- --charcoal-text-line-height-100: 72px;
324
- --charcoal-text-line-height-90: 64px;
325
- --charcoal-text-line-height-80: 56px;
326
- --charcoal-text-line-height-70: 52px;
327
- --charcoal-text-line-height-60: 44px;
328
- --charcoal-text-line-height-50: 40px;
329
- --charcoal-text-line-height-40: 36px;
330
- --charcoal-text-line-height-30: 32px;
331
- --charcoal-text-line-height-20: 28px;
332
- --charcoal-text-line-height-10: 24px;
333
- --charcoal-text-line-height-5: 20px;
334
- --charcoal-text-line-height-1: 18px;
335
- --charcoal-text-font-weight-70: 700;
336
- --charcoal-text-font-weight-40: 400;
337
- --charcoal-text-line-height-0: 16px;
338
- --charcoal-text-font-size-120: 60px;
339
- --charcoal-text-font-size-110: 50px;
340
- --charcoal-text-font-size-100: 45px;
341
- --charcoal-text-font-size-90: 40px;
342
- --charcoal-text-font-size-80: 36px;
343
- --charcoal-text-font-size-70: 32px;
344
- --charcoal-text-font-size-60: 28px;
345
- --charcoal-text-font-size-50: 25px;
346
- --charcoal-text-font-size-40: 22px;
347
- --charcoal-text-font-size-30: 20px;
348
- --charcoal-text-font-size-20: 18px;
349
- --charcoal-text-font-size-10: 16px;
350
- --charcoal-text-font-size-5: 14px;
351
- --charcoal-text-font-size-1: 12px;
352
- --charcoal-text-font-size-0: 11px;
350
+ --charcoal-brand-color-factory: rgba(0, 184, 205, 1);
351
+ --charcoal-brand-color-comic: rgba(255, 196, 0, 1);
352
+ --charcoal-brand-color-booth: rgba(252, 77, 80, 1);
353
353
  --charcoal-radius-xxl: var(--charcoal-space-40);
354
+ --charcoal-radius-xs: var(--charcoal-space-1);
354
355
  --charcoal-radius-xl: var(--charcoal-space-30);
355
- --charcoal-radius-l: var(--charcoal-space-25);
356
- --charcoal-radius-m: var(--charcoal-space-20);
357
356
  --charcoal-radius-s: var(--charcoal-space-10);
358
- --charcoal-radius-xs: var(--charcoal-space-1);
357
+ --charcoal-radius-m: var(--charcoal-space-20);
358
+ --charcoal-radius-l: var(--charcoal-space-25);
359
359
  --charcoal-radius-0: var(--charcoal-space-0);
360
360
  --charcoal-border-width-focus-2: var(--charcoal-border-width-l);
361
361
  --charcoal-border-width-focus-1: var(--charcoal-border-width-m);
362
- --charcoal-color-border-negative: var(--charcoal-color-dark-red-20);
363
- --charcoal-color-border-focus-2: var(--charcoal-color-dark-blue-20);
364
- --charcoal-color-border-disable: var(--charcoal-color-dark-neutral-a-5);
365
- --charcoal-color-border-secondary: var(--charcoal-color-dark-neutral-a-10);
366
- --charcoal-color-border-focus-1: var(--charcoal-color-dark-blue-60);
367
- --charcoal-color-border-press: var(--charcoal-color-dark-neutral-a-50);
368
- --charcoal-color-border-hover: var(--charcoal-color-dark-neutral-a-40);
369
- --charcoal-color-border-default: var(--charcoal-color-dark-neutral-a-30);
370
- --charcoal-color-icon-on-neutral-press: var(--charcoal-color-dark-neutral-90);
371
- --charcoal-color-icon-on-neutral-hover: var(--charcoal-color-dark-neutral-90);
372
- --charcoal-color-icon-on-neutral-default: var(--charcoal-color-dark-neutral-90);
373
- --charcoal-color-text-on-hud-press: var(--charcoal-color-light-neutral-90);
374
- --charcoal-color-text-on-hud-hover: var(--charcoal-color-light-neutral-90);
375
- --charcoal-color-text-on-hud-default: var(--charcoal-color-light-neutral-90);
376
- --charcoal-color-text-on-discovery-press: var(--charcoal-color-dark-neutral-90);
377
- --charcoal-color-text-on-discovery-hover: var(--charcoal-color-dark-neutral-90);
378
- --charcoal-color-text-on-discovery-default: var(--charcoal-color-dark-neutral-90);
379
- --charcoal-color-text-on-notice-press: var(--charcoal-color-dark-neutral-5);
380
- --charcoal-color-text-on-notice-hover: var(--charcoal-color-dark-neutral-5);
381
- --charcoal-color-text-on-notice-default: var(--charcoal-color-dark-neutral-5);
362
+ --charcoal-text-line-height-paragraph: var(--charcoal-text-line-height-20);
363
+ --charcoal-text-line-height-heading-xxxs: var(--charcoal-text-line-height-5);
364
+ --charcoal-text-line-height-heading-xxxl: var(--charcoal-text-line-height-70);
365
+ --charcoal-text-line-height-heading-xxs: var(--charcoal-text-line-height-10);
366
+ --charcoal-text-line-height-heading-xxl: var(--charcoal-text-line-height-60);
367
+ --charcoal-text-line-height-heading-xs: var(--charcoal-text-line-height-20);
368
+ --charcoal-text-line-height-heading-xl: var(--charcoal-text-line-height-50);
369
+ --charcoal-text-line-height-heading-s: var(--charcoal-text-line-height-20);
370
+ --charcoal-text-line-height-heading-m: var(--charcoal-text-line-height-30);
371
+ --charcoal-text-line-height-heading-l: var(--charcoal-text-line-height-40);
372
+ --charcoal-text-line-height-caption-s: var(--charcoal-text-line-height-1);
373
+ --charcoal-text-line-height-caption-m: var(--charcoal-text-line-height-5);
374
+ --charcoal-text-line-height-body: var(--charcoal-text-line-height-10);
375
+ --charcoal-text-font-weight-regular: var(--charcoal-text-font-weight-40);
376
+ --charcoal-text-font-weight-bold: var(--charcoal-text-font-weight-70);
377
+ --charcoal-text-font-size-paragraph: var(--charcoal-text-font-size-10);
378
+ --charcoal-text-font-size-heading-xxxs: var(--charcoal-text-font-size-5);
379
+ --charcoal-text-font-size-heading-xxxl: var(--charcoal-text-font-size-90);
380
+ --charcoal-text-font-size-heading-xxs: var(--charcoal-text-font-size-20);
381
+ --charcoal-text-font-size-heading-xxl: var(--charcoal-text-font-size-80);
382
+ --charcoal-text-font-size-heading-xs: var(--charcoal-text-font-size-30);
383
+ --charcoal-text-font-size-heading-xl: var(--charcoal-text-font-size-70);
384
+ --charcoal-text-font-size-heading-s: var(--charcoal-text-font-size-40);
385
+ --charcoal-text-font-size-heading-m: var(--charcoal-text-font-size-50);
386
+ --charcoal-text-font-size-heading-l: var(--charcoal-text-font-size-60);
387
+ --charcoal-text-font-size-caption-s: var(--charcoal-text-font-size-1);
388
+ --charcoal-text-font-size-caption-m: var(--charcoal-text-font-size-5);
389
+ --charcoal-text-font-size-body: var(--charcoal-text-font-size-10);
390
+ --charcoal-space-layout-90: var(--charcoal-space-90);
391
+ --charcoal-space-layout-80: var(--charcoal-space-80);
392
+ --charcoal-space-layout-70: var(--charcoal-space-70);
393
+ --charcoal-space-layout-60: var(--charcoal-space-60);
394
+ --charcoal-space-layout-50: var(--charcoal-space-50);
395
+ --charcoal-space-layout-40: var(--charcoal-space-40);
396
+ --charcoal-space-layout-30: var(--charcoal-space-30);
397
+ --charcoal-space-layout-25: var(--charcoal-space-25);
398
+ --charcoal-space-layout-20: var(--charcoal-space-20);
399
+ --charcoal-space-layout-100: var(--charcoal-space-100);
400
+ --charcoal-space-layout-10: var(--charcoal-space-10);
401
+ --charcoal-space-layout-0: var(--charcoal-space-0);
402
+ --charcoal-space-component-50: var(--charcoal-space-50);
403
+ --charcoal-space-component-40: var(--charcoal-space-40);
404
+ --charcoal-space-component-30: var(--charcoal-space-30);
405
+ --charcoal-space-component-25: var(--charcoal-space-25);
406
+ --charcoal-space-component-20: var(--charcoal-space-20);
407
+ --charcoal-space-component-10: var(--charcoal-space-10);
408
+ --charcoal-space-component-0: var(--charcoal-space-0);
409
+ --charcoal-color-text-visited-press: var(--charcoal-color-dark-purple-90);
410
+ --charcoal-color-text-visited-hover: var(--charcoal-color-dark-purple-80);
411
+ --charcoal-color-text-visited-default: var(--charcoal-color-dark-purple-60);
412
+ --charcoal-color-text-tertiary-press: var(--charcoal-color-dark-neutral-70);
413
+ --charcoal-color-text-tertiary-hover: var(--charcoal-color-dark-neutral-60);
414
+ --charcoal-color-text-tertiary-default: var(--charcoal-color-dark-neutral-40);
415
+ --charcoal-color-text-secondary-press: var(--charcoal-color-dark-neutral-80);
416
+ --charcoal-color-text-secondary-hover: var(--charcoal-color-dark-neutral-70);
417
+ --charcoal-color-text-secondary-default: var(--charcoal-color-dark-neutral-60);
418
+ --charcoal-color-text-press-text1: var(--charcoal-color-dark-neutral-90);
419
+ --charcoal-color-text-press: var(--charcoal-color-dark-neutral-70);
420
+ --charcoal-color-text-positive-press: var(--charcoal-color-dark-green-90);
421
+ --charcoal-color-text-positive-hover: var(--charcoal-color-dark-green-80);
422
+ --charcoal-color-text-positive-default: var(--charcoal-color-dark-green-60);
423
+ --charcoal-color-text-placeholder-press: var(--charcoal-color-dark-neutral-30);
424
+ --charcoal-color-text-placeholder-hover: var(--charcoal-color-dark-neutral-30);
425
+ --charcoal-color-text-placeholder-default: var(--charcoal-color-dark-neutral-30);
426
+ --charcoal-color-text-on-primary-press: var(--charcoal-color-dark-neutral-90);
427
+ --charcoal-color-text-on-primary-hover: var(--charcoal-color-dark-neutral-90);
428
+ --charcoal-color-text-on-primary-default: var(--charcoal-color-dark-neutral-90);
382
429
  --charcoal-color-text-on-positive-press: var(--charcoal-color-dark-neutral-90);
383
430
  --charcoal-color-text-on-positive-hover: var(--charcoal-color-dark-neutral-90);
384
431
  --charcoal-color-text-on-positive-default: var(--charcoal-color-dark-neutral-90);
385
- --charcoal-color-text-on-negative-press: var(--charcoal-color-dark-neutral-90);
386
- --charcoal-color-text-on-negative-hover: var(--charcoal-color-dark-neutral-90);
387
- --charcoal-color-text-on-negative-default: var(--charcoal-color-dark-neutral-90);
388
- --charcoal-color-text-on-primary-press: var(--charcoal-color-dark-neutral-90);
389
- --charcoal-color-text-on-primary-hover: var(--charcoal-color-dark-neutral-90);
390
432
  --charcoal-color-text-on-on-img-press: var(--charcoal-color-dark-neutral-90);
391
433
  --charcoal-color-text-on-on-img-hover: var(--charcoal-color-dark-neutral-90);
392
434
  --charcoal-color-text-on-on-img-default: var(--charcoal-color-dark-neutral-90);
393
- --charcoal-color-text-on-primary-default: var(--charcoal-color-dark-neutral-90);
394
- --charcoal-color-text-positive-press: var(--charcoal-color-dark-green-90);
395
- --charcoal-color-text-positive-hover: var(--charcoal-color-dark-green-80);
396
- --charcoal-color-text-positive-default: var(--charcoal-color-dark-green-60);
435
+ --charcoal-color-text-on-notice-press: var(--charcoal-color-dark-neutral-5);
436
+ --charcoal-color-text-on-notice-hover: var(--charcoal-color-dark-neutral-5);
437
+ --charcoal-color-text-on-notice-default: var(--charcoal-color-dark-neutral-5);
438
+ --charcoal-color-text-on-negative-press: var(--charcoal-color-dark-neutral-90);
439
+ --charcoal-color-text-on-negative-hover: var(--charcoal-color-dark-neutral-90);
440
+ --charcoal-color-text-on-negative-default: var(--charcoal-color-dark-neutral-90);
441
+ --charcoal-color-text-on-hud-press: var(--charcoal-color-light-neutral-90);
442
+ --charcoal-color-text-on-hud-hover: var(--charcoal-color-light-neutral-90);
443
+ --charcoal-color-text-on-hud-default: var(--charcoal-color-light-neutral-90);
444
+ --charcoal-color-text-on-discovery-press: var(--charcoal-color-dark-neutral-90);
445
+ --charcoal-color-text-on-discovery-hover: var(--charcoal-color-dark-neutral-90);
446
+ --charcoal-color-text-on-discovery-default: var(--charcoal-color-dark-neutral-90);
397
447
  --charcoal-color-text-notice-press: var(--charcoal-color-dark-yellow-90);
398
448
  --charcoal-color-text-notice-hover: var(--charcoal-color-dark-yellow-80);
399
449
  --charcoal-color-text-notice-default: var(--charcoal-color-dark-yellow-60);
400
450
  --charcoal-color-text-negative-press: var(--charcoal-color-dark-red-90);
401
451
  --charcoal-color-text-negative-hover: var(--charcoal-color-dark-red-80);
402
452
  --charcoal-color-text-negative-default: var(--charcoal-color-dark-red-60);
403
- --charcoal-color-text-visited-press: var(--charcoal-color-dark-purple-90);
404
- --charcoal-color-text-visited-hover: var(--charcoal-color-dark-purple-80);
405
- --charcoal-color-text-visited-default: var(--charcoal-color-dark-purple-60);
406
453
  --charcoal-color-text-info-press: var(--charcoal-color-dark-blue-90);
407
454
  --charcoal-color-text-info-hover: var(--charcoal-color-dark-blue-80);
408
455
  --charcoal-color-text-info-default: var(--charcoal-color-dark-blue-60);
409
- --charcoal-color-text-placeholder-press: var(--charcoal-color-dark-neutral-30);
410
- --charcoal-color-text-placeholder-hover: var(--charcoal-color-dark-neutral-30);
411
- --charcoal-color-text-placeholder-default: var(--charcoal-color-dark-neutral-30);
412
- --charcoal-color-text-tertiary-press: var(--charcoal-color-dark-neutral-70);
413
- --charcoal-color-text-tertiary-hover: var(--charcoal-color-dark-neutral-60);
414
- --charcoal-color-text-tertiary-default: var(--charcoal-color-dark-neutral-40);
415
- --charcoal-color-text-secondary-press: var(--charcoal-color-dark-neutral-80);
416
- --charcoal-color-text-secondary-hover: var(--charcoal-color-dark-neutral-70);
417
- --charcoal-color-text-secondary-default: var(--charcoal-color-dark-neutral-60);
418
- --charcoal-color-text-disable: var(--charcoal-color-dark-neutral-40);
419
- --charcoal-color-text-press: var(--charcoal-color-dark-neutral-70);
456
+ --charcoal-color-text-hover-text1: var(--charcoal-color-dark-neutral-90);
420
457
  --charcoal-color-text-hover: var(--charcoal-color-dark-neutral-80);
458
+ --charcoal-color-text-disable: var(--charcoal-color-dark-neutral-40);
459
+ --charcoal-color-text-default-text1: var(--charcoal-color-dark-neutral-90);
421
460
  --charcoal-color-text-default: var(--charcoal-color-dark-neutral-90);
461
+ --charcoal-color-icon-on-neutral-press: var(--charcoal-color-dark-neutral-90);
462
+ --charcoal-color-icon-on-neutral-hover: var(--charcoal-color-dark-neutral-90);
463
+ --charcoal-color-icon-on-neutral-default: var(--charcoal-color-dark-neutral-90);
464
+ --charcoal-color-container-tertiary-press-a: var(--charcoal-color-dark-neutral-a-30);
465
+ --charcoal-color-container-tertiary-press: var(--charcoal-color-dark-neutral-30);
466
+ --charcoal-color-container-tertiary-hover-a: var(--charcoal-color-dark-neutral-a-20);
467
+ --charcoal-color-container-tertiary-hover: var(--charcoal-color-dark-neutral-20);
468
+ --charcoal-color-container-tertiary-default-a: var(--charcoal-color-dark-neutral-a-10);
469
+ --charcoal-color-container-tertiary-default: var(--charcoal-color-dark-neutral-10);
422
470
  --charcoal-color-container-skeleton: var(--charcoal-color-dark-neutral-a-5);
423
- --charcoal-color-container-hud-press: var(--charcoal-color-dark-neutral-70);
424
- --charcoal-color-container-hud-hover: var(--charcoal-color-dark-neutral-80);
425
- --charcoal-color-container-hud-default: var(--charcoal-color-dark-neutral-90);
426
- --charcoal-color-container-neutral-press: var(--charcoal-color-dark-neutral-50);
427
- --charcoal-color-container-neutral-hover: var(--charcoal-color-dark-neutral-40);
428
- --charcoal-color-container-discovery-press: var(--charcoal-color-dark-red-50);
429
- --charcoal-color-container-discovery-hover: var(--charcoal-color-dark-red-40);
430
- --charcoal-color-container-discovery-default: var(--charcoal-color-dark-red-30);
431
- --charcoal-color-container-neutral-default: var(--charcoal-color-dark-neutral-30);
432
- --charcoal-color-container-notice-press: var(--charcoal-color-dark-yellow-90);
433
- --charcoal-color-container-notice-hover: var(--charcoal-color-dark-yellow-80);
434
- --charcoal-color-container-notice-default: var(--charcoal-color-dark-yellow-70);
435
- --charcoal-color-container-positive-press: var(--charcoal-color-dark-green-50);
436
- --charcoal-color-container-positive-hover: var(--charcoal-color-dark-green-40);
437
- --charcoal-color-container-positive-default: var(--charcoal-color-dark-green-30);
438
- --charcoal-color-container-negative-press: var(--charcoal-color-dark-red-50);
439
- --charcoal-color-container-negative-hover: var(--charcoal-color-dark-red-40);
440
- --charcoal-color-container-negative-default: var(--charcoal-color-dark-red-30);
441
- --charcoal-color-container-on-img-press: var(--charcoal-color-light-neutral-a-60);
442
- --charcoal-color-container-on-img-hover: var(--charcoal-color-light-neutral-a-50);
443
- --charcoal-color-container-on-img-default: var(--charcoal-color-light-neutral-a-40);
444
471
  --charcoal-color-container-secondary-press-a: var(--charcoal-color-dark-neutral-a-20);
445
- --charcoal-color-container-secondary-hover-a: var(--charcoal-color-dark-neutral-a-10);
446
- --charcoal-color-container-secondary-default-a: var(--charcoal-color-dark-neutral-a-5);
447
472
  --charcoal-color-container-secondary-press: var(--charcoal-color-dark-neutral-20);
473
+ --charcoal-color-container-secondary-hover-a: var(--charcoal-color-dark-neutral-a-10);
448
474
  --charcoal-color-container-secondary-hover: var(--charcoal-color-dark-neutral-10);
475
+ --charcoal-color-container-secondary-default-a: var(--charcoal-color-dark-neutral-a-5);
476
+ --charcoal-color-container-secondary-default: var(--charcoal-color-dark-neutral-5);
449
477
  --charcoal-color-container-primary-press: var(--charcoal-color-dark-blue-50);
450
478
  --charcoal-color-container-primary-hover: var(--charcoal-color-dark-blue-40);
451
479
  --charcoal-color-container-primary-default: var(--charcoal-color-dark-blue-30);
452
- --charcoal-color-container-tertiary-press-a: var(--charcoal-color-dark-neutral-a-30);
453
- --charcoal-color-container-tertiary-hover-a: var(--charcoal-color-dark-neutral-a-20);
454
- --charcoal-color-container-tertiary-default-a: var(--charcoal-color-dark-neutral-a-10);
455
- --charcoal-color-container-tertiary-press: var(--charcoal-color-dark-neutral-30);
456
- --charcoal-color-container-tertiary-hover: var(--charcoal-color-dark-neutral-20);
457
- --charcoal-color-container-tertiary-default: var(--charcoal-color-dark-neutral-10);
458
- --charcoal-color-container-secondary-default: var(--charcoal-color-dark-neutral-5);
459
- --charcoal-color-container-disable: var(--charcoal-color-dark-neutral-10);
460
480
  --charcoal-color-container-press-a: var(--charcoal-color-dark-neutral-a-10);
461
- --charcoal-color-container-hover-a: var(--charcoal-color-dark-neutral-a-5);
462
- --charcoal-color-container-default-a: var(--charcoal-color-dark-neutral-a-0);
463
481
  --charcoal-color-container-press: var(--charcoal-color-dark-neutral-10);
482
+ --charcoal-color-container-positive-press: var(--charcoal-color-dark-green-50);
483
+ --charcoal-color-container-positive-hover: var(--charcoal-color-dark-green-40);
484
+ --charcoal-color-container-positive-default: var(--charcoal-color-dark-green-30);
485
+ --charcoal-color-container-on-img-press: var(--charcoal-color-light-neutral-a-60);
486
+ --charcoal-color-container-on-img-hover: var(--charcoal-color-light-neutral-a-50);
487
+ --charcoal-color-container-on-img-default: var(--charcoal-color-light-neutral-a-40);
488
+ --charcoal-color-container-notice-press: var(--charcoal-color-dark-yellow-90);
489
+ --charcoal-color-container-notice-hover: var(--charcoal-color-dark-yellow-80);
490
+ --charcoal-color-container-notice-default: var(--charcoal-color-dark-yellow-70);
491
+ --charcoal-color-container-neutral-press: var(--charcoal-color-dark-neutral-50);
492
+ --charcoal-color-container-neutral-hover: var(--charcoal-color-dark-neutral-40);
493
+ --charcoal-color-container-neutral-default: var(--charcoal-color-dark-neutral-30);
494
+ --charcoal-color-container-negative-press: var(--charcoal-color-dark-red-50);
495
+ --charcoal-color-container-negative-hover: var(--charcoal-color-dark-red-40);
496
+ --charcoal-color-container-negative-default: var(--charcoal-color-dark-red-30);
497
+ --charcoal-color-container-hud-press: var(--charcoal-color-dark-neutral-70);
498
+ --charcoal-color-container-hud-hover: var(--charcoal-color-dark-neutral-80);
499
+ --charcoal-color-container-hud-default: var(--charcoal-color-dark-neutral-90);
500
+ --charcoal-color-container-hover-a: var(--charcoal-color-dark-neutral-a-5);
464
501
  --charcoal-color-container-hover: var(--charcoal-color-dark-neutral-5);
502
+ --charcoal-color-container-discovery-press: var(--charcoal-color-dark-red-50);
503
+ --charcoal-color-container-discovery-hover: var(--charcoal-color-dark-red-40);
504
+ --charcoal-color-container-discovery-default: var(--charcoal-color-dark-red-30);
505
+ --charcoal-color-container-disable: var(--charcoal-color-dark-neutral-10);
506
+ --charcoal-color-container-default-a: var(--charcoal-color-dark-neutral-a-0);
465
507
  --charcoal-color-container-default: var(--charcoal-color-dark-neutral-0);
466
- --charcoal-color-background-overlay: var(--charcoal-color-dark-neutral-a--5);
508
+ --charcoal-color-border-secondary: var(--charcoal-color-dark-neutral-a-10);
509
+ --charcoal-color-border-press-text3: var(--charcoal-color-dark-neutral-a-50);
510
+ --charcoal-color-border-press: var(--charcoal-color-dark-neutral-a-50);
511
+ --charcoal-color-border-negative: var(--charcoal-color-dark-red-20);
512
+ --charcoal-color-border-hover-text3: var(--charcoal-color-dark-neutral-a-40);
513
+ --charcoal-color-border-hover: var(--charcoal-color-dark-neutral-a-40);
514
+ --charcoal-color-border-focus-2: var(--charcoal-color-dark-blue-20);
515
+ --charcoal-color-border-focus-1: var(--charcoal-color-dark-blue-60);
516
+ --charcoal-color-border-disable: var(--charcoal-color-dark-neutral-a-5);
517
+ --charcoal-color-border-default-text3: var(--charcoal-color-dark-neutral-a-30);
518
+ --charcoal-color-border-default: var(--charcoal-color-dark-neutral-a-30);
467
519
  --charcoal-color-background-tertiary: var(--charcoal-color-dark-neutral--10);
468
520
  --charcoal-color-background-secondary: var(--charcoal-color-dark-neutral--5);
521
+ --charcoal-color-background-overlay: var(--charcoal-color-dark-neutral-a--5);
469
522
  --charcoal-color-background-default: var(--charcoal-color-dark-neutral-0);
470
- --charcoal-space-layout-100: var(--charcoal-space-100);
471
- --charcoal-space-layout-90: var(--charcoal-space-90);
472
- --charcoal-space-layout-80: var(--charcoal-space-80);
473
- --charcoal-space-layout-70: var(--charcoal-space-70);
474
- --charcoal-space-layout-60: var(--charcoal-space-60);
475
- --charcoal-space-layout-50: var(--charcoal-space-50);
476
- --charcoal-space-layout-40: var(--charcoal-space-40);
477
- --charcoal-space-layout-30: var(--charcoal-space-30);
478
- --charcoal-space-layout-25: var(--charcoal-space-25);
479
- --charcoal-space-layout-20: var(--charcoal-space-20);
480
- --charcoal-space-layout-10: var(--charcoal-space-10);
481
- --charcoal-space-layout-0: var(--charcoal-space-0);
482
- --charcoal-space-component-50: var(--charcoal-space-50);
483
- --charcoal-space-component-40: var(--charcoal-space-40);
484
- --charcoal-space-component-30: var(--charcoal-space-30);
485
- --charcoal-space-component-25: var(--charcoal-space-25);
486
- --charcoal-space-component-20: var(--charcoal-space-20);
487
- --charcoal-space-component-10: var(--charcoal-space-10);
488
- --charcoal-space-component-0: var(--charcoal-space-0);
489
- --charcoal-text-font-weight-bold: var(--charcoal-text-font-weight-70);
490
- --charcoal-text-font-weight-regular: var(--charcoal-text-font-weight-40);
491
- --charcoal-text-font-size-caption-s: var(--charcoal-text-font-size-1);
492
- --charcoal-text-font-size-caption-m: var(--charcoal-text-font-size-5);
493
- --charcoal-text-font-size-heading-xxxs: var(--charcoal-text-font-size-5);
494
- --charcoal-text-font-size-heading-xxs: var(--charcoal-text-font-size-20);
495
- --charcoal-text-font-size-heading-xs: var(--charcoal-text-font-size-30);
496
- --charcoal-text-font-size-heading-s: var(--charcoal-text-font-size-40);
497
- --charcoal-text-font-size-heading-m: var(--charcoal-text-font-size-50);
498
- --charcoal-text-font-size-heading-l: var(--charcoal-text-font-size-60);
499
- --charcoal-text-font-size-heading-xl: var(--charcoal-text-font-size-70);
500
- --charcoal-text-font-size-heading-xxl: var(--charcoal-text-font-size-80);
501
- --charcoal-text-font-size-heading-xxxl: var(--charcoal-text-font-size-90);
502
- --charcoal-text-font-size-body: var(--charcoal-text-font-size-10);
503
- --charcoal-text-line-height-caption-s: var(--charcoal-text-line-height-1);
504
- --charcoal-text-line-height-caption-m: var(--charcoal-text-line-height-5);
505
- --charcoal-text-line-height-heading-xxxs: var(--charcoal-text-line-height-5);
506
- --charcoal-text-line-height-heading-xxs: var(--charcoal-text-line-height-10);
507
- --charcoal-text-line-height-heading-xs: var(--charcoal-text-line-height-20);
508
- --charcoal-text-line-height-heading-s: var(--charcoal-text-line-height-20);
509
- --charcoal-text-line-height-heading-m: var(--charcoal-text-line-height-30);
510
- --charcoal-text-line-height-heading-l: var(--charcoal-text-line-height-40);
511
- --charcoal-text-line-height-heading-xl: var(--charcoal-text-line-height-50);
512
- --charcoal-text-line-height-heading-xxl: var(--charcoal-text-line-height-60);
513
- --charcoal-text-line-height-heading-xxxl: var(--charcoal-text-line-height-70);
514
- --charcoal-text-line-height-body: var(--charcoal-text-line-height-10);
515
- --charcoal-text-line-height-paragraph: var(--charcoal-text-line-height-20);
516
- --charcoal-text-font-size-paragraph: var(--charcoal-text-font-size-10);
523
+ --charcoal-space-padding-padding-card: var(--charcoal-space-layout-40);
524
+ --charcoal-color-icon-tertiary-press: var(--charcoal-color-text-tertiary-press);
525
+ --charcoal-color-icon-tertiary-hover: var(--charcoal-color-text-tertiary-hover);
526
+ --charcoal-color-icon-tertiary-default: var(--charcoal-color-text-tertiary-default);
527
+ --charcoal-color-icon-secondary-press: var(--charcoal-color-text-secondary-press);
528
+ --charcoal-color-icon-secondary-hover: var(--charcoal-color-text-secondary-hover);
529
+ --charcoal-color-icon-secondary-default: var(--charcoal-color-text-secondary-default);
530
+ --charcoal-color-icon-press: var(--charcoal-color-text-press);
531
+ --charcoal-color-icon-positive-press: var(--charcoal-color-text-positive-press);
532
+ --charcoal-color-icon-positive-hover: var(--charcoal-color-text-positive-hover);
533
+ --charcoal-color-icon-positive-default: var(--charcoal-color-text-positive-default);
534
+ --charcoal-color-icon-on-primary-press: var(--charcoal-color-text-on-primary-press);
535
+ --charcoal-color-icon-on-primary-hover: var(--charcoal-color-text-on-primary-hover);
536
+ --charcoal-color-icon-on-primary-default: var(--charcoal-color-text-on-primary-default);
517
537
  --charcoal-color-icon-on-positive-press: var(--charcoal-color-text-on-positive-press);
518
538
  --charcoal-color-icon-on-positive-hover: var(--charcoal-color-text-on-positive-hover);
539
+ --charcoal-color-icon-on-positive-default: var(--charcoal-color-text-on-positive-default);
540
+ --charcoal-color-icon-on-on-img-press: var(--charcoal-color-text-on-on-img-press);
541
+ --charcoal-color-icon-on-on-img-hover: var(--charcoal-color-text-on-on-img-hover);
542
+ --charcoal-color-icon-on-on-img-default: var(--charcoal-color-text-on-on-img-default);
519
543
  --charcoal-color-icon-on-notice-press: var(--charcoal-color-text-on-notice-press);
520
544
  --charcoal-color-icon-on-notice-hover: var(--charcoal-color-text-on-notice-hover);
521
545
  --charcoal-color-icon-on-notice-default: var(--charcoal-color-text-on-notice-default);
522
- --charcoal-color-icon-on-positive-default: var(--charcoal-color-text-on-positive-default);
523
546
  --charcoal-color-icon-on-negative-press: var(--charcoal-color-text-on-negative-press);
524
547
  --charcoal-color-icon-on-negative-hover: var(--charcoal-color-text-on-negative-hover);
525
548
  --charcoal-color-icon-on-negative-default: var(--charcoal-color-text-on-negative-default);
526
- --charcoal-color-border-hud: var(--charcoal-color-background-default);
527
- --charcoal-color-border-selected: var(--charcoal-color-container-primary-default);
528
- --charcoal-color-icon-on-on-img-press: var(--charcoal-color-text-on-on-img-press);
529
- --charcoal-color-icon-on-on-img-hover: var(--charcoal-color-text-on-on-img-hover);
530
- --charcoal-color-icon-on-on-img-default: var(--charcoal-color-text-on-on-img-default);
531
- --charcoal-color-icon-on-primary-press: var(--charcoal-color-text-on-primary-press);
532
- --charcoal-color-icon-on-primary-hover: var(--charcoal-color-text-on-primary-hover);
533
- --charcoal-color-icon-on-primary-default: var(--charcoal-color-text-on-primary-default);
534
- --charcoal-color-icon-disable: var(--charcoal-color-text-disable);
535
- --charcoal-color-icon-press: var(--charcoal-color-text-press);
536
- --charcoal-color-icon-hover: var(--charcoal-color-text-hover);
537
- --charcoal-color-icon-default: var(--charcoal-color-text-default);
538
- --charcoal-color-icon-secondary-press: var(--charcoal-color-text-secondary-press);
539
- --charcoal-color-icon-secondary-hover: var(--charcoal-color-text-secondary-hover);
540
- --charcoal-color-icon-tertiary-press: var(--charcoal-color-text-tertiary-press);
541
- --charcoal-color-icon-tertiary-hover: var(--charcoal-color-text-tertiary-hover);
542
549
  --charcoal-color-icon-notice-press: var(--charcoal-color-text-notice-press);
543
550
  --charcoal-color-icon-notice-hover: var(--charcoal-color-text-notice-hover);
544
551
  --charcoal-color-icon-notice-default: var(--charcoal-color-text-notice-default);
545
- --charcoal-color-icon-positive-press: var(--charcoal-color-text-positive-press);
546
- --charcoal-color-icon-positive-hover: var(--charcoal-color-text-positive-hover);
547
- --charcoal-color-icon-positive-default: var(--charcoal-color-text-positive-default);
548
552
  --charcoal-color-icon-negative-press: var(--charcoal-color-text-negative-press);
549
553
  --charcoal-color-icon-negative-hover: var(--charcoal-color-text-negative-hover);
550
554
  --charcoal-color-icon-negative-default: var(--charcoal-color-text-negative-default);
551
- --charcoal-color-icon-tertiary-default: var(--charcoal-color-text-tertiary-default);
552
- --charcoal-color-icon-secondary-default: var(--charcoal-color-text-secondary-default);
553
- --charcoal-space-between-checkboxes-horizontal: var(--charcoal-space-layout-25);
554
- --charcoal-space-between-checkboxes-vertical: var(--charcoal-space-layout-0);
555
- --charcoal-space-gap-gap-form-items: var(--charcoal-space-layout-40);
556
- --charcoal-space-padding-padding-card: var(--charcoal-space-layout-40);
557
- --charcoal-space-gap-gap-buttons: var(--charcoal-space-layout-20);
555
+ --charcoal-color-icon-hover: var(--charcoal-color-text-hover);
556
+ --charcoal-color-icon-disable: var(--charcoal-color-text-disable);
557
+ --charcoal-color-icon-default: var(--charcoal-color-text-default);
558
+ --charcoal-color-border-selected: var(--charcoal-color-container-primary-default);
559
+ --charcoal-color-border-hud: var(--charcoal-color-background-default);
558
560
  }