@primer/primitives 10.4.0-rc.d3e62472 → 10.4.0-rc.ea0a5a9d

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 (32) hide show
  1. package/dist/docs/functional/themes/dark-colorblind.json +21 -21
  2. package/dist/docs/functional/themes/dark-dimmed.json +21 -21
  3. package/dist/docs/functional/themes/dark-high-contrast.json +21 -21
  4. package/dist/docs/functional/themes/dark-tritanopia.json +21 -21
  5. package/dist/docs/functional/themes/dark.json +21 -21
  6. package/dist/docs/functional/themes/light-colorblind.json +21 -21
  7. package/dist/docs/functional/themes/light-high-contrast.json +21 -21
  8. package/dist/docs/functional/themes/light-tritanopia.json +21 -21
  9. package/dist/docs/functional/themes/light.json +21 -21
  10. package/dist/figma/figma.json +2 -2
  11. package/dist/figma/themes/dark-colorblind.json +1201 -1201
  12. package/dist/figma/themes/dark-dimmed.json +1195 -1195
  13. package/dist/figma/themes/dark-high-contrast.json +1206 -1206
  14. package/dist/figma/themes/dark-tritanopia.json +1202 -1202
  15. package/dist/figma/themes/dark.json +3839 -3839
  16. package/dist/figma/themes/light-colorblind.json +1264 -1264
  17. package/dist/figma/themes/light-high-contrast.json +1244 -1244
  18. package/dist/figma/themes/light-tritanopia.json +1265 -1265
  19. package/dist/figma/themes/light.json +1265 -1265
  20. package/dist/styleLint/functional/themes/dark-colorblind.json +21 -21
  21. package/dist/styleLint/functional/themes/dark-dimmed.json +21 -21
  22. package/dist/styleLint/functional/themes/dark-high-contrast.json +21 -21
  23. package/dist/styleLint/functional/themes/dark-tritanopia.json +21 -21
  24. package/dist/styleLint/functional/themes/dark.json +21 -21
  25. package/dist/styleLint/functional/themes/light-colorblind.json +21 -21
  26. package/dist/styleLint/functional/themes/light-high-contrast.json +21 -21
  27. package/dist/styleLint/functional/themes/light-tritanopia.json +21 -21
  28. package/dist/styleLint/functional/themes/light.json +21 -21
  29. package/package.json +1 -1
  30. package/src/tokens/component/avatar.json5 +33 -0
  31. package/src/tokens/component/button.json5 +187 -0
  32. package/src/tokens/functional/shadow/shadow.json5 +0 -232
package/dist/figma/themes/light-high-contrast.json CHANGED
@@ -1,930 +1,642 @@
1
1
  [
2
2
  {
3
- "name": "avatar/shadow/offsetX",
3
+ "name": "shadow/inset/offsetX",
4
4
  "value": 0,
5
5
  "type": "FLOAT",
6
6
  "scopes": ["EFFECT_FLOAT"],
7
7
  "mode": "light high contrast",
8
8
  "collection": "mode",
9
- "group": "component shadow"
9
+ "group": "shadow"
10
10
  },
11
11
  {
12
- "name": "avatar/shadow/offsetY",
13
- "value": 0,
12
+ "name": "shadow/inset/offsetY",
13
+ "value": 1,
14
14
  "type": "FLOAT",
15
15
  "scopes": ["EFFECT_FLOAT"],
16
16
  "mode": "light high contrast",
17
17
  "collection": "mode",
18
- "group": "component shadow"
18
+ "group": "shadow"
19
19
  },
20
20
  {
21
- "name": "avatar/shadow/blur",
21
+ "name": "shadow/inset/blur",
22
22
  "value": 0,
23
23
  "type": "FLOAT",
24
24
  "scopes": ["EFFECT_FLOAT"],
25
25
  "mode": "light high contrast",
26
26
  "collection": "mode",
27
- "group": "component shadow"
27
+ "group": "shadow"
28
28
  },
29
29
  {
30
- "name": "avatar/shadow/spread",
31
- "value": 2,
30
+ "name": "shadow/inset/spread",
31
+ "value": 0,
32
32
  "type": "FLOAT",
33
33
  "scopes": ["EFFECT_FLOAT"],
34
34
  "mode": "light high contrast",
35
35
  "collection": "mode",
36
- "group": "component shadow"
37
- },
38
- {
39
- "name": "avatar/shadow/color",
40
- "value": {
41
- "r": 1,
42
- "g": 1,
43
- "b": 1,
44
- "a": 0.8
45
- },
46
- "type": "COLOR",
47
- "scopes": ["EFFECT_COLOR"],
48
- "mode": "light high contrast",
49
- "collection": "mode",
50
- "group": "component shadow"
51
- },
52
- {
53
- "name": "avatar/bgColor",
54
- "value": {
55
- "r": 1,
56
- "g": 1,
57
- "b": 1,
58
- "a": 1
59
- },
60
- "type": "COLOR",
61
- "refId": "mode/avatar/bgColor",
62
- "reference": "base/color/light/base/color/neutral/0",
63
- "collection": "mode",
64
- "mode": "light high contrast",
65
- "group": "component (internal)",
66
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
36
+ "group": "shadow"
67
37
  },
68
38
  {
69
- "name": "avatar/borderColor",
39
+ "name": "shadow/inset/color",
70
40
  "value": {
71
41
  "r": 0.00392156862745098,
72
42
  "g": 0.01568627450980392,
73
43
  "b": 0.03529411764705882,
74
- "a": 0.9
44
+ "a": 0.04
75
45
  },
76
46
  "type": "COLOR",
77
- "alpha": 0.9,
78
- "refId": "mode/avatar/borderColor",
79
- "reference": "base/color/light/base/color/neutral/13",
80
- "collection": "mode",
47
+ "scopes": ["EFFECT_COLOR"],
81
48
  "mode": "light high contrast",
82
- "group": "component (internal)",
83
- "scopes": ["STROKE_COLOR"]
49
+ "collection": "mode",
50
+ "group": "shadow"
84
51
  },
85
52
  {
86
- "name": "button/default/shadow/resting/offsetX",
53
+ "name": "shadow/resting/xsmall/offsetX",
87
54
  "value": 0,
88
55
  "type": "FLOAT",
89
56
  "scopes": ["EFFECT_FLOAT"],
90
57
  "mode": "light high contrast",
91
58
  "collection": "mode",
92
- "group": "component shadow"
59
+ "group": "shadow"
93
60
  },
94
61
  {
95
- "name": "button/default/shadow/resting/offsetY",
62
+ "name": "shadow/resting/xsmall/offsetY",
96
63
  "value": 1,
97
64
  "type": "FLOAT",
98
65
  "scopes": ["EFFECT_FLOAT"],
99
66
  "mode": "light high contrast",
100
67
  "collection": "mode",
101
- "group": "component shadow"
68
+ "group": "shadow"
102
69
  },
103
70
  {
104
- "name": "button/default/shadow/resting/blur",
71
+ "name": "shadow/resting/xsmall/blur",
105
72
  "value": 0,
106
73
  "type": "FLOAT",
107
74
  "scopes": ["EFFECT_FLOAT"],
108
75
  "mode": "light high contrast",
109
76
  "collection": "mode",
110
- "group": "component shadow"
77
+ "group": "shadow"
111
78
  },
112
79
  {
113
- "name": "button/default/shadow/resting/spread",
80
+ "name": "shadow/resting/xsmall/spread",
114
81
  "value": 0,
115
82
  "type": "FLOAT",
116
83
  "scopes": ["EFFECT_FLOAT"],
117
84
  "mode": "light high contrast",
118
85
  "collection": "mode",
119
- "group": "component shadow"
86
+ "group": "shadow"
120
87
  },
121
88
  {
122
- "name": "button/default/shadow/resting/color",
89
+ "name": "shadow/resting/xsmall/color",
123
90
  "value": {
124
91
  "r": 0.00392156862745098,
125
92
  "g": 0.01568627450980392,
126
93
  "b": 0.03529411764705882,
127
- "a": 0.04
94
+ "a": 0.1
128
95
  },
129
96
  "type": "COLOR",
130
97
  "scopes": ["EFFECT_COLOR"],
131
98
  "mode": "light high contrast",
132
99
  "collection": "mode",
133
- "group": "component shadow"
100
+ "group": "shadow"
134
101
  },
135
102
  {
136
- "name": "button/default/fgColor/rest",
137
- "value": {
138
- "r": 0.1450980392156863,
139
- "g": 0.1607843137254902,
140
- "b": 0.1803921568627451,
141
- "a": 1
142
- },
143
- "type": "COLOR",
144
- "refId": "mode/button/default/fgColor/rest",
145
- "reference": "mode/control/fgColor/rest",
146
- "collection": "mode",
103
+ "name": "shadow/resting/small/offsetX",
104
+ "value": 0,
105
+ "type": "FLOAT",
106
+ "scopes": ["EFFECT_FLOAT"],
147
107
  "mode": "light high contrast",
148
- "group": "component (internal)",
149
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
150
- },
151
- {
152
- "name": "button/default/bgColor/rest",
153
- "value": {
154
- "r": 0.8784313725490196,
155
- "g": 0.9019607843137255,
156
- "b": 0.9215686274509803,
157
- "a": 1
158
- },
159
- "type": "COLOR",
160
- "refId": "mode/button/default/bgColor/rest",
161
- "reference": "mode/control/bgColor/rest",
162
108
  "collection": "mode",
163
- "mode": "light high contrast",
164
- "group": "component (internal)",
165
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
109
+ "group": "shadow"
166
110
  },
167
111
  {
168
- "name": "button/default/bgColor/hover",
169
- "value": {
170
- "r": 0.8549019607843137,
171
- "g": 0.8784313725490196,
172
- "b": 0.9058823529411765,
173
- "a": 1
174
- },
175
- "type": "COLOR",
176
- "refId": "mode/button/default/bgColor/hover",
177
- "reference": "mode/control/bgColor/hover",
178
- "collection": "mode",
112
+ "name": "shadow/resting/small/offsetY",
113
+ "value": 1,
114
+ "type": "FLOAT",
115
+ "scopes": ["EFFECT_FLOAT"],
179
116
  "mode": "light high contrast",
180
- "group": "component (internal)",
181
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
182
- },
183
- {
184
- "name": "button/default/bgColor/active",
185
- "value": {
186
- "r": 0.8196078431372549,
187
- "g": 0.8509803921568627,
188
- "b": 0.8784313725490196,
189
- "a": 1
190
- },
191
- "type": "COLOR",
192
- "refId": "mode/button/default/bgColor/active",
193
- "reference": "mode/control/bgColor/active",
194
117
  "collection": "mode",
195
- "mode": "light high contrast",
196
- "group": "component (internal)",
197
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
118
+ "group": "shadow"
198
119
  },
199
120
  {
200
- "name": "button/default/bgColor/selected",
201
- "value": {
202
- "r": 0.8196078431372549,
203
- "g": 0.8509803921568627,
204
- "b": 0.8784313725490196,
205
- "a": 1
206
- },
207
- "type": "COLOR",
208
- "refId": "mode/button/default/bgColor/selected",
209
- "reference": "mode/control/bgColor/active",
210
- "collection": "mode",
121
+ "name": "shadow/resting/small/blur",
122
+ "value": 0,
123
+ "type": "FLOAT",
124
+ "scopes": ["EFFECT_FLOAT"],
211
125
  "mode": "light high contrast",
212
- "group": "component (internal)",
213
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
214
- },
215
- {
216
- "name": "button/default/borderColor/rest",
217
- "value": {
218
- "r": 0.27058823529411763,
219
- "g": 0.2980392156862745,
220
- "b": 0.32941176470588235,
221
- "a": 1
222
- },
223
- "type": "COLOR",
224
- "refId": "mode/button/default/borderColor/rest",
225
- "reference": "mode/control/borderColor/rest",
226
126
  "collection": "mode",
227
- "mode": "light high contrast",
228
- "group": "component (internal)",
229
- "scopes": ["STROKE_COLOR"]
127
+ "group": "shadow"
230
128
  },
231
129
  {
232
- "name": "button/default/borderColor/hover",
233
- "value": {
234
- "r": 0.27058823529411763,
235
- "g": 0.2980392156862745,
236
- "b": 0.32941176470588235,
237
- "a": 1
238
- },
239
- "type": "COLOR",
240
- "refId": "mode/button/default/borderColor/hover",
241
- "reference": "mode/button/default/borderColor/rest",
242
- "collection": "mode",
130
+ "name": "shadow/resting/small/spread",
131
+ "value": 0,
132
+ "type": "FLOAT",
133
+ "scopes": ["EFFECT_FLOAT"],
243
134
  "mode": "light high contrast",
244
- "group": "component (internal)",
245
- "scopes": ["STROKE_COLOR"]
246
- },
247
- {
248
- "name": "button/default/borderColor/active",
249
- "value": {
250
- "r": 0.27058823529411763,
251
- "g": 0.2980392156862745,
252
- "b": 0.32941176470588235,
253
- "a": 1
254
- },
255
- "type": "COLOR",
256
- "refId": "mode/button/default/borderColor/active",
257
- "reference": "mode/control/borderColor/rest",
258
135
  "collection": "mode",
259
- "mode": "light high contrast",
260
- "group": "component (internal)",
261
- "scopes": ["STROKE_COLOR"]
136
+ "group": "shadow"
262
137
  },
263
138
  {
264
- "name": "button/default/borderColor/disabled",
139
+ "name": "shadow/resting/small/color",
265
140
  "value": {
266
- "r": 0.34901960784313724,
267
- "g": 0.38823529411764707,
268
- "b": 0.43137254901960786,
269
- "a": 0.12
141
+ "r": 0.00392156862745098,
142
+ "g": 0.01568627450980392,
143
+ "b": 0.03529411764705882,
144
+ "a": 0.04
270
145
  },
271
146
  "type": "COLOR",
272
- "refId": "mode/button/default/borderColor/disabled",
273
- "reference": "mode/control/borderColor/disabled",
274
- "collection": "mode",
147
+ "scopes": ["EFFECT_COLOR"],
275
148
  "mode": "light high contrast",
276
- "group": "component (internal)",
277
- "scopes": ["STROKE_COLOR"]
149
+ "collection": "mode",
150
+ "group": "shadow"
278
151
  },
279
152
  {
280
- "name": "button/primary/shadow/selected/offsetX",
153
+ "name": "shadow/resting/medium/offsetX",
281
154
  "value": 0,
282
155
  "type": "FLOAT",
283
156
  "scopes": ["EFFECT_FLOAT"],
284
157
  "mode": "light high contrast",
285
158
  "collection": "mode",
286
- "group": "component shadow"
159
+ "group": "shadow"
287
160
  },
288
161
  {
289
- "name": "button/primary/shadow/selected/offsetY",
290
- "value": 1,
162
+ "name": "shadow/resting/medium/offsetY",
163
+ "value": 3,
291
164
  "type": "FLOAT",
292
165
  "scopes": ["EFFECT_FLOAT"],
293
166
  "mode": "light high contrast",
294
167
  "collection": "mode",
295
- "group": "component shadow"
168
+ "group": "shadow"
296
169
  },
297
170
  {
298
- "name": "button/primary/shadow/selected/blur",
299
- "value": 0,
171
+ "name": "shadow/resting/medium/blur",
172
+ "value": 6,
300
173
  "type": "FLOAT",
301
174
  "scopes": ["EFFECT_FLOAT"],
302
175
  "mode": "light high contrast",
303
176
  "collection": "mode",
304
- "group": "component shadow"
177
+ "group": "shadow"
305
178
  },
306
179
  {
307
- "name": "button/primary/shadow/selected/spread",
180
+ "name": "shadow/resting/medium/spread",
308
181
  "value": 0,
309
182
  "type": "FLOAT",
310
183
  "scopes": ["EFFECT_FLOAT"],
311
184
  "mode": "light high contrast",
312
185
  "collection": "mode",
313
- "group": "component shadow"
186
+ "group": "shadow"
314
187
  },
315
188
  {
316
- "name": "button/primary/shadow/selected/color",
189
+ "name": "shadow/resting/medium/color",
317
190
  "value": {
318
- "r": 0,
319
- "g": 0.13725490196078433,
320
- "b": 0.043137254901960784,
321
- "a": 0.3
191
+ "r": 0.1450980392156863,
192
+ "g": 0.1607843137254902,
193
+ "b": 0.1803921568627451,
194
+ "a": 0.12
322
195
  },
323
196
  "type": "COLOR",
324
197
  "scopes": ["EFFECT_COLOR"],
325
198
  "mode": "light high contrast",
326
199
  "collection": "mode",
327
- "group": "component shadow"
200
+ "group": "shadow"
328
201
  },
329
202
  {
330
- "name": "button/primary/fgColor/rest",
331
- "value": {
332
- "r": 1,
333
- "g": 1,
334
- "b": 1,
335
- "a": 1
336
- },
337
- "type": "COLOR",
338
- "refId": "mode/button/primary/fgColor/rest",
339
- "reference": "mode/fgColor/white",
340
- "collection": "mode",
203
+ "name": "shadow/floating/small/1/offsetX",
204
+ "value": 0,
205
+ "type": "FLOAT",
206
+ "scopes": ["EFFECT_FLOAT"],
341
207
  "mode": "light high contrast",
342
- "group": "component (internal)",
343
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
344
- },
345
- {
346
- "name": "button/primary/fgColor/disabled",
347
- "value": {
348
- "r": 1,
349
- "g": 1,
350
- "b": 1,
351
- "a": 0.8
352
- },
353
- "type": "COLOR",
354
- "alpha": 0.8,
355
- "refId": "mode/button/primary/fgColor/disabled",
356
- "reference": "base/color/light/base/color/neutral/0",
357
208
  "collection": "mode",
358
- "mode": "light high contrast",
359
- "group": "component (internal)",
360
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
209
+ "group": "shadow"
361
210
  },
362
211
  {
363
- "name": "button/primary/iconColor/rest",
364
- "value": {
365
- "r": 1,
366
- "g": 1,
367
- "b": 1,
368
- "a": 0.8
369
- },
370
- "type": "COLOR",
371
- "alpha": 0.8,
372
- "refId": "mode/button/primary/iconColor/rest",
373
- "reference": "mode/fgColor/white",
374
- "collection": "mode",
212
+ "name": "shadow/floating/small/1/offsetY",
213
+ "value": 0,
214
+ "type": "FLOAT",
215
+ "scopes": ["EFFECT_FLOAT"],
375
216
  "mode": "light high contrast",
376
- "group": "component (internal)",
377
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
217
+ "collection": "mode",
218
+ "group": "shadow"
378
219
  },
379
220
  {
380
- "name": "button/primary/bgColor/rest",
381
- "value": {
382
- "r": 0.0196078431372549,
383
- "g": 0.36470588235294116,
384
- "b": 0.12549019607843137,
385
- "a": 1
386
- },
387
- "type": "COLOR",
388
- "refId": "mode/button/primary/bgColor/rest",
389
- "reference": "base/color/light-high-contrast/base/color/green/5",
390
- "collection": "mode",
221
+ "name": "shadow/floating/small/1/blur",
222
+ "value": 0,
223
+ "type": "FLOAT",
224
+ "scopes": ["EFFECT_FLOAT"],
391
225
  "mode": "light high contrast",
392
- "group": "component (internal)",
393
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
226
+ "collection": "mode",
227
+ "group": "shadow"
394
228
  },
395
229
  {
396
- "name": "button/primary/bgColor/hover",
397
- "value": {
398
- "r": 0.01568627450980392,
399
- "g": 0.3411764705882353,
400
- "b": 0.11764705882352941,
401
- "a": 1
402
- },
403
- "type": "COLOR",
404
- "refId": "mode/button/primary/bgColor/hover",
405
- "collection": "mode",
230
+ "name": "shadow/floating/small/1/spread",
231
+ "value": 1,
232
+ "type": "FLOAT",
233
+ "scopes": ["EFFECT_FLOAT"],
406
234
  "mode": "light high contrast",
407
- "group": "component (internal)",
408
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
235
+ "collection": "mode",
236
+ "group": "shadow"
409
237
  },
410
238
  {
411
- "name": "button/primary/bgColor/active",
239
+ "name": "shadow/floating/small/1/color",
412
240
  "value": {
413
- "r": 0.011764705882352941,
414
- "g": 0.3137254901960784,
415
- "b": 0.10588235294117647,
416
- "a": 1
241
+ "r": 0.27058823529411763,
242
+ "g": 0.2980392156862745,
243
+ "b": 0.32941176470588235,
244
+ "a": 0.5
417
245
  },
418
246
  "type": "COLOR",
419
- "refId": "mode/button/primary/bgColor/active",
420
- "collection": "mode",
247
+ "scopes": ["EFFECT_COLOR"],
421
248
  "mode": "light high contrast",
422
- "group": "component (internal)",
423
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
249
+ "collection": "mode",
250
+ "group": "shadow"
424
251
  },
425
252
  {
426
- "name": "button/primary/bgColor/disabled",
427
- "value": {
428
- "r": 0.5215686274509804,
429
- "g": 0.796078431372549,
430
- "b": 0.592156862745098,
431
- "a": 1
432
- },
433
- "type": "COLOR",
434
- "refId": "mode/button/primary/bgColor/disabled",
435
- "collection": "mode",
253
+ "name": "shadow/floating/small/2/offsetX",
254
+ "value": 0,
255
+ "type": "FLOAT",
256
+ "scopes": ["EFFECT_FLOAT"],
436
257
  "mode": "light high contrast",
437
- "group": "component (internal)",
438
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
258
+ "collection": "mode",
259
+ "group": "shadow"
439
260
  },
440
261
  {
441
- "name": "button/primary/borderColor/rest",
442
- "value": {
443
- "r": 0.00392156862745098,
444
- "g": 0.23921568627450981,
445
- "b": 0.0784313725490196,
446
- "a": 1
447
- },
448
- "type": "COLOR",
449
- "alpha": 1,
450
- "refId": "mode/button/primary/borderColor/rest",
451
- "reference": "base/color/light-high-contrast/base/color/green/7",
452
- "collection": "mode",
262
+ "name": "shadow/floating/small/2/offsetY",
263
+ "value": 6,
264
+ "type": "FLOAT",
265
+ "scopes": ["EFFECT_FLOAT"],
453
266
  "mode": "light high contrast",
454
- "group": "component (internal)",
455
- "scopes": ["STROKE_COLOR"]
267
+ "collection": "mode",
268
+ "group": "shadow"
456
269
  },
457
270
  {
458
- "name": "button/primary/borderColor/hover",
459
- "value": {
460
- "r": 0.00392156862745098,
461
- "g": 0.23921568627450981,
462
- "b": 0.0784313725490196,
463
- "a": 1
464
- },
465
- "type": "COLOR",
466
- "alpha": 1,
467
- "refId": "mode/button/primary/borderColor/hover",
468
- "reference": "base/color/light-high-contrast/base/color/green/7",
469
- "collection": "mode",
271
+ "name": "shadow/floating/small/2/blur",
272
+ "value": 12,
273
+ "type": "FLOAT",
274
+ "scopes": ["EFFECT_FLOAT"],
470
275
  "mode": "light high contrast",
471
- "group": "component (internal)",
472
- "scopes": ["STROKE_COLOR"]
276
+ "collection": "mode",
277
+ "group": "shadow"
473
278
  },
474
279
  {
475
- "name": "button/primary/borderColor/active",
476
- "value": {
477
- "r": 0.00392156862745098,
478
- "g": 0.23921568627450981,
479
- "b": 0.0784313725490196,
480
- "a": 1
481
- },
482
- "type": "COLOR",
483
- "alpha": 1,
484
- "refId": "mode/button/primary/borderColor/active",
485
- "reference": "base/color/light-high-contrast/base/color/green/7",
486
- "collection": "mode",
280
+ "name": "shadow/floating/small/2/spread",
281
+ "value": -3,
282
+ "type": "FLOAT",
283
+ "scopes": ["EFFECT_FLOAT"],
487
284
  "mode": "light high contrast",
488
- "group": "component (internal)",
489
- "scopes": ["STROKE_COLOR"]
285
+ "collection": "mode",
286
+ "group": "shadow"
490
287
  },
491
288
  {
492
- "name": "button/primary/borderColor/disabled",
289
+ "name": "shadow/floating/small/2/color",
493
290
  "value": {
494
- "r": 0.5215686274509804,
495
- "g": 0.796078431372549,
496
- "b": 0.592156862745098,
497
- "a": 1
291
+ "r": 0.1450980392156863,
292
+ "g": 0.1607843137254902,
293
+ "b": 0.1803921568627451,
294
+ "a": 0.04
498
295
  },
499
296
  "type": "COLOR",
500
- "refId": "mode/button/primary/borderColor/disabled",
501
- "collection": "mode",
297
+ "scopes": ["EFFECT_COLOR"],
502
298
  "mode": "light high contrast",
503
- "group": "component (internal)",
504
- "scopes": ["STROKE_COLOR"]
299
+ "collection": "mode",
300
+ "group": "shadow"
505
301
  },
506
302
  {
507
- "name": "button/outline/shadow/selected/offsetX",
303
+ "name": "shadow/floating/small/3/offsetX",
508
304
  "value": 0,
509
305
  "type": "FLOAT",
510
306
  "scopes": ["EFFECT_FLOAT"],
511
307
  "mode": "light high contrast",
512
308
  "collection": "mode",
513
- "group": "component shadow"
309
+ "group": "shadow"
514
310
  },
515
311
  {
516
- "name": "button/outline/shadow/selected/offsetY",
517
- "value": 1,
312
+ "name": "shadow/floating/small/3/offsetY",
313
+ "value": 6,
518
314
  "type": "FLOAT",
519
315
  "scopes": ["EFFECT_FLOAT"],
520
316
  "mode": "light high contrast",
521
317
  "collection": "mode",
522
- "group": "component shadow"
318
+ "group": "shadow"
523
319
  },
524
320
  {
525
- "name": "button/outline/shadow/selected/blur",
526
- "value": 0,
321
+ "name": "shadow/floating/small/3/blur",
322
+ "value": 18,
527
323
  "type": "FLOAT",
528
324
  "scopes": ["EFFECT_FLOAT"],
529
325
  "mode": "light high contrast",
530
326
  "collection": "mode",
531
- "group": "component shadow"
327
+ "group": "shadow"
532
328
  },
533
329
  {
534
- "name": "button/outline/shadow/selected/spread",
330
+ "name": "shadow/floating/small/3/spread",
535
331
  "value": 0,
536
332
  "type": "FLOAT",
537
333
  "scopes": ["EFFECT_FLOAT"],
538
334
  "mode": "light high contrast",
539
335
  "collection": "mode",
540
- "group": "component shadow"
336
+ "group": "shadow"
541
337
  },
542
338
  {
543
- "name": "button/outline/shadow/selected/color",
339
+ "name": "shadow/floating/small/3/color",
544
340
  "value": {
545
- "r": 0.00784313725490196,
546
- "g": 0.10196078431372549,
547
- "b": 0.2901960784313726,
548
- "a": 0.2
341
+ "r": 0.1450980392156863,
342
+ "g": 0.1607843137254902,
343
+ "b": 0.1803921568627451,
344
+ "a": 0.12
549
345
  },
550
346
  "type": "COLOR",
551
347
  "scopes": ["EFFECT_COLOR"],
552
348
  "mode": "light high contrast",
553
349
  "collection": "mode",
554
- "group": "component shadow"
350
+ "group": "shadow"
555
351
  },
556
352
  {
557
- "name": "button/outline/fgColor/rest",
558
- "value": {
559
- "r": 0.00784313725490196,
560
- "g": 0.23137254901960785,
561
- "b": 0.5843137254901961,
562
- "a": 1
563
- },
564
- "type": "COLOR",
565
- "refId": "mode/button/outline/fgColor/rest",
566
- "reference": "mode/fgColor/accent",
353
+ "name": "shadow/floating/medium/1/offsetX",
354
+ "value": 0,
355
+ "type": "FLOAT",
356
+ "scopes": ["EFFECT_FLOAT"],
357
+ "mode": "light high contrast",
567
358
  "collection": "mode",
359
+ "group": "shadow"
360
+ },
361
+ {
362
+ "name": "shadow/floating/medium/1/offsetY",
363
+ "value": 0,
364
+ "type": "FLOAT",
365
+ "scopes": ["EFFECT_FLOAT"],
568
366
  "mode": "light high contrast",
569
- "group": "component (internal)",
570
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
367
+ "collection": "mode",
368
+ "group": "shadow"
571
369
  },
572
370
  {
573
- "name": "button/outline/fgColor/hover",
574
- "value": {
575
- "r": 1,
576
- "g": 1,
577
- "b": 1,
578
- "a": 1
579
- },
580
- "type": "COLOR",
581
- "refId": "mode/button/outline/fgColor/hover",
582
- "reference": "base/color/light/base/color/neutral/0",
371
+ "name": "shadow/floating/medium/1/blur",
372
+ "value": 0,
373
+ "type": "FLOAT",
374
+ "scopes": ["EFFECT_FLOAT"],
375
+ "mode": "light high contrast",
583
376
  "collection": "mode",
377
+ "group": "shadow"
378
+ },
379
+ {
380
+ "name": "shadow/floating/medium/1/spread",
381
+ "value": 1,
382
+ "type": "FLOAT",
383
+ "scopes": ["EFFECT_FLOAT"],
584
384
  "mode": "light high contrast",
585
- "group": "component (internal)",
586
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
385
+ "collection": "mode",
386
+ "group": "shadow"
587
387
  },
588
388
  {
589
- "name": "button/outline/fgColor/active",
389
+ "name": "shadow/floating/medium/1/color",
590
390
  "value": {
591
- "r": 1,
592
- "g": 1,
593
- "b": 1,
391
+ "r": 0.27058823529411763,
392
+ "g": 0.2980392156862745,
393
+ "b": 0.32941176470588235,
594
394
  "a": 1
595
395
  },
596
396
  "type": "COLOR",
597
- "refId": "mode/button/outline/fgColor/active",
598
- "reference": "base/color/light/base/color/neutral/0",
599
- "collection": "mode",
397
+ "scopes": ["EFFECT_COLOR"],
600
398
  "mode": "light high contrast",
601
- "group": "component (internal)",
602
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
399
+ "collection": "mode",
400
+ "group": "shadow"
603
401
  },
604
402
  {
605
- "name": "button/outline/fgColor/disabled",
606
- "value": {
607
- "r": 0.00784313725490196,
608
- "g": 0.23137254901960785,
609
- "b": 0.5843137254901961,
610
- "a": 0.5
611
- },
612
- "type": "COLOR",
613
- "alpha": 0.5,
614
- "refId": "mode/button/outline/fgColor/disabled",
615
- "reference": "mode/fgColor/accent",
616
- "collection": "mode",
403
+ "name": "shadow/floating/medium/2/offsetX",
404
+ "value": 0,
405
+ "type": "FLOAT",
406
+ "scopes": ["EFFECT_FLOAT"],
617
407
  "mode": "light high contrast",
618
- "group": "component (internal)",
619
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
408
+ "collection": "mode",
409
+ "group": "shadow"
620
410
  },
621
411
  {
622
- "name": "button/outline/bgColor/rest",
623
- "value": {
624
- "r": 0.8784313725490196,
625
- "g": 0.9019607843137255,
626
- "b": 0.9215686274509803,
627
- "a": 1
628
- },
629
- "type": "COLOR",
630
- "refId": "mode/button/outline/bgColor/rest",
631
- "reference": "mode/control/bgColor/rest",
632
- "collection": "mode",
412
+ "name": "shadow/floating/medium/2/offsetY",
413
+ "value": 8,
414
+ "type": "FLOAT",
415
+ "scopes": ["EFFECT_FLOAT"],
633
416
  "mode": "light high contrast",
634
- "group": "component (internal)",
635
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
417
+ "collection": "mode",
418
+ "group": "shadow"
636
419
  },
637
420
  {
638
- "name": "button/outline/bgColor/hover",
639
- "value": {
640
- "r": 0.011764705882352941,
641
- "g": 0.28627450980392155,
642
- "b": 0.7058823529411765,
643
- "a": 1
644
- },
645
- "type": "COLOR",
646
- "refId": "mode/button/outline/bgColor/hover",
647
- "reference": "mode/bgColor/accent-emphasis",
421
+ "name": "shadow/floating/medium/2/blur",
422
+ "value": 16,
423
+ "type": "FLOAT",
424
+ "scopes": ["EFFECT_FLOAT"],
425
+ "mode": "light high contrast",
648
426
  "collection": "mode",
427
+ "group": "shadow"
428
+ },
429
+ {
430
+ "name": "shadow/floating/medium/2/spread",
431
+ "value": -4,
432
+ "type": "FLOAT",
433
+ "scopes": ["EFFECT_FLOAT"],
649
434
  "mode": "light high contrast",
650
- "group": "component (internal)",
651
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
435
+ "collection": "mode",
436
+ "group": "shadow"
652
437
  },
653
438
  {
654
- "name": "button/outline/bgColor/active",
439
+ "name": "shadow/floating/medium/2/color",
655
440
  "value": {
656
- "r": 0.011764705882352941,
657
- "g": 0.24705882352941178,
658
- "b": 0.615686274509804,
659
- "a": 1
441
+ "r": 0.1450980392156863,
442
+ "g": 0.1607843137254902,
443
+ "b": 0.1803921568627451,
444
+ "a": 0.08
660
445
  },
661
446
  "type": "COLOR",
662
- "refId": "mode/button/outline/bgColor/active",
663
- "collection": "mode",
447
+ "scopes": ["EFFECT_COLOR"],
664
448
  "mode": "light high contrast",
665
- "group": "component (internal)",
666
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
449
+ "collection": "mode",
450
+ "group": "shadow"
667
451
  },
668
452
  {
669
- "name": "button/outline/bgColor/disabled",
670
- "value": {
671
- "r": 0.8784313725490196,
672
- "g": 0.9019607843137255,
673
- "b": 0.9215686274509803,
674
- "a": 1
675
- },
676
- "type": "COLOR",
677
- "refId": "mode/button/outline/bgColor/disabled",
678
- "reference": "mode/control/bgColor/disabled",
453
+ "name": "shadow/floating/medium/3/offsetX",
454
+ "value": 0,
455
+ "type": "FLOAT",
456
+ "scopes": ["EFFECT_FLOAT"],
457
+ "mode": "light high contrast",
679
458
  "collection": "mode",
459
+ "group": "shadow"
460
+ },
461
+ {
462
+ "name": "shadow/floating/medium/3/offsetY",
463
+ "value": 4,
464
+ "type": "FLOAT",
465
+ "scopes": ["EFFECT_FLOAT"],
680
466
  "mode": "light high contrast",
681
- "group": "component (internal)",
682
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
467
+ "collection": "mode",
468
+ "group": "shadow"
683
469
  },
684
470
  {
685
- "name": "button/outline/borderColor/hover",
686
- "value": {
687
- "r": 0.00392156862745098,
688
- "g": 0.23921568627450981,
689
- "b": 0.0784313725490196,
690
- "a": 1
691
- },
692
- "type": "COLOR",
693
- "refId": "mode/button/outline/borderColor/hover",
694
- "reference": "mode/button/primary/borderColor/hover",
471
+ "name": "shadow/floating/medium/3/blur",
472
+ "value": 32,
473
+ "type": "FLOAT",
474
+ "scopes": ["EFFECT_FLOAT"],
475
+ "mode": "light high contrast",
695
476
  "collection": "mode",
477
+ "group": "shadow"
478
+ },
479
+ {
480
+ "name": "shadow/floating/medium/3/spread",
481
+ "value": -4,
482
+ "type": "FLOAT",
483
+ "scopes": ["EFFECT_FLOAT"],
696
484
  "mode": "light high contrast",
697
- "group": "component (internal)",
698
- "scopes": ["STROKE_COLOR"]
485
+ "collection": "mode",
486
+ "group": "shadow"
699
487
  },
700
488
  {
701
- "name": "button/outline/borderColor/active",
489
+ "name": "shadow/floating/medium/3/color",
702
490
  "value": {
703
- "r": 0.00392156862745098,
704
- "g": 0.23921568627450981,
705
- "b": 0.0784313725490196,
706
- "a": 1
491
+ "r": 0.1450980392156863,
492
+ "g": 0.1607843137254902,
493
+ "b": 0.1803921568627451,
494
+ "a": 0.08
707
495
  },
708
496
  "type": "COLOR",
709
- "refId": "mode/button/outline/borderColor/active",
710
- "reference": "mode/button/outline/borderColor/hover",
711
- "collection": "mode",
497
+ "scopes": ["EFFECT_COLOR"],
712
498
  "mode": "light high contrast",
713
- "group": "component (internal)",
714
- "scopes": ["STROKE_COLOR"]
499
+ "collection": "mode",
500
+ "group": "shadow"
715
501
  },
716
502
  {
717
- "name": "button/danger/shadow/selected/offsetX",
503
+ "name": "shadow/floating/medium/4/offsetX",
718
504
  "value": 0,
719
505
  "type": "FLOAT",
720
506
  "scopes": ["EFFECT_FLOAT"],
721
507
  "mode": "light high contrast",
722
508
  "collection": "mode",
723
- "group": "component shadow"
509
+ "group": "shadow"
724
510
  },
725
511
  {
726
- "name": "button/danger/shadow/selected/offsetY",
727
- "value": 1,
512
+ "name": "shadow/floating/medium/4/offsetY",
513
+ "value": 24,
728
514
  "type": "FLOAT",
729
515
  "scopes": ["EFFECT_FLOAT"],
730
516
  "mode": "light high contrast",
731
517
  "collection": "mode",
732
- "group": "component shadow"
518
+ "group": "shadow"
733
519
  },
734
520
  {
735
- "name": "button/danger/shadow/selected/blur",
736
- "value": 0,
521
+ "name": "shadow/floating/medium/4/blur",
522
+ "value": 48,
737
523
  "type": "FLOAT",
738
524
  "scopes": ["EFFECT_FLOAT"],
739
525
  "mode": "light high contrast",
740
526
  "collection": "mode",
741
- "group": "component shadow"
527
+ "group": "shadow"
742
528
  },
743
529
  {
744
- "name": "button/danger/shadow/selected/spread",
745
- "value": 0,
530
+ "name": "shadow/floating/medium/4/spread",
531
+ "value": -12,
746
532
  "type": "FLOAT",
747
533
  "scopes": ["EFFECT_FLOAT"],
748
534
  "mode": "light high contrast",
749
535
  "collection": "mode",
750
- "group": "component shadow"
536
+ "group": "shadow"
751
537
  },
752
538
  {
753
- "name": "button/danger/shadow/selected/color",
539
+ "name": "shadow/floating/medium/4/color",
754
540
  "value": {
755
- "r": 0.2627450980392157,
756
- "g": 0,
757
- "b": 0.06666666666666667,
758
- "a": 0.2
541
+ "r": 0.1450980392156863,
542
+ "g": 0.1607843137254902,
543
+ "b": 0.1803921568627451,
544
+ "a": 0.08
759
545
  },
760
546
  "type": "COLOR",
761
547
  "scopes": ["EFFECT_COLOR"],
762
548
  "mode": "light high contrast",
763
549
  "collection": "mode",
764
- "group": "component shadow"
550
+ "group": "shadow"
765
551
  },
766
552
  {
767
- "name": "button/danger/fgColor/rest",
768
- "value": {
769
- "r": 0.5254901960784314,
770
- "g": 0.023529411764705882,
771
- "b": 0.11372549019607843,
772
- "a": 1
773
- },
774
- "type": "COLOR",
775
- "refId": "mode/button/danger/fgColor/rest",
776
- "reference": "mode/fgColor/danger",
777
- "collection": "mode",
778
- "mode": "light high contrast",
779
- "group": "component (internal)",
780
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
781
- },
782
- {
783
- "name": "button/danger/fgColor/hover",
784
- "value": {
785
- "r": 1,
786
- "g": 1,
787
- "b": 1,
788
- "a": 1
789
- },
790
- "type": "COLOR",
791
- "refId": "mode/button/danger/fgColor/hover",
792
- "reference": "base/color/light/base/color/neutral/0",
793
- "collection": "mode",
553
+ "name": "shadow/floating/medium/5/offsetX",
554
+ "value": 0,
555
+ "type": "FLOAT",
556
+ "scopes": ["EFFECT_FLOAT"],
794
557
  "mode": "light high contrast",
795
- "group": "component (internal)",
796
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
558
+ "collection": "mode",
559
+ "group": "shadow"
797
560
  },
798
561
  {
799
- "name": "button/danger/fgColor/active",
800
- "value": {
801
- "r": 1,
802
- "g": 1,
803
- "b": 1,
804
- "a": 1
805
- },
806
- "type": "COLOR",
807
- "refId": "mode/button/danger/fgColor/active",
808
- "reference": "base/color/light/base/color/neutral/0",
809
- "collection": "mode",
562
+ "name": "shadow/floating/medium/5/offsetY",
563
+ "value": 48,
564
+ "type": "FLOAT",
565
+ "scopes": ["EFFECT_FLOAT"],
810
566
  "mode": "light high contrast",
811
- "group": "component (internal)",
812
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
567
+ "collection": "mode",
568
+ "group": "shadow"
813
569
  },
814
570
  {
815
- "name": "button/danger/fgColor/disabled",
816
- "value": {
817
- "r": 0.5254901960784314,
818
- "g": 0.023529411764705882,
819
- "b": 0.11372549019607843,
820
- "a": 0.5
821
- },
822
- "type": "COLOR",
823
- "alpha": 0.5,
824
- "refId": "mode/button/danger/fgColor/disabled",
825
- "reference": "mode/fgColor/danger",
826
- "collection": "mode",
571
+ "name": "shadow/floating/medium/5/blur",
572
+ "value": 96,
573
+ "type": "FLOAT",
574
+ "scopes": ["EFFECT_FLOAT"],
827
575
  "mode": "light high contrast",
828
- "group": "component (internal)",
829
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
576
+ "collection": "mode",
577
+ "group": "shadow"
830
578
  },
831
579
  {
832
- "name": "button/danger/iconColor/rest",
833
- "value": {
834
- "r": 0.5254901960784314,
835
- "g": 0.023529411764705882,
836
- "b": 0.11372549019607843,
837
- "a": 1
838
- },
839
- "type": "COLOR",
840
- "refId": "mode/button/danger/iconColor/rest",
841
- "reference": "mode/fgColor/danger",
842
- "collection": "mode",
580
+ "name": "shadow/floating/medium/5/spread",
581
+ "value": -24,
582
+ "type": "FLOAT",
583
+ "scopes": ["EFFECT_FLOAT"],
843
584
  "mode": "light high contrast",
844
- "group": "component (internal)",
845
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
585
+ "collection": "mode",
586
+ "group": "shadow"
846
587
  },
847
588
  {
848
- "name": "button/danger/iconColor/hover",
589
+ "name": "shadow/floating/medium/5/color",
849
590
  "value": {
850
- "r": 1,
851
- "g": 1,
852
- "b": 1,
853
- "a": 1
591
+ "r": 0.1450980392156863,
592
+ "g": 0.1607843137254902,
593
+ "b": 0.1803921568627451,
594
+ "a": 0.08
854
595
  },
855
596
  "type": "COLOR",
856
- "refId": "mode/button/danger/iconColor/hover",
857
- "reference": "base/color/light/base/color/neutral/0",
858
- "collection": "mode",
597
+ "scopes": ["EFFECT_COLOR"],
859
598
  "mode": "light high contrast",
860
- "group": "component (internal)",
861
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
599
+ "collection": "mode",
600
+ "group": "shadow"
862
601
  },
863
602
  {
864
- "name": "button/danger/bgColor/rest",
865
- "value": {
866
- "r": 0.8784313725490196,
867
- "g": 0.9019607843137255,
868
- "b": 0.9215686274509803,
869
- "a": 1
870
- },
871
- "type": "COLOR",
872
- "refId": "mode/button/danger/bgColor/rest",
873
- "reference": "mode/control/bgColor/rest",
874
- "collection": "mode",
603
+ "name": "shadow/floating/large/1/offsetX",
604
+ "value": 0,
605
+ "type": "FLOAT",
606
+ "scopes": ["EFFECT_FLOAT"],
875
607
  "mode": "light high contrast",
876
- "group": "component (internal)",
877
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
608
+ "collection": "mode",
609
+ "group": "shadow"
878
610
  },
879
611
  {
880
- "name": "button/danger/bgColor/hover",
881
- "value": {
882
- "r": 0.5254901960784314,
883
- "g": 0.023529411764705882,
884
- "b": 0.11372549019607843,
885
- "a": 1
886
- },
887
- "type": "COLOR",
888
- "refId": "mode/button/danger/bgColor/hover",
889
- "reference": "base/color/light-high-contrast/base/color/red/6",
890
- "collection": "mode",
612
+ "name": "shadow/floating/large/1/offsetY",
613
+ "value": 0,
614
+ "type": "FLOAT",
615
+ "scopes": ["EFFECT_FLOAT"],
891
616
  "mode": "light high contrast",
892
- "group": "component (internal)",
893
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
617
+ "collection": "mode",
618
+ "group": "shadow"
894
619
  },
895
620
  {
896
- "name": "button/danger/bgColor/active",
897
- "value": {
898
- "r": 0.4549019607843137,
899
- "g": 0.01568627450980392,
900
- "b": 0.10196078431372549,
901
- "a": 1
902
- },
903
- "type": "COLOR",
904
- "refId": "mode/button/danger/bgColor/active",
905
- "collection": "mode",
621
+ "name": "shadow/floating/large/1/blur",
622
+ "value": 0,
623
+ "type": "FLOAT",
624
+ "scopes": ["EFFECT_FLOAT"],
906
625
  "mode": "light high contrast",
907
- "group": "component (internal)",
908
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
626
+ "collection": "mode",
627
+ "group": "shadow"
909
628
  },
910
629
  {
911
- "name": "button/danger/bgColor/disabled",
912
- "value": {
913
- "r": 0.8784313725490196,
914
- "g": 0.9019607843137255,
915
- "b": 0.9215686274509803,
916
- "a": 1
917
- },
918
- "type": "COLOR",
919
- "refId": "mode/button/danger/bgColor/disabled",
920
- "reference": "mode/control/bgColor/disabled",
921
- "collection": "mode",
630
+ "name": "shadow/floating/large/1/spread",
631
+ "value": 1,
632
+ "type": "FLOAT",
633
+ "scopes": ["EFFECT_FLOAT"],
922
634
  "mode": "light high contrast",
923
- "group": "component (internal)",
924
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
635
+ "collection": "mode",
636
+ "group": "shadow"
925
637
  },
926
638
  {
927
- "name": "button/danger/borderColor/rest",
639
+ "name": "shadow/floating/large/1/color",
928
640
  "value": {
929
641
  "r": 0.27058823529411763,
930
642
  "g": 0.2980392156862745,
@@ -932,175 +644,278 @@
932
644
  "a": 1
933
645
  },
934
646
  "type": "COLOR",
935
- "refId": "mode/button/danger/borderColor/rest",
936
- "reference": "mode/control/borderColor/rest",
937
- "collection": "mode",
647
+ "scopes": ["EFFECT_COLOR"],
938
648
  "mode": "light high contrast",
939
- "group": "component (internal)",
940
- "scopes": ["STROKE_COLOR"]
649
+ "collection": "mode",
650
+ "group": "shadow"
941
651
  },
942
652
  {
943
- "name": "button/danger/borderColor/hover",
944
- "value": {
945
- "r": 0.00392156862745098,
946
- "g": 0.23921568627450981,
947
- "b": 0.0784313725490196,
948
- "a": 1
949
- },
950
- "type": "COLOR",
951
- "refId": "mode/button/danger/borderColor/hover",
952
- "reference": "mode/button/primary/borderColor/rest",
653
+ "name": "shadow/floating/large/2/offsetX",
654
+ "value": 0,
655
+ "type": "FLOAT",
656
+ "scopes": ["EFFECT_FLOAT"],
657
+ "mode": "light high contrast",
953
658
  "collection": "mode",
659
+ "group": "shadow"
660
+ },
661
+ {
662
+ "name": "shadow/floating/large/2/offsetY",
663
+ "value": 40,
664
+ "type": "FLOAT",
665
+ "scopes": ["EFFECT_FLOAT"],
954
666
  "mode": "light high contrast",
955
- "group": "component (internal)",
956
- "scopes": ["STROKE_COLOR"]
667
+ "collection": "mode",
668
+ "group": "shadow"
957
669
  },
958
670
  {
959
- "name": "button/danger/borderColor/active",
960
- "value": {
961
- "r": 0.00392156862745098,
962
- "g": 0.23921568627450981,
963
- "b": 0.0784313725490196,
964
- "a": 1
965
- },
966
- "type": "COLOR",
967
- "refId": "mode/button/danger/borderColor/active",
968
- "reference": "mode/button/danger/borderColor/hover",
671
+ "name": "shadow/floating/large/2/blur",
672
+ "value": 80,
673
+ "type": "FLOAT",
674
+ "scopes": ["EFFECT_FLOAT"],
675
+ "mode": "light high contrast",
969
676
  "collection": "mode",
677
+ "group": "shadow"
678
+ },
679
+ {
680
+ "name": "shadow/floating/large/2/spread",
681
+ "value": 0,
682
+ "type": "FLOAT",
683
+ "scopes": ["EFFECT_FLOAT"],
970
684
  "mode": "light high contrast",
971
- "group": "component (internal)",
972
- "scopes": ["STROKE_COLOR"]
685
+ "collection": "mode",
686
+ "group": "shadow"
973
687
  },
974
688
  {
975
- "name": "button/invisible/fgColor/rest",
689
+ "name": "shadow/floating/large/2/color",
976
690
  "value": {
977
691
  "r": 0.1450980392156863,
978
692
  "g": 0.1607843137254902,
979
693
  "b": 0.1803921568627451,
980
- "a": 1
694
+ "a": 0.24
981
695
  },
982
696
  "type": "COLOR",
983
- "refId": "mode/button/invisible/fgColor/rest",
984
- "reference": "mode/control/fgColor/rest",
697
+ "scopes": ["EFFECT_COLOR"],
698
+ "mode": "light high contrast",
985
699
  "collection": "mode",
700
+ "group": "shadow"
701
+ },
702
+ {
703
+ "name": "shadow/floating/xlarge/1/offsetX",
704
+ "value": 0,
705
+ "type": "FLOAT",
706
+ "scopes": ["EFFECT_FLOAT"],
986
707
  "mode": "light high contrast",
987
- "group": "component (internal)",
988
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
708
+ "collection": "mode",
709
+ "group": "shadow"
989
710
  },
990
711
  {
991
- "name": "button/invisible/fgColor/hover",
712
+ "name": "shadow/floating/xlarge/1/offsetY",
713
+ "value": 0,
714
+ "type": "FLOAT",
715
+ "scopes": ["EFFECT_FLOAT"],
716
+ "mode": "light high contrast",
717
+ "collection": "mode",
718
+ "group": "shadow"
719
+ },
720
+ {
721
+ "name": "shadow/floating/xlarge/1/blur",
722
+ "value": 0,
723
+ "type": "FLOAT",
724
+ "scopes": ["EFFECT_FLOAT"],
725
+ "mode": "light high contrast",
726
+ "collection": "mode",
727
+ "group": "shadow"
728
+ },
729
+ {
730
+ "name": "shadow/floating/xlarge/1/spread",
731
+ "value": 1,
732
+ "type": "FLOAT",
733
+ "scopes": ["EFFECT_FLOAT"],
734
+ "mode": "light high contrast",
735
+ "collection": "mode",
736
+ "group": "shadow"
737
+ },
738
+ {
739
+ "name": "shadow/floating/xlarge/1/color",
992
740
  "value": {
993
- "r": 0.2235294117647059,
994
- "g": 0.24705882352941178,
995
- "b": 0.27450980392156865,
741
+ "r": 0.27058823529411763,
742
+ "g": 0.2980392156862745,
743
+ "b": 0.32941176470588235,
996
744
  "a": 1
997
745
  },
998
746
  "type": "COLOR",
999
- "refId": "mode/button/invisible/fgColor/hover",
1000
- "reference": "base/color/light/base/color/neutral/11",
747
+ "scopes": ["EFFECT_COLOR"],
748
+ "mode": "light high contrast",
1001
749
  "collection": "mode",
750
+ "group": "shadow"
751
+ },
752
+ {
753
+ "name": "shadow/floating/xlarge/2/offsetX",
754
+ "value": 0,
755
+ "type": "FLOAT",
756
+ "scopes": ["EFFECT_FLOAT"],
1002
757
  "mode": "light high contrast",
1003
- "group": "component (internal)",
1004
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
758
+ "collection": "mode",
759
+ "group": "shadow"
1005
760
  },
1006
761
  {
1007
- "name": "button/invisible/fgColor/active",
762
+ "name": "shadow/floating/xlarge/2/offsetY",
763
+ "value": 56,
764
+ "type": "FLOAT",
765
+ "scopes": ["EFFECT_FLOAT"],
766
+ "mode": "light high contrast",
767
+ "collection": "mode",
768
+ "group": "shadow"
769
+ },
770
+ {
771
+ "name": "shadow/floating/xlarge/2/blur",
772
+ "value": 112,
773
+ "type": "FLOAT",
774
+ "scopes": ["EFFECT_FLOAT"],
775
+ "mode": "light high contrast",
776
+ "collection": "mode",
777
+ "group": "shadow"
778
+ },
779
+ {
780
+ "name": "shadow/floating/xlarge/2/spread",
781
+ "value": 0,
782
+ "type": "FLOAT",
783
+ "scopes": ["EFFECT_FLOAT"],
784
+ "mode": "light high contrast",
785
+ "collection": "mode",
786
+ "group": "shadow"
787
+ },
788
+ {
789
+ "name": "shadow/floating/xlarge/2/color",
1008
790
  "value": {
1009
791
  "r": 0.1450980392156863,
1010
792
  "g": 0.1607843137254902,
1011
793
  "b": 0.1803921568627451,
1012
- "a": 1
794
+ "a": 0.32
1013
795
  },
1014
796
  "type": "COLOR",
1015
- "refId": "mode/button/invisible/fgColor/active",
1016
- "reference": "mode/control/fgColor/rest",
1017
- "collection": "mode",
797
+ "scopes": ["EFFECT_COLOR"],
1018
798
  "mode": "light high contrast",
1019
- "group": "component (internal)",
1020
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
799
+ "collection": "mode",
800
+ "group": "shadow"
1021
801
  },
1022
802
  {
1023
- "name": "button/invisible/fgColor/disabled",
803
+ "name": "focus/outlineColor",
1024
804
  "value": {
1025
- "r": 0.34901960784313724,
1026
- "g": 0.38823529411764707,
1027
- "b": 0.43137254901960786,
805
+ "r": 0.011764705882352941,
806
+ "g": 0.28627450980392155,
807
+ "b": 0.7058823529411765,
1028
808
  "a": 1
1029
809
  },
1030
810
  "type": "COLOR",
1031
- "refId": "mode/button/invisible/fgColor/disabled",
1032
- "reference": "mode/control/fgColor/disabled",
811
+ "refId": "mode/focus/outlineColor",
812
+ "reference": "mode/borderColor/accent-emphasis",
1033
813
  "collection": "mode",
1034
814
  "mode": "light high contrast",
1035
815
  "group": "component (internal)",
1036
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
816
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
1037
817
  },
1038
818
  {
1039
- "name": "button/invisible/iconColor/rest",
819
+ "name": "avatar/bgColor",
1040
820
  "value": {
1041
- "r": 0.27058823529411763,
1042
- "g": 0.2980392156862745,
1043
- "b": 0.32941176470588235,
821
+ "r": 1,
822
+ "g": 1,
823
+ "b": 1,
1044
824
  "a": 1
1045
825
  },
1046
826
  "type": "COLOR",
1047
- "refId": "mode/button/invisible/iconColor/rest",
1048
- "reference": "mode/fgColor/muted",
827
+ "refId": "mode/avatar/bgColor",
828
+ "reference": "base/color/light/base/color/neutral/0",
1049
829
  "collection": "mode",
1050
830
  "mode": "light high contrast",
1051
831
  "group": "component (internal)",
1052
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
832
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1053
833
  },
1054
834
  {
1055
- "name": "button/invisible/iconColor/hover",
835
+ "name": "avatar/borderColor",
1056
836
  "value": {
1057
- "r": 0.2235294117647059,
1058
- "g": 0.24705882352941178,
1059
- "b": 0.27450980392156865,
1060
- "a": 1
837
+ "r": 0.00392156862745098,
838
+ "g": 0.01568627450980392,
839
+ "b": 0.03529411764705882,
840
+ "a": 0.9
1061
841
  },
1062
842
  "type": "COLOR",
1063
- "refId": "mode/button/invisible/iconColor/hover",
1064
- "reference": "base/color/light/base/color/neutral/11",
843
+ "alpha": 0.9,
844
+ "refId": "mode/avatar/borderColor",
845
+ "reference": "base/color/light/base/color/neutral/13",
1065
846
  "collection": "mode",
1066
847
  "mode": "light high contrast",
1067
848
  "group": "component (internal)",
1068
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
849
+ "scopes": ["STROKE_COLOR"]
1069
850
  },
1070
851
  {
1071
- "name": "button/invisible/iconColor/disabled",
1072
- "value": {
1073
- "r": 0.34901960784313724,
1074
- "g": 0.38823529411764707,
1075
- "b": 0.43137254901960786,
1076
- "a": 1
1077
- },
1078
- "type": "COLOR",
1079
- "refId": "mode/button/invisible/iconColor/disabled",
1080
- "reference": "mode/control/fgColor/disabled",
852
+ "name": "avatar/shadow/offsetX",
853
+ "value": 0,
854
+ "type": "FLOAT",
855
+ "scopes": ["EFFECT_FLOAT"],
856
+ "mode": "light high contrast",
1081
857
  "collection": "mode",
858
+ "group": "component shadow"
859
+ },
860
+ {
861
+ "name": "avatar/shadow/offsetY",
862
+ "value": 0,
863
+ "type": "FLOAT",
864
+ "scopes": ["EFFECT_FLOAT"],
1082
865
  "mode": "light high contrast",
1083
- "group": "component (internal)",
1084
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
866
+ "collection": "mode",
867
+ "group": "component shadow"
1085
868
  },
1086
869
  {
1087
- "name": "button/invisible/bgColor/rest",
870
+ "name": "avatar/shadow/blur",
871
+ "value": 0,
872
+ "type": "FLOAT",
873
+ "scopes": ["EFFECT_FLOAT"],
874
+ "mode": "light high contrast",
875
+ "collection": "mode",
876
+ "group": "component shadow"
877
+ },
878
+ {
879
+ "name": "avatar/shadow/spread",
880
+ "value": 2,
881
+ "type": "FLOAT",
882
+ "scopes": ["EFFECT_FLOAT"],
883
+ "mode": "light high contrast",
884
+ "collection": "mode",
885
+ "group": "component shadow"
886
+ },
887
+ {
888
+ "name": "avatar/shadow/color",
1088
889
  "value": {
1089
890
  "r": 1,
1090
891
  "g": 1,
1091
892
  "b": 1,
1092
- "a": 0
893
+ "a": 0.8
1093
894
  },
1094
895
  "type": "COLOR",
1095
- "refId": "mode/button/invisible/bgColor/rest",
1096
- "reference": "mode/control/transparent/bgColor/rest",
896
+ "scopes": ["EFFECT_COLOR"],
897
+ "mode": "light high contrast",
898
+ "collection": "mode",
899
+ "group": "component shadow"
900
+ },
901
+ {
902
+ "name": "avatarStack/fade/bgColor/default",
903
+ "value": {
904
+ "r": 0.7843137254901961,
905
+ "g": 0.8196078431372549,
906
+ "b": 0.8549019607843137,
907
+ "a": 1
908
+ },
909
+ "type": "COLOR",
910
+ "refId": "mode/avatarStack/fade/bgColor/default",
911
+ "reference": "base/color/light/base/color/neutral/7",
1097
912
  "collection": "mode",
1098
913
  "mode": "light high contrast",
1099
914
  "group": "component (internal)",
1100
915
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1101
916
  },
1102
917
  {
1103
- "name": "button/invisible/bgColor/hover",
918
+ "name": "avatarStack/fade/bgColor/muted",
1104
919
  "value": {
1105
920
  "r": 0.8549019607843137,
1106
921
  "g": 0.8784313725490196,
@@ -1108,95 +923,95 @@
1108
923
  "a": 1
1109
924
  },
1110
925
  "type": "COLOR",
1111
- "refId": "mode/button/invisible/bgColor/hover",
1112
- "reference": "mode/control/transparent/bgColor/hover",
926
+ "refId": "mode/avatarStack/fade/bgColor/muted",
927
+ "reference": "base/color/light/base/color/neutral/5",
1113
928
  "collection": "mode",
1114
929
  "mode": "light high contrast",
1115
930
  "group": "component (internal)",
1116
931
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1117
932
  },
1118
933
  {
1119
- "name": "button/invisible/bgColor/active",
934
+ "name": "button/default/fgColor/rest",
1120
935
  "value": {
1121
- "r": 0.8196078431372549,
1122
- "g": 0.8509803921568627,
1123
- "b": 0.8784313725490196,
936
+ "r": 0.1450980392156863,
937
+ "g": 0.1607843137254902,
938
+ "b": 0.1803921568627451,
1124
939
  "a": 1
1125
940
  },
1126
941
  "type": "COLOR",
1127
- "refId": "mode/button/invisible/bgColor/active",
1128
- "reference": "mode/control/transparent/bgColor/active",
942
+ "refId": "mode/button/default/fgColor/rest",
943
+ "reference": "mode/control/fgColor/rest",
1129
944
  "collection": "mode",
1130
945
  "mode": "light high contrast",
1131
946
  "group": "component (internal)",
1132
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
947
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1133
948
  },
1134
949
  {
1135
- "name": "button/invisible/bgColor/disabled",
950
+ "name": "button/default/bgColor/rest",
1136
951
  "value": {
1137
- "r": 1,
1138
- "g": 1,
1139
- "b": 1,
1140
- "a": 0
952
+ "r": 0.8784313725490196,
953
+ "g": 0.9019607843137255,
954
+ "b": 0.9215686274509803,
955
+ "a": 1
1141
956
  },
1142
957
  "type": "COLOR",
1143
- "refId": "mode/button/invisible/bgColor/disabled",
1144
- "reference": "base/color/light/base/color/transparent",
958
+ "refId": "mode/button/default/bgColor/rest",
959
+ "reference": "mode/control/bgColor/rest",
1145
960
  "collection": "mode",
1146
961
  "mode": "light high contrast",
1147
962
  "group": "component (internal)",
1148
963
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1149
964
  },
1150
965
  {
1151
- "name": "button/invisible/borderColor/rest",
966
+ "name": "button/default/bgColor/hover",
1152
967
  "value": {
1153
- "r": 1,
1154
- "g": 1,
1155
- "b": 1,
1156
- "a": 0
968
+ "r": 0.8549019607843137,
969
+ "g": 0.8784313725490196,
970
+ "b": 0.9058823529411765,
971
+ "a": 1
1157
972
  },
1158
973
  "type": "COLOR",
1159
- "refId": "mode/button/invisible/borderColor/rest",
1160
- "reference": "mode/control/transparent/borderColor/rest",
974
+ "refId": "mode/button/default/bgColor/hover",
975
+ "reference": "mode/control/bgColor/hover",
1161
976
  "collection": "mode",
1162
977
  "mode": "light high contrast",
1163
978
  "group": "component (internal)",
1164
- "scopes": ["STROKE_COLOR"]
979
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1165
980
  },
1166
981
  {
1167
- "name": "button/invisible/borderColor/hover",
982
+ "name": "button/default/bgColor/active",
1168
983
  "value": {
1169
- "r": 0.27058823529411763,
1170
- "g": 0.2980392156862745,
1171
- "b": 0.32941176470588235,
1172
- "a": 1
1173
- },
984
+ "r": 0.8196078431372549,
985
+ "g": 0.8509803921568627,
986
+ "b": 0.8784313725490196,
987
+ "a": 1
988
+ },
1174
989
  "type": "COLOR",
1175
- "refId": "mode/button/invisible/borderColor/hover",
1176
- "reference": "mode/control/transparent/borderColor/hover",
990
+ "refId": "mode/button/default/bgColor/active",
991
+ "reference": "mode/control/bgColor/active",
1177
992
  "collection": "mode",
1178
993
  "mode": "light high contrast",
1179
994
  "group": "component (internal)",
1180
- "scopes": ["STROKE_COLOR"]
995
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1181
996
  },
1182
997
  {
1183
- "name": "button/invisible/borderColor/disabled",
998
+ "name": "button/default/bgColor/selected",
1184
999
  "value": {
1185
- "r": 1,
1186
- "g": 1,
1187
- "b": 1,
1188
- "a": 0
1000
+ "r": 0.8196078431372549,
1001
+ "g": 0.8509803921568627,
1002
+ "b": 0.8784313725490196,
1003
+ "a": 1
1189
1004
  },
1190
1005
  "type": "COLOR",
1191
- "refId": "mode/button/invisible/borderColor/disabled",
1192
- "reference": "base/color/light/base/color/transparent",
1006
+ "refId": "mode/button/default/bgColor/selected",
1007
+ "reference": "mode/control/bgColor/active",
1193
1008
  "collection": "mode",
1194
1009
  "mode": "light high contrast",
1195
1010
  "group": "component (internal)",
1196
- "scopes": ["STROKE_COLOR"]
1011
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1197
1012
  },
1198
1013
  {
1199
- "name": "button/inactive/fgColor",
1014
+ "name": "button/default/borderColor/rest",
1200
1015
  "value": {
1201
1016
  "r": 0.27058823529411763,
1202
1017
  "g": 0.2980392156862745,
@@ -1204,83 +1019,99 @@
1204
1019
  "a": 1
1205
1020
  },
1206
1021
  "type": "COLOR",
1207
- "refId": "mode/button/inactive/fgColor",
1208
- "reference": "base/color/light/base/color/neutral/10",
1022
+ "refId": "mode/button/default/borderColor/rest",
1023
+ "reference": "mode/control/borderColor/rest",
1209
1024
  "collection": "mode",
1210
1025
  "mode": "light high contrast",
1211
1026
  "group": "component (internal)",
1212
- "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1027
+ "scopes": ["STROKE_COLOR"]
1213
1028
  },
1214
1029
  {
1215
- "name": "button/inactive/bgColor",
1030
+ "name": "button/default/borderColor/hover",
1216
1031
  "value": {
1217
- "r": 0.8784313725490196,
1218
- "g": 0.9019607843137255,
1219
- "b": 0.9215686274509803,
1032
+ "r": 0.27058823529411763,
1033
+ "g": 0.2980392156862745,
1034
+ "b": 0.32941176470588235,
1220
1035
  "a": 1
1221
1036
  },
1222
1037
  "type": "COLOR",
1223
- "refId": "mode/button/inactive/bgColor",
1224
- "reference": "mode/control/bgColor/rest",
1038
+ "refId": "mode/button/default/borderColor/hover",
1039
+ "reference": "mode/button/default/borderColor/rest",
1225
1040
  "collection": "mode",
1226
1041
  "mode": "light high contrast",
1227
1042
  "group": "component (internal)",
1228
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1043
+ "scopes": ["STROKE_COLOR"]
1229
1044
  },
1230
1045
  {
1231
- "name": "button/star/iconColor",
1046
+ "name": "button/default/borderColor/active",
1232
1047
  "value": {
1233
- "r": 0.8352941176470589,
1234
- "g": 0.6588235294117647,
1235
- "b": 0.1411764705882353,
1048
+ "r": 0.27058823529411763,
1049
+ "g": 0.2980392156862745,
1050
+ "b": 0.32941176470588235,
1236
1051
  "a": 1
1237
1052
  },
1238
1053
  "type": "COLOR",
1239
- "refId": "mode/button/star/iconColor",
1240
- "reference": "base/color/light-high-contrast/base/color/yellow/2",
1054
+ "refId": "mode/button/default/borderColor/active",
1055
+ "reference": "mode/control/borderColor/rest",
1241
1056
  "collection": "mode",
1242
1057
  "mode": "light high contrast",
1243
1058
  "group": "component (internal)",
1244
- "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1059
+ "scopes": ["STROKE_COLOR"]
1245
1060
  },
1246
1061
  {
1247
- "name": "shadow/inset/offsetX",
1062
+ "name": "button/default/borderColor/disabled",
1063
+ "value": {
1064
+ "r": 0.34901960784313724,
1065
+ "g": 0.38823529411764707,
1066
+ "b": 0.43137254901960786,
1067
+ "a": 0.12
1068
+ },
1069
+ "type": "COLOR",
1070
+ "refId": "mode/button/default/borderColor/disabled",
1071
+ "reference": "mode/control/borderColor/disabled",
1072
+ "collection": "mode",
1073
+ "mode": "light high contrast",
1074
+ "group": "component (internal)",
1075
+ "scopes": ["STROKE_COLOR"]
1076
+ },
1077
+ {
1078
+ "name": "button/default/shadow/resting/offsetX",
1248
1079
  "value": 0,
1249
1080
  "type": "FLOAT",
1250
1081
  "scopes": ["EFFECT_FLOAT"],
1251
1082
  "mode": "light high contrast",
1252
1083
  "collection": "mode",
1253
- "group": "shadow"
1084
+ "group": "component shadow"
1254
1085
  },
1255
1086
  {
1256
- "name": "shadow/inset/offsetY",
1087
+ "name": "button/default/shadow/resting/offsetY",
1257
1088
  "value": 1,
1258
1089
  "type": "FLOAT",
1259
1090
  "scopes": ["EFFECT_FLOAT"],
1260
1091
  "mode": "light high contrast",
1261
1092
  "collection": "mode",
1262
- "group": "shadow"
1093
+ "group": "component shadow"
1263
1094
  },
1264
1095
  {
1265
- "name": "shadow/inset/blur",
1096
+ "name": "button/default/shadow/resting/blur",
1266
1097
  "value": 0,
1267
1098
  "type": "FLOAT",
1268
1099
  "scopes": ["EFFECT_FLOAT"],
1269
1100
  "mode": "light high contrast",
1270
1101
  "collection": "mode",
1271
- "group": "shadow"
1102
+ "group": "component shadow"
1272
1103
  },
1273
1104
  {
1274
- "name": "shadow/inset/spread",
1105
+ "name": "button/default/shadow/resting/spread",
1275
1106
  "value": 0,
1276
1107
  "type": "FLOAT",
1277
1108
  "scopes": ["EFFECT_FLOAT"],
1278
1109
  "mode": "light high contrast",
1279
1110
  "collection": "mode",
1280
- "group": "shadow"
1111
+ "group": "component shadow"
1281
1112
  },
1282
1113
  {
1283
- "name": "shadow/inset/color",
1114
+ "name": "button/default/shadow/resting/color",
1284
1115
  "value": {
1285
1116
  "r": 0.00392156862745098,
1286
1117
  "g": 0.01568627450980392,
@@ -1291,346 +1122,429 @@
1291
1122
  "scopes": ["EFFECT_COLOR"],
1292
1123
  "mode": "light high contrast",
1293
1124
  "collection": "mode",
1294
- "group": "shadow"
1125
+ "group": "component shadow"
1295
1126
  },
1296
1127
  {
1297
- "name": "shadow/resting/xsmall/offsetX",
1298
- "value": 0,
1299
- "type": "FLOAT",
1300
- "scopes": ["EFFECT_FLOAT"],
1301
- "mode": "light high contrast",
1128
+ "name": "button/primary/fgColor/rest",
1129
+ "value": {
1130
+ "r": 1,
1131
+ "g": 1,
1132
+ "b": 1,
1133
+ "a": 1
1134
+ },
1135
+ "type": "COLOR",
1136
+ "refId": "mode/button/primary/fgColor/rest",
1137
+ "reference": "mode/fgColor/white",
1302
1138
  "collection": "mode",
1303
- "group": "shadow"
1304
- },
1305
- {
1306
- "name": "shadow/resting/xsmall/offsetY",
1307
- "value": 1,
1308
- "type": "FLOAT",
1309
- "scopes": ["EFFECT_FLOAT"],
1310
1139
  "mode": "light high contrast",
1311
- "collection": "mode",
1312
- "group": "shadow"
1140
+ "group": "component (internal)",
1141
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1313
1142
  },
1314
1143
  {
1315
- "name": "shadow/resting/xsmall/blur",
1316
- "value": 0,
1317
- "type": "FLOAT",
1318
- "scopes": ["EFFECT_FLOAT"],
1319
- "mode": "light high contrast",
1144
+ "name": "button/primary/fgColor/disabled",
1145
+ "value": {
1146
+ "r": 1,
1147
+ "g": 1,
1148
+ "b": 1,
1149
+ "a": 0.8
1150
+ },
1151
+ "type": "COLOR",
1152
+ "alpha": 0.8,
1153
+ "refId": "mode/button/primary/fgColor/disabled",
1154
+ "reference": "base/color/light/base/color/neutral/0",
1320
1155
  "collection": "mode",
1321
- "group": "shadow"
1322
- },
1323
- {
1324
- "name": "shadow/resting/xsmall/spread",
1325
- "value": 0,
1326
- "type": "FLOAT",
1327
- "scopes": ["EFFECT_FLOAT"],
1328
1156
  "mode": "light high contrast",
1329
- "collection": "mode",
1330
- "group": "shadow"
1157
+ "group": "component (internal)",
1158
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1331
1159
  },
1332
1160
  {
1333
- "name": "shadow/resting/xsmall/color",
1161
+ "name": "button/primary/iconColor/rest",
1334
1162
  "value": {
1335
- "r": 0.00392156862745098,
1336
- "g": 0.01568627450980392,
1337
- "b": 0.03529411764705882,
1338
- "a": 0.1
1163
+ "r": 1,
1164
+ "g": 1,
1165
+ "b": 1,
1166
+ "a": 0.8
1339
1167
  },
1340
1168
  "type": "COLOR",
1341
- "scopes": ["EFFECT_COLOR"],
1342
- "mode": "light high contrast",
1169
+ "alpha": 0.8,
1170
+ "refId": "mode/button/primary/iconColor/rest",
1171
+ "reference": "mode/fgColor/white",
1343
1172
  "collection": "mode",
1344
- "group": "shadow"
1345
- },
1346
- {
1347
- "name": "shadow/resting/small/offsetX",
1348
- "value": 0,
1349
- "type": "FLOAT",
1350
- "scopes": ["EFFECT_FLOAT"],
1351
1173
  "mode": "light high contrast",
1352
- "collection": "mode",
1353
- "group": "shadow"
1174
+ "group": "component (internal)",
1175
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1354
1176
  },
1355
1177
  {
1356
- "name": "shadow/resting/small/offsetY",
1357
- "value": 1,
1358
- "type": "FLOAT",
1359
- "scopes": ["EFFECT_FLOAT"],
1360
- "mode": "light high contrast",
1178
+ "name": "button/primary/bgColor/rest",
1179
+ "value": {
1180
+ "r": 0.0196078431372549,
1181
+ "g": 0.36470588235294116,
1182
+ "b": 0.12549019607843137,
1183
+ "a": 1
1184
+ },
1185
+ "type": "COLOR",
1186
+ "refId": "mode/button/primary/bgColor/rest",
1187
+ "reference": "base/color/light-high-contrast/base/color/green/5",
1361
1188
  "collection": "mode",
1362
- "group": "shadow"
1189
+ "mode": "light high contrast",
1190
+ "group": "component (internal)",
1191
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1363
1192
  },
1364
1193
  {
1365
- "name": "shadow/resting/small/blur",
1366
- "value": 0,
1367
- "type": "FLOAT",
1368
- "scopes": ["EFFECT_FLOAT"],
1369
- "mode": "light high contrast",
1194
+ "name": "button/primary/bgColor/hover",
1195
+ "value": {
1196
+ "r": 0.01568627450980392,
1197
+ "g": 0.3411764705882353,
1198
+ "b": 0.11764705882352941,
1199
+ "a": 1
1200
+ },
1201
+ "type": "COLOR",
1202
+ "refId": "mode/button/primary/bgColor/hover",
1370
1203
  "collection": "mode",
1371
- "group": "shadow"
1204
+ "mode": "light high contrast",
1205
+ "group": "component (internal)",
1206
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1372
1207
  },
1373
1208
  {
1374
- "name": "shadow/resting/small/spread",
1375
- "value": 0,
1376
- "type": "FLOAT",
1377
- "scopes": ["EFFECT_FLOAT"],
1378
- "mode": "light high contrast",
1209
+ "name": "button/primary/bgColor/active",
1210
+ "value": {
1211
+ "r": 0.011764705882352941,
1212
+ "g": 0.3137254901960784,
1213
+ "b": 0.10588235294117647,
1214
+ "a": 1
1215
+ },
1216
+ "type": "COLOR",
1217
+ "refId": "mode/button/primary/bgColor/active",
1379
1218
  "collection": "mode",
1380
- "group": "shadow"
1219
+ "mode": "light high contrast",
1220
+ "group": "component (internal)",
1221
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1381
1222
  },
1382
1223
  {
1383
- "name": "shadow/resting/small/color",
1224
+ "name": "button/primary/bgColor/disabled",
1384
1225
  "value": {
1385
- "r": 0.00392156862745098,
1386
- "g": 0.01568627450980392,
1387
- "b": 0.03529411764705882,
1388
- "a": 0.04
1226
+ "r": 0.5215686274509804,
1227
+ "g": 0.796078431372549,
1228
+ "b": 0.592156862745098,
1229
+ "a": 1
1389
1230
  },
1390
1231
  "type": "COLOR",
1391
- "scopes": ["EFFECT_COLOR"],
1392
- "mode": "light high contrast",
1232
+ "refId": "mode/button/primary/bgColor/disabled",
1393
1233
  "collection": "mode",
1394
- "group": "shadow"
1234
+ "mode": "light high contrast",
1235
+ "group": "component (internal)",
1236
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1395
1237
  },
1396
1238
  {
1397
- "name": "shadow/resting/medium/offsetX",
1398
- "value": 0,
1399
- "type": "FLOAT",
1400
- "scopes": ["EFFECT_FLOAT"],
1401
- "mode": "light high contrast",
1402
- "collection": "mode",
1403
- "group": "shadow"
1404
- },
1405
- {
1406
- "name": "shadow/resting/medium/offsetY",
1407
- "value": 3,
1408
- "type": "FLOAT",
1409
- "scopes": ["EFFECT_FLOAT"],
1410
- "mode": "light high contrast",
1239
+ "name": "button/primary/borderColor/rest",
1240
+ "value": {
1241
+ "r": 0.00392156862745098,
1242
+ "g": 0.23921568627450981,
1243
+ "b": 0.0784313725490196,
1244
+ "a": 1
1245
+ },
1246
+ "type": "COLOR",
1247
+ "alpha": 1,
1248
+ "refId": "mode/button/primary/borderColor/rest",
1249
+ "reference": "base/color/light-high-contrast/base/color/green/7",
1411
1250
  "collection": "mode",
1412
- "group": "shadow"
1251
+ "mode": "light high contrast",
1252
+ "group": "component (internal)",
1253
+ "scopes": ["STROKE_COLOR"]
1413
1254
  },
1414
1255
  {
1415
- "name": "shadow/resting/medium/blur",
1416
- "value": 6,
1417
- "type": "FLOAT",
1418
- "scopes": ["EFFECT_FLOAT"],
1419
- "mode": "light high contrast",
1256
+ "name": "button/primary/borderColor/hover",
1257
+ "value": {
1258
+ "r": 0.00392156862745098,
1259
+ "g": 0.23921568627450981,
1260
+ "b": 0.0784313725490196,
1261
+ "a": 1
1262
+ },
1263
+ "type": "COLOR",
1264
+ "alpha": 1,
1265
+ "refId": "mode/button/primary/borderColor/hover",
1266
+ "reference": "base/color/light-high-contrast/base/color/green/7",
1420
1267
  "collection": "mode",
1421
- "group": "shadow"
1268
+ "mode": "light high contrast",
1269
+ "group": "component (internal)",
1270
+ "scopes": ["STROKE_COLOR"]
1422
1271
  },
1423
1272
  {
1424
- "name": "shadow/resting/medium/spread",
1425
- "value": 0,
1426
- "type": "FLOAT",
1427
- "scopes": ["EFFECT_FLOAT"],
1428
- "mode": "light high contrast",
1273
+ "name": "button/primary/borderColor/active",
1274
+ "value": {
1275
+ "r": 0.00392156862745098,
1276
+ "g": 0.23921568627450981,
1277
+ "b": 0.0784313725490196,
1278
+ "a": 1
1279
+ },
1280
+ "type": "COLOR",
1281
+ "alpha": 1,
1282
+ "refId": "mode/button/primary/borderColor/active",
1283
+ "reference": "base/color/light-high-contrast/base/color/green/7",
1429
1284
  "collection": "mode",
1430
- "group": "shadow"
1285
+ "mode": "light high contrast",
1286
+ "group": "component (internal)",
1287
+ "scopes": ["STROKE_COLOR"]
1431
1288
  },
1432
1289
  {
1433
- "name": "shadow/resting/medium/color",
1290
+ "name": "button/primary/borderColor/disabled",
1434
1291
  "value": {
1435
- "r": 0.1450980392156863,
1436
- "g": 0.1607843137254902,
1437
- "b": 0.1803921568627451,
1438
- "a": 0.12
1292
+ "r": 0.5215686274509804,
1293
+ "g": 0.796078431372549,
1294
+ "b": 0.592156862745098,
1295
+ "a": 1
1439
1296
  },
1440
1297
  "type": "COLOR",
1441
- "scopes": ["EFFECT_COLOR"],
1442
- "mode": "light high contrast",
1298
+ "refId": "mode/button/primary/borderColor/disabled",
1443
1299
  "collection": "mode",
1444
- "group": "shadow"
1300
+ "mode": "light high contrast",
1301
+ "group": "component (internal)",
1302
+ "scopes": ["STROKE_COLOR"]
1445
1303
  },
1446
1304
  {
1447
- "name": "shadow/floating/small/1/offsetX",
1305
+ "name": "button/primary/shadow/selected/offsetX",
1448
1306
  "value": 0,
1449
1307
  "type": "FLOAT",
1450
1308
  "scopes": ["EFFECT_FLOAT"],
1451
1309
  "mode": "light high contrast",
1452
1310
  "collection": "mode",
1453
- "group": "shadow"
1311
+ "group": "component shadow"
1454
1312
  },
1455
1313
  {
1456
- "name": "shadow/floating/small/1/offsetY",
1457
- "value": 0,
1314
+ "name": "button/primary/shadow/selected/offsetY",
1315
+ "value": 1,
1458
1316
  "type": "FLOAT",
1459
1317
  "scopes": ["EFFECT_FLOAT"],
1460
1318
  "mode": "light high contrast",
1461
1319
  "collection": "mode",
1462
- "group": "shadow"
1320
+ "group": "component shadow"
1463
1321
  },
1464
1322
  {
1465
- "name": "shadow/floating/small/1/blur",
1323
+ "name": "button/primary/shadow/selected/blur",
1466
1324
  "value": 0,
1467
1325
  "type": "FLOAT",
1468
1326
  "scopes": ["EFFECT_FLOAT"],
1469
1327
  "mode": "light high contrast",
1470
1328
  "collection": "mode",
1471
- "group": "shadow"
1329
+ "group": "component shadow"
1472
1330
  },
1473
1331
  {
1474
- "name": "shadow/floating/small/1/spread",
1475
- "value": 1,
1332
+ "name": "button/primary/shadow/selected/spread",
1333
+ "value": 0,
1476
1334
  "type": "FLOAT",
1477
1335
  "scopes": ["EFFECT_FLOAT"],
1478
1336
  "mode": "light high contrast",
1479
1337
  "collection": "mode",
1480
- "group": "shadow"
1338
+ "group": "component shadow"
1481
1339
  },
1482
1340
  {
1483
- "name": "shadow/floating/small/1/color",
1341
+ "name": "button/primary/shadow/selected/color",
1484
1342
  "value": {
1485
- "r": 0.27058823529411763,
1486
- "g": 0.2980392156862745,
1487
- "b": 0.32941176470588235,
1488
- "a": 0.5
1343
+ "r": 0,
1344
+ "g": 0.13725490196078433,
1345
+ "b": 0.043137254901960784,
1346
+ "a": 0.3
1489
1347
  },
1490
1348
  "type": "COLOR",
1491
1349
  "scopes": ["EFFECT_COLOR"],
1492
1350
  "mode": "light high contrast",
1493
1351
  "collection": "mode",
1494
- "group": "shadow"
1352
+ "group": "component shadow"
1495
1353
  },
1496
1354
  {
1497
- "name": "shadow/floating/small/2/offsetX",
1498
- "value": 0,
1499
- "type": "FLOAT",
1500
- "scopes": ["EFFECT_FLOAT"],
1501
- "mode": "light high contrast",
1355
+ "name": "button/invisible/fgColor/rest",
1356
+ "value": {
1357
+ "r": 0.1450980392156863,
1358
+ "g": 0.1607843137254902,
1359
+ "b": 0.1803921568627451,
1360
+ "a": 1
1361
+ },
1362
+ "type": "COLOR",
1363
+ "refId": "mode/button/invisible/fgColor/rest",
1364
+ "reference": "mode/control/fgColor/rest",
1502
1365
  "collection": "mode",
1503
- "group": "shadow"
1504
- },
1505
- {
1506
- "name": "shadow/floating/small/2/offsetY",
1507
- "value": 6,
1508
- "type": "FLOAT",
1509
- "scopes": ["EFFECT_FLOAT"],
1510
1366
  "mode": "light high contrast",
1511
- "collection": "mode",
1512
- "group": "shadow"
1367
+ "group": "component (internal)",
1368
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1513
1369
  },
1514
1370
  {
1515
- "name": "shadow/floating/small/2/blur",
1516
- "value": 12,
1517
- "type": "FLOAT",
1518
- "scopes": ["EFFECT_FLOAT"],
1519
- "mode": "light high contrast",
1371
+ "name": "button/invisible/fgColor/hover",
1372
+ "value": {
1373
+ "r": 0.2235294117647059,
1374
+ "g": 0.24705882352941178,
1375
+ "b": 0.27450980392156865,
1376
+ "a": 1
1377
+ },
1378
+ "type": "COLOR",
1379
+ "refId": "mode/button/invisible/fgColor/hover",
1380
+ "reference": "base/color/light/base/color/neutral/11",
1520
1381
  "collection": "mode",
1521
- "group": "shadow"
1522
- },
1523
- {
1524
- "name": "shadow/floating/small/2/spread",
1525
- "value": -3,
1526
- "type": "FLOAT",
1527
- "scopes": ["EFFECT_FLOAT"],
1528
1382
  "mode": "light high contrast",
1529
- "collection": "mode",
1530
- "group": "shadow"
1383
+ "group": "component (internal)",
1384
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1531
1385
  },
1532
1386
  {
1533
- "name": "shadow/floating/small/2/color",
1387
+ "name": "button/invisible/fgColor/active",
1534
1388
  "value": {
1535
1389
  "r": 0.1450980392156863,
1536
1390
  "g": 0.1607843137254902,
1537
1391
  "b": 0.1803921568627451,
1538
- "a": 0.04
1392
+ "a": 1
1539
1393
  },
1540
1394
  "type": "COLOR",
1541
- "scopes": ["EFFECT_COLOR"],
1542
- "mode": "light high contrast",
1395
+ "refId": "mode/button/invisible/fgColor/active",
1396
+ "reference": "mode/control/fgColor/rest",
1543
1397
  "collection": "mode",
1544
- "group": "shadow"
1398
+ "mode": "light high contrast",
1399
+ "group": "component (internal)",
1400
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1545
1401
  },
1546
1402
  {
1547
- "name": "shadow/floating/small/3/offsetX",
1548
- "value": 0,
1549
- "type": "FLOAT",
1550
- "scopes": ["EFFECT_FLOAT"],
1551
- "mode": "light high contrast",
1403
+ "name": "button/invisible/fgColor/disabled",
1404
+ "value": {
1405
+ "r": 0.34901960784313724,
1406
+ "g": 0.38823529411764707,
1407
+ "b": 0.43137254901960786,
1408
+ "a": 1
1409
+ },
1410
+ "type": "COLOR",
1411
+ "refId": "mode/button/invisible/fgColor/disabled",
1412
+ "reference": "mode/control/fgColor/disabled",
1552
1413
  "collection": "mode",
1553
- "group": "shadow"
1414
+ "mode": "light high contrast",
1415
+ "group": "component (internal)",
1416
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1554
1417
  },
1555
1418
  {
1556
- "name": "shadow/floating/small/3/offsetY",
1557
- "value": 6,
1558
- "type": "FLOAT",
1559
- "scopes": ["EFFECT_FLOAT"],
1560
- "mode": "light high contrast",
1419
+ "name": "button/invisible/iconColor/rest",
1420
+ "value": {
1421
+ "r": 0.27058823529411763,
1422
+ "g": 0.2980392156862745,
1423
+ "b": 0.32941176470588235,
1424
+ "a": 1
1425
+ },
1426
+ "type": "COLOR",
1427
+ "refId": "mode/button/invisible/iconColor/rest",
1428
+ "reference": "mode/fgColor/muted",
1561
1429
  "collection": "mode",
1562
- "group": "shadow"
1430
+ "mode": "light high contrast",
1431
+ "group": "component (internal)",
1432
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1563
1433
  },
1564
1434
  {
1565
- "name": "shadow/floating/small/3/blur",
1566
- "value": 18,
1567
- "type": "FLOAT",
1568
- "scopes": ["EFFECT_FLOAT"],
1569
- "mode": "light high contrast",
1435
+ "name": "button/invisible/iconColor/hover",
1436
+ "value": {
1437
+ "r": 0.2235294117647059,
1438
+ "g": 0.24705882352941178,
1439
+ "b": 0.27450980392156865,
1440
+ "a": 1
1441
+ },
1442
+ "type": "COLOR",
1443
+ "refId": "mode/button/invisible/iconColor/hover",
1444
+ "reference": "base/color/light/base/color/neutral/11",
1570
1445
  "collection": "mode",
1571
- "group": "shadow"
1446
+ "mode": "light high contrast",
1447
+ "group": "component (internal)",
1448
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1572
1449
  },
1573
1450
  {
1574
- "name": "shadow/floating/small/3/spread",
1575
- "value": 0,
1576
- "type": "FLOAT",
1577
- "scopes": ["EFFECT_FLOAT"],
1578
- "mode": "light high contrast",
1451
+ "name": "button/invisible/iconColor/disabled",
1452
+ "value": {
1453
+ "r": 0.34901960784313724,
1454
+ "g": 0.38823529411764707,
1455
+ "b": 0.43137254901960786,
1456
+ "a": 1
1457
+ },
1458
+ "type": "COLOR",
1459
+ "refId": "mode/button/invisible/iconColor/disabled",
1460
+ "reference": "mode/control/fgColor/disabled",
1579
1461
  "collection": "mode",
1580
- "group": "shadow"
1462
+ "mode": "light high contrast",
1463
+ "group": "component (internal)",
1464
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1581
1465
  },
1582
1466
  {
1583
- "name": "shadow/floating/small/3/color",
1467
+ "name": "button/invisible/bgColor/rest",
1584
1468
  "value": {
1585
- "r": 0.1450980392156863,
1586
- "g": 0.1607843137254902,
1587
- "b": 0.1803921568627451,
1588
- "a": 0.12
1469
+ "r": 1,
1470
+ "g": 1,
1471
+ "b": 1,
1472
+ "a": 0
1589
1473
  },
1590
1474
  "type": "COLOR",
1591
- "scopes": ["EFFECT_COLOR"],
1592
- "mode": "light high contrast",
1475
+ "refId": "mode/button/invisible/bgColor/rest",
1476
+ "reference": "mode/control/transparent/bgColor/rest",
1593
1477
  "collection": "mode",
1594
- "group": "shadow"
1478
+ "mode": "light high contrast",
1479
+ "group": "component (internal)",
1480
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1595
1481
  },
1596
1482
  {
1597
- "name": "shadow/floating/medium/1/offsetX",
1598
- "value": 0,
1599
- "type": "FLOAT",
1600
- "scopes": ["EFFECT_FLOAT"],
1601
- "mode": "light high contrast",
1483
+ "name": "button/invisible/bgColor/hover",
1484
+ "value": {
1485
+ "r": 0.8549019607843137,
1486
+ "g": 0.8784313725490196,
1487
+ "b": 0.9058823529411765,
1488
+ "a": 1
1489
+ },
1490
+ "type": "COLOR",
1491
+ "refId": "mode/button/invisible/bgColor/hover",
1492
+ "reference": "mode/control/transparent/bgColor/hover",
1602
1493
  "collection": "mode",
1603
- "group": "shadow"
1494
+ "mode": "light high contrast",
1495
+ "group": "component (internal)",
1496
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1604
1497
  },
1605
1498
  {
1606
- "name": "shadow/floating/medium/1/offsetY",
1607
- "value": 0,
1608
- "type": "FLOAT",
1609
- "scopes": ["EFFECT_FLOAT"],
1610
- "mode": "light high contrast",
1499
+ "name": "button/invisible/bgColor/active",
1500
+ "value": {
1501
+ "r": 0.8196078431372549,
1502
+ "g": 0.8509803921568627,
1503
+ "b": 0.8784313725490196,
1504
+ "a": 1
1505
+ },
1506
+ "type": "COLOR",
1507
+ "refId": "mode/button/invisible/bgColor/active",
1508
+ "reference": "mode/control/transparent/bgColor/active",
1611
1509
  "collection": "mode",
1612
- "group": "shadow"
1510
+ "mode": "light high contrast",
1511
+ "group": "component (internal)",
1512
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1613
1513
  },
1614
1514
  {
1615
- "name": "shadow/floating/medium/1/blur",
1616
- "value": 0,
1617
- "type": "FLOAT",
1618
- "scopes": ["EFFECT_FLOAT"],
1619
- "mode": "light high contrast",
1515
+ "name": "button/invisible/bgColor/disabled",
1516
+ "value": {
1517
+ "r": 1,
1518
+ "g": 1,
1519
+ "b": 1,
1520
+ "a": 0
1521
+ },
1522
+ "type": "COLOR",
1523
+ "refId": "mode/button/invisible/bgColor/disabled",
1524
+ "reference": "base/color/light/base/color/transparent",
1620
1525
  "collection": "mode",
1621
- "group": "shadow"
1526
+ "mode": "light high contrast",
1527
+ "group": "component (internal)",
1528
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1622
1529
  },
1623
1530
  {
1624
- "name": "shadow/floating/medium/1/spread",
1625
- "value": 1,
1626
- "type": "FLOAT",
1627
- "scopes": ["EFFECT_FLOAT"],
1628
- "mode": "light high contrast",
1531
+ "name": "button/invisible/borderColor/rest",
1532
+ "value": {
1533
+ "r": 1,
1534
+ "g": 1,
1535
+ "b": 1,
1536
+ "a": 0
1537
+ },
1538
+ "type": "COLOR",
1539
+ "refId": "mode/button/invisible/borderColor/rest",
1540
+ "reference": "mode/control/transparent/borderColor/rest",
1629
1541
  "collection": "mode",
1630
- "group": "shadow"
1542
+ "mode": "light high contrast",
1543
+ "group": "component (internal)",
1544
+ "scopes": ["STROKE_COLOR"]
1631
1545
  },
1632
1546
  {
1633
- "name": "shadow/floating/medium/1/color",
1547
+ "name": "button/invisible/borderColor/hover",
1634
1548
  "value": {
1635
1549
  "r": 0.27058823529411763,
1636
1550
  "g": 0.2980392156862745,
@@ -1638,349 +1552,401 @@
1638
1552
  "a": 1
1639
1553
  },
1640
1554
  "type": "COLOR",
1641
- "scopes": ["EFFECT_COLOR"],
1642
- "mode": "light high contrast",
1555
+ "refId": "mode/button/invisible/borderColor/hover",
1556
+ "reference": "mode/control/transparent/borderColor/hover",
1643
1557
  "collection": "mode",
1644
- "group": "shadow"
1558
+ "mode": "light high contrast",
1559
+ "group": "component (internal)",
1560
+ "scopes": ["STROKE_COLOR"]
1645
1561
  },
1646
1562
  {
1647
- "name": "shadow/floating/medium/2/offsetX",
1648
- "value": 0,
1649
- "type": "FLOAT",
1650
- "scopes": ["EFFECT_FLOAT"],
1651
- "mode": "light high contrast",
1563
+ "name": "button/invisible/borderColor/disabled",
1564
+ "value": {
1565
+ "r": 1,
1566
+ "g": 1,
1567
+ "b": 1,
1568
+ "a": 0
1569
+ },
1570
+ "type": "COLOR",
1571
+ "refId": "mode/button/invisible/borderColor/disabled",
1572
+ "reference": "base/color/light/base/color/transparent",
1652
1573
  "collection": "mode",
1653
- "group": "shadow"
1574
+ "mode": "light high contrast",
1575
+ "group": "component (internal)",
1576
+ "scopes": ["STROKE_COLOR"]
1654
1577
  },
1655
1578
  {
1656
- "name": "shadow/floating/medium/2/offsetY",
1657
- "value": 8,
1658
- "type": "FLOAT",
1659
- "scopes": ["EFFECT_FLOAT"],
1660
- "mode": "light high contrast",
1579
+ "name": "button/outline/fgColor/rest",
1580
+ "value": {
1581
+ "r": 0.00784313725490196,
1582
+ "g": 0.23137254901960785,
1583
+ "b": 0.5843137254901961,
1584
+ "a": 1
1585
+ },
1586
+ "type": "COLOR",
1587
+ "refId": "mode/button/outline/fgColor/rest",
1588
+ "reference": "mode/fgColor/accent",
1661
1589
  "collection": "mode",
1662
- "group": "shadow"
1590
+ "mode": "light high contrast",
1591
+ "group": "component (internal)",
1592
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1663
1593
  },
1664
1594
  {
1665
- "name": "shadow/floating/medium/2/blur",
1666
- "value": 16,
1667
- "type": "FLOAT",
1668
- "scopes": ["EFFECT_FLOAT"],
1669
- "mode": "light high contrast",
1595
+ "name": "button/outline/fgColor/hover",
1596
+ "value": {
1597
+ "r": 1,
1598
+ "g": 1,
1599
+ "b": 1,
1600
+ "a": 1
1601
+ },
1602
+ "type": "COLOR",
1603
+ "refId": "mode/button/outline/fgColor/hover",
1604
+ "reference": "base/color/light/base/color/neutral/0",
1670
1605
  "collection": "mode",
1671
- "group": "shadow"
1606
+ "mode": "light high contrast",
1607
+ "group": "component (internal)",
1608
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1672
1609
  },
1673
1610
  {
1674
- "name": "shadow/floating/medium/2/spread",
1675
- "value": -4,
1676
- "type": "FLOAT",
1677
- "scopes": ["EFFECT_FLOAT"],
1611
+ "name": "button/outline/fgColor/active",
1612
+ "value": {
1613
+ "r": 1,
1614
+ "g": 1,
1615
+ "b": 1,
1616
+ "a": 1
1617
+ },
1618
+ "type": "COLOR",
1619
+ "refId": "mode/button/outline/fgColor/active",
1620
+ "reference": "base/color/light/base/color/neutral/0",
1621
+ "collection": "mode",
1678
1622
  "mode": "light high contrast",
1623
+ "group": "component (internal)",
1624
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1625
+ },
1626
+ {
1627
+ "name": "button/outline/fgColor/disabled",
1628
+ "value": {
1629
+ "r": 0.00784313725490196,
1630
+ "g": 0.23137254901960785,
1631
+ "b": 0.5843137254901961,
1632
+ "a": 0.5
1633
+ },
1634
+ "type": "COLOR",
1635
+ "alpha": 0.5,
1636
+ "refId": "mode/button/outline/fgColor/disabled",
1637
+ "reference": "mode/fgColor/accent",
1679
1638
  "collection": "mode",
1680
- "group": "shadow"
1639
+ "mode": "light high contrast",
1640
+ "group": "component (internal)",
1641
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1681
1642
  },
1682
1643
  {
1683
- "name": "shadow/floating/medium/2/color",
1644
+ "name": "button/outline/bgColor/rest",
1684
1645
  "value": {
1685
- "r": 0.1450980392156863,
1686
- "g": 0.1607843137254902,
1687
- "b": 0.1803921568627451,
1688
- "a": 0.08
1646
+ "r": 0.8784313725490196,
1647
+ "g": 0.9019607843137255,
1648
+ "b": 0.9215686274509803,
1649
+ "a": 1
1689
1650
  },
1690
1651
  "type": "COLOR",
1691
- "scopes": ["EFFECT_COLOR"],
1692
- "mode": "light high contrast",
1693
- "collection": "mode",
1694
- "group": "shadow"
1695
- },
1696
- {
1697
- "name": "shadow/floating/medium/3/offsetX",
1698
- "value": 0,
1699
- "type": "FLOAT",
1700
- "scopes": ["EFFECT_FLOAT"],
1701
- "mode": "light high contrast",
1652
+ "refId": "mode/button/outline/bgColor/rest",
1653
+ "reference": "mode/control/bgColor/rest",
1702
1654
  "collection": "mode",
1703
- "group": "shadow"
1704
- },
1705
- {
1706
- "name": "shadow/floating/medium/3/offsetY",
1707
- "value": 4,
1708
- "type": "FLOAT",
1709
- "scopes": ["EFFECT_FLOAT"],
1710
1655
  "mode": "light high contrast",
1711
- "collection": "mode",
1712
- "group": "shadow"
1656
+ "group": "component (internal)",
1657
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1713
1658
  },
1714
1659
  {
1715
- "name": "shadow/floating/medium/3/blur",
1716
- "value": 32,
1717
- "type": "FLOAT",
1718
- "scopes": ["EFFECT_FLOAT"],
1719
- "mode": "light high contrast",
1660
+ "name": "button/outline/bgColor/hover",
1661
+ "value": {
1662
+ "r": 0.011764705882352941,
1663
+ "g": 0.28627450980392155,
1664
+ "b": 0.7058823529411765,
1665
+ "a": 1
1666
+ },
1667
+ "type": "COLOR",
1668
+ "refId": "mode/button/outline/bgColor/hover",
1669
+ "reference": "mode/bgColor/accent-emphasis",
1720
1670
  "collection": "mode",
1721
- "group": "shadow"
1722
- },
1723
- {
1724
- "name": "shadow/floating/medium/3/spread",
1725
- "value": -4,
1726
- "type": "FLOAT",
1727
- "scopes": ["EFFECT_FLOAT"],
1728
1671
  "mode": "light high contrast",
1729
- "collection": "mode",
1730
- "group": "shadow"
1672
+ "group": "component (internal)",
1673
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1731
1674
  },
1732
1675
  {
1733
- "name": "shadow/floating/medium/3/color",
1676
+ "name": "button/outline/bgColor/active",
1734
1677
  "value": {
1735
- "r": 0.1450980392156863,
1736
- "g": 0.1607843137254902,
1737
- "b": 0.1803921568627451,
1738
- "a": 0.08
1678
+ "r": 0.011764705882352941,
1679
+ "g": 0.24705882352941178,
1680
+ "b": 0.615686274509804,
1681
+ "a": 1
1739
1682
  },
1740
1683
  "type": "COLOR",
1741
- "scopes": ["EFFECT_COLOR"],
1742
- "mode": "light high contrast",
1684
+ "refId": "mode/button/outline/bgColor/active",
1743
1685
  "collection": "mode",
1744
- "group": "shadow"
1745
- },
1746
- {
1747
- "name": "shadow/floating/medium/4/offsetX",
1748
- "value": 0,
1749
- "type": "FLOAT",
1750
- "scopes": ["EFFECT_FLOAT"],
1751
1686
  "mode": "light high contrast",
1752
- "collection": "mode",
1753
- "group": "shadow"
1687
+ "group": "component (internal)",
1688
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1754
1689
  },
1755
1690
  {
1756
- "name": "shadow/floating/medium/4/offsetY",
1757
- "value": 24,
1758
- "type": "FLOAT",
1759
- "scopes": ["EFFECT_FLOAT"],
1760
- "mode": "light high contrast",
1691
+ "name": "button/outline/bgColor/disabled",
1692
+ "value": {
1693
+ "r": 0.8784313725490196,
1694
+ "g": 0.9019607843137255,
1695
+ "b": 0.9215686274509803,
1696
+ "a": 1
1697
+ },
1698
+ "type": "COLOR",
1699
+ "refId": "mode/button/outline/bgColor/disabled",
1700
+ "reference": "mode/control/bgColor/disabled",
1761
1701
  "collection": "mode",
1762
- "group": "shadow"
1763
- },
1764
- {
1765
- "name": "shadow/floating/medium/4/blur",
1766
- "value": 48,
1767
- "type": "FLOAT",
1768
- "scopes": ["EFFECT_FLOAT"],
1769
1702
  "mode": "light high contrast",
1770
- "collection": "mode",
1771
- "group": "shadow"
1703
+ "group": "component (internal)",
1704
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1772
1705
  },
1773
1706
  {
1774
- "name": "shadow/floating/medium/4/spread",
1775
- "value": -12,
1776
- "type": "FLOAT",
1777
- "scopes": ["EFFECT_FLOAT"],
1778
- "mode": "light high contrast",
1707
+ "name": "button/outline/borderColor/hover",
1708
+ "value": {
1709
+ "r": 0.00392156862745098,
1710
+ "g": 0.23921568627450981,
1711
+ "b": 0.0784313725490196,
1712
+ "a": 1
1713
+ },
1714
+ "type": "COLOR",
1715
+ "refId": "mode/button/outline/borderColor/hover",
1716
+ "reference": "mode/button/primary/borderColor/hover",
1779
1717
  "collection": "mode",
1780
- "group": "shadow"
1718
+ "mode": "light high contrast",
1719
+ "group": "component (internal)",
1720
+ "scopes": ["STROKE_COLOR"]
1781
1721
  },
1782
1722
  {
1783
- "name": "shadow/floating/medium/4/color",
1723
+ "name": "button/outline/borderColor/active",
1784
1724
  "value": {
1785
- "r": 0.1450980392156863,
1786
- "g": 0.1607843137254902,
1787
- "b": 0.1803921568627451,
1788
- "a": 0.08
1725
+ "r": 0.00392156862745098,
1726
+ "g": 0.23921568627450981,
1727
+ "b": 0.0784313725490196,
1728
+ "a": 1
1789
1729
  },
1790
1730
  "type": "COLOR",
1791
- "scopes": ["EFFECT_COLOR"],
1792
- "mode": "light high contrast",
1731
+ "refId": "mode/button/outline/borderColor/active",
1732
+ "reference": "mode/button/outline/borderColor/hover",
1793
1733
  "collection": "mode",
1794
- "group": "shadow"
1734
+ "mode": "light high contrast",
1735
+ "group": "component (internal)",
1736
+ "scopes": ["STROKE_COLOR"]
1795
1737
  },
1796
1738
  {
1797
- "name": "shadow/floating/medium/5/offsetX",
1739
+ "name": "button/outline/shadow/selected/offsetX",
1798
1740
  "value": 0,
1799
1741
  "type": "FLOAT",
1800
1742
  "scopes": ["EFFECT_FLOAT"],
1801
1743
  "mode": "light high contrast",
1802
1744
  "collection": "mode",
1803
- "group": "shadow"
1745
+ "group": "component shadow"
1804
1746
  },
1805
1747
  {
1806
- "name": "shadow/floating/medium/5/offsetY",
1807
- "value": 48,
1748
+ "name": "button/outline/shadow/selected/offsetY",
1749
+ "value": 1,
1808
1750
  "type": "FLOAT",
1809
1751
  "scopes": ["EFFECT_FLOAT"],
1810
1752
  "mode": "light high contrast",
1811
1753
  "collection": "mode",
1812
- "group": "shadow"
1754
+ "group": "component shadow"
1813
1755
  },
1814
1756
  {
1815
- "name": "shadow/floating/medium/5/blur",
1816
- "value": 96,
1757
+ "name": "button/outline/shadow/selected/blur",
1758
+ "value": 0,
1817
1759
  "type": "FLOAT",
1818
1760
  "scopes": ["EFFECT_FLOAT"],
1819
1761
  "mode": "light high contrast",
1820
1762
  "collection": "mode",
1821
- "group": "shadow"
1763
+ "group": "component shadow"
1822
1764
  },
1823
1765
  {
1824
- "name": "shadow/floating/medium/5/spread",
1825
- "value": -24,
1766
+ "name": "button/outline/shadow/selected/spread",
1767
+ "value": 0,
1826
1768
  "type": "FLOAT",
1827
1769
  "scopes": ["EFFECT_FLOAT"],
1828
1770
  "mode": "light high contrast",
1829
1771
  "collection": "mode",
1830
- "group": "shadow"
1772
+ "group": "component shadow"
1831
1773
  },
1832
1774
  {
1833
- "name": "shadow/floating/medium/5/color",
1775
+ "name": "button/outline/shadow/selected/color",
1834
1776
  "value": {
1835
- "r": 0.1450980392156863,
1836
- "g": 0.1607843137254902,
1837
- "b": 0.1803921568627451,
1838
- "a": 0.08
1777
+ "r": 0.00784313725490196,
1778
+ "g": 0.10196078431372549,
1779
+ "b": 0.2901960784313726,
1780
+ "a": 0.2
1839
1781
  },
1840
1782
  "type": "COLOR",
1841
1783
  "scopes": ["EFFECT_COLOR"],
1842
1784
  "mode": "light high contrast",
1843
1785
  "collection": "mode",
1844
- "group": "shadow"
1786
+ "group": "component shadow"
1845
1787
  },
1846
1788
  {
1847
- "name": "shadow/floating/large/1/offsetX",
1848
- "value": 0,
1849
- "type": "FLOAT",
1850
- "scopes": ["EFFECT_FLOAT"],
1851
- "mode": "light high contrast",
1789
+ "name": "button/danger/fgColor/rest",
1790
+ "value": {
1791
+ "r": 0.5254901960784314,
1792
+ "g": 0.023529411764705882,
1793
+ "b": 0.11372549019607843,
1794
+ "a": 1
1795
+ },
1796
+ "type": "COLOR",
1797
+ "refId": "mode/button/danger/fgColor/rest",
1798
+ "reference": "mode/fgColor/danger",
1852
1799
  "collection": "mode",
1853
- "group": "shadow"
1800
+ "mode": "light high contrast",
1801
+ "group": "component (internal)",
1802
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1854
1803
  },
1855
1804
  {
1856
- "name": "shadow/floating/large/1/offsetY",
1857
- "value": 0,
1858
- "type": "FLOAT",
1859
- "scopes": ["EFFECT_FLOAT"],
1860
- "mode": "light high contrast",
1805
+ "name": "button/danger/fgColor/hover",
1806
+ "value": {
1807
+ "r": 1,
1808
+ "g": 1,
1809
+ "b": 1,
1810
+ "a": 1
1811
+ },
1812
+ "type": "COLOR",
1813
+ "refId": "mode/button/danger/fgColor/hover",
1814
+ "reference": "base/color/light/base/color/neutral/0",
1861
1815
  "collection": "mode",
1862
- "group": "shadow"
1816
+ "mode": "light high contrast",
1817
+ "group": "component (internal)",
1818
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1863
1819
  },
1864
1820
  {
1865
- "name": "shadow/floating/large/1/blur",
1866
- "value": 0,
1867
- "type": "FLOAT",
1868
- "scopes": ["EFFECT_FLOAT"],
1869
- "mode": "light high contrast",
1821
+ "name": "button/danger/fgColor/active",
1822
+ "value": {
1823
+ "r": 1,
1824
+ "g": 1,
1825
+ "b": 1,
1826
+ "a": 1
1827
+ },
1828
+ "type": "COLOR",
1829
+ "refId": "mode/button/danger/fgColor/active",
1830
+ "reference": "base/color/light/base/color/neutral/0",
1870
1831
  "collection": "mode",
1871
- "group": "shadow"
1832
+ "mode": "light high contrast",
1833
+ "group": "component (internal)",
1834
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1872
1835
  },
1873
1836
  {
1874
- "name": "shadow/floating/large/1/spread",
1875
- "value": 1,
1876
- "type": "FLOAT",
1877
- "scopes": ["EFFECT_FLOAT"],
1878
- "mode": "light high contrast",
1837
+ "name": "button/danger/fgColor/disabled",
1838
+ "value": {
1839
+ "r": 0.5254901960784314,
1840
+ "g": 0.023529411764705882,
1841
+ "b": 0.11372549019607843,
1842
+ "a": 0.5
1843
+ },
1844
+ "type": "COLOR",
1845
+ "alpha": 0.5,
1846
+ "refId": "mode/button/danger/fgColor/disabled",
1847
+ "reference": "mode/fgColor/danger",
1879
1848
  "collection": "mode",
1880
- "group": "shadow"
1849
+ "mode": "light high contrast",
1850
+ "group": "component (internal)",
1851
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1881
1852
  },
1882
1853
  {
1883
- "name": "shadow/floating/large/1/color",
1854
+ "name": "button/danger/iconColor/rest",
1884
1855
  "value": {
1885
- "r": 0.27058823529411763,
1886
- "g": 0.2980392156862745,
1887
- "b": 0.32941176470588235,
1856
+ "r": 0.5254901960784314,
1857
+ "g": 0.023529411764705882,
1858
+ "b": 0.11372549019607843,
1888
1859
  "a": 1
1889
1860
  },
1890
1861
  "type": "COLOR",
1891
- "scopes": ["EFFECT_COLOR"],
1892
- "mode": "light high contrast",
1862
+ "refId": "mode/button/danger/iconColor/rest",
1863
+ "reference": "mode/fgColor/danger",
1893
1864
  "collection": "mode",
1894
- "group": "shadow"
1895
- },
1896
- {
1897
- "name": "shadow/floating/large/2/offsetX",
1898
- "value": 0,
1899
- "type": "FLOAT",
1900
- "scopes": ["EFFECT_FLOAT"],
1901
1865
  "mode": "light high contrast",
1902
- "collection": "mode",
1903
- "group": "shadow"
1866
+ "group": "component (internal)",
1867
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1904
1868
  },
1905
1869
  {
1906
- "name": "shadow/floating/large/2/offsetY",
1907
- "value": 40,
1908
- "type": "FLOAT",
1909
- "scopes": ["EFFECT_FLOAT"],
1910
- "mode": "light high contrast",
1870
+ "name": "button/danger/iconColor/hover",
1871
+ "value": {
1872
+ "r": 1,
1873
+ "g": 1,
1874
+ "b": 1,
1875
+ "a": 1
1876
+ },
1877
+ "type": "COLOR",
1878
+ "refId": "mode/button/danger/iconColor/hover",
1879
+ "reference": "base/color/light/base/color/neutral/0",
1911
1880
  "collection": "mode",
1912
- "group": "shadow"
1913
- },
1914
- {
1915
- "name": "shadow/floating/large/2/blur",
1916
- "value": 80,
1917
- "type": "FLOAT",
1918
- "scopes": ["EFFECT_FLOAT"],
1919
1881
  "mode": "light high contrast",
1920
- "collection": "mode",
1921
- "group": "shadow"
1882
+ "group": "component (internal)",
1883
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1922
1884
  },
1923
1885
  {
1924
- "name": "shadow/floating/large/2/spread",
1925
- "value": 0,
1926
- "type": "FLOAT",
1927
- "scopes": ["EFFECT_FLOAT"],
1928
- "mode": "light high contrast",
1886
+ "name": "button/danger/bgColor/rest",
1887
+ "value": {
1888
+ "r": 0.8784313725490196,
1889
+ "g": 0.9019607843137255,
1890
+ "b": 0.9215686274509803,
1891
+ "a": 1
1892
+ },
1893
+ "type": "COLOR",
1894
+ "refId": "mode/button/danger/bgColor/rest",
1895
+ "reference": "mode/control/bgColor/rest",
1929
1896
  "collection": "mode",
1930
- "group": "shadow"
1897
+ "mode": "light high contrast",
1898
+ "group": "component (internal)",
1899
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1931
1900
  },
1932
1901
  {
1933
- "name": "shadow/floating/large/2/color",
1902
+ "name": "button/danger/bgColor/hover",
1934
1903
  "value": {
1935
- "r": 0.1450980392156863,
1936
- "g": 0.1607843137254902,
1937
- "b": 0.1803921568627451,
1938
- "a": 0.24
1904
+ "r": 0.5254901960784314,
1905
+ "g": 0.023529411764705882,
1906
+ "b": 0.11372549019607843,
1907
+ "a": 1
1939
1908
  },
1940
1909
  "type": "COLOR",
1941
- "scopes": ["EFFECT_COLOR"],
1942
- "mode": "light high contrast",
1910
+ "refId": "mode/button/danger/bgColor/hover",
1911
+ "reference": "base/color/light-high-contrast/base/color/red/6",
1943
1912
  "collection": "mode",
1944
- "group": "shadow"
1945
- },
1946
- {
1947
- "name": "shadow/floating/xlarge/1/offsetX",
1948
- "value": 0,
1949
- "type": "FLOAT",
1950
- "scopes": ["EFFECT_FLOAT"],
1951
1913
  "mode": "light high contrast",
1952
- "collection": "mode",
1953
- "group": "shadow"
1914
+ "group": "component (internal)",
1915
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1954
1916
  },
1955
1917
  {
1956
- "name": "shadow/floating/xlarge/1/offsetY",
1957
- "value": 0,
1958
- "type": "FLOAT",
1959
- "scopes": ["EFFECT_FLOAT"],
1960
- "mode": "light high contrast",
1918
+ "name": "button/danger/bgColor/active",
1919
+ "value": {
1920
+ "r": 0.4549019607843137,
1921
+ "g": 0.01568627450980392,
1922
+ "b": 0.10196078431372549,
1923
+ "a": 1
1924
+ },
1925
+ "type": "COLOR",
1926
+ "refId": "mode/button/danger/bgColor/active",
1961
1927
  "collection": "mode",
1962
- "group": "shadow"
1963
- },
1964
- {
1965
- "name": "shadow/floating/xlarge/1/blur",
1966
- "value": 0,
1967
- "type": "FLOAT",
1968
- "scopes": ["EFFECT_FLOAT"],
1969
1928
  "mode": "light high contrast",
1970
- "collection": "mode",
1971
- "group": "shadow"
1929
+ "group": "component (internal)",
1930
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1972
1931
  },
1973
1932
  {
1974
- "name": "shadow/floating/xlarge/1/spread",
1975
- "value": 1,
1976
- "type": "FLOAT",
1977
- "scopes": ["EFFECT_FLOAT"],
1978
- "mode": "light high contrast",
1933
+ "name": "button/danger/bgColor/disabled",
1934
+ "value": {
1935
+ "r": 0.8784313725490196,
1936
+ "g": 0.9019607843137255,
1937
+ "b": 0.9215686274509803,
1938
+ "a": 1
1939
+ },
1940
+ "type": "COLOR",
1941
+ "refId": "mode/button/danger/bgColor/disabled",
1942
+ "reference": "mode/control/bgColor/disabled",
1979
1943
  "collection": "mode",
1980
- "group": "shadow"
1944
+ "mode": "light high contrast",
1945
+ "group": "component (internal)",
1946
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1981
1947
  },
1982
1948
  {
1983
- "name": "shadow/floating/xlarge/1/color",
1949
+ "name": "button/danger/borderColor/rest",
1984
1950
  "value": {
1985
1951
  "r": 0.27058823529411763,
1986
1952
  "g": 0.2980392156862745,
@@ -1988,104 +1954,138 @@
1988
1954
  "a": 1
1989
1955
  },
1990
1956
  "type": "COLOR",
1991
- "scopes": ["EFFECT_COLOR"],
1957
+ "refId": "mode/button/danger/borderColor/rest",
1958
+ "reference": "mode/control/borderColor/rest",
1959
+ "collection": "mode",
1960
+ "mode": "light high contrast",
1961
+ "group": "component (internal)",
1962
+ "scopes": ["STROKE_COLOR"]
1963
+ },
1964
+ {
1965
+ "name": "button/danger/borderColor/hover",
1966
+ "value": {
1967
+ "r": 0.00392156862745098,
1968
+ "g": 0.23921568627450981,
1969
+ "b": 0.0784313725490196,
1970
+ "a": 1
1971
+ },
1972
+ "type": "COLOR",
1973
+ "refId": "mode/button/danger/borderColor/hover",
1974
+ "reference": "mode/button/primary/borderColor/rest",
1975
+ "collection": "mode",
1992
1976
  "mode": "light high contrast",
1977
+ "group": "component (internal)",
1978
+ "scopes": ["STROKE_COLOR"]
1979
+ },
1980
+ {
1981
+ "name": "button/danger/borderColor/active",
1982
+ "value": {
1983
+ "r": 0.00392156862745098,
1984
+ "g": 0.23921568627450981,
1985
+ "b": 0.0784313725490196,
1986
+ "a": 1
1987
+ },
1988
+ "type": "COLOR",
1989
+ "refId": "mode/button/danger/borderColor/active",
1990
+ "reference": "mode/button/danger/borderColor/hover",
1993
1991
  "collection": "mode",
1994
- "group": "shadow"
1992
+ "mode": "light high contrast",
1993
+ "group": "component (internal)",
1994
+ "scopes": ["STROKE_COLOR"]
1995
1995
  },
1996
1996
  {
1997
- "name": "shadow/floating/xlarge/2/offsetX",
1997
+ "name": "button/danger/shadow/selected/offsetX",
1998
1998
  "value": 0,
1999
1999
  "type": "FLOAT",
2000
2000
  "scopes": ["EFFECT_FLOAT"],
2001
2001
  "mode": "light high contrast",
2002
2002
  "collection": "mode",
2003
- "group": "shadow"
2003
+ "group": "component shadow"
2004
2004
  },
2005
2005
  {
2006
- "name": "shadow/floating/xlarge/2/offsetY",
2007
- "value": 56,
2006
+ "name": "button/danger/shadow/selected/offsetY",
2007
+ "value": 1,
2008
2008
  "type": "FLOAT",
2009
2009
  "scopes": ["EFFECT_FLOAT"],
2010
2010
  "mode": "light high contrast",
2011
2011
  "collection": "mode",
2012
- "group": "shadow"
2012
+ "group": "component shadow"
2013
2013
  },
2014
2014
  {
2015
- "name": "shadow/floating/xlarge/2/blur",
2016
- "value": 112,
2015
+ "name": "button/danger/shadow/selected/blur",
2016
+ "value": 0,
2017
2017
  "type": "FLOAT",
2018
2018
  "scopes": ["EFFECT_FLOAT"],
2019
2019
  "mode": "light high contrast",
2020
2020
  "collection": "mode",
2021
- "group": "shadow"
2021
+ "group": "component shadow"
2022
2022
  },
2023
2023
  {
2024
- "name": "shadow/floating/xlarge/2/spread",
2024
+ "name": "button/danger/shadow/selected/spread",
2025
2025
  "value": 0,
2026
2026
  "type": "FLOAT",
2027
2027
  "scopes": ["EFFECT_FLOAT"],
2028
2028
  "mode": "light high contrast",
2029
2029
  "collection": "mode",
2030
- "group": "shadow"
2030
+ "group": "component shadow"
2031
2031
  },
2032
2032
  {
2033
- "name": "shadow/floating/xlarge/2/color",
2033
+ "name": "button/danger/shadow/selected/color",
2034
2034
  "value": {
2035
- "r": 0.1450980392156863,
2036
- "g": 0.1607843137254902,
2037
- "b": 0.1803921568627451,
2038
- "a": 0.32
2035
+ "r": 0.2627450980392157,
2036
+ "g": 0,
2037
+ "b": 0.06666666666666667,
2038
+ "a": 0.2
2039
2039
  },
2040
2040
  "type": "COLOR",
2041
2041
  "scopes": ["EFFECT_COLOR"],
2042
2042
  "mode": "light high contrast",
2043
2043
  "collection": "mode",
2044
- "group": "shadow"
2044
+ "group": "component shadow"
2045
2045
  },
2046
2046
  {
2047
- "name": "focus/outlineColor",
2047
+ "name": "button/inactive/fgColor",
2048
2048
  "value": {
2049
- "r": 0.011764705882352941,
2050
- "g": 0.28627450980392155,
2051
- "b": 0.7058823529411765,
2049
+ "r": 0.27058823529411763,
2050
+ "g": 0.2980392156862745,
2051
+ "b": 0.32941176470588235,
2052
2052
  "a": 1
2053
2053
  },
2054
2054
  "type": "COLOR",
2055
- "refId": "mode/focus/outlineColor",
2056
- "reference": "mode/borderColor/accent-emphasis",
2055
+ "refId": "mode/button/inactive/fgColor",
2056
+ "reference": "base/color/light/base/color/neutral/10",
2057
2057
  "collection": "mode",
2058
2058
  "mode": "light high contrast",
2059
2059
  "group": "component (internal)",
2060
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"]
2060
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
2061
2061
  },
2062
2062
  {
2063
- "name": "avatarStack/fade/bgColor/default",
2063
+ "name": "button/inactive/bgColor",
2064
2064
  "value": {
2065
- "r": 0.7843137254901961,
2066
- "g": 0.8196078431372549,
2067
- "b": 0.8549019607843137,
2065
+ "r": 0.8784313725490196,
2066
+ "g": 0.9019607843137255,
2067
+ "b": 0.9215686274509803,
2068
2068
  "a": 1
2069
2069
  },
2070
2070
  "type": "COLOR",
2071
- "refId": "mode/avatarStack/fade/bgColor/default",
2072
- "reference": "base/color/light/base/color/neutral/7",
2071
+ "refId": "mode/button/inactive/bgColor",
2072
+ "reference": "mode/control/bgColor/rest",
2073
2073
  "collection": "mode",
2074
2074
  "mode": "light high contrast",
2075
2075
  "group": "component (internal)",
2076
2076
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
2077
2077
  },
2078
2078
  {
2079
- "name": "avatarStack/fade/bgColor/muted",
2079
+ "name": "button/star/iconColor",
2080
2080
  "value": {
2081
- "r": 0.8549019607843137,
2082
- "g": 0.8784313725490196,
2083
- "b": 0.9058823529411765,
2081
+ "r": 0.8352941176470589,
2082
+ "g": 0.6588235294117647,
2083
+ "b": 0.1411764705882353,
2084
2084
  "a": 1
2085
2085
  },
2086
2086
  "type": "COLOR",
2087
- "refId": "mode/avatarStack/fade/bgColor/muted",
2088
- "reference": "base/color/light/base/color/neutral/5",
2087
+ "refId": "mode/button/star/iconColor",
2088
+ "reference": "base/color/light-high-contrast/base/color/yellow/2",
2089
2089
  "collection": "mode",
2090
2090
  "mode": "light high contrast",
2091
2091
  "group": "component (internal)",