@gitlab/ui 115.0.1 → 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 (124) hide show
  1. package/bin/migrate_custom_utils_to_tw.bundled.mjs +172489 -139144
  2. package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +286 -0
  3. package/dist/components/dashboards/mock_data.js +49 -0
  4. package/dist/index.css +2 -2
  5. package/dist/index.css.map +1 -1
  6. package/dist/tailwind.css +1 -1
  7. package/dist/tailwind.css.map +1 -1
  8. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +7986 -0
  9. package/dist/tokens/docs/tokens-tailwind-docs.json +7986 -0
  10. package/dist/tokens/figma/constants.tokens.json +944 -236
  11. package/dist/tokens/figma/contextual.tokens.json +2721 -418
  12. package/dist/tokens/figma/deprecated.tokens.json +664 -8
  13. package/dist/tokens/figma/semantic.tokens.json +1130 -169
  14. package/dist/tokens/js/tokens.dark.js +1089 -1047
  15. package/dist/tokens/js/tokens.js +1078 -1047
  16. package/dist/tokens/json/tokens.dark.json +9267 -3
  17. package/dist/tokens/json/tokens.json +9267 -3
  18. package/dist/tokens/tailwind/tokens.cjs +76 -407
  19. package/package.json +19 -46
  20. package/src/components/base/accordion/accordion_item.vue +1 -1
  21. package/src/components/base/avatar/avatar.vue +1 -1
  22. package/src/components/base/button/button.vue +1 -1
  23. package/src/components/base/dropdown/dropdown.vue +3 -1
  24. package/src/components/base/filtered_search/filtered_search.vue +1 -1
  25. package/src/components/base/filtered_search/filtered_search_suggestion_list.vue +1 -1
  26. package/src/components/base/filtered_search/filtered_search_token.vue +1 -1
  27. package/src/components/base/filtered_search/filtered_search_token_segment.vue +3 -3
  28. package/src/components/base/form/form_checkbox_tree/models/tree.js +1 -1
  29. package/src/components/base/form/form_date/form_date.vue +1 -1
  30. package/src/components/base/form/form_input/form_input.vue +1 -1
  31. package/src/components/base/form/form_select/form_select.vue +1 -1
  32. package/src/components/base/modal/modal.vue +2 -2
  33. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +4 -4
  34. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md +1 -2
  35. package/src/components/base/new_dropdowns/listbox/listbox.vue +7 -7
  36. package/src/components/base/pagination/pagination.vue +2 -2
  37. package/src/components/base/path/path.vue +1 -1
  38. package/src/components/base/skeleton_loader/skeleton_loader.vue +9 -9
  39. package/src/components/base/table/table.md +1 -2
  40. package/src/components/base/table_lite/table_lite.md +1 -1
  41. package/src/components/base/tabs/tabs/tabs.vue +1 -1
  42. package/src/components/base/toast/toast.js +2 -2
  43. package/src/components/base/token_selector/token_container.vue +1 -1
  44. package/src/components/base/token_selector/token_selector.vue +2 -2
  45. package/src/components/base/token_selector/token_selector_dropdown.vue +1 -1
  46. package/src/components/charts/area/area.vue +3 -3
  47. package/src/components/charts/bar/bar.vue +2 -2
  48. package/src/components/charts/column/column.vue +2 -2
  49. package/src/components/charts/discrete_scatter/discrete_scatter.vue +2 -2
  50. package/src/components/charts/gauge/gauge.vue +1 -1
  51. package/src/components/charts/heatmap/heatmap.vue +2 -2
  52. package/src/components/charts/heatmap/index.js +1 -0
  53. package/src/components/charts/legend/legend.vue +1 -1
  54. package/src/components/charts/line/line.vue +3 -3
  55. package/src/components/charts/sparkline/sparkline.vue +1 -1
  56. package/src/components/charts/stacked_column/stacked_column.vue +1 -1
  57. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.scss +1 -0
  58. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.vue +247 -0
  59. package/src/components/dashboards/mock_data.js +40 -0
  60. package/src/components/mixins/tooltip_mixin.js +1 -1
  61. package/src/components/utilities/intersection_observer/intersection_observer.vue +1 -1
  62. package/src/components/utilities/intersperse/intersperse.vue +2 -2
  63. package/src/components/utilities/sprintf/sprintf.md +1 -1
  64. package/src/components/utilities/sprintf/sprintf.vue +1 -1
  65. package/src/components/utilities/truncate/truncate.vue +2 -2
  66. package/src/config.js +1 -1
  67. package/src/directives/outside/outside.js +4 -4
  68. package/src/directives/tooltip/tooltip.js +1 -1
  69. package/src/scss/components.scss +1 -0
  70. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +7986 -0
  71. package/src/tokens/build/docs/tokens-tailwind-docs.json +7986 -0
  72. package/src/tokens/build/figma/constants.tokens.json +944 -236
  73. package/src/tokens/build/figma/contextual.tokens.json +2721 -418
  74. package/src/tokens/build/figma/deprecated.tokens.json +664 -8
  75. package/src/tokens/build/figma/semantic.tokens.json +1130 -169
  76. package/src/tokens/build/json/tokens.dark.json +9267 -3
  77. package/src/tokens/build/json/tokens.json +9267 -3
  78. package/src/tokens/constant/color.alpha.tokens.json +60 -15
  79. package/src/tokens/constant/color.tokens.json +844 -211
  80. package/src/tokens/constant/line_height.tokens.json +40 -10
  81. package/src/tokens/contextual/alert.tokens.json +119 -19
  82. package/src/tokens/contextual/avatar.tokens.json +90 -14
  83. package/src/tokens/contextual/badge.tokens.json +728 -112
  84. package/src/tokens/contextual/banner.tokens.json +19 -3
  85. package/src/tokens/contextual/breadcrumb.tokens.json +6 -1
  86. package/src/tokens/contextual/broadcast.tokens.json +301 -81
  87. package/src/tokens/contextual/button.tokens.json +793 -120
  88. package/src/tokens/contextual/chart.tokens.json +42 -7
  89. package/src/tokens/contextual/datepicker.tokens.json +13 -2
  90. package/src/tokens/contextual/dropdown.tokens.json +142 -21
  91. package/src/tokens/contextual/filtered-search.tokens.json +42 -6
  92. package/src/tokens/contextual/illustration.tokens.json +195 -33
  93. package/src/tokens/contextual/label.tokens.json +81 -12
  94. package/src/tokens/contextual/link.tokens.json +26 -4
  95. package/src/tokens/contextual/progress-bar.tokens.json +35 -5
  96. package/src/tokens/contextual/skeleton-loader.tokens.json +12 -2
  97. package/src/tokens/contextual/spinner.tokens.json +24 -4
  98. package/src/tokens/contextual/table.tokens.json +14 -2
  99. package/src/tokens/contextual/tabs.tokens.json +7 -1
  100. package/src/tokens/contextual/toggle.tokens.json +54 -9
  101. package/src/tokens/contextual/token-selector.tokens.json +7 -1
  102. package/src/tokens/contextual/token.tokens.json +14 -2
  103. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +165 -0
  104. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +216 -0
  105. package/src/tokens/deprecated/deprecated.color.tokens.json +240 -0
  106. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +39 -0
  107. package/src/tokens/semantic/action.tokens.json +500 -75
  108. package/src/tokens/semantic/background.tokens.json +49 -7
  109. package/src/tokens/semantic/border.tokens.json +30 -5
  110. package/src/tokens/semantic/control.tokens.json +129 -20
  111. package/src/tokens/semantic/feedback.tokens.json +126 -19
  112. package/src/tokens/semantic/focus-ring.tokens.json +12 -2
  113. package/src/tokens/semantic/highlight.tokens.json +26 -4
  114. package/src/tokens/semantic/icon.tokens.json +63 -9
  115. package/src/tokens/semantic/shadow.tokens.json +6 -1
  116. package/src/tokens/semantic/status.tokens.json +120 -18
  117. package/src/tokens/semantic/text.tokens.json +69 -9
  118. package/src/tokens/tokens_tailwind_table.vue +1 -1
  119. package/src/utils/charts/config.js +7 -7
  120. package/src/utils/charts/utils.js +1 -1
  121. package/src/utils/use_mock_intersection_observer.js +1 -1
  122. package/src/utils/utils.js +1 -1
  123. package/tailwind.defaults.js +1 -1
  124. package/translations.js +2 -2
package/src/tokens/contextual/button.tokens.json CHANGED
@@ -10,22 +10,46 @@
10
10
  "dark": "{color.neutral.50}"
11
11
  },
12
12
  "$type": "color",
13
- "$description": "Used for the foreground of a default primary button in the default state."
13
+ "$description": "Used for the foreground of a default primary button in the default state.",
14
+ "$extensions": {
15
+ "com.figma.scope": [
16
+ "SHAPE_FILL",
17
+ "TEXT_FILL"
18
+ ]
19
+ }
14
20
  },
15
21
  "hover": {
16
22
  "$value": "{button.default.primary.foreground.color.default}",
17
23
  "$type": "color",
18
- "$description": "Used for the foreground of a default primary button in the hover state."
24
+ "$description": "Used for the foreground of a default primary button in the hover state.",
25
+ "$extensions": {
26
+ "com.figma.scope": [
27
+ "SHAPE_FILL",
28
+ "TEXT_FILL"
29
+ ]
30
+ }
19
31
  },
20
32
  "focus": {
21
33
  "$value": "{button.default.primary.foreground.color.default}",
22
34
  "$type": "color",
23
- "$description": "Used for the foreground of a default primary button in the focus state."
35
+ "$description": "Used for the foreground of a default primary button in the focus state.",
36
+ "$extensions": {
37
+ "com.figma.scope": [
38
+ "SHAPE_FILL",
39
+ "TEXT_FILL"
40
+ ]
41
+ }
24
42
  },
25
43
  "active": {
26
44
  "$value": "{button.default.primary.foreground.color.default}",
27
45
  "$type": "color",
28
- "$description": "Used for the foreground of a default primary button in the active state."
46
+ "$description": "Used for the foreground of a default primary button in the active state.",
47
+ "$extensions": {
48
+ "com.figma.scope": [
49
+ "SHAPE_FILL",
50
+ "TEXT_FILL"
51
+ ]
52
+ }
29
53
  }
30
54
  }
31
55
  },
@@ -37,7 +61,13 @@
37
61
  "dark": "rgba(137, 136, 141, 0.4)"
38
62
  },
39
63
  "$type": "color",
40
- "$description": "Used for the background of an default primary button in the default state."
64
+ "$description": "Used for the background of an default primary button in the default state.",
65
+ "$extensions": {
66
+ "com.figma.scope": [
67
+ "FRAME_FILL",
68
+ "SHAPE_FILL"
69
+ ]
70
+ }
41
71
  },
42
72
  "hover": {
43
73
  "$value": {
@@ -45,12 +75,24 @@
45
75
  "dark": "rgba(137, 136, 141, 0.64)"
46
76
  },
47
77
  "$type": "color",
48
- "$description": "Used for the background of an default primary button in the hover state."
78
+ "$description": "Used for the background of an default primary button in the hover state.",
79
+ "$extensions": {
80
+ "com.figma.scope": [
81
+ "FRAME_FILL",
82
+ "SHAPE_FILL"
83
+ ]
84
+ }
49
85
  },
50
86
  "focus": {
51
87
  "$value": "{button.default.primary.background.color.hover}",
52
88
  "$type": "color",
53
- "$description": "Used for the background of an default primary button in the focus state."
89
+ "$description": "Used for the background of an default primary button in the focus state.",
90
+ "$extensions": {
91
+ "com.figma.scope": [
92
+ "FRAME_FILL",
93
+ "SHAPE_FILL"
94
+ ]
95
+ }
54
96
  },
55
97
  "active": {
56
98
  "$value": {
@@ -58,7 +100,13 @@
58
100
  "dark": "rgba(137, 136, 141, 0.32)"
59
101
  },
60
102
  "$type": "color",
61
- "$description": "Used for the background of an default primary button in the active state."
103
+ "$description": "Used for the background of an default primary button in the active state.",
104
+ "$extensions": {
105
+ "com.figma.scope": [
106
+ "FRAME_FILL",
107
+ "SHAPE_FILL"
108
+ ]
109
+ }
62
110
  }
63
111
  }
64
112
  },
@@ -70,7 +118,12 @@
70
118
  "dark": "{color.alpha.0}"
71
119
  },
72
120
  "$type": "color",
73
- "$description": "Used for the border of an default primary button in the default state."
121
+ "$description": "Used for the border of an default primary button in the default state.",
122
+ "$extensions": {
123
+ "com.figma.scope": [
124
+ "STROKE_COLOR"
125
+ ]
126
+ }
74
127
  },
75
128
  "hover": {
76
129
  "$value": {
@@ -78,12 +131,22 @@
78
131
  "dark": "{color.alpha.0}"
79
132
  },
80
133
  "$type": "color",
81
- "$description": "Used for the border of an default primary button in the hover state."
134
+ "$description": "Used for the border of an default primary button in the hover state.",
135
+ "$extensions": {
136
+ "com.figma.scope": [
137
+ "STROKE_COLOR"
138
+ ]
139
+ }
82
140
  },
83
141
  "focus": {
84
142
  "$value": "{button.default.primary.border.color.hover}",
85
143
  "$type": "color",
86
- "$description": "Used for the border of an default primary button in the focus state."
144
+ "$description": "Used for the border of an default primary button in the focus state.",
145
+ "$extensions": {
146
+ "com.figma.scope": [
147
+ "STROKE_COLOR"
148
+ ]
149
+ }
87
150
  },
88
151
  "active": {
89
152
  "$value": {
@@ -91,7 +154,12 @@
91
154
  "dark": "{color.alpha.0}"
92
155
  },
93
156
  "$type": "color",
94
- "$description": "Used for the border of an default primary button in the active state."
157
+ "$description": "Used for the border of an default primary button in the active state.",
158
+ "$extensions": {
159
+ "com.figma.scope": [
160
+ "STROKE_COLOR"
161
+ ]
162
+ }
95
163
  }
96
164
  }
97
165
  }
@@ -102,22 +170,46 @@
102
170
  "default": {
103
171
  "$value": "{action.neutral.foreground.color.default}",
104
172
  "$type": "color",
105
- "$description": "Used for the foreground of a default borderless, tertiary button in the default state."
173
+ "$description": "Used for the foreground of a default borderless, tertiary button in the default state.",
174
+ "$extensions": {
175
+ "com.figma.scope": [
176
+ "SHAPE_FILL",
177
+ "TEXT_FILL"
178
+ ]
179
+ }
106
180
  },
107
181
  "hover": {
108
182
  "$value": "{action.neutral.foreground.color.hover}",
109
183
  "$type": "color",
110
- "$description": "Used for the foreground of a default borderless, tertiary button in the hover state."
184
+ "$description": "Used for the foreground of a default borderless, tertiary button in the hover state.",
185
+ "$extensions": {
186
+ "com.figma.scope": [
187
+ "SHAPE_FILL",
188
+ "TEXT_FILL"
189
+ ]
190
+ }
111
191
  },
112
192
  "focus": {
113
193
  "$value": "{action.neutral.foreground.color.focus}",
114
194
  "$type": "color",
115
- "$description": "Used for the foreground of a default borderless, tertiary button in the focus state."
195
+ "$description": "Used for the foreground of a default borderless, tertiary button in the focus state.",
196
+ "$extensions": {
197
+ "com.figma.scope": [
198
+ "SHAPE_FILL",
199
+ "TEXT_FILL"
200
+ ]
201
+ }
116
202
  },
117
203
  "active": {
118
204
  "$value": "{action.neutral.foreground.color.active}",
119
205
  "$type": "color",
120
- "$description": "Used for the foreground of a default borderless, tertiary button in the active state."
206
+ "$description": "Used for the foreground of a default borderless, tertiary button in the active state.",
207
+ "$extensions": {
208
+ "com.figma.scope": [
209
+ "SHAPE_FILL",
210
+ "TEXT_FILL"
211
+ ]
212
+ }
121
213
  }
122
214
  }
123
215
  },
@@ -126,22 +218,46 @@
126
218
  "default": {
127
219
  "$value": "{action.neutral.background.color.default}",
128
220
  "$type": "color",
129
- "$description": "Used for the background of a default borderless, tertiary button in the default state."
221
+ "$description": "Used for the background of a default borderless, tertiary button in the default state.",
222
+ "$extensions": {
223
+ "com.figma.scope": [
224
+ "FRAME_FILL",
225
+ "SHAPE_FILL"
226
+ ]
227
+ }
130
228
  },
131
229
  "hover": {
132
230
  "$value": "{action.neutral.background.color.hover}",
133
231
  "$type": "color",
134
- "$description": "Used for the background of a default borderless, tertiary button in the hover state."
232
+ "$description": "Used for the background of a default borderless, tertiary button in the hover state.",
233
+ "$extensions": {
234
+ "com.figma.scope": [
235
+ "FRAME_FILL",
236
+ "SHAPE_FILL"
237
+ ]
238
+ }
135
239
  },
136
240
  "focus": {
137
241
  "$value": "{action.neutral.background.color.focus}",
138
242
  "$type": "color",
139
- "$description": "Used for the background of a default borderless, tertiary button in the focus state."
243
+ "$description": "Used for the background of a default borderless, tertiary button in the focus state.",
244
+ "$extensions": {
245
+ "com.figma.scope": [
246
+ "FRAME_FILL",
247
+ "SHAPE_FILL"
248
+ ]
249
+ }
140
250
  },
141
251
  "active": {
142
252
  "$value": "{action.neutral.background.color.active}",
143
253
  "$type": "color",
144
- "$description": "Used for the background of a default borderless, tertiary button in the active state."
254
+ "$description": "Used for the background of a default borderless, tertiary button in the active state.",
255
+ "$extensions": {
256
+ "com.figma.scope": [
257
+ "FRAME_FILL",
258
+ "SHAPE_FILL"
259
+ ]
260
+ }
145
261
  }
146
262
  }
147
263
  },
@@ -150,22 +266,42 @@
150
266
  "default": {
151
267
  "$value": "{action.neutral.border.color.default}",
152
268
  "$type": "color",
153
- "$description": "Used for the border of a default borderless, tertiary button in the default state."
269
+ "$description": "Used for the border of a default borderless, tertiary button in the default state.",
270
+ "$extensions": {
271
+ "com.figma.scope": [
272
+ "STROKE_COLOR"
273
+ ]
274
+ }
154
275
  },
155
276
  "hover": {
156
277
  "$value": "{action.neutral.border.color.hover}",
157
278
  "$type": "color",
158
- "$description": "Used for the border of a default borderless, tertiary button in the hover state."
279
+ "$description": "Used for the border of a default borderless, tertiary button in the hover state.",
280
+ "$extensions": {
281
+ "com.figma.scope": [
282
+ "STROKE_COLOR"
283
+ ]
284
+ }
159
285
  },
160
286
  "focus": {
161
287
  "$value": "{action.neutral.border.color.focus}",
162
288
  "$type": "color",
163
- "$description": "Used for the border of a default borderless, tertiary button in the focus state."
289
+ "$description": "Used for the border of a default borderless, tertiary button in the focus state.",
290
+ "$extensions": {
291
+ "com.figma.scope": [
292
+ "STROKE_COLOR"
293
+ ]
294
+ }
164
295
  },
165
296
  "active": {
166
297
  "$value": "{action.neutral.border.color.active}",
167
298
  "$type": "color",
168
- "$description": "Used for the border of a default borderless, tertiary button in the active state."
299
+ "$description": "Used for the border of a default borderless, tertiary button in the active state.",
300
+ "$extensions": {
301
+ "com.figma.scope": [
302
+ "STROKE_COLOR"
303
+ ]
304
+ }
169
305
  }
170
306
  }
171
307
  }
@@ -181,22 +317,46 @@
181
317
  "dark": "{color.neutral.950}"
182
318
  },
183
319
  "$type": "color",
184
- "$description": "Used for the foreground of a confirm (positive) primary button in the default state."
320
+ "$description": "Used for the foreground of a confirm (positive) primary button in the default state.",
321
+ "$extensions": {
322
+ "com.figma.scope": [
323
+ "SHAPE_FILL",
324
+ "TEXT_FILL"
325
+ ]
326
+ }
185
327
  },
186
328
  "hover": {
187
329
  "$value": "{action.strong.confirm.foreground.color.hover}",
188
330
  "$type": "color",
189
- "$description": "Used for the foreground of a confirm (positive) primary button in the hover state."
331
+ "$description": "Used for the foreground of a confirm (positive) primary button in the hover state.",
332
+ "$extensions": {
333
+ "com.figma.scope": [
334
+ "SHAPE_FILL",
335
+ "TEXT_FILL"
336
+ ]
337
+ }
190
338
  },
191
339
  "focus": {
192
340
  "$value": "{action.strong.confirm.foreground.color.focus}",
193
341
  "$type": "color",
194
- "$description": "Used for the foreground of a confirm (positive) primary button in the focus state."
342
+ "$description": "Used for the foreground of a confirm (positive) primary button in the focus state.",
343
+ "$extensions": {
344
+ "com.figma.scope": [
345
+ "SHAPE_FILL",
346
+ "TEXT_FILL"
347
+ ]
348
+ }
195
349
  },
196
350
  "active": {
197
351
  "$value": "{action.strong.confirm.foreground.color.active}",
198
352
  "$type": "color",
199
- "$description": "Used for the foreground of a confirm (positive) primary button in the active state."
353
+ "$description": "Used for the foreground of a confirm (positive) primary button in the active state.",
354
+ "$extensions": {
355
+ "com.figma.scope": [
356
+ "SHAPE_FILL",
357
+ "TEXT_FILL"
358
+ ]
359
+ }
200
360
  }
201
361
  }
202
362
  },
@@ -205,22 +365,46 @@
205
365
  "default": {
206
366
  "$value": "{action.strong.confirm.background.color.default}",
207
367
  "$type": "color",
208
- "$description": "Used for the background of a confirm (positive) primary button in the default state."
368
+ "$description": "Used for the background of a confirm (positive) primary button in the default state.",
369
+ "$extensions": {
370
+ "com.figma.scope": [
371
+ "FRAME_FILL",
372
+ "SHAPE_FILL"
373
+ ]
374
+ }
209
375
  },
210
376
  "hover": {
211
377
  "$value": "{action.strong.confirm.background.color.hover}",
212
378
  "$type": "color",
213
- "$description": "Used for the background of a confirm (positive) primary button in the hover state."
379
+ "$description": "Used for the background of a confirm (positive) primary button in the hover state.",
380
+ "$extensions": {
381
+ "com.figma.scope": [
382
+ "FRAME_FILL",
383
+ "SHAPE_FILL"
384
+ ]
385
+ }
214
386
  },
215
387
  "focus": {
216
388
  "$value": "{action.strong.confirm.background.color.focus}",
217
389
  "$type": "color",
218
- "$description": "Used for the background of a confirm (positive) primary button in the focus state."
390
+ "$description": "Used for the background of a confirm (positive) primary button in the focus state.",
391
+ "$extensions": {
392
+ "com.figma.scope": [
393
+ "FRAME_FILL",
394
+ "SHAPE_FILL"
395
+ ]
396
+ }
219
397
  },
220
398
  "active": {
221
399
  "$value": "{action.strong.confirm.background.color.active}",
222
400
  "$type": "color",
223
- "$description": "Used for the background of a confirm (positive) primary button in the active state."
401
+ "$description": "Used for the background of a confirm (positive) primary button in the active state.",
402
+ "$extensions": {
403
+ "com.figma.scope": [
404
+ "FRAME_FILL",
405
+ "SHAPE_FILL"
406
+ ]
407
+ }
224
408
  }
225
409
  }
226
410
  },
@@ -232,7 +416,12 @@
232
416
  "dark": "{color.alpha.0}"
233
417
  },
234
418
  "$type": "color",
235
- "$description": "Used for the border of a confirm (positive) primary button in the default state."
419
+ "$description": "Used for the border of a confirm (positive) primary button in the default state.",
420
+ "$extensions": {
421
+ "com.figma.scope": [
422
+ "STROKE_COLOR"
423
+ ]
424
+ }
236
425
  },
237
426
  "hover": {
238
427
  "$value": {
@@ -240,12 +429,22 @@
240
429
  "dark": "{color.alpha.0}"
241
430
  },
242
431
  "$type": "color",
243
- "$description": "Used for the border of a confirm (positive) primary button in the hover state."
432
+ "$description": "Used for the border of a confirm (positive) primary button in the hover state.",
433
+ "$extensions": {
434
+ "com.figma.scope": [
435
+ "STROKE_COLOR"
436
+ ]
437
+ }
244
438
  },
245
439
  "focus": {
246
440
  "$value": "{button.confirm.primary.border.color.hover}",
247
441
  "$type": "color",
248
- "$description": "Used for the border of a confirm (positive) primary button in the focus state."
442
+ "$description": "Used for the border of a confirm (positive) primary button in the focus state.",
443
+ "$extensions": {
444
+ "com.figma.scope": [
445
+ "STROKE_COLOR"
446
+ ]
447
+ }
249
448
  },
250
449
  "active": {
251
450
  "$value": {
@@ -253,7 +452,12 @@
253
452
  "dark": "{color.alpha.0}"
254
453
  },
255
454
  "$type": "color",
256
- "$description": "Used for the border of a confirm (positive) primary button in the active state."
455
+ "$description": "Used for the border of a confirm (positive) primary button in the active state.",
456
+ "$extensions": {
457
+ "com.figma.scope": [
458
+ "STROKE_COLOR"
459
+ ]
460
+ }
257
461
  }
258
462
  }
259
463
  }
@@ -267,7 +471,13 @@
267
471
  "dark": "{color.blue.100}"
268
472
  },
269
473
  "$type": "color",
270
- "$description": "Used for the foreground of a confirm (positive) button in the default state."
474
+ "$description": "Used for the foreground of a confirm (positive) button in the default state.",
475
+ "$extensions": {
476
+ "com.figma.scope": [
477
+ "SHAPE_FILL",
478
+ "TEXT_FILL"
479
+ ]
480
+ }
271
481
  },
272
482
  "hover": {
273
483
  "$value": {
@@ -275,12 +485,24 @@
275
485
  "dark": "{color.blue.100}"
276
486
  },
277
487
  "$type": "color",
278
- "$description": "Used for the foreground of a confirm (positive) button in the hover state."
488
+ "$description": "Used for the foreground of a confirm (positive) button in the hover state.",
489
+ "$extensions": {
490
+ "com.figma.scope": [
491
+ "SHAPE_FILL",
492
+ "TEXT_FILL"
493
+ ]
494
+ }
279
495
  },
280
496
  "focus": {
281
497
  "$value": "{button.confirm.secondary.foreground.color.hover}",
282
498
  "$type": "color",
283
- "$description": "Used for the foreground of a confirm (positive) button in the focus state."
499
+ "$description": "Used for the foreground of a confirm (positive) button in the focus state.",
500
+ "$extensions": {
501
+ "com.figma.scope": [
502
+ "SHAPE_FILL",
503
+ "TEXT_FILL"
504
+ ]
505
+ }
284
506
  },
285
507
  "active": {
286
508
  "$value": {
@@ -288,7 +510,13 @@
288
510
  "dark": "{color.blue.100}"
289
511
  },
290
512
  "$type": "color",
291
- "$description": "Used for the foreground of a confirm (positive) button in the active state."
513
+ "$description": "Used for the foreground of a confirm (positive) button in the active state.",
514
+ "$extensions": {
515
+ "com.figma.scope": [
516
+ "SHAPE_FILL",
517
+ "TEXT_FILL"
518
+ ]
519
+ }
292
520
  }
293
521
  }
294
522
  },
@@ -300,7 +528,13 @@
300
528
  "dark": "rgba(66, 143, 220, 0.4)"
301
529
  },
302
530
  "$type": "color",
303
- "$description": "Used for the background of an outlined confirm (positive) button in the default state."
531
+ "$description": "Used for the background of an outlined confirm (positive) button in the default state.",
532
+ "$extensions": {
533
+ "com.figma.scope": [
534
+ "FRAME_FILL",
535
+ "SHAPE_FILL"
536
+ ]
537
+ }
304
538
  },
305
539
  "hover": {
306
540
  "$value": {
@@ -308,12 +542,24 @@
308
542
  "dark": "rgba(66, 143, 220, 0.64)"
309
543
  },
310
544
  "$type": "color",
311
- "$description": "Used for the background of an outlined confirm (positive) button in the hover state."
545
+ "$description": "Used for the background of an outlined confirm (positive) button in the hover state.",
546
+ "$extensions": {
547
+ "com.figma.scope": [
548
+ "FRAME_FILL",
549
+ "SHAPE_FILL"
550
+ ]
551
+ }
312
552
  },
313
553
  "focus": {
314
554
  "$value": "{button.confirm.secondary.background.color.hover}",
315
555
  "$type": "color",
316
- "$description": "Used for the background of an outlined confirm (positive) button in the focus state."
556
+ "$description": "Used for the background of an outlined confirm (positive) button in the focus state.",
557
+ "$extensions": {
558
+ "com.figma.scope": [
559
+ "FRAME_FILL",
560
+ "SHAPE_FILL"
561
+ ]
562
+ }
317
563
  },
318
564
  "active": {
319
565
  "$value": {
@@ -321,7 +567,13 @@
321
567
  "dark": "rgba(66, 143, 220, 0.32)"
322
568
  },
323
569
  "$type": "color",
324
- "$description": "Used for the background of an outlined confirm (positive) button in the active state."
570
+ "$description": "Used for the background of an outlined confirm (positive) button in the active state.",
571
+ "$extensions": {
572
+ "com.figma.scope": [
573
+ "FRAME_FILL",
574
+ "SHAPE_FILL"
575
+ ]
576
+ }
325
577
  }
326
578
  }
327
579
  },
@@ -333,7 +585,12 @@
333
585
  "dark": "{color.alpha.0}"
334
586
  },
335
587
  "$type": "color",
336
- "$description": "Used for the border of an outlined confirm (positive) button in the default state."
588
+ "$description": "Used for the border of an outlined confirm (positive) button in the default state.",
589
+ "$extensions": {
590
+ "com.figma.scope": [
591
+ "STROKE_COLOR"
592
+ ]
593
+ }
337
594
  },
338
595
  "hover": {
339
596
  "$value": {
@@ -341,12 +598,22 @@
341
598
  "dark": "{color.alpha.0}"
342
599
  },
343
600
  "$type": "color",
344
- "$description": "Used for the border of an outlined confirm (positive) button in the hover state."
601
+ "$description": "Used for the border of an outlined confirm (positive) button in the hover state.",
602
+ "$extensions": {
603
+ "com.figma.scope": [
604
+ "STROKE_COLOR"
605
+ ]
606
+ }
345
607
  },
346
608
  "focus": {
347
609
  "$value": "{button.confirm.secondary.border.color.hover}",
348
610
  "$type": "color",
349
- "$description": "Used for the border of an outlined confirm (positive) button in the focus state."
611
+ "$description": "Used for the border of an outlined confirm (positive) button in the focus state.",
612
+ "$extensions": {
613
+ "com.figma.scope": [
614
+ "STROKE_COLOR"
615
+ ]
616
+ }
350
617
  },
351
618
  "active": {
352
619
  "$value": {
@@ -354,7 +621,12 @@
354
621
  "dark": "{color.alpha.0}"
355
622
  },
356
623
  "$type": "color",
357
- "$description": "Used for the border of an outlined confirm (positive) button in the active state."
624
+ "$description": "Used for the border of an outlined confirm (positive) button in the active state.",
625
+ "$extensions": {
626
+ "com.figma.scope": [
627
+ "STROKE_COLOR"
628
+ ]
629
+ }
358
630
  }
359
631
  }
360
632
  }
@@ -365,22 +637,46 @@
365
637
  "default": {
366
638
  "$value": "{action.confirm.foreground.color.default}",
367
639
  "$type": "color",
368
- "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the default state."
640
+ "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the default state.",
641
+ "$extensions": {
642
+ "com.figma.scope": [
643
+ "SHAPE_FILL",
644
+ "TEXT_FILL"
645
+ ]
646
+ }
369
647
  },
370
648
  "hover": {
371
649
  "$value": "{action.confirm.foreground.color.hover}",
372
650
  "$type": "color",
373
- "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state."
651
+ "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state.",
652
+ "$extensions": {
653
+ "com.figma.scope": [
654
+ "SHAPE_FILL",
655
+ "TEXT_FILL"
656
+ ]
657
+ }
374
658
  },
375
659
  "focus": {
376
660
  "$value": "{action.confirm.foreground.color.focus}",
377
661
  "$type": "color",
378
- "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state."
662
+ "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state.",
663
+ "$extensions": {
664
+ "com.figma.scope": [
665
+ "SHAPE_FILL",
666
+ "TEXT_FILL"
667
+ ]
668
+ }
379
669
  },
380
670
  "active": {
381
671
  "$value": "{action.confirm.foreground.color.active}",
382
672
  "$type": "color",
383
- "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the active state."
673
+ "$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the active state.",
674
+ "$extensions": {
675
+ "com.figma.scope": [
676
+ "SHAPE_FILL",
677
+ "TEXT_FILL"
678
+ ]
679
+ }
384
680
  }
385
681
  }
386
682
  },
@@ -389,22 +685,46 @@
389
685
  "default": {
390
686
  "$value": "{action.confirm.background.color.default}",
391
687
  "$type": "color",
392
- "$description": "Used for the background of a borderless, tertiary confirm (positive) button in the default state."
688
+ "$description": "Used for the background of a borderless, tertiary confirm (positive) button in the default state.",
689
+ "$extensions": {
690
+ "com.figma.scope": [
691
+ "FRAME_FILL",
692
+ "SHAPE_FILL"
693
+ ]
694
+ }
393
695
  },
394
696
  "hover": {
395
697
  "$value": "{action.confirm.background.color.hover}",
396
698
  "$type": "color",
397
- "$description": "Used for the background of a borderless, tertiary confirm (positive) button in the hover state."
699
+ "$description": "Used for the background of a borderless, tertiary confirm (positive) button in the hover state.",
700
+ "$extensions": {
701
+ "com.figma.scope": [
702
+ "FRAME_FILL",
703
+ "SHAPE_FILL"
704
+ ]
705
+ }
398
706
  },
399
707
  "focus": {
400
708
  "$value": "{action.confirm.background.color.focus}",
401
709
  "$type": "color",
402
- "$description": "Used for the background of a borderless, tertiary confirm (positive) button in the focus state."
710
+ "$description": "Used for the background of a borderless, tertiary confirm (positive) button in the focus state.",
711
+ "$extensions": {
712
+ "com.figma.scope": [
713
+ "FRAME_FILL",
714
+ "SHAPE_FILL"
715
+ ]
716
+ }
403
717
  },
404
718
  "active": {
405
719
  "$value": "{action.confirm.background.color.active}",
406
720
  "$type": "color",
407
- "$description": "Used for the background of a borderless, tertiary confirm (positive) button in the active state."
721
+ "$description": "Used for the background of a borderless, tertiary confirm (positive) button in the active state.",
722
+ "$extensions": {
723
+ "com.figma.scope": [
724
+ "FRAME_FILL",
725
+ "SHAPE_FILL"
726
+ ]
727
+ }
408
728
  }
409
729
  }
410
730
  },
@@ -413,22 +733,42 @@
413
733
  "default": {
414
734
  "$value": "{action.confirm.border.color.default}",
415
735
  "$type": "color",
416
- "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the default state."
736
+ "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the default state.",
737
+ "$extensions": {
738
+ "com.figma.scope": [
739
+ "STROKE_COLOR"
740
+ ]
741
+ }
417
742
  },
418
743
  "hover": {
419
744
  "$value": "{action.confirm.border.color.hover}",
420
745
  "$type": "color",
421
- "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the hover state."
746
+ "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the hover state.",
747
+ "$extensions": {
748
+ "com.figma.scope": [
749
+ "STROKE_COLOR"
750
+ ]
751
+ }
422
752
  },
423
753
  "focus": {
424
754
  "$value": "{action.confirm.border.color.focus}",
425
755
  "$type": "color",
426
- "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the focus state."
756
+ "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the focus state.",
757
+ "$extensions": {
758
+ "com.figma.scope": [
759
+ "STROKE_COLOR"
760
+ ]
761
+ }
427
762
  },
428
763
  "active": {
429
764
  "$value": "{action.confirm.border.color.active}",
430
765
  "$type": "color",
431
- "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the active state."
766
+ "$description": "Used for the border of a borderless, tertiary confirm (positive) button in the active state.",
767
+ "$extensions": {
768
+ "com.figma.scope": [
769
+ "STROKE_COLOR"
770
+ ]
771
+ }
432
772
  }
433
773
  }
434
774
  }
@@ -444,22 +784,46 @@
444
784
  "dark": "{color.neutral.950}"
445
785
  },
446
786
  "$type": "color",
447
- "$description": "Used for the foreground of a danger (destructive) primary button in the default state."
787
+ "$description": "Used for the foreground of a danger (destructive) primary button in the default state.",
788
+ "$extensions": {
789
+ "com.figma.scope": [
790
+ "SHAPE_FILL",
791
+ "TEXT_FILL"
792
+ ]
793
+ }
448
794
  },
449
795
  "hover": {
450
796
  "$value": "{button.danger.primary.foreground.color.default}",
451
797
  "$type": "color",
452
- "$description": "Used for the foreground of a danger (destructive) primary button in the hover state."
798
+ "$description": "Used for the foreground of a danger (destructive) primary button in the hover state.",
799
+ "$extensions": {
800
+ "com.figma.scope": [
801
+ "SHAPE_FILL",
802
+ "TEXT_FILL"
803
+ ]
804
+ }
453
805
  },
454
806
  "focus": {
455
807
  "$value": "{button.danger.primary.foreground.color.default}",
456
808
  "$type": "color",
457
- "$description": "Used for the foreground of a danger (destructive) primary button in the focus state."
809
+ "$description": "Used for the foreground of a danger (destructive) primary button in the focus state.",
810
+ "$extensions": {
811
+ "com.figma.scope": [
812
+ "SHAPE_FILL",
813
+ "TEXT_FILL"
814
+ ]
815
+ }
458
816
  },
459
817
  "active": {
460
818
  "$value": "{button.danger.primary.foreground.color.default}",
461
819
  "$type": "color",
462
- "$description": "Used for the foreground of a danger (destructive) primary button in the active state."
820
+ "$description": "Used for the foreground of a danger (destructive) primary button in the active state.",
821
+ "$extensions": {
822
+ "com.figma.scope": [
823
+ "SHAPE_FILL",
824
+ "TEXT_FILL"
825
+ ]
826
+ }
463
827
  }
464
828
  }
465
829
  },
@@ -471,7 +835,13 @@
471
835
  "dark": "{color.red.300}"
472
836
  },
473
837
  "$type": "color",
474
- "$description": "Used for the background of a danger (destructive) primary button in the default state."
838
+ "$description": "Used for the background of a danger (destructive) primary button in the default state.",
839
+ "$extensions": {
840
+ "com.figma.scope": [
841
+ "FRAME_FILL",
842
+ "SHAPE_FILL"
843
+ ]
844
+ }
475
845
  },
476
846
  "hover": {
477
847
  "$value": {
@@ -479,12 +849,24 @@
479
849
  "dark": "{color.red.200}"
480
850
  },
481
851
  "$type": "color",
482
- "$description": "Used for the background of a danger (destructive) primary button in the hover state."
852
+ "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
853
+ "$extensions": {
854
+ "com.figma.scope": [
855
+ "FRAME_FILL",
856
+ "SHAPE_FILL"
857
+ ]
858
+ }
483
859
  },
484
860
  "focus": {
485
861
  "$value": "{button.danger.primary.background.color.hover}",
486
862
  "$type": "color",
487
- "$description": "Used for the background of a danger (destructive) primary button in the focus state."
863
+ "$description": "Used for the background of a danger (destructive) primary button in the focus state.",
864
+ "$extensions": {
865
+ "com.figma.scope": [
866
+ "FRAME_FILL",
867
+ "SHAPE_FILL"
868
+ ]
869
+ }
488
870
  },
489
871
  "active": {
490
872
  "$value": {
@@ -492,7 +874,13 @@
492
874
  "dark": "{color.red.400}"
493
875
  },
494
876
  "$type": "color",
495
- "$description": "Used for the background of a danger (destructive) primary button in the active state."
877
+ "$description": "Used for the background of a danger (destructive) primary button in the active state.",
878
+ "$extensions": {
879
+ "com.figma.scope": [
880
+ "FRAME_FILL",
881
+ "SHAPE_FILL"
882
+ ]
883
+ }
496
884
  }
497
885
  }
498
886
  },
@@ -504,7 +892,12 @@
504
892
  "dark": "{color.alpha.0}"
505
893
  },
506
894
  "$type": "color",
507
- "$description": "Used for the border of a danger (destructive) primary button in the default state."
895
+ "$description": "Used for the border of a danger (destructive) primary button in the default state.",
896
+ "$extensions": {
897
+ "com.figma.scope": [
898
+ "STROKE_COLOR"
899
+ ]
900
+ }
508
901
  },
509
902
  "hover": {
510
903
  "$value": {
@@ -512,12 +905,22 @@
512
905
  "dark": "{color.alpha.0}"
513
906
  },
514
907
  "$type": "color",
515
- "$description": "Used for the border of a danger (destructive) primary button in the hover state."
908
+ "$description": "Used for the border of a danger (destructive) primary button in the hover state.",
909
+ "$extensions": {
910
+ "com.figma.scope": [
911
+ "STROKE_COLOR"
912
+ ]
913
+ }
516
914
  },
517
915
  "focus": {
518
916
  "$value": "{button.danger.primary.border.color.hover}",
519
917
  "$type": "color",
520
- "$description": "Used for the border of a danger (destructive) primary button in the focus state."
918
+ "$description": "Used for the border of a danger (destructive) primary button in the focus state.",
919
+ "$extensions": {
920
+ "com.figma.scope": [
921
+ "STROKE_COLOR"
922
+ ]
923
+ }
521
924
  },
522
925
  "active": {
523
926
  "$value": {
@@ -525,7 +928,12 @@
525
928
  "dark": "{color.alpha.0}"
526
929
  },
527
930
  "$type": "color",
528
- "$description": "Used for the border of a danger (destructive) primary button in the active state."
931
+ "$description": "Used for the border of a danger (destructive) primary button in the active state.",
932
+ "$extensions": {
933
+ "com.figma.scope": [
934
+ "STROKE_COLOR"
935
+ ]
936
+ }
529
937
  }
530
938
  }
531
939
  }
@@ -539,7 +947,13 @@
539
947
  "dark": "{color.red.100}"
540
948
  },
541
949
  "$type": "color",
542
- "$description": "Used for the foreground of a danger (destructive) button in the default state."
950
+ "$description": "Used for the foreground of a danger (destructive) button in the default state.",
951
+ "$extensions": {
952
+ "com.figma.scope": [
953
+ "SHAPE_FILL",
954
+ "TEXT_FILL"
955
+ ]
956
+ }
543
957
  },
544
958
  "hover": {
545
959
  "$value": {
@@ -547,12 +961,24 @@
547
961
  "dark": "{color.red.50}"
548
962
  },
549
963
  "$type": "color",
550
- "$description": "Used for the foreground of a danger (destructive) button in the hover state."
964
+ "$description": "Used for the foreground of a danger (destructive) button in the hover state.",
965
+ "$extensions": {
966
+ "com.figma.scope": [
967
+ "SHAPE_FILL",
968
+ "TEXT_FILL"
969
+ ]
970
+ }
551
971
  },
552
972
  "focus": {
553
973
  "$value": "{button.danger.secondary.foreground.color.hover}",
554
974
  "$type": "color",
555
- "$description": "Used for the foreground of a danger (destructive) button in the focus state."
975
+ "$description": "Used for the foreground of a danger (destructive) button in the focus state.",
976
+ "$extensions": {
977
+ "com.figma.scope": [
978
+ "SHAPE_FILL",
979
+ "TEXT_FILL"
980
+ ]
981
+ }
556
982
  },
557
983
  "active": {
558
984
  "$value": {
@@ -560,7 +986,13 @@
560
986
  "dark": "{color.red.50}"
561
987
  },
562
988
  "$type": "color",
563
- "$description": "Used for the foreground of a danger (destructive) button in the active state."
989
+ "$description": "Used for the foreground of a danger (destructive) button in the active state.",
990
+ "$extensions": {
991
+ "com.figma.scope": [
992
+ "SHAPE_FILL",
993
+ "TEXT_FILL"
994
+ ]
995
+ }
564
996
  }
565
997
  }
566
998
  },
@@ -572,7 +1004,13 @@
572
1004
  "dark": "rgba(236, 89, 65, 0.40)"
573
1005
  },
574
1006
  "$type": "color",
575
- "$description": "Used for the background of an outlined danger (destructive) button in the default state."
1007
+ "$description": "Used for the background of an outlined danger (destructive) button in the default state.",
1008
+ "$extensions": {
1009
+ "com.figma.scope": [
1010
+ "FRAME_FILL",
1011
+ "SHAPE_FILL"
1012
+ ]
1013
+ }
576
1014
  },
577
1015
  "hover": {
578
1016
  "$value": {
@@ -580,12 +1018,24 @@
580
1018
  "dark": "rgba(236, 89, 65, 0.64)"
581
1019
  },
582
1020
  "$type": "color",
583
- "$description": "Used for the background of an outlined danger (destructive) button in the hover state."
1021
+ "$description": "Used for the background of an outlined danger (destructive) button in the hover state.",
1022
+ "$extensions": {
1023
+ "com.figma.scope": [
1024
+ "FRAME_FILL",
1025
+ "SHAPE_FILL"
1026
+ ]
1027
+ }
584
1028
  },
585
1029
  "focus": {
586
1030
  "$value": "{button.danger.secondary.background.color.hover}",
587
1031
  "$type": "color",
588
- "$description": "Used for the background of an outlined danger (destructive) button in the focus state."
1032
+ "$description": "Used for the background of an outlined danger (destructive) button in the focus state.",
1033
+ "$extensions": {
1034
+ "com.figma.scope": [
1035
+ "FRAME_FILL",
1036
+ "SHAPE_FILL"
1037
+ ]
1038
+ }
589
1039
  },
590
1040
  "active": {
591
1041
  "$value": {
@@ -593,7 +1043,13 @@
593
1043
  "dark": "rgba(236, 89, 65, 0.32)"
594
1044
  },
595
1045
  "$type": "color",
596
- "$description": "Used for the background of an outlined danger (destructive) button in the active state."
1046
+ "$description": "Used for the background of an outlined danger (destructive) button in the active state.",
1047
+ "$extensions": {
1048
+ "com.figma.scope": [
1049
+ "FRAME_FILL",
1050
+ "SHAPE_FILL"
1051
+ ]
1052
+ }
597
1053
  }
598
1054
  }
599
1055
  },
@@ -605,7 +1061,12 @@
605
1061
  "dark": "{color.alpha.0}"
606
1062
  },
607
1063
  "$type": "color",
608
- "$description": "Used for the border of an outlined danger (destructive) button in the default state."
1064
+ "$description": "Used for the border of an outlined danger (destructive) button in the default state.",
1065
+ "$extensions": {
1066
+ "com.figma.scope": [
1067
+ "STROKE_COLOR"
1068
+ ]
1069
+ }
609
1070
  },
610
1071
  "hover": {
611
1072
  "$value": {
@@ -613,12 +1074,22 @@
613
1074
  "dark": "{color.alpha.0}"
614
1075
  },
615
1076
  "$type": "color",
616
- "$description": "Used for the border of an outlined danger (destructive) button in the hover state."
1077
+ "$description": "Used for the border of an outlined danger (destructive) button in the hover state.",
1078
+ "$extensions": {
1079
+ "com.figma.scope": [
1080
+ "STROKE_COLOR"
1081
+ ]
1082
+ }
617
1083
  },
618
1084
  "focus": {
619
1085
  "$value": "{button.danger.secondary.border.color.hover}",
620
1086
  "$type": "color",
621
- "$description": "Used for the border of an outlined danger (destructive) button in the focus state."
1087
+ "$description": "Used for the border of an outlined danger (destructive) button in the focus state.",
1088
+ "$extensions": {
1089
+ "com.figma.scope": [
1090
+ "STROKE_COLOR"
1091
+ ]
1092
+ }
622
1093
  },
623
1094
  "active": {
624
1095
  "$value": {
@@ -626,7 +1097,12 @@
626
1097
  "dark": "{color.alpha.0}"
627
1098
  },
628
1099
  "$type": "color",
629
- "$description": "Used for the border of an outlined danger (destructive) button in the active state."
1100
+ "$description": "Used for the border of an outlined danger (destructive) button in the active state.",
1101
+ "$extensions": {
1102
+ "com.figma.scope": [
1103
+ "STROKE_COLOR"
1104
+ ]
1105
+ }
630
1106
  }
631
1107
  }
632
1108
  }
@@ -637,22 +1113,46 @@
637
1113
  "default": {
638
1114
  "$value": "{action.danger.foreground.color.default}",
639
1115
  "$type": "color",
640
- "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the default state."
1116
+ "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the default state.",
1117
+ "$extensions": {
1118
+ "com.figma.scope": [
1119
+ "SHAPE_FILL",
1120
+ "TEXT_FILL"
1121
+ ]
1122
+ }
641
1123
  },
642
1124
  "hover": {
643
1125
  "$value": "{action.danger.foreground.color.hover}",
644
1126
  "$type": "color",
645
- "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state."
1127
+ "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state.",
1128
+ "$extensions": {
1129
+ "com.figma.scope": [
1130
+ "SHAPE_FILL",
1131
+ "TEXT_FILL"
1132
+ ]
1133
+ }
646
1134
  },
647
1135
  "focus": {
648
1136
  "$value": "{action.danger.foreground.color.focus}",
649
1137
  "$type": "color",
650
- "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state."
1138
+ "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state.",
1139
+ "$extensions": {
1140
+ "com.figma.scope": [
1141
+ "SHAPE_FILL",
1142
+ "TEXT_FILL"
1143
+ ]
1144
+ }
651
1145
  },
652
1146
  "active": {
653
1147
  "$value": "{action.danger.foreground.color.active}",
654
1148
  "$type": "color",
655
- "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the active state."
1149
+ "$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the active state.",
1150
+ "$extensions": {
1151
+ "com.figma.scope": [
1152
+ "SHAPE_FILL",
1153
+ "TEXT_FILL"
1154
+ ]
1155
+ }
656
1156
  }
657
1157
  }
658
1158
  },
@@ -661,22 +1161,46 @@
661
1161
  "default": {
662
1162
  "$value": "{action.danger.background.color.default}",
663
1163
  "$type": "color",
664
- "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the default state."
1164
+ "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the default state.",
1165
+ "$extensions": {
1166
+ "com.figma.scope": [
1167
+ "FRAME_FILL",
1168
+ "SHAPE_FILL"
1169
+ ]
1170
+ }
665
1171
  },
666
1172
  "hover": {
667
1173
  "$value": "{action.danger.background.color.hover}",
668
1174
  "$type": "color",
669
- "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the hover state."
1175
+ "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the hover state.",
1176
+ "$extensions": {
1177
+ "com.figma.scope": [
1178
+ "FRAME_FILL",
1179
+ "SHAPE_FILL"
1180
+ ]
1181
+ }
670
1182
  },
671
1183
  "focus": {
672
1184
  "$value": "{action.danger.background.color.focus}",
673
1185
  "$type": "color",
674
- "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the focus state."
1186
+ "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the focus state.",
1187
+ "$extensions": {
1188
+ "com.figma.scope": [
1189
+ "FRAME_FILL",
1190
+ "SHAPE_FILL"
1191
+ ]
1192
+ }
675
1193
  },
676
1194
  "active": {
677
1195
  "$value": "{action.danger.background.color.active}",
678
1196
  "$type": "color",
679
- "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the active state."
1197
+ "$description": "Used for the background of a borderless, tertiary danger (destructive) button in the active state.",
1198
+ "$extensions": {
1199
+ "com.figma.scope": [
1200
+ "FRAME_FILL",
1201
+ "SHAPE_FILL"
1202
+ ]
1203
+ }
680
1204
  }
681
1205
  }
682
1206
  },
@@ -685,22 +1209,42 @@
685
1209
  "default": {
686
1210
  "$value": "{action.danger.border.color.default}",
687
1211
  "$type": "color",
688
- "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the default state."
1212
+ "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the default state.",
1213
+ "$extensions": {
1214
+ "com.figma.scope": [
1215
+ "STROKE_COLOR"
1216
+ ]
1217
+ }
689
1218
  },
690
1219
  "hover": {
691
1220
  "$value": "{action.danger.border.color.hover}",
692
1221
  "$type": "color",
693
- "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the hover state."
1222
+ "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the hover state.",
1223
+ "$extensions": {
1224
+ "com.figma.scope": [
1225
+ "STROKE_COLOR"
1226
+ ]
1227
+ }
694
1228
  },
695
1229
  "focus": {
696
1230
  "$value": "{action.danger.border.color.focus}",
697
1231
  "$type": "color",
698
- "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the focus state."
1232
+ "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the focus state.",
1233
+ "$extensions": {
1234
+ "com.figma.scope": [
1235
+ "STROKE_COLOR"
1236
+ ]
1237
+ }
699
1238
  },
700
1239
  "active": {
701
1240
  "$value": "{action.danger.border.color.active}",
702
1241
  "$type": "color",
703
- "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the active state."
1242
+ "$description": "Used for the border of a borderless, tertiary danger (destructive) button in the active state.",
1243
+ "$extensions": {
1244
+ "com.figma.scope": [
1245
+ "STROKE_COLOR"
1246
+ ]
1247
+ }
704
1248
  }
705
1249
  }
706
1250
  }
@@ -715,17 +1259,32 @@
715
1259
  "dark": "{color.neutral.400}"
716
1260
  },
717
1261
  "$type": "color",
718
- "$description": "Used for the border of a dashed button in the default state."
1262
+ "$description": "Used for the border of a dashed button in the default state.",
1263
+ "$extensions": {
1264
+ "com.figma.scope": [
1265
+ "STROKE_COLOR"
1266
+ ]
1267
+ }
719
1268
  },
720
1269
  "hover": {
721
1270
  "$value": "{button.dashed.border.color.default}",
722
1271
  "$type": "color",
723
- "$description": "Used for the border of a dashed button in the hover state."
1272
+ "$description": "Used for the border of a dashed button in the hover state.",
1273
+ "$extensions": {
1274
+ "com.figma.scope": [
1275
+ "STROKE_COLOR"
1276
+ ]
1277
+ }
724
1278
  },
725
1279
  "focus": {
726
1280
  "$value": "{button.dashed.border.color.default}",
727
1281
  "$type": "color",
728
- "$description": "Used for the border of a dashed button in the focus state."
1282
+ "$description": "Used for the border of a dashed button in the focus state.",
1283
+ "$extensions": {
1284
+ "com.figma.scope": [
1285
+ "STROKE_COLOR"
1286
+ ]
1287
+ }
729
1288
  },
730
1289
  "active": {
731
1290
  "$value": {
@@ -733,7 +1292,12 @@
733
1292
  "dark": "{color.neutral.300}"
734
1293
  },
735
1294
  "$type": "color",
736
- "$description": "Used for the border of a dashed button in the active state."
1295
+ "$description": "Used for the border of a dashed button in the active state.",
1296
+ "$extensions": {
1297
+ "com.figma.scope": [
1298
+ "STROKE_COLOR"
1299
+ ]
1300
+ }
737
1301
  }
738
1302
  }
739
1303
  }
@@ -742,24 +1306,48 @@
742
1306
  "text": {
743
1307
  "color": {
744
1308
  "default": {
745
- "$value": "{text.color.link}",
1309
+ "$value": "{text.color.link}",
746
1310
  "$type": "color",
747
- "$description": "Used for the text of a link button in the default state."
1311
+ "$description": "Used for the text of a link button in the default state.",
1312
+ "$extensions": {
1313
+ "com.figma.scope": [
1314
+ "SHAPE_FILL",
1315
+ "TEXT_FILL"
1316
+ ]
1317
+ }
748
1318
  },
749
1319
  "hover": {
750
1320
  "$value": "{button.link.text.color.default}",
751
1321
  "$type": "color",
752
- "$description": "Used for the text of a link button in the hover state."
1322
+ "$description": "Used for the text of a link button in the hover state.",
1323
+ "$extensions": {
1324
+ "com.figma.scope": [
1325
+ "SHAPE_FILL",
1326
+ "TEXT_FILL"
1327
+ ]
1328
+ }
753
1329
  },
754
1330
  "focus": {
755
1331
  "$value": "{button.link.text.color.default}",
756
1332
  "$type": "color",
757
- "$description": "Used for the text of a link button in the focus state."
1333
+ "$description": "Used for the text of a link button in the focus state.",
1334
+ "$extensions": {
1335
+ "com.figma.scope": [
1336
+ "SHAPE_FILL",
1337
+ "TEXT_FILL"
1338
+ ]
1339
+ }
758
1340
  },
759
1341
  "active": {
760
1342
  "$value": "{button.link.text.color.default}",
761
1343
  "$type": "color",
762
- "$description": "Used for the text of a link button in the active state."
1344
+ "$description": "Used for the text of a link button in the active state.",
1345
+ "$extensions": {
1346
+ "com.figma.scope": [
1347
+ "SHAPE_FILL",
1348
+ "TEXT_FILL"
1349
+ ]
1350
+ }
763
1351
  }
764
1352
  }
765
1353
  }
@@ -773,7 +1361,13 @@
773
1361
  "dark": "{color.neutral.900}"
774
1362
  },
775
1363
  "$type": "color",
776
- "$description": "Used for the foreground of a selected button in the default state."
1364
+ "$description": "Used for the foreground of a selected button in the default state.",
1365
+ "$extensions": {
1366
+ "com.figma.scope": [
1367
+ "SHAPE_FILL",
1368
+ "TEXT_FILL"
1369
+ ]
1370
+ }
777
1371
  },
778
1372
  "hover": {
779
1373
  "$value": {
@@ -781,7 +1375,13 @@
781
1375
  "dark": "{color.neutral.950}"
782
1376
  },
783
1377
  "$type": "color",
784
- "$description": "Used for the foreground of a selected button in the hover state."
1378
+ "$description": "Used for the foreground of a selected button in the hover state.",
1379
+ "$extensions": {
1380
+ "com.figma.scope": [
1381
+ "SHAPE_FILL",
1382
+ "TEXT_FILL"
1383
+ ]
1384
+ }
785
1385
  },
786
1386
  "focus": {
787
1387
  "$value": {
@@ -789,7 +1389,13 @@
789
1389
  "dark": "{color.neutral.950}"
790
1390
  },
791
1391
  "$type": "color",
792
- "$description": "Used for the foreground of a selected button in the focus state."
1392
+ "$description": "Used for the foreground of a selected button in the focus state.",
1393
+ "$extensions": {
1394
+ "com.figma.scope": [
1395
+ "SHAPE_FILL",
1396
+ "TEXT_FILL"
1397
+ ]
1398
+ }
793
1399
  },
794
1400
  "active": {
795
1401
  "$value": {
@@ -797,7 +1403,13 @@
797
1403
  "dark": "{color.neutral.950}"
798
1404
  },
799
1405
  "$type": "color",
800
- "$description": "Used for the foreground of a selected button in the active state."
1406
+ "$description": "Used for the foreground of a selected button in the active state.",
1407
+ "$extensions": {
1408
+ "com.figma.scope": [
1409
+ "SHAPE_FILL",
1410
+ "TEXT_FILL"
1411
+ ]
1412
+ }
801
1413
  }
802
1414
  }
803
1415
  },
@@ -809,7 +1421,13 @@
809
1421
  "dark": "{color.neutral.300}"
810
1422
  },
811
1423
  "$type": "color",
812
- "$description": "Used for the background of a selected button in the default state."
1424
+ "$description": "Used for the background of a selected button in the default state.",
1425
+ "$extensions": {
1426
+ "com.figma.scope": [
1427
+ "FRAME_FILL",
1428
+ "SHAPE_FILL"
1429
+ ]
1430
+ }
813
1431
  },
814
1432
  "hover": {
815
1433
  "$value": {
@@ -817,7 +1435,13 @@
817
1435
  "dark": "{color.neutral.200}"
818
1436
  },
819
1437
  "$type": "color",
820
- "$description": "Used for the background of a selected button in the hover state."
1438
+ "$description": "Used for the background of a selected button in the hover state.",
1439
+ "$extensions": {
1440
+ "com.figma.scope": [
1441
+ "FRAME_FILL",
1442
+ "SHAPE_FILL"
1443
+ ]
1444
+ }
821
1445
  },
822
1446
  "focus": {
823
1447
  "$value": {
@@ -825,7 +1449,13 @@
825
1449
  "dark": "{color.neutral.200}"
826
1450
  },
827
1451
  "$type": "color",
828
- "$description": "Used for the background of a selected button in the focus state."
1452
+ "$description": "Used for the background of a selected button in the focus state.",
1453
+ "$extensions": {
1454
+ "com.figma.scope": [
1455
+ "FRAME_FILL",
1456
+ "SHAPE_FILL"
1457
+ ]
1458
+ }
829
1459
  },
830
1460
  "active": {
831
1461
  "$value": {
@@ -833,7 +1463,13 @@
833
1463
  "dark": "{color.neutral.400}"
834
1464
  },
835
1465
  "$type": "color",
836
- "$description": "Used for the background of a selected button in the active state."
1466
+ "$description": "Used for the background of a selected button in the active state.",
1467
+ "$extensions": {
1468
+ "com.figma.scope": [
1469
+ "FRAME_FILL",
1470
+ "SHAPE_FILL"
1471
+ ]
1472
+ }
837
1473
  }
838
1474
  }
839
1475
  },
@@ -845,7 +1481,12 @@
845
1481
  "dark": "{color.alpha.0}"
846
1482
  },
847
1483
  "$type": "color",
848
- "$description": "Used for the border of a selected button in the default state."
1484
+ "$description": "Used for the border of a selected button in the default state.",
1485
+ "$extensions": {
1486
+ "com.figma.scope": [
1487
+ "STROKE_COLOR"
1488
+ ]
1489
+ }
849
1490
  },
850
1491
  "hover": {
851
1492
  "$value": {
@@ -853,12 +1494,22 @@
853
1494
  "dark": "{color.alpha.0}"
854
1495
  },
855
1496
  "$type": "color",
856
- "$description": "Used for the border of a selected button in the hover state."
1497
+ "$description": "Used for the border of a selected button in the hover state.",
1498
+ "$extensions": {
1499
+ "com.figma.scope": [
1500
+ "STROKE_COLOR"
1501
+ ]
1502
+ }
857
1503
  },
858
1504
  "focus": {
859
1505
  "$value": "{button.selected.border.color.hover}",
860
1506
  "$type": "color",
861
- "$description": "Used for the border of a selected button in the focus state."
1507
+ "$description": "Used for the border of a selected button in the focus state.",
1508
+ "$extensions": {
1509
+ "com.figma.scope": [
1510
+ "STROKE_COLOR"
1511
+ ]
1512
+ }
862
1513
  },
863
1514
  "active": {
864
1515
  "$value": {
@@ -866,7 +1517,12 @@
866
1517
  "dark": "{color.alpha.0}"
867
1518
  },
868
1519
  "$type": "color",
869
- "$description": "Used for the border of a selected button in the active state."
1520
+ "$description": "Used for the border of a selected button in the active state.",
1521
+ "$extensions": {
1522
+ "com.figma.scope": [
1523
+ "STROKE_COLOR"
1524
+ ]
1525
+ }
870
1526
  }
871
1527
  }
872
1528
  }
@@ -879,7 +1535,13 @@
879
1535
  "dark": "{color.neutral.400}"
880
1536
  },
881
1537
  "$type": "color",
882
- "$description": "Used for the foreground of a disabled button."
1538
+ "$description": "Used for the foreground of a disabled button.",
1539
+ "$extensions": {
1540
+ "com.figma.scope": [
1541
+ "SHAPE_FILL",
1542
+ "TEXT_FILL"
1543
+ ]
1544
+ }
883
1545
  }
884
1546
  },
885
1547
  "background": {
@@ -889,7 +1551,13 @@
889
1551
  "dark": "rgba(137, 136, 141, 0.16)"
890
1552
  },
891
1553
  "$type": "color",
892
- "$description": "Used for the background of a disabled button."
1554
+ "$description": "Used for the background of a disabled button.",
1555
+ "$extensions": {
1556
+ "com.figma.scope": [
1557
+ "FRAME_FILL",
1558
+ "SHAPE_FILL"
1559
+ ]
1560
+ }
893
1561
  }
894
1562
  },
895
1563
  "border": {
@@ -899,7 +1567,12 @@
899
1567
  "dark": "{color.alpha.0}"
900
1568
  },
901
1569
  "$type": "color",
902
- "$description": "Used for the border of a disabled button."
1570
+ "$description": "Used for the border of a disabled button.",
1571
+ "$extensions": {
1572
+ "com.figma.scope": [
1573
+ "STROKE_COLOR"
1574
+ ]
1575
+ }
903
1576
  }
904
1577
  }
905
1578
  }