@gitlab/ui 115.1.0 → 115.3.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 (38) hide show
  1. package/bin/migrate_custom_utils_to_tw.bundled.mjs +1308 -1131
  2. package/dist/components/dashboards/dashboard_layout/dashboard_layout.js +102 -0
  3. package/dist/components/dashboards/dashboard_layout/validators.js +9 -0
  4. package/dist/components/index.js +105 -0
  5. package/dist/directives/index.js +8 -0
  6. package/dist/index.js +2 -112
  7. package/dist/tailwind.css +1 -1
  8. package/dist/tailwind.css.map +1 -1
  9. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +1966 -1966
  10. package/dist/tokens/docs/tokens-tailwind-docs.json +1966 -1966
  11. package/dist/tokens/figma/deprecated.tokens.json +220 -220
  12. package/dist/tokens/figma/semantic.tokens.json +3 -3
  13. package/dist/tokens/json/tokens.dark.json +446 -446
  14. package/dist/tokens/json/tokens.json +446 -446
  15. package/dist/tokens/tokens_story.js +1 -1
  16. package/dist/tokens/tokens_table.js +2 -2
  17. package/dist/tokens/tokens_tailwind_table.js +2 -2
  18. package/package.json +10 -10
  19. package/src/components/dashboards/dashboard_layout/dashboard_layout.md +3 -0
  20. package/src/components/dashboards/dashboard_layout/dashboard_layout.vue +132 -0
  21. package/src/components/dashboards/dashboard_layout/validators.js +8 -0
  22. package/src/components/index.js +114 -0
  23. package/src/directives/index.js +8 -0
  24. package/src/index.js +2 -123
  25. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +1966 -1966
  26. package/src/tokens/build/docs/tokens-tailwind-docs.json +1966 -1966
  27. package/src/tokens/build/figma/deprecated.tokens.json +220 -220
  28. package/src/tokens/build/figma/semantic.tokens.json +3 -3
  29. package/src/tokens/build/json/tokens.dark.json +446 -446
  30. package/src/tokens/build/json/tokens.json +446 -446
  31. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +55 -55
  32. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +72 -72
  33. package/src/tokens/deprecated/deprecated.color.tokens.json +80 -80
  34. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +13 -13
  35. package/src/tokens/semantic/text.tokens.json +3 -3
  36. package/src/tokens/tokens_story.vue +1 -1
  37. package/src/tokens/tokens_table.vue +2 -2
  38. package/src/tokens/tokens_tailwind_table.vue +2 -2
package/src/tokens/deprecated/deprecated.color.tokens.json CHANGED
@@ -10,7 +10,7 @@
10
10
  },
11
11
  "themeable": true,
12
12
  "prefix": false,
13
- "deprecated": true
13
+ "$deprecated": true
14
14
  },
15
15
  "white": {
16
16
  "$value": {
@@ -23,7 +23,7 @@
23
23
  },
24
24
  "themeable": true,
25
25
  "prefix": false,
26
- "deprecated": true
26
+ "$deprecated": true
27
27
  },
28
28
  "blue": {
29
29
  "50": {
@@ -37,7 +37,7 @@
37
37
  },
38
38
  "themeable": true,
39
39
  "prefix": false,
40
- "deprecated": true
40
+ "$deprecated": true
41
41
  },
42
42
  "100": {
43
43
  "$value": {
@@ -50,7 +50,7 @@
50
50
  },
51
51
  "themeable": true,
52
52
  "prefix": false,
53
- "deprecated": true
53
+ "$deprecated": true
54
54
  },
55
55
  "200": {
56
56
  "$value": {
@@ -63,7 +63,7 @@
63
63
  },
64
64
  "themeable": true,
65
65
  "prefix": false,
66
- "deprecated": true
66
+ "$deprecated": true
67
67
  },
68
68
  "300": {
69
69
  "$value": {
@@ -76,7 +76,7 @@
76
76
  },
77
77
  "themeable": true,
78
78
  "prefix": false,
79
- "deprecated": true
79
+ "$deprecated": true
80
80
  },
81
81
  "400": {
82
82
  "$value": {
@@ -89,7 +89,7 @@
89
89
  },
90
90
  "themeable": true,
91
91
  "prefix": false,
92
- "deprecated": true
92
+ "$deprecated": true
93
93
  },
94
94
  "500": {
95
95
  "$value": {
@@ -102,7 +102,7 @@
102
102
  },
103
103
  "themeable": true,
104
104
  "prefix": false,
105
- "deprecated": true
105
+ "$deprecated": true
106
106
  },
107
107
  "600": {
108
108
  "$value": {
@@ -115,7 +115,7 @@
115
115
  },
116
116
  "themeable": true,
117
117
  "prefix": false,
118
- "deprecated": true
118
+ "$deprecated": true
119
119
  },
120
120
  "700": {
121
121
  "$value": {
@@ -128,7 +128,7 @@
128
128
  },
129
129
  "themeable": true,
130
130
  "prefix": false,
131
- "deprecated": true
131
+ "$deprecated": true
132
132
  },
133
133
  "800": {
134
134
  "$value": {
@@ -141,7 +141,7 @@
141
141
  },
142
142
  "themeable": true,
143
143
  "prefix": false,
144
- "deprecated": true
144
+ "$deprecated": true
145
145
  },
146
146
  "900": {
147
147
  "$value": {
@@ -154,7 +154,7 @@
154
154
  },
155
155
  "themeable": true,
156
156
  "prefix": false,
157
- "deprecated": true
157
+ "$deprecated": true
158
158
  },
159
159
  "950": {
160
160
  "$value": {
@@ -167,7 +167,7 @@
167
167
  },
168
168
  "themeable": true,
169
169
  "prefix": false,
170
- "deprecated": true
170
+ "$deprecated": true
171
171
  }
172
172
  },
173
173
  "gray": {
@@ -182,7 +182,7 @@
182
182
  },
183
183
  "themeable": true,
184
184
  "prefix": false,
185
- "deprecated": true
185
+ "$deprecated": true
186
186
  },
187
187
  "50": {
188
188
  "$value": {
@@ -195,7 +195,7 @@
195
195
  },
196
196
  "themeable": true,
197
197
  "prefix": false,
198
- "deprecated": true
198
+ "$deprecated": true
199
199
  },
200
200
  "100": {
201
201
  "$value": {
@@ -208,7 +208,7 @@
208
208
  },
209
209
  "themeable": true,
210
210
  "prefix": false,
211
- "deprecated": true
211
+ "$deprecated": true
212
212
  },
213
213
  "200": {
214
214
  "$value": {
@@ -221,7 +221,7 @@
221
221
  },
222
222
  "themeable": true,
223
223
  "prefix": false,
224
- "deprecated": true
224
+ "$deprecated": true
225
225
  },
226
226
  "300": {
227
227
  "$value": {
@@ -234,7 +234,7 @@
234
234
  },
235
235
  "themeable": true,
236
236
  "prefix": false,
237
- "deprecated": true
237
+ "$deprecated": true
238
238
  },
239
239
  "400": {
240
240
  "$value": {
@@ -247,7 +247,7 @@
247
247
  },
248
248
  "themeable": true,
249
249
  "prefix": false,
250
- "deprecated": true
250
+ "$deprecated": true
251
251
  },
252
252
  "500": {
253
253
  "$value": {
@@ -260,7 +260,7 @@
260
260
  },
261
261
  "themeable": true,
262
262
  "prefix": false,
263
- "deprecated": true
263
+ "$deprecated": true
264
264
  },
265
265
  "600": {
266
266
  "$value": {
@@ -273,7 +273,7 @@
273
273
  },
274
274
  "themeable": true,
275
275
  "prefix": false,
276
- "deprecated": true
276
+ "$deprecated": true
277
277
  },
278
278
  "700": {
279
279
  "$value": {
@@ -286,7 +286,7 @@
286
286
  },
287
287
  "themeable": true,
288
288
  "prefix": false,
289
- "deprecated": true
289
+ "$deprecated": true
290
290
  },
291
291
  "800": {
292
292
  "$value": {
@@ -299,7 +299,7 @@
299
299
  },
300
300
  "themeable": true,
301
301
  "prefix": false,
302
- "deprecated": true
302
+ "$deprecated": true
303
303
  },
304
304
  "900": {
305
305
  "$value": {
@@ -312,7 +312,7 @@
312
312
  },
313
313
  "themeable": true,
314
314
  "prefix": false,
315
- "deprecated": true
315
+ "$deprecated": true
316
316
  },
317
317
  "950": {
318
318
  "$value": {
@@ -325,7 +325,7 @@
325
325
  },
326
326
  "themeable": true,
327
327
  "prefix": false,
328
- "deprecated": true
328
+ "$deprecated": true
329
329
  }
330
330
  },
331
331
  "green": {
@@ -340,7 +340,7 @@
340
340
  },
341
341
  "themeable": true,
342
342
  "prefix": false,
343
- "deprecated": true
343
+ "$deprecated": true
344
344
  },
345
345
  "100": {
346
346
  "$value": {
@@ -353,7 +353,7 @@
353
353
  },
354
354
  "themeable": true,
355
355
  "prefix": false,
356
- "deprecated": true
356
+ "$deprecated": true
357
357
  },
358
358
  "200": {
359
359
  "$value": {
@@ -366,7 +366,7 @@
366
366
  },
367
367
  "themeable": true,
368
368
  "prefix": false,
369
- "deprecated": true
369
+ "$deprecated": true
370
370
  },
371
371
  "300": {
372
372
  "$value": {
@@ -379,7 +379,7 @@
379
379
  },
380
380
  "themeable": true,
381
381
  "prefix": false,
382
- "deprecated": true
382
+ "$deprecated": true
383
383
  },
384
384
  "400": {
385
385
  "$value": {
@@ -392,7 +392,7 @@
392
392
  },
393
393
  "themeable": true,
394
394
  "prefix": false,
395
- "deprecated": true
395
+ "$deprecated": true
396
396
  },
397
397
  "500": {
398
398
  "$value": {
@@ -405,7 +405,7 @@
405
405
  },
406
406
  "themeable": true,
407
407
  "prefix": false,
408
- "deprecated": true
408
+ "$deprecated": true
409
409
  },
410
410
  "600": {
411
411
  "$value": {
@@ -418,7 +418,7 @@
418
418
  },
419
419
  "themeable": true,
420
420
  "prefix": false,
421
- "deprecated": true
421
+ "$deprecated": true
422
422
  },
423
423
  "700": {
424
424
  "$value": {
@@ -431,7 +431,7 @@
431
431
  },
432
432
  "themeable": true,
433
433
  "prefix": false,
434
- "deprecated": true
434
+ "$deprecated": true
435
435
  },
436
436
  "800": {
437
437
  "$value": {
@@ -444,7 +444,7 @@
444
444
  },
445
445
  "themeable": true,
446
446
  "prefix": false,
447
- "deprecated": true
447
+ "$deprecated": true
448
448
  },
449
449
  "900": {
450
450
  "$value": {
@@ -457,7 +457,7 @@
457
457
  },
458
458
  "themeable": true,
459
459
  "prefix": false,
460
- "deprecated": true
460
+ "$deprecated": true
461
461
  },
462
462
  "950": {
463
463
  "$value": {
@@ -470,7 +470,7 @@
470
470
  },
471
471
  "themeable": true,
472
472
  "prefix": false,
473
- "deprecated": true
473
+ "$deprecated": true
474
474
  }
475
475
  },
476
476
  "orange": {
@@ -485,7 +485,7 @@
485
485
  },
486
486
  "themeable": true,
487
487
  "prefix": false,
488
- "deprecated": true
488
+ "$deprecated": true
489
489
  },
490
490
  "100": {
491
491
  "$value": {
@@ -498,7 +498,7 @@
498
498
  },
499
499
  "themeable": true,
500
500
  "prefix": false,
501
- "deprecated": true
501
+ "$deprecated": true
502
502
  },
503
503
  "200": {
504
504
  "$value": {
@@ -511,7 +511,7 @@
511
511
  },
512
512
  "themeable": true,
513
513
  "prefix": false,
514
- "deprecated": true
514
+ "$deprecated": true
515
515
  },
516
516
  "300": {
517
517
  "$value": {
@@ -524,7 +524,7 @@
524
524
  },
525
525
  "themeable": true,
526
526
  "prefix": false,
527
- "deprecated": true
527
+ "$deprecated": true
528
528
  },
529
529
  "400": {
530
530
  "$value": {
@@ -537,7 +537,7 @@
537
537
  },
538
538
  "themeable": true,
539
539
  "prefix": false,
540
- "deprecated": true
540
+ "$deprecated": true
541
541
  },
542
542
  "500": {
543
543
  "$value": {
@@ -550,7 +550,7 @@
550
550
  },
551
551
  "themeable": true,
552
552
  "prefix": false,
553
- "deprecated": true
553
+ "$deprecated": true
554
554
  },
555
555
  "600": {
556
556
  "$value": {
@@ -563,7 +563,7 @@
563
563
  },
564
564
  "themeable": true,
565
565
  "prefix": false,
566
- "deprecated": true
566
+ "$deprecated": true
567
567
  },
568
568
  "700": {
569
569
  "$value": {
@@ -576,7 +576,7 @@
576
576
  },
577
577
  "themeable": true,
578
578
  "prefix": false,
579
- "deprecated": true
579
+ "$deprecated": true
580
580
  },
581
581
  "800": {
582
582
  "$value": {
@@ -589,7 +589,7 @@
589
589
  },
590
590
  "themeable": true,
591
591
  "prefix": false,
592
- "deprecated": true
592
+ "$deprecated": true
593
593
  },
594
594
  "900": {
595
595
  "$value": {
@@ -602,7 +602,7 @@
602
602
  },
603
603
  "themeable": true,
604
604
  "prefix": false,
605
- "deprecated": true
605
+ "$deprecated": true
606
606
  },
607
607
  "950": {
608
608
  "$value": {
@@ -615,7 +615,7 @@
615
615
  },
616
616
  "themeable": true,
617
617
  "prefix": false,
618
- "deprecated": true
618
+ "$deprecated": true
619
619
  }
620
620
  },
621
621
  "purple": {
@@ -630,7 +630,7 @@
630
630
  },
631
631
  "themeable": true,
632
632
  "prefix": false,
633
- "deprecated": true
633
+ "$deprecated": true
634
634
  },
635
635
  "100": {
636
636
  "$value": {
@@ -643,7 +643,7 @@
643
643
  },
644
644
  "themeable": true,
645
645
  "prefix": false,
646
- "deprecated": true
646
+ "$deprecated": true
647
647
  },
648
648
  "200": {
649
649
  "$value": {
@@ -656,7 +656,7 @@
656
656
  },
657
657
  "themeable": true,
658
658
  "prefix": false,
659
- "deprecated": true
659
+ "$deprecated": true
660
660
  },
661
661
  "300": {
662
662
  "$value": {
@@ -669,7 +669,7 @@
669
669
  },
670
670
  "themeable": true,
671
671
  "prefix": false,
672
- "deprecated": true
672
+ "$deprecated": true
673
673
  },
674
674
  "400": {
675
675
  "$value": {
@@ -682,7 +682,7 @@
682
682
  },
683
683
  "themeable": true,
684
684
  "prefix": false,
685
- "deprecated": true
685
+ "$deprecated": true
686
686
  },
687
687
  "500": {
688
688
  "$value": {
@@ -695,7 +695,7 @@
695
695
  },
696
696
  "themeable": true,
697
697
  "prefix": false,
698
- "deprecated": true
698
+ "$deprecated": true
699
699
  },
700
700
  "600": {
701
701
  "$value": {
@@ -708,7 +708,7 @@
708
708
  },
709
709
  "themeable": true,
710
710
  "prefix": false,
711
- "deprecated": true
711
+ "$deprecated": true
712
712
  },
713
713
  "700": {
714
714
  "$value": {
@@ -721,7 +721,7 @@
721
721
  },
722
722
  "themeable": true,
723
723
  "prefix": false,
724
- "deprecated": true
724
+ "$deprecated": true
725
725
  },
726
726
  "800": {
727
727
  "$value": {
@@ -734,7 +734,7 @@
734
734
  },
735
735
  "themeable": true,
736
736
  "prefix": false,
737
- "deprecated": true
737
+ "$deprecated": true
738
738
  },
739
739
  "900": {
740
740
  "$value": {
@@ -747,7 +747,7 @@
747
747
  },
748
748
  "themeable": true,
749
749
  "prefix": false,
750
- "deprecated": true
750
+ "$deprecated": true
751
751
  },
752
752
  "950": {
753
753
  "$value": {
@@ -760,7 +760,7 @@
760
760
  },
761
761
  "themeable": true,
762
762
  "prefix": false,
763
- "deprecated": true
763
+ "$deprecated": true
764
764
  }
765
765
  },
766
766
  "red": {
@@ -775,7 +775,7 @@
775
775
  },
776
776
  "themeable": true,
777
777
  "prefix": false,
778
- "deprecated": true
778
+ "$deprecated": true
779
779
  },
780
780
  "100": {
781
781
  "$value": {
@@ -788,7 +788,7 @@
788
788
  },
789
789
  "themeable": true,
790
790
  "prefix": false,
791
- "deprecated": true
791
+ "$deprecated": true
792
792
  },
793
793
  "200": {
794
794
  "$value": {
@@ -801,7 +801,7 @@
801
801
  },
802
802
  "themeable": true,
803
803
  "prefix": false,
804
- "deprecated": true
804
+ "$deprecated": true
805
805
  },
806
806
  "300": {
807
807
  "$value": {
@@ -814,7 +814,7 @@
814
814
  },
815
815
  "themeable": true,
816
816
  "prefix": false,
817
- "deprecated": true
817
+ "$deprecated": true
818
818
  },
819
819
  "400": {
820
820
  "$value": {
@@ -827,7 +827,7 @@
827
827
  },
828
828
  "themeable": true,
829
829
  "prefix": false,
830
- "deprecated": true
830
+ "$deprecated": true
831
831
  },
832
832
  "500": {
833
833
  "$value": {
@@ -840,7 +840,7 @@
840
840
  },
841
841
  "themeable": true,
842
842
  "prefix": false,
843
- "deprecated": true
843
+ "$deprecated": true
844
844
  },
845
845
  "600": {
846
846
  "$value": {
@@ -853,7 +853,7 @@
853
853
  },
854
854
  "themeable": true,
855
855
  "prefix": false,
856
- "deprecated": true
856
+ "$deprecated": true
857
857
  },
858
858
  "700": {
859
859
  "$value": {
@@ -866,7 +866,7 @@
866
866
  },
867
867
  "themeable": true,
868
868
  "prefix": false,
869
- "deprecated": true
869
+ "$deprecated": true
870
870
  },
871
871
  "800": {
872
872
  "$value": {
@@ -879,7 +879,7 @@
879
879
  },
880
880
  "themeable": true,
881
881
  "prefix": false,
882
- "deprecated": true
882
+ "$deprecated": true
883
883
  },
884
884
  "900": {
885
885
  "$value": {
@@ -892,7 +892,7 @@
892
892
  },
893
893
  "themeable": true,
894
894
  "prefix": false,
895
- "deprecated": true
895
+ "$deprecated": true
896
896
  },
897
897
  "950": {
898
898
  "$value": {
@@ -905,7 +905,7 @@
905
905
  },
906
906
  "themeable": true,
907
907
  "prefix": false,
908
- "deprecated": true
908
+ "$deprecated": true
909
909
  }
910
910
  },
911
911
  "brand": {
@@ -918,7 +918,7 @@
918
918
  "$description": "Use color.brand-charcoal instead.",
919
919
  "themeable": true,
920
920
  "prefix": false,
921
- "deprecated": true
921
+ "$deprecated": true
922
922
  },
923
923
  "orange": {
924
924
  "01": {
@@ -930,7 +930,7 @@
930
930
  "$description": "Use color.brand-orange.01p instead.",
931
931
  "themeable": true,
932
932
  "prefix": false,
933
- "deprecated": true
933
+ "$deprecated": true
934
934
  },
935
935
  "02": {
936
936
  "$value": "#fc6d26",
@@ -941,7 +941,7 @@
941
941
  "$description": "Use color.brand-orange.02p instead.",
942
942
  "themeable": true,
943
943
  "prefix": false,
944
- "deprecated": true
944
+ "$deprecated": true
945
945
  },
946
946
  "03": {
947
947
  "$value": "#e24329",
@@ -952,7 +952,7 @@
952
952
  "$description": "Use color.brand-orange.03p instead.",
953
953
  "themeable": true,
954
954
  "prefix": false,
955
- "deprecated": true
955
+ "$deprecated": true
956
956
  }
957
957
  },
958
958
  "purple": {
@@ -965,7 +965,7 @@
965
965
  "$description": "Use color.purple.01p instead.",
966
966
  "themeable": true,
967
967
  "prefix": false,
968
- "deprecated": true
968
+ "$deprecated": true
969
969
  },
970
970
  "02": {
971
971
  "$value": "#7759c2",
@@ -976,7 +976,7 @@
976
976
  "$description": "Use color.purple.02p instead.",
977
977
  "themeable": true,
978
978
  "prefix": false,
979
- "deprecated": true
979
+ "$deprecated": true
980
980
  }
981
981
  },
982
982
  "gray": {
@@ -989,7 +989,7 @@
989
989
  "$description": "Use color.brand-gray.01 instead.",
990
990
  "themeable": true,
991
991
  "prefix": false,
992
- "deprecated": true
992
+ "$deprecated": true
993
993
  },
994
994
  "02": {
995
995
  "$value": "#a2a1a6",
@@ -1000,7 +1000,7 @@
1000
1000
  "$description": "Use color.brand-gray.02 instead.",
1001
1001
  "themeable": true,
1002
1002
  "prefix": false,
1003
- "deprecated": true
1003
+ "$deprecated": true
1004
1004
  },
1005
1005
  "03": {
1006
1006
  "$value": "#74717a",
@@ -1011,7 +1011,7 @@
1011
1011
  "$description": "Use color.brand-gray.03 instead.",
1012
1012
  "themeable": true,
1013
1013
  "prefix": false,
1014
- "deprecated": true
1014
+ "$deprecated": true
1015
1015
  },
1016
1016
  "04": {
1017
1017
  "$value": "#45424d",
@@ -1022,7 +1022,7 @@
1022
1022
  "$description": "Use color.brand-gray.04 instead.",
1023
1023
  "themeable": true,
1024
1024
  "prefix": false,
1025
- "deprecated": true
1025
+ "$deprecated": true
1026
1026
  },
1027
1027
  "05": {
1028
1028
  "$value": "#2b2838",
@@ -1033,7 +1033,7 @@
1033
1033
  "$description": "Use color.brand-gray.05 instead.",
1034
1034
  "themeable": true,
1035
1035
  "prefix": false,
1036
- "deprecated": true
1036
+ "$deprecated": true
1037
1037
  }
1038
1038
  }
1039
1039
  }