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