@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
package/src/tokens/contextual/badge.tokens.json CHANGED
@@ -9,17 +9,35 @@
9
9
  "dark": "{color.neutral.400}"
10
10
  },
11
11
  "$type": "color",
12
- "$description": "Used for the background of a muted badge when static or the default state when linked."
12
+ "$description": "Used for the background of a muted badge when static or the default state when linked.",
13
+ "$extensions": {
14
+ "com.figma.scope": [
15
+ "FRAME_FILL",
16
+ "SHAPE_FILL"
17
+ ]
18
+ }
13
19
  },
14
20
  "hover": {
15
21
  "$value": "{badge.muted.background.color.default}",
16
22
  "$type": "color",
17
- "$description": "Used for the background of a muted badge in the hover state."
23
+ "$description": "Used for the background of a muted badge in the hover state.",
24
+ "$extensions": {
25
+ "com.figma.scope": [
26
+ "FRAME_FILL",
27
+ "SHAPE_FILL"
28
+ ]
29
+ }
18
30
  },
19
31
  "focus": {
20
32
  "$value": "{badge.muted.background.color.hover}",
21
33
  "$type": "color",
22
- "$description": "Used for the background of a muted badge in the focus state."
34
+ "$description": "Used for the background of a muted badge in the focus state.",
35
+ "$extensions": {
36
+ "com.figma.scope": [
37
+ "FRAME_FILL",
38
+ "SHAPE_FILL"
39
+ ]
40
+ }
23
41
  },
24
42
  "active": {
25
43
  "$value": {
@@ -27,7 +45,13 @@
27
45
  "dark": "{color.neutral.300}"
28
46
  },
29
47
  "$type": "color",
30
- "$description": "Used for the background of a muted badge in the active state."
48
+ "$description": "Used for the background of a muted badge in the active state.",
49
+ "$extensions": {
50
+ "com.figma.scope": [
51
+ "FRAME_FILL",
52
+ "SHAPE_FILL"
53
+ ]
54
+ }
31
55
  }
32
56
  }
33
57
  },
@@ -36,7 +60,12 @@
36
60
  "default": {
37
61
  "$value": "{color.alpha.0}",
38
62
  "$type": "color",
39
- "$description": "Used for the border of a muted badge when static or the default state when linked."
63
+ "$description": "Used for the border of a muted badge when static or the default state when linked.",
64
+ "$extensions": {
65
+ "com.figma.scope": [
66
+ "STROKE_COLOR"
67
+ ]
68
+ }
40
69
  },
41
70
  "hover": {
42
71
  "$value": {
@@ -44,17 +73,32 @@
44
73
  "dark": "{color.neutral.300}"
45
74
  },
46
75
  "$type": "color",
47
- "$description": "Used for the border of a muted badge in the hover state."
76
+ "$description": "Used for the border of a muted badge in the hover state.",
77
+ "$extensions": {
78
+ "com.figma.scope": [
79
+ "STROKE_COLOR"
80
+ ]
81
+ }
48
82
  },
49
83
  "focus": {
50
84
  "$value": "{color.alpha.0}",
51
85
  "$type": "color",
52
- "$description": "Used for the border of a muted badge in the focus state."
86
+ "$description": "Used for the border of a muted badge in the focus state.",
87
+ "$extensions": {
88
+ "com.figma.scope": [
89
+ "STROKE_COLOR"
90
+ ]
91
+ }
53
92
  },
54
93
  "active": {
55
94
  "$value": "{color.alpha.0}",
56
95
  "$type": "color",
57
- "$description": "Used for the border of a muted badge in the active state."
96
+ "$description": "Used for the border of a muted badge in the active state.",
97
+ "$extensions": {
98
+ "com.figma.scope": [
99
+ "STROKE_COLOR"
100
+ ]
101
+ }
58
102
  }
59
103
  }
60
104
  },
@@ -66,7 +110,12 @@
66
110
  "dark": "{color.neutral.950}"
67
111
  },
68
112
  "$type": "color",
69
- "$description": "Used for the text of a muted badge when static or the default state when linked."
113
+ "$description": "Used for the text of a muted badge when static or the default state when linked.",
114
+ "$extensions": {
115
+ "com.figma.scope": [
116
+ "TEXT_FILL"
117
+ ]
118
+ }
70
119
  },
71
120
  "hover": {
72
121
  "$value": {
@@ -74,12 +123,22 @@
74
123
  "dark": "{color.neutral.950}"
75
124
  },
76
125
  "$type": "color",
77
- "$description": "Used for the text of a muted badge in the hover state."
126
+ "$description": "Used for the text of a muted badge in the hover state.",
127
+ "$extensions": {
128
+ "com.figma.scope": [
129
+ "TEXT_FILL"
130
+ ]
131
+ }
78
132
  },
79
133
  "focus": {
80
134
  "$value": "{badge.muted.text.color.hover}",
81
135
  "$type": "color",
82
- "$description": "Used for the text of a muted badge in the focus state."
136
+ "$description": "Used for the text of a muted badge in the focus state.",
137
+ "$extensions": {
138
+ "com.figma.scope": [
139
+ "TEXT_FILL"
140
+ ]
141
+ }
83
142
  },
84
143
  "active": {
85
144
  "$value": {
@@ -87,7 +146,12 @@
87
146
  "dark": "{color.neutral.950}"
88
147
  },
89
148
  "$type": "color",
90
- "$description": "Used for the text of a muted badge in the active state."
149
+ "$description": "Used for the text of a muted badge in the active state.",
150
+ "$extensions": {
151
+ "com.figma.scope": [
152
+ "TEXT_FILL"
153
+ ]
154
+ }
91
155
  }
92
156
  }
93
157
  },
@@ -99,7 +163,13 @@
99
163
  "dark": "{color.neutral.950}"
100
164
  },
101
165
  "$type": "color",
102
- "$description": "Used for the icon of a muted badge when static or the default state when linked."
166
+ "$description": "Used for the icon of a muted badge when static or the default state when linked.",
167
+ "$extensions": {
168
+ "com.figma.scope": [
169
+ "SHAPE_FILL",
170
+ "TEXT_FILL"
171
+ ]
172
+ }
103
173
  },
104
174
  "hover": {
105
175
  "$value": {
@@ -107,12 +177,24 @@
107
177
  "dark": "{color.neutral.950}"
108
178
  },
109
179
  "$type": "color",
110
- "$description": "Used for the icon of a muted badge in the hover state."
180
+ "$description": "Used for the icon of a muted badge in the hover state.",
181
+ "$extensions": {
182
+ "com.figma.scope": [
183
+ "SHAPE_FILL",
184
+ "TEXT_FILL"
185
+ ]
186
+ }
111
187
  },
112
188
  "focus": {
113
189
  "$value": "{badge.muted.icon.color.hover}",
114
190
  "$type": "color",
115
- "$description": "Used for the icon of a muted badge in the focus state."
191
+ "$description": "Used for the icon of a muted badge in the focus state.",
192
+ "$extensions": {
193
+ "com.figma.scope": [
194
+ "SHAPE_FILL",
195
+ "TEXT_FILL"
196
+ ]
197
+ }
116
198
  },
117
199
  "active": {
118
200
  "$value": {
@@ -120,7 +202,13 @@
120
202
  "dark": "{color.neutral.950}"
121
203
  },
122
204
  "$type": "color",
123
- "$description": "Used for the icon of a muted badge in the active state."
205
+ "$description": "Used for the icon of a muted badge in the active state.",
206
+ "$extensions": {
207
+ "com.figma.scope": [
208
+ "SHAPE_FILL",
209
+ "TEXT_FILL"
210
+ ]
211
+ }
124
212
  }
125
213
  }
126
214
  }
@@ -134,17 +222,35 @@
134
222
  "dark": "{color.neutral.300}"
135
223
  },
136
224
  "$type": "color",
137
- "$description": "Used for the background of a neutral badge when static or the default state when linked."
225
+ "$description": "Used for the background of a neutral badge when static or the default state when linked.",
226
+ "$extensions": {
227
+ "com.figma.scope": [
228
+ "FRAME_FILL",
229
+ "SHAPE_FILL"
230
+ ]
231
+ }
138
232
  },
139
233
  "hover": {
140
234
  "$value": "{badge.neutral.background.color.default}",
141
235
  "$type": "color",
142
- "$description": "Used for the background of a neutral badge in the hover state."
236
+ "$description": "Used for the background of a neutral badge in the hover state.",
237
+ "$extensions": {
238
+ "com.figma.scope": [
239
+ "FRAME_FILL",
240
+ "SHAPE_FILL"
241
+ ]
242
+ }
143
243
  },
144
244
  "focus": {
145
245
  "$value": "{badge.neutral.background.color.hover}",
146
246
  "$type": "color",
147
- "$description": "Used for the background of a neutral badge in the focus state."
247
+ "$description": "Used for the background of a neutral badge in the focus state.",
248
+ "$extensions": {
249
+ "com.figma.scope": [
250
+ "FRAME_FILL",
251
+ "SHAPE_FILL"
252
+ ]
253
+ }
148
254
  },
149
255
  "active": {
150
256
  "$value": {
@@ -152,7 +258,13 @@
152
258
  "dark": "{color.neutral.200}"
153
259
  },
154
260
  "$type": "color",
155
- "$description": "Used for the background of a neutral badge in the active state."
261
+ "$description": "Used for the background of a neutral badge in the active state.",
262
+ "$extensions": {
263
+ "com.figma.scope": [
264
+ "FRAME_FILL",
265
+ "SHAPE_FILL"
266
+ ]
267
+ }
156
268
  }
157
269
  }
158
270
  },
@@ -161,7 +273,12 @@
161
273
  "default": {
162
274
  "$value": "{color.alpha.0}",
163
275
  "$type": "color",
164
- "$description": "Used for the border of a neutral badge when static or the default state when linked."
276
+ "$description": "Used for the border of a neutral badge when static or the default state when linked.",
277
+ "$extensions": {
278
+ "com.figma.scope": [
279
+ "STROKE_COLOR"
280
+ ]
281
+ }
165
282
  },
166
283
  "hover": {
167
284
  "$value": {
@@ -169,17 +286,32 @@
169
286
  "dark": "{color.neutral.200}"
170
287
  },
171
288
  "$type": "color",
172
- "$description": "Used for the border of a neutral badge in the hover state."
289
+ "$description": "Used for the border of a neutral badge in the hover state.",
290
+ "$extensions": {
291
+ "com.figma.scope": [
292
+ "STROKE_COLOR"
293
+ ]
294
+ }
173
295
  },
174
296
  "focus": {
175
297
  "$value": "{color.alpha.0}",
176
298
  "$type": "color",
177
- "$description": "Used for the border of a neutral badge in the focus state."
299
+ "$description": "Used for the border of a neutral badge in the focus state.",
300
+ "$extensions": {
301
+ "com.figma.scope": [
302
+ "STROKE_COLOR"
303
+ ]
304
+ }
178
305
  },
179
306
  "active": {
180
307
  "$value": "{color.alpha.0}",
181
308
  "$type": "color",
182
- "$description": "Used for the border of a neutral badge in the active state."
309
+ "$description": "Used for the border of a neutral badge in the active state.",
310
+ "$extensions": {
311
+ "com.figma.scope": [
312
+ "STROKE_COLOR"
313
+ ]
314
+ }
183
315
  }
184
316
  }
185
317
  },
@@ -191,7 +323,12 @@
191
323
  "dark": "{color.neutral.950}"
192
324
  },
193
325
  "$type": "color",
194
- "$description": "Used for the text of a neutral badge when static or the default state when linked."
326
+ "$description": "Used for the text of a neutral badge when static or the default state when linked.",
327
+ "$extensions": {
328
+ "com.figma.scope": [
329
+ "TEXT_FILL"
330
+ ]
331
+ }
195
332
  },
196
333
  "hover": {
197
334
  "$value": {
@@ -199,12 +336,22 @@
199
336
  "dark": "{color.neutral.950}"
200
337
  },
201
338
  "$type": "color",
202
- "$description": "Used for the text of a neutral badge in the hover state."
339
+ "$description": "Used for the text of a neutral badge in the hover state.",
340
+ "$extensions": {
341
+ "com.figma.scope": [
342
+ "TEXT_FILL"
343
+ ]
344
+ }
203
345
  },
204
346
  "focus": {
205
347
  "$value": "{badge.neutral.text.color.hover}",
206
348
  "$type": "color",
207
- "$description": "Used for the text of a neutral badge in the focus state."
349
+ "$description": "Used for the text of a neutral badge in the focus state.",
350
+ "$extensions": {
351
+ "com.figma.scope": [
352
+ "TEXT_FILL"
353
+ ]
354
+ }
208
355
  },
209
356
  "active": {
210
357
  "$value": {
@@ -212,7 +359,12 @@
212
359
  "dark": "{color.neutral.950}"
213
360
  },
214
361
  "$type": "color",
215
- "$description": "Used for the text of a neutral badge in the active state."
362
+ "$description": "Used for the text of a neutral badge in the active state.",
363
+ "$extensions": {
364
+ "com.figma.scope": [
365
+ "TEXT_FILL"
366
+ ]
367
+ }
216
368
  }
217
369
  }
218
370
  },
@@ -224,7 +376,13 @@
224
376
  "dark": "{color.neutral.950}"
225
377
  },
226
378
  "$type": "color",
227
- "$description": "Used for the icon of a neutral badge when static or the default state when linked."
379
+ "$description": "Used for the icon of a neutral badge when static or the default state when linked.",
380
+ "$extensions": {
381
+ "com.figma.scope": [
382
+ "SHAPE_FILL",
383
+ "TEXT_FILL"
384
+ ]
385
+ }
228
386
  },
229
387
  "hover": {
230
388
  "$value": {
@@ -232,12 +390,24 @@
232
390
  "dark": "{color.neutral.950}"
233
391
  },
234
392
  "$type": "color",
235
- "$description": "Used for the icon of a neutral badge in the hover state."
393
+ "$description": "Used for the icon of a neutral badge in the hover state.",
394
+ "$extensions": {
395
+ "com.figma.scope": [
396
+ "SHAPE_FILL",
397
+ "TEXT_FILL"
398
+ ]
399
+ }
236
400
  },
237
401
  "focus": {
238
402
  "$value": "{badge.neutral.icon.color.hover}",
239
403
  "$type": "color",
240
- "$description": "Used for the icon of a neutral badge in the focus state."
404
+ "$description": "Used for the icon of a neutral badge in the focus state.",
405
+ "$extensions": {
406
+ "com.figma.scope": [
407
+ "SHAPE_FILL",
408
+ "TEXT_FILL"
409
+ ]
410
+ }
241
411
  },
242
412
  "active": {
243
413
  "$value": {
@@ -245,7 +415,13 @@
245
415
  "dark": "{color.neutral.950}"
246
416
  },
247
417
  "$type": "color",
248
- "$description": "Used for the icon of a neutral badge in the active state."
418
+ "$description": "Used for the icon of a neutral badge in the active state.",
419
+ "$extensions": {
420
+ "com.figma.scope": [
421
+ "SHAPE_FILL",
422
+ "TEXT_FILL"
423
+ ]
424
+ }
249
425
  }
250
426
  }
251
427
  }
@@ -259,17 +435,35 @@
259
435
  "dark": "{color.blue.300}"
260
436
  },
261
437
  "$type": "color",
262
- "$description": "Used for the background of an informational badge when static or the default state when linked."
438
+ "$description": "Used for the background of an informational badge when static or the default state when linked.",
439
+ "$extensions": {
440
+ "com.figma.scope": [
441
+ "FRAME_FILL",
442
+ "SHAPE_FILL"
443
+ ]
444
+ }
263
445
  },
264
446
  "hover": {
265
447
  "$value": "{badge.info.background.color.default}",
266
448
  "$type": "color",
267
- "$description": "Used for the background of an informational badge in the hover state."
449
+ "$description": "Used for the background of an informational badge in the hover state.",
450
+ "$extensions": {
451
+ "com.figma.scope": [
452
+ "FRAME_FILL",
453
+ "SHAPE_FILL"
454
+ ]
455
+ }
268
456
  },
269
457
  "focus": {
270
458
  "$value": "{badge.info.background.color.hover}",
271
459
  "$type": "color",
272
- "$description": "Used for the background of an informational badge in the focus state."
460
+ "$description": "Used for the background of an informational badge in the focus state.",
461
+ "$extensions": {
462
+ "com.figma.scope": [
463
+ "FRAME_FILL",
464
+ "SHAPE_FILL"
465
+ ]
466
+ }
273
467
  },
274
468
  "active": {
275
469
  "$value": {
@@ -277,7 +471,13 @@
277
471
  "dark": "{color.blue.200}"
278
472
  },
279
473
  "$type": "color",
280
- "$description": "Used for the background of an informational badge in the active state."
474
+ "$description": "Used for the background of an informational badge in the active state.",
475
+ "$extensions": {
476
+ "com.figma.scope": [
477
+ "FRAME_FILL",
478
+ "SHAPE_FILL"
479
+ ]
480
+ }
281
481
  }
282
482
  }
283
483
  },
@@ -286,7 +486,12 @@
286
486
  "default": {
287
487
  "$value": "{color.alpha.0}",
288
488
  "$type": "color",
289
- "$description": "Used for the border of an informational badge when static or the default state when linked."
489
+ "$description": "Used for the border of an informational badge when static or the default state when linked.",
490
+ "$extensions": {
491
+ "com.figma.scope": [
492
+ "STROKE_COLOR"
493
+ ]
494
+ }
290
495
  },
291
496
  "hover": {
292
497
  "$value": {
@@ -294,17 +499,32 @@
294
499
  "dark": "{color.blue.200}"
295
500
  },
296
501
  "$type": "color",
297
- "$description": "Used for the border of an informational badge in the hover state."
502
+ "$description": "Used for the border of an informational badge in the hover state.",
503
+ "$extensions": {
504
+ "com.figma.scope": [
505
+ "STROKE_COLOR"
506
+ ]
507
+ }
298
508
  },
299
509
  "focus": {
300
510
  "$value": "{color.alpha.0}",
301
511
  "$type": "color",
302
- "$description": "Used for the border of an informational badge in the focus state."
512
+ "$description": "Used for the border of an informational badge in the focus state.",
513
+ "$extensions": {
514
+ "com.figma.scope": [
515
+ "STROKE_COLOR"
516
+ ]
517
+ }
303
518
  },
304
519
  "active": {
305
520
  "$value": "{color.alpha.0}",
306
521
  "$type": "color",
307
- "$description": "Used for the border of an informational badge in the active state."
522
+ "$description": "Used for the border of an informational badge in the active state.",
523
+ "$extensions": {
524
+ "com.figma.scope": [
525
+ "STROKE_COLOR"
526
+ ]
527
+ }
308
528
  }
309
529
  }
310
530
  },
@@ -316,7 +536,12 @@
316
536
  "dark": "{color.blue.950}"
317
537
  },
318
538
  "$type": "color",
319
- "$description": "Used for the text of an informational badge when static or the default state when linked."
539
+ "$description": "Used for the text of an informational badge when static or the default state when linked.",
540
+ "$extensions": {
541
+ "com.figma.scope": [
542
+ "TEXT_FILL"
543
+ ]
544
+ }
320
545
  },
321
546
  "hover": {
322
547
  "$value": {
@@ -324,12 +549,22 @@
324
549
  "dark": "{color.blue.950}"
325
550
  },
326
551
  "$type": "color",
327
- "$description": "Used for the text of an informational badge in the hover state."
552
+ "$description": "Used for the text of an informational badge in the hover state.",
553
+ "$extensions": {
554
+ "com.figma.scope": [
555
+ "TEXT_FILL"
556
+ ]
557
+ }
328
558
  },
329
559
  "focus": {
330
560
  "$value": "{badge.info.text.color.hover}",
331
561
  "$type": "color",
332
- "$description": "Used for the text of an informational badge in the focus state."
562
+ "$description": "Used for the text of an informational badge in the focus state.",
563
+ "$extensions": {
564
+ "com.figma.scope": [
565
+ "TEXT_FILL"
566
+ ]
567
+ }
333
568
  },
334
569
  "active": {
335
570
  "$value": {
@@ -337,7 +572,12 @@
337
572
  "dark": "{color.blue.950}"
338
573
  },
339
574
  "$type": "color",
340
- "$description": "Used for the text of an informational badge in the active state."
575
+ "$description": "Used for the text of an informational badge in the active state.",
576
+ "$extensions": {
577
+ "com.figma.scope": [
578
+ "TEXT_FILL"
579
+ ]
580
+ }
341
581
  }
342
582
  }
343
583
  },
@@ -349,7 +589,13 @@
349
589
  "dark": "{color.blue.950}"
350
590
  },
351
591
  "$type": "color",
352
- "$description": "Used for the icon of an informational badge when static or the default state when linked."
592
+ "$description": "Used for the icon of an informational badge when static or the default state when linked.",
593
+ "$extensions": {
594
+ "com.figma.scope": [
595
+ "SHAPE_FILL",
596
+ "TEXT_FILL"
597
+ ]
598
+ }
353
599
  },
354
600
  "hover": {
355
601
  "$value": {
@@ -357,12 +603,24 @@
357
603
  "dark": "{color.blue.950}"
358
604
  },
359
605
  "$type": "color",
360
- "$description": "Used for the icon of an informational badge in the hover state."
606
+ "$description": "Used for the icon of an informational badge in the hover state.",
607
+ "$extensions": {
608
+ "com.figma.scope": [
609
+ "SHAPE_FILL",
610
+ "TEXT_FILL"
611
+ ]
612
+ }
361
613
  },
362
614
  "focus": {
363
615
  "$value": "{badge.info.icon.color.hover}",
364
616
  "$type": "color",
365
- "$description": "Used for the icon of an informational badge in the focus state."
617
+ "$description": "Used for the icon of an informational badge in the focus state.",
618
+ "$extensions": {
619
+ "com.figma.scope": [
620
+ "SHAPE_FILL",
621
+ "TEXT_FILL"
622
+ ]
623
+ }
366
624
  },
367
625
  "active": {
368
626
  "$value": {
@@ -370,7 +628,13 @@
370
628
  "dark": "{color.blue.950}"
371
629
  },
372
630
  "$type": "color",
373
- "$description": "Used for the icon of an informational badge in the active state."
631
+ "$description": "Used for the icon of an informational badge in the active state.",
632
+ "$extensions": {
633
+ "com.figma.scope": [
634
+ "SHAPE_FILL",
635
+ "TEXT_FILL"
636
+ ]
637
+ }
374
638
  }
375
639
  }
376
640
  }
@@ -384,17 +648,35 @@
384
648
  "dark": "{color.green.300}"
385
649
  },
386
650
  "$type": "color",
387
- "$description": "Used for the background of a success badge when static or the default state when linked."
651
+ "$description": "Used for the background of a success badge when static or the default state when linked.",
652
+ "$extensions": {
653
+ "com.figma.scope": [
654
+ "FRAME_FILL",
655
+ "SHAPE_FILL"
656
+ ]
657
+ }
388
658
  },
389
659
  "hover": {
390
660
  "$value": "{badge.success.background.color.default}",
391
661
  "$type": "color",
392
- "$description": "Used for the background of a success badge in the hover state."
662
+ "$description": "Used for the background of a success badge in the hover state.",
663
+ "$extensions": {
664
+ "com.figma.scope": [
665
+ "FRAME_FILL",
666
+ "SHAPE_FILL"
667
+ ]
668
+ }
393
669
  },
394
670
  "focus": {
395
671
  "$value": "{badge.success.background.color.hover}",
396
672
  "$type": "color",
397
- "$description": "Used for the background of a success badge in the focus state."
673
+ "$description": "Used for the background of a success badge in the focus state.",
674
+ "$extensions": {
675
+ "com.figma.scope": [
676
+ "FRAME_FILL",
677
+ "SHAPE_FILL"
678
+ ]
679
+ }
398
680
  },
399
681
  "active": {
400
682
  "$value": {
@@ -402,7 +684,13 @@
402
684
  "dark": "{color.green.200}"
403
685
  },
404
686
  "$type": "color",
405
- "$description": "Used for the background of a success badge in the active state."
687
+ "$description": "Used for the background of a success badge in the active state.",
688
+ "$extensions": {
689
+ "com.figma.scope": [
690
+ "FRAME_FILL",
691
+ "SHAPE_FILL"
692
+ ]
693
+ }
406
694
  }
407
695
  }
408
696
  },
@@ -411,7 +699,12 @@
411
699
  "default": {
412
700
  "$value": "{color.alpha.0}",
413
701
  "$type": "color",
414
- "$description": "Used for the border of a success badge when static or the default state when linked."
702
+ "$description": "Used for the border of a success badge when static or the default state when linked.",
703
+ "$extensions": {
704
+ "com.figma.scope": [
705
+ "STROKE_COLOR"
706
+ ]
707
+ }
415
708
  },
416
709
  "hover": {
417
710
  "$value": {
@@ -419,17 +712,32 @@
419
712
  "dark": "{color.green.200}"
420
713
  },
421
714
  "$type": "color",
422
- "$description": "Used for the border of a success badge in the hover state."
715
+ "$description": "Used for the border of a success badge in the hover state.",
716
+ "$extensions": {
717
+ "com.figma.scope": [
718
+ "STROKE_COLOR"
719
+ ]
720
+ }
423
721
  },
424
722
  "focus": {
425
723
  "$value": "{color.alpha.0}",
426
724
  "$type": "color",
427
- "$description": "Used for the border of a success badge in the focus state."
725
+ "$description": "Used for the border of a success badge in the focus state.",
726
+ "$extensions": {
727
+ "com.figma.scope": [
728
+ "STROKE_COLOR"
729
+ ]
730
+ }
428
731
  },
429
732
  "active": {
430
733
  "$value": "{color.alpha.0}",
431
734
  "$type": "color",
432
- "$description": "Used for the border of a success badge in the active state."
735
+ "$description": "Used for the border of a success badge in the active state.",
736
+ "$extensions": {
737
+ "com.figma.scope": [
738
+ "STROKE_COLOR"
739
+ ]
740
+ }
433
741
  }
434
742
  }
435
743
  },
@@ -441,7 +749,12 @@
441
749
  "dark": "{color.green.950}"
442
750
  },
443
751
  "$type": "color",
444
- "$description": "Used for the text of a success badge when static or the default state when linked."
752
+ "$description": "Used for the text of a success badge when static or the default state when linked.",
753
+ "$extensions": {
754
+ "com.figma.scope": [
755
+ "TEXT_FILL"
756
+ ]
757
+ }
445
758
  },
446
759
  "hover": {
447
760
  "$value": {
@@ -449,12 +762,22 @@
449
762
  "dark": "{color.green.950}"
450
763
  },
451
764
  "$type": "color",
452
- "$description": "Used for the text of a success badge in the hover state."
765
+ "$description": "Used for the text of a success badge in the hover state.",
766
+ "$extensions": {
767
+ "com.figma.scope": [
768
+ "TEXT_FILL"
769
+ ]
770
+ }
453
771
  },
454
772
  "focus": {
455
773
  "$value": "{badge.success.text.color.hover}",
456
774
  "$type": "color",
457
- "$description": "Used for the text of a success badge in the focus state."
775
+ "$description": "Used for the text of a success badge in the focus state.",
776
+ "$extensions": {
777
+ "com.figma.scope": [
778
+ "TEXT_FILL"
779
+ ]
780
+ }
458
781
  },
459
782
  "active": {
460
783
  "$value": {
@@ -462,7 +785,12 @@
462
785
  "dark": "{color.green.950}"
463
786
  },
464
787
  "$type": "color",
465
- "$description": "Used for the text of a success badge in the active state."
788
+ "$description": "Used for the text of a success badge in the active state.",
789
+ "$extensions": {
790
+ "com.figma.scope": [
791
+ "TEXT_FILL"
792
+ ]
793
+ }
466
794
  }
467
795
  }
468
796
  },
@@ -474,7 +802,13 @@
474
802
  "dark": "{color.green.950}"
475
803
  },
476
804
  "$type": "color",
477
- "$description": "Used for the icon of a success badge when static or the default state when linked."
805
+ "$description": "Used for the icon of a success badge when static or the default state when linked.",
806
+ "$extensions": {
807
+ "com.figma.scope": [
808
+ "SHAPE_FILL",
809
+ "TEXT_FILL"
810
+ ]
811
+ }
478
812
  },
479
813
  "hover": {
480
814
  "$value": {
@@ -482,12 +816,24 @@
482
816
  "dark": "{color.green.950}"
483
817
  },
484
818
  "$type": "color",
485
- "$description": "Used for the icon of a success badge in the hover state."
819
+ "$description": "Used for the icon of a success badge in the hover state.",
820
+ "$extensions": {
821
+ "com.figma.scope": [
822
+ "SHAPE_FILL",
823
+ "TEXT_FILL"
824
+ ]
825
+ }
486
826
  },
487
827
  "focus": {
488
828
  "$value": "{badge.success.icon.color.hover}",
489
829
  "$type": "color",
490
- "$description": "Used for the icon of a success badge in the focus state."
830
+ "$description": "Used for the icon of a success badge in the focus state.",
831
+ "$extensions": {
832
+ "com.figma.scope": [
833
+ "SHAPE_FILL",
834
+ "TEXT_FILL"
835
+ ]
836
+ }
491
837
  },
492
838
  "active": {
493
839
  "$value": {
@@ -495,7 +841,13 @@
495
841
  "dark": "{color.green.950}"
496
842
  },
497
843
  "$type": "color",
498
- "$description": "Used for the icon of a success badge in the active state."
844
+ "$description": "Used for the icon of a success badge in the active state.",
845
+ "$extensions": {
846
+ "com.figma.scope": [
847
+ "SHAPE_FILL",
848
+ "TEXT_FILL"
849
+ ]
850
+ }
499
851
  }
500
852
  }
501
853
  }
@@ -509,17 +861,35 @@
509
861
  "dark": "{color.orange.300}"
510
862
  },
511
863
  "$type": "color",
512
- "$description": "Used for the background of a warning badge when static or the default state when linked."
864
+ "$description": "Used for the background of a warning badge when static or the default state when linked.",
865
+ "$extensions": {
866
+ "com.figma.scope": [
867
+ "FRAME_FILL",
868
+ "SHAPE_FILL"
869
+ ]
870
+ }
513
871
  },
514
872
  "hover": {
515
873
  "$value": "{badge.warning.background.color.default}",
516
874
  "$type": "color",
517
- "$description": "Used for the background of a warning badge in the hover state."
875
+ "$description": "Used for the background of a warning badge in the hover state.",
876
+ "$extensions": {
877
+ "com.figma.scope": [
878
+ "FRAME_FILL",
879
+ "SHAPE_FILL"
880
+ ]
881
+ }
518
882
  },
519
883
  "focus": {
520
884
  "$value": "{badge.warning.background.color.hover}",
521
885
  "$type": "color",
522
- "$description": "Used for the background of a warning badge in the focus state."
886
+ "$description": "Used for the background of a warning badge in the focus state.",
887
+ "$extensions": {
888
+ "com.figma.scope": [
889
+ "FRAME_FILL",
890
+ "SHAPE_FILL"
891
+ ]
892
+ }
523
893
  },
524
894
  "active": {
525
895
  "$value": {
@@ -527,7 +897,13 @@
527
897
  "dark": "{color.orange.200}"
528
898
  },
529
899
  "$type": "color",
530
- "$description": "Used for the background of a warning badge in the active state."
900
+ "$description": "Used for the background of a warning badge in the active state.",
901
+ "$extensions": {
902
+ "com.figma.scope": [
903
+ "FRAME_FILL",
904
+ "SHAPE_FILL"
905
+ ]
906
+ }
531
907
  }
532
908
  }
533
909
  },
@@ -536,7 +912,12 @@
536
912
  "default": {
537
913
  "$value": "{color.alpha.0}",
538
914
  "$type": "color",
539
- "$description": "Used for the border of a warning badge when static or the default state when linked."
915
+ "$description": "Used for the border of a warning badge when static or the default state when linked.",
916
+ "$extensions": {
917
+ "com.figma.scope": [
918
+ "STROKE_COLOR"
919
+ ]
920
+ }
540
921
  },
541
922
  "hover": {
542
923
  "$value": {
@@ -544,17 +925,32 @@
544
925
  "dark": "{color.orange.200}"
545
926
  },
546
927
  "$type": "color",
547
- "$description": "Used for the border of a warning badge in the hover state."
928
+ "$description": "Used for the border of a warning badge in the hover state.",
929
+ "$extensions": {
930
+ "com.figma.scope": [
931
+ "STROKE_COLOR"
932
+ ]
933
+ }
548
934
  },
549
935
  "focus": {
550
936
  "$value": "{color.alpha.0}",
551
937
  "$type": "color",
552
- "$description": "Used for the border of a warning badge in the focus state."
938
+ "$description": "Used for the border of a warning badge in the focus state.",
939
+ "$extensions": {
940
+ "com.figma.scope": [
941
+ "STROKE_COLOR"
942
+ ]
943
+ }
553
944
  },
554
945
  "active": {
555
946
  "$value": "{color.alpha.0}",
556
947
  "$type": "color",
557
- "$description": "Used for the border of a warning badge in the active state."
948
+ "$description": "Used for the border of a warning badge in the active state.",
949
+ "$extensions": {
950
+ "com.figma.scope": [
951
+ "STROKE_COLOR"
952
+ ]
953
+ }
558
954
  }
559
955
  }
560
956
  },
@@ -566,7 +962,12 @@
566
962
  "dark": "{color.orange.950}"
567
963
  },
568
964
  "$type": "color",
569
- "$description": "Used for the text of a warning badge when static or the default state when linked."
965
+ "$description": "Used for the text of a warning badge when static or the default state when linked.",
966
+ "$extensions": {
967
+ "com.figma.scope": [
968
+ "TEXT_FILL"
969
+ ]
970
+ }
570
971
  },
571
972
  "hover": {
572
973
  "$value": {
@@ -574,12 +975,22 @@
574
975
  "dark": "{color.orange.950}"
575
976
  },
576
977
  "$type": "color",
577
- "$description": "Used for the text of a warning badge in the hover state."
978
+ "$description": "Used for the text of a warning badge in the hover state.",
979
+ "$extensions": {
980
+ "com.figma.scope": [
981
+ "TEXT_FILL"
982
+ ]
983
+ }
578
984
  },
579
985
  "focus": {
580
986
  "$value": "{badge.warning.text.color.hover}",
581
987
  "$type": "color",
582
- "$description": "Used for the text of a warning badge in the focus state."
988
+ "$description": "Used for the text of a warning badge in the focus state.",
989
+ "$extensions": {
990
+ "com.figma.scope": [
991
+ "TEXT_FILL"
992
+ ]
993
+ }
583
994
  },
584
995
  "active": {
585
996
  "$value": {
@@ -587,7 +998,12 @@
587
998
  "dark": "{color.orange.950}"
588
999
  },
589
1000
  "$type": "color",
590
- "$description": "Used for the text of a warning badge in the active state."
1001
+ "$description": "Used for the text of a warning badge in the active state.",
1002
+ "$extensions": {
1003
+ "com.figma.scope": [
1004
+ "TEXT_FILL"
1005
+ ]
1006
+ }
591
1007
  }
592
1008
  }
593
1009
  },
@@ -599,7 +1015,13 @@
599
1015
  "dark": "{color.orange.950}"
600
1016
  },
601
1017
  "$type": "color",
602
- "$description": "Used for the icon of a warning badge when static or the default state when linked."
1018
+ "$description": "Used for the icon of a warning badge when static or the default state when linked.",
1019
+ "$extensions": {
1020
+ "com.figma.scope": [
1021
+ "SHAPE_FILL",
1022
+ "TEXT_FILL"
1023
+ ]
1024
+ }
603
1025
  },
604
1026
  "hover": {
605
1027
  "$value": {
@@ -607,12 +1029,24 @@
607
1029
  "dark": "{color.orange.950}"
608
1030
  },
609
1031
  "$type": "color",
610
- "$description": "Used for the icon of a warning badge in the hover state."
1032
+ "$description": "Used for the icon of a warning badge in the hover state.",
1033
+ "$extensions": {
1034
+ "com.figma.scope": [
1035
+ "SHAPE_FILL",
1036
+ "TEXT_FILL"
1037
+ ]
1038
+ }
611
1039
  },
612
1040
  "focus": {
613
1041
  "$value": "{badge.warning.icon.color.hover}",
614
1042
  "$type": "color",
615
- "$description": "Used for the icon of a warning badge in the focus state."
1043
+ "$description": "Used for the icon of a warning badge in the focus state.",
1044
+ "$extensions": {
1045
+ "com.figma.scope": [
1046
+ "SHAPE_FILL",
1047
+ "TEXT_FILL"
1048
+ ]
1049
+ }
616
1050
  },
617
1051
  "active": {
618
1052
  "$value": {
@@ -620,7 +1054,13 @@
620
1054
  "dark": "{color.orange.950}"
621
1055
  },
622
1056
  "$type": "color",
623
- "$description": "Used for the icon of a warning badge in the active state."
1057
+ "$description": "Used for the icon of a warning badge in the active state.",
1058
+ "$extensions": {
1059
+ "com.figma.scope": [
1060
+ "SHAPE_FILL",
1061
+ "TEXT_FILL"
1062
+ ]
1063
+ }
624
1064
  }
625
1065
  }
626
1066
  }
@@ -634,17 +1074,35 @@
634
1074
  "dark": "{color.red.300}"
635
1075
  },
636
1076
  "$type": "color",
637
- "$description": "Used for the background of a danger badge when static or the default state when linked."
1077
+ "$description": "Used for the background of a danger badge when static or the default state when linked.",
1078
+ "$extensions": {
1079
+ "com.figma.scope": [
1080
+ "FRAME_FILL",
1081
+ "SHAPE_FILL"
1082
+ ]
1083
+ }
638
1084
  },
639
1085
  "hover": {
640
1086
  "$value": "{badge.danger.background.color.default}",
641
1087
  "$type": "color",
642
- "$description": "Used for the background of a danger badge in the hover state."
1088
+ "$description": "Used for the background of a danger badge in the hover state.",
1089
+ "$extensions": {
1090
+ "com.figma.scope": [
1091
+ "FRAME_FILL",
1092
+ "SHAPE_FILL"
1093
+ ]
1094
+ }
643
1095
  },
644
1096
  "focus": {
645
1097
  "$value": "{badge.danger.background.color.hover}",
646
1098
  "$type": "color",
647
- "$description": "Used for the background of a danger badge in the focus state."
1099
+ "$description": "Used for the background of a danger badge in the focus state.",
1100
+ "$extensions": {
1101
+ "com.figma.scope": [
1102
+ "FRAME_FILL",
1103
+ "SHAPE_FILL"
1104
+ ]
1105
+ }
648
1106
  },
649
1107
  "active": {
650
1108
  "$value": {
@@ -652,7 +1110,13 @@
652
1110
  "dark": "{color.red.200}"
653
1111
  },
654
1112
  "$type": "color",
655
- "$description": "Used for the background of a danger badge in the active state."
1113
+ "$description": "Used for the background of a danger badge in the active state.",
1114
+ "$extensions": {
1115
+ "com.figma.scope": [
1116
+ "FRAME_FILL",
1117
+ "SHAPE_FILL"
1118
+ ]
1119
+ }
656
1120
  }
657
1121
  }
658
1122
  },
@@ -661,7 +1125,12 @@
661
1125
  "default": {
662
1126
  "$value": "{color.alpha.0}",
663
1127
  "$type": "color",
664
- "$description": "Used for the border of a danger badge when static or the default state when linked."
1128
+ "$description": "Used for the border of a danger badge when static or the default state when linked.",
1129
+ "$extensions": {
1130
+ "com.figma.scope": [
1131
+ "STROKE_COLOR"
1132
+ ]
1133
+ }
665
1134
  },
666
1135
  "hover": {
667
1136
  "$value": {
@@ -669,17 +1138,32 @@
669
1138
  "dark": "{color.red.200}"
670
1139
  },
671
1140
  "$type": "color",
672
- "$description": "Used for the border of a danger badge in the hover state."
1141
+ "$description": "Used for the border of a danger badge in the hover state.",
1142
+ "$extensions": {
1143
+ "com.figma.scope": [
1144
+ "STROKE_COLOR"
1145
+ ]
1146
+ }
673
1147
  },
674
1148
  "focus": {
675
1149
  "$value": "{color.alpha.0}",
676
1150
  "$type": "color",
677
- "$description": "Used for the border of a danger badge in the focus state."
1151
+ "$description": "Used for the border of a danger badge in the focus state.",
1152
+ "$extensions": {
1153
+ "com.figma.scope": [
1154
+ "STROKE_COLOR"
1155
+ ]
1156
+ }
678
1157
  },
679
1158
  "active": {
680
1159
  "$value": "{color.alpha.0}",
681
1160
  "$type": "color",
682
- "$description": "Used for the border of a danger badge in the active state."
1161
+ "$description": "Used for the border of a danger badge in the active state.",
1162
+ "$extensions": {
1163
+ "com.figma.scope": [
1164
+ "STROKE_COLOR"
1165
+ ]
1166
+ }
683
1167
  }
684
1168
  }
685
1169
  },
@@ -691,7 +1175,12 @@
691
1175
  "dark": "{color.red.950}"
692
1176
  },
693
1177
  "$type": "color",
694
- "$description": "Used for the text of a danger badge when static or the default state when linked."
1178
+ "$description": "Used for the text of a danger badge when static or the default state when linked.",
1179
+ "$extensions": {
1180
+ "com.figma.scope": [
1181
+ "TEXT_FILL"
1182
+ ]
1183
+ }
695
1184
  },
696
1185
  "hover": {
697
1186
  "$value": {
@@ -699,12 +1188,22 @@
699
1188
  "dark": "{color.red.950}"
700
1189
  },
701
1190
  "$type": "color",
702
- "$description": "Used for the text of a danger badge in the hover state."
1191
+ "$description": "Used for the text of a danger badge in the hover state.",
1192
+ "$extensions": {
1193
+ "com.figma.scope": [
1194
+ "TEXT_FILL"
1195
+ ]
1196
+ }
703
1197
  },
704
1198
  "focus": {
705
1199
  "$value": "{badge.danger.text.color.hover}",
706
1200
  "$type": "color",
707
- "$description": "Used for the text of a danger badge in the focus state."
1201
+ "$description": "Used for the text of a danger badge in the focus state.",
1202
+ "$extensions": {
1203
+ "com.figma.scope": [
1204
+ "TEXT_FILL"
1205
+ ]
1206
+ }
708
1207
  },
709
1208
  "active": {
710
1209
  "$value": {
@@ -712,7 +1211,12 @@
712
1211
  "dark": "{color.red.950}"
713
1212
  },
714
1213
  "$type": "color",
715
- "$description": "Used for the text of a danger badge in the active state."
1214
+ "$description": "Used for the text of a danger badge in the active state.",
1215
+ "$extensions": {
1216
+ "com.figma.scope": [
1217
+ "TEXT_FILL"
1218
+ ]
1219
+ }
716
1220
  }
717
1221
  }
718
1222
  },
@@ -724,7 +1228,13 @@
724
1228
  "dark": "{color.red.950}"
725
1229
  },
726
1230
  "$type": "color",
727
- "$description": "Used for the icon of a danger badge when static or the default state when linked."
1231
+ "$description": "Used for the icon of a danger badge when static or the default state when linked.",
1232
+ "$extensions": {
1233
+ "com.figma.scope": [
1234
+ "SHAPE_FILL",
1235
+ "TEXT_FILL"
1236
+ ]
1237
+ }
728
1238
  },
729
1239
  "hover": {
730
1240
  "$value": {
@@ -732,12 +1242,24 @@
732
1242
  "dark": "{color.red.950}"
733
1243
  },
734
1244
  "$type": "color",
735
- "$description": "Used for the icon of a danger badge in the hover state."
1245
+ "$description": "Used for the icon of a danger badge in the hover state.",
1246
+ "$extensions": {
1247
+ "com.figma.scope": [
1248
+ "SHAPE_FILL",
1249
+ "TEXT_FILL"
1250
+ ]
1251
+ }
736
1252
  },
737
1253
  "focus": {
738
1254
  "$value": "{badge.danger.icon.color.hover}",
739
1255
  "$type": "color",
740
- "$description": "Used for the icon of a danger badge in the focus state."
1256
+ "$description": "Used for the icon of a danger badge in the focus state.",
1257
+ "$extensions": {
1258
+ "com.figma.scope": [
1259
+ "SHAPE_FILL",
1260
+ "TEXT_FILL"
1261
+ ]
1262
+ }
741
1263
  },
742
1264
  "active": {
743
1265
  "$value": {
@@ -745,7 +1267,13 @@
745
1267
  "dark": "{color.red.950}"
746
1268
  },
747
1269
  "$type": "color",
748
- "$description": "Used for the icon of a danger badge in the active state."
1270
+ "$description": "Used for the icon of a danger badge in the active state.",
1271
+ "$extensions": {
1272
+ "com.figma.scope": [
1273
+ "SHAPE_FILL",
1274
+ "TEXT_FILL"
1275
+ ]
1276
+ }
749
1277
  }
750
1278
  }
751
1279
  }
@@ -759,17 +1287,35 @@
759
1287
  "dark": "{color.purple.300}"
760
1288
  },
761
1289
  "$type": "color",
762
- "$description": "Used for the background of a tier related badge when static or the default state when linked."
1290
+ "$description": "Used for the background of a tier related badge when static or the default state when linked.",
1291
+ "$extensions": {
1292
+ "com.figma.scope": [
1293
+ "FRAME_FILL",
1294
+ "SHAPE_FILL"
1295
+ ]
1296
+ }
763
1297
  },
764
1298
  "hover": {
765
1299
  "$value": "{badge.tier.background.color.default}",
766
1300
  "$type": "color",
767
- "$description": "Used for the background of a tier related badge in the hover state."
1301
+ "$description": "Used for the background of a tier related badge in the hover state.",
1302
+ "$extensions": {
1303
+ "com.figma.scope": [
1304
+ "FRAME_FILL",
1305
+ "SHAPE_FILL"
1306
+ ]
1307
+ }
768
1308
  },
769
1309
  "focus": {
770
1310
  "$value": "{badge.tier.background.color.hover}",
771
1311
  "$type": "color",
772
- "$description": "Used for the background of a tier related badge in the focus state."
1312
+ "$description": "Used for the background of a tier related badge in the focus state.",
1313
+ "$extensions": {
1314
+ "com.figma.scope": [
1315
+ "FRAME_FILL",
1316
+ "SHAPE_FILL"
1317
+ ]
1318
+ }
773
1319
  },
774
1320
  "active": {
775
1321
  "$value": {
@@ -777,7 +1323,13 @@
777
1323
  "dark": "{color.purple.200}"
778
1324
  },
779
1325
  "$type": "color",
780
- "$description": "Used for the background of a tier related badge in the active state."
1326
+ "$description": "Used for the background of a tier related badge in the active state.",
1327
+ "$extensions": {
1328
+ "com.figma.scope": [
1329
+ "FRAME_FILL",
1330
+ "SHAPE_FILL"
1331
+ ]
1332
+ }
781
1333
  }
782
1334
  }
783
1335
  },
@@ -786,7 +1338,12 @@
786
1338
  "default": {
787
1339
  "$value": "{color.alpha.0}",
788
1340
  "$type": "color",
789
- "$description": "Used for the border of a tier related badge when static or the default state when linked."
1341
+ "$description": "Used for the border of a tier related badge when static or the default state when linked.",
1342
+ "$extensions": {
1343
+ "com.figma.scope": [
1344
+ "STROKE_COLOR"
1345
+ ]
1346
+ }
790
1347
  },
791
1348
  "hover": {
792
1349
  "$value": {
@@ -794,17 +1351,32 @@
794
1351
  "dark": "{color.purple.200}"
795
1352
  },
796
1353
  "$type": "color",
797
- "$description": "Used for the border of a tier related badge in the hover state."
1354
+ "$description": "Used for the border of a tier related badge in the hover state.",
1355
+ "$extensions": {
1356
+ "com.figma.scope": [
1357
+ "STROKE_COLOR"
1358
+ ]
1359
+ }
798
1360
  },
799
1361
  "focus": {
800
1362
  "$value": "{color.alpha.0}",
801
1363
  "$type": "color",
802
- "$description": "Used for the border of a tier related badge in the focus state."
1364
+ "$description": "Used for the border of a tier related badge in the focus state.",
1365
+ "$extensions": {
1366
+ "com.figma.scope": [
1367
+ "STROKE_COLOR"
1368
+ ]
1369
+ }
803
1370
  },
804
1371
  "active": {
805
1372
  "$value": "{color.alpha.0}",
806
1373
  "$type": "color",
807
- "$description": "Used for the border of a tier related badge in the active state."
1374
+ "$description": "Used for the border of a tier related badge in the active state.",
1375
+ "$extensions": {
1376
+ "com.figma.scope": [
1377
+ "STROKE_COLOR"
1378
+ ]
1379
+ }
808
1380
  }
809
1381
  }
810
1382
  },
@@ -816,7 +1388,12 @@
816
1388
  "dark": "{color.purple.950}"
817
1389
  },
818
1390
  "$type": "color",
819
- "$description": "Used for the text of a tier related badge when static or the default state when linked."
1391
+ "$description": "Used for the text of a tier related badge when static or the default state when linked.",
1392
+ "$extensions": {
1393
+ "com.figma.scope": [
1394
+ "TEXT_FILL"
1395
+ ]
1396
+ }
820
1397
  },
821
1398
  "hover": {
822
1399
  "$value": {
@@ -824,12 +1401,22 @@
824
1401
  "dark": "{color.purple.950}"
825
1402
  },
826
1403
  "$type": "color",
827
- "$description": "Used for the text of a tier related badge in the hover state."
1404
+ "$description": "Used for the text of a tier related badge in the hover state.",
1405
+ "$extensions": {
1406
+ "com.figma.scope": [
1407
+ "TEXT_FILL"
1408
+ ]
1409
+ }
828
1410
  },
829
1411
  "focus": {
830
1412
  "$value": "{badge.tier.text.color.hover}",
831
1413
  "$type": "color",
832
- "$description": "Used for the text of a tier related badge in the focus state."
1414
+ "$description": "Used for the text of a tier related badge in the focus state.",
1415
+ "$extensions": {
1416
+ "com.figma.scope": [
1417
+ "TEXT_FILL"
1418
+ ]
1419
+ }
833
1420
  },
834
1421
  "active": {
835
1422
  "$value": {
@@ -837,7 +1424,12 @@
837
1424
  "dark": "{color.purple.950}"
838
1425
  },
839
1426
  "$type": "color",
840
- "$description": "Used for the text of a tier related badge in the active state."
1427
+ "$description": "Used for the text of a tier related badge in the active state.",
1428
+ "$extensions": {
1429
+ "com.figma.scope": [
1430
+ "TEXT_FILL"
1431
+ ]
1432
+ }
841
1433
  }
842
1434
  }
843
1435
  },
@@ -849,7 +1441,13 @@
849
1441
  "dark": "{color.purple.950}"
850
1442
  },
851
1443
  "$type": "color",
852
- "$description": "Used for the icon of a tier related badge when static or the default state when linked."
1444
+ "$description": "Used for the icon of a tier related badge when static or the default state when linked.",
1445
+ "$extensions": {
1446
+ "com.figma.scope": [
1447
+ "SHAPE_FILL",
1448
+ "TEXT_FILL"
1449
+ ]
1450
+ }
853
1451
  },
854
1452
  "hover": {
855
1453
  "$value": {
@@ -857,12 +1455,24 @@
857
1455
  "dark": "{color.purple.950}"
858
1456
  },
859
1457
  "$type": "color",
860
- "$description": "Used for the icon of a tier related badge in the hover state."
1458
+ "$description": "Used for the icon of a tier related badge in the hover state.",
1459
+ "$extensions": {
1460
+ "com.figma.scope": [
1461
+ "SHAPE_FILL",
1462
+ "TEXT_FILL"
1463
+ ]
1464
+ }
861
1465
  },
862
1466
  "focus": {
863
1467
  "$value": "{badge.tier.icon.color.hover}",
864
1468
  "$type": "color",
865
- "$description": "Used for the icon of a tier related badge in the focus state."
1469
+ "$description": "Used for the icon of a tier related badge in the focus state.",
1470
+ "$extensions": {
1471
+ "com.figma.scope": [
1472
+ "SHAPE_FILL",
1473
+ "TEXT_FILL"
1474
+ ]
1475
+ }
866
1476
  },
867
1477
  "active": {
868
1478
  "$value": {
@@ -870,7 +1480,13 @@
870
1480
  "dark": "{color.purple.950}"
871
1481
  },
872
1482
  "$type": "color",
873
- "$description": "Used for the icon of a tier related badge in the active state."
1483
+ "$description": "Used for the icon of a tier related badge in the active state.",
1484
+ "$extensions": {
1485
+ "com.figma.scope": [
1486
+ "SHAPE_FILL",
1487
+ "TEXT_FILL"
1488
+ ]
1489
+ }
874
1490
  }
875
1491
  }
876
1492
  }