@gitlab/ui 49.4.0 → 49.5.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 (25) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/components/base/datepicker/datepicker.js +14 -2
  3. package/dist/components/charts/discrete_scatter/discrete_scatter.js +1 -1
  4. package/dist/components/charts/heatmap/heatmap.js +1 -1
  5. package/dist/components/charts/legend/legend.js +1 -1
  6. package/dist/components/charts/line/line.js +1 -1
  7. package/dist/index.css +2 -2
  8. package/dist/index.css.map +1 -1
  9. package/dist/utility_classes.css +1 -1
  10. package/dist/utility_classes.css.map +1 -1
  11. package/dist/utils/charts/theme.js +8 -8
  12. package/dist/utils/constants.js +5 -1
  13. package/package.json +3 -3
  14. package/scss_to_js/scss_variables.js +23 -23
  15. package/scss_to_js/scss_variables.json +35 -35
  16. package/src/components/base/datepicker/datepicker.scss +0 -7
  17. package/src/components/base/datepicker/datepicker.spec.js +15 -0
  18. package/src/components/base/datepicker/datepicker.stories.js +23 -2
  19. package/src/components/base/datepicker/datepicker.vue +20 -3
  20. package/src/components/base/filtered_search/__snapshots__/filtered_search_term.spec.js.snap +23 -4
  21. package/src/components/base/icon/__snapshots__/icon.spec.js.snap +9 -2
  22. package/src/components/base/paginated_list/__snapshots__/paginated_list.spec.js.snap +0 -70
  23. package/src/components/base/path/__snapshots__/path.spec.js.snap +3 -68
  24. package/src/scss/variables.scss +12 -12
  25. package/src/utils/constants.js +5 -0
package/src/components/base/paginated_list/__snapshots__/paginated_list.spec.js.snap CHANGED
@@ -5,13 +5,11 @@ exports[`Paginated List Pagination renders 1 item on page 7 with page size of 2
5
5
  <div
6
6
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
7
7
  >
8
-
9
8
  <gl-search-box-by-type-stub
10
9
  clearbuttontitle="Clear"
11
10
  value=""
12
11
  />
13
12
  </div>
14
-
15
13
  <ul
16
14
  class="list-group list-group-flush list-unstyled"
17
15
  >
@@ -29,7 +27,6 @@ exports[`Paginated List Pagination renders 1 item on page 7 with page size of 2
29
27
  </div>
30
28
  </li>
31
29
  </ul>
32
-
33
30
  <gl-pagination-stub
34
31
  align="left"
35
32
  class="d-flex justify-content-center prepend-top-default"
@@ -46,8 +43,6 @@ exports[`Paginated List Pagination renders 1 item on page 7 with page size of 2
46
43
  totalitems="13"
47
44
  value="7"
48
45
  />
49
-
50
- <!---->
51
46
  </div>
52
47
  `;
53
48
 
@@ -56,13 +51,11 @@ exports[`Paginated List Pagination renders 3 items on page 2 with default page s
56
51
  <div
57
52
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
58
53
  >
59
-
60
54
  <gl-search-box-by-type-stub
61
55
  clearbuttontitle="Clear"
62
56
  value=""
63
57
  />
64
58
  </div>
65
-
66
59
  <ul
67
60
  class="list-group list-group-flush list-unstyled"
68
61
  >
@@ -106,7 +99,6 @@ exports[`Paginated List Pagination renders 3 items on page 2 with default page s
106
99
  </div>
107
100
  </li>
108
101
  </ul>
109
-
110
102
  <gl-pagination-stub
111
103
  align="left"
112
104
  class="d-flex justify-content-center prepend-top-default"
@@ -123,8 +115,6 @@ exports[`Paginated List Pagination renders 3 items on page 2 with default page s
123
115
  totalitems="13"
124
116
  value="2"
125
117
  />
126
-
127
- <!---->
128
118
  </div>
129
119
  `;
130
120
 
@@ -133,13 +123,11 @@ exports[`Paginated List Pagination renders 5 items on page 1 for a page size of
133
123
  <div
134
124
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
135
125
  >
136
-
137
126
  <gl-search-box-by-type-stub
138
127
  clearbuttontitle="Clear"
139
128
  value=""
140
129
  />
141
130
  </div>
142
-
143
131
  <ul
144
132
  class="list-group list-group-flush list-unstyled"
145
133
  >
@@ -209,7 +197,6 @@ exports[`Paginated List Pagination renders 5 items on page 1 for a page size of
209
197
  </div>
210
198
  </li>
211
199
  </ul>
212
-
213
200
  <gl-pagination-stub
214
201
  align="left"
215
202
  class="d-flex justify-content-center prepend-top-default"
@@ -226,8 +213,6 @@ exports[`Paginated List Pagination renders 5 items on page 1 for a page size of
226
213
  totalitems="13"
227
214
  value="1"
228
215
  />
229
-
230
- <!---->
231
216
  </div>
232
217
  `;
233
218
 
@@ -236,13 +221,11 @@ exports[`Paginated List Pagination renders 10 items for a default page size of 1
236
221
  <div
237
222
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
238
223
  >
239
-
240
224
  <gl-search-box-by-type-stub
241
225
  clearbuttontitle="Clear"
242
226
  value=""
243
227
  />
244
228
  </div>
245
-
246
229
  <ul
247
230
  class="list-group list-group-flush list-unstyled"
248
231
  >
@@ -377,7 +360,6 @@ exports[`Paginated List Pagination renders 10 items for a default page size of 1
377
360
  </div>
378
361
  </li>
379
362
  </ul>
380
-
381
363
  <gl-pagination-stub
382
364
  align="left"
383
365
  class="d-flex justify-content-center prepend-top-default"
@@ -394,8 +376,6 @@ exports[`Paginated List Pagination renders 10 items for a default page size of 1
394
376
  totalitems="13"
395
377
  value="1"
396
378
  />
397
-
398
- <!---->
399
379
  </div>
400
380
  `;
401
381
 
@@ -404,13 +384,11 @@ exports[`Paginated List Pagination renders 13 items for a default page size of 2
404
384
  <div
405
385
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
406
386
  >
407
-
408
387
  <gl-search-box-by-type-stub
409
388
  clearbuttontitle="Clear"
410
389
  value=""
411
390
  />
412
391
  </div>
413
-
414
392
  <ul
415
393
  class="list-group list-group-flush list-unstyled"
416
394
  >
@@ -584,7 +562,6 @@ exports[`Paginated List Pagination renders 13 items for a default page size of 2
584
562
  </div>
585
563
  </li>
586
564
  </ul>
587
-
588
565
  <gl-pagination-stub
589
566
  align="left"
590
567
  class="d-flex justify-content-center prepend-top-default"
@@ -601,8 +578,6 @@ exports[`Paginated List Pagination renders 13 items for a default page size of 2
601
578
  totalitems="13"
602
579
  value="1"
603
580
  />
604
-
605
- <!---->
606
581
  </div>
607
582
  `;
608
583
 
@@ -611,19 +586,14 @@ exports[`Paginated List Search states renders the custom empty search message wh
611
586
  <div
612
587
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
613
588
  >
614
-
615
589
  <gl-search-box-by-type-stub
616
590
  clearbuttontitle="Clear"
617
591
  value=""
618
592
  />
619
593
  </div>
620
-
621
594
  <ul
622
595
  class="list-group list-group-flush list-unstyled"
623
596
  />
624
-
625
- <!---->
626
-
627
597
  <div
628
598
  class="bs-callout bs-callout-warning mt-3 empty-message empty-search"
629
599
  >
@@ -639,19 +609,14 @@ exports[`Paginated List Search states renders the default empty search message w
639
609
  <div
640
610
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
641
611
  >
642
-
643
612
  <gl-search-box-by-type-stub
644
613
  clearbuttontitle="Clear"
645
614
  value=""
646
615
  />
647
616
  </div>
648
-
649
617
  <ul
650
618
  class="list-group list-group-flush list-unstyled"
651
619
  />
652
-
653
- <!---->
654
-
655
620
  <div
656
621
  class="bs-callout bs-callout-warning mt-3 empty-message empty-search"
657
622
  >
@@ -667,13 +632,11 @@ exports[`Paginated List Search states renders the list filtered by search result
667
632
  <div
668
633
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
669
634
  >
670
-
671
635
  <gl-search-box-by-type-stub
672
636
  clearbuttontitle="Clear"
673
637
  value=""
674
638
  />
675
639
  </div>
676
-
677
640
  <ul
678
641
  class="list-group list-group-flush list-unstyled"
679
642
  >
@@ -704,7 +667,6 @@ exports[`Paginated List Search states renders the list filtered by search result
704
667
  </div>
705
668
  </li>
706
669
  </ul>
707
-
708
670
  <gl-pagination-stub
709
671
  align="left"
710
672
  class="d-flex justify-content-center prepend-top-default"
@@ -721,8 +683,6 @@ exports[`Paginated List Search states renders the list filtered by search result
721
683
  totalitems="2"
722
684
  value="1"
723
685
  />
724
-
725
- <!---->
726
686
  </div>
727
687
  `;
728
688
 
@@ -731,19 +691,14 @@ exports[`Paginated List Searchless states renders the list in an empty state wit
731
691
  <div
732
692
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
733
693
  >
734
-
735
694
  <gl-search-box-by-type-stub
736
695
  clearbuttontitle="Clear"
737
696
  value=""
738
697
  />
739
698
  </div>
740
-
741
699
  <ul
742
700
  class="list-group list-group-flush list-unstyled"
743
701
  />
744
-
745
- <!---->
746
-
747
702
  <div
748
703
  class="bs-callout bs-callout-warning mt-3 empty-message empty-message"
749
704
  >
@@ -759,19 +714,14 @@ exports[`Paginated List Searchless states renders the list in an empty state, wh
759
714
  <div
760
715
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
761
716
  >
762
-
763
717
  <gl-search-box-by-type-stub
764
718
  clearbuttontitle="Clear"
765
719
  value=""
766
720
  />
767
721
  </div>
768
-
769
722
  <ul
770
723
  class="list-group list-group-flush list-unstyled"
771
724
  />
772
-
773
- <!---->
774
-
775
725
  <div
776
726
  class="bs-callout bs-callout-warning mt-3 empty-message empty-message"
777
727
  >
@@ -787,13 +737,11 @@ exports[`Paginated List Searchless states renders the list with nested items, wh
787
737
  <div
788
738
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
789
739
  >
790
-
791
740
  <gl-search-box-by-type-stub
792
741
  clearbuttontitle="Clear"
793
742
  value=""
794
743
  />
795
744
  </div>
796
-
797
745
  <ul
798
746
  class="list-group list-group-flush list-unstyled"
799
747
  >
@@ -824,7 +772,6 @@ exports[`Paginated List Searchless states renders the list with nested items, wh
824
772
  </div>
825
773
  </li>
826
774
  </ul>
827
-
828
775
  <gl-pagination-stub
829
776
  align="left"
830
777
  class="d-flex justify-content-center prepend-top-default"
@@ -841,8 +788,6 @@ exports[`Paginated List Searchless states renders the list with nested items, wh
841
788
  totalitems="2"
842
789
  value="1"
843
790
  />
844
-
845
- <!---->
846
791
  </div>
847
792
  `;
848
793
 
@@ -851,13 +796,11 @@ exports[`Paginated List props filter filters on default "id" key 1`] = `
851
796
  <div
852
797
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
853
798
  >
854
-
855
799
  <gl-search-box-by-type-stub
856
800
  clearbuttontitle="Clear"
857
801
  value=""
858
802
  />
859
803
  </div>
860
-
861
804
  <ul
862
805
  class="list-group list-group-flush list-unstyled"
863
806
  >
@@ -875,7 +818,6 @@ exports[`Paginated List props filter filters on default "id" key 1`] = `
875
818
  </div>
876
819
  </li>
877
820
  </ul>
878
-
879
821
  <gl-pagination-stub
880
822
  align="left"
881
823
  class="d-flex justify-content-center prepend-top-default"
@@ -892,8 +834,6 @@ exports[`Paginated List props filter filters on default "id" key 1`] = `
892
834
  totalitems="1"
893
835
  value="1"
894
836
  />
895
-
896
- <!---->
897
837
  </div>
898
838
  `;
899
839
 
@@ -902,13 +842,11 @@ exports[`Paginated List props filter filters on provided "myKey" key 1`] = `
902
842
  <div
903
843
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
904
844
  >
905
-
906
845
  <gl-search-box-by-type-stub
907
846
  clearbuttontitle="Clear"
908
847
  value=""
909
848
  />
910
849
  </div>
911
-
912
850
  <ul
913
851
  class="list-group list-group-flush list-unstyled"
914
852
  >
@@ -926,7 +864,6 @@ exports[`Paginated List props filter filters on provided "myKey" key 1`] = `
926
864
  </div>
927
865
  </li>
928
866
  </ul>
929
-
930
867
  <gl-pagination-stub
931
868
  align="left"
932
869
  class="d-flex justify-content-center prepend-top-default"
@@ -943,8 +880,6 @@ exports[`Paginated List props filter filters on provided "myKey" key 1`] = `
943
880
  totalitems="1"
944
881
  value="1"
945
882
  />
946
-
947
- <!---->
948
883
  </div>
949
884
  `;
950
885
 
@@ -953,13 +888,11 @@ exports[`Paginated List props filter filters with provided filter function 1`] =
953
888
  <div
954
889
  class="row-content-block second-block d-sm-flex justify-content-between flex-row-reverse"
955
890
  >
956
-
957
891
  <gl-search-box-by-type-stub
958
892
  clearbuttontitle="Clear"
959
893
  value=""
960
894
  />
961
895
  </div>
962
-
963
896
  <ul
964
897
  class="list-group list-group-flush list-unstyled"
965
898
  >
@@ -977,7 +910,6 @@ exports[`Paginated List props filter filters with provided filter function 1`] =
977
910
  </div>
978
911
  </li>
979
912
  </ul>
980
-
981
913
  <gl-pagination-stub
982
914
  align="left"
983
915
  class="d-flex justify-content-center prepend-top-default"
@@ -994,7 +926,5 @@ exports[`Paginated List props filter filters with provided filter function 1`] =
994
926
  totalitems="1"
995
927
  value="1"
996
928
  />
997
-
998
- <!---->
999
929
  </div>
1000
930
  `;