@gitlab/ui 87.5.1 → 87.6.1

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