vanilla-framework 4.9.1 → 4.10.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 (18) hide show
  1. package/package.json +9 -10
  2. package/scss/_base_blockquotes.scss +1 -1
  3. package/scss/_base_button.scss +2 -0
  4. package/scss/_base_code.scss +0 -8
  5. package/scss/_base_forms-range.scss +6 -5
  6. package/scss/_base_forms.scss +2 -8
  7. package/scss/_base_icon-definitions.scss +1 -1
  8. package/scss/_base_placeholders.scss +2 -0
  9. package/scss/_patterns_buttons.scss +3 -11
  10. package/scss/_patterns_card.scss +2 -1
  11. package/scss/_patterns_chip.scss +10 -15
  12. package/scss/_patterns_equal-height-row.scss +214 -0
  13. package/scss/_patterns_icons.scss +3 -95
  14. package/scss/_patterns_media-container.scss +5 -0
  15. package/scss/_patterns_navigation.scss +106 -242
  16. package/scss/_patterns_notifications.scss +0 -1
  17. package/scss/_settings_themes.scss +9 -6
  18. package/scss/_vanilla.scss +13 -11
package/scss/_patterns_icons.scss CHANGED
@@ -355,12 +355,12 @@
355
355
  }
356
356
  }
357
357
 
358
+ // stylelint-disable selector-max-type -- allow theme class on body for legacy theming support on icons
358
359
  @mixin vf-p-icon-applications {
359
360
  .p-icon--applications {
360
361
  @extend %icon;
361
362
  @include vf-icon-applications($colors--light-theme--icon);
362
363
 
363
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
364
364
  [class*='--dark'] &,
365
365
  body.is-dark &,
366
366
  &.is-light, // DEPRECATED: use is-dark instead
@@ -375,7 +375,6 @@
375
375
  @extend %icon;
376
376
  @include vf-icon-controllers($colors--light-theme--icon);
377
377
 
378
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
379
378
  [class*='--dark'] &,
380
379
  body.is-dark &,
381
380
  &.is-light, // DEPRECATED: use is-dark instead
@@ -390,7 +389,6 @@
390
389
  @extend %icon;
391
390
  @include vf-icon-fullscreen($colors--light-theme--icon);
392
391
 
393
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
394
392
  [class*='--dark'] &,
395
393
  body.is-dark &,
396
394
  &.is-light, // DEPRECATED: use is-dark instead
@@ -405,7 +403,6 @@
405
403
  @extend %icon;
406
404
  @include vf-icon-models($colors--light-theme--icon);
407
405
 
408
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
409
406
  [class*='--dark'] &,
410
407
  body.is-dark &,
411
408
  &.is-light, // DEPRECATED: use is-dark instead
@@ -420,7 +417,6 @@
420
417
  @extend %icon;
421
418
  @include vf-icon-machines($colors--light-theme--icon);
422
419
 
423
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
424
420
  [class*='--dark'] &,
425
421
  body.is-dark &,
426
422
  &.is-light, // DEPRECATED: use is-dark instead
@@ -435,7 +431,6 @@
435
431
  @extend %icon;
436
432
  @include vf-icon-pin($colors--light-theme--icon);
437
433
 
438
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
439
434
  [class*='--dark'] &,
440
435
  body.is-dark &,
441
436
  &.is-light, // DEPRECATED: use is-dark instead
@@ -450,7 +445,6 @@
450
445
  @extend %icon;
451
446
  @include vf-icon-units($colors--light-theme--icon);
452
447
 
453
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
454
448
  [class*='--dark'] &,
455
449
  body.is-dark &,
456
450
  &.is-light, // DEPRECATED: use is-dark instead
@@ -467,7 +461,6 @@
467
461
  @extend %icon;
468
462
  @include vf-icon-priority-critical($colors--light-theme--icon);
469
463
 
470
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
471
464
  [class*='--dark'] &,
472
465
  body.is-dark &,
473
466
  &.is-light, // DEPRECATED: use is-dark instead
@@ -482,7 +475,6 @@
482
475
  @extend %icon;
483
476
  @include vf-icon-priority-high($colors--light-theme--icon);
484
477
 
485
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
486
478
  [class*='--dark'] &,
487
479
  body.is-dark &,
488
480
  &.is-light, // DEPRECATED: use is-dark instead
@@ -497,7 +489,6 @@
497
489
  @extend %icon;
498
490
  @include vf-icon-priority-low($colors--light-theme--icon);
499
491
 
500
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
501
492
  [class*='--dark'] &,
502
493
  body.is-dark &,
503
494
  &.is-light, // DEPRECATED: use is-dark instead
@@ -512,7 +503,6 @@
512
503
  @extend %icon;
513
504
  @include vf-icon-priority-medium($colors--light-theme--icon);
514
505
 
515
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
516
506
  [class*='--dark'] &,
517
507
  body.is-dark &,
518
508
  &.is-light, // DEPRECATED: use is-dark instead
@@ -527,7 +517,6 @@
527
517
  @extend %icon;
528
518
  @include vf-icon-priority-negligible($colors--light-theme--icon);
529
519
 
530
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
531
520
  [class*='--dark'] &,
532
521
  body.is-dark &,
533
522
  &.is-light, // DEPRECATED: use is-dark instead
@@ -542,7 +531,6 @@
542
531
  @extend %icon;
543
532
  @include vf-icon-priority-unknown($colors--light-theme--icon);
544
533
 
545
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
546
534
  [class*='--dark'] &,
547
535
  body.is-dark &,
548
536
  &.is-light, // DEPRECATED: use is-dark instead
@@ -557,7 +545,6 @@
557
545
  @extend %icon;
558
546
  @include vf-icon-add-canvas($colors--light-theme--icon);
559
547
 
560
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
561
548
  [class*='--dark'] &,
562
549
  body.is-dark &,
563
550
  &.is-light, // DEPRECATED: use is-dark instead
@@ -572,7 +559,6 @@
572
559
  @extend %icon;
573
560
  @include vf-icon-add-logical-volume($colors--light-theme--icon);
574
561
 
575
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
576
562
  [class*='--dark'] &,
577
563
  body.is-dark &,
578
564
  &.is-light, // DEPRECATED: use is-dark instead
@@ -587,7 +573,6 @@
587
573
  @extend %icon;
588
574
  @include vf-icon-add-partition($colors--light-theme--icon);
589
575
 
590
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
591
576
  [class*='--dark'] &,
592
577
  body.is-dark &,
593
578
  &.is-light, // DEPRECATED: use is-dark instead
@@ -602,7 +587,6 @@
602
587
  @extend %icon;
603
588
  @include vf-icon-back-to-top($colors--light-theme--icon);
604
589
 
605
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
606
590
  [class*='--dark'] &,
607
591
  body.is-dark &,
608
592
  &.is-light, // DEPRECATED: use is-dark instead
@@ -617,7 +601,6 @@
617
601
  @extend %icon;
618
602
  @include vf-icon-begin-downloading($colors--light-theme--icon);
619
603
 
620
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
621
604
  [class*='--dark'] &,
622
605
  body.is-dark &,
623
606
  &.is-light, // DEPRECATED: use is-dark instead
@@ -632,7 +615,6 @@
632
615
  @extend %icon;
633
616
  @include vf-icon-bundle($colors--light-theme--icon);
634
617
 
635
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
636
618
  [class*='--dark'] &,
637
619
  body.is-dark &,
638
620
  &.is-light, // DEPRECATED: use is-dark instead
@@ -647,7 +629,6 @@
647
629
  @extend %icon;
648
630
  @include vf-icon-canvas($colors--light-theme--icon);
649
631
 
650
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
651
632
  [class*='--dark'] &,
652
633
  body.is-dark &,
653
634
  &.is-light, // DEPRECATED: use is-dark instead
@@ -662,7 +643,6 @@
662
643
  @extend %icon;
663
644
  @include vf-icon-change-version($colors--light-theme--icon);
664
645
 
665
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
666
646
  [class*='--dark'] &,
667
647
  body.is-dark &,
668
648
  &.is-light, // DEPRECATED: use is-dark instead
@@ -677,7 +657,6 @@
677
657
  @extend %icon;
678
658
  @include vf-icon-comments($colors--light-theme--icon);
679
659
 
680
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
681
660
  [class*='--dark'] &,
682
661
  body.is-dark &,
683
662
  &.is-light, // DEPRECATED: use is-dark instead
@@ -692,7 +671,6 @@
692
671
  @extend %icon;
693
672
  @include vf-icon-conflict-grey($colors--light-theme--icon);
694
673
 
695
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
696
674
  [class*='--dark'] &,
697
675
  body.is-dark &,
698
676
  &.is-light, // DEPRECATED: use is-dark instead
@@ -707,7 +685,6 @@
707
685
  @extend %icon;
708
686
  @include vf-icon-conflict-resolution-grey($colors--light-theme--icon);
709
687
 
710
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
711
688
  [class*='--dark'] &,
712
689
  body.is-dark &,
713
690
  &.is-light, // DEPRECATED: use is-dark instead
@@ -722,7 +699,6 @@
722
699
  @extend %icon;
723
700
  @include vf-icon-conflict-resolution($color-positive, $colors--dark-theme--icon);
724
701
 
725
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
726
702
  [class*='--dark'] &,
727
703
  body.is-dark &,
728
704
  &.is-light, // DEPRECATED: use is-dark instead
@@ -737,7 +713,6 @@
737
713
  @extend %icon;
738
714
  @include vf-icon-conflict($color-caution, $colors--dark-theme--icon);
739
715
 
740
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
741
716
  [class*='--dark'] &,
742
717
  body.is-dark &,
743
718
  &.is-light, // DEPRECATED: use is-dark instead
@@ -752,7 +727,6 @@
752
727
  @extend %icon;
753
728
  @include vf-icon-connected($colors--light-theme--icon);
754
729
 
755
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
756
730
  [class*='--dark'] &,
757
731
  body.is-dark &,
758
732
  &.is-light, // DEPRECATED: use is-dark instead
@@ -767,7 +741,6 @@
767
741
  @extend %icon;
768
742
  @include vf-icon-containers($colors--light-theme--icon);
769
743
 
770
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
771
744
  [class*='--dark'] &,
772
745
  body.is-dark &,
773
746
  &.is-light, // DEPRECATED: use is-dark instead
@@ -782,7 +755,6 @@
782
755
  @extend %icon;
783
756
  @include vf-icon-copy-to-clipboard($colors--light-theme--icon);
784
757
 
785
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
786
758
  [class*='--dark'] &,
787
759
  body.is-dark &,
788
760
  &.is-light, // DEPRECATED: use is-dark instead
@@ -797,7 +769,6 @@
797
769
  @extend %icon;
798
770
  @include vf-icon-disconnect($colors--light-theme--icon);
799
771
 
800
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
801
772
  [class*='--dark'] &,
802
773
  body.is-dark &,
803
774
  &.is-light, // DEPRECATED: use is-dark instead
@@ -812,7 +783,6 @@
812
783
  @extend %icon;
813
784
  @include vf-icon-edit($colors--light-theme--icon);
814
785
 
815
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
816
786
  [class*='--dark'] &,
817
787
  body.is-dark &,
818
788
  &.is-light, // DEPRECATED: use is-dark instead
@@ -827,7 +797,6 @@
827
797
  @extend %icon;
828
798
  @include vf-icon-export($colors--light-theme--icon);
829
799
 
830
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
831
800
  [class*='--dark'] &,
832
801
  body.is-dark &,
833
802
  &.is-light, // DEPRECATED: use is-dark instead
@@ -842,7 +811,6 @@
842
811
  @extend %icon;
843
812
  @include vf-icon-exposed($colors--light-theme--icon);
844
813
 
845
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
846
814
  [class*='--dark'] &,
847
815
  body.is-dark &,
848
816
  &.is-light, // DEPRECATED: use is-dark instead
@@ -857,7 +825,6 @@
857
825
  @extend %icon;
858
826
  @include vf-icon-filter($colors--light-theme--icon);
859
827
 
860
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
861
828
  [class*='--dark'] &,
862
829
  body.is-dark &,
863
830
  &.is-light, // DEPRECATED: use is-dark instead
@@ -872,7 +839,6 @@
872
839
  @extend %icon;
873
840
  @include vf-icon-fork($colors--light-theme--icon);
874
841
 
875
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
876
842
  [class*='--dark'] &,
877
843
  body.is-dark &,
878
844
  &.is-light, // DEPRECATED: use is-dark instead
@@ -887,7 +853,6 @@
887
853
  @extend %icon;
888
854
  @include vf-icon-get-link($colors--light-theme--icon);
889
855
 
890
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
891
856
  [class*='--dark'] &,
892
857
  body.is-dark &,
893
858
  &.is-light, // DEPRECATED: use is-dark instead
@@ -902,7 +867,6 @@
902
867
  @extend %icon;
903
868
  @include vf-icon-halfscreen-bar($colors--light-theme--icon);
904
869
 
905
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
906
870
  [class*='--dark'] &,
907
871
  body.is-dark &,
908
872
  &.is-light, // DEPRECATED: use is-dark instead
@@ -917,7 +881,6 @@
917
881
  @extend %icon;
918
882
  @include vf-icon-highlight-off($colors--light-theme--icon);
919
883
 
920
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
921
884
  [class*='--dark'] &,
922
885
  body.is-dark &,
923
886
  &.is-light, // DEPRECATED: use is-dark instead
@@ -932,7 +895,6 @@
932
895
  @extend %icon;
933
896
  @include vf-icon-highlight-on($colors--light-theme--icon);
934
897
 
935
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
936
898
  [class*='--dark'] &,
937
899
  body.is-dark &,
938
900
  &.is-light, // DEPRECATED: use is-dark instead
@@ -947,7 +909,6 @@
947
909
  @extend %icon;
948
910
  @include vf-icon-home($colors--light-theme--icon);
949
911
 
950
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
951
912
  [class*='--dark'] &,
952
913
  body.is-dark &,
953
914
  &.is-light, // DEPRECATED: use is-dark instead
@@ -962,7 +923,6 @@
962
923
  @extend %icon;
963
924
  @include vf-icon-import($colors--light-theme--icon);
964
925
 
965
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
966
926
  [class*='--dark'] &,
967
927
  body.is-dark &,
968
928
  &.is-light, // DEPRECATED: use is-dark instead
@@ -977,7 +937,6 @@
977
937
  @extend %icon;
978
938
  @include vf-icon-in-progress($colors--dark-theme--icon, $colors--light-theme--icon);
979
939
 
980
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
981
940
  [class*='--dark'] &,
982
941
  body.is-dark &,
983
942
  &.is-light, // DEPRECATED: use is-dark instead
@@ -992,7 +951,6 @@
992
951
  @extend %icon;
993
952
  @include vf-icon-inspector-debug($colors--light-theme--icon);
994
953
 
995
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
996
954
  [class*='--dark'] &,
997
955
  body.is-dark &,
998
956
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1007,7 +965,6 @@
1007
965
  @extend %icon;
1008
966
  @include vf-icon-loading-steps($colors--light-theme--icon);
1009
967
 
1010
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1011
968
  [class*='--dark'] &,
1012
969
  body.is-dark &,
1013
970
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1022,7 +979,6 @@
1022
979
  @extend %icon;
1023
980
  @include vf-icon-lock-locked-active($colors--light-theme--icon);
1024
981
 
1025
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1026
982
  [class*='--dark'] &,
1027
983
  body.is-dark &,
1028
984
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1037,7 +993,6 @@
1037
993
  @extend %icon;
1038
994
  @include vf-icon-lock-locked($colors--light-theme--icon);
1039
995
 
1040
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1041
996
  [class*='--dark'] &,
1042
997
  body.is-dark &,
1043
998
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1052,7 +1007,6 @@
1052
1007
  @extend %icon;
1053
1008
  @include vf-icon-lock-unlock($colors--light-theme--icon);
1054
1009
 
1055
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1056
1010
  [class*='--dark'] &,
1057
1011
  body.is-dark &,
1058
1012
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1067,7 +1021,6 @@
1067
1021
  @extend %icon;
1068
1022
  @include vf-icon-maximise-bar($colors--light-theme--icon);
1069
1023
 
1070
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1071
1024
  [class*='--dark'] &,
1072
1025
  body.is-dark &,
1073
1026
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1082,7 +1035,6 @@
1082
1035
  @extend %icon;
1083
1036
  @include vf-icon-minimise-bar($colors--light-theme--icon);
1084
1037
 
1085
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1086
1038
  [class*='--dark'] &,
1087
1039
  body.is-dark &,
1088
1040
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1097,7 +1049,6 @@
1097
1049
  @extend %icon;
1098
1050
  @include vf-icon-mount-2($colors--light-theme--icon);
1099
1051
 
1100
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1101
1052
  [class*='--dark'] &,
1102
1053
  body.is-dark &,
1103
1054
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1112,7 +1063,6 @@
1112
1063
  @extend %icon;
1113
1064
  @include vf-icon-mount($colors--light-theme--icon);
1114
1065
 
1115
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1116
1066
  [class*='--dark'] &,
1117
1067
  body.is-dark &,
1118
1068
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1127,7 +1077,6 @@
1127
1077
  @extend %icon;
1128
1078
  @include vf-icon-open-terminal($colors--light-theme--icon);
1129
1079
 
1130
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1131
1080
  [class*='--dark'] &,
1132
1081
  body.is-dark &,
1133
1082
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1142,7 +1091,6 @@
1142
1091
  @extend %icon;
1143
1092
  @include vf-icon-plans($colors--light-theme--icon);
1144
1093
 
1145
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1146
1094
  [class*='--dark'] &,
1147
1095
  body.is-dark &,
1148
1096
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1157,7 +1105,6 @@
1157
1105
  @extend %icon;
1158
1106
  @include vf-icon-pods($colors--light-theme--icon);
1159
1107
 
1160
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1161
1108
  [class*='--dark'] &,
1162
1109
  body.is-dark &,
1163
1110
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1172,7 +1119,6 @@
1172
1119
  @extend %icon;
1173
1120
  @include vf-icon-power-error($colors--light-theme--icon);
1174
1121
 
1175
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1176
1122
  [class*='--dark'] &,
1177
1123
  body.is-dark &,
1178
1124
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1187,7 +1133,6 @@
1187
1133
  @extend %icon;
1188
1134
  @include vf-icon-power-off($colors--light-theme--icon);
1189
1135
 
1190
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1191
1136
  [class*='--dark'] &,
1192
1137
  body.is-dark &,
1193
1138
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1202,7 +1147,6 @@
1202
1147
  @extend %icon;
1203
1148
  @include vf-icon-power-on($colors--light-theme--icon, $colors--dark-theme--icon);
1204
1149
 
1205
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1206
1150
  [class*='--dark'] &,
1207
1151
  body.is-dark &,
1208
1152
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1217,7 +1161,6 @@
1217
1161
  @extend %icon;
1218
1162
  @include vf-icon-profile($colors--light-theme--icon);
1219
1163
 
1220
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1221
1164
  [class*='--dark'] &,
1222
1165
  body.is-dark &,
1223
1166
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1232,7 +1175,6 @@
1232
1175
  @extend %icon;
1233
1176
  @include vf-icon-restart($colors--light-theme--icon);
1234
1177
 
1235
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1236
1178
  [class*='--dark'] &,
1237
1179
  body.is-dark &,
1238
1180
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1247,7 +1189,6 @@
1247
1189
  @extend %icon;
1248
1190
  @include vf-icon-revisions($colors--light-theme--icon);
1249
1191
 
1250
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1251
1192
  [class*='--dark'] &,
1252
1193
  body.is-dark &,
1253
1194
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1262,7 +1203,6 @@
1262
1203
  @extend %icon;
1263
1204
  @include vf-icon-security($colors--light-theme--icon);
1264
1205
 
1265
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1266
1206
  [class*='--dark'] &,
1267
1207
  body.is-dark &,
1268
1208
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1277,7 +1217,6 @@
1277
1217
  @extend %icon;
1278
1218
  @include vf-icon-settings($colors--light-theme--icon);
1279
1219
 
1280
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1281
1220
  [class*='--dark'] &,
1282
1221
  body.is-dark &,
1283
1222
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1292,7 +1231,6 @@
1292
1231
  @extend %icon;
1293
1232
  @include vf-icon-sort-both($colors--light-theme--icon);
1294
1233
 
1295
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1296
1234
  [class*='--dark'] &,
1297
1235
  body.is-dark &,
1298
1236
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1307,7 +1245,6 @@
1307
1245
  @extend %icon;
1308
1246
  @include vf-icon-sort-down($colors--light-theme--icon);
1309
1247
 
1310
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1311
1248
  [class*='--dark'] &,
1312
1249
  body.is-dark &,
1313
1250
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1322,7 +1259,6 @@
1322
1259
  @extend %icon;
1323
1260
  @include vf-icon-sort-up($colors--light-theme--icon);
1324
1261
 
1325
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1326
1262
  [class*='--dark'] &,
1327
1263
  body.is-dark &,
1328
1264
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1337,7 +1273,6 @@
1337
1273
  @extend %icon;
1338
1274
  @include vf-icon-starred($colors--light-theme--icon);
1339
1275
 
1340
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1341
1276
  [class*='--dark'] &,
1342
1277
  body.is-dark &,
1343
1278
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1352,7 +1287,6 @@
1352
1287
  @extend %icon;
1353
1288
  @include vf-icon-status-small($color-negative);
1354
1289
 
1355
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1356
1290
  [class*='--dark'] &,
1357
1291
  body.is-dark &,
1358
1292
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1367,7 +1301,6 @@
1367
1301
  @extend %icon;
1368
1302
  @include vf-icon-status-small($color-information);
1369
1303
 
1370
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1371
1304
  [class*='--dark'] &,
1372
1305
  body.is-dark &,
1373
1306
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1382,7 +1315,6 @@
1382
1315
  @extend %icon;
1383
1316
  @include vf-icon-status-in-progress($color-information, $color-light, $colors--dark-theme--icon);
1384
1317
 
1385
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1386
1318
  [class*='--dark'] &,
1387
1319
  body.is-dark &,
1388
1320
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1397,7 +1329,6 @@
1397
1329
  @extend %icon;
1398
1330
  @include vf-icon-status-small($colors--light-theme--icon);
1399
1331
 
1400
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1401
1332
  [class*='--dark'] &,
1402
1333
  body.is-dark &,
1403
1334
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1412,7 +1343,6 @@
1412
1343
  @extend %icon;
1413
1344
  @include vf-icon-status-queued($colors--dark-theme--icon);
1414
1345
 
1415
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1416
1346
  [class*='--dark'] &,
1417
1347
  body.is-dark &,
1418
1348
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1427,7 +1357,6 @@
1427
1357
  @extend %icon;
1428
1358
  @include vf-icon-status-small($color-positive);
1429
1359
 
1430
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1431
1360
  [class*='--dark'] &,
1432
1361
  body.is-dark &,
1433
1362
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1442,7 +1371,6 @@
1442
1371
  @extend %icon;
1443
1372
  @include vf-icon-status-small($color-caution);
1444
1373
 
1445
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1446
1374
  [class*='--dark'] &,
1447
1375
  body.is-dark &,
1448
1376
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1457,7 +1385,6 @@
1457
1385
  @extend %icon;
1458
1386
  @include vf-icon-status-waiting($color-caution, $color-mid-light, $color-light, $colors--dark-theme--icon);
1459
1387
 
1460
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1461
1388
  [class*='--dark'] &,
1462
1389
  body.is-dark &,
1463
1390
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1472,7 +1399,6 @@
1472
1399
  @extend %icon;
1473
1400
  @include vf-icon-status($colors--light-theme--icon);
1474
1401
 
1475
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1476
1402
  [class*='--dark'] &,
1477
1403
  body.is-dark &,
1478
1404
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1487,7 +1413,6 @@
1487
1413
  @extend %icon;
1488
1414
  @include vf-icon-submit-bug($colors--light-theme--icon);
1489
1415
 
1490
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1491
1416
  [class*='--dark'] &,
1492
1417
  body.is-dark &,
1493
1418
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1502,7 +1427,6 @@
1502
1427
  @extend %icon;
1503
1428
  @include vf-icon-switcher-dashboard($colors--light-theme--icon);
1504
1429
 
1505
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1506
1430
  [class*='--dark'] &,
1507
1431
  body.is-dark &,
1508
1432
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1517,7 +1441,6 @@
1517
1441
  @extend %icon;
1518
1442
  @include vf-icon-switcher-environments($colors--light-theme--icon);
1519
1443
 
1520
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1521
1444
  [class*='--dark'] &,
1522
1445
  body.is-dark &,
1523
1446
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1532,7 +1455,6 @@
1532
1455
  @extend %icon;
1533
1456
  @include vf-icon-switcher($colors--light-theme--icon);
1534
1457
 
1535
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1536
1458
  [class*='--dark'] &,
1537
1459
  body.is-dark &,
1538
1460
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1547,7 +1469,6 @@
1547
1469
  @extend %icon;
1548
1470
  @include vf-icon-tag($colors--light-theme--icon);
1549
1471
 
1550
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1551
1472
  [class*='--dark'] &,
1552
1473
  body.is-dark &,
1553
1474
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1562,7 +1483,6 @@
1562
1483
  @extend %icon;
1563
1484
  @include vf-icon-task-outstanding($colors--light-theme--icon);
1564
1485
 
1565
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1566
1486
  [class*='--dark'] &,
1567
1487
  body.is-dark &,
1568
1488
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1577,7 +1497,6 @@
1577
1497
  @extend %icon;
1578
1498
  @include vf-icon-timed-out-grey($colors--light-theme--icon);
1579
1499
 
1580
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1581
1500
  [class*='--dark'] &,
1582
1501
  body.is-dark &,
1583
1502
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1592,7 +1511,6 @@
1592
1511
  @extend %icon;
1593
1512
  @include vf-icon-timed-out($colors--light-theme--icon);
1594
1513
 
1595
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1596
1514
  [class*='--dark'] &,
1597
1515
  body.is-dark &,
1598
1516
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1607,7 +1525,6 @@
1607
1525
  @extend %icon;
1608
1526
  @include vf-icon-topic($colors--light-theme--icon);
1609
1527
 
1610
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1611
1528
  [class*='--dark'] &,
1612
1529
  body.is-dark &,
1613
1530
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1622,7 +1539,6 @@
1622
1539
  @extend %icon;
1623
1540
  @include vf-icon-unit-pending($colors--light-theme--icon);
1624
1541
 
1625
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1626
1542
  [class*='--dark'] &,
1627
1543
  body.is-dark &,
1628
1544
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1637,7 +1553,6 @@
1637
1553
  @extend %icon;
1638
1554
  @include vf-icon-unit-running($color-positive, $colors--dark-theme--icon);
1639
1555
 
1640
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1641
1556
  [class*='--dark'] &,
1642
1557
  body.is-dark &,
1643
1558
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1652,7 +1567,6 @@
1652
1567
  @extend %icon;
1653
1568
  @include vf-icon-unmount($colors--light-theme--icon);
1654
1569
 
1655
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1656
1570
  [class*='--dark'] &,
1657
1571
  body.is-dark &,
1658
1572
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1667,7 +1581,6 @@
1667
1581
  @extend %icon;
1668
1582
  @include vf-icon-unstarred($colors--light-theme--icon);
1669
1583
 
1670
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1671
1584
  [class*='--dark'] &,
1672
1585
  body.is-dark &,
1673
1586
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1682,7 +1595,6 @@
1682
1595
  @extend %icon;
1683
1596
  @include vf-icon-user-group($colors--light-theme--icon);
1684
1597
 
1685
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1686
1598
  [class*='--dark'] &,
1687
1599
  body.is-dark &,
1688
1600
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1697,7 +1609,6 @@
1697
1609
  @extend %icon;
1698
1610
  @include vf-icon-video-play($colors--light-theme--icon);
1699
1611
 
1700
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1701
1612
  [class*='--dark'] &,
1702
1613
  body.is-dark &,
1703
1614
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1712,7 +1623,6 @@
1712
1623
  @extend %icon;
1713
1624
  @include vf-icon-warning-grey($colors--light-theme--icon);
1714
1625
 
1715
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1716
1626
  [class*='--dark'] &,
1717
1627
  body.is-dark &,
1718
1628
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1727,7 +1637,6 @@
1727
1637
  @extend %icon;
1728
1638
  @include vf-icon-desktop($colors--light-theme--icon);
1729
1639
 
1730
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1731
1640
  [class*='--dark'] &,
1732
1641
  body.is-dark &,
1733
1642
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1742,7 +1651,6 @@
1742
1651
  @extend %icon;
1743
1652
  @include vf-icon-play($colors--light-theme--icon);
1744
1653
 
1745
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1746
1654
  [class*='--dark'] &,
1747
1655
  body.is-dark &,
1748
1656
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1757,7 +1665,6 @@
1757
1665
  @extend %icon;
1758
1666
  @include vf-icon-pause($colors--light-theme--icon);
1759
1667
 
1760
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1761
1668
  [class*='--dark'] &,
1762
1669
  body.is-dark &,
1763
1670
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1772,7 +1679,6 @@
1772
1679
  @extend %icon;
1773
1680
  @include vf-icon-stop($colors--light-theme--icon);
1774
1681
 
1775
- // stylelint-disable-next-line selector-max-type -- allow theme class on body for legacy theming support on icons
1776
1682
  [class*='--dark'] &,
1777
1683
  body.is-dark &,
1778
1684
  &.is-light, // DEPRECATED: use is-dark instead
@@ -1781,3 +1687,5 @@
1781
1687
  }
1782
1688
  }
1783
1689
  }
1690
+
1691
+ // stylelint-enable selector-max-type