@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/src/json/pixiv-dark.json CHANGED
@@ -1,237 +1,689 @@
1
1
  {
2
- "space": {
3
- "gap/gap-buttons": { "value": "{space.layout/20}" },
4
- "padding/padding-card": { "value": "{space.layout/40}" },
5
- "target/xs": { "value": "24px" },
6
- "target/s": { "value": "32px" },
7
- "target/m": { "value": "40px" },
8
- "target/l": { "value": "48px" },
9
- "gap/gap-form-items": { "value": "{space.layout/40}" },
10
- "component/0": { "value": "{space.0}" },
11
- "component/10": { "value": "{space.10}" },
12
- "component/20": { "value": "{space.20}" },
13
- "component/25": { "value": "{space.25}" },
14
- "component/30": { "value": "{space.30}" },
15
- "component/40": { "value": "{space.40}" },
16
- "component/50": { "value": "{space.50}" },
17
- "layout/0": { "value": "{space.0}" },
18
- "layout/10": { "value": "{space.10}" },
19
- "layout/20": { "value": "{space.20}" },
20
- "layout/25": { "value": "{space.25}" },
21
- "layout/30": { "value": "{space.30}" },
22
- "layout/40": { "value": "{space.40}" },
23
- "layout/50": { "value": "{space.50}" },
24
- "layout/60": { "value": "{space.60}" },
25
- "layout/70": { "value": "{space.70}" },
26
- "layout/80": { "value": "{space.80}" },
27
- "layout/90": { "value": "{space.90}" },
28
- "layout/100": { "value": "{space.100}" },
29
- "between-checkboxes/vertical": { "value": "{space.layout/0}" },
30
- "between-checkboxes/horizontal": { "value": "{space.layout/25}" }
2
+ "border-width": {
3
+ "focus/1": {
4
+ "value": "{border-width.m}"
5
+ },
6
+ "focus/2": {
7
+ "value": "{border-width.l}"
8
+ },
9
+ "l": {
10
+ "value": "2px"
11
+ },
12
+ "m": {
13
+ "value": "1px"
14
+ }
31
15
  },
32
16
  "color": {
33
- "background/default": { "value": "{color.dark/neutral/0}" },
34
- "background/secondary": { "value": "{color.dark/neutral/-5}" },
35
- "background/tertiary": { "value": "{color.dark/neutral/-10}" },
36
- "background/overlay": { "value": "{color.dark/neutral-a/-5}" },
37
- "container/default": { "value": "{color.dark/neutral/0}" },
38
- "container/hover": { "value": "{color.dark/neutral/5}" },
39
- "container/press": { "value": "{color.dark/neutral/10}" },
40
- "container/default-a": { "value": "{color.dark/neutral-a/0}" },
41
- "container/hover-a": { "value": "{color.dark/neutral-a/5}" },
42
- "container/press-a": { "value": "{color.dark/neutral-a/10}" },
43
- "container/disable": { "value": "{color.dark/neutral/10}" },
44
- "container/secondary/default": { "value": "{color.dark/neutral/5}" },
45
- "container/tertiary/default": { "value": "{color.dark/neutral/10}" },
46
- "container/tertiary/hover": { "value": "{color.dark/neutral/20}" },
47
- "container/tertiary/press": { "value": "{color.dark/neutral/30}" },
48
- "container/tertiary/default-a": { "value": "{color.dark/neutral-a/10}" },
49
- "container/tertiary/hover-a": { "value": "{color.dark/neutral-a/20}" },
50
- "container/tertiary/pressA": { "value": "{color.dark/neutral-a/30}" },
51
- "container/primary/default": { "value": "{color.dark/blue/30}" },
52
- "container/primary/hover": { "value": "{color.dark/blue/40}" },
53
- "container/primary/press": { "value": "{color.dark/blue/50}" },
54
- "container/secondary/hover": { "value": "{color.dark/neutral/10}" },
55
- "container/secondary/press": { "value": "{color.dark/neutral/20}" },
56
- "container/secondary/default-a": { "value": "{color.dark/neutral-a/5}" },
57
- "container/secondary/hover-a": { "value": "{color.dark/neutral-a/10}" },
58
- "container/secondary/press-a": { "value": "{color.dark/neutral-a/20}" },
59
- "container/on-img/default": { "value": "{color.light/neutral-a/40}" },
60
- "container/on-img/hover": { "value": "{color.light/neutral-a/50}" },
61
- "container/on-img/press": { "value": "{color.light/neutral-a/60}" },
62
- "container/negative/default": { "value": "{color.dark/red/30}" },
63
- "container/negative/hover": { "value": "{color.dark/red/40}" },
64
- "container/negative/press": { "value": "{color.dark/red/50}" },
65
- "container/positive/default": { "value": "{color.dark/green/30}" },
66
- "container/positive/hover": { "value": "{color.dark/green/40}" },
67
- "container/positive/press": { "value": "{color.dark/green/50}" },
68
- "container/notice/default": { "value": "{color.dark/yellow/70}" },
69
- "container/notice/hover": { "value": "{color.dark/yellow/80}" },
70
- "container/notice/press": { "value": "{color.dark/yellow/90}" },
71
- "container/neutral/default": { "value": "{color.dark/neutral/30}" },
72
- "container/discovery/default": { "value": "{color.dark/red/30}" },
73
- "container/discovery/hover": { "value": "{color.dark/red/40}" },
74
- "container/discovery/press": { "value": "{color.dark/red/50}" },
75
- "container/neutral/hover": { "value": "{color.dark/neutral/40}" },
76
- "container/neutral/press": { "value": "{color.dark/neutral/50}" },
77
- "container/hud/default": { "value": "{color.dark/neutral/90}" },
78
- "container/hud/hover": { "value": "{color.dark/neutral/80}" },
79
- "container/hud/press": { "value": "{color.dark/neutral/70}" },
80
- "container/skeleton": { "value": "{color.dark/neutral-a/5}" },
81
- "container/subtle": { "value": "rgba(228, 228, 228, 0.02)" },
82
- "icon/secondary/default": { "value": "{color.text/secondary/default}" },
83
- "icon/tertiary/default": { "value": "{color.text/tertiary/default}" },
84
- "icon/negative/default": { "value": "{color.text/negative/default}" },
85
- "icon/negative/hover": { "value": "{color.text/negative/hover}" },
86
- "icon/negative/press": { "value": "{color.text/negative/press}" },
87
- "icon/positive/default": { "value": "{color.text/positive/default}" },
88
- "icon/positive/hover": { "value": "{color.text/positive/hover}" },
89
- "icon/positive/press": { "value": "{color.text/positive/press}" },
90
- "icon/notice/default": { "value": "{color.text/notice/default}" },
91
- "icon/notice/hover": { "value": "{color.text/notice/hover}" },
92
- "icon/notice/press": { "value": "{color.text/notice/press}" },
93
- "icon/tertiary/hover": { "value": "{color.text/tertiary/hover}" },
94
- "icon/tertiary/press": { "value": "{color.text/tertiary/press}" },
95
- "icon/secondary/hover": { "value": "{color.text/secondary/hover}" },
96
- "icon/secondary/press": { "value": "{color.text/secondary/press}" },
97
- "text/default": { "value": "{color.dark/neutral/90}" },
98
- "text/hover": { "value": "{color.dark/neutral/80}" },
99
- "text/press": { "value": "{color.dark/neutral/70}" },
100
- "text/disable": { "value": "{color.dark/neutral/40}" },
101
- "text/secondary/default": { "value": "{color.dark/neutral/60}" },
102
- "text/secondary/hover": { "value": "{color.dark/neutral/70}" },
103
- "text/secondary/press": { "value": "{color.dark/neutral/80}" },
104
- "text/tertiary/default": { "value": "{color.dark/neutral/40}" },
105
- "text/tertiary/hover": { "value": "{color.dark/neutral/60}" },
106
- "text/tertiary/press": { "value": "{color.dark/neutral/70}" },
107
- "text/placeholder/default": { "value": "{color.dark/neutral/30}" },
108
- "text/placeholder/hover": { "value": "{color.dark/neutral/30}" },
109
- "text/placeholder/press": { "value": "{color.dark/neutral/30}" },
110
- "text/info/default": { "value": "{color.dark/blue/60}" },
111
- "text/info/hover": { "value": "{color.dark/blue/80}" },
112
- "text/info/press": { "value": "{color.dark/blue/90}" },
113
- "text/visited/default": { "value": "{color.dark/purple/60}" },
114
- "text/visited/hover": { "value": "{color.dark/purple/80}" },
115
- "text/visited/press": { "value": "{color.dark/purple/90}" },
116
- "text/negative/default": { "value": "{color.dark/red/60}" },
117
- "text/negative/hover": { "value": "{color.dark/red/80}" },
118
- "text/negative/press": { "value": "{color.dark/red/90}" },
119
- "text/notice/default": { "value": "{color.dark/yellow/60}" },
120
- "text/notice/hover": { "value": "{color.dark/yellow/80}" },
121
- "text/notice/press": { "value": "{color.dark/yellow/90}" },
122
- "text/positive/default": { "value": "{color.dark/green/60}" },
123
- "text/positive/hover": { "value": "{color.dark/green/80}" },
124
- "text/positive/press": { "value": "{color.dark/green/90}" },
125
- "text/on-primary/default": { "value": "{color.dark/neutral/90}" },
126
- "text/on-on-img/default": { "value": "{color.dark/neutral/90}" },
127
- "text/on-on-img/hover": { "value": "{color.dark/neutral/90}" },
128
- "text/on-on-img/press": { "value": "{color.dark/neutral/90}" },
129
- "text/on-primary/hover": { "value": "{color.dark/neutral/90}" },
130
- "text/on-primary/press": { "value": "{color.dark/neutral/90}" },
131
- "text/on-negative/default": { "value": "{color.dark/neutral/90}" },
132
- "text/on-negative/hover": { "value": "{color.dark/neutral/90}" },
133
- "text/on-negative/press": { "value": "{color.dark/neutral/90}" },
134
- "text/on-positive/default": { "value": "{color.dark/neutral/90}" },
135
- "text/on-positive/hover": { "value": "{color.dark/neutral/90}" },
136
- "text/on-positive/press": { "value": "{color.dark/neutral/90}" },
137
- "text/on-notice/default": { "value": "{color.dark/neutral/5}" },
138
- "text/on-notice/hover": { "value": "{color.dark/neutral/5}" },
139
- "text/on-notice/press": { "value": "{color.dark/neutral/5}" },
140
- "text/on-discovery/default": { "value": "{color.dark/neutral/90}" },
141
- "text/on-discovery/hover": { "value": "{color.dark/neutral/90}" },
142
- "text/on-discovery/press": { "value": "{color.dark/neutral/90}" },
143
- "text/on-hud/default": { "value": "{color.light/neutral/90}" },
144
- "text/on-hud/hover": { "value": "{color.light/neutral/90}" },
145
- "text/on-hud/press": { "value": "{color.light/neutral/90}" },
146
- "icon/default": { "value": "{color.text/default}" },
147
- "icon/hover": { "value": "{color.text/hover}" },
148
- "icon/press": { "value": "{color.text/press}" },
149
- "icon/disable": { "value": "{color.text/disable}" },
150
- "icon/on-primary/default": { "value": "{color.text/on-primary/default}" },
151
- "icon/on-primary/hover": { "value": "{color.text/on-primary/hover}" },
152
- "icon/on-primary/press": { "value": "{color.text/on-primary/press}" },
153
- "icon/on-on-img/default": { "value": "{color.text/on-on-img/default}" },
154
- "icon/on-on-img/hover": { "value": "{color.text/on-on-img/hover}" },
155
- "icon/on-on-img/press": { "value": "{color.text/on-on-img/press}" },
156
- "icon/on-neutral/default": { "value": "{color.dark/neutral/90}" },
157
- "icon/on-neutral/hover": { "value": "{color.dark/neutral/90}" },
158
- "icon/on-neutral/press": { "value": "{color.dark/neutral/90}" },
159
- "border/default": { "value": "{color.dark/neutral-a/30}" },
160
- "border/hover": { "value": "{color.dark/neutral-a/40}" },
161
- "border/press": { "value": "{color.dark/neutral-a/50}" },
162
- "border/focus/1": { "value": "{color.dark/blue/60}" },
163
- "border/secondary": { "value": "{color.dark/neutral-a/10}" },
164
- "border/disable": { "value": "{color.dark/neutral-a/5}" },
165
- "border/selected": { "value": "{color.container/primary/default}" },
166
- "border/focus/2": { "value": "{color.dark/blue/20}" },
167
- "border/focus/legacy": { "value": "rgba(0, 150, 250, 0.32)" },
168
- "border/negative": { "value": "{color.dark/red/20}" },
169
- "border/hud": { "value": "{color.background/default}" },
170
- "icon/on-negative/default": { "value": "{color.text/on-negative/default}" },
171
- "icon/on-negative/hover": { "value": "{color.text/on-negative/hover}" },
172
- "icon/on-negative/press": { "value": "{color.text/on-negative/press}" },
173
- "icon/on-positive/default": { "value": "{color.text/on-positive/default}" },
174
- "icon/on-notice/default": { "value": "{color.text/on-notice/default}" },
175
- "icon/on-notice/hover": { "value": "{color.text/on-notice/hover}" },
176
- "icon/on-notice/press": { "value": "{color.text/on-notice/press}" },
177
- "icon/on-positive/hover": { "value": "{color.text/on-positive/hover}" },
178
- "icon/on-positive/press": { "value": "{color.text/on-positive/press}" }
179
- },
180
- "border-width": {
181
- "m": { "value": "1px" },
182
- "l": { "value": "2px" },
183
- "focus/1": { "value": "{border-width.m}" },
184
- "focus/2": { "value": "{border-width.l}" }
17
+ "background/default": {
18
+ "value": "{color.dark/neutral/0}"
19
+ },
20
+ "background/overlay": {
21
+ "value": "{color.dark/neutral-a/-5}"
22
+ },
23
+ "background/secondary": {
24
+ "value": "{color.dark/neutral/-5}"
25
+ },
26
+ "background/tertiary": {
27
+ "value": "{color.dark/neutral/-10}"
28
+ },
29
+ "border/default": {
30
+ "value": "{color.dark/neutral-a/30}"
31
+ },
32
+ "border/default-text3": {
33
+ "value": "{color.dark/neutral-a/30}"
34
+ },
35
+ "border/disable": {
36
+ "value": "{color.dark/neutral-a/5}"
37
+ },
38
+ "border/focus/1": {
39
+ "value": "{color.dark/blue/60}"
40
+ },
41
+ "border/focus/2": {
42
+ "value": "{color.dark/blue/20}"
43
+ },
44
+ "border/focus/legacy": {
45
+ "value": "rgba(0, 150, 250, 0.32)"
46
+ },
47
+ "border/hover": {
48
+ "value": "{color.dark/neutral-a/40}"
49
+ },
50
+ "border/hover-text3": {
51
+ "value": "{color.dark/neutral-a/40}"
52
+ },
53
+ "border/hud": {
54
+ "value": "{color.background/default}"
55
+ },
56
+ "border/negative": {
57
+ "value": "{color.dark/red/20}"
58
+ },
59
+ "border/press": {
60
+ "value": "{color.dark/neutral-a/50}"
61
+ },
62
+ "border/press-text3": {
63
+ "value": "{color.dark/neutral-a/50}"
64
+ },
65
+ "border/secondary": {
66
+ "value": "{color.dark/neutral-a/10}"
67
+ },
68
+ "border/selected": {
69
+ "value": "{color.container/primary/default}"
70
+ },
71
+ "container/default": {
72
+ "value": "{color.dark/neutral/0}"
73
+ },
74
+ "container/default-a": {
75
+ "value": "{color.dark/neutral-a/0}"
76
+ },
77
+ "container/disable": {
78
+ "value": "{color.dark/neutral/10}"
79
+ },
80
+ "container/discovery/default": {
81
+ "value": "{color.dark/red/30}"
82
+ },
83
+ "container/discovery/hover": {
84
+ "value": "{color.dark/red/40}"
85
+ },
86
+ "container/discovery/press": {
87
+ "value": "{color.dark/red/50}"
88
+ },
89
+ "container/hover": {
90
+ "value": "{color.dark/neutral/5}"
91
+ },
92
+ "container/hover-a": {
93
+ "value": "{color.dark/neutral-a/5}"
94
+ },
95
+ "container/hud/default": {
96
+ "value": "{color.dark/neutral/90}"
97
+ },
98
+ "container/hud/hover": {
99
+ "value": "{color.dark/neutral/80}"
100
+ },
101
+ "container/hud/press": {
102
+ "value": "{color.dark/neutral/70}"
103
+ },
104
+ "container/negative/default": {
105
+ "value": "{color.dark/red/30}"
106
+ },
107
+ "container/negative/hover": {
108
+ "value": "{color.dark/red/40}"
109
+ },
110
+ "container/negative/press": {
111
+ "value": "{color.dark/red/50}"
112
+ },
113
+ "container/neutral/default": {
114
+ "value": "{color.dark/neutral/30}"
115
+ },
116
+ "container/neutral/hover": {
117
+ "value": "{color.dark/neutral/40}"
118
+ },
119
+ "container/neutral/press": {
120
+ "value": "{color.dark/neutral/50}"
121
+ },
122
+ "container/notice/default": {
123
+ "value": "{color.dark/yellow/70}"
124
+ },
125
+ "container/notice/hover": {
126
+ "value": "{color.dark/yellow/80}"
127
+ },
128
+ "container/notice/press": {
129
+ "value": "{color.dark/yellow/90}"
130
+ },
131
+ "container/on-img/default": {
132
+ "value": "{color.light/neutral-a/40}"
133
+ },
134
+ "container/on-img/hover": {
135
+ "value": "{color.light/neutral-a/50}"
136
+ },
137
+ "container/on-img/press": {
138
+ "value": "{color.light/neutral-a/60}"
139
+ },
140
+ "container/positive/default": {
141
+ "value": "{color.dark/green/30}"
142
+ },
143
+ "container/positive/hover": {
144
+ "value": "{color.dark/green/40}"
145
+ },
146
+ "container/positive/press": {
147
+ "value": "{color.dark/green/50}"
148
+ },
149
+ "container/press": {
150
+ "value": "{color.dark/neutral/10}"
151
+ },
152
+ "container/press-a": {
153
+ "value": "{color.dark/neutral-a/10}"
154
+ },
155
+ "container/primary/default": {
156
+ "value": "{color.dark/blue/30}"
157
+ },
158
+ "container/primary/hover": {
159
+ "value": "{color.dark/blue/40}"
160
+ },
161
+ "container/primary/press": {
162
+ "value": "{color.dark/blue/50}"
163
+ },
164
+ "container/secondary/default": {
165
+ "value": "{color.dark/neutral/5}"
166
+ },
167
+ "container/secondary/default-a": {
168
+ "value": "{color.dark/neutral-a/5}"
169
+ },
170
+ "container/secondary/hover": {
171
+ "value": "{color.dark/neutral/10}"
172
+ },
173
+ "container/secondary/hover-a": {
174
+ "value": "{color.dark/neutral-a/10}"
175
+ },
176
+ "container/secondary/press": {
177
+ "value": "{color.dark/neutral/20}"
178
+ },
179
+ "container/secondary/press-a": {
180
+ "value": "{color.dark/neutral-a/20}"
181
+ },
182
+ "container/skeleton": {
183
+ "value": "{color.dark/neutral-a/5}"
184
+ },
185
+ "container/subtle": {
186
+ "value": "rgba(228, 228, 228, 0.02)"
187
+ },
188
+ "container/tertiary/default": {
189
+ "value": "{color.dark/neutral/10}"
190
+ },
191
+ "container/tertiary/default-a": {
192
+ "value": "{color.dark/neutral-a/10}"
193
+ },
194
+ "container/tertiary/hover": {
195
+ "value": "{color.dark/neutral/20}"
196
+ },
197
+ "container/tertiary/hover-a": {
198
+ "value": "{color.dark/neutral-a/20}"
199
+ },
200
+ "container/tertiary/press": {
201
+ "value": "{color.dark/neutral/30}"
202
+ },
203
+ "container/tertiary/press-a": {
204
+ "value": "{color.dark/neutral-a/30}"
205
+ },
206
+ "icon/default": {
207
+ "value": "{color.text/default}"
208
+ },
209
+ "icon/disable": {
210
+ "value": "{color.text/disable}"
211
+ },
212
+ "icon/hover": {
213
+ "value": "{color.text/hover}"
214
+ },
215
+ "icon/negative/default": {
216
+ "value": "{color.text/negative/default}"
217
+ },
218
+ "icon/negative/hover": {
219
+ "value": "{color.text/negative/hover}"
220
+ },
221
+ "icon/negative/press": {
222
+ "value": "{color.text/negative/press}"
223
+ },
224
+ "icon/notice/default": {
225
+ "value": "{color.text/notice/default}"
226
+ },
227
+ "icon/notice/hover": {
228
+ "value": "{color.text/notice/hover}"
229
+ },
230
+ "icon/notice/press": {
231
+ "value": "{color.text/notice/press}"
232
+ },
233
+ "icon/on-negative/default": {
234
+ "value": "{color.text/on-negative/default}"
235
+ },
236
+ "icon/on-negative/hover": {
237
+ "value": "{color.text/on-negative/hover}"
238
+ },
239
+ "icon/on-negative/press": {
240
+ "value": "{color.text/on-negative/press}"
241
+ },
242
+ "icon/on-neutral/default": {
243
+ "value": "{color.dark/neutral/90}"
244
+ },
245
+ "icon/on-neutral/hover": {
246
+ "value": "{color.dark/neutral/90}"
247
+ },
248
+ "icon/on-neutral/press": {
249
+ "value": "{color.dark/neutral/90}"
250
+ },
251
+ "icon/on-notice/default": {
252
+ "value": "{color.text/on-notice/default}"
253
+ },
254
+ "icon/on-notice/hover": {
255
+ "value": "{color.text/on-notice/hover}"
256
+ },
257
+ "icon/on-notice/press": {
258
+ "value": "{color.text/on-notice/press}"
259
+ },
260
+ "icon/on-on-img/default": {
261
+ "value": "{color.text/on-on-img/default}"
262
+ },
263
+ "icon/on-on-img/hover": {
264
+ "value": "{color.text/on-on-img/hover}"
265
+ },
266
+ "icon/on-on-img/press": {
267
+ "value": "{color.text/on-on-img/press}"
268
+ },
269
+ "icon/on-positive/default": {
270
+ "value": "{color.text/on-positive/default}"
271
+ },
272
+ "icon/on-positive/hover": {
273
+ "value": "{color.text/on-positive/hover}"
274
+ },
275
+ "icon/on-positive/press": {
276
+ "value": "{color.text/on-positive/press}"
277
+ },
278
+ "icon/on-primary/default": {
279
+ "value": "{color.text/on-primary/default}"
280
+ },
281
+ "icon/on-primary/hover": {
282
+ "value": "{color.text/on-primary/hover}"
283
+ },
284
+ "icon/on-primary/press": {
285
+ "value": "{color.text/on-primary/press}"
286
+ },
287
+ "icon/positive/default": {
288
+ "value": "{color.text/positive/default}"
289
+ },
290
+ "icon/positive/hover": {
291
+ "value": "{color.text/positive/hover}"
292
+ },
293
+ "icon/positive/press": {
294
+ "value": "{color.text/positive/press}"
295
+ },
296
+ "icon/press": {
297
+ "value": "{color.text/press}"
298
+ },
299
+ "icon/secondary/default": {
300
+ "value": "{color.text/secondary/default}"
301
+ },
302
+ "icon/secondary/hover": {
303
+ "value": "{color.text/secondary/hover}"
304
+ },
305
+ "icon/secondary/press": {
306
+ "value": "{color.text/secondary/press}"
307
+ },
308
+ "icon/tertiary/default": {
309
+ "value": "{color.text/tertiary/default}"
310
+ },
311
+ "icon/tertiary/hover": {
312
+ "value": "{color.text/tertiary/hover}"
313
+ },
314
+ "icon/tertiary/press": {
315
+ "value": "{color.text/tertiary/press}"
316
+ },
317
+ "text/default": {
318
+ "value": "{color.dark/neutral/90}"
319
+ },
320
+ "text/default-text1": {
321
+ "value": "{color.dark/neutral/90}"
322
+ },
323
+ "text/disable": {
324
+ "value": "{color.dark/neutral/40}"
325
+ },
326
+ "text/hover": {
327
+ "value": "{color.dark/neutral/80}"
328
+ },
329
+ "text/hover-text1": {
330
+ "value": "{color.dark/neutral/90}"
331
+ },
332
+ "text/info/default": {
333
+ "value": "{color.dark/blue/60}"
334
+ },
335
+ "text/info/hover": {
336
+ "value": "{color.dark/blue/80}"
337
+ },
338
+ "text/info/press": {
339
+ "value": "{color.dark/blue/90}"
340
+ },
341
+ "text/negative/default": {
342
+ "value": "{color.dark/red/60}"
343
+ },
344
+ "text/negative/hover": {
345
+ "value": "{color.dark/red/80}"
346
+ },
347
+ "text/negative/press": {
348
+ "value": "{color.dark/red/90}"
349
+ },
350
+ "text/notice/default": {
351
+ "value": "{color.dark/yellow/60}"
352
+ },
353
+ "text/notice/hover": {
354
+ "value": "{color.dark/yellow/80}"
355
+ },
356
+ "text/notice/press": {
357
+ "value": "{color.dark/yellow/90}"
358
+ },
359
+ "text/on-discovery/default": {
360
+ "value": "{color.dark/neutral/90}"
361
+ },
362
+ "text/on-discovery/hover": {
363
+ "value": "{color.dark/neutral/90}"
364
+ },
365
+ "text/on-discovery/press": {
366
+ "value": "{color.dark/neutral/90}"
367
+ },
368
+ "text/on-hud/default": {
369
+ "value": "{color.light/neutral/90}"
370
+ },
371
+ "text/on-hud/hover": {
372
+ "value": "{color.light/neutral/90}"
373
+ },
374
+ "text/on-hud/press": {
375
+ "value": "{color.light/neutral/90}"
376
+ },
377
+ "text/on-negative/default": {
378
+ "value": "{color.dark/neutral/90}"
379
+ },
380
+ "text/on-negative/hover": {
381
+ "value": "{color.dark/neutral/90}"
382
+ },
383
+ "text/on-negative/press": {
384
+ "value": "{color.dark/neutral/90}"
385
+ },
386
+ "text/on-notice/default": {
387
+ "value": "{color.dark/neutral/5}"
388
+ },
389
+ "text/on-notice/hover": {
390
+ "value": "{color.dark/neutral/5}"
391
+ },
392
+ "text/on-notice/press": {
393
+ "value": "{color.dark/neutral/5}"
394
+ },
395
+ "text/on-on-img/default": {
396
+ "value": "{color.dark/neutral/90}"
397
+ },
398
+ "text/on-on-img/hover": {
399
+ "value": "{color.dark/neutral/90}"
400
+ },
401
+ "text/on-on-img/press": {
402
+ "value": "{color.dark/neutral/90}"
403
+ },
404
+ "text/on-positive/default": {
405
+ "value": "{color.dark/neutral/90}"
406
+ },
407
+ "text/on-positive/hover": {
408
+ "value": "{color.dark/neutral/90}"
409
+ },
410
+ "text/on-positive/press": {
411
+ "value": "{color.dark/neutral/90}"
412
+ },
413
+ "text/on-primary/default": {
414
+ "value": "{color.dark/neutral/90}"
415
+ },
416
+ "text/on-primary/hover": {
417
+ "value": "{color.dark/neutral/90}"
418
+ },
419
+ "text/on-primary/press": {
420
+ "value": "{color.dark/neutral/90}"
421
+ },
422
+ "text/placeholder/default": {
423
+ "value": "{color.dark/neutral/30}"
424
+ },
425
+ "text/placeholder/hover": {
426
+ "value": "{color.dark/neutral/30}"
427
+ },
428
+ "text/placeholder/press": {
429
+ "value": "{color.dark/neutral/30}"
430
+ },
431
+ "text/positive/default": {
432
+ "value": "{color.dark/green/60}"
433
+ },
434
+ "text/positive/hover": {
435
+ "value": "{color.dark/green/80}"
436
+ },
437
+ "text/positive/press": {
438
+ "value": "{color.dark/green/90}"
439
+ },
440
+ "text/press": {
441
+ "value": "{color.dark/neutral/70}"
442
+ },
443
+ "text/press-text1": {
444
+ "value": "{color.dark/neutral/90}"
445
+ },
446
+ "text/secondary/default": {
447
+ "value": "{color.dark/neutral/60}"
448
+ },
449
+ "text/secondary/hover": {
450
+ "value": "{color.dark/neutral/70}"
451
+ },
452
+ "text/secondary/press": {
453
+ "value": "{color.dark/neutral/80}"
454
+ },
455
+ "text/tertiary/default": {
456
+ "value": "{color.dark/neutral/40}"
457
+ },
458
+ "text/tertiary/hover": {
459
+ "value": "{color.dark/neutral/60}"
460
+ },
461
+ "text/tertiary/press": {
462
+ "value": "{color.dark/neutral/70}"
463
+ },
464
+ "text/visited/default": {
465
+ "value": "{color.dark/purple/60}"
466
+ },
467
+ "text/visited/hover": {
468
+ "value": "{color.dark/purple/80}"
469
+ },
470
+ "text/visited/press": {
471
+ "value": "{color.dark/purple/90}"
472
+ }
185
473
  },
186
474
  "paragraph-width": {
187
- "s": { "value": "320px" },
188
- "m": { "value": "448px" },
189
- "l": { "value": "672px" },
190
- "s-compact": { "value": "280px" },
191
- "m-compact": { "value": "392px" },
192
- "l-compact": { "value": "588px" },
193
- "s-cozy": { "value": "588px" },
194
- "m-cozy": { "value": "616px" },
195
- "l-cozy": { "value": "924px" }
196
- },
197
- "text": {
198
- "font-size/paragraph": { "value": "{text.font-size/10}" },
199
- "line-height/paragraph": { "value": "{text.line-height/20}" },
200
- "line-height/body": { "value": "{text.line-height/10}" },
201
- "line-height/heading/xxxl": { "value": "{text.line-height/70}" },
202
- "line-height/heading/xxl": { "value": "{text.line-height/60}" },
203
- "line-height/heading/xl": { "value": "{text.line-height/50}" },
204
- "line-height/heading/l": { "value": "{text.line-height/40}" },
205
- "line-height/heading/m": { "value": "{text.line-height/30}" },
206
- "line-height/heading/s": { "value": "{text.line-height/20}" },
207
- "line-height/heading/xs": { "value": "{text.line-height/20}" },
208
- "line-height/heading/xxs": { "value": "{text.line-height/10}" },
209
- "line-height/heading/xxxs": { "value": "{text.line-height/5}" },
210
- "line-height/caption/m": { "value": "{text.line-height/5}" },
211
- "line-height/caption/s": { "value": "{text.line-height/1}" },
212
- "font-size/body": { "value": "{text.font-size/10}" },
213
- "font-size/heading/xxxl": { "value": "{text.font-size/90}" },
214
- "font-size/heading/xxl": { "value": "{text.font-size/80}" },
215
- "font-size/heading/xl": { "value": "{text.font-size/70}" },
216
- "font-size/heading/l": { "value": "{text.font-size/60}" },
217
- "font-size/heading/m": { "value": "{text.font-size/50}" },
218
- "font-size/heading/s": { "value": "{text.font-size/40}" },
219
- "font-size/heading/xs": { "value": "{text.font-size/30}" },
220
- "font-size/heading/xxs": { "value": "{text.font-size/20}" },
221
- "font-size/heading/xxxs": { "value": "{text.font-size/5}" },
222
- "font-size/caption/m": { "value": "{text.font-size/5}" },
223
- "font-size/caption/s": { "value": "{text.font-size/1}" },
224
- "font-weight/regular": { "value": "{text.font-weight/40}" },
225
- "font-weight/bold": { "value": "{text.font-weight/70}" }
475
+ "l": {
476
+ "value": "672px"
477
+ },
478
+ "l-compact": {
479
+ "value": "588px"
480
+ },
481
+ "l-cozy": {
482
+ "value": "924px"
483
+ },
484
+ "m": {
485
+ "value": "448px"
486
+ },
487
+ "m-compact": {
488
+ "value": "392px"
489
+ },
490
+ "m-cozy": {
491
+ "value": "616px"
492
+ },
493
+ "s": {
494
+ "value": "320px"
495
+ },
496
+ "s-compact": {
497
+ "value": "280px"
498
+ },
499
+ "s-cozy": {
500
+ "value": "588px"
501
+ }
226
502
  },
227
503
  "radius": {
228
- "0": { "value": "{space.0}" },
229
- "xs": { "value": "{space.1}" },
230
- "s": { "value": "{space.10}" },
231
- "m": { "value": "{space.20}" },
232
- "l": { "value": "{space.25}" },
233
- "xl": { "value": "{space.30}" },
234
- "xxl": { "value": "{space.40}" },
235
- "oval": { "value": "999999px" }
504
+ "0": {
505
+ "value": "{space.0}"
506
+ },
507
+ "l": {
508
+ "value": "{space.25}"
509
+ },
510
+ "m": {
511
+ "value": "{space.20}"
512
+ },
513
+ "oval": {
514
+ "value": "999999px"
515
+ },
516
+ "s": {
517
+ "value": "{space.10}"
518
+ },
519
+ "xl": {
520
+ "value": "{space.30}"
521
+ },
522
+ "xs": {
523
+ "value": "{space.1}"
524
+ },
525
+ "xxl": {
526
+ "value": "{space.40}"
527
+ }
528
+ },
529
+ "space": {
530
+ "component/0": {
531
+ "value": "{space.0}"
532
+ },
533
+ "component/10": {
534
+ "value": "{space.10}"
535
+ },
536
+ "component/20": {
537
+ "value": "{space.20}"
538
+ },
539
+ "component/25": {
540
+ "value": "{space.25}"
541
+ },
542
+ "component/30": {
543
+ "value": "{space.30}"
544
+ },
545
+ "component/40": {
546
+ "value": "{space.40}"
547
+ },
548
+ "component/50": {
549
+ "value": "{space.50}"
550
+ },
551
+ "layout/0": {
552
+ "value": "{space.0}"
553
+ },
554
+ "layout/10": {
555
+ "value": "{space.10}"
556
+ },
557
+ "layout/100": {
558
+ "value": "{space.100}"
559
+ },
560
+ "layout/20": {
561
+ "value": "{space.20}"
562
+ },
563
+ "layout/25": {
564
+ "value": "{space.25}"
565
+ },
566
+ "layout/30": {
567
+ "value": "{space.30}"
568
+ },
569
+ "layout/40": {
570
+ "value": "{space.40}"
571
+ },
572
+ "layout/50": {
573
+ "value": "{space.50}"
574
+ },
575
+ "layout/60": {
576
+ "value": "{space.60}"
577
+ },
578
+ "layout/70": {
579
+ "value": "{space.70}"
580
+ },
581
+ "layout/80": {
582
+ "value": "{space.80}"
583
+ },
584
+ "layout/90": {
585
+ "value": "{space.90}"
586
+ },
587
+ "padding/padding-card": {
588
+ "value": "{space.layout/40}"
589
+ },
590
+ "target/l": {
591
+ "value": "48px"
592
+ },
593
+ "target/m": {
594
+ "value": "40px"
595
+ },
596
+ "target/s": {
597
+ "value": "32px"
598
+ },
599
+ "target/xs": {
600
+ "value": "24px"
601
+ }
602
+ },
603
+ "text": {
604
+ "font-size/body": {
605
+ "value": "{text.font-size/10}"
606
+ },
607
+ "font-size/caption/m": {
608
+ "value": "{text.font-size/5}"
609
+ },
610
+ "font-size/caption/s": {
611
+ "value": "{text.font-size/1}"
612
+ },
613
+ "font-size/heading/l": {
614
+ "value": "{text.font-size/60}"
615
+ },
616
+ "font-size/heading/m": {
617
+ "value": "{text.font-size/50}"
618
+ },
619
+ "font-size/heading/s": {
620
+ "value": "{text.font-size/40}"
621
+ },
622
+ "font-size/heading/xl": {
623
+ "value": "{text.font-size/70}"
624
+ },
625
+ "font-size/heading/xs": {
626
+ "value": "{text.font-size/30}"
627
+ },
628
+ "font-size/heading/xxl": {
629
+ "value": "{text.font-size/80}"
630
+ },
631
+ "font-size/heading/xxs": {
632
+ "value": "{text.font-size/20}"
633
+ },
634
+ "font-size/heading/xxxl": {
635
+ "value": "{text.font-size/90}"
636
+ },
637
+ "font-size/heading/xxxs": {
638
+ "value": "{text.font-size/5}"
639
+ },
640
+ "font-size/paragraph": {
641
+ "value": "{text.font-size/10}"
642
+ },
643
+ "font-weight/bold": {
644
+ "value": "{text.font-weight/70}"
645
+ },
646
+ "font-weight/regular": {
647
+ "value": "{text.font-weight/40}"
648
+ },
649
+ "line-height/body": {
650
+ "value": "{text.line-height/10}"
651
+ },
652
+ "line-height/caption/m": {
653
+ "value": "{text.line-height/5}"
654
+ },
655
+ "line-height/caption/s": {
656
+ "value": "{text.line-height/1}"
657
+ },
658
+ "line-height/heading/l": {
659
+ "value": "{text.line-height/40}"
660
+ },
661
+ "line-height/heading/m": {
662
+ "value": "{text.line-height/30}"
663
+ },
664
+ "line-height/heading/s": {
665
+ "value": "{text.line-height/20}"
666
+ },
667
+ "line-height/heading/xl": {
668
+ "value": "{text.line-height/50}"
669
+ },
670
+ "line-height/heading/xs": {
671
+ "value": "{text.line-height/20}"
672
+ },
673
+ "line-height/heading/xxl": {
674
+ "value": "{text.line-height/60}"
675
+ },
676
+ "line-height/heading/xxs": {
677
+ "value": "{text.line-height/10}"
678
+ },
679
+ "line-height/heading/xxxl": {
680
+ "value": "{text.line-height/70}"
681
+ },
682
+ "line-height/heading/xxxs": {
683
+ "value": "{text.line-height/5}"
684
+ },
685
+ "line-height/paragraph": {
686
+ "value": "{text.line-height/20}"
687
+ }
236
688
  }
237
689
  }