@gitlab/ui 126.3.2 → 126.3.3

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 (66) hide show
  1. package/dist/components/base/icon/icon.js +1 -1
  2. package/dist/components/base/illustration/illustration.js +1 -1
  3. package/package.json +2 -2
  4. package/src/components/base/icon/icon.vue +1 -1
  5. package/src/components/base/illustration/illustration.vue +1 -1
  6. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +2788 -2788
  7. package/src/tokens/build/docs/tokens-tailwind-docs.json +2788 -2788
  8. package/src/tokens/build/figma/constants.tokens.json +326 -326
  9. package/src/tokens/build/figma/contextual.tokens.json +428 -428
  10. package/src/tokens/build/figma/deprecated.tokens.json +220 -220
  11. package/src/tokens/build/figma/semantic.tokens.json +191 -191
  12. package/src/tokens/build/json/tokens.dark.json +2330 -2330
  13. package/src/tokens/build/json/tokens.json +2330 -2330
  14. package/src/tokens/constant/border.tokens.json +10 -10
  15. package/src/tokens/constant/color.alpha.tokens.json +15 -15
  16. package/src/tokens/constant/color.tokens.json +211 -211
  17. package/src/tokens/constant/font.tokens.json +27 -27
  18. package/src/tokens/constant/line_height.tokens.json +10 -10
  19. package/src/tokens/constant/opacity.tokens.json +11 -11
  20. package/src/tokens/constant/shadow.tokens.json +3 -3
  21. package/src/tokens/constant/spacing_scale.tokens.json +32 -32
  22. package/src/tokens/constant/zindex.tokens.json +7 -7
  23. package/src/tokens/contextual/alert.tokens.json +20 -20
  24. package/src/tokens/contextual/avatar.tokens.json +14 -14
  25. package/src/tokens/contextual/badge.tokens.json +112 -112
  26. package/src/tokens/contextual/banner.tokens.json +3 -3
  27. package/src/tokens/contextual/breadcrumb.tokens.json +1 -1
  28. package/src/tokens/contextual/broadcast.tokens.json +41 -41
  29. package/src/tokens/contextual/button.tokens.json +122 -122
  30. package/src/tokens/contextual/card.tokens.json +1 -1
  31. package/src/tokens/contextual/chart.tokens.json +7 -7
  32. package/src/tokens/contextual/datepicker.tokens.json +2 -2
  33. package/src/tokens/contextual/drawer.tokens.json +1 -1
  34. package/src/tokens/contextual/dropdown.tokens.json +22 -22
  35. package/src/tokens/contextual/filtered-search.tokens.json +6 -6
  36. package/src/tokens/contextual/illustration.tokens.json +32 -32
  37. package/src/tokens/contextual/label.tokens.json +12 -12
  38. package/src/tokens/contextual/link.tokens.json +4 -4
  39. package/src/tokens/contextual/modal.tokens.json +1 -1
  40. package/src/tokens/contextual/progress-bar.tokens.json +5 -5
  41. package/src/tokens/contextual/skeleton-loader.tokens.json +2 -2
  42. package/src/tokens/contextual/spinner.tokens.json +4 -4
  43. package/src/tokens/contextual/table.tokens.json +2 -2
  44. package/src/tokens/contextual/tabs.tokens.json +1 -1
  45. package/src/tokens/contextual/toggle.tokens.json +9 -9
  46. package/src/tokens/contextual/token-selector.tokens.json +1 -1
  47. package/src/tokens/contextual/token.tokens.json +3 -3
  48. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +55 -55
  49. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +72 -72
  50. package/src/tokens/deprecated/deprecated.color.tokens.json +80 -80
  51. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +13 -13
  52. package/src/tokens/semantic/action.tokens.json +76 -76
  53. package/src/tokens/semantic/background.tokens.json +7 -7
  54. package/src/tokens/semantic/border.tokens.json +5 -5
  55. package/src/tokens/semantic/control.tokens.json +21 -21
  56. package/src/tokens/semantic/feedback.tokens.json +30 -30
  57. package/src/tokens/semantic/focus-ring.tokens.json +2 -2
  58. package/src/tokens/semantic/font.tokens.json +2 -2
  59. package/src/tokens/semantic/heading.tokens.json +2 -2
  60. package/src/tokens/semantic/highlight.tokens.json +4 -4
  61. package/src/tokens/semantic/icon.tokens.json +9 -9
  62. package/src/tokens/semantic/letter_spacing.tokens.json +1 -1
  63. package/src/tokens/semantic/line_height.tokens.json +1 -1
  64. package/src/tokens/semantic/shadow.tokens.json +1 -1
  65. package/src/tokens/semantic/status.tokens.json +18 -18
  66. package/src/tokens/semantic/text.tokens.json +12 -12
package/src/tokens/semantic/background.tokens.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "$type": "color",
10
10
  "$description": "Used for the default background color.",
11
11
  "$extensions": {
12
- "com.figma.scope": [
12
+ "com.figma.scopes": [
13
13
  "FRAME_FILL",
14
14
  "SHAPE_FILL"
15
15
  ]
@@ -23,7 +23,7 @@
23
23
  "$type": "color",
24
24
  "$description": "Used to slightly differentiate the background from the default.",
25
25
  "$extensions": {
26
- "com.figma.scope": [
26
+ "com.figma.scopes": [
27
27
  "FRAME_FILL",
28
28
  "SHAPE_FILL"
29
29
  ]
@@ -37,7 +37,7 @@
37
37
  "$type": "color",
38
38
  "$description": "Used to make the background easily stand out from the default.",
39
39
  "$extensions": {
40
- "com.figma.scope": [
40
+ "com.figma.scopes": [
41
41
  "FRAME_FILL",
42
42
  "SHAPE_FILL"
43
43
  ]
@@ -51,7 +51,7 @@
51
51
  "$type": "color",
52
52
  "$description": "Used to identify a disabled section.",
53
53
  "$extensions": {
54
- "com.figma.scope": [
54
+ "com.figma.scopes": [
55
55
  "FRAME_FILL",
56
56
  "SHAPE_FILL"
57
57
  ]
@@ -65,7 +65,7 @@
65
65
  "$type": "color",
66
66
  "$description": "Used for components, like tooltips and drawers, and content, like a sticky header, that overlap other content.",
67
67
  "$extensions": {
68
- "com.figma.scope": [
68
+ "com.figma.scopes": [
69
69
  "FRAME_FILL",
70
70
  "SHAPE_FILL"
71
71
  ]
@@ -79,7 +79,7 @@
79
79
  "$type": "color",
80
80
  "$description": "Used for containers, like a card header, that are visually distinct from the default page background only when necessary to maintain affordance and hierarchy in different modes.",
81
81
  "$extensions": {
82
- "com.figma.scope": [
82
+ "com.figma.scopes": [
83
83
  "FRAME_FILL",
84
84
  "SHAPE_FILL"
85
85
  ]
@@ -93,7 +93,7 @@
93
93
  "$type": "color",
94
94
  "$description": "Used for an overlay that covers other content.",
95
95
  "$extensions": {
96
- "com.figma.scope": [
96
+ "com.figma.scopes": [
97
97
  "FRAME_FILL",
98
98
  "SHAPE_FILL"
99
99
  ]
package/src/tokens/semantic/border.tokens.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "$type": "color",
10
10
  "$description": "Used for the default border color.",
11
11
  "$extensions": {
12
- "com.figma.scope": [
12
+ "com.figma.scopes": [
13
13
  "STROKE_COLOR"
14
14
  ]
15
15
  }
@@ -22,7 +22,7 @@
22
22
  "$type": "color",
23
23
  "$description": "Used for a subtle border in combination with the default background.",
24
24
  "$extensions": {
25
- "com.figma.scope": [
25
+ "com.figma.scopes": [
26
26
  "STROKE_COLOR"
27
27
  ]
28
28
  }
@@ -35,7 +35,7 @@
35
35
  "$type": "color",
36
36
  "$description": "Used for a distinct border that emphasizes an edge or boundaries.",
37
37
  "$extensions": {
38
- "com.figma.scope": [
38
+ "com.figma.scopes": [
39
39
  "STROKE_COLOR"
40
40
  ]
41
41
  }
@@ -48,7 +48,7 @@
48
48
  "$type": "color",
49
49
  "$description": "Used for the border color that surrounds content or elements when they appear as a closed container or closed section of the page.",
50
50
  "$extensions": {
51
- "com.figma.scope": [
51
+ "com.figma.scopes": [
52
52
  "STROKE_COLOR"
53
53
  ]
54
54
  }
@@ -60,7 +60,7 @@
60
60
  "$type": "dimension",
61
61
  "$description": "",
62
62
  "$extensions": {
63
- "com.figma.scope": [
63
+ "com.figma.scopes": [
64
64
  "CORNER_RADIUS"
65
65
  ]
66
66
  }
package/src/tokens/semantic/control.tokens.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "$type": "color",
11
11
  "$description": "Used for form control (input, radio button, checkbox, textarea) default background.",
12
12
  "$extensions": {
13
- "com.figma.scope": [
13
+ "com.figma.scopes": [
14
14
  "FRAME_FILL",
15
15
  "SHAPE_FILL"
16
16
  ]
@@ -24,7 +24,7 @@
24
24
  "$type": "color",
25
25
  "$description": "Used for disabled form control (checkbox, input, radio button, textarea) background.",
26
26
  "$extensions": {
27
- "com.figma.scope": [
27
+ "com.figma.scopes": [
28
28
  "FRAME_FILL",
29
29
  "SHAPE_FILL"
30
30
  ]
@@ -38,7 +38,7 @@
38
38
  "$type": "color",
39
39
  "$description": "Used for the background of static content that prepends or appends a text input.",
40
40
  "$extensions": {
41
- "com.figma.scope": [
41
+ "com.figma.scopes": [
42
42
  "FRAME_FILL",
43
43
  "SHAPE_FILL"
44
44
  ]
@@ -52,7 +52,7 @@
52
52
  "$type": "color",
53
53
  "$description": "Used for the background of static content that prepends or appends a text input.",
54
54
  "$extensions": {
55
- "com.figma.scope": [
55
+ "com.figma.scopes": [
56
56
  "FRAME_FILL",
57
57
  "SHAPE_FILL"
58
58
  ]
@@ -67,7 +67,7 @@
67
67
  "$type": "color",
68
68
  "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background.",
69
69
  "$extensions": {
70
- "com.figma.scope": [
70
+ "com.figma.scopes": [
71
71
  "FRAME_FILL",
72
72
  "SHAPE_FILL"
73
73
  ]
@@ -81,7 +81,7 @@
81
81
  "$type": "color",
82
82
  "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.",
83
83
  "$extensions": {
84
- "com.figma.scope": [
84
+ "com.figma.scopes": [
85
85
  "FRAME_FILL",
86
86
  "SHAPE_FILL"
87
87
  ]
@@ -95,7 +95,7 @@
95
95
  "$type": "color",
96
96
  "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.",
97
97
  "$extensions": {
98
- "com.figma.scope": [
98
+ "com.figma.scopes": [
99
99
  "FRAME_FILL",
100
100
  "SHAPE_FILL"
101
101
  ]
@@ -114,7 +114,7 @@
114
114
  "$type": "color",
115
115
  "$description": "Used for form control (input, radio button, checkbox, textarea) default border.",
116
116
  "$extensions": {
117
- "com.figma.scope": [
117
+ "com.figma.scopes": [
118
118
  "STROKE_COLOR"
119
119
  ]
120
120
  }
@@ -127,7 +127,7 @@
127
127
  "$type": "color",
128
128
  "$description": "Used for form control (input, radio button, checkbox, textarea) border on hover.",
129
129
  "$extensions": {
130
- "com.figma.scope": [
130
+ "com.figma.scopes": [
131
131
  "STROKE_COLOR"
132
132
  ]
133
133
  }
@@ -140,7 +140,7 @@
140
140
  "$type": "color",
141
141
  "$description": "Used for form control (input, radio button, checkbox, textarea) border on focus.",
142
142
  "$extensions": {
143
- "com.figma.scope": [
143
+ "com.figma.scopes": [
144
144
  "STROKE_COLOR"
145
145
  ]
146
146
  }
@@ -153,7 +153,7 @@
153
153
  "$type": "color",
154
154
  "$description": "Used for disabled form control (input, radio button, checkbox, textarea) border.",
155
155
  "$extensions": {
156
- "com.figma.scope": [
156
+ "com.figma.scopes": [
157
157
  "STROKE_COLOR"
158
158
  ]
159
159
  }
@@ -163,7 +163,7 @@
163
163
  "$type": "color",
164
164
  "$description": "Used for invalid form control (input, textarea) border.",
165
165
  "$extensions": {
166
- "com.figma.scope": [
166
+ "com.figma.scopes": [
167
167
  "STROKE_COLOR"
168
168
  ]
169
169
  }
@@ -177,7 +177,7 @@
177
177
  "$type": "color",
178
178
  "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border.",
179
179
  "$extensions": {
180
- "com.figma.scope": [
180
+ "com.figma.scopes": [
181
181
  "STROKE_COLOR"
182
182
  ]
183
183
  }
@@ -190,7 +190,7 @@
190
190
  "$type": "color",
191
191
  "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.",
192
192
  "$extensions": {
193
- "com.figma.scope": [
193
+ "com.figma.scopes": [
194
194
  "STROKE_COLOR"
195
195
  ]
196
196
  }
@@ -203,7 +203,7 @@
203
203
  "$type": "color",
204
204
  "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.",
205
205
  "$extensions": {
206
- "com.figma.scope": [
206
+ "com.figma.scopes": [
207
207
  "STROKE_COLOR"
208
208
  ]
209
209
  }
@@ -215,7 +215,7 @@
215
215
  "$type": "dimension",
216
216
  "$description": "Used for form control (input, radio button, checkbox, textarea) default border radius.",
217
217
  "$extensions": {
218
- "com.figma.scope": [
218
+ "com.figma.scopes": [
219
219
  "CORNER_RADIUS"
220
220
  ]
221
221
  }
@@ -228,7 +228,7 @@
228
228
  "$type": "color",
229
229
  "$description": "Used for the helper text when the input is invalid.",
230
230
  "$extensions": {
231
- "com.figma.scope": [
231
+ "com.figma.scopes": [
232
232
  "TEXT_FILL"
233
233
  ]
234
234
  }
@@ -238,7 +238,7 @@
238
238
  "$type": "color",
239
239
  "$description": "Used for the helper text when the input is valid.",
240
240
  "$extensions": {
241
- "com.figma.scope": [
241
+ "com.figma.scopes": [
242
242
  "TEXT_FILL"
243
243
  ]
244
244
  }
@@ -251,7 +251,7 @@
251
251
  "$type": "color",
252
252
  "$description": "Used for placeholder text within inputs.",
253
253
  "$extensions": {
254
- "com.figma.scope": [
254
+ "com.figma.scopes": [
255
255
  "TEXT_FILL"
256
256
  ]
257
257
  }
@@ -267,7 +267,7 @@
267
267
  "$type": "color",
268
268
  "$description": "Used for checkbox and radio button state indicators.",
269
269
  "$extensions": {
270
- "com.figma.scope": [
270
+ "com.figma.scopes": [
271
271
  "FRAME_FILL",
272
272
  "SHAPE_FILL"
273
273
  ]
@@ -281,7 +281,7 @@
281
281
  "$type": "color",
282
282
  "$description": "Used for disabled checkbox and radio button state indicators.",
283
283
  "$extensions": {
284
- "com.figma.scope": [
284
+ "com.figma.scopes": [
285
285
  "FRAME_FILL",
286
286
  "SHAPE_FILL"
287
287
  ]
package/src/tokens/semantic/feedback.tokens.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "$type": "dimension",
7
7
  "$description": "Used for the border radius of a feedback element.",
8
8
  "$extensions": {
9
- "com.figma.scope": [
9
+ "com.figma.scopes": [
10
10
  "CORNER_RADIUS"
11
11
  ]
12
12
  }
@@ -19,7 +19,7 @@
19
19
  "$type": "color",
20
20
  "$description": "Used for a background associated with strong feedback like a tooltip or toast message.",
21
21
  "$extensions": {
22
- "com.figma.scope": [
22
+ "com.figma.scopes": [
23
23
  "FRAME_FILL",
24
24
  "SHAPE_FILL"
25
25
  ]
@@ -35,7 +35,7 @@
35
35
  "$type": "color",
36
36
  "$description": "Used for the border associated with strong feedback.",
37
37
  "$extensions": {
38
- "com.figma.scope": [
38
+ "com.figma.scopes": [
39
39
  "STROKE_COLOR"
40
40
  ]
41
41
  }
@@ -47,7 +47,7 @@
47
47
  "$type": "color",
48
48
  "$description": "Used for text on a strong feedback background.",
49
49
  "$extensions": {
50
- "com.figma.scope": [
50
+ "com.figma.scopes": [
51
51
  "TEXT_FILL"
52
52
  ]
53
53
  }
@@ -59,7 +59,7 @@
59
59
  "$type": "color",
60
60
  "$description": "Used for an icon on a strong feedback background.",
61
61
  "$extensions": {
62
- "com.figma.scope": [
62
+ "com.figma.scopes": [
63
63
  "SHAPE_FILL",
64
64
  "TEXT_FILL"
65
65
  ]
@@ -72,7 +72,7 @@
72
72
  "$type": "color",
73
73
  "$description": "Used for a link on a strong feedback background.",
74
74
  "$extensions": {
75
- "com.figma.scope": [
75
+ "com.figma.scopes": [
76
76
  "TEXT_FILL"
77
77
  ]
78
78
  }
@@ -89,7 +89,7 @@
89
89
  "$type": "color",
90
90
  "$description": "Used for the background of a neutral feedback item when there isn't a specific meaning or urgency.",
91
91
  "$extensions": {
92
- "com.figma.scope": [
92
+ "com.figma.scopes": [
93
93
  "FRAME_FILL",
94
94
  "SHAPE_FILL"
95
95
  ]
@@ -105,7 +105,7 @@
105
105
  "$type": "color",
106
106
  "$description": "Used for the border of a neutral feedback item when there isn't a specific meaning or urgency.",
107
107
  "$extensions": {
108
- "com.figma.scope": [
108
+ "com.figma.scopes": [
109
109
  "STROKE_COLOR"
110
110
  ]
111
111
  }
@@ -120,7 +120,7 @@
120
120
  "$type": "color",
121
121
  "$description": "Used for the text of a neutral feedback item when there isn't a specific meaning or urgency.",
122
122
  "$extensions": {
123
- "com.figma.scope": [
123
+ "com.figma.scopes": [
124
124
  "TEXT_FILL"
125
125
  ]
126
126
  }
@@ -135,7 +135,7 @@
135
135
  "$type": "color",
136
136
  "$description": "Used for the icon of a neutral feedback item when there isn't a specific meaning or urgency.",
137
137
  "$extensions": {
138
- "com.figma.scope": [
138
+ "com.figma.scopes": [
139
139
  "SHAPE_FILL",
140
140
  "TEXT_FILL"
141
141
  ]
@@ -153,7 +153,7 @@
153
153
  "$type": "color",
154
154
  "$description": "Used for the background of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
155
155
  "$extensions": {
156
- "com.figma.scope": [
156
+ "com.figma.scopes": [
157
157
  "FRAME_FILL",
158
158
  "SHAPE_FILL"
159
159
  ]
@@ -169,7 +169,7 @@
169
169
  "$type": "color",
170
170
  "$description": "Used for the border of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
171
171
  "$extensions": {
172
- "com.figma.scope": [
172
+ "com.figma.scopes": [
173
173
  "STROKE_COLOR"
174
174
  ]
175
175
  }
@@ -184,7 +184,7 @@
184
184
  "$type": "color",
185
185
  "$description": "Used for the text of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
186
186
  "$extensions": {
187
- "com.figma.scope": [
187
+ "com.figma.scopes": [
188
188
  "TEXT_FILL"
189
189
  ]
190
190
  }
@@ -199,7 +199,7 @@
199
199
  "$type": "color",
200
200
  "$description": "Used for the icon of an informational feedback item when highlighting new information or a change that doesn't require immediate action.",
201
201
  "$extensions": {
202
- "com.figma.scope": [
202
+ "com.figma.scopes": [
203
203
  "SHAPE_FILL",
204
204
  "TEXT_FILL"
205
205
  ]
@@ -217,7 +217,7 @@
217
217
  "$type": "color",
218
218
  "$description": "Used for the background of a success feedback item when confirming the successful completion of a user-initiated action.",
219
219
  "$extensions": {
220
- "com.figma.scope": [
220
+ "com.figma.scopes": [
221
221
  "FRAME_FILL",
222
222
  "SHAPE_FILL"
223
223
  ]
@@ -233,7 +233,7 @@
233
233
  "$type": "color",
234
234
  "$description": "Used for the border of a success feedback item when confirming the successful completion of a user-initiated action.",
235
235
  "$extensions": {
236
- "com.figma.scope": [
236
+ "com.figma.scopes": [
237
237
  "STROKE_COLOR"
238
238
  ]
239
239
  }
@@ -248,7 +248,7 @@
248
248
  "$type": "color",
249
249
  "$description": "Used for the text of a success feedback item when confirming the successful completion of a user-initiated action.",
250
250
  "$extensions": {
251
- "com.figma.scope": [
251
+ "com.figma.scopes": [
252
252
  "TEXT_FILL"
253
253
  ]
254
254
  }
@@ -263,7 +263,7 @@
263
263
  "$type": "color",
264
264
  "$description": "Used for the icon of a success feedback item when confirming the successful completion of a user-initiated action.",
265
265
  "$extensions": {
266
- "com.figma.scope": [
266
+ "com.figma.scopes": [
267
267
  "SHAPE_FILL",
268
268
  "TEXT_FILL"
269
269
  ]
@@ -281,7 +281,7 @@
281
281
  "$type": "color",
282
282
  "$description": "Used for the background of a warning feedback item when notifying about a potential issue or sensitive information.",
283
283
  "$extensions": {
284
- "com.figma.scope": [
284
+ "com.figma.scopes": [
285
285
  "FRAME_FILL",
286
286
  "SHAPE_FILL"
287
287
  ]
@@ -297,7 +297,7 @@
297
297
  "$type": "color",
298
298
  "$description": "Used for the border of a warning feedback item when notifying about a potential issue or sensitive information.",
299
299
  "$extensions": {
300
- "com.figma.scope": [
300
+ "com.figma.scopes": [
301
301
  "STROKE_COLOR"
302
302
  ]
303
303
  }
@@ -312,7 +312,7 @@
312
312
  "$type": "color",
313
313
  "$description": "Used for the text of a warning feedback item when notifying about a potential issue or sensitive information.",
314
314
  "$extensions": {
315
- "com.figma.scope": [
315
+ "com.figma.scopes": [
316
316
  "TEXT_FILL"
317
317
  ]
318
318
  }
@@ -327,7 +327,7 @@
327
327
  "$type": "color",
328
328
  "$description": "Used for the icon of a warning feedback item when notifying about a potential issue or sensitive information.",
329
329
  "$extensions": {
330
- "com.figma.scope": [
330
+ "com.figma.scopes": [
331
331
  "SHAPE_FILL",
332
332
  "TEXT_FILL"
333
333
  ]
@@ -345,7 +345,7 @@
345
345
  "$type": "color",
346
346
  "$description": "Used for the background of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
347
347
  "$extensions": {
348
- "com.figma.scope": [
348
+ "com.figma.scopes": [
349
349
  "FRAME_FILL",
350
350
  "SHAPE_FILL"
351
351
  ]
@@ -361,7 +361,7 @@
361
361
  "$type": "color",
362
362
  "$description": "Used for the border of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
363
363
  "$extensions": {
364
- "com.figma.scope": [
364
+ "com.figma.scopes": [
365
365
  "STROKE_COLOR"
366
366
  ]
367
367
  }
@@ -376,7 +376,7 @@
376
376
  "$type": "color",
377
377
  "$description": "Used for the text of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
378
378
  "$extensions": {
379
- "com.figma.scope": [
379
+ "com.figma.scopes": [
380
380
  "TEXT_FILL"
381
381
  ]
382
382
  }
@@ -391,7 +391,7 @@
391
391
  "$type": "color",
392
392
  "$description": "Used for the icon of a danger feedback item when notifying about a critical issue that has just occurred and requires immediate attention.",
393
393
  "$extensions": {
394
- "com.figma.scope": [
394
+ "com.figma.scopes": [
395
395
  "SHAPE_FILL",
396
396
  "TEXT_FILL"
397
397
  ]
@@ -409,7 +409,7 @@
409
409
  "$type": "color",
410
410
  "$description": "Used for the background of a brand-related feedback item when highlighting information that pertains to GitLab.",
411
411
  "$extensions": {
412
- "com.figma.scope": [
412
+ "com.figma.scopes": [
413
413
  "FRAME_FILL",
414
414
  "SHAPE_FILL"
415
415
  ]
@@ -425,7 +425,7 @@
425
425
  "$type": "color",
426
426
  "$description": "Used for the border of a brand-related feedback item when highlighting information that pertains to GitLab.",
427
427
  "$extensions": {
428
- "com.figma.scope": [
428
+ "com.figma.scopes": [
429
429
  "STROKE_COLOR"
430
430
  ]
431
431
  }
@@ -440,7 +440,7 @@
440
440
  "$type": "color",
441
441
  "$description": "Used for the text of a brand-related feedback item when highlighting information that pertains to GitLab.",
442
442
  "$extensions": {
443
- "com.figma.scope": [
443
+ "com.figma.scopes": [
444
444
  "TEXT_FILL"
445
445
  ]
446
446
  }
@@ -455,7 +455,7 @@
455
455
  "$type": "color",
456
456
  "$description": "Used for the icon of a brand-related feedback item when highlighting information that pertains to GitLab.",
457
457
  "$extensions": {
458
- "com.figma.scope": [
458
+ "com.figma.scopes": [
459
459
  "SHAPE_FILL",
460
460
  "TEXT_FILL"
461
461
  ]
package/src/tokens/semantic/focus-ring.tokens.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "$type": "color",
10
10
  "$description": "Used for the outer color portion of the focus ring.",
11
11
  "$extensions": {
12
- "com.figma.scope": [
12
+ "com.figma.scopes": [
13
13
  "STROKE_COLOR"
14
14
  ]
15
15
  }
@@ -21,7 +21,7 @@
21
21
  "$type": "color",
22
22
  "$description": "Used for the inner neutral portion of the focus ring.",
23
23
  "$extensions": {
24
- "com.figma.scope": [
24
+ "com.figma.scopes": [
25
25
  "STROKE_COLOR"
26
26
  ]
27
27
  }
package/src/tokens/semantic/font.tokens.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "$value": "{font.size.md}",
6
6
  "$type": "dimension",
7
7
  "$extensions": {
8
- "com.figma.scope": [
8
+ "com.figma.scopes": [
9
9
  "FONT_SIZE"
10
10
  ]
11
11
  }
@@ -16,7 +16,7 @@
16
16
  "$value": "{font.weight.bold}",
17
17
  "$type": "fontWeight",
18
18
  "$extensions": {
19
- "com.figma.scope": [
19
+ "com.figma.scopes": [
20
20
  "FONT_WEIGHT"
21
21
  ]
22
22
  }
package/src/tokens/semantic/heading.tokens.json CHANGED
@@ -6,14 +6,14 @@
6
6
  "$value": 0,
7
7
  "$type": "dimension",
8
8
  "$extensions": {
9
- "com.figma.scope": []
9
+ "com.figma.scopes": []
10
10
  }
11
11
  },
12
12
  "bottom": {
13
13
  "$value": "{spacing-scale.5}",
14
14
  "$type": "dimension",
15
15
  "$extensions": {
16
- "com.figma.scope": []
16
+ "com.figma.scopes": []
17
17
  }
18
18
  }
19
19
  }
package/src/tokens/semantic/highlight.tokens.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "$type": "color",
11
11
  "$description": "Used for temporary visual emphasis of backgrounds of matched search terms, filtered results, or autocomplete suggestions without implying any particular state or meaning.",
12
12
  "$extensions": {
13
- "com.figma.scope": [
13
+ "com.figma.scopes": [
14
14
  "FRAME_FILL",
15
15
  "SHAPE_FILL"
16
16
  ]
@@ -26,7 +26,7 @@
26
26
  "$type": "color",
27
27
  "$description": "Used for text within temporarily highlighted matches to maintain readability while drawing attention without conveying status.",
28
28
  "$extensions": {
29
- "com.figma.scope": [
29
+ "com.figma.scopes": [
30
30
  "TEXT_FILL"
31
31
  ]
32
32
  }
@@ -43,7 +43,7 @@
43
43
  "$type": "color",
44
44
  "$description": "Used for temporary visual emphasis for backgrounds of referenced elements (for example URL anchors, hover states) or to show relationships between content without implying status or requiring action.",
45
45
  "$extensions": {
46
- "com.figma.scope": [
46
+ "com.figma.scopes": [
47
47
  "FRAME_FILL",
48
48
  "SHAPE_FILL"
49
49
  ]
@@ -59,7 +59,7 @@
59
59
  "$type": "color",
60
60
  "$description": "Used to provide additional visual emphasis for borders of temporarily targeted elements or when visualizing connections between related content, distinct from persistent states.",
61
61
  "$extensions": {
62
- "com.figma.scope": [
62
+ "com.figma.scopes": [
63
63
  "TEXT_FILL"
64
64
  ]
65
65
  }