@gitlab/ui 126.3.2 → 126.3.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/dist/components/base/icon/icon.js +1 -1
  2. package/dist/components/base/illustration/illustration.js +1 -1
  3. package/dist/components/charts/shared/tooltip/tooltip.js +2 -2
  4. package/dist/components/charts/stacked_column/stacked_column.js +16 -5
  5. package/dist/index.css +1 -1
  6. package/dist/index.css.map +1 -1
  7. package/dist/utils/charts/config.js +36 -1
  8. package/dist/utils/charts/mock_data.js +18 -1
  9. package/package.json +3 -3
  10. package/src/components/base/icon/icon.vue +1 -1
  11. package/src/components/base/illustration/illustration.vue +1 -1
  12. package/src/components/base/new_dropdowns/dropdown_item.scss +1 -1
  13. package/src/components/charts/shared/tooltip/tooltip.vue +2 -1
  14. package/src/components/charts/stacked_column/stacked_column.vue +16 -5
  15. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +2788 -2788
  16. package/src/tokens/build/docs/tokens-tailwind-docs.json +2788 -2788
  17. package/src/tokens/build/figma/constants.tokens.json +326 -326
  18. package/src/tokens/build/figma/contextual.tokens.json +428 -428
  19. package/src/tokens/build/figma/deprecated.tokens.json +220 -220
  20. package/src/tokens/build/figma/semantic.tokens.json +191 -191
  21. package/src/tokens/build/json/tokens.dark.json +2330 -2330
  22. package/src/tokens/build/json/tokens.json +2330 -2330
  23. package/src/tokens/constant/border.tokens.json +10 -10
  24. package/src/tokens/constant/color.alpha.tokens.json +15 -15
  25. package/src/tokens/constant/color.tokens.json +211 -211
  26. package/src/tokens/constant/font.tokens.json +27 -27
  27. package/src/tokens/constant/line_height.tokens.json +10 -10
  28. package/src/tokens/constant/opacity.tokens.json +11 -11
  29. package/src/tokens/constant/shadow.tokens.json +3 -3
  30. package/src/tokens/constant/spacing_scale.tokens.json +32 -32
  31. package/src/tokens/constant/zindex.tokens.json +7 -7
  32. package/src/tokens/contextual/alert.tokens.json +20 -20
  33. package/src/tokens/contextual/avatar.tokens.json +14 -14
  34. package/src/tokens/contextual/badge.tokens.json +112 -112
  35. package/src/tokens/contextual/banner.tokens.json +3 -3
  36. package/src/tokens/contextual/breadcrumb.tokens.json +1 -1
  37. package/src/tokens/contextual/broadcast.tokens.json +41 -41
  38. package/src/tokens/contextual/button.tokens.json +122 -122
  39. package/src/tokens/contextual/card.tokens.json +1 -1
  40. package/src/tokens/contextual/chart.tokens.json +7 -7
  41. package/src/tokens/contextual/datepicker.tokens.json +2 -2
  42. package/src/tokens/contextual/drawer.tokens.json +1 -1
  43. package/src/tokens/contextual/dropdown.tokens.json +22 -22
  44. package/src/tokens/contextual/filtered-search.tokens.json +6 -6
  45. package/src/tokens/contextual/illustration.tokens.json +32 -32
  46. package/src/tokens/contextual/label.tokens.json +12 -12
  47. package/src/tokens/contextual/link.tokens.json +4 -4
  48. package/src/tokens/contextual/modal.tokens.json +1 -1
  49. package/src/tokens/contextual/progress-bar.tokens.json +5 -5
  50. package/src/tokens/contextual/skeleton-loader.tokens.json +2 -2
  51. package/src/tokens/contextual/spinner.tokens.json +4 -4
  52. package/src/tokens/contextual/table.tokens.json +2 -2
  53. package/src/tokens/contextual/tabs.tokens.json +1 -1
  54. package/src/tokens/contextual/toggle.tokens.json +9 -9
  55. package/src/tokens/contextual/token-selector.tokens.json +1 -1
  56. package/src/tokens/contextual/token.tokens.json +3 -3
  57. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +55 -55
  58. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +72 -72
  59. package/src/tokens/deprecated/deprecated.color.tokens.json +80 -80
  60. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +13 -13
  61. package/src/tokens/semantic/action.tokens.json +76 -76
  62. package/src/tokens/semantic/background.tokens.json +7 -7
  63. package/src/tokens/semantic/border.tokens.json +5 -5
  64. package/src/tokens/semantic/control.tokens.json +21 -21
  65. package/src/tokens/semantic/feedback.tokens.json +30 -30
  66. package/src/tokens/semantic/focus-ring.tokens.json +2 -2
  67. package/src/tokens/semantic/font.tokens.json +2 -2
  68. package/src/tokens/semantic/heading.tokens.json +2 -2
  69. package/src/tokens/semantic/highlight.tokens.json +4 -4
  70. package/src/tokens/semantic/icon.tokens.json +9 -9
  71. package/src/tokens/semantic/letter_spacing.tokens.json +1 -1
  72. package/src/tokens/semantic/line_height.tokens.json +1 -1
  73. package/src/tokens/semantic/shadow.tokens.json +1 -1
  74. package/src/tokens/semantic/status.tokens.json +18 -18
  75. package/src/tokens/semantic/text.tokens.json +12 -12
  76. package/src/utils/charts/config.js +28 -0
  77. package/src/utils/charts/mock_data.js +7 -0
package/src/tokens/contextual/banner.tokens.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "$type": "color",
11
11
  "$description": "Used for the border of an info banner.",
12
12
  "$extensions": {
13
- "com.figma.scope": [
13
+ "com.figma.scopes": [
14
14
  "STROKE_COLOR"
15
15
  ]
16
16
  }
@@ -27,7 +27,7 @@
27
27
  "$type": "color",
28
28
  "$description": "Used for the background of a promo banner.",
29
29
  "$extensions": {
30
- "com.figma.scope": [
30
+ "com.figma.scopes": [
31
31
  "FRAME_FILL",
32
32
  "SHAPE_FILL"
33
33
  ]
@@ -43,7 +43,7 @@
43
43
  "$type": "color",
44
44
  "$description": "Used for the border of a promo banner.",
45
45
  "$extensions": {
46
- "com.figma.scope": [
46
+ "com.figma.scopes": [
47
47
  "STROKE_COLOR"
48
48
  ]
49
49
  }
package/src/tokens/contextual/breadcrumb.tokens.json CHANGED
@@ -6,7 +6,7 @@
6
6
  "$type": "color",
7
7
  "$description": "Used for the breadcrumb level separator.",
8
8
  "$extensions": {
9
- "com.figma.scope": [
9
+ "com.figma.scopes": [
10
10
  "STROKE_COLOR"
11
11
  ]
12
12
  }
package/src/tokens/contextual/broadcast.tokens.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "$type": "color",
9
9
  "$description": "Used for the background for the blue banner type.",
10
10
  "$extensions": {
11
- "com.figma.scope": [
11
+ "com.figma.scopes": [
12
12
  "FRAME_FILL",
13
13
  "SHAPE_FILL"
14
14
  ]
@@ -19,7 +19,7 @@
19
19
  "$type": "color",
20
20
  "$description": "Used for the background for the dark banner type.",
21
21
  "$extensions": {
22
- "com.figma.scope": [
22
+ "com.figma.scopes": [
23
23
  "FRAME_FILL",
24
24
  "SHAPE_FILL"
25
25
  ]
@@ -30,7 +30,7 @@
30
30
  "$type": "color",
31
31
  "$description": "Used for the background for the green banner type.",
32
32
  "$extensions": {
33
- "com.figma.scope": [
33
+ "com.figma.scopes": [
34
34
  "FRAME_FILL",
35
35
  "SHAPE_FILL"
36
36
  ]
@@ -41,7 +41,7 @@
41
41
  "$type": "color",
42
42
  "$description": "Used for the background for the indigo banner type.",
43
43
  "$extensions": {
44
- "com.figma.scope": [
44
+ "com.figma.scopes": [
45
45
  "FRAME_FILL",
46
46
  "SHAPE_FILL"
47
47
  ]
@@ -52,7 +52,7 @@
52
52
  "$type": "color",
53
53
  "$description": "Used for the background for the light banner type.",
54
54
  "$extensions": {
55
- "com.figma.scope": [
55
+ "com.figma.scopes": [
56
56
  "FRAME_FILL",
57
57
  "SHAPE_FILL"
58
58
  ]
@@ -63,7 +63,7 @@
63
63
  "$type": "color",
64
64
  "$description": "Used for the background for the lightblue banner type.",
65
65
  "$extensions": {
66
- "com.figma.scope": [
66
+ "com.figma.scopes": [
67
67
  "FRAME_FILL",
68
68
  "SHAPE_FILL"
69
69
  ]
@@ -74,7 +74,7 @@
74
74
  "$type": "color",
75
75
  "$description": "Used for the background for the lightgreen banner type.",
76
76
  "$extensions": {
77
- "com.figma.scope": [
77
+ "com.figma.scopes": [
78
78
  "FRAME_FILL",
79
79
  "SHAPE_FILL"
80
80
  ]
@@ -85,7 +85,7 @@
85
85
  "$type": "color",
86
86
  "$description": "Used for the background for the lightindigo banner type.",
87
87
  "$extensions": {
88
- "com.figma.scope": [
88
+ "com.figma.scopes": [
89
89
  "FRAME_FILL",
90
90
  "SHAPE_FILL"
91
91
  ]
@@ -96,7 +96,7 @@
96
96
  "$type": "color",
97
97
  "$description": "Used for the background for the lightred banner type.",
98
98
  "$extensions": {
99
- "com.figma.scope": [
99
+ "com.figma.scopes": [
100
100
  "FRAME_FILL",
101
101
  "SHAPE_FILL"
102
102
  ]
@@ -107,7 +107,7 @@
107
107
  "$type": "color",
108
108
  "$description": "Used for the background for the red banner type.",
109
109
  "$extensions": {
110
- "com.figma.scope": [
110
+ "com.figma.scopes": [
111
111
  "FRAME_FILL",
112
112
  "SHAPE_FILL"
113
113
  ]
@@ -122,7 +122,7 @@
122
122
  "$type": "color",
123
123
  "$description": "Used for the border for the blue banner type.",
124
124
  "$extensions": {
125
- "com.figma.scope": [
125
+ "com.figma.scopes": [
126
126
  "STROKE_COLOR"
127
127
  ]
128
128
  }
@@ -132,7 +132,7 @@
132
132
  "$type": "color",
133
133
  "$description": "Used for the border for the dark banner type.",
134
134
  "$extensions": {
135
- "com.figma.scope": [
135
+ "com.figma.scopes": [
136
136
  "STROKE_COLOR"
137
137
  ]
138
138
  }
@@ -142,7 +142,7 @@
142
142
  "$type": "color",
143
143
  "$description": "Used for the border for the green banner type.",
144
144
  "$extensions": {
145
- "com.figma.scope": [
145
+ "com.figma.scopes": [
146
146
  "STROKE_COLOR"
147
147
  ]
148
148
  }
@@ -152,7 +152,7 @@
152
152
  "$type": "color",
153
153
  "$description": "Used for the border for the indigo banner type.",
154
154
  "$extensions": {
155
- "com.figma.scope": [
155
+ "com.figma.scopes": [
156
156
  "STROKE_COLOR"
157
157
  ]
158
158
  }
@@ -162,7 +162,7 @@
162
162
  "$type": "color",
163
163
  "$description": "Used for the border for the light banner type.",
164
164
  "$extensions": {
165
- "com.figma.scope": [
165
+ "com.figma.scopes": [
166
166
  "STROKE_COLOR"
167
167
  ]
168
168
  }
@@ -172,7 +172,7 @@
172
172
  "$type": "color",
173
173
  "$description": "Used for the border for the lightblue banner type.",
174
174
  "$extensions": {
175
- "com.figma.scope": [
175
+ "com.figma.scopes": [
176
176
  "STROKE_COLOR"
177
177
  ]
178
178
  }
@@ -182,7 +182,7 @@
182
182
  "$type": "color",
183
183
  "$description": "Used for the border for the lightgreen banner type.",
184
184
  "$extensions": {
185
- "com.figma.scope": [
185
+ "com.figma.scopes": [
186
186
  "STROKE_COLOR"
187
187
  ]
188
188
  }
@@ -192,7 +192,7 @@
192
192
  "$type": "color",
193
193
  "$description": "Used for the border for the lightindigo banner type.",
194
194
  "$extensions": {
195
- "com.figma.scope": [
195
+ "com.figma.scopes": [
196
196
  "STROKE_COLOR"
197
197
  ]
198
198
  }
@@ -202,7 +202,7 @@
202
202
  "$type": "color",
203
203
  "$description": "Used for the border for the lightred banner type.",
204
204
  "$extensions": {
205
- "com.figma.scope": [
205
+ "com.figma.scopes": [
206
206
  "STROKE_COLOR"
207
207
  ]
208
208
  }
@@ -212,7 +212,7 @@
212
212
  "$type": "color",
213
213
  "$description": "Used for the border for the red banner type.",
214
214
  "$extensions": {
215
- "com.figma.scope": [
215
+ "com.figma.scopes": [
216
216
  "STROKE_COLOR"
217
217
  ]
218
218
  }
@@ -223,7 +223,7 @@
223
223
  "$type": "dimension",
224
224
  "$description": "Used for broadcast banner border radius.",
225
225
  "$extensions": {
226
- "com.figma.scope": [
226
+ "com.figma.scopes": [
227
227
  "CORNER_RADIUS"
228
228
  ]
229
229
  }
@@ -236,7 +236,7 @@
236
236
  "$type": "color",
237
237
  "$description": "Used for the icon for the blue banner type.",
238
238
  "$extensions": {
239
- "com.figma.scope": [
239
+ "com.figma.scopes": [
240
240
  "SHAPE_FILL",
241
241
  "TEXT_FILL"
242
242
  ]
@@ -247,7 +247,7 @@
247
247
  "$type": "color",
248
248
  "$description": "Used for the icon for the dark banner type.",
249
249
  "$extensions": {
250
- "com.figma.scope": [
250
+ "com.figma.scopes": [
251
251
  "SHAPE_FILL",
252
252
  "TEXT_FILL"
253
253
  ]
@@ -258,7 +258,7 @@
258
258
  "$type": "color",
259
259
  "$description": "Used for the icon for the green banner type.",
260
260
  "$extensions": {
261
- "com.figma.scope": [
261
+ "com.figma.scopes": [
262
262
  "SHAPE_FILL",
263
263
  "TEXT_FILL"
264
264
  ]
@@ -269,7 +269,7 @@
269
269
  "$type": "color",
270
270
  "$description": "Used for the icon for the indigo banner type.",
271
271
  "$extensions": {
272
- "com.figma.scope": [
272
+ "com.figma.scopes": [
273
273
  "SHAPE_FILL",
274
274
  "TEXT_FILL"
275
275
  ]
@@ -280,7 +280,7 @@
280
280
  "$type": "color",
281
281
  "$description": "Used for the icon for the light banner type.",
282
282
  "$extensions": {
283
- "com.figma.scope": [
283
+ "com.figma.scopes": [
284
284
  "SHAPE_FILL",
285
285
  "TEXT_FILL"
286
286
  ]
@@ -291,7 +291,7 @@
291
291
  "$type": "color",
292
292
  "$description": "Used for the icon for the lightblue banner type.",
293
293
  "$extensions": {
294
- "com.figma.scope": [
294
+ "com.figma.scopes": [
295
295
  "SHAPE_FILL",
296
296
  "TEXT_FILL"
297
297
  ]
@@ -302,7 +302,7 @@
302
302
  "$type": "color",
303
303
  "$description": "Used for the icon for the lightgreen banner type.",
304
304
  "$extensions": {
305
- "com.figma.scope": [
305
+ "com.figma.scopes": [
306
306
  "SHAPE_FILL",
307
307
  "TEXT_FILL"
308
308
  ]
@@ -313,7 +313,7 @@
313
313
  "$type": "color",
314
314
  "$description": "Used for the icon for the lightindigo banner type.",
315
315
  "$extensions": {
316
- "com.figma.scope": [
316
+ "com.figma.scopes": [
317
317
  "SHAPE_FILL",
318
318
  "TEXT_FILL"
319
319
  ]
@@ -324,7 +324,7 @@
324
324
  "$type": "color",
325
325
  "$description": "Used for the icon for the lightred banner type.",
326
326
  "$extensions": {
327
- "com.figma.scope": [
327
+ "com.figma.scopes": [
328
328
  "SHAPE_FILL",
329
329
  "TEXT_FILL"
330
330
  ]
@@ -335,7 +335,7 @@
335
335
  "$type": "color",
336
336
  "$description": "Used for the icon for the red banner type.",
337
337
  "$extensions": {
338
- "com.figma.scope": [
338
+ "com.figma.scopes": [
339
339
  "SHAPE_FILL",
340
340
  "TEXT_FILL"
341
341
  ]
@@ -350,7 +350,7 @@
350
350
  "$type": "color",
351
351
  "$description": "Used for the text for the blue banner type.",
352
352
  "$extensions": {
353
- "com.figma.scope": [
353
+ "com.figma.scopes": [
354
354
  "TEXT_FILL"
355
355
  ]
356
356
  }
@@ -360,7 +360,7 @@
360
360
  "$type": "color",
361
361
  "$description": "Used for the text for the dark banner type.",
362
362
  "$extensions": {
363
- "com.figma.scope": [
363
+ "com.figma.scopes": [
364
364
  "TEXT_FILL"
365
365
  ]
366
366
  }
@@ -370,7 +370,7 @@
370
370
  "$type": "color",
371
371
  "$description": "Used for the text for the green banner type.",
372
372
  "$extensions": {
373
- "com.figma.scope": [
373
+ "com.figma.scopes": [
374
374
  "TEXT_FILL"
375
375
  ]
376
376
  }
@@ -380,7 +380,7 @@
380
380
  "$type": "color",
381
381
  "$description": "Used for the text for the indigo banner type.",
382
382
  "$extensions": {
383
- "com.figma.scope": [
383
+ "com.figma.scopes": [
384
384
  "TEXT_FILL"
385
385
  ]
386
386
  }
@@ -390,7 +390,7 @@
390
390
  "$type": "color",
391
391
  "$description": "Used for the text for the light banner type.",
392
392
  "$extensions": {
393
- "com.figma.scope": [
393
+ "com.figma.scopes": [
394
394
  "TEXT_FILL"
395
395
  ]
396
396
  }
@@ -400,7 +400,7 @@
400
400
  "$type": "color",
401
401
  "$description": "Used for the text for the lightblue banner type.",
402
402
  "$extensions": {
403
- "com.figma.scope": [
403
+ "com.figma.scopes": [
404
404
  "TEXT_FILL"
405
405
  ]
406
406
  }
@@ -410,7 +410,7 @@
410
410
  "$type": "color",
411
411
  "$description": "Used for the text for the lightgreen banner type.",
412
412
  "$extensions": {
413
- "com.figma.scope": [
413
+ "com.figma.scopes": [
414
414
  "TEXT_FILL"
415
415
  ]
416
416
  }
@@ -420,7 +420,7 @@
420
420
  "$type": "color",
421
421
  "$description": "Used for the text for the lightindigo banner type.",
422
422
  "$extensions": {
423
- "com.figma.scope": [
423
+ "com.figma.scopes": [
424
424
  "TEXT_FILL"
425
425
  ]
426
426
  }
@@ -430,7 +430,7 @@
430
430
  "$type": "color",
431
431
  "$description": "Used for the text for the lightred banner type.",
432
432
  "$extensions": {
433
- "com.figma.scope": [
433
+ "com.figma.scopes": [
434
434
  "TEXT_FILL"
435
435
  ]
436
436
  }
@@ -440,7 +440,7 @@
440
440
  "$type": "color",
441
441
  "$description": "Used for the text for the red banner type.",
442
442
  "$extensions": {
443
- "com.figma.scope": [
443
+ "com.figma.scopes": [
444
444
  "TEXT_FILL"
445
445
  ]
446
446
  }