@gitlab/ui 87.5.0 → 87.6.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 (30) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/bin/migrate_custom_utils_to_tw.bundled.mjs +2 -2
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/tokens/build/js/tokens.dark.js +77 -77
  6. package/dist/tokens/build/js/tokens.js +77 -77
  7. package/dist/tokens/css/tokens.css +27 -27
  8. package/dist/tokens/css/tokens.dark.css +27 -27
  9. package/dist/tokens/js/tokens.dark.js +77 -77
  10. package/dist/tokens/js/tokens.js +77 -77
  11. package/dist/tokens/json/tokens.dark.json +4318 -3988
  12. package/dist/tokens/json/tokens.json +4318 -3988
  13. package/dist/tokens/scss/_tokens.dark.scss +27 -27
  14. package/dist/tokens/scss/_tokens.scss +27 -27
  15. package/dist/tokens/scss/_tokens_custom_properties.scss +50 -50
  16. package/package.json +1 -1
  17. package/src/components/base/breadcrumb/breadcrumb.scss +13 -1
  18. package/src/tokens/build/css/tokens.css +27 -27
  19. package/src/tokens/build/css/tokens.dark.css +27 -27
  20. package/src/tokens/build/js/tokens.dark.js +77 -77
  21. package/src/tokens/build/js/tokens.js +77 -77
  22. package/src/tokens/build/json/tokens.dark.json +4318 -3988
  23. package/src/tokens/build/json/tokens.json +4318 -3988
  24. package/src/tokens/build/scss/_tokens.dark.scss +27 -27
  25. package/src/tokens/build/scss/_tokens.scss +27 -27
  26. package/src/tokens/build/scss/_tokens_custom_properties.scss +50 -50
  27. package/src/tokens/{color.theme.tokens.json → deprecated.color.theme.tokens.json} +144 -72
  28. package/src/tokens/{color.tokens.json → deprecated.color.tokens.json} +155 -75
  29. package/src/tokens/{color.transparency.tokens.json → deprecated.color.transparency.tokens.json} +13 -0
  30. package/src/tokens/text.tokens.json +3 -3
@@ -1,21 +1,23 @@
1
1
  {
2
2
  "black": {
3
3
  "$value": {
4
- "default": "#050506",
5
- "dark": "#fff"
6
- },
4
+ "default": "#050506",
5
+ "dark": "#fff"
6
+ },
7
7
  "$type": "color",
8
8
  "themeable": true,
9
- "prefix": false
9
+ "prefix": false,
10
+ "deprecated": true
10
11
  },
11
12
  "white": {
12
13
  "$value": {
13
- "default": "#fff",
14
- "dark": "#28272d"
15
- },
14
+ "default": "#fff",
15
+ "dark": "#28272d"
16
+ },
16
17
  "$type": "color",
17
18
  "themeable": true,
18
- "prefix": false
19
+ "prefix": false,
20
+ "deprecated": true
19
21
  },
20
22
  "blue": {
21
23
  "50": {
@@ -25,7 +27,8 @@
25
27
  },
26
28
  "$type": "color",
27
29
  "themeable": true,
28
- "prefix": false
30
+ "prefix": false,
31
+ "deprecated": true
29
32
  },
30
33
  "100": {
31
34
  "$value": {
@@ -34,7 +37,8 @@
34
37
  },
35
38
  "$type": "color",
36
39
  "themeable": true,
37
- "prefix": false
40
+ "prefix": false,
41
+ "deprecated": true
38
42
  },
39
43
  "200": {
40
44
  "$value": {
@@ -43,7 +47,8 @@
43
47
  },
44
48
  "$type": "color",
45
49
  "themeable": true,
46
- "prefix": false
50
+ "prefix": false,
51
+ "deprecated": true
47
52
  },
48
53
  "300": {
49
54
  "$value": {
@@ -52,7 +57,8 @@
52
57
  },
53
58
  "$type": "color",
54
59
  "themeable": true,
55
- "prefix": false
60
+ "prefix": false,
61
+ "deprecated": true
56
62
  },
57
63
  "400": {
58
64
  "$value": {
@@ -61,7 +67,8 @@
61
67
  },
62
68
  "$type": "color",
63
69
  "themeable": true,
64
- "prefix": false
70
+ "prefix": false,
71
+ "deprecated": true
65
72
  },
66
73
  "500": {
67
74
  "$value": {
@@ -70,7 +77,8 @@
70
77
  },
71
78
  "$type": "color",
72
79
  "themeable": true,
73
- "prefix": false
80
+ "prefix": false,
81
+ "deprecated": true
74
82
  },
75
83
  "600": {
76
84
  "$value": {
@@ -79,7 +87,8 @@
79
87
  },
80
88
  "$type": "color",
81
89
  "themeable": true,
82
- "prefix": false
90
+ "prefix": false,
91
+ "deprecated": true
83
92
  },
84
93
  "700": {
85
94
  "$value": {
@@ -88,7 +97,8 @@
88
97
  },
89
98
  "$type": "color",
90
99
  "themeable": true,
91
- "prefix": false
100
+ "prefix": false,
101
+ "deprecated": true
92
102
  },
93
103
  "800": {
94
104
  "$value": {
@@ -97,7 +107,8 @@
97
107
  },
98
108
  "$type": "color",
99
109
  "themeable": true,
100
- "prefix": false
110
+ "prefix": false,
111
+ "deprecated": true
101
112
  },
102
113
  "900": {
103
114
  "$value": {
@@ -106,7 +117,8 @@
106
117
  },
107
118
  "$type": "color",
108
119
  "themeable": true,
109
- "prefix": false
120
+ "prefix": false,
121
+ "deprecated": true
110
122
  },
111
123
  "950": {
112
124
  "$value": {
@@ -115,7 +127,8 @@
115
127
  },
116
128
  "$type": "color",
117
129
  "themeable": true,
118
- "prefix": false
130
+ "prefix": false,
131
+ "deprecated": true
119
132
  }
120
133
  },
121
134
  "gray": {
@@ -126,7 +139,8 @@
126
139
  },
127
140
  "$type": "color",
128
141
  "themeable": true,
129
- "prefix": false
142
+ "prefix": false,
143
+ "deprecated": true
130
144
  },
131
145
  "50": {
132
146
  "$value": {
@@ -135,7 +149,8 @@
135
149
  },
136
150
  "$type": "color",
137
151
  "themeable": true,
138
- "prefix": false
152
+ "prefix": false,
153
+ "deprecated": true
139
154
  },
140
155
  "100": {
141
156
  "$value": {
@@ -144,7 +159,8 @@
144
159
  },
145
160
  "$type": "color",
146
161
  "themeable": true,
147
- "prefix": false
162
+ "prefix": false,
163
+ "deprecated": true
148
164
  },
149
165
  "200": {
150
166
  "$value": {
@@ -153,7 +169,8 @@
153
169
  },
154
170
  "$type": "color",
155
171
  "themeable": true,
156
- "prefix": false
172
+ "prefix": false,
173
+ "deprecated": true
157
174
  },
158
175
  "300": {
159
176
  "$value": {
@@ -162,7 +179,8 @@
162
179
  },
163
180
  "$type": "color",
164
181
  "themeable": true,
165
- "prefix": false
182
+ "prefix": false,
183
+ "deprecated": true
166
184
  },
167
185
  "400": {
168
186
  "$value": {
@@ -171,7 +189,8 @@
171
189
  },
172
190
  "$type": "color",
173
191
  "themeable": true,
174
- "prefix": false
192
+ "prefix": false,
193
+ "deprecated": true
175
194
  },
176
195
  "500": {
177
196
  "$value": {
@@ -180,7 +199,8 @@
180
199
  },
181
200
  "$type": "color",
182
201
  "themeable": true,
183
- "prefix": false
202
+ "prefix": false,
203
+ "deprecated": true
184
204
  },
185
205
  "600": {
186
206
  "$value": {
@@ -189,7 +209,8 @@
189
209
  },
190
210
  "$type": "color",
191
211
  "themeable": true,
192
- "prefix": false
212
+ "prefix": false,
213
+ "deprecated": true
193
214
  },
194
215
  "700": {
195
216
  "$value": {
@@ -198,7 +219,8 @@
198
219
  },
199
220
  "$type": "color",
200
221
  "themeable": true,
201
- "prefix": false
222
+ "prefix": false,
223
+ "deprecated": true
202
224
  },
203
225
  "800": {
204
226
  "$value": {
@@ -207,7 +229,8 @@
207
229
  },
208
230
  "$type": "color",
209
231
  "themeable": true,
210
- "prefix": false
232
+ "prefix": false,
233
+ "deprecated": true
211
234
  },
212
235
  "900": {
213
236
  "$value": {
@@ -216,7 +239,8 @@
216
239
  },
217
240
  "$type": "color",
218
241
  "themeable": true,
219
- "prefix": false
242
+ "prefix": false,
243
+ "deprecated": true
220
244
  },
221
245
  "950": {
222
246
  "$value": {
@@ -225,7 +249,8 @@
225
249
  },
226
250
  "$type": "color",
227
251
  "themeable": true,
228
- "prefix": false
252
+ "prefix": false,
253
+ "deprecated": true
229
254
  }
230
255
  },
231
256
  "green": {
@@ -236,7 +261,8 @@
236
261
  },
237
262
  "$type": "color",
238
263
  "themeable": true,
239
- "prefix": false
264
+ "prefix": false,
265
+ "deprecated": true
240
266
  },
241
267
  "100": {
242
268
  "$value": {
@@ -245,7 +271,8 @@
245
271
  },
246
272
  "$type": "color",
247
273
  "themeable": true,
248
- "prefix": false
274
+ "prefix": false,
275
+ "deprecated": true
249
276
  },
250
277
  "200": {
251
278
  "$value": {
@@ -254,7 +281,8 @@
254
281
  },
255
282
  "$type": "color",
256
283
  "themeable": true,
257
- "prefix": false
284
+ "prefix": false,
285
+ "deprecated": true
258
286
  },
259
287
  "300": {
260
288
  "$value": {
@@ -263,7 +291,8 @@
263
291
  },
264
292
  "$type": "color",
265
293
  "themeable": true,
266
- "prefix": false
294
+ "prefix": false,
295
+ "deprecated": true
267
296
  },
268
297
  "400": {
269
298
  "$value": {
@@ -272,7 +301,8 @@
272
301
  },
273
302
  "$type": "color",
274
303
  "themeable": true,
275
- "prefix": false
304
+ "prefix": false,
305
+ "deprecated": true
276
306
  },
277
307
  "500": {
278
308
  "$value": {
@@ -281,7 +311,8 @@
281
311
  },
282
312
  "$type": "color",
283
313
  "themeable": true,
284
- "prefix": false
314
+ "prefix": false,
315
+ "deprecated": true
285
316
  },
286
317
  "600": {
287
318
  "$value": {
@@ -290,7 +321,8 @@
290
321
  },
291
322
  "$type": "color",
292
323
  "themeable": true,
293
- "prefix": false
324
+ "prefix": false,
325
+ "deprecated": true
294
326
  },
295
327
  "700": {
296
328
  "$value": {
@@ -299,7 +331,8 @@
299
331
  },
300
332
  "$type": "color",
301
333
  "themeable": true,
302
- "prefix": false
334
+ "prefix": false,
335
+ "deprecated": true
303
336
  },
304
337
  "800": {
305
338
  "$value": {
@@ -308,7 +341,8 @@
308
341
  },
309
342
  "$type": "color",
310
343
  "themeable": true,
311
- "prefix": false
344
+ "prefix": false,
345
+ "deprecated": true
312
346
  },
313
347
  "900": {
314
348
  "$value": {
@@ -317,7 +351,8 @@
317
351
  },
318
352
  "$type": "color",
319
353
  "themeable": true,
320
- "prefix": false
354
+ "prefix": false,
355
+ "deprecated": true
321
356
  },
322
357
  "950": {
323
358
  "$value": {
@@ -326,7 +361,8 @@
326
361
  },
327
362
  "$type": "color",
328
363
  "themeable": true,
329
- "prefix": false
364
+ "prefix": false,
365
+ "deprecated": true
330
366
  }
331
367
  },
332
368
  "orange": {
@@ -337,7 +373,8 @@
337
373
  },
338
374
  "$type": "color",
339
375
  "themeable": true,
340
- "prefix": false
376
+ "prefix": false,
377
+ "deprecated": true
341
378
  },
342
379
  "100": {
343
380
  "$value": {
@@ -346,7 +383,8 @@
346
383
  },
347
384
  "$type": "color",
348
385
  "themeable": true,
349
- "prefix": false
386
+ "prefix": false,
387
+ "deprecated": true
350
388
  },
351
389
  "200": {
352
390
  "$value": {
@@ -355,7 +393,8 @@
355
393
  },
356
394
  "$type": "color",
357
395
  "themeable": true,
358
- "prefix": false
396
+ "prefix": false,
397
+ "deprecated": true
359
398
  },
360
399
  "300": {
361
400
  "$value": {
@@ -364,7 +403,8 @@
364
403
  },
365
404
  "$type": "color",
366
405
  "themeable": true,
367
- "prefix": false
406
+ "prefix": false,
407
+ "deprecated": true
368
408
  },
369
409
  "400": {
370
410
  "$value": {
@@ -373,7 +413,8 @@
373
413
  },
374
414
  "$type": "color",
375
415
  "themeable": true,
376
- "prefix": false
416
+ "prefix": false,
417
+ "deprecated": true
377
418
  },
378
419
  "500": {
379
420
  "$value": {
@@ -382,7 +423,8 @@
382
423
  },
383
424
  "$type": "color",
384
425
  "themeable": true,
385
- "prefix": false
426
+ "prefix": false,
427
+ "deprecated": true
386
428
  },
387
429
  "600": {
388
430
  "$value": {
@@ -391,7 +433,8 @@
391
433
  },
392
434
  "$type": "color",
393
435
  "themeable": true,
394
- "prefix": false
436
+ "prefix": false,
437
+ "deprecated": true
395
438
  },
396
439
  "700": {
397
440
  "$value": {
@@ -400,7 +443,8 @@
400
443
  },
401
444
  "$type": "color",
402
445
  "themeable": true,
403
- "prefix": false
446
+ "prefix": false,
447
+ "deprecated": true
404
448
  },
405
449
  "800": {
406
450
  "$value": {
@@ -409,7 +453,8 @@
409
453
  },
410
454
  "$type": "color",
411
455
  "themeable": true,
412
- "prefix": false
456
+ "prefix": false,
457
+ "deprecated": true
413
458
  },
414
459
  "900": {
415
460
  "$value": {
@@ -418,7 +463,8 @@
418
463
  },
419
464
  "$type": "color",
420
465
  "themeable": true,
421
- "prefix": false
466
+ "prefix": false,
467
+ "deprecated": true
422
468
  },
423
469
  "950": {
424
470
  "$value": {
@@ -427,7 +473,8 @@
427
473
  },
428
474
  "$type": "color",
429
475
  "themeable": true,
430
- "prefix": false
476
+ "prefix": false,
477
+ "deprecated": true
431
478
  }
432
479
  },
433
480
  "purple": {
@@ -438,7 +485,8 @@
438
485
  },
439
486
  "$type": "color",
440
487
  "themeable": true,
441
- "prefix": false
488
+ "prefix": false,
489
+ "deprecated": true
442
490
  },
443
491
  "100": {
444
492
  "$value": {
@@ -447,7 +495,8 @@
447
495
  },
448
496
  "$type": "color",
449
497
  "themeable": true,
450
- "prefix": false
498
+ "prefix": false,
499
+ "deprecated": true
451
500
  },
452
501
  "200": {
453
502
  "$value": {
@@ -456,7 +505,8 @@
456
505
  },
457
506
  "$type": "color",
458
507
  "themeable": true,
459
- "prefix": false
508
+ "prefix": false,
509
+ "deprecated": true
460
510
  },
461
511
  "300": {
462
512
  "$value": {
@@ -465,7 +515,8 @@
465
515
  },
466
516
  "$type": "color",
467
517
  "themeable": true,
468
- "prefix": false
518
+ "prefix": false,
519
+ "deprecated": true
469
520
  },
470
521
  "400": {
471
522
  "$value": {
@@ -474,7 +525,8 @@
474
525
  },
475
526
  "$type": "color",
476
527
  "themeable": true,
477
- "prefix": false
528
+ "prefix": false,
529
+ "deprecated": true
478
530
  },
479
531
  "500": {
480
532
  "$value": {
@@ -483,7 +535,8 @@
483
535
  },
484
536
  "$type": "color",
485
537
  "themeable": true,
486
- "prefix": false
538
+ "prefix": false,
539
+ "deprecated": true
487
540
  },
488
541
  "600": {
489
542
  "$value": {
@@ -492,7 +545,8 @@
492
545
  },
493
546
  "$type": "color",
494
547
  "themeable": true,
495
- "prefix": false
548
+ "prefix": false,
549
+ "deprecated": true
496
550
  },
497
551
  "700": {
498
552
  "$value": {
@@ -501,7 +555,8 @@
501
555
  },
502
556
  "$type": "color",
503
557
  "themeable": true,
504
- "prefix": false
558
+ "prefix": false,
559
+ "deprecated": true
505
560
  },
506
561
  "800": {
507
562
  "$value": {
@@ -510,7 +565,8 @@
510
565
  },
511
566
  "$type": "color",
512
567
  "themeable": true,
513
- "prefix": false
568
+ "prefix": false,
569
+ "deprecated": true
514
570
  },
515
571
  "900": {
516
572
  "$value": {
@@ -519,7 +575,8 @@
519
575
  },
520
576
  "$type": "color",
521
577
  "themeable": true,
522
- "prefix": false
578
+ "prefix": false,
579
+ "deprecated": true
523
580
  },
524
581
  "950": {
525
582
  "$value": {
@@ -528,7 +585,8 @@
528
585
  },
529
586
  "$type": "color",
530
587
  "themeable": true,
531
- "prefix": false
588
+ "prefix": false,
589
+ "deprecated": true
532
590
  }
533
591
  },
534
592
  "red": {
@@ -539,7 +597,8 @@
539
597
  },
540
598
  "$type": "color",
541
599
  "themeable": true,
542
- "prefix": false
600
+ "prefix": false,
601
+ "deprecated": true
543
602
  },
544
603
  "100": {
545
604
  "$value": {
@@ -548,7 +607,8 @@
548
607
  },
549
608
  "$type": "color",
550
609
  "themeable": true,
551
- "prefix": false
610
+ "prefix": false,
611
+ "deprecated": true
552
612
  },
553
613
  "200": {
554
614
  "$value": {
@@ -557,7 +617,8 @@
557
617
  },
558
618
  "$type": "color",
559
619
  "themeable": true,
560
- "prefix": false
620
+ "prefix": false,
621
+ "deprecated": true
561
622
  },
562
623
  "300": {
563
624
  "$value": {
@@ -566,7 +627,8 @@
566
627
  },
567
628
  "$type": "color",
568
629
  "themeable": true,
569
- "prefix": false
630
+ "prefix": false,
631
+ "deprecated": true
570
632
  },
571
633
  "400": {
572
634
  "$value": {
@@ -575,7 +637,8 @@
575
637
  },
576
638
  "$type": "color",
577
639
  "themeable": true,
578
- "prefix": false
640
+ "prefix": false,
641
+ "deprecated": true
579
642
  },
580
643
  "500": {
581
644
  "$value": {
@@ -584,7 +647,8 @@
584
647
  },
585
648
  "$type": "color",
586
649
  "themeable": true,
587
- "prefix": false
650
+ "prefix": false,
651
+ "deprecated": true
588
652
  },
589
653
  "600": {
590
654
  "$value": {
@@ -593,7 +657,8 @@
593
657
  },
594
658
  "$type": "color",
595
659
  "themeable": true,
596
- "prefix": false
660
+ "prefix": false,
661
+ "deprecated": true
597
662
  },
598
663
  "700": {
599
664
  "$value": {
@@ -602,7 +667,8 @@
602
667
  },
603
668
  "$type": "color",
604
669
  "themeable": true,
605
- "prefix": false
670
+ "prefix": false,
671
+ "deprecated": true
606
672
  },
607
673
  "800": {
608
674
  "$value": {
@@ -611,7 +677,8 @@
611
677
  },
612
678
  "$type": "color",
613
679
  "themeable": true,
614
- "prefix": false
680
+ "prefix": false,
681
+ "deprecated": true
615
682
  },
616
683
  "900": {
617
684
  "$value": {
@@ -620,7 +687,8 @@
620
687
  },
621
688
  "$type": "color",
622
689
  "themeable": true,
623
- "prefix": false
690
+ "prefix": false,
691
+ "deprecated": true
624
692
  },
625
693
  "950": {
626
694
  "$value": {
@@ -629,13 +697,15 @@
629
697
  },
630
698
  "$type": "color",
631
699
  "themeable": true,
632
- "prefix": false
700
+ "prefix": false,
701
+ "deprecated": true
633
702
  }
634
703
  },
635
704
  "brand": {
636
705
  "charcoal": {
637
706
  "$value": "#171321",
638
707
  "$type": "color",
708
+ "$description": "Use color.brand-charcoal instead.",
639
709
  "themeable": true,
640
710
  "prefix": false,
641
711
  "deprecated": true
@@ -644,6 +714,7 @@
644
714
  "01": {
645
715
  "$value": "#fca326",
646
716
  "$type": "color",
717
+ "$description": "Use color.brand-orange.01p instead.",
647
718
  "themeable": true,
648
719
  "prefix": false,
649
720
  "deprecated": true
@@ -651,6 +722,7 @@
651
722
  "02": {
652
723
  "$value": "#fc6d26",
653
724
  "$type": "color",
725
+ "$description": "Use color.brand-orange.02p instead.",
654
726
  "themeable": true,
655
727
  "prefix": false,
656
728
  "deprecated": true
@@ -658,6 +730,7 @@
658
730
  "03": {
659
731
  "$value": "#e24329",
660
732
  "$type": "color",
733
+ "$description": "Use color.brand-orange.03p instead.",
661
734
  "themeable": true,
662
735
  "prefix": false,
663
736
  "deprecated": true
@@ -667,6 +740,7 @@
667
740
  "01": {
668
741
  "$value": "#a989f5",
669
742
  "$type": "color",
743
+ "$description": "Use color.purple.01p instead.",
670
744
  "themeable": true,
671
745
  "prefix": false,
672
746
  "deprecated": true
@@ -674,6 +748,7 @@
674
748
  "02": {
675
749
  "$value": "#7759c2",
676
750
  "$type": "color",
751
+ "$description": "Use color.purple.02p instead.",
677
752
  "themeable": true,
678
753
  "prefix": false,
679
754
  "deprecated": true
@@ -683,6 +758,7 @@
683
758
  "01": {
684
759
  "$value": "#d1d0d3",
685
760
  "$type": "color",
761
+ "$description": "Use color.brand-gray.01 instead.",
686
762
  "themeable": true,
687
763
  "prefix": false,
688
764
  "deprecated": true
@@ -690,6 +766,7 @@
690
766
  "02": {
691
767
  "$value": "#a2a1a6",
692
768
  "$type": "color",
769
+ "$description": "Use color.brand-gray.02 instead.",
693
770
  "themeable": true,
694
771
  "prefix": false,
695
772
  "deprecated": true
@@ -697,6 +774,7 @@
697
774
  "03": {
698
775
  "$value": "#74717a",
699
776
  "$type": "color",
777
+ "$description": "Use color.brand-gray.03 instead.",
700
778
  "themeable": true,
701
779
  "prefix": false,
702
780
  "deprecated": true
@@ -704,6 +782,7 @@
704
782
  "04": {
705
783
  "$value": "#45424d",
706
784
  "$type": "color",
785
+ "$description": "Use color.brand-gray.04 instead.",
707
786
  "themeable": true,
708
787
  "prefix": false,
709
788
  "deprecated": true
@@ -711,6 +790,7 @@
711
790
  "05": {
712
791
  "$value": "#2b2838",
713
792
  "$type": "color",
793
+ "$description": "Use color.brand-gray.05 instead.",
714
794
  "themeable": true,
715
795
  "prefix": false,
716
796
  "deprecated": true