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