@devexpress/design-tokens-internal 261.0.3 → 261.0.4

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 (117) hide show
  1. package/package.json +1 -2
  2. package/tokens/base/spacing.json +12 -0
  3. package/tokens/components/core/accordion/fluent.json +376 -1
  4. package/tokens/components/core/ai-chat/fluent.json +1281 -1
  5. package/tokens/components/core/badge/fluent.json +75 -0
  6. package/tokens/components/core/button/fluent.json +147 -0
  7. package/tokens/components/core/calendar/fluent.json +766 -1
  8. package/tokens/components/core/checkbox/fluent.json +438 -10
  9. package/tokens/components/core/collapse-button/fluent.json +165 -0
  10. package/tokens/components/core/color-palette/fluent.json +1516 -0
  11. package/tokens/components/core/container-body/fluent.json +80 -0
  12. package/tokens/components/core/container-footer/fluent.json +98 -0
  13. package/tokens/components/core/container-header/fluent.json +163 -0
  14. package/tokens/components/core/dialog/fluent.json +85 -0
  15. package/tokens/components/core/drawer/fluent.json +79 -1
  16. package/tokens/components/core/empty-item/fluent.json +170 -0
  17. package/tokens/components/core/focus-rect/fluent.json +40 -0
  18. package/tokens/components/core/form/fluent.json +185 -49
  19. package/tokens/components/core/grid-cell/fluent.json +895 -0
  20. package/tokens/components/core/icon-wrapper/fluent.json +75 -0
  21. package/tokens/components/core/indent-space/fluent.json +51 -1
  22. package/tokens/components/core/label/fluent.json +60 -0
  23. package/tokens/components/core/link/fluent.json +147 -0
  24. package/tokens/components/core/listbox/fluent.json +417 -67
  25. package/tokens/components/core/menu/fluent.json +331 -1
  26. package/tokens/components/core/message-bar/fluent.json +120 -0
  27. package/tokens/components/core/overflow-menu/fluent.json +382 -26
  28. package/tokens/components/core/pagination/fluent.json +276 -2
  29. package/tokens/components/core/popover/fluent.json +91 -0
  30. package/tokens/components/core/popover-arrow/fluent.json +20 -0
  31. package/tokens/components/core/popover-body/fluent.json +80 -0
  32. package/tokens/components/core/popover-footer/fluent.json +65 -0
  33. package/tokens/components/core/popover-header/fluent.json +140 -0
  34. package/tokens/components/core/popup/fluent.json +86 -0
  35. package/tokens/components/core/progress-bar/fluent.json +125 -1
  36. package/tokens/components/core/radio-button/fluent.json +261 -7
  37. package/tokens/components/core/ribbon/fluent.json +915 -120
  38. package/tokens/components/core/scroll-bar/fluent.json +66 -0
  39. package/tokens/components/core/separator/fluent.json +29 -0
  40. package/tokens/components/core/spinner_load-indicator/fluent.json +180 -0
  41. package/tokens/components/core/splitter/fluent.json +426 -1
  42. package/tokens/components/core/switch/fluent.json +366 -22
  43. package/tokens/components/core/tabs/fluent.json +519 -194
  44. package/tokens/components/core/tag/fluent.json +145 -0
  45. package/tokens/components/core/text-box/fluent.json +200 -0
  46. package/tokens/components/core/text-edit/fluent.json +315 -0
  47. package/tokens/components/core/toast/fluent.json +180 -0
  48. package/tokens/components/core/toolbar/fluent.json +219 -102
  49. package/tokens/components/core/tooltip/fluent.json +105 -0
  50. package/tokens/components/core/treeview/fluent.json +435 -41
  51. package/tokens/components/desktop/accordion/fluent.json +1107 -0
  52. package/tokens/components/desktop/badge/fluent.json +95 -124
  53. package/tokens/components/desktop/bar-control/fluent.json +116 -0
  54. package/tokens/components/desktop/button/fluent.json +464 -130
  55. package/tokens/components/desktop/button-edit/fluent.json +340 -128
  56. package/tokens/components/desktop/button-group/fluent.json +30 -0
  57. package/tokens/components/desktop/button-text/fluent.json +114 -0
  58. package/tokens/components/desktop/checkedit/fluent.json +29 -43
  59. package/tokens/components/desktop/datapager/fluent.json +180 -88
  60. package/tokens/components/desktop/filter-edit/fluent.json +203 -3
  61. package/tokens/components/desktop/groupbox/fluent.json +573 -0
  62. package/tokens/components/desktop/listbox-edit/fluent.json +552 -105
  63. package/tokens/components/desktop/pagercontrol/fluent.json +432 -210
  64. package/tokens/components/desktop/progress-bar/fluent.json +277 -3
  65. package/tokens/components/desktop/radio-button/fluent.json +38 -47
  66. package/tokens/components/desktop/scroll-bar/fluent.json +176 -60
  67. package/tokens/components/desktop/scroll-view/fluent.json +119 -0
  68. package/tokens/components/desktop/split-button/fluent.json +20 -0
  69. package/tokens/components/desktop/standard-groupbox/fluent.json +332 -0
  70. package/tokens/components/desktop/text-edit/fluent.json +148 -10
  71. package/tokens/components/desktop/toggle-switch/fluent.json +493 -0
  72. package/tokens/components/desktop/wait-indicator/fluent.json +222 -0
  73. package/tokens/components/web/button/fluent.json +1608 -0
  74. package/tokens/components/web/button-group/fluent.json +30 -0
  75. package/tokens/components/web/carousel/fluent.json +1386 -1
  76. package/tokens/components/web/checkbox/fluent.json +120 -0
  77. package/tokens/components/web/color-palette/fluent.json +612 -1
  78. package/tokens/components/web/column-chooser/fluent.json +155 -0
  79. package/tokens/components/web/filter-builder/fluent.json +517 -2
  80. package/tokens/components/web/form-layout/fluent.json +525 -0
  81. package/tokens/components/web/html-editor/fluent.json +130 -0
  82. package/tokens/components/web/listbox/fluent.json +139 -1
  83. package/tokens/components/web/loading-panel_wait-indicator/fluent.json +107 -0
  84. package/tokens/components/web/memo/fluent.json +20 -0
  85. package/tokens/components/web/menu/fluent.json +16 -1
  86. package/tokens/components/web/message-bar/fluent.json +75 -0
  87. package/tokens/components/web/message-box/fluent.json +25 -0
  88. package/tokens/components/web/overflow-menu/fluent.json +47 -2
  89. package/tokens/components/web/pager/fluent.json +85 -0
  90. package/tokens/components/web/progress-bar/fluent.json +81 -0
  91. package/tokens/components/web/radio/fluent.json +122 -2
  92. package/tokens/components/web/ribbon/fluent.json +60 -0
  93. package/tokens/components/web/rich-text-editor/fluent.json +471 -0
  94. package/tokens/components/web/scheduler/fluent.json +1284 -0
  95. package/tokens/components/web/scheduler-popups/fluent.json +230 -0
  96. package/tokens/components/web/split-button/fluent.json +65 -0
  97. package/tokens/components/web/switcher/fluent.json +90 -0
  98. package/tokens/components/web/tabs/fluent.json +110 -0
  99. package/tokens/components/web/tagbox/fluent.json +65 -0
  100. package/tokens/components/web/text-edit/fluent.json +152 -2
  101. package/tokens/components/web/toast/fluent.json +540 -0
  102. package/tokens/components/web/toolbar/fluent.json +110 -1015
  103. package/tokens/components/web/tooltip/fluent.json +11 -0
  104. package/tokens/components/web/treeview/fluent.json +1196 -1
  105. package/tokens/components/web/uploader/fluent.json +1436 -1
  106. package/tokens/semantic/colors/dx-office/dark.json +12 -0
  107. package/tokens/semantic/colors/dx-office/light.json +12 -0
  108. package/tokens/semantic/colors/fluent/dark.json +24 -12
  109. package/tokens/semantic/colors/fluent/light.json +24 -12
  110. package/tokens/components/desktop/loading-panel_wait-indicator/fluent.json +0 -308
  111. package/tokens/components/desktop/toggle-switch/Fluent.json +0 -268
  112. package/tokens/components/desktop/tooltip/fluent.json +0 -198
  113. package/tokens/components/web/accordion/fluent.json +0 -24
  114. package/tokens/components/web/scroll-bar/fluent.json +0 -92
  115. package/tokens/components/web/splitter/fluent.json +0 -1214
  116. package/tokens/global/dx-office/theme-builder.json +0 -56
  117. package/tokens/global/fluent/theme-builder.json +0 -56
package/tokens/components/desktop/button/fluent.json CHANGED
@@ -1,115 +1,257 @@
1
1
  {
2
2
  "button": {
3
3
  "color": {
4
- "bg": {
5
- "checked-hovered": {
6
- "$type": "color",
7
- "$value": "{color.surface.primary.default.hovered}"
8
- },
9
- "checked-rest": {
10
- "$type": "color",
11
- "$value": "{color.surface.primary.default.rest}"
12
- },
13
- "checked-disabled": {
14
- "$type": "color",
15
- "$value": "{color.surface.neutral.default.disabled}"
16
- },
17
- "disabled": {
18
- "$type": "color",
19
- "$value": "{color.surface.neutral.default.disabled}"
20
- },
21
- "rest": {
22
- "$type": "color",
23
- "$value": "{color.surface.neutral.default.rest}"
24
- },
25
- "active": {
26
- "$type": "color",
27
- "$value": "{color.surface.neutral.default.active}"
28
- },
29
- "checked-active": {
30
- "$type": "color",
31
- "$value": "{color.surface.primary.default.active}"
32
- },
33
- "hovered": {
34
- "$type": "color",
35
- "$value": "{color.surface.neutral.default.hovered}"
36
- }
37
- },
38
- "border": {
39
- "active": {
40
- "$type": "color",
41
- "$value": "{color.border.neutral.default.active}"
42
- },
43
- "rest": {
44
- "$type": "color",
45
- "$value": "{color.border.neutral.default.rest}"
46
- },
47
- "hovered": {
48
- "$type": "color",
49
- "$value": "{color.border.neutral.default.hovered}"
4
+ "default": {
5
+ "bg": {
6
+ "disabled": {
7
+ "$extensions": {
8
+ "com.figma.scopes": [
9
+ "FRAME_FILL"
10
+ ]
11
+ },
12
+ "$type": "color",
13
+ "$value": "{color.surface.neutral.default.disabled}"
14
+ },
15
+ "rest": {
16
+ "$extensions": {
17
+ "com.figma.scopes": [
18
+ "FRAME_FILL"
19
+ ]
20
+ },
21
+ "$type": "color",
22
+ "$value": "{color.surface.neutral.default.rest}"
23
+ },
24
+ "active": {
25
+ "$extensions": {
26
+ "com.figma.scopes": [
27
+ "FRAME_FILL"
28
+ ]
29
+ },
30
+ "$type": "color",
31
+ "$value": "{color.surface.neutral.default.active}"
32
+ },
33
+ "hovered": {
34
+ "$extensions": {
35
+ "com.figma.scopes": [
36
+ "FRAME_FILL"
37
+ ]
38
+ },
39
+ "$type": "color",
40
+ "$value": "{color.surface.neutral.default.hovered}"
41
+ }
50
42
  },
51
- "checked-rest": {
52
- "$type": "color",
53
- "$value": "{color.border.transparent.rest}"
43
+ "border": {
44
+ "active": {
45
+ "$extensions": {
46
+ "com.figma.scopes": [
47
+ "STROKE_COLOR"
48
+ ]
49
+ },
50
+ "$type": "color",
51
+ "$value": "{color.border.neutral.default.active}"
52
+ },
53
+ "rest": {
54
+ "$extensions": {
55
+ "com.figma.scopes": [
56
+ "STROKE_COLOR"
57
+ ]
58
+ },
59
+ "$type": "color",
60
+ "$value": "{color.border.neutral.default.rest}"
61
+ },
62
+ "hovered": {
63
+ "$extensions": {
64
+ "com.figma.scopes": [
65
+ "STROKE_COLOR"
66
+ ]
67
+ },
68
+ "$type": "color",
69
+ "$value": "{color.border.neutral.default.hovered}"
70
+ },
71
+ "disabled": {
72
+ "$extensions": {
73
+ "com.figma.scopes": [
74
+ "STROKE_COLOR"
75
+ ]
76
+ },
77
+ "$type": "color",
78
+ "$value": "{color.border.neutral.default.disabled}"
79
+ }
54
80
  },
55
- "disabled": {
56
- "$type": "color",
57
- "$value": "{color.border.neutral.default.disabled}"
81
+ "content": {
82
+ "rest": {
83
+ "$extensions": {
84
+ "com.figma.scopes": [
85
+ "SHAPE_FILL",
86
+ "TEXT_FILL"
87
+ ]
88
+ },
89
+ "$type": "color",
90
+ "$value": "{color.content.neutral.default.rest}"
91
+ },
92
+ "disabled": {
93
+ "$extensions": {
94
+ "com.figma.scopes": [
95
+ "SHAPE_FILL",
96
+ "TEXT_FILL"
97
+ ]
98
+ },
99
+ "$type": "color",
100
+ "$value": "{color.content.neutral.default.disabled}"
101
+ }
58
102
  }
59
103
  },
60
- "content": {
61
- "rest": {
62
- "$type": "color",
63
- "$value": "{color.content.neutral.default.rest}"
64
- },
65
- "checked-disabled": {
66
- "$type": "color",
67
- "$value": "{color.content.neutral.default.disabled}"
68
- },
69
- "disabled": {
70
- "$type": "color",
71
- "$value": "{color.content.neutral.default.disabled}"
104
+ "checked": {
105
+ "border": {
106
+ "rest": {
107
+ "$extensions": {
108
+ "com.figma.scopes": [
109
+ "STROKE_COLOR"
110
+ ]
111
+ },
112
+ "$type": "color",
113
+ "$value": "{color.border.primary.compound.rest}"
114
+ },
115
+ "hovered": {
116
+ "$extensions": {
117
+ "com.figma.scopes": [
118
+ "STROKE_COLOR"
119
+ ]
120
+ },
121
+ "$type": "color",
122
+ "$value": "{color.border.primary.compound.hovered}"
123
+ },
124
+ "active": {
125
+ "$extensions": {
126
+ "com.figma.scopes": [
127
+ "STROKE_COLOR"
128
+ ]
129
+ },
130
+ "$type": "color",
131
+ "$value": "{color.border.primary.compound.active}"
132
+ },
133
+ "disabled": {
134
+ "$extensions": {
135
+ "com.figma.scopes": [
136
+ "STROKE_COLOR"
137
+ ]
138
+ },
139
+ "$type": "color",
140
+ "$value": "{color.surface.neutral.default.disabled}"
141
+ }
72
142
  },
73
- "checked-rest": {
74
- "$type": "color",
75
- "$value": "{color.content.neutral.default.static-dark.rest}"
76
- }
77
- }
78
- },
79
- "layout": {
80
- "inner-box": {
81
- "min-width": {
82
- "medium": {
83
- "$type": "number",
84
- "$value": "{spacing.1600}"
143
+ "content": {
144
+ "rest": {
145
+ "$extensions": {
146
+ "com.figma.scopes": [
147
+ "SHAPE_FILL",
148
+ "TEXT_FILL"
149
+ ]
150
+ },
151
+ "$type": "color",
152
+ "$value": "{color.content.neutral.default.static-dark.rest}"
85
153
  },
86
- "small": {
87
- "$type": "number",
88
- "$value": "{spacing.1200}"
154
+ "disabled": {
155
+ "$extensions": {
156
+ "com.figma.scopes": [
157
+ "SHAPE_FILL",
158
+ "TEXT_FILL"
159
+ ]
160
+ },
161
+ "$type": "color",
162
+ "$value": "{color.content.neutral.default.disabled}"
89
163
  }
90
164
  },
91
- "min-height": {
92
- "small": {
93
- "$type": "number",
94
- "$value": "{spacing.240}"
165
+ "bg": {
166
+ "rest": {
167
+ "$extensions": {
168
+ "com.figma.scopes": [
169
+ "FRAME_FILL"
170
+ ]
171
+ },
172
+ "$type": "color",
173
+ "$value": "{color.surface.primary.default.rest}"
95
174
  },
96
- "medium": {
97
- "$type": "number",
98
- "$value": "{spacing.320}"
175
+ "hovered": {
176
+ "$extensions": {
177
+ "com.figma.scopes": [
178
+ "FRAME_FILL"
179
+ ]
180
+ },
181
+ "$type": "color",
182
+ "$value": "{color.surface.primary.default.hovered}"
183
+ },
184
+ "active": {
185
+ "$extensions": {
186
+ "com.figma.scopes": [
187
+ "FRAME_FILL"
188
+ ]
189
+ },
190
+ "$type": "color",
191
+ "$value": "{color.surface.primary.default.active}"
192
+ },
193
+ "disabled": {
194
+ "$extensions": {
195
+ "com.figma.scopes": [
196
+ "FRAME_FILL"
197
+ ]
198
+ },
199
+ "$type": "color",
200
+ "$value": "{color.surface.neutral.default.disabled}"
99
201
  }
100
202
  }
101
- },
203
+ }
204
+ },
205
+ "layout": {
102
206
  "content-box": {
103
207
  "gap": {
104
208
  "small": {
209
+ "$extensions": {
210
+ "com.figma.scopes": [
211
+ "WIDTH_HEIGHT",
212
+ "GAP"
213
+ ]
214
+ },
105
215
  "$type": "number",
106
216
  "$value": "{spacing.40}"
107
217
  },
108
218
  "medium": {
219
+ "$extensions": {
220
+ "com.figma.scopes": [
221
+ "WIDTH_HEIGHT",
222
+ "GAP"
223
+ ]
224
+ },
109
225
  "$type": "number",
110
226
  "$value": "{spacing.40}"
111
227
  }
112
228
  }
229
+ },
230
+ "inner-box": {
231
+ "vertical": {
232
+ "icon-only": {
233
+ "small": {
234
+ "$extensions": {
235
+ "com.figma.scopes": [
236
+ "WIDTH_HEIGHT",
237
+ "GAP"
238
+ ]
239
+ },
240
+ "$type": "number",
241
+ "$value": "{spacing.30}"
242
+ },
243
+ "medium": {
244
+ "$extensions": {
245
+ "com.figma.scopes": [
246
+ "WIDTH_HEIGHT",
247
+ "GAP"
248
+ ]
249
+ },
250
+ "$type": "number",
251
+ "$value": "{spacing.50}"
252
+ }
253
+ }
254
+ }
113
255
  }
114
256
  }
115
257
  },
@@ -118,92 +260,284 @@
118
260
  "accent": {
119
261
  "bg": {
120
262
  "rest": {
263
+ "$extensions": {
264
+ "com.figma.scopes": [
265
+ "FRAME_FILL"
266
+ ]
267
+ },
121
268
  "$type": "color",
122
269
  "$value": "{color.surface.primary.default.rest}"
123
270
  },
124
271
  "hovered": {
272
+ "$extensions": {
273
+ "com.figma.scopes": [
274
+ "FRAME_FILL"
275
+ ]
276
+ },
125
277
  "$type": "color",
126
278
  "$value": "{color.surface.primary.default.hovered}"
127
279
  },
128
280
  "active": {
281
+ "$extensions": {
282
+ "com.figma.scopes": [
283
+ "FRAME_FILL"
284
+ ]
285
+ },
129
286
  "$type": "color",
130
287
  "$value": "{color.surface.primary.default.active}"
131
288
  },
132
289
  "disabled": {
290
+ "$extensions": {
291
+ "com.figma.scopes": [
292
+ "FRAME_FILL"
293
+ ]
294
+ },
133
295
  "$type": "color",
134
296
  "$value": "{color.surface.neutral.default.disabled}"
135
297
  }
136
298
  },
137
299
  "content": {
138
300
  "rest": {
301
+ "$extensions": {
302
+ "com.figma.scopes": [
303
+ "SHAPE_FILL",
304
+ "TEXT_FILL"
305
+ ]
306
+ },
139
307
  "$type": "color",
140
308
  "$value": "{color.content.neutral.default.static-dark.rest}"
141
309
  },
142
310
  "disabled": {
311
+ "$extensions": {
312
+ "com.figma.scopes": [
313
+ "SHAPE_FILL",
314
+ "TEXT_FILL"
315
+ ]
316
+ },
143
317
  "$type": "color",
144
318
  "$value": "{color.content.neutral.default.disabled}"
145
319
  }
146
320
  },
147
321
  "border": {
148
322
  "rest": {
323
+ "$extensions": {
324
+ "com.figma.scopes": [
325
+ "STROKE_COLOR"
326
+ ]
327
+ },
149
328
  "$type": "color",
150
- "$value": "{color.border.transparent.rest}"
151
- }
152
- }
153
- },
154
- "subtle": {
155
- "bg": {
156
- "rest": {
157
- "$type": "color",
158
- "$value": "{color.surface.transparent.rest}"
329
+ "$value": "{color.border.primary.compound.rest}"
159
330
  },
160
331
  "hovered": {
332
+ "$extensions": {
333
+ "com.figma.scopes": [
334
+ "STROKE_COLOR"
335
+ ]
336
+ },
161
337
  "$type": "color",
162
- "$value": "{color.surface.neutral.default.hovered}"
338
+ "$value": "{color.border.primary.compound.hovered}"
163
339
  },
164
340
  "active": {
341
+ "$extensions": {
342
+ "com.figma.scopes": [
343
+ "STROKE_COLOR"
344
+ ]
345
+ },
165
346
  "$type": "color",
166
- "$value": "{color.surface.neutral.default.active}"
347
+ "$value": "{color.border.primary.compound.active}"
167
348
  },
168
- "checked-rest": {
169
- "$type": "color",
170
- "$value": "{color.surface.primary.default.rest}"
171
- },
172
- "checked-hovered": {
173
- "$type": "color",
174
- "$value": "{color.surface.primary.default.hovered}"
175
- },
176
- "checked-active": {
177
- "$type": "color",
178
- "$value": "{color.surface.primary.default.active}"
179
- },
180
- "checked-disabled": {
349
+ "disabled": {
350
+ "$extensions": {
351
+ "com.figma.scopes": [
352
+ "STROKE_COLOR"
353
+ ]
354
+ },
181
355
  "$type": "color",
182
356
  "$value": "{color.surface.neutral.default.disabled}"
183
357
  }
184
- },
185
- "content": {
186
- "rest": {
187
- "$type": "color",
188
- "$value": "{color.content.neutral.default.rest}"
189
- },
190
- "disabled": {
191
- "$type": "color",
192
- "$value": "{color.content.neutral.default.disabled}"
358
+ }
359
+ },
360
+ "subtle": {
361
+ "default": {
362
+ "bg": {
363
+ "rest": {
364
+ "$extensions": {
365
+ "com.figma.scopes": [
366
+ "FRAME_FILL"
367
+ ]
368
+ },
369
+ "$type": "color",
370
+ "$value": "{color.surface.transparent.rest}"
371
+ },
372
+ "hovered": {
373
+ "$extensions": {
374
+ "com.figma.scopes": [
375
+ "FRAME_FILL"
376
+ ]
377
+ },
378
+ "$type": "color",
379
+ "$value": "{color.surface.neutral.default.hovered}"
380
+ },
381
+ "active": {
382
+ "$extensions": {
383
+ "com.figma.scopes": [
384
+ "FRAME_FILL"
385
+ ]
386
+ },
387
+ "$type": "color",
388
+ "$value": "{color.surface.neutral.default.active}"
389
+ }
193
390
  },
194
- "checked-rest": {
195
- "$type": "color",
196
- "$value": "{color.content.neutral.default.static-dark.rest}"
391
+ "content": {
392
+ "rest": {
393
+ "$extensions": {
394
+ "com.figma.scopes": [
395
+ "SHAPE_FILL",
396
+ "TEXT_FILL"
397
+ ]
398
+ },
399
+ "$type": "color",
400
+ "$value": "{color.content.neutral.default.rest}"
401
+ },
402
+ "disabled": {
403
+ "$extensions": {
404
+ "com.figma.scopes": [
405
+ "SHAPE_FILL",
406
+ "TEXT_FILL"
407
+ ]
408
+ },
409
+ "$type": "color",
410
+ "$value": "{color.content.neutral.default.disabled}"
411
+ }
197
412
  },
198
- "checked-disabled": {
199
- "$type": "color",
200
- "$value": "{color.content.neutral.default.disabled}"
413
+ "border": {
414
+ "rest": {
415
+ "$extensions": {
416
+ "com.figma.scopes": [
417
+ "STROKE_COLOR"
418
+ ]
419
+ },
420
+ "$type": "color",
421
+ "$value": "{color.border.transparent.rest}"
422
+ },
423
+ "hovered": {
424
+ "$extensions": {
425
+ "com.figma.scopes": [
426
+ "STROKE_COLOR"
427
+ ]
428
+ },
429
+ "$type": "color",
430
+ "$value": "{color.surface.neutral.default.hovered}"
431
+ },
432
+ "active": {
433
+ "$extensions": {
434
+ "com.figma.scopes": [
435
+ "STROKE_COLOR"
436
+ ]
437
+ },
438
+ "$type": "color",
439
+ "$value": "{color.surface.neutral.default.active}"
440
+ }
201
441
  }
202
442
  },
203
- "border": {
204
- "rest": {
205
- "$type": "color",
206
- "$value": "{color.border.transparent.rest}"
443
+ "checked": {
444
+ "border": {
445
+ "rest": {
446
+ "$extensions": {
447
+ "com.figma.scopes": [
448
+ "STROKE_COLOR"
449
+ ]
450
+ },
451
+ "$type": "color",
452
+ "$value": "{color.border.primary.compound.rest}"
453
+ },
454
+ "hovered": {
455
+ "$extensions": {
456
+ "com.figma.scopes": [
457
+ "STROKE_COLOR"
458
+ ]
459
+ },
460
+ "$type": "color",
461
+ "$value": "{color.border.primary.compound.hovered}"
462
+ },
463
+ "active": {
464
+ "$extensions": {
465
+ "com.figma.scopes": [
466
+ "STROKE_COLOR"
467
+ ]
468
+ },
469
+ "$type": "color",
470
+ "$value": "{color.border.primary.compound.active}"
471
+ },
472
+ "disabled": {
473
+ "$extensions": {
474
+ "com.figma.scopes": [
475
+ "STROKE_COLOR"
476
+ ]
477
+ },
478
+ "$type": "color",
479
+ "$value": "{color.surface.neutral.default.disabled}"
480
+ }
481
+ },
482
+ "content": {
483
+ "rest": {
484
+ "$extensions": {
485
+ "com.figma.scopes": [
486
+ "SHAPE_FILL",
487
+ "TEXT_FILL"
488
+ ]
489
+ },
490
+ "$type": "color",
491
+ "$value": "{color.content.neutral.default.static-dark.rest}"
492
+ },
493
+ "disabled": {
494
+ "$extensions": {
495
+ "com.figma.scopes": [
496
+ "SHAPE_FILL",
497
+ "TEXT_FILL"
498
+ ]
499
+ },
500
+ "$type": "color",
501
+ "$value": "{color.content.neutral.default.disabled}"
502
+ }
503
+ },
504
+ "bg": {
505
+ "rest": {
506
+ "$extensions": {
507
+ "com.figma.scopes": [
508
+ "FRAME_FILL"
509
+ ]
510
+ },
511
+ "$type": "color",
512
+ "$value": "{color.surface.primary.default.rest}"
513
+ },
514
+ "hovered": {
515
+ "$extensions": {
516
+ "com.figma.scopes": [
517
+ "FRAME_FILL"
518
+ ]
519
+ },
520
+ "$type": "color",
521
+ "$value": "{color.surface.primary.default.hovered}"
522
+ },
523
+ "active": {
524
+ "$extensions": {
525
+ "com.figma.scopes": [
526
+ "FRAME_FILL"
527
+ ]
528
+ },
529
+ "$type": "color",
530
+ "$value": "{color.surface.primary.default.active}"
531
+ },
532
+ "disabled": {
533
+ "$extensions": {
534
+ "com.figma.scopes": [
535
+ "FRAME_FILL"
536
+ ]
537
+ },
538
+ "$type": "color",
539
+ "$value": "{color.surface.neutral.default.disabled}"
540
+ }
207
541
  }
208
542
  }
209
543
  }