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