@gitlab/ui 115.0.0 → 115.1.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 (127) hide show
  1. package/bin/migrate_custom_utils_to_tw.bundled.mjs +172489 -139144
  2. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +15 -3
  3. package/dist/components/base/new_dropdowns/constants.js +5 -2
  4. package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +286 -0
  5. package/dist/components/dashboards/mock_data.js +49 -0
  6. package/dist/index.css +2 -2
  7. package/dist/index.css.map +1 -1
  8. package/dist/tailwind.css +1 -1
  9. package/dist/tailwind.css.map +1 -1
  10. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +7986 -0
  11. package/dist/tokens/docs/tokens-tailwind-docs.json +7986 -0
  12. package/dist/tokens/figma/constants.tokens.json +944 -236
  13. package/dist/tokens/figma/contextual.tokens.json +2721 -418
  14. package/dist/tokens/figma/deprecated.tokens.json +664 -8
  15. package/dist/tokens/figma/semantic.tokens.json +1130 -169
  16. package/dist/tokens/js/tokens.dark.js +1089 -1047
  17. package/dist/tokens/js/tokens.js +1078 -1047
  18. package/dist/tokens/json/tokens.dark.json +9267 -3
  19. package/dist/tokens/json/tokens.json +9267 -3
  20. package/dist/tokens/tailwind/tokens.cjs +76 -407
  21. package/package.json +22 -49
  22. package/src/components/base/accordion/accordion_item.vue +1 -1
  23. package/src/components/base/avatar/avatar.vue +1 -1
  24. package/src/components/base/button/button.vue +1 -1
  25. package/src/components/base/dropdown/dropdown.vue +3 -1
  26. package/src/components/base/filtered_search/filtered_search.vue +1 -1
  27. package/src/components/base/filtered_search/filtered_search_suggestion_list.vue +1 -1
  28. package/src/components/base/filtered_search/filtered_search_token.vue +1 -1
  29. package/src/components/base/filtered_search/filtered_search_token_segment.vue +3 -3
  30. package/src/components/base/form/form_checkbox_tree/models/tree.js +1 -1
  31. package/src/components/base/form/form_date/form_date.vue +1 -1
  32. package/src/components/base/form/form_input/form_input.vue +1 -1
  33. package/src/components/base/form/form_select/form_select.vue +1 -1
  34. package/src/components/base/modal/modal.vue +2 -2
  35. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +23 -6
  36. package/src/components/base/new_dropdowns/constants.js +4 -1
  37. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md +1 -2
  38. package/src/components/base/new_dropdowns/listbox/listbox.vue +7 -7
  39. package/src/components/base/pagination/pagination.vue +2 -2
  40. package/src/components/base/path/path.vue +1 -1
  41. package/src/components/base/skeleton_loader/skeleton_loader.vue +9 -9
  42. package/src/components/base/table/table.md +1 -2
  43. package/src/components/base/table_lite/table_lite.md +1 -1
  44. package/src/components/base/tabs/tabs/tabs.vue +1 -1
  45. package/src/components/base/toast/toast.js +2 -2
  46. package/src/components/base/token_selector/token_container.vue +1 -1
  47. package/src/components/base/token_selector/token_selector.vue +2 -2
  48. package/src/components/base/token_selector/token_selector_dropdown.vue +1 -1
  49. package/src/components/charts/area/area.vue +3 -3
  50. package/src/components/charts/bar/bar.vue +2 -2
  51. package/src/components/charts/column/column.vue +2 -2
  52. package/src/components/charts/discrete_scatter/discrete_scatter.vue +2 -2
  53. package/src/components/charts/gauge/gauge.vue +1 -1
  54. package/src/components/charts/heatmap/heatmap.vue +2 -2
  55. package/src/components/charts/heatmap/index.js +1 -0
  56. package/src/components/charts/legend/legend.vue +1 -1
  57. package/src/components/charts/line/line.vue +3 -3
  58. package/src/components/charts/sparkline/sparkline.vue +1 -1
  59. package/src/components/charts/stacked_column/stacked_column.vue +1 -1
  60. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.scss +1 -0
  61. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.vue +247 -0
  62. package/src/components/dashboards/mock_data.js +40 -0
  63. package/src/components/mixins/tooltip_mixin.js +1 -1
  64. package/src/components/utilities/intersection_observer/intersection_observer.vue +1 -1
  65. package/src/components/utilities/intersperse/intersperse.vue +2 -2
  66. package/src/components/utilities/sprintf/sprintf.md +1 -1
  67. package/src/components/utilities/sprintf/sprintf.vue +1 -1
  68. package/src/components/utilities/truncate/truncate.vue +2 -2
  69. package/src/config.js +1 -1
  70. package/src/directives/outside/outside.js +4 -4
  71. package/src/directives/tooltip/tooltip.js +1 -1
  72. package/src/scss/components.scss +1 -0
  73. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +7986 -0
  74. package/src/tokens/build/docs/tokens-tailwind-docs.json +7986 -0
  75. package/src/tokens/build/figma/constants.tokens.json +944 -236
  76. package/src/tokens/build/figma/contextual.tokens.json +2721 -418
  77. package/src/tokens/build/figma/deprecated.tokens.json +664 -8
  78. package/src/tokens/build/figma/semantic.tokens.json +1130 -169
  79. package/src/tokens/build/json/tokens.dark.json +9267 -3
  80. package/src/tokens/build/json/tokens.json +9267 -3
  81. package/src/tokens/constant/color.alpha.tokens.json +60 -15
  82. package/src/tokens/constant/color.tokens.json +844 -211
  83. package/src/tokens/constant/line_height.tokens.json +40 -10
  84. package/src/tokens/contextual/alert.tokens.json +119 -19
  85. package/src/tokens/contextual/avatar.tokens.json +90 -14
  86. package/src/tokens/contextual/badge.tokens.json +728 -112
  87. package/src/tokens/contextual/banner.tokens.json +19 -3
  88. package/src/tokens/contextual/breadcrumb.tokens.json +6 -1
  89. package/src/tokens/contextual/broadcast.tokens.json +301 -81
  90. package/src/tokens/contextual/button.tokens.json +793 -120
  91. package/src/tokens/contextual/chart.tokens.json +42 -7
  92. package/src/tokens/contextual/datepicker.tokens.json +13 -2
  93. package/src/tokens/contextual/dropdown.tokens.json +142 -21
  94. package/src/tokens/contextual/filtered-search.tokens.json +42 -6
  95. package/src/tokens/contextual/illustration.tokens.json +195 -33
  96. package/src/tokens/contextual/label.tokens.json +81 -12
  97. package/src/tokens/contextual/link.tokens.json +26 -4
  98. package/src/tokens/contextual/progress-bar.tokens.json +35 -5
  99. package/src/tokens/contextual/skeleton-loader.tokens.json +12 -2
  100. package/src/tokens/contextual/spinner.tokens.json +24 -4
  101. package/src/tokens/contextual/table.tokens.json +14 -2
  102. package/src/tokens/contextual/tabs.tokens.json +7 -1
  103. package/src/tokens/contextual/toggle.tokens.json +54 -9
  104. package/src/tokens/contextual/token-selector.tokens.json +7 -1
  105. package/src/tokens/contextual/token.tokens.json +14 -2
  106. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +165 -0
  107. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +216 -0
  108. package/src/tokens/deprecated/deprecated.color.tokens.json +240 -0
  109. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +39 -0
  110. package/src/tokens/semantic/action.tokens.json +500 -75
  111. package/src/tokens/semantic/background.tokens.json +49 -7
  112. package/src/tokens/semantic/border.tokens.json +30 -5
  113. package/src/tokens/semantic/control.tokens.json +129 -20
  114. package/src/tokens/semantic/feedback.tokens.json +126 -19
  115. package/src/tokens/semantic/focus-ring.tokens.json +12 -2
  116. package/src/tokens/semantic/highlight.tokens.json +26 -4
  117. package/src/tokens/semantic/icon.tokens.json +63 -9
  118. package/src/tokens/semantic/shadow.tokens.json +6 -1
  119. package/src/tokens/semantic/status.tokens.json +120 -18
  120. package/src/tokens/semantic/text.tokens.json +69 -9
  121. package/src/tokens/tokens_tailwind_table.vue +1 -1
  122. package/src/utils/charts/config.js +7 -7
  123. package/src/utils/charts/utils.js +1 -1
  124. package/src/utils/use_mock_intersection_observer.js +1 -1
  125. package/src/utils/utils.js +1 -1
  126. package/tailwind.defaults.js +1 -1
  127. package/translations.js +2 -2
@@ -8,7 +8,13 @@
8
8
  "dark": "{color.neutral.500}"
9
9
  },
10
10
  "$type": "color",
11
- "$description": "Used for the foreground of a disabled action."
11
+ "$description": "Used for the foreground of a disabled action.",
12
+ "$extensions": {
13
+ "com.figma.scope": [
14
+ "SHAPE_FILL",
15
+ "TEXT_FILL"
16
+ ]
17
+ }
12
18
  }
13
19
  },
14
20
  "background": {
@@ -18,7 +24,13 @@
18
24
  "dark": "{color.neutral.900}"
19
25
  },
20
26
  "$type": "color",
21
- "$description": "Used for the background of a disabled action."
27
+ "$description": "Used for the background of a disabled action.",
28
+ "$extensions": {
29
+ "com.figma.scope": [
30
+ "FRAME_FILL",
31
+ "SHAPE_FILL"
32
+ ]
33
+ }
22
34
  }
23
35
  },
24
36
  "border": {
@@ -28,7 +40,12 @@
28
40
  "dark": "{color.neutral.800}"
29
41
  },
30
42
  "$type": "color",
31
- "$description": "Used for the border of a disabled action."
43
+ "$description": "Used for the border of a disabled action.",
44
+ "$extensions": {
45
+ "com.figma.scope": [
46
+ "STROKE_COLOR"
47
+ ]
48
+ }
32
49
  }
33
50
  }
34
51
  },
@@ -41,22 +58,46 @@
41
58
  "dark": "{color.neutral.950}"
42
59
  },
43
60
  "$type": "color",
44
- "$description": "Used for the foreground of a selected action in the default state."
61
+ "$description": "Used for the foreground of a selected action in the default state.",
62
+ "$extensions": {
63
+ "com.figma.scope": [
64
+ "SHAPE_FILL",
65
+ "TEXT_FILL"
66
+ ]
67
+ }
45
68
  },
46
69
  "hover": {
47
70
  "$value": "{action.selected.foreground.color.default}",
48
71
  "$type": "color",
49
- "$description": "Used for the foreground of a selected action in the hover state."
72
+ "$description": "Used for the foreground of a selected action in the hover state.",
73
+ "$extensions": {
74
+ "com.figma.scope": [
75
+ "SHAPE_FILL",
76
+ "TEXT_FILL"
77
+ ]
78
+ }
50
79
  },
51
80
  "focus": {
52
81
  "$value": "{action.selected.foreground.color.hover}",
53
82
  "$type": "color",
54
- "$description": "Used for the foreground of a selected action in the focus state."
83
+ "$description": "Used for the foreground of a selected action in the focus state.",
84
+ "$extensions": {
85
+ "com.figma.scope": [
86
+ "SHAPE_FILL",
87
+ "TEXT_FILL"
88
+ ]
89
+ }
55
90
  },
56
91
  "active": {
57
92
  "$value": "{action.selected.foreground.color.focus}",
58
93
  "$type": "color",
59
- "$description": "Used for the foreground of a selected action in the active state."
94
+ "$description": "Used for the foreground of a selected action in the active state.",
95
+ "$extensions": {
96
+ "com.figma.scope": [
97
+ "SHAPE_FILL",
98
+ "TEXT_FILL"
99
+ ]
100
+ }
60
101
  }
61
102
  }
62
103
  },
@@ -68,7 +109,13 @@
68
109
  "dark": "{color.blue.300}"
69
110
  },
70
111
  "$type": "color",
71
- "$description": "Used for the background of a selected action in the default state."
112
+ "$description": "Used for the background of a selected action in the default state.",
113
+ "$extensions": {
114
+ "com.figma.scope": [
115
+ "FRAME_FILL",
116
+ "SHAPE_FILL"
117
+ ]
118
+ }
72
119
  },
73
120
  "hover": {
74
121
  "$value": {
@@ -76,12 +123,24 @@
76
123
  "dark": "{color.blue.200}"
77
124
  },
78
125
  "$type": "color",
79
- "$description": "Used for the background of a selected action in the hover state."
126
+ "$description": "Used for the background of a selected action in the hover state.",
127
+ "$extensions": {
128
+ "com.figma.scope": [
129
+ "FRAME_FILL",
130
+ "SHAPE_FILL"
131
+ ]
132
+ }
80
133
  },
81
134
  "focus": {
82
135
  "$value": "{action.selected.background.color.hover}",
83
136
  "$type": "color",
84
- "$description": "Used for the background of a selected action in the focus state."
137
+ "$description": "Used for the background of a selected action in the focus state.",
138
+ "$extensions": {
139
+ "com.figma.scope": [
140
+ "FRAME_FILL",
141
+ "SHAPE_FILL"
142
+ ]
143
+ }
85
144
  },
86
145
  "active": {
87
146
  "$value": {
@@ -89,7 +148,13 @@
89
148
  "dark": "{color.blue.100}"
90
149
  },
91
150
  "$type": "color",
92
- "$description": "Used for the background of a selected action in the active state."
151
+ "$description": "Used for the background of a selected action in the active state.",
152
+ "$extensions": {
153
+ "com.figma.scope": [
154
+ "FRAME_FILL",
155
+ "SHAPE_FILL"
156
+ ]
157
+ }
93
158
  }
94
159
  }
95
160
  },
@@ -98,22 +163,42 @@
98
163
  "default": {
99
164
  "$value": "{action.selected.background.color.default}",
100
165
  "$type": "color",
101
- "$description": "Used for the border of a selected action in the default state."
166
+ "$description": "Used for the border of a selected action in the default state.",
167
+ "$extensions": {
168
+ "com.figma.scope": [
169
+ "STROKE_COLOR"
170
+ ]
171
+ }
102
172
  },
103
173
  "hover": {
104
174
  "$value": "{action.selected.background.color.hover}",
105
175
  "$type": "color",
106
- "$description": "Used for the border of a selected action in the hover state."
176
+ "$description": "Used for the border of a selected action in the hover state.",
177
+ "$extensions": {
178
+ "com.figma.scope": [
179
+ "STROKE_COLOR"
180
+ ]
181
+ }
107
182
  },
108
183
  "focus": {
109
184
  "$value": "{action.selected.background.color.focus}",
110
185
  "$type": "color",
111
- "$description": "Used for the border of a selected action in the focus state."
186
+ "$description": "Used for the border of a selected action in the focus state.",
187
+ "$extensions": {
188
+ "com.figma.scope": [
189
+ "STROKE_COLOR"
190
+ ]
191
+ }
112
192
  },
113
193
  "active": {
114
194
  "$value": "{action.selected.background.color.active}",
115
195
  "$type": "color",
116
- "$description": "Used for the border of a selected action in the active state."
196
+ "$description": "Used for the border of a selected action in the active state.",
197
+ "$extensions": {
198
+ "com.figma.scope": [
199
+ "STROKE_COLOR"
200
+ ]
201
+ }
117
202
  }
118
203
  }
119
204
  }
@@ -127,22 +212,46 @@
127
212
  "dark": "{color.neutral.50}"
128
213
  },
129
214
  "$type": "color",
130
- "$description": "Used for the foreground of a neutral action in the default state."
215
+ "$description": "Used for the foreground of a neutral action in the default state.",
216
+ "$extensions": {
217
+ "com.figma.scope": [
218
+ "SHAPE_FILL",
219
+ "TEXT_FILL"
220
+ ]
221
+ }
131
222
  },
132
223
  "hover": {
133
224
  "$value": "{action.neutral.foreground.color.default}",
134
225
  "$type": "color",
135
- "$description": "Used for the foreground of a neutral action in the hover state."
226
+ "$description": "Used for the foreground of a neutral action in the hover state.",
227
+ "$extensions": {
228
+ "com.figma.scope": [
229
+ "SHAPE_FILL",
230
+ "TEXT_FILL"
231
+ ]
232
+ }
136
233
  },
137
234
  "focus": {
138
235
  "$value": "{action.neutral.foreground.color.default}",
139
236
  "$type": "color",
140
- "$description": "Used for the foreground of a neutral action in the focus state."
237
+ "$description": "Used for the foreground of a neutral action in the focus state.",
238
+ "$extensions": {
239
+ "com.figma.scope": [
240
+ "SHAPE_FILL",
241
+ "TEXT_FILL"
242
+ ]
243
+ }
141
244
  },
142
245
  "active": {
143
246
  "$value": "{action.neutral.foreground.color.default}",
144
247
  "$type": "color",
145
- "$description": "Used for the foreground of a neutral action in the active state."
248
+ "$description": "Used for the foreground of a neutral action in the active state.",
249
+ "$extensions": {
250
+ "com.figma.scope": [
251
+ "SHAPE_FILL",
252
+ "TEXT_FILL"
253
+ ]
254
+ }
146
255
  }
147
256
  }
148
257
  },
@@ -154,7 +263,13 @@
154
263
  "dark": "rgba(137, 136, 141, 0.0)"
155
264
  },
156
265
  "$type": "color",
157
- "$description": "Used for the background of a neutral action in the default state."
266
+ "$description": "Used for the background of a neutral action in the default state.",
267
+ "$extensions": {
268
+ "com.figma.scope": [
269
+ "FRAME_FILL",
270
+ "SHAPE_FILL"
271
+ ]
272
+ }
158
273
  },
159
274
  "hover": {
160
275
  "$value": {
@@ -162,12 +277,24 @@
162
277
  "dark": "rgba(137, 136, 141, 0.4)"
163
278
  },
164
279
  "$type": "color",
165
- "$description": "Used for the background of a neutral action in the hover state."
280
+ "$description": "Used for the background of a neutral action in the hover state.",
281
+ "$extensions": {
282
+ "com.figma.scope": [
283
+ "FRAME_FILL",
284
+ "SHAPE_FILL"
285
+ ]
286
+ }
166
287
  },
167
288
  "focus": {
168
289
  "$value": "{action.neutral.background.color.hover}",
169
290
  "$type": "color",
170
- "$description": "Used for the background of a neutral action in the focus state."
291
+ "$description": "Used for the background of a neutral action in the focus state.",
292
+ "$extensions": {
293
+ "com.figma.scope": [
294
+ "FRAME_FILL",
295
+ "SHAPE_FILL"
296
+ ]
297
+ }
171
298
  },
172
299
  "active": {
173
300
  "$value": {
@@ -175,7 +302,13 @@
175
302
  "dark": "rgba(137, 136, 141, 0.16)"
176
303
  },
177
304
  "$type": "color",
178
- "$description": "Used for the background of a neutral action in the active state."
305
+ "$description": "Used for the background of a neutral action in the active state.",
306
+ "$extensions": {
307
+ "com.figma.scope": [
308
+ "FRAME_FILL",
309
+ "SHAPE_FILL"
310
+ ]
311
+ }
179
312
  }
180
313
  }
181
314
  },
@@ -184,22 +317,42 @@
184
317
  "default": {
185
318
  "$value": "{color.alpha.0}",
186
319
  "$type": "color",
187
- "$description": "Used for the border of a neutral action in the default state."
320
+ "$description": "Used for the border of a neutral action in the default state.",
321
+ "$extensions": {
322
+ "com.figma.scope": [
323
+ "STROKE_COLOR"
324
+ ]
325
+ }
188
326
  },
189
327
  "hover": {
190
328
  "$value": "{action.neutral.border.color.default}",
191
329
  "$type": "color",
192
- "$description": "Used for the border of a neutral action in the hover state."
330
+ "$description": "Used for the border of a neutral action in the hover state.",
331
+ "$extensions": {
332
+ "com.figma.scope": [
333
+ "STROKE_COLOR"
334
+ ]
335
+ }
193
336
  },
194
337
  "focus": {
195
338
  "$value": "{action.neutral.border.color.default}",
196
339
  "$type": "color",
197
- "$description": "Used for the border of a neutral action in the focus state."
340
+ "$description": "Used for the border of a neutral action in the focus state.",
341
+ "$extensions": {
342
+ "com.figma.scope": [
343
+ "STROKE_COLOR"
344
+ ]
345
+ }
198
346
  },
199
347
  "active": {
200
348
  "$value": "{action.neutral.border.color.default}",
201
349
  "$type": "color",
202
- "$description": "Used for the border of a neutral action in the active state."
350
+ "$description": "Used for the border of a neutral action in the active state.",
351
+ "$extensions": {
352
+ "com.figma.scope": [
353
+ "STROKE_COLOR"
354
+ ]
355
+ }
203
356
  }
204
357
  }
205
358
  }
@@ -213,7 +366,13 @@
213
366
  "dark": "{color.blue.200}"
214
367
  },
215
368
  "$type": "color",
216
- "$description": "Used for the foreground of a confirm (positive) action in the default state."
369
+ "$description": "Used for the foreground of a confirm (positive) action in the default state.",
370
+ "$extensions": {
371
+ "com.figma.scope": [
372
+ "SHAPE_FILL",
373
+ "TEXT_FILL"
374
+ ]
375
+ }
217
376
  },
218
377
  "hover": {
219
378
  "$value": {
@@ -221,12 +380,24 @@
221
380
  "dark": "{color.blue.100}"
222
381
  },
223
382
  "$type": "color",
224
- "$description": "Used for the foreground of a confirm (positive) action in the hover state."
383
+ "$description": "Used for the foreground of a confirm (positive) action in the hover state.",
384
+ "$extensions": {
385
+ "com.figma.scope": [
386
+ "SHAPE_FILL",
387
+ "TEXT_FILL"
388
+ ]
389
+ }
225
390
  },
226
391
  "focus": {
227
392
  "$value": "{action.confirm.foreground.color.hover}",
228
393
  "$type": "color",
229
- "$description": "Used for the foreground of a confirm (positive) action in the focus state."
394
+ "$description": "Used for the foreground of a confirm (positive) action in the focus state.",
395
+ "$extensions": {
396
+ "com.figma.scope": [
397
+ "SHAPE_FILL",
398
+ "TEXT_FILL"
399
+ ]
400
+ }
230
401
  },
231
402
  "active": {
232
403
  "$value": {
@@ -234,7 +405,13 @@
234
405
  "dark": "{color.blue.100}"
235
406
  },
236
407
  "$type": "color",
237
- "$description": "Used for the foreground of a confirm (positive) action in the active state."
408
+ "$description": "Used for the foreground of a confirm (positive) action in the active state.",
409
+ "$extensions": {
410
+ "com.figma.scope": [
411
+ "SHAPE_FILL",
412
+ "TEXT_FILL"
413
+ ]
414
+ }
238
415
  }
239
416
  }
240
417
  },
@@ -246,7 +423,13 @@
246
423
  "dark": "rgba(66, 143, 220, 0.0)"
247
424
  },
248
425
  "$type": "color",
249
- "$description": "Used for the background of a confirm (positive) action in the default state."
426
+ "$description": "Used for the background of a confirm (positive) action in the default state.",
427
+ "$extensions": {
428
+ "com.figma.scope": [
429
+ "FRAME_FILL",
430
+ "SHAPE_FILL"
431
+ ]
432
+ }
250
433
  },
251
434
  "hover": {
252
435
  "$value": {
@@ -254,12 +437,24 @@
254
437
  "dark": "rgba(66, 143, 220, 0.4)"
255
438
  },
256
439
  "$type": "color",
257
- "$description": "Used for the background of a confirm (positive) action in the hover state."
440
+ "$description": "Used for the background of a confirm (positive) action in the hover state.",
441
+ "$extensions": {
442
+ "com.figma.scope": [
443
+ "FRAME_FILL",
444
+ "SHAPE_FILL"
445
+ ]
446
+ }
258
447
  },
259
448
  "focus": {
260
449
  "$value": "{action.confirm.background.color.hover}",
261
450
  "$type": "color",
262
- "$description": "Used for the background of a confirm (positive) action in the focus state."
451
+ "$description": "Used for the background of a confirm (positive) action in the focus state.",
452
+ "$extensions": {
453
+ "com.figma.scope": [
454
+ "FRAME_FILL",
455
+ "SHAPE_FILL"
456
+ ]
457
+ }
263
458
  },
264
459
  "active": {
265
460
  "$value": {
@@ -267,7 +462,13 @@
267
462
  "dark": "rgba(66, 143, 220, 0.16)"
268
463
  },
269
464
  "$type": "color",
270
- "$description": "Used for the background of a confirm (positive) action in the active state."
465
+ "$description": "Used for the background of a confirm (positive) action in the active state.",
466
+ "$extensions": {
467
+ "com.figma.scope": [
468
+ "FRAME_FILL",
469
+ "SHAPE_FILL"
470
+ ]
471
+ }
271
472
  }
272
473
  }
273
474
  },
@@ -276,22 +477,42 @@
276
477
  "default": {
277
478
  "$value": "{color.alpha.0}",
278
479
  "$type": "color",
279
- "$description": "Used for the border of a confirm action in the default state."
480
+ "$description": "Used for the border of a confirm action in the default state.",
481
+ "$extensions": {
482
+ "com.figma.scope": [
483
+ "STROKE_COLOR"
484
+ ]
485
+ }
280
486
  },
281
487
  "hover": {
282
488
  "$value": "{action.confirm.border.color.default}",
283
489
  "$type": "color",
284
- "$description": "Used for the border of a confirm action in the hover state."
490
+ "$description": "Used for the border of a confirm action in the hover state.",
491
+ "$extensions": {
492
+ "com.figma.scope": [
493
+ "STROKE_COLOR"
494
+ ]
495
+ }
285
496
  },
286
497
  "focus": {
287
498
  "$value": "{action.confirm.border.color.default}",
288
499
  "$type": "color",
289
- "$description": "Used for the border of a confirm action in the focus state."
500
+ "$description": "Used for the border of a confirm action in the focus state.",
501
+ "$extensions": {
502
+ "com.figma.scope": [
503
+ "STROKE_COLOR"
504
+ ]
505
+ }
290
506
  },
291
507
  "active": {
292
508
  "$value": "{action.confirm.border.color.default}",
293
509
  "$type": "color",
294
- "$description": "Used for the border of a confirm action in the active state."
510
+ "$description": "Used for the border of a confirm action in the active state.",
511
+ "$extensions": {
512
+ "com.figma.scope": [
513
+ "STROKE_COLOR"
514
+ ]
515
+ }
295
516
  }
296
517
  }
297
518
  }
@@ -305,7 +526,13 @@
305
526
  "dark": "{color.red.200}"
306
527
  },
307
528
  "$type": "color",
308
- "$description": "Used for the foreground of a danger (destructive) action in the default state."
529
+ "$description": "Used for the foreground of a danger (destructive) action in the default state.",
530
+ "$extensions": {
531
+ "com.figma.scope": [
532
+ "SHAPE_FILL",
533
+ "TEXT_FILL"
534
+ ]
535
+ }
309
536
  },
310
537
  "hover": {
311
538
  "$value": {
@@ -313,12 +540,24 @@
313
540
  "dark": "{color.red.100}"
314
541
  },
315
542
  "$type": "color",
316
- "$description": "Used for the foreground of a danger (destructive) action in the hover state."
543
+ "$description": "Used for the foreground of a danger (destructive) action in the hover state.",
544
+ "$extensions": {
545
+ "com.figma.scope": [
546
+ "SHAPE_FILL",
547
+ "TEXT_FILL"
548
+ ]
549
+ }
317
550
  },
318
551
  "focus": {
319
552
  "$value": "{action.danger.foreground.color.hover}",
320
553
  "$type": "color",
321
- "$description": "Used for the foreground of a danger (destructive) action in the focus state."
554
+ "$description": "Used for the foreground of a danger (destructive) action in the focus state.",
555
+ "$extensions": {
556
+ "com.figma.scope": [
557
+ "SHAPE_FILL",
558
+ "TEXT_FILL"
559
+ ]
560
+ }
322
561
  },
323
562
  "active": {
324
563
  "$value": {
@@ -326,7 +565,13 @@
326
565
  "dark": "{color.red.100}"
327
566
  },
328
567
  "$type": "color",
329
- "$description": "Used for the foreground of a danger (destructive) action in the active state."
568
+ "$description": "Used for the foreground of a danger (destructive) action in the active state.",
569
+ "$extensions": {
570
+ "com.figma.scope": [
571
+ "SHAPE_FILL",
572
+ "TEXT_FILL"
573
+ ]
574
+ }
330
575
  }
331
576
  }
332
577
  },
@@ -338,7 +583,13 @@
338
583
  "dark": "rgba(236, 89, 65, 0.0)"
339
584
  },
340
585
  "$type": "color",
341
- "$description": "Used for the background of a danger (destructive) action in the default state."
586
+ "$description": "Used for the background of a danger (destructive) action in the default state.",
587
+ "$extensions": {
588
+ "com.figma.scope": [
589
+ "FRAME_FILL",
590
+ "SHAPE_FILL"
591
+ ]
592
+ }
342
593
  },
343
594
  "hover": {
344
595
  "$value": {
@@ -346,12 +597,24 @@
346
597
  "dark": "rgba(236, 89, 65, 0.4)"
347
598
  },
348
599
  "$type": "color",
349
- "$description": "Used for the background of a danger (destructive) action in the hover state."
600
+ "$description": "Used for the background of a danger (destructive) action in the hover state.",
601
+ "$extensions": {
602
+ "com.figma.scope": [
603
+ "FRAME_FILL",
604
+ "SHAPE_FILL"
605
+ ]
606
+ }
350
607
  },
351
608
  "focus": {
352
609
  "$value": "{action.danger.background.color.hover}",
353
610
  "$type": "color",
354
- "$description": "Used for the background of a danger (destructive) action in the focus state."
611
+ "$description": "Used for the background of a danger (destructive) action in the focus state.",
612
+ "$extensions": {
613
+ "com.figma.scope": [
614
+ "FRAME_FILL",
615
+ "SHAPE_FILL"
616
+ ]
617
+ }
355
618
  },
356
619
  "active": {
357
620
  "$value": {
@@ -359,7 +622,13 @@
359
622
  "dark": "rgba(236, 89, 65, 0.16)"
360
623
  },
361
624
  "$type": "color",
362
- "$description": "Used for the background of a danger (destructive) action in the active state."
625
+ "$description": "Used for the background of a danger (destructive) action in the active state.",
626
+ "$extensions": {
627
+ "com.figma.scope": [
628
+ "FRAME_FILL",
629
+ "SHAPE_FILL"
630
+ ]
631
+ }
363
632
  }
364
633
  }
365
634
  },
@@ -368,22 +637,42 @@
368
637
  "default": {
369
638
  "$value": "{color.alpha.0}",
370
639
  "$type": "color",
371
- "$description": "Used for the border of a danger action in the default state."
640
+ "$description": "Used for the border of a danger action in the default state.",
641
+ "$extensions": {
642
+ "com.figma.scope": [
643
+ "STROKE_COLOR"
644
+ ]
645
+ }
372
646
  },
373
647
  "hover": {
374
648
  "$value": "{action.danger.border.color.default}",
375
649
  "$type": "color",
376
- "$description": "Used for the border of a danger action in the hover state."
650
+ "$description": "Used for the border of a danger action in the hover state.",
651
+ "$extensions": {
652
+ "com.figma.scope": [
653
+ "STROKE_COLOR"
654
+ ]
655
+ }
377
656
  },
378
657
  "focus": {
379
658
  "$value": "{action.danger.border.color.default}",
380
659
  "$type": "color",
381
- "$description": "Used for the border of a danger action in the focus state."
660
+ "$description": "Used for the border of a danger action in the focus state.",
661
+ "$extensions": {
662
+ "com.figma.scope": [
663
+ "STROKE_COLOR"
664
+ ]
665
+ }
382
666
  },
383
667
  "active": {
384
668
  "$value": "{action.danger.border.color.default}",
385
669
  "$type": "color",
386
- "$description": "Used for the border of a danger action in the active state."
670
+ "$description": "Used for the border of a danger action in the active state.",
671
+ "$extensions": {
672
+ "com.figma.scope": [
673
+ "STROKE_COLOR"
674
+ ]
675
+ }
387
676
  }
388
677
  }
389
678
  }
@@ -398,7 +687,13 @@
398
687
  "dark": "{color.blue.300}"
399
688
  },
400
689
  "$type": "color",
401
- "$description": "Used for the background of a strong confirm action in the default state."
690
+ "$description": "Used for the background of a strong confirm action in the default state.",
691
+ "$extensions": {
692
+ "com.figma.scope": [
693
+ "FRAME_FILL",
694
+ "SHAPE_FILL"
695
+ ]
696
+ }
402
697
  },
403
698
  "hover": {
404
699
  "$value": {
@@ -406,12 +701,24 @@
406
701
  "dark": "{color.blue.200}"
407
702
  },
408
703
  "$type": "color",
409
- "$description": "Used for the background of a strong confirm action in the hover state."
704
+ "$description": "Used for the background of a strong confirm action in the hover state.",
705
+ "$extensions": {
706
+ "com.figma.scope": [
707
+ "FRAME_FILL",
708
+ "SHAPE_FILL"
709
+ ]
710
+ }
410
711
  },
411
712
  "focus": {
412
713
  "$value": "{action.strong.confirm.background.color.hover}",
413
714
  "$type": "color",
414
- "$description": "Used for the background of a strong confirm action in the focus state."
715
+ "$description": "Used for the background of a strong confirm action in the focus state.",
716
+ "$extensions": {
717
+ "com.figma.scope": [
718
+ "FRAME_FILL",
719
+ "SHAPE_FILL"
720
+ ]
721
+ }
415
722
  },
416
723
  "active": {
417
724
  "$value": {
@@ -419,7 +726,13 @@
419
726
  "dark": "{color.blue.400}"
420
727
  },
421
728
  "$type": "color",
422
- "$description": "Used for the background of a strong confirm action in the active state."
729
+ "$description": "Used for the background of a strong confirm action in the active state.",
730
+ "$extensions": {
731
+ "com.figma.scope": [
732
+ "FRAME_FILL",
733
+ "SHAPE_FILL"
734
+ ]
735
+ }
423
736
  }
424
737
  }
425
738
  },
@@ -431,22 +744,46 @@
431
744
  "dark": "{color.neutral.950}"
432
745
  },
433
746
  "$type": "color",
434
- "$description": "Used for the foreground of a strong confirm action in the default state."
747
+ "$description": "Used for the foreground of a strong confirm action in the default state.",
748
+ "$extensions": {
749
+ "com.figma.scope": [
750
+ "SHAPE_FILL",
751
+ "TEXT_FILL"
752
+ ]
753
+ }
435
754
  },
436
755
  "hover": {
437
756
  "$value": "{action.strong.confirm.foreground.color.default}",
438
757
  "$type": "color",
439
- "$description": "Used for the foreground of a strong confirm action in the hover state."
758
+ "$description": "Used for the foreground of a strong confirm action in the hover state.",
759
+ "$extensions": {
760
+ "com.figma.scope": [
761
+ "SHAPE_FILL",
762
+ "TEXT_FILL"
763
+ ]
764
+ }
440
765
  },
441
766
  "focus": {
442
767
  "$value": "{action.strong.confirm.foreground.color.hover}",
443
768
  "$type": "color",
444
- "$description": "Used for the foreground of a strong confirm action in the focus state."
769
+ "$description": "Used for the foreground of a strong confirm action in the focus state.",
770
+ "$extensions": {
771
+ "com.figma.scope": [
772
+ "SHAPE_FILL",
773
+ "TEXT_FILL"
774
+ ]
775
+ }
445
776
  },
446
777
  "active": {
447
778
  "$value": "{action.strong.confirm.foreground.color.focus}",
448
779
  "$type": "color",
449
- "$description": "Used for the foreground of a strong confirm action in the active state."
780
+ "$description": "Used for the foreground of a strong confirm action in the active state.",
781
+ "$extensions": {
782
+ "com.figma.scope": [
783
+ "SHAPE_FILL",
784
+ "TEXT_FILL"
785
+ ]
786
+ }
450
787
  }
451
788
  }
452
789
  },
@@ -455,22 +792,42 @@
455
792
  "default": {
456
793
  "$value": "{color.alpha.0}",
457
794
  "$type": "color",
458
- "$description": "Used for the border of a strong confirm action in the default state."
795
+ "$description": "Used for the border of a strong confirm action in the default state.",
796
+ "$extensions": {
797
+ "com.figma.scope": [
798
+ "STROKE_COLOR"
799
+ ]
800
+ }
459
801
  },
460
802
  "hover": {
461
803
  "$value": "{action.strong.confirm.border.color.default}",
462
804
  "$type": "color",
463
- "$description": "Used for the border of a strong confirm action in the hover state."
805
+ "$description": "Used for the border of a strong confirm action in the hover state.",
806
+ "$extensions": {
807
+ "com.figma.scope": [
808
+ "STROKE_COLOR"
809
+ ]
810
+ }
464
811
  },
465
812
  "focus": {
466
813
  "$value": "{action.strong.confirm.border.color.hover}",
467
814
  "$type": "color",
468
- "$description": "Used for the border of a strong confirm action in the focus state."
815
+ "$description": "Used for the border of a strong confirm action in the focus state.",
816
+ "$extensions": {
817
+ "com.figma.scope": [
818
+ "STROKE_COLOR"
819
+ ]
820
+ }
469
821
  },
470
822
  "active": {
471
823
  "$value": "{action.strong.confirm.border.color.focus}",
472
824
  "$type": "color",
473
- "$description": "Used for the border of a strong confirm action in the active state."
825
+ "$description": "Used for the border of a strong confirm action in the active state.",
826
+ "$extensions": {
827
+ "com.figma.scope": [
828
+ "STROKE_COLOR"
829
+ ]
830
+ }
474
831
  }
475
832
  }
476
833
  }
@@ -484,7 +841,13 @@
484
841
  "dark": "{color.neutral.700}"
485
842
  },
486
843
  "$type": "color",
487
- "$description": "Used for the background of a strong neutral action in the default state."
844
+ "$description": "Used for the background of a strong neutral action in the default state.",
845
+ "$extensions": {
846
+ "com.figma.scope": [
847
+ "FRAME_FILL",
848
+ "SHAPE_FILL"
849
+ ]
850
+ }
488
851
  },
489
852
  "hover": {
490
853
  "$value": {
@@ -492,12 +855,24 @@
492
855
  "dark": "{color.neutral.600}"
493
856
  },
494
857
  "$type": "color",
495
- "$description": "Used for the background of a strong neutral action in the hover state."
858
+ "$description": "Used for the background of a strong neutral action in the hover state.",
859
+ "$extensions": {
860
+ "com.figma.scope": [
861
+ "FRAME_FILL",
862
+ "SHAPE_FILL"
863
+ ]
864
+ }
496
865
  },
497
866
  "focus": {
498
867
  "$value": "{action.strong.neutral.background.color.hover}",
499
868
  "$type": "color",
500
- "$description": "Used for the background of a strong neutral action in the focus state."
869
+ "$description": "Used for the background of a strong neutral action in the focus state.",
870
+ "$extensions": {
871
+ "com.figma.scope": [
872
+ "FRAME_FILL",
873
+ "SHAPE_FILL"
874
+ ]
875
+ }
501
876
  },
502
877
  "active": {
503
878
  "$value": {
@@ -505,7 +880,13 @@
505
880
  "dark": "{color.neutral.500}"
506
881
  },
507
882
  "$type": "color",
508
- "$description": "Used for the background of a strong neutral action in the active state."
883
+ "$description": "Used for the background of a strong neutral action in the active state.",
884
+ "$extensions": {
885
+ "com.figma.scope": [
886
+ "FRAME_FILL",
887
+ "SHAPE_FILL"
888
+ ]
889
+ }
509
890
  }
510
891
  }
511
892
  },
@@ -517,7 +898,13 @@
517
898
  "dark": "{color.neutral.50}"
518
899
  },
519
900
  "$type": "color",
520
- "$description": "Used for the foreground of a strong neutral action in the default state."
901
+ "$description": "Used for the foreground of a strong neutral action in the default state.",
902
+ "$extensions": {
903
+ "com.figma.scope": [
904
+ "SHAPE_FILL",
905
+ "TEXT_FILL"
906
+ ]
907
+ }
521
908
  },
522
909
  "hover": {
523
910
  "$value": {
@@ -525,7 +912,13 @@
525
912
  "dark": "{color.neutral.0}"
526
913
  },
527
914
  "$type": "color",
528
- "$description": "Used for the foreground of a strong neutral action in the hover state."
915
+ "$description": "Used for the foreground of a strong neutral action in the hover state.",
916
+ "$extensions": {
917
+ "com.figma.scope": [
918
+ "SHAPE_FILL",
919
+ "TEXT_FILL"
920
+ ]
921
+ }
529
922
  },
530
923
  "focus": {
531
924
  "$value": {
@@ -533,7 +926,13 @@
533
926
  "dark": "{color.neutral.0}"
534
927
  },
535
928
  "$type": "color",
536
- "$description": "Used for the foreground of a strong neutral action in the focus state."
929
+ "$description": "Used for the foreground of a strong neutral action in the focus state.",
930
+ "$extensions": {
931
+ "com.figma.scope": [
932
+ "SHAPE_FILL",
933
+ "TEXT_FILL"
934
+ ]
935
+ }
537
936
  },
538
937
  "active": {
539
938
  "$value": {
@@ -541,7 +940,13 @@
541
940
  "dark": "{color.neutral.0}"
542
941
  },
543
942
  "$type": "color",
544
- "$description": "Used for the foreground of a strong neutral action in the active state."
943
+ "$description": "Used for the foreground of a strong neutral action in the active state.",
944
+ "$extensions": {
945
+ "com.figma.scope": [
946
+ "SHAPE_FILL",
947
+ "TEXT_FILL"
948
+ ]
949
+ }
545
950
  }
546
951
  }
547
952
  },
@@ -550,22 +955,42 @@
550
955
  "default": {
551
956
  "$value": "{color.alpha.0}",
552
957
  "$type": "color",
553
- "$description": "Used for the border of a strong neutral action in the default state."
958
+ "$description": "Used for the border of a strong neutral action in the default state.",
959
+ "$extensions": {
960
+ "com.figma.scope": [
961
+ "STROKE_COLOR"
962
+ ]
963
+ }
554
964
  },
555
965
  "hover": {
556
966
  "$value": "{action.strong.neutral.border.color.default}",
557
967
  "$type": "color",
558
- "$description": "Used for the border of a strong neutral action in the hover state."
968
+ "$description": "Used for the border of a strong neutral action in the hover state.",
969
+ "$extensions": {
970
+ "com.figma.scope": [
971
+ "STROKE_COLOR"
972
+ ]
973
+ }
559
974
  },
560
975
  "focus": {
561
976
  "$value": "{action.strong.neutral.border.color.hover}",
562
977
  "$type": "color",
563
- "$description": "Used for the border of a strong neutral action in the focus state."
978
+ "$description": "Used for the border of a strong neutral action in the focus state.",
979
+ "$extensions": {
980
+ "com.figma.scope": [
981
+ "STROKE_COLOR"
982
+ ]
983
+ }
564
984
  },
565
985
  "active": {
566
986
  "$value": "{action.strong.neutral.border.color.focus}",
567
987
  "$type": "color",
568
- "$description": "Used for the border of a strong neutral action in the active state."
988
+ "$description": "Used for the border of a strong neutral action in the active state.",
989
+ "$extensions": {
990
+ "com.figma.scope": [
991
+ "STROKE_COLOR"
992
+ ]
993
+ }
569
994
  }
570
995
  }
571
996
  }
@@ -580,7 +1005,13 @@
580
1005
  "dark": "{color.neutral.950}"
581
1006
  },
582
1007
  "$type": "color",
583
- "$description": "Used for the default background color."
1008
+ "$description": "Used for the default background color.",
1009
+ "$extensions": {
1010
+ "com.figma.scope": [
1011
+ "FRAME_FILL",
1012
+ "SHAPE_FILL"
1013
+ ]
1014
+ }
584
1015
  },
585
1016
  "subtle": {
586
1017
  "$value": {
@@ -588,7 +1019,13 @@
588
1019
  "dark": "{color.neutral.900}"
589
1020
  },
590
1021
  "$type": "color",
591
- "$description": "Used to slightly differentiate the background from the default."
1022
+ "$description": "Used to slightly differentiate the background from the default.",
1023
+ "$extensions": {
1024
+ "com.figma.scope": [
1025
+ "FRAME_FILL",
1026
+ "SHAPE_FILL"
1027
+ ]
1028
+ }
592
1029
  },
593
1030
  "strong": {
594
1031
  "$value": {
@@ -596,7 +1033,13 @@
596
1033
  "dark": "{color.neutral.800}"
597
1034
  },
598
1035
  "$type": "color",
599
- "$description": "Used to make the background easily stand out from the default."
1036
+ "$description": "Used to make the background easily stand out from the default.",
1037
+ "$extensions": {
1038
+ "com.figma.scope": [
1039
+ "FRAME_FILL",
1040
+ "SHAPE_FILL"
1041
+ ]
1042
+ }
600
1043
  },
601
1044
  "disabled": {
602
1045
  "$value": {
@@ -604,7 +1047,13 @@
604
1047
  "dark": "{color.neutral.900}"
605
1048
  },
606
1049
  "$type": "color",
607
- "$description": "Used to identify a disabled section."
1050
+ "$description": "Used to identify a disabled section.",
1051
+ "$extensions": {
1052
+ "com.figma.scope": [
1053
+ "FRAME_FILL",
1054
+ "SHAPE_FILL"
1055
+ ]
1056
+ }
608
1057
  },
609
1058
  "overlap": {
610
1059
  "$value": {
@@ -612,7 +1061,13 @@
612
1061
  "dark": "{color.neutral.900}"
613
1062
  },
614
1063
  "$type": "color",
615
- "$description": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content."
1064
+ "$description": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.",
1065
+ "$extensions": {
1066
+ "com.figma.scope": [
1067
+ "FRAME_FILL",
1068
+ "SHAPE_FILL"
1069
+ ]
1070
+ }
616
1071
  },
617
1072
  "section": {
618
1073
  "$value": {
@@ -620,7 +1075,13 @@
620
1075
  "dark": "{color.neutral.800}"
621
1076
  },
622
1077
  "$type": "color",
623
- "$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes."
1078
+ "$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.",
1079
+ "$extensions": {
1080
+ "com.figma.scope": [
1081
+ "FRAME_FILL",
1082
+ "SHAPE_FILL"
1083
+ ]
1084
+ }
624
1085
  },
625
1086
  "overlay": {
626
1087
  "$value": {
@@ -628,7 +1089,13 @@
628
1089
  "dark": "rgba(0,0,0,0.64)"
629
1090
  },
630
1091
  "$type": "color",
631
- "$description": "Used for an overlay that covers other content."
1092
+ "$description": "Used for an overlay that covers other content.",
1093
+ "$extensions": {
1094
+ "com.figma.scope": [
1095
+ "FRAME_FILL",
1096
+ "SHAPE_FILL"
1097
+ ]
1098
+ }
632
1099
  }
633
1100
  }
634
1101
  },
@@ -640,7 +1107,12 @@
640
1107
  "dark": "{color.neutral.700}"
641
1108
  },
642
1109
  "$type": "color",
643
- "$description": "Used for the default border color."
1110
+ "$description": "Used for the default border color.",
1111
+ "$extensions": {
1112
+ "com.figma.scope": [
1113
+ "STROKE_COLOR"
1114
+ ]
1115
+ }
644
1116
  },
645
1117
  "subtle": {
646
1118
  "$value": {
@@ -648,7 +1120,12 @@
648
1120
  "dark": "{color.neutral.800}"
649
1121
  },
650
1122
  "$type": "color",
651
- "$description": "Used for a subtle border in combination with the default background."
1123
+ "$description": "Used for a subtle border in combination with the default background.",
1124
+ "$extensions": {
1125
+ "com.figma.scope": [
1126
+ "STROKE_COLOR"
1127
+ ]
1128
+ }
652
1129
  },
653
1130
  "strong": {
654
1131
  "$value": {
@@ -656,7 +1133,12 @@
656
1133
  "dark": "{color.neutral.600}"
657
1134
  },
658
1135
  "$type": "color",
659
- "$description": "Used for a distinct border that emphasizes an edge or boundaries."
1136
+ "$description": "Used for a distinct border that emphasizes an edge or boundaries.",
1137
+ "$extensions": {
1138
+ "com.figma.scope": [
1139
+ "STROKE_COLOR"
1140
+ ]
1141
+ }
660
1142
  },
661
1143
  "section": {
662
1144
  "$value": {
@@ -664,12 +1146,22 @@
664
1146
  "dark": "{background.color.default}"
665
1147
  },
666
1148
  "$type": "color",
667
- "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page."
1149
+ "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
1150
+ "$extensions": {
1151
+ "com.figma.scope": [
1152
+ "STROKE_COLOR"
1153
+ ]
1154
+ }
668
1155
  },
669
1156
  "transparent": {
670
1157
  "$value": "{color.alpha.0}",
671
1158
  "$type": "color",
672
- "$description": "Used when a border needs to be present, but not visibly perceived."
1159
+ "$description": "Used when a border needs to be present, but not visibly perceived.",
1160
+ "$extensions": {
1161
+ "com.figma.scope": [
1162
+ "ALL_SCOPES"
1163
+ ]
1164
+ }
673
1165
  }
674
1166
  }
675
1167
  },
@@ -682,7 +1174,13 @@
682
1174
  "dark": "{color.alpha.dark.40}"
683
1175
  },
684
1176
  "$type": "color",
685
- "$description": "Used for form control (input, radio button, checkbox, textarea) default background."
1177
+ "$description": "Used for form control (input, radio button, checkbox, textarea) default background.",
1178
+ "$extensions": {
1179
+ "com.figma.scope": [
1180
+ "FRAME_FILL",
1181
+ "SHAPE_FILL"
1182
+ ]
1183
+ }
686
1184
  },
687
1185
  "disabled": {
688
1186
  "$value": {
@@ -690,7 +1188,13 @@
690
1188
  "dark": "{color.alpha.light.4}"
691
1189
  },
692
1190
  "$type": "color",
693
- "$description": "Used for disabled form control (checkbox, input, radio button, textarea) background."
1191
+ "$description": "Used for disabled form control (checkbox, input, radio button, textarea) background.",
1192
+ "$extensions": {
1193
+ "com.figma.scope": [
1194
+ "FRAME_FILL",
1195
+ "SHAPE_FILL"
1196
+ ]
1197
+ }
694
1198
  },
695
1199
  "concatenation": {
696
1200
  "$value": {
@@ -698,7 +1202,13 @@
698
1202
  "dark": "{color.alpha.light.4}"
699
1203
  },
700
1204
  "$type": "color",
701
- "$description": "Used for the background of static content that prepends or appends a text input."
1205
+ "$description": "Used for the background of static content that prepends or appends a text input.",
1206
+ "$extensions": {
1207
+ "com.figma.scope": [
1208
+ "FRAME_FILL",
1209
+ "SHAPE_FILL"
1210
+ ]
1211
+ }
702
1212
  },
703
1213
  "readonly": {
704
1214
  "$value": {
@@ -706,7 +1216,13 @@
706
1216
  "dark": "{color.alpha.light.8}"
707
1217
  },
708
1218
  "$type": "color",
709
- "$description": "Used for the background of static content that prepends or appends a text input."
1219
+ "$description": "Used for the background of static content that prepends or appends a text input.",
1220
+ "$extensions": {
1221
+ "com.figma.scope": [
1222
+ "FRAME_FILL",
1223
+ "SHAPE_FILL"
1224
+ ]
1225
+ }
710
1226
  },
711
1227
  "selected": {
712
1228
  "default": {
@@ -715,7 +1231,13 @@
715
1231
  "dark": "{color.blue.300}"
716
1232
  },
717
1233
  "$type": "color",
718
- "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background."
1234
+ "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background.",
1235
+ "$extensions": {
1236
+ "com.figma.scope": [
1237
+ "FRAME_FILL",
1238
+ "SHAPE_FILL"
1239
+ ]
1240
+ }
719
1241
  },
720
1242
  "hover": {
721
1243
  "$value": {
@@ -723,7 +1245,13 @@
723
1245
  "dark": "{color.blue.200}"
724
1246
  },
725
1247
  "$type": "color",
726
- "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover."
1248
+ "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.",
1249
+ "$extensions": {
1250
+ "com.figma.scope": [
1251
+ "FRAME_FILL",
1252
+ "SHAPE_FILL"
1253
+ ]
1254
+ }
727
1255
  },
728
1256
  "focus": {
729
1257
  "$value": {
@@ -731,7 +1259,13 @@
731
1259
  "dark": "{color.blue.200}"
732
1260
  },
733
1261
  "$type": "color",
734
- "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover."
1262
+ "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.",
1263
+ "$extensions": {
1264
+ "com.figma.scope": [
1265
+ "FRAME_FILL",
1266
+ "SHAPE_FILL"
1267
+ ]
1268
+ }
735
1269
  }
736
1270
  }
737
1271
  }
@@ -744,7 +1278,12 @@
744
1278
  "dark": "{color.neutral.500}"
745
1279
  },
746
1280
  "$type": "color",
747
- "$description": "Used for form control (input, radio button, checkbox, textarea) default border."
1281
+ "$description": "Used for form control (input, radio button, checkbox, textarea) default border.",
1282
+ "$extensions": {
1283
+ "com.figma.scope": [
1284
+ "STROKE_COLOR"
1285
+ ]
1286
+ }
748
1287
  },
749
1288
  "hover": {
750
1289
  "$value": {
@@ -752,7 +1291,12 @@
752
1291
  "dark": "{color.neutral.300}"
753
1292
  },
754
1293
  "$type": "color",
755
- "$description": "Used for form control (input, radio button, checkbox, textarea) border on hover."
1294
+ "$description": "Used for form control (input, radio button, checkbox, textarea) border on hover.",
1295
+ "$extensions": {
1296
+ "com.figma.scope": [
1297
+ "STROKE_COLOR"
1298
+ ]
1299
+ }
756
1300
  },
757
1301
  "focus": {
758
1302
  "$value": {
@@ -760,7 +1304,12 @@
760
1304
  "dark": "{color.neutral.50}"
761
1305
  },
762
1306
  "$type": "color",
763
- "$description": "Used for form control (input, radio button, checkbox, textarea) border on focus."
1307
+ "$description": "Used for form control (input, radio button, checkbox, textarea) border on focus.",
1308
+ "$extensions": {
1309
+ "com.figma.scope": [
1310
+ "STROKE_COLOR"
1311
+ ]
1312
+ }
764
1313
  },
765
1314
  "disabled": {
766
1315
  "$value": {
@@ -768,7 +1317,12 @@
768
1317
  "dark": "{color.neutral.800}"
769
1318
  },
770
1319
  "$type": "color",
771
- "$description": "Used for disabled form control (input, radio button, checkbox, textarea) border."
1320
+ "$description": "Used for disabled form control (input, radio button, checkbox, textarea) border.",
1321
+ "$extensions": {
1322
+ "com.figma.scope": [
1323
+ "STROKE_COLOR"
1324
+ ]
1325
+ }
772
1326
  },
773
1327
  "error": {
774
1328
  "$value": {
@@ -776,7 +1330,12 @@
776
1330
  "dark": "{color.red.300}"
777
1331
  },
778
1332
  "$type": "color",
779
- "$description": "Used for invalid form control (input, textarea) border."
1333
+ "$description": "Used for invalid form control (input, textarea) border.",
1334
+ "$extensions": {
1335
+ "com.figma.scope": [
1336
+ "STROKE_COLOR"
1337
+ ]
1338
+ }
780
1339
  },
781
1340
  "selected": {
782
1341
  "default": {
@@ -785,7 +1344,12 @@
785
1344
  "dark": "{color.blue.400}"
786
1345
  },
787
1346
  "$type": "color",
788
- "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border."
1347
+ "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border.",
1348
+ "$extensions": {
1349
+ "com.figma.scope": [
1350
+ "STROKE_COLOR"
1351
+ ]
1352
+ }
789
1353
  },
790
1354
  "hover": {
791
1355
  "$value": {
@@ -793,7 +1357,12 @@
793
1357
  "dark": "{color.blue.200}"
794
1358
  },
795
1359
  "$type": "color",
796
- "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover."
1360
+ "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.",
1361
+ "$extensions": {
1362
+ "com.figma.scope": [
1363
+ "STROKE_COLOR"
1364
+ ]
1365
+ }
797
1366
  },
798
1367
  "focus": {
799
1368
  "$value": {
@@ -801,7 +1370,12 @@
801
1370
  "dark": "{color.blue.200}"
802
1371
  },
803
1372
  "$type": "color",
804
- "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus."
1373
+ "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.",
1374
+ "$extensions": {
1375
+ "com.figma.scope": [
1376
+ "STROKE_COLOR"
1377
+ ]
1378
+ }
805
1379
  }
806
1380
  }
807
1381
  }
@@ -811,12 +1385,22 @@
811
1385
  "error": {
812
1386
  "$value": "{text.color.danger}",
813
1387
  "$type": "color",
814
- "$description": "Used for the helper text when the input is invalid."
1388
+ "$description": "Used for the helper text when the input is invalid.",
1389
+ "$extensions": {
1390
+ "com.figma.scope": [
1391
+ "TEXT_FILL"
1392
+ ]
1393
+ }
815
1394
  },
816
1395
  "valid": {
817
1396
  "$value": "{text.color.success}",
818
1397
  "$type": "color",
819
- "$description": "Used for the helper text when the input is valid."
1398
+ "$description": "Used for the helper text when the input is valid.",
1399
+ "$extensions": {
1400
+ "com.figma.scope": [
1401
+ "TEXT_FILL"
1402
+ ]
1403
+ }
820
1404
  }
821
1405
  }
822
1406
  },
@@ -824,7 +1408,12 @@
824
1408
  "color": {
825
1409
  "$value": "{text.color.disabled}",
826
1410
  "$type": "color",
827
- "$description": "Used for placeholder text within inputs."
1411
+ "$description": "Used for placeholder text within inputs.",
1412
+ "$extensions": {
1413
+ "com.figma.scope": [
1414
+ "TEXT_FILL"
1415
+ ]
1416
+ }
828
1417
  }
829
1418
  },
830
1419
  "indicator": {
@@ -835,7 +1424,13 @@
835
1424
  "dark": "{color.neutral.950}"
836
1425
  },
837
1426
  "$type": "color",
838
- "$description": "Used for checkbox and radio button state indicators."
1427
+ "$description": "Used for checkbox and radio button state indicators.",
1428
+ "$extensions": {
1429
+ "com.figma.scope": [
1430
+ "FRAME_FILL",
1431
+ "SHAPE_FILL"
1432
+ ]
1433
+ }
839
1434
  },
840
1435
  "disabled": {
841
1436
  "$value": {
@@ -843,7 +1438,13 @@
843
1438
  "dark": "{color.neutral.400}"
844
1439
  },
845
1440
  "$type": "color",
846
- "$description": "Used for disabled checkbox and radio button state indicators."
1441
+ "$description": "Used for disabled checkbox and radio button state indicators.",
1442
+ "$extensions": {
1443
+ "com.figma.scope": [
1444
+ "FRAME_FILL",
1445
+ "SHAPE_FILL"
1446
+ ]
1447
+ }
847
1448
  }
848
1449
  }
849
1450
  }
@@ -854,28 +1455,50 @@
854
1455
  "color": {
855
1456
  "$value": "{color.neutral.800}",
856
1457
  "$type": "color",
857
- "$description": "Used for a background associated with strong feedback like a tooltip or toast message."
1458
+ "$description": "Used for a background associated with strong feedback like a tooltip or toast message.",
1459
+ "$extensions": {
1460
+ "com.figma.scope": [
1461
+ "FRAME_FILL",
1462
+ "SHAPE_FILL"
1463
+ ]
1464
+ }
858
1465
  }
859
1466
  },
860
1467
  "text": {
861
1468
  "color": {
862
1469
  "$value": "{color.neutral.0}",
863
1470
  "$type": "color",
864
- "$description": "Used for text on a strong feedback background."
1471
+ "$description": "Used for text on a strong feedback background.",
1472
+ "$extensions": {
1473
+ "com.figma.scope": [
1474
+ "TEXT_FILL"
1475
+ ]
1476
+ }
865
1477
  }
866
1478
  },
867
1479
  "icon": {
868
1480
  "color": {
869
1481
  "$value": "{color.neutral.0}",
870
1482
  "$type": "color",
871
- "$description": "Used for an icon on a strong feedback background."
1483
+ "$description": "Used for an icon on a strong feedback background.",
1484
+ "$extensions": {
1485
+ "com.figma.scope": [
1486
+ "SHAPE_FILL",
1487
+ "TEXT_FILL"
1488
+ ]
1489
+ }
872
1490
  }
873
1491
  },
874
1492
  "link": {
875
1493
  "color": {
876
1494
  "$value": "{color.blue.300}",
877
1495
  "$type": "color",
878
- "$description": "Used for a link on a strong feedback background."
1496
+ "$description": "Used for a link on a strong feedback background.",
1497
+ "$extensions": {
1498
+ "com.figma.scope": [
1499
+ "TEXT_FILL"
1500
+ ]
1501
+ }
879
1502
  }
880
1503
  }
881
1504
  },
@@ -887,7 +1510,13 @@
887
1510
  "dark": "{color.neutral.900}"
888
1511
  },
889
1512
  "$type": "color",
890
- "$description": "Used for the background of a neutral feedback item when there isn't a specific meaning or urgency."
1513
+ "$description": "Used for the background of a neutral feedback item when there isn't a specific meaning or urgency.",
1514
+ "$extensions": {
1515
+ "com.figma.scope": [
1516
+ "FRAME_FILL",
1517
+ "SHAPE_FILL"
1518
+ ]
1519
+ }
891
1520
  }
892
1521
  },
893
1522
  "text": {
@@ -897,7 +1526,12 @@
897
1526
  "dark": "{color.neutral.200}"
898
1527
  },
899
1528
  "$type": "color",
900
- "$description": "Used for the text of a neutral feedback item when there isn't a specific meaning or urgency."
1529
+ "$description": "Used for the text of a neutral feedback item when there isn't a specific meaning or urgency.",
1530
+ "$extensions": {
1531
+ "com.figma.scope": [
1532
+ "TEXT_FILL"
1533
+ ]
1534
+ }
901
1535
  }
902
1536
  },
903
1537
  "icon": {
@@ -907,7 +1541,13 @@
907
1541
  "dark": "{color.neutral.300}"
908
1542
  },
909
1543
  "$type": "color",
910
- "$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency."
1544
+ "$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.",
1545
+ "$extensions": {
1546
+ "com.figma.scope": [
1547
+ "SHAPE_FILL",
1548
+ "TEXT_FILL"
1549
+ ]
1550
+ }
911
1551
  }
912
1552
  }
913
1553
  },
@@ -919,7 +1559,13 @@
919
1559
  "dark": "{color.blue.950}"
920
1560
  },
921
1561
  "$type": "color",
922
- "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action."
1562
+ "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
1563
+ "$extensions": {
1564
+ "com.figma.scope": [
1565
+ "FRAME_FILL",
1566
+ "SHAPE_FILL"
1567
+ ]
1568
+ }
923
1569
  }
924
1570
  },
925
1571
  "text": {
@@ -929,7 +1575,12 @@
929
1575
  "dark": "{color.blue.200}"
930
1576
  },
931
1577
  "$type": "color",
932
- "$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action."
1578
+ "$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
1579
+ "$extensions": {
1580
+ "com.figma.scope": [
1581
+ "TEXT_FILL"
1582
+ ]
1583
+ }
933
1584
  }
934
1585
  },
935
1586
  "icon": {
@@ -939,7 +1590,13 @@
939
1590
  "dark": "{color.blue.300}"
940
1591
  },
941
1592
  "$type": "color",
942
- "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action."
1593
+ "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
1594
+ "$extensions": {
1595
+ "com.figma.scope": [
1596
+ "SHAPE_FILL",
1597
+ "TEXT_FILL"
1598
+ ]
1599
+ }
943
1600
  }
944
1601
  }
945
1602
  },
@@ -951,7 +1608,13 @@
951
1608
  "dark": "{color.green.900}"
952
1609
  },
953
1610
  "$type": "color",
954
- "$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action."
1611
+ "$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.",
1612
+ "$extensions": {
1613
+ "com.figma.scope": [
1614
+ "FRAME_FILL",
1615
+ "SHAPE_FILL"
1616
+ ]
1617
+ }
955
1618
  }
956
1619
  },
957
1620
  "text": {
@@ -961,7 +1624,12 @@
961
1624
  "dark": "{color.green.200}"
962
1625
  },
963
1626
  "$type": "color",
964
- "$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action."
1627
+ "$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.",
1628
+ "$extensions": {
1629
+ "com.figma.scope": [
1630
+ "TEXT_FILL"
1631
+ ]
1632
+ }
965
1633
  }
966
1634
  },
967
1635
  "icon": {
@@ -971,7 +1639,13 @@
971
1639
  "dark": "{color.green.300}"
972
1640
  },
973
1641
  "$type": "color",
974
- "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action."
1642
+ "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
1643
+ "$extensions": {
1644
+ "com.figma.scope": [
1645
+ "SHAPE_FILL",
1646
+ "TEXT_FILL"
1647
+ ]
1648
+ }
975
1649
  }
976
1650
  }
977
1651
  },
@@ -983,7 +1657,13 @@
983
1657
  "dark": "{color.orange.900}"
984
1658
  },
985
1659
  "$type": "color",
986
- "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information."
1660
+ "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.",
1661
+ "$extensions": {
1662
+ "com.figma.scope": [
1663
+ "FRAME_FILL",
1664
+ "SHAPE_FILL"
1665
+ ]
1666
+ }
987
1667
  }
988
1668
  },
989
1669
  "text": {
@@ -993,7 +1673,12 @@
993
1673
  "dark": "{color.orange.200}"
994
1674
  },
995
1675
  "$type": "color",
996
- "$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information."
1676
+ "$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.",
1677
+ "$extensions": {
1678
+ "com.figma.scope": [
1679
+ "TEXT_FILL"
1680
+ ]
1681
+ }
997
1682
  }
998
1683
  },
999
1684
  "icon": {
@@ -1003,7 +1688,13 @@
1003
1688
  "dark": "{color.orange.300}"
1004
1689
  },
1005
1690
  "$type": "color",
1006
- "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information."
1691
+ "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
1692
+ "$extensions": {
1693
+ "com.figma.scope": [
1694
+ "SHAPE_FILL",
1695
+ "TEXT_FILL"
1696
+ ]
1697
+ }
1007
1698
  }
1008
1699
  }
1009
1700
  },
@@ -1015,7 +1706,13 @@
1015
1706
  "dark": "{color.red.900}"
1016
1707
  },
1017
1708
  "$type": "color",
1018
- "$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention."
1709
+ "$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
1710
+ "$extensions": {
1711
+ "com.figma.scope": [
1712
+ "FRAME_FILL",
1713
+ "SHAPE_FILL"
1714
+ ]
1715
+ }
1019
1716
  }
1020
1717
  },
1021
1718
  "text": {
@@ -1025,7 +1722,12 @@
1025
1722
  "dark": "{color.red.200}"
1026
1723
  },
1027
1724
  "$type": "color",
1028
- "$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention."
1725
+ "$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
1726
+ "$extensions": {
1727
+ "com.figma.scope": [
1728
+ "TEXT_FILL"
1729
+ ]
1730
+ }
1029
1731
  }
1030
1732
  },
1031
1733
  "icon": {
@@ -1035,7 +1737,13 @@
1035
1737
  "dark": "{color.red.300}"
1036
1738
  },
1037
1739
  "$type": "color",
1038
- "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention."
1740
+ "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
1741
+ "$extensions": {
1742
+ "com.figma.scope": [
1743
+ "SHAPE_FILL",
1744
+ "TEXT_FILL"
1745
+ ]
1746
+ }
1039
1747
  }
1040
1748
  }
1041
1749
  }
@@ -1048,14 +1756,24 @@
1048
1756
  "dark": "{color.blue.400}"
1049
1757
  },
1050
1758
  "$type": "color",
1051
- "$description": "Used for the outer color portion of the focus ring."
1759
+ "$description": "Used for the outer color portion of the focus ring.",
1760
+ "$extensions": {
1761
+ "com.figma.scope": [
1762
+ "STROKE_COLOR"
1763
+ ]
1764
+ }
1052
1765
  }
1053
1766
  },
1054
1767
  "inner": {
1055
1768
  "color": {
1056
1769
  "$value": "{background.color.default}",
1057
1770
  "$type": "color",
1058
- "$description": "Used for the inner neutral portion of the focus ring."
1771
+ "$description": "Used for the inner neutral portion of the focus ring.",
1772
+ "$extensions": {
1773
+ "com.figma.scope": [
1774
+ "STROKE_COLOR"
1775
+ ]
1776
+ }
1059
1777
  }
1060
1778
  }
1061
1779
  },
@@ -1068,7 +1786,13 @@
1068
1786
  "dark": "{color.orange.200}"
1069
1787
  },
1070
1788
  "$type": "color",
1071
- "$description": "Used for temporary visual emphasis of backgrounds of matched search terms, filtered results, or autocomplete suggestions without implying any particular state or meaning."
1789
+ "$description": "Used for temporary visual emphasis of backgrounds of matched search terms, filtered results, or autocomplete suggestions without implying any particular state or meaning.",
1790
+ "$extensions": {
1791
+ "com.figma.scope": [
1792
+ "FRAME_FILL",
1793
+ "SHAPE_FILL"
1794
+ ]
1795
+ }
1072
1796
  }
1073
1797
  },
1074
1798
  "text": {
@@ -1078,7 +1802,12 @@
1078
1802
  "dark": "{color.neutral.950}"
1079
1803
  },
1080
1804
  "$type": "color",
1081
- "$description": "Used for text within temporarily highlighted matches to maintain readability while drawing attention without conveying status."
1805
+ "$description": "Used for text within temporarily highlighted matches to maintain readability while drawing attention without conveying status.",
1806
+ "$extensions": {
1807
+ "com.figma.scope": [
1808
+ "TEXT_FILL"
1809
+ ]
1810
+ }
1082
1811
  }
1083
1812
  }
1084
1813
  },
@@ -1090,7 +1819,13 @@
1090
1819
  "dark": "{color.blue.950}"
1091
1820
  },
1092
1821
  "$type": "color",
1093
- "$description": "Used for temporary visual emphasis for backgrounds of referenced elements (for example URL anchors, hover states) or to show relationships between content without implying status or requiring action."
1822
+ "$description": "Used for temporary visual emphasis for backgrounds of referenced elements (for example URL anchors, hover states) or to show relationships between content without implying status or requiring action.",
1823
+ "$extensions": {
1824
+ "com.figma.scope": [
1825
+ "FRAME_FILL",
1826
+ "SHAPE_FILL"
1827
+ ]
1828
+ }
1094
1829
  }
1095
1830
  },
1096
1831
  "border": {
@@ -1100,7 +1835,12 @@
1100
1835
  "dark": "{color.blue.700}"
1101
1836
  },
1102
1837
  "$type": "color",
1103
- "$description": "Used to provide additional visual emphasis for borders of temporarily targeted elements or when visualizing connections between related content, distinct from persistent states."
1838
+ "$description": "Used to provide additional visual emphasis for borders of temporarily targeted elements or when visualizing connections between related content, distinct from persistent states.",
1839
+ "$extensions": {
1840
+ "com.figma.scope": [
1841
+ "TEXT_FILL"
1842
+ ]
1843
+ }
1104
1844
  }
1105
1845
  }
1106
1846
  }
@@ -1110,27 +1850,57 @@
1110
1850
  "default": {
1111
1851
  "$value": "{text.color.default}",
1112
1852
  "$type": "color",
1113
- "$description": "Used for the default icon color. Can be paired with default text."
1853
+ "$description": "Used for the default icon color. Can be paired with default text.",
1854
+ "$extensions": {
1855
+ "com.figma.scope": [
1856
+ "SHAPE_FILL",
1857
+ "TEXT_FILL"
1858
+ ]
1859
+ }
1114
1860
  },
1115
1861
  "subtle": {
1116
1862
  "$value": "{text.color.subtle}",
1117
1863
  "$type": "color",
1118
- "$description": "Used for a static or decorational icon. Can be paired with subtle text."
1864
+ "$description": "Used for a static or decorational icon. Can be paired with subtle text.",
1865
+ "$extensions": {
1866
+ "com.figma.scope": [
1867
+ "SHAPE_FILL",
1868
+ "TEXT_FILL"
1869
+ ]
1870
+ }
1119
1871
  },
1120
1872
  "strong": {
1121
1873
  "$value": "{text.color.strong}",
1122
1874
  "$type": "color",
1123
- "$description": "Used for an icon with the highest contrast."
1875
+ "$description": "Used for an icon with the highest contrast.",
1876
+ "$extensions": {
1877
+ "com.figma.scope": [
1878
+ "SHAPE_FILL",
1879
+ "TEXT_FILL"
1880
+ ]
1881
+ }
1124
1882
  },
1125
1883
  "disabled": {
1126
1884
  "$value": "{text.color.disabled}",
1127
1885
  "$type": "color",
1128
- "$description": "Used for an icon within a disabled section."
1886
+ "$description": "Used for an icon within a disabled section.",
1887
+ "$extensions": {
1888
+ "com.figma.scope": [
1889
+ "SHAPE_FILL",
1890
+ "TEXT_FILL"
1891
+ ]
1892
+ }
1129
1893
  },
1130
1894
  "link": {
1131
1895
  "$value": "{text.color.link}",
1132
1896
  "$type": "color",
1133
- "$description": "Used for an icon within a link."
1897
+ "$description": "Used for an icon within a link.",
1898
+ "$extensions": {
1899
+ "com.figma.scope": [
1900
+ "SHAPE_FILL",
1901
+ "TEXT_FILL"
1902
+ ]
1903
+ }
1134
1904
  },
1135
1905
  "info": {
1136
1906
  "$value": {
@@ -1138,22 +1908,46 @@
1138
1908
  "dark": "{color.blue.200}"
1139
1909
  },
1140
1910
  "$type": "color",
1141
- "$description": "Used for an icon associated with information or help."
1911
+ "$description": "Used for an icon associated with information or help.",
1912
+ "$extensions": {
1913
+ "com.figma.scope": [
1914
+ "SHAPE_FILL",
1915
+ "TEXT_FILL"
1916
+ ]
1917
+ }
1142
1918
  },
1143
1919
  "warning": {
1144
1920
  "$value": "{text.color.warning}",
1145
1921
  "$type": "color",
1146
- "$description": "Used for an icon associated with a warning."
1922
+ "$description": "Used for an icon associated with a warning.",
1923
+ "$extensions": {
1924
+ "com.figma.scope": [
1925
+ "SHAPE_FILL",
1926
+ "TEXT_FILL"
1927
+ ]
1928
+ }
1147
1929
  },
1148
1930
  "danger": {
1149
1931
  "$value": "{text.color.danger}",
1150
1932
  "$type": "color",
1151
- "$description": "Used for an icon associated with an error or danger."
1933
+ "$description": "Used for an icon associated with an error or danger.",
1934
+ "$extensions": {
1935
+ "com.figma.scope": [
1936
+ "SHAPE_FILL",
1937
+ "TEXT_FILL"
1938
+ ]
1939
+ }
1152
1940
  },
1153
1941
  "success": {
1154
1942
  "$value": "{text.color.success}",
1155
1943
  "$type": "color",
1156
- "$description": "Used for an icon associated with success or validity."
1944
+ "$description": "Used for an icon associated with success or validity.",
1945
+ "$extensions": {
1946
+ "com.figma.scope": [
1947
+ "SHAPE_FILL",
1948
+ "TEXT_FILL"
1949
+ ]
1950
+ }
1157
1951
  }
1158
1952
  }
1159
1953
  },
@@ -1165,7 +1959,12 @@
1165
1959
  "dark": "{color.alpha.dark.40}"
1166
1960
  },
1167
1961
  "$type": "color",
1168
- "$description": "Used for the default shadow color."
1962
+ "$description": "Used for the default shadow color.",
1963
+ "$extensions": {
1964
+ "com.figma.scope": [
1965
+ "EFFECT_COLOR"
1966
+ ]
1967
+ }
1169
1968
  }
1170
1969
  }
1171
1970
  },
@@ -1178,7 +1977,13 @@
1178
1977
  "dark": "{color.neutral.800}"
1179
1978
  },
1180
1979
  "$type": "color",
1181
- "$description": "Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state."
1980
+ "$description": "Used for the background of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
1981
+ "$extensions": {
1982
+ "com.figma.scope": [
1983
+ "FRAME_FILL",
1984
+ "SHAPE_FILL"
1985
+ ]
1986
+ }
1182
1987
  }
1183
1988
  },
1184
1989
  "text": {
@@ -1188,7 +1993,12 @@
1188
1993
  "dark": "{color.neutral.200}"
1189
1994
  },
1190
1995
  "$type": "color",
1191
- "$description": "Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state."
1996
+ "$description": "Used for the text of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
1997
+ "$extensions": {
1998
+ "com.figma.scope": [
1999
+ "TEXT_FILL"
2000
+ ]
2001
+ }
1192
2002
  }
1193
2003
  },
1194
2004
  "icon": {
@@ -1198,7 +2008,13 @@
1198
2008
  "dark": "{color.neutral.300}"
1199
2009
  },
1200
2010
  "$type": "color",
1201
- "$description": "Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state."
2011
+ "$description": "Used for the icon of a neutral status item when the status is neither positive nor negative, or when indicating a special but stable state.",
2012
+ "$extensions": {
2013
+ "com.figma.scope": [
2014
+ "SHAPE_FILL",
2015
+ "TEXT_FILL"
2016
+ ]
2017
+ }
1202
2018
  }
1203
2019
  }
1204
2020
  },
@@ -1210,7 +2026,13 @@
1210
2026
  "dark": "{color.blue.800}"
1211
2027
  },
1212
2028
  "$type": "color",
1213
- "$description": "Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress."
2029
+ "$description": "Used for the background of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
2030
+ "$extensions": {
2031
+ "com.figma.scope": [
2032
+ "FRAME_FILL",
2033
+ "SHAPE_FILL"
2034
+ ]
2035
+ }
1214
2036
  }
1215
2037
  },
1216
2038
  "text": {
@@ -1220,7 +2042,12 @@
1220
2042
  "dark": "{color.blue.200}"
1221
2043
  },
1222
2044
  "$type": "color",
1223
- "$description": "Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress."
2045
+ "$description": "Used for the text of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
2046
+ "$extensions": {
2047
+ "com.figma.scope": [
2048
+ "TEXT_FILL"
2049
+ ]
2050
+ }
1224
2051
  }
1225
2052
  },
1226
2053
  "icon": {
@@ -1230,7 +2057,13 @@
1230
2057
  "dark": "{color.blue.300}"
1231
2058
  },
1232
2059
  "$type": "color",
1233
- "$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress."
2060
+ "$description": "Used for the icon of an informational status item when indicating a noteworthy ongoing condition or a state of active progress.",
2061
+ "$extensions": {
2062
+ "com.figma.scope": [
2063
+ "SHAPE_FILL",
2064
+ "TEXT_FILL"
2065
+ ]
2066
+ }
1234
2067
  }
1235
2068
  }
1236
2069
  },
@@ -1242,7 +2075,13 @@
1242
2075
  "dark": "{color.green.800}"
1243
2076
  },
1244
2077
  "$type": "color",
1245
- "$description": "Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation."
2078
+ "$description": "Used for the background of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
2079
+ "$extensions": {
2080
+ "com.figma.scope": [
2081
+ "FRAME_FILL",
2082
+ "SHAPE_FILL"
2083
+ ]
2084
+ }
1246
2085
  }
1247
2086
  },
1248
2087
  "text": {
@@ -1252,7 +2091,12 @@
1252
2091
  "dark": "{color.green.200}"
1253
2092
  },
1254
2093
  "$type": "color",
1255
- "$description": "Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation."
2094
+ "$description": "Used for the text of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
2095
+ "$extensions": {
2096
+ "com.figma.scope": [
2097
+ "TEXT_FILL"
2098
+ ]
2099
+ }
1256
2100
  }
1257
2101
  },
1258
2102
  "icon": {
@@ -1262,7 +2106,13 @@
1262
2106
  "dark": "{color.green.300}"
1263
2107
  },
1264
2108
  "$type": "color",
1265
- "$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation."
2109
+ "$description": "Used for the icon of a success status item when indicating a positive outcome, completion, or desired state. Clearly conveys a positive connotation.",
2110
+ "$extensions": {
2111
+ "com.figma.scope": [
2112
+ "SHAPE_FILL",
2113
+ "TEXT_FILL"
2114
+ ]
2115
+ }
1266
2116
  }
1267
2117
  }
1268
2118
  },
@@ -1274,7 +2124,13 @@
1274
2124
  "dark": "{color.orange.800}"
1275
2125
  },
1276
2126
  "$type": "color",
1277
- "$description": "Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item."
2127
+ "$description": "Used for the background of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
2128
+ "$extensions": {
2129
+ "com.figma.scope": [
2130
+ "FRAME_FILL",
2131
+ "SHAPE_FILL"
2132
+ ]
2133
+ }
1278
2134
  }
1279
2135
  },
1280
2136
  "text": {
@@ -1284,7 +2140,12 @@
1284
2140
  "dark": "{color.orange.200}"
1285
2141
  },
1286
2142
  "$type": "color",
1287
- "$description": "Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item."
2143
+ "$description": "Used for the text of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
2144
+ "$extensions": {
2145
+ "com.figma.scope": [
2146
+ "TEXT_FILL"
2147
+ ]
2148
+ }
1288
2149
  }
1289
2150
  },
1290
2151
  "icon": {
@@ -1294,7 +2155,13 @@
1294
2155
  "dark": "{color.orange.300}"
1295
2156
  },
1296
2157
  "$type": "color",
1297
- "$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item."
2158
+ "$description": "Used for the icon of a warning status item when indicating a state that requires heightened awareness or caution, but is not necessarily problematic. Represents a state that warrants extra attention or care when interacting with the item.",
2159
+ "$extensions": {
2160
+ "com.figma.scope": [
2161
+ "SHAPE_FILL",
2162
+ "TEXT_FILL"
2163
+ ]
2164
+ }
1298
2165
  }
1299
2166
  }
1300
2167
  },
@@ -1306,7 +2173,13 @@
1306
2173
  "dark": "{color.red.800}"
1307
2174
  },
1308
2175
  "$type": "color",
1309
- "$description": "Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition."
2176
+ "$description": "Used for the background of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
2177
+ "$extensions": {
2178
+ "com.figma.scope": [
2179
+ "FRAME_FILL",
2180
+ "SHAPE_FILL"
2181
+ ]
2182
+ }
1310
2183
  }
1311
2184
  },
1312
2185
  "text": {
@@ -1316,7 +2189,12 @@
1316
2189
  "dark": "{color.red.200}"
1317
2190
  },
1318
2191
  "$type": "color",
1319
- "$description": "Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition."
2192
+ "$description": "Used for the text of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
2193
+ "$extensions": {
2194
+ "com.figma.scope": [
2195
+ "TEXT_FILL"
2196
+ ]
2197
+ }
1320
2198
  }
1321
2199
  },
1322
2200
  "icon": {
@@ -1326,7 +2204,13 @@
1326
2204
  "dark": "{color.red.300}"
1327
2205
  },
1328
2206
  "$type": "color",
1329
- "$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition."
2207
+ "$description": "Used for the icon of a danger status item when indicating a critical or severely problematic current state. Clearly conveys a negative connotation, representing a serious, ongoing issue or undesired condition.",
2208
+ "$extensions": {
2209
+ "com.figma.scope": [
2210
+ "SHAPE_FILL",
2211
+ "TEXT_FILL"
2212
+ ]
2213
+ }
1330
2214
  }
1331
2215
  }
1332
2216
  },
@@ -1338,7 +2222,13 @@
1338
2222
  "dark": "{color.purple.900}"
1339
2223
  },
1340
2224
  "$type": "color",
1341
- "$description": "Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface."
2225
+ "$description": "Used for the background of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
2226
+ "$extensions": {
2227
+ "com.figma.scope": [
2228
+ "FRAME_FILL",
2229
+ "SHAPE_FILL"
2230
+ ]
2231
+ }
1342
2232
  }
1343
2233
  },
1344
2234
  "text": {
@@ -1348,7 +2238,12 @@
1348
2238
  "dark": "{color.purple.300}"
1349
2239
  },
1350
2240
  "$type": "color",
1351
- "$description": "Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface."
2241
+ "$description": "Used for the text of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
2242
+ "$extensions": {
2243
+ "com.figma.scope": [
2244
+ "TEXT_FILL"
2245
+ ]
2246
+ }
1352
2247
  }
1353
2248
  },
1354
2249
  "icon": {
@@ -1358,7 +2253,13 @@
1358
2253
  "dark": "{color.purple.500}"
1359
2254
  },
1360
2255
  "$type": "color",
1361
- "$description": "Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface."
2256
+ "$description": "Used for the icon of a brand-related status item when highlighting the state of unique features or elements specific to the GitLab brand identity. Helps distinguish and emphasize brand-specific elements within the interface.",
2257
+ "$extensions": {
2258
+ "com.figma.scope": [
2259
+ "SHAPE_FILL",
2260
+ "TEXT_FILL"
2261
+ ]
2262
+ }
1362
2263
  }
1363
2264
  }
1364
2265
  }
@@ -1371,6 +2272,11 @@
1371
2272
  },
1372
2273
  "$type": "color",
1373
2274
  "$description": "Use text.color.default instead.",
2275
+ "$extensions": {
2276
+ "com.figma.scope": [
2277
+ "TEXT_FILL"
2278
+ ]
2279
+ },
1374
2280
  "deprecated": true
1375
2281
  },
1376
2282
  "secondary": {
@@ -1380,6 +2286,11 @@
1380
2286
  },
1381
2287
  "$type": "color",
1382
2288
  "$description": "Use text.color.subtle instead.",
2289
+ "$extensions": {
2290
+ "com.figma.scope": [
2291
+ "TEXT_FILL"
2292
+ ]
2293
+ },
1383
2294
  "deprecated": true
1384
2295
  },
1385
2296
  "tertiary": {
@@ -1389,6 +2300,11 @@
1389
2300
  },
1390
2301
  "$type": "color",
1391
2302
  "$description": "Use text.color.disabled instead.",
2303
+ "$extensions": {
2304
+ "com.figma.scope": [
2305
+ "TEXT_FILL"
2306
+ ]
2307
+ },
1392
2308
  "deprecated": true
1393
2309
  },
1394
2310
  "color": {
@@ -1398,7 +2314,12 @@
1398
2314
  "dark": "{color.neutral.50}"
1399
2315
  },
1400
2316
  "$type": "color",
1401
- "$description": "Used for the default text color."
2317
+ "$description": "Used for the default text color.",
2318
+ "$extensions": {
2319
+ "com.figma.scope": [
2320
+ "TEXT_FILL"
2321
+ ]
2322
+ }
1402
2323
  },
1403
2324
  "subtle": {
1404
2325
  "$value": {
@@ -1406,7 +2327,12 @@
1406
2327
  "dark": "{color.neutral.200}"
1407
2328
  },
1408
2329
  "$type": "color",
1409
- "$description": "Used for supplemental text that doesn't need to be as prominent as other text."
2330
+ "$description": "Used for supplemental text that doesn't need to be as prominent as other text.",
2331
+ "$extensions": {
2332
+ "com.figma.scope": [
2333
+ "TEXT_FILL"
2334
+ ]
2335
+ }
1410
2336
  },
1411
2337
  "strong": {
1412
2338
  "$value": {
@@ -1414,7 +2340,12 @@
1414
2340
  "dark": "{color.neutral.0}"
1415
2341
  },
1416
2342
  "$type": "color",
1417
- "$description": "Used for text with the highest contrast."
2343
+ "$description": "Used for text with the highest contrast.",
2344
+ "$extensions": {
2345
+ "com.figma.scope": [
2346
+ "TEXT_FILL"
2347
+ ]
2348
+ }
1418
2349
  },
1419
2350
  "heading": {
1420
2351
  "$value": {
@@ -1422,7 +2353,12 @@
1422
2353
  "dark": "{color.neutral.0}"
1423
2354
  },
1424
2355
  "$type": "color",
1425
- "$description": "Used for headings level 1-6."
2356
+ "$description": "Used for headings level 1-6.",
2357
+ "$extensions": {
2358
+ "com.figma.scope": [
2359
+ "TEXT_FILL"
2360
+ ]
2361
+ }
1426
2362
  },
1427
2363
  "link": {
1428
2364
  "$value": {
@@ -1430,7 +2366,12 @@
1430
2366
  "dark": "{color.blue.200}"
1431
2367
  },
1432
2368
  "$type": "color",
1433
- "$description": "Used for default text links."
2369
+ "$description": "Used for default text links.",
2370
+ "$extensions": {
2371
+ "com.figma.scope": [
2372
+ "TEXT_FILL"
2373
+ ]
2374
+ }
1434
2375
  },
1435
2376
  "warning": {
1436
2377
  "$value": {
@@ -1438,7 +2379,12 @@
1438
2379
  "dark": "{color.orange.300}"
1439
2380
  },
1440
2381
  "$type": "color",
1441
- "$description": "Used for text that requires caution or careful attention."
2382
+ "$description": "Used for text that requires caution or careful attention.",
2383
+ "$extensions": {
2384
+ "com.figma.scope": [
2385
+ "TEXT_FILL"
2386
+ ]
2387
+ }
1442
2388
  },
1443
2389
  "danger": {
1444
2390
  "$value": {
@@ -1446,7 +2392,12 @@
1446
2392
  "dark": "{color.red.300}"
1447
2393
  },
1448
2394
  "$type": "color",
1449
- "$description": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination."
2395
+ "$description": "Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.",
2396
+ "$extensions": {
2397
+ "com.figma.scope": [
2398
+ "TEXT_FILL"
2399
+ ]
2400
+ }
1450
2401
  },
1451
2402
  "success": {
1452
2403
  "$value": {
@@ -1454,7 +2405,12 @@
1454
2405
  "dark": "{color.green.300}"
1455
2406
  },
1456
2407
  "$type": "color",
1457
- "$description": "Used for text indicating success, completion, approval, addition, or validity."
2408
+ "$description": "Used for text indicating success, completion, approval, addition, or validity.",
2409
+ "$extensions": {
2410
+ "com.figma.scope": [
2411
+ "TEXT_FILL"
2412
+ ]
2413
+ }
1458
2414
  },
1459
2415
  "disabled": {
1460
2416
  "$value": {
@@ -1462,7 +2418,12 @@
1462
2418
  "dark": "{color.neutral.400}"
1463
2419
  },
1464
2420
  "$type": "color",
1465
- "$description": "Used for disabled text."
2421
+ "$description": "Used for disabled text.",
2422
+ "$extensions": {
2423
+ "com.figma.scope": [
2424
+ "TEXT_FILL"
2425
+ ]
2426
+ }
1466
2427
  }
1467
2428
  }
1468
2429
  }