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