@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-colorblind.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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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.12941176470588237,
319
- "b": 0.3333333333333333,
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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.03529411764705882,
382
- "g": 0.4117647058823529,
383
- "b": 0.8549019607843137,
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 protanopia deuteranopia",
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.03137254901960784,
398
- "g": 0.39215686274509803,
399
- "b": 0.8196078431372549,
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 protanopia deuteranopia",
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.027450980392156862,
413
- "g": 0.37254901960784315,
414
- "b": 0.7843137254901961,
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 protanopia deuteranopia",
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.5725490196078431,
428
- "g": 0.792156862745098,
429
- "b": 1,
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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.5725490196078431,
492
- "g": 0.792156862745098,
493
- "b": 1,
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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.2784313725490196,
754
- "g": 0.09019607843137255,
755
- "b": 0,
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 protanopia deuteranopia",
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.7372549019607844,
768
- "g": 0.2980392156862745,
769
- "b": 0,
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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.7372549019607844,
816
- "g": 0.2980392156862745,
817
- "b": 0,
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 protanopia deuteranopia",
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.7372549019607844,
833
- "g": 0.2980392156862745,
834
- "b": 0,
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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.5843137254901961,
881
- "g": 0.2196078431372549,
882
- "b": 0,
883
- "a": 1
884
- },
885
- "type": "COLOR",
886
- "refId": "mode/button/danger/bgColor/hover",
887
- "reference": "base/color/light/base/color/orange/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 protanopia deuteranopia",
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.49411764705882355,
897
- "g": 0.1843137254901961,
898
- "b": 0,
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
1069
+ "refId": "mode/button/default/borderColor/disabled",
1070
+ "reference": "mode/control/borderColor/disabled",
1291
1071
  "collection": "mode",
1292
- "group": "shadow"
1072
+ "mode": "light protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
1177
+ "name": "button/primary/bgColor/rest",
1178
+ "value": {
1179
+ "r": 0.03529411764705882,
1180
+ "g": 0.4117647058823529,
1181
+ "b": 0.8549019607843137,
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 protanopia deuteranopia",
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.03137254901960784,
1196
+ "g": 0.39215686274509803,
1197
+ "b": 0.8196078431372549,
1198
+ "a": 1
1199
+ },
1200
+ "type": "COLOR",
1201
+ "refId": "mode/button/primary/bgColor/hover",
1202
+ "collection": "mode",
1417
1203
  "mode": "light protanopia deuteranopia",
1204
+ "group": "component (internal)",
1205
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1206
+ },
1207
+ {
1208
+ "name": "button/primary/bgColor/active",
1209
+ "value": {
1210
+ "r": 0.027450980392156862,
1211
+ "g": 0.37254901960784315,
1212
+ "b": 0.7843137254901961,
1213
+ "a": 1
1214
+ },
1215
+ "type": "COLOR",
1216
+ "refId": "mode/button/primary/bgColor/active",
1418
1217
  "collection": "mode",
1419
- "group": "shadow"
1218
+ "mode": "light protanopia deuteranopia",
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.5725490196078431,
1226
+ "g": 0.792156862745098,
1227
+ "b": 1,
1228
+ "a": 1
1229
+ },
1230
+ "type": "COLOR",
1231
+ "refId": "mode/button/primary/bgColor/disabled",
1232
+ "collection": "mode",
1233
+ "mode": "light protanopia deuteranopia",
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",
1249
+ "collection": "mode",
1426
1250
  "mode": "light protanopia deuteranopia",
1251
+ "group": "component (internal)",
1252
+ "scopes": ["STROKE_COLOR"]
1253
+ },
1254
+ {
1255
+ "name": "button/primary/borderColor/hover",
1256
+ "value": {
1257
+ "r": 0.12156862745098039,
1258
+ "g": 0.13725490196078433,
1259
+ "b": 0.1568627450980392,
1260
+ "a": 0.15
1261
+ },
1262
+ "type": "COLOR",
1263
+ "refId": "mode/button/primary/borderColor/hover",
1264
+ "reference": "mode/button/primary/borderColor/rest",
1427
1265
  "collection": "mode",
1428
- "group": "shadow"
1266
+ "mode": "light protanopia deuteranopia",
1267
+ "group": "component (internal)",
1268
+ "scopes": ["STROKE_COLOR"]
1429
1269
  },
1430
1270
  {
1431
- "name": "shadow/resting/medium/color",
1271
+ "name": "button/primary/borderColor/active",
1432
1272
  "value": {
1433
- "r": 0.1450980392156863,
1434
- "g": 0.1607843137254902,
1435
- "b": 0.1803921568627451,
1436
- "a": 0.12
1273
+ "r": 0.12156862745098039,
1274
+ "g": 0.13725490196078433,
1275
+ "b": 0.1568627450980392,
1276
+ "a": 0.15
1437
1277
  },
1438
1278
  "type": "COLOR",
1439
- "scopes": ["EFFECT_COLOR"],
1279
+ "refId": "mode/button/primary/borderColor/active",
1280
+ "reference": "mode/button/primary/borderColor/rest",
1281
+ "collection": "mode",
1440
1282
  "mode": "light protanopia deuteranopia",
1283
+ "group": "component (internal)",
1284
+ "scopes": ["STROKE_COLOR"]
1285
+ },
1286
+ {
1287
+ "name": "button/primary/borderColor/disabled",
1288
+ "value": {
1289
+ "r": 0.5725490196078431,
1290
+ "g": 0.792156862745098,
1291
+ "b": 1,
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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.12941176470588237,
1343
+ "b": 0.3333333333333333,
1344
+ "a": 0.3
1487
1345
  },
1488
1346
  "type": "COLOR",
1489
1347
  "scopes": ["EFFECT_COLOR"],
1490
1348
  "mode": "light protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
1393
+ "refId": "mode/button/invisible/fgColor/active",
1394
+ "reference": "mode/control/fgColor/rest",
1541
1395
  "collection": "mode",
1542
- "group": "shadow"
1396
+ "mode": "light protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
1473
+ "refId": "mode/button/invisible/bgColor/rest",
1474
+ "reference": "mode/control/transparent/bgColor/rest",
1591
1475
  "collection": "mode",
1592
- "group": "shadow"
1476
+ "mode": "light protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
1553
+ "refId": "mode/button/invisible/borderColor/hover",
1554
+ "reference": "mode/control/transparent/borderColor/hover",
1641
1555
  "collection": "mode",
1642
- "group": "shadow"
1556
+ "mode": "light protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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"],
1676
- "mode": "light protanopia deuteranopia",
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",
1677
1619
  "collection": "mode",
1678
- "group": "shadow"
1620
+ "mode": "light protanopia deuteranopia",
1621
+ "group": "component (internal)",
1622
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1679
1623
  },
1680
1624
  {
1681
- "name": "shadow/floating/medium/2/color",
1625
+ "name": "button/outline/fgColor/disabled",
1682
1626
  "value": {
1683
- "r": 0.1450980392156863,
1684
- "g": 0.1607843137254902,
1685
- "b": 0.1803921568627451,
1686
- "a": 0.08
1627
+ "r": 0.03529411764705882,
1628
+ "g": 0.4117647058823529,
1629
+ "b": 0.8549019607843137,
1630
+ "a": 0.5
1687
1631
  },
1688
1632
  "type": "COLOR",
1689
- "scopes": ["EFFECT_COLOR"],
1690
- "mode": "light protanopia deuteranopia",
1633
+ "alpha": 0.5,
1634
+ "refId": "mode/button/outline/fgColor/disabled",
1635
+ "reference": "mode/fgColor/accent",
1691
1636
  "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
1637
  "mode": "light protanopia deuteranopia",
1700
- "collection": "mode",
1701
- "group": "shadow"
1638
+ "group": "component (internal)",
1639
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"]
1702
1640
  },
1703
1641
  {
1704
- "name": "shadow/floating/medium/3/offsetY",
1705
- "value": 4,
1706
- "type": "FLOAT",
1707
- "scopes": ["EFFECT_FLOAT"],
1708
- "mode": "light protanopia deuteranopia",
1642
+ "name": "button/outline/bgColor/rest",
1643
+ "value": {
1644
+ "r": 0.9647058823529412,
1645
+ "g": 0.9725490196078431,
1646
+ "b": 0.9803921568627451,
1647
+ "a": 1
1648
+ },
1649
+ "type": "COLOR",
1650
+ "refId": "mode/button/outline/bgColor/rest",
1651
+ "reference": "mode/control/bgColor/rest",
1709
1652
  "collection": "mode",
1710
- "group": "shadow"
1711
- },
1712
- {
1713
- "name": "shadow/floating/medium/3/blur",
1714
- "value": 32,
1715
- "type": "FLOAT",
1716
- "scopes": ["EFFECT_FLOAT"],
1717
1653
  "mode": "light protanopia deuteranopia",
1718
- "collection": "mode",
1719
- "group": "shadow"
1654
+ "group": "component (internal)",
1655
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"]
1720
1656
  },
1721
1657
  {
1722
- "name": "shadow/floating/medium/3/spread",
1723
- "value": -4,
1724
- "type": "FLOAT",
1725
- "scopes": ["EFFECT_FLOAT"],
1726
- "mode": "light protanopia deuteranopia",
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",
1727
1668
  "collection": "mode",
1728
- "group": "shadow"
1669
+ "mode": "light protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
1729
+ "refId": "mode/button/outline/borderColor/active",
1730
+ "reference": "mode/button/outline/borderColor/hover",
1791
1731
  "collection": "mode",
1792
- "group": "shadow"
1732
+ "mode": "light protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
1787
+ "name": "button/danger/fgColor/rest",
1788
+ "value": {
1789
+ "r": 0.7372549019607844,
1790
+ "g": 0.2980392156862745,
1791
+ "b": 0,
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
1835
+ "name": "button/danger/fgColor/disabled",
1836
+ "value": {
1837
+ "r": 0.7372549019607844,
1838
+ "g": 0.2980392156862745,
1839
+ "b": 0,
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 protanopia deuteranopia",
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
- "r": 0.8196078431372549,
1884
- "g": 0.8509803921568627,
1885
- "b": 0.8784313725490196,
1886
- "a": 0.5
1854
+ "r": 0.7372549019607844,
1855
+ "g": 0.2980392156862745,
1856
+ "b": 0,
1857
+ "a": 1
1887
1858
  },
1888
1859
  "type": "COLOR",
1889
- "scopes": ["EFFECT_COLOR"],
1890
- "mode": "light protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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.5843137254901961,
1903
+ "g": 0.2196078431372549,
1904
+ "b": 0,
1905
+ "a": 1
1937
1906
  },
1938
1907
  "type": "COLOR",
1939
- "scopes": ["EFFECT_COLOR"],
1940
- "mode": "light protanopia deuteranopia",
1908
+ "refId": "mode/button/danger/bgColor/hover",
1909
+ "reference": "base/color/light/base/color/orange/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 protanopia deuteranopia",
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 protanopia deuteranopia",
1916
+ "name": "button/danger/bgColor/active",
1917
+ "value": {
1918
+ "r": 0.49411764705882355,
1919
+ "g": 0.1843137254901961,
1920
+ "b": 0,
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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.2784313725490196,
2034
+ "g": 0.09019607843137255,
2035
+ "b": 0,
2036
+ "a": 0.2
2037
2037
  },
2038
2038
  "type": "COLOR",
2039
2039
  "scopes": ["EFFECT_COLOR"],
2040
2040
  "mode": "light protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
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 protanopia deuteranopia",
2089
2089
  "group": "component (internal)",