@primer/primitives 9.0.0-rc.e0216c44 → 9.0.0

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 (87) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +262 -258
  2. package/dist/css/functional/themes/dark-dimmed.css +280 -276
  3. package/dist/css/functional/themes/dark-high-contrast.css +432 -428
  4. package/dist/css/functional/themes/dark-tritanopia.css +262 -258
  5. package/dist/css/functional/themes/dark.css +252 -248
  6. package/dist/css/functional/themes/light-colorblind.css +220 -216
  7. package/dist/css/functional/themes/light-high-contrast.css +252 -248
  8. package/dist/css/functional/themes/light-tritanopia.css +220 -216
  9. package/dist/css/functional/themes/light.css +210 -206
  10. package/dist/docs/functional/themes/dark-colorblind.json +325 -353
  11. package/dist/docs/functional/themes/dark-dimmed.json +351 -379
  12. package/dist/docs/functional/themes/dark-high-contrast.json +548 -538
  13. package/dist/docs/functional/themes/dark-tritanopia.json +323 -351
  14. package/dist/docs/functional/themes/dark.json +313 -341
  15. package/dist/docs/functional/themes/light-colorblind.json +305 -327
  16. package/dist/docs/functional/themes/light-high-contrast.json +353 -373
  17. package/dist/docs/functional/themes/light-tritanopia.json +304 -324
  18. package/dist/docs/functional/themes/light.json +294 -314
  19. package/dist/figma/figma.json +3 -3
  20. package/dist/figma/scales/dark-dimmed.json +147 -69
  21. package/dist/figma/scales/dark-high-constrast.json +145 -67
  22. package/dist/figma/scales/dark.json +120 -42
  23. package/dist/figma/scales/light-high-constrast.json +147 -69
  24. package/dist/figma/scales/light.json +118 -40
  25. package/dist/figma/shadows/dark-colorblind.json +179 -179
  26. package/dist/figma/shadows/dark-dimmed.json +179 -179
  27. package/dist/figma/shadows/dark-high-contrast.json +179 -179
  28. package/dist/figma/shadows/dark-tritanopia.json +179 -179
  29. package/dist/figma/shadows/dark.json +179 -179
  30. package/dist/figma/shadows/light-colorblind.json +123 -123
  31. package/dist/figma/shadows/light-high-contrast.json +123 -123
  32. package/dist/figma/shadows/light-tritanopia.json +123 -123
  33. package/dist/figma/shadows/light.json +123 -123
  34. package/dist/figma/themes/dark-colorblind.json +4632 -4613
  35. package/dist/figma/themes/dark-dimmed.json +1929 -1910
  36. package/dist/figma/themes/dark-high-contrast.json +3381 -3354
  37. package/dist/figma/themes/dark-tritanopia.json +4278 -4259
  38. package/dist/figma/themes/dark.json +4636 -4617
  39. package/dist/figma/themes/light-colorblind.json +2212 -2193
  40. package/dist/figma/themes/light-high-contrast.json +1878 -1860
  41. package/dist/figma/themes/light-tritanopia.json +2215 -2195
  42. package/dist/figma/themes/light.json +1873 -1853
  43. package/dist/internalCss/dark-colorblind.css +292 -278
  44. package/dist/internalCss/dark-dimmed.css +310 -296
  45. package/dist/internalCss/dark-high-contrast.css +462 -448
  46. package/dist/internalCss/dark-tritanopia.css +292 -278
  47. package/dist/internalCss/dark.css +282 -268
  48. package/dist/internalCss/light-colorblind.css +250 -236
  49. package/dist/internalCss/light-high-contrast.css +280 -266
  50. package/dist/internalCss/light-tritanopia.css +250 -236
  51. package/dist/internalCss/light.css +240 -226
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +325 -353
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +351 -379
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +548 -538
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +323 -351
  56. package/dist/styleLint/functional/themes/dark.json +313 -341
  57. package/dist/styleLint/functional/themes/light-colorblind.json +305 -327
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +353 -373
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +304 -324
  60. package/dist/styleLint/functional/themes/light.json +294 -314
  61. package/package.json +1 -1
  62. package/src/schemas/colorToken.ts +1 -1
  63. package/src/schemas/dimensionToken.ts +1 -0
  64. package/src/schemas/scopes.ts +10 -21
  65. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -162
  66. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  67. package/src/tokens/base/color/dark/dark.json5 +149 -104
  68. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  69. package/src/tokens/base/color/light/light.json5 +148 -103
  70. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  71. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +147 -10
  72. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +211 -187
  73. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  74. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  75. package/src/tokens/functional/color/dark/patterns-dark.json5 +87 -96
  76. package/src/tokens/functional/color/dark/primitives-dark.json5 +27 -35
  77. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  78. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  79. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +103 -119
  80. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
  81. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
  82. package/src/tokens/functional/color/light/patterns-light.json5 +89 -97
  83. package/src/tokens/functional/color/light/primitives-light.json5 +27 -32
  84. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  85. package/src/tokens/functional/shadow/dark.json5 +15 -15
  86. package/src/tokens/functional/shadow/light.json5 +16 -16
  87. package/src/transformers/figmaAttributes.ts +6 -0
package/dist/figma/shadows/dark-dimmed.json CHANGED
@@ -1,256 +1,256 @@
1
1
  [
2
2
  {
3
- "name": "shadow/floating/legacy/1/offsetX",
3
+ "name": "button/danger/shadow/selected/offsetX",
4
4
  "value": 0,
5
5
  "type": "FLOAT",
6
6
  "scopes": ["EFFECT_FLOAT"],
7
7
  "mode": "dark dimmed",
8
8
  "collection": "mode",
9
- "group": "shadow"
9
+ "group": "component shadow"
10
10
  },
11
11
  {
12
- "name": "shadow/floating/legacy/1/offsetY",
13
- "value": 6,
12
+ "name": "button/danger/shadow/selected/offsetY",
13
+ "value": 0,
14
14
  "type": "FLOAT",
15
15
  "scopes": ["EFFECT_FLOAT"],
16
16
  "mode": "dark dimmed",
17
17
  "collection": "mode",
18
- "group": "shadow"
18
+ "group": "component shadow"
19
19
  },
20
20
  {
21
- "name": "shadow/floating/legacy/1/blur",
22
- "value": 12,
21
+ "name": "button/danger/shadow/selected/blur",
22
+ "value": 0,
23
23
  "type": "FLOAT",
24
24
  "scopes": ["EFFECT_FLOAT"],
25
25
  "mode": "dark dimmed",
26
26
  "collection": "mode",
27
- "group": "shadow"
27
+ "group": "component shadow"
28
28
  },
29
29
  {
30
- "name": "shadow/floating/legacy/1/spread",
31
- "value": -3,
30
+ "name": "button/danger/shadow/selected/spread",
31
+ "value": 0,
32
32
  "type": "FLOAT",
33
33
  "scopes": ["EFFECT_FLOAT"],
34
34
  "mode": "dark dimmed",
35
35
  "collection": "mode",
36
- "group": "shadow"
36
+ "group": "component shadow"
37
37
  },
38
38
  {
39
- "name": "shadow/floating/legacy/1/color",
39
+ "name": "button/danger/shadow/selected/color",
40
40
  "value": {
41
- "r": 0.10980392156862745,
42
- "g": 0.12941176470588237,
43
- "b": 0.1568627450980392,
44
- "a": 0.4
41
+ "r": 0,
42
+ "g": 0,
43
+ "b": 0,
44
+ "a": 0
45
45
  },
46
46
  "type": "COLOR",
47
47
  "scopes": ["EFFECT_COLOR"],
48
48
  "mode": "dark dimmed",
49
49
  "collection": "mode",
50
- "group": "shadow"
50
+ "group": "component shadow"
51
51
  },
52
52
  {
53
- "name": "shadow/floating/legacy/2/offsetX",
53
+ "name": "button/outline/shadow/selected/offsetX",
54
54
  "value": 0,
55
55
  "type": "FLOAT",
56
56
  "scopes": ["EFFECT_FLOAT"],
57
57
  "mode": "dark dimmed",
58
58
  "collection": "mode",
59
- "group": "shadow"
59
+ "group": "component shadow"
60
60
  },
61
61
  {
62
- "name": "shadow/floating/legacy/2/offsetY",
63
- "value": 6,
62
+ "name": "button/outline/shadow/selected/offsetY",
63
+ "value": 0,
64
64
  "type": "FLOAT",
65
65
  "scopes": ["EFFECT_FLOAT"],
66
66
  "mode": "dark dimmed",
67
67
  "collection": "mode",
68
- "group": "shadow"
68
+ "group": "component shadow"
69
69
  },
70
70
  {
71
- "name": "shadow/floating/legacy/2/blur",
72
- "value": 18,
71
+ "name": "button/outline/shadow/selected/blur",
72
+ "value": 0,
73
73
  "type": "FLOAT",
74
74
  "scopes": ["EFFECT_FLOAT"],
75
75
  "mode": "dark dimmed",
76
76
  "collection": "mode",
77
- "group": "shadow"
77
+ "group": "component shadow"
78
78
  },
79
79
  {
80
- "name": "shadow/floating/legacy/2/spread",
80
+ "name": "button/outline/shadow/selected/spread",
81
81
  "value": 0,
82
82
  "type": "FLOAT",
83
83
  "scopes": ["EFFECT_FLOAT"],
84
84
  "mode": "dark dimmed",
85
85
  "collection": "mode",
86
- "group": "shadow"
86
+ "group": "component shadow"
87
87
  },
88
88
  {
89
- "name": "shadow/floating/legacy/2/color",
89
+ "name": "button/outline/shadow/selected/color",
90
90
  "value": {
91
- "r": 0.10980392156862745,
92
- "g": 0.12941176470588237,
93
- "b": 0.1568627450980392,
94
- "a": 0.4
91
+ "r": 0,
92
+ "g": 0,
93
+ "b": 0,
94
+ "a": 0
95
95
  },
96
96
  "type": "COLOR",
97
97
  "scopes": ["EFFECT_COLOR"],
98
98
  "mode": "dark dimmed",
99
99
  "collection": "mode",
100
- "group": "shadow"
100
+ "group": "component shadow"
101
101
  },
102
102
  {
103
- "name": "shadow/resting/medium/offsetX",
103
+ "name": "button/primary/shadow/selected/offsetX",
104
104
  "value": 0,
105
105
  "type": "FLOAT",
106
106
  "scopes": ["EFFECT_FLOAT"],
107
107
  "mode": "dark dimmed",
108
108
  "collection": "mode",
109
- "group": "shadow"
109
+ "group": "component shadow"
110
110
  },
111
111
  {
112
- "name": "shadow/resting/medium/offsetY",
113
- "value": 3,
112
+ "name": "button/primary/shadow/selected/offsetY",
113
+ "value": 0,
114
114
  "type": "FLOAT",
115
115
  "scopes": ["EFFECT_FLOAT"],
116
116
  "mode": "dark dimmed",
117
117
  "collection": "mode",
118
- "group": "shadow"
118
+ "group": "component shadow"
119
119
  },
120
120
  {
121
- "name": "shadow/resting/medium/blur",
122
- "value": 6,
121
+ "name": "button/primary/shadow/selected/blur",
122
+ "value": 0,
123
123
  "type": "FLOAT",
124
124
  "scopes": ["EFFECT_FLOAT"],
125
125
  "mode": "dark dimmed",
126
126
  "collection": "mode",
127
- "group": "shadow"
127
+ "group": "component shadow"
128
128
  },
129
129
  {
130
- "name": "shadow/resting/medium/spread",
130
+ "name": "button/primary/shadow/selected/spread",
131
131
  "value": 0,
132
132
  "type": "FLOAT",
133
133
  "scopes": ["EFFECT_FLOAT"],
134
134
  "mode": "dark dimmed",
135
135
  "collection": "mode",
136
- "group": "shadow"
136
+ "group": "component shadow"
137
137
  },
138
138
  {
139
- "name": "shadow/resting/medium/color",
139
+ "name": "button/primary/shadow/selected/color",
140
140
  "value": {
141
- "r": 0.10980392156862745,
142
- "g": 0.12941176470588237,
143
- "b": 0.1568627450980392,
144
- "a": 0.8
141
+ "r": 0,
142
+ "g": 0,
143
+ "b": 0,
144
+ "a": 0
145
145
  },
146
146
  "type": "COLOR",
147
147
  "scopes": ["EFFECT_COLOR"],
148
148
  "mode": "dark dimmed",
149
149
  "collection": "mode",
150
- "group": "shadow"
150
+ "group": "component shadow"
151
151
  },
152
152
  {
153
- "name": "shadow/resting/small/offsetX",
153
+ "name": "button/default/shadow/resting/offsetX",
154
154
  "value": 0,
155
155
  "type": "FLOAT",
156
156
  "scopes": ["EFFECT_FLOAT"],
157
157
  "mode": "dark dimmed",
158
158
  "collection": "mode",
159
- "group": "shadow"
159
+ "group": "component shadow"
160
160
  },
161
161
  {
162
- "name": "shadow/resting/small/offsetY",
163
- "value": 1,
162
+ "name": "button/default/shadow/resting/offsetY",
163
+ "value": 0,
164
164
  "type": "FLOAT",
165
165
  "scopes": ["EFFECT_FLOAT"],
166
166
  "mode": "dark dimmed",
167
167
  "collection": "mode",
168
- "group": "shadow"
168
+ "group": "component shadow"
169
169
  },
170
170
  {
171
- "name": "shadow/resting/small/blur",
171
+ "name": "button/default/shadow/resting/blur",
172
172
  "value": 0,
173
173
  "type": "FLOAT",
174
174
  "scopes": ["EFFECT_FLOAT"],
175
175
  "mode": "dark dimmed",
176
176
  "collection": "mode",
177
- "group": "shadow"
177
+ "group": "component shadow"
178
178
  },
179
179
  {
180
- "name": "shadow/resting/small/spread",
180
+ "name": "button/default/shadow/resting/spread",
181
181
  "value": 0,
182
182
  "type": "FLOAT",
183
183
  "scopes": ["EFFECT_FLOAT"],
184
184
  "mode": "dark dimmed",
185
185
  "collection": "mode",
186
- "group": "shadow"
186
+ "group": "component shadow"
187
187
  },
188
188
  {
189
- "name": "shadow/resting/small/color",
189
+ "name": "button/default/shadow/resting/color",
190
190
  "value": {
191
- "r": 0.10980392156862745,
192
- "g": 0.12941176470588237,
193
- "b": 0.1568627450980392,
194
- "a": 0.4
191
+ "r": 0,
192
+ "g": 0,
193
+ "b": 0,
194
+ "a": 0
195
195
  },
196
196
  "type": "COLOR",
197
197
  "scopes": ["EFFECT_COLOR"],
198
198
  "mode": "dark dimmed",
199
199
  "collection": "mode",
200
- "group": "shadow"
200
+ "group": "component shadow"
201
201
  },
202
202
  {
203
- "name": "shadow/resting/xsmall/offsetX",
203
+ "name": "avatar/shadow/offsetX",
204
204
  "value": 0,
205
205
  "type": "FLOAT",
206
206
  "scopes": ["EFFECT_FLOAT"],
207
207
  "mode": "dark dimmed",
208
208
  "collection": "mode",
209
- "group": "shadow"
209
+ "group": "component shadow"
210
210
  },
211
211
  {
212
- "name": "shadow/resting/xsmall/offsetY",
213
- "value": 1,
212
+ "name": "avatar/shadow/offsetY",
213
+ "value": 0,
214
214
  "type": "FLOAT",
215
215
  "scopes": ["EFFECT_FLOAT"],
216
216
  "mode": "dark dimmed",
217
217
  "collection": "mode",
218
- "group": "shadow"
218
+ "group": "component shadow"
219
219
  },
220
220
  {
221
- "name": "shadow/resting/xsmall/blur",
221
+ "name": "avatar/shadow/blur",
222
222
  "value": 0,
223
223
  "type": "FLOAT",
224
224
  "scopes": ["EFFECT_FLOAT"],
225
225
  "mode": "dark dimmed",
226
226
  "collection": "mode",
227
- "group": "shadow"
227
+ "group": "component shadow"
228
228
  },
229
229
  {
230
- "name": "shadow/resting/xsmall/spread",
231
- "value": 0,
230
+ "name": "avatar/shadow/spread",
231
+ "value": 2,
232
232
  "type": "FLOAT",
233
233
  "scopes": ["EFFECT_FLOAT"],
234
234
  "mode": "dark dimmed",
235
235
  "collection": "mode",
236
- "group": "shadow"
236
+ "group": "component shadow"
237
237
  },
238
238
  {
239
- "name": "shadow/resting/xsmall/color",
239
+ "name": "avatar/shadow/color",
240
240
  "value": {
241
- "r": 0.10980392156862745,
242
- "g": 0.12941176470588237,
243
- "b": 0.1568627450980392,
244
- "a": 0.8
241
+ "r": 0.050980392156862744,
242
+ "g": 0.06666666666666667,
243
+ "b": 0.09019607843137255,
244
+ "a": 1
245
245
  },
246
246
  "type": "COLOR",
247
247
  "scopes": ["EFFECT_COLOR"],
248
248
  "mode": "dark dimmed",
249
249
  "collection": "mode",
250
- "group": "shadow"
250
+ "group": "component shadow"
251
251
  },
252
252
  {
253
- "name": "shadow/inset/offsetX",
253
+ "name": "shadow/floating/legacy/1/offsetX",
254
254
  "value": 0,
255
255
  "type": "FLOAT",
256
256
  "scopes": ["EFFECT_FLOAT"],
@@ -259,8 +259,8 @@
259
259
  "group": "shadow"
260
260
  },
261
261
  {
262
- "name": "shadow/inset/offsetY",
263
- "value": 1,
262
+ "name": "shadow/floating/legacy/1/offsetY",
263
+ "value": 6,
264
264
  "type": "FLOAT",
265
265
  "scopes": ["EFFECT_FLOAT"],
266
266
  "mode": "dark dimmed",
@@ -268,8 +268,8 @@
268
268
  "group": "shadow"
269
269
  },
270
270
  {
271
- "name": "shadow/inset/blur",
272
- "value": 0,
271
+ "name": "shadow/floating/legacy/1/blur",
272
+ "value": 12,
273
273
  "type": "FLOAT",
274
274
  "scopes": ["EFFECT_FLOAT"],
275
275
  "mode": "dark dimmed",
@@ -277,8 +277,8 @@
277
277
  "group": "shadow"
278
278
  },
279
279
  {
280
- "name": "shadow/inset/spread",
281
- "value": 0,
280
+ "name": "shadow/floating/legacy/1/spread",
281
+ "value": -3,
282
282
  "type": "FLOAT",
283
283
  "scopes": ["EFFECT_FLOAT"],
284
284
  "mode": "dark dimmed",
@@ -286,12 +286,12 @@
286
286
  "group": "shadow"
287
287
  },
288
288
  {
289
- "name": "shadow/inset/color",
289
+ "name": "shadow/floating/legacy/1/color",
290
290
  "value": {
291
291
  "r": 0.10980392156862745,
292
292
  "g": 0.12941176470588237,
293
293
  "b": 0.1568627450980392,
294
- "a": 0.24
294
+ "a": 0.4
295
295
  },
296
296
  "type": "COLOR",
297
297
  "scopes": ["EFFECT_COLOR"],
@@ -300,254 +300,254 @@
300
300
  "group": "shadow"
301
301
  },
302
302
  {
303
- "name": "button/danger/shadow/selected/offsetX",
303
+ "name": "shadow/floating/legacy/2/offsetX",
304
304
  "value": 0,
305
305
  "type": "FLOAT",
306
306
  "scopes": ["EFFECT_FLOAT"],
307
307
  "mode": "dark dimmed",
308
308
  "collection": "mode",
309
- "group": "component shadow"
309
+ "group": "shadow"
310
310
  },
311
311
  {
312
- "name": "button/danger/shadow/selected/offsetY",
313
- "value": 0,
312
+ "name": "shadow/floating/legacy/2/offsetY",
313
+ "value": 6,
314
314
  "type": "FLOAT",
315
315
  "scopes": ["EFFECT_FLOAT"],
316
316
  "mode": "dark dimmed",
317
317
  "collection": "mode",
318
- "group": "component shadow"
318
+ "group": "shadow"
319
319
  },
320
320
  {
321
- "name": "button/danger/shadow/selected/blur",
322
- "value": 0,
321
+ "name": "shadow/floating/legacy/2/blur",
322
+ "value": 18,
323
323
  "type": "FLOAT",
324
324
  "scopes": ["EFFECT_FLOAT"],
325
325
  "mode": "dark dimmed",
326
326
  "collection": "mode",
327
- "group": "component shadow"
327
+ "group": "shadow"
328
328
  },
329
329
  {
330
- "name": "button/danger/shadow/selected/spread",
330
+ "name": "shadow/floating/legacy/2/spread",
331
331
  "value": 0,
332
332
  "type": "FLOAT",
333
333
  "scopes": ["EFFECT_FLOAT"],
334
334
  "mode": "dark dimmed",
335
335
  "collection": "mode",
336
- "group": "component shadow"
336
+ "group": "shadow"
337
337
  },
338
338
  {
339
- "name": "button/danger/shadow/selected/color",
339
+ "name": "shadow/floating/legacy/2/color",
340
340
  "value": {
341
- "r": 0,
342
- "g": 0,
343
- "b": 0,
344
- "a": 0
341
+ "r": 0.10980392156862745,
342
+ "g": 0.12941176470588237,
343
+ "b": 0.1568627450980392,
344
+ "a": 0.4
345
345
  },
346
346
  "type": "COLOR",
347
347
  "scopes": ["EFFECT_COLOR"],
348
348
  "mode": "dark dimmed",
349
349
  "collection": "mode",
350
- "group": "component shadow"
350
+ "group": "shadow"
351
351
  },
352
352
  {
353
- "name": "button/outline/shadow/selected/offsetX",
353
+ "name": "shadow/resting/medium/offsetX",
354
354
  "value": 0,
355
355
  "type": "FLOAT",
356
356
  "scopes": ["EFFECT_FLOAT"],
357
357
  "mode": "dark dimmed",
358
358
  "collection": "mode",
359
- "group": "component shadow"
359
+ "group": "shadow"
360
360
  },
361
361
  {
362
- "name": "button/outline/shadow/selected/offsetY",
363
- "value": 0,
362
+ "name": "shadow/resting/medium/offsetY",
363
+ "value": 3,
364
364
  "type": "FLOAT",
365
365
  "scopes": ["EFFECT_FLOAT"],
366
366
  "mode": "dark dimmed",
367
367
  "collection": "mode",
368
- "group": "component shadow"
368
+ "group": "shadow"
369
369
  },
370
370
  {
371
- "name": "button/outline/shadow/selected/blur",
372
- "value": 0,
371
+ "name": "shadow/resting/medium/blur",
372
+ "value": 6,
373
373
  "type": "FLOAT",
374
374
  "scopes": ["EFFECT_FLOAT"],
375
375
  "mode": "dark dimmed",
376
376
  "collection": "mode",
377
- "group": "component shadow"
377
+ "group": "shadow"
378
378
  },
379
379
  {
380
- "name": "button/outline/shadow/selected/spread",
380
+ "name": "shadow/resting/medium/spread",
381
381
  "value": 0,
382
382
  "type": "FLOAT",
383
383
  "scopes": ["EFFECT_FLOAT"],
384
384
  "mode": "dark dimmed",
385
385
  "collection": "mode",
386
- "group": "component shadow"
386
+ "group": "shadow"
387
387
  },
388
388
  {
389
- "name": "button/outline/shadow/selected/color",
389
+ "name": "shadow/resting/medium/color",
390
390
  "value": {
391
- "r": 0,
392
- "g": 0,
393
- "b": 0,
394
- "a": 0
391
+ "r": 0.10980392156862745,
392
+ "g": 0.12941176470588237,
393
+ "b": 0.1568627450980392,
394
+ "a": 0.8
395
395
  },
396
396
  "type": "COLOR",
397
397
  "scopes": ["EFFECT_COLOR"],
398
398
  "mode": "dark dimmed",
399
399
  "collection": "mode",
400
- "group": "component shadow"
400
+ "group": "shadow"
401
401
  },
402
402
  {
403
- "name": "button/primary/shadow/selected/offsetX",
403
+ "name": "shadow/resting/small/offsetX",
404
404
  "value": 0,
405
405
  "type": "FLOAT",
406
406
  "scopes": ["EFFECT_FLOAT"],
407
407
  "mode": "dark dimmed",
408
408
  "collection": "mode",
409
- "group": "component shadow"
409
+ "group": "shadow"
410
410
  },
411
411
  {
412
- "name": "button/primary/shadow/selected/offsetY",
413
- "value": 0,
412
+ "name": "shadow/resting/small/offsetY",
413
+ "value": 1,
414
414
  "type": "FLOAT",
415
415
  "scopes": ["EFFECT_FLOAT"],
416
416
  "mode": "dark dimmed",
417
417
  "collection": "mode",
418
- "group": "component shadow"
418
+ "group": "shadow"
419
419
  },
420
420
  {
421
- "name": "button/primary/shadow/selected/blur",
421
+ "name": "shadow/resting/small/blur",
422
422
  "value": 0,
423
423
  "type": "FLOAT",
424
424
  "scopes": ["EFFECT_FLOAT"],
425
425
  "mode": "dark dimmed",
426
426
  "collection": "mode",
427
- "group": "component shadow"
427
+ "group": "shadow"
428
428
  },
429
429
  {
430
- "name": "button/primary/shadow/selected/spread",
430
+ "name": "shadow/resting/small/spread",
431
431
  "value": 0,
432
432
  "type": "FLOAT",
433
433
  "scopes": ["EFFECT_FLOAT"],
434
434
  "mode": "dark dimmed",
435
435
  "collection": "mode",
436
- "group": "component shadow"
436
+ "group": "shadow"
437
437
  },
438
438
  {
439
- "name": "button/primary/shadow/selected/color",
439
+ "name": "shadow/resting/small/color",
440
440
  "value": {
441
- "r": 0,
442
- "g": 0,
443
- "b": 0,
444
- "a": 0
441
+ "r": 0.10980392156862745,
442
+ "g": 0.12941176470588237,
443
+ "b": 0.1568627450980392,
444
+ "a": 0.4
445
445
  },
446
446
  "type": "COLOR",
447
447
  "scopes": ["EFFECT_COLOR"],
448
448
  "mode": "dark dimmed",
449
449
  "collection": "mode",
450
- "group": "component shadow"
450
+ "group": "shadow"
451
451
  },
452
452
  {
453
- "name": "button/default/shadow/resting/offsetX",
453
+ "name": "shadow/resting/xsmall/offsetX",
454
454
  "value": 0,
455
455
  "type": "FLOAT",
456
456
  "scopes": ["EFFECT_FLOAT"],
457
457
  "mode": "dark dimmed",
458
458
  "collection": "mode",
459
- "group": "component shadow"
459
+ "group": "shadow"
460
460
  },
461
461
  {
462
- "name": "button/default/shadow/resting/offsetY",
463
- "value": 0,
462
+ "name": "shadow/resting/xsmall/offsetY",
463
+ "value": 1,
464
464
  "type": "FLOAT",
465
465
  "scopes": ["EFFECT_FLOAT"],
466
466
  "mode": "dark dimmed",
467
467
  "collection": "mode",
468
- "group": "component shadow"
468
+ "group": "shadow"
469
469
  },
470
470
  {
471
- "name": "button/default/shadow/resting/blur",
471
+ "name": "shadow/resting/xsmall/blur",
472
472
  "value": 0,
473
473
  "type": "FLOAT",
474
474
  "scopes": ["EFFECT_FLOAT"],
475
475
  "mode": "dark dimmed",
476
476
  "collection": "mode",
477
- "group": "component shadow"
477
+ "group": "shadow"
478
478
  },
479
479
  {
480
- "name": "button/default/shadow/resting/spread",
480
+ "name": "shadow/resting/xsmall/spread",
481
481
  "value": 0,
482
482
  "type": "FLOAT",
483
483
  "scopes": ["EFFECT_FLOAT"],
484
484
  "mode": "dark dimmed",
485
485
  "collection": "mode",
486
- "group": "component shadow"
486
+ "group": "shadow"
487
487
  },
488
488
  {
489
- "name": "button/default/shadow/resting/color",
489
+ "name": "shadow/resting/xsmall/color",
490
490
  "value": {
491
- "r": 0,
492
- "g": 0,
493
- "b": 0,
494
- "a": 0
491
+ "r": 0.10980392156862745,
492
+ "g": 0.12941176470588237,
493
+ "b": 0.1568627450980392,
494
+ "a": 0.8
495
495
  },
496
496
  "type": "COLOR",
497
497
  "scopes": ["EFFECT_COLOR"],
498
498
  "mode": "dark dimmed",
499
499
  "collection": "mode",
500
- "group": "component shadow"
500
+ "group": "shadow"
501
501
  },
502
502
  {
503
- "name": "avatar/shadow/offsetX",
503
+ "name": "shadow/inset/offsetX",
504
504
  "value": 0,
505
505
  "type": "FLOAT",
506
506
  "scopes": ["EFFECT_FLOAT"],
507
507
  "mode": "dark dimmed",
508
508
  "collection": "mode",
509
- "group": "component shadow"
509
+ "group": "shadow"
510
510
  },
511
511
  {
512
- "name": "avatar/shadow/offsetY",
513
- "value": 0,
512
+ "name": "shadow/inset/offsetY",
513
+ "value": 1,
514
514
  "type": "FLOAT",
515
515
  "scopes": ["EFFECT_FLOAT"],
516
516
  "mode": "dark dimmed",
517
517
  "collection": "mode",
518
- "group": "component shadow"
518
+ "group": "shadow"
519
519
  },
520
520
  {
521
- "name": "avatar/shadow/blur",
521
+ "name": "shadow/inset/blur",
522
522
  "value": 0,
523
523
  "type": "FLOAT",
524
524
  "scopes": ["EFFECT_FLOAT"],
525
525
  "mode": "dark dimmed",
526
526
  "collection": "mode",
527
- "group": "component shadow"
527
+ "group": "shadow"
528
528
  },
529
529
  {
530
- "name": "avatar/shadow/spread",
531
- "value": 2,
530
+ "name": "shadow/inset/spread",
531
+ "value": 0,
532
532
  "type": "FLOAT",
533
533
  "scopes": ["EFFECT_FLOAT"],
534
534
  "mode": "dark dimmed",
535
535
  "collection": "mode",
536
- "group": "component shadow"
536
+ "group": "shadow"
537
537
  },
538
538
  {
539
- "name": "avatar/shadow/color",
539
+ "name": "shadow/inset/color",
540
540
  "value": {
541
- "r": 0.13333333333333333,
542
- "g": 0.15294117647058825,
543
- "b": 0.1803921568627451,
544
- "a": 1
541
+ "r": 0.10980392156862745,
542
+ "g": 0.12941176470588237,
543
+ "b": 0.1568627450980392,
544
+ "a": 0.24
545
545
  },
546
546
  "type": "COLOR",
547
547
  "scopes": ["EFFECT_COLOR"],
548
548
  "mode": "dark dimmed",
549
549
  "collection": "mode",
550
- "group": "component shadow"
550
+ "group": "shadow"
551
551
  },
552
552
  {
553
553
  "name": "shadow/floating/xlarge/1/offsetX",
@@ -588,9 +588,9 @@
588
588
  {
589
589
  "name": "shadow/floating/xlarge/1/color",
590
590
  "value": {
591
- "r": 0.26666666666666666,
592
- "g": 0.2980392156862745,
593
- "b": 0.33725490196078434,
591
+ "r": 0.23921568627450981,
592
+ "g": 0.26666666666666666,
593
+ "b": 0.30196078431372547,
594
594
  "a": 1
595
595
  },
596
596
  "type": "COLOR",
@@ -688,9 +688,9 @@
688
688
  {
689
689
  "name": "shadow/floating/large/1/color",
690
690
  "value": {
691
- "r": 0.26666666666666666,
692
- "g": 0.2980392156862745,
693
- "b": 0.33725490196078434,
691
+ "r": 0.23921568627450981,
692
+ "g": 0.26666666666666666,
693
+ "b": 0.30196078431372547,
694
694
  "a": 1
695
695
  },
696
696
  "type": "COLOR",
@@ -788,9 +788,9 @@
788
788
  {
789
789
  "name": "shadow/floating/medium/1/color",
790
790
  "value": {
791
- "r": 0.26666666666666666,
792
- "g": 0.2980392156862745,
793
- "b": 0.33725490196078434,
791
+ "r": 0.23921568627450981,
792
+ "g": 0.26666666666666666,
793
+ "b": 0.30196078431372547,
794
794
  "a": 1
795
795
  },
796
796
  "type": "COLOR",
@@ -1038,9 +1038,9 @@
1038
1038
  {
1039
1039
  "name": "shadow/floating/small/1/color",
1040
1040
  "value": {
1041
- "r": 0.26666666666666666,
1042
- "g": 0.2980392156862745,
1043
- "b": 0.33725490196078434,
1041
+ "r": 0.23921568627450981,
1042
+ "g": 0.26666666666666666,
1043
+ "b": 0.30196078431372547,
1044
1044
  "a": 1
1045
1045
  },
1046
1046
  "type": "COLOR",