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