@patternfly/patternfly 5.1.0 → 5.2.0-prerelease.2
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.
- package/assets/images/logo__pf--reverse-on-md.svg +1 -1
- package/assets/images/pf-c-brand__logo-on-lg-white.svg +32 -0
- package/assets/images/pf-c-brand__logo-on-md-white.svg +42 -0
- package/assets/images/pf-c-brand__logo-on-sm-white.svg +17 -0
- package/assets/images/pf-c-brand__logo-on-sm.svg +1 -1
- package/assets/images/pf-c-brand__logo-on-xl-white.svg +39 -0
- package/assets/images/pf_logo_white.hbs +35 -0
- package/assets/images/pf_logo_white.svg +38 -0
- package/components/Check/check.css +10 -8
- package/components/Check/check.scss +15 -10
- package/components/Dropdown/dropdown.css +1 -3
- package/components/Dropdown/dropdown.scss +2 -6
- package/components/Menu/menu.css +3 -0
- package/components/Menu/menu.scss +7 -3
- package/components/MenuToggle/menu-toggle.css +1 -2
- package/components/MenuToggle/menu-toggle.scss +5 -9
- package/components/Radio/radio.css +13 -10
- package/components/Radio/radio.scss +17 -11
- package/components/Table/table.css +6 -2
- package/components/Table/table.scss +8 -2
- package/components/Toolbar/toolbar.css +9 -1
- package/components/Toolbar/toolbar.scss +16 -3
- package/docs/components/Brand/examples/Brand.css +12 -0
- package/docs/components/Brand/examples/Brand.md +75 -32
- package/docs/components/Card/examples/Card.md +123 -15
- package/docs/components/Check/examples/Check.md +71 -59
- package/docs/components/LogViewer/examples/LogViewer.md +120 -30
- package/docs/components/MenuToggle/examples/MenuToggle.md +60 -39
- package/docs/components/Radio/examples/Radio.md +63 -55
- package/docs/components/Select/deprecated/Select.md +184 -177
- package/docs/components/Toolbar/examples/Toolbar.md +460 -380
- package/docs/demos/CardView/examples/CardView.md +24 -20
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +144 -120
- package/docs/demos/Table/examples/Table.md +288 -240
- package/docs/demos/Tabs/examples/Tabs.md +24 -20
- package/docs/demos/Toolbar/examples/Toolbar.css +5 -0
- package/docs/demos/Toolbar/examples/Toolbar.md +44 -44
- package/package.json +5 -5
- package/patternfly-no-globals.css +43 -26
- package/patternfly-theme-dark-unversioned.css +43 -26
- package/patternfly.css +43 -26
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -588,73 +588,77 @@ In some instances, it may be necessary to adjust spacing explicitly where items
|
|
|
588
588
|
>
|
|
589
589
|
<label
|
|
590
590
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
591
|
-
|
|
591
|
+
id="toolbar-toggle-group-example-select-checkbox-status-active"
|
|
592
|
+
for="toolbar-toggle-group-example-select-checkbox-status-active-input"
|
|
592
593
|
>
|
|
593
594
|
<input
|
|
594
595
|
class="pf-v5-c-check__input"
|
|
595
596
|
type="checkbox"
|
|
596
|
-
|
|
597
|
-
|
|
597
|
+
aria-describedby="toolbar-toggle-group-example-select-checkbox-status-active-description"
|
|
598
|
+
id="toolbar-toggle-group-example-select-checkbox-status-active-input"
|
|
599
|
+
name="toolbar-toggle-group-example-select-checkbox-status-active-input"
|
|
598
600
|
/>
|
|
599
|
-
|
|
600
601
|
<span class="pf-v5-c-check__label">Active</span>
|
|
601
602
|
<span
|
|
602
603
|
class="pf-v5-c-check__description"
|
|
604
|
+
id="toolbar-toggle-group-example-select-checkbox-status-active-description"
|
|
603
605
|
>This is a description</span>
|
|
604
606
|
</label>
|
|
605
607
|
<label
|
|
606
608
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
607
|
-
|
|
609
|
+
id="toolbar-toggle-group-example-select-checkbox-status-canceled"
|
|
610
|
+
for="toolbar-toggle-group-example-select-checkbox-status-canceled-input"
|
|
608
611
|
>
|
|
609
612
|
<input
|
|
610
613
|
class="pf-v5-c-check__input"
|
|
611
614
|
type="checkbox"
|
|
612
|
-
|
|
613
|
-
|
|
615
|
+
aria-describedby="toolbar-toggle-group-example-select-checkbox-status-canceled-description"
|
|
616
|
+
id="toolbar-toggle-group-example-select-checkbox-status-canceled-input"
|
|
617
|
+
name="toolbar-toggle-group-example-select-checkbox-status-canceled-input"
|
|
614
618
|
/>
|
|
615
|
-
|
|
616
619
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
617
620
|
<span
|
|
618
621
|
class="pf-v5-c-check__description"
|
|
622
|
+
id="toolbar-toggle-group-example-select-checkbox-status-canceled-description"
|
|
619
623
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
620
624
|
</label>
|
|
621
625
|
<label
|
|
622
626
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
623
|
-
|
|
627
|
+
id="toolbar-toggle-group-example-select-checkbox-status-paused"
|
|
628
|
+
for="toolbar-toggle-group-example-select-checkbox-status-paused-input"
|
|
624
629
|
>
|
|
625
630
|
<input
|
|
626
631
|
class="pf-v5-c-check__input"
|
|
627
632
|
type="checkbox"
|
|
628
|
-
id="toolbar-toggle-group-example-select-checkbox-status-paused"
|
|
629
|
-
name="toolbar-toggle-group-example-select-checkbox-status-paused"
|
|
633
|
+
id="toolbar-toggle-group-example-select-checkbox-status-paused-input"
|
|
634
|
+
name="toolbar-toggle-group-example-select-checkbox-status-paused-input"
|
|
630
635
|
/>
|
|
631
|
-
|
|
632
636
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
633
637
|
</label>
|
|
634
638
|
<label
|
|
635
639
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
636
|
-
|
|
640
|
+
id="toolbar-toggle-group-example-select-checkbox-status-warning"
|
|
641
|
+
for="toolbar-toggle-group-example-select-checkbox-status-warning-input"
|
|
637
642
|
>
|
|
638
643
|
<input
|
|
639
644
|
class="pf-v5-c-check__input"
|
|
640
645
|
type="checkbox"
|
|
641
|
-
id="toolbar-toggle-group-example-select-checkbox-status-warning"
|
|
642
|
-
name="toolbar-toggle-group-example-select-checkbox-status-warning"
|
|
646
|
+
id="toolbar-toggle-group-example-select-checkbox-status-warning-input"
|
|
647
|
+
name="toolbar-toggle-group-example-select-checkbox-status-warning-input"
|
|
643
648
|
/>
|
|
644
|
-
|
|
645
649
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
646
650
|
</label>
|
|
647
651
|
<label
|
|
648
652
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
649
|
-
|
|
653
|
+
id="toolbar-toggle-group-example-select-checkbox-status-restarted"
|
|
654
|
+
for="toolbar-toggle-group-example-select-checkbox-status-restarted-input"
|
|
650
655
|
>
|
|
651
656
|
<input
|
|
652
657
|
class="pf-v5-c-check__input"
|
|
653
658
|
type="checkbox"
|
|
654
|
-
id="toolbar-toggle-group-example-select-checkbox-status-restarted"
|
|
655
|
-
name="toolbar-toggle-group-example-select-checkbox-status-restarted"
|
|
659
|
+
id="toolbar-toggle-group-example-select-checkbox-status-restarted-input"
|
|
660
|
+
name="toolbar-toggle-group-example-select-checkbox-status-restarted-input"
|
|
656
661
|
/>
|
|
657
|
-
|
|
658
662
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
659
663
|
</label>
|
|
660
664
|
</fieldset>
|
|
@@ -691,73 +695,77 @@ In some instances, it may be necessary to adjust spacing explicitly where items
|
|
|
691
695
|
>
|
|
692
696
|
<label
|
|
693
697
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
694
|
-
|
|
698
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-active"
|
|
699
|
+
for="toolbar-toggle-group-example-select-checkbox-risk-active-input"
|
|
695
700
|
>
|
|
696
701
|
<input
|
|
697
702
|
class="pf-v5-c-check__input"
|
|
698
703
|
type="checkbox"
|
|
699
|
-
|
|
700
|
-
|
|
704
|
+
aria-describedby="toolbar-toggle-group-example-select-checkbox-risk-active-description"
|
|
705
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-active-input"
|
|
706
|
+
name="toolbar-toggle-group-example-select-checkbox-risk-active-input"
|
|
701
707
|
/>
|
|
702
|
-
|
|
703
708
|
<span class="pf-v5-c-check__label">Active</span>
|
|
704
709
|
<span
|
|
705
710
|
class="pf-v5-c-check__description"
|
|
711
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-active-description"
|
|
706
712
|
>This is a description</span>
|
|
707
713
|
</label>
|
|
708
714
|
<label
|
|
709
715
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
710
|
-
|
|
716
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-canceled"
|
|
717
|
+
for="toolbar-toggle-group-example-select-checkbox-risk-canceled-input"
|
|
711
718
|
>
|
|
712
719
|
<input
|
|
713
720
|
class="pf-v5-c-check__input"
|
|
714
721
|
type="checkbox"
|
|
715
|
-
|
|
716
|
-
|
|
722
|
+
aria-describedby="toolbar-toggle-group-example-select-checkbox-risk-canceled-description"
|
|
723
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-canceled-input"
|
|
724
|
+
name="toolbar-toggle-group-example-select-checkbox-risk-canceled-input"
|
|
717
725
|
/>
|
|
718
|
-
|
|
719
726
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
720
727
|
<span
|
|
721
728
|
class="pf-v5-c-check__description"
|
|
729
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-canceled-description"
|
|
722
730
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
723
731
|
</label>
|
|
724
732
|
<label
|
|
725
733
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
726
|
-
|
|
734
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-paused"
|
|
735
|
+
for="toolbar-toggle-group-example-select-checkbox-risk-paused-input"
|
|
727
736
|
>
|
|
728
737
|
<input
|
|
729
738
|
class="pf-v5-c-check__input"
|
|
730
739
|
type="checkbox"
|
|
731
|
-
id="toolbar-toggle-group-example-select-checkbox-risk-paused"
|
|
732
|
-
name="toolbar-toggle-group-example-select-checkbox-risk-paused"
|
|
740
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-paused-input"
|
|
741
|
+
name="toolbar-toggle-group-example-select-checkbox-risk-paused-input"
|
|
733
742
|
/>
|
|
734
|
-
|
|
735
743
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
736
744
|
</label>
|
|
737
745
|
<label
|
|
738
746
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
739
|
-
|
|
747
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-warning"
|
|
748
|
+
for="toolbar-toggle-group-example-select-checkbox-risk-warning-input"
|
|
740
749
|
>
|
|
741
750
|
<input
|
|
742
751
|
class="pf-v5-c-check__input"
|
|
743
752
|
type="checkbox"
|
|
744
|
-
id="toolbar-toggle-group-example-select-checkbox-risk-warning"
|
|
745
|
-
name="toolbar-toggle-group-example-select-checkbox-risk-warning"
|
|
753
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-warning-input"
|
|
754
|
+
name="toolbar-toggle-group-example-select-checkbox-risk-warning-input"
|
|
746
755
|
/>
|
|
747
|
-
|
|
748
756
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
749
757
|
</label>
|
|
750
758
|
<label
|
|
751
759
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
752
|
-
|
|
760
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-restarted"
|
|
761
|
+
for="toolbar-toggle-group-example-select-checkbox-risk-restarted-input"
|
|
753
762
|
>
|
|
754
763
|
<input
|
|
755
764
|
class="pf-v5-c-check__input"
|
|
756
765
|
type="checkbox"
|
|
757
|
-
id="toolbar-toggle-group-example-select-checkbox-risk-restarted"
|
|
758
|
-
name="toolbar-toggle-group-example-select-checkbox-risk-restarted"
|
|
766
|
+
id="toolbar-toggle-group-example-select-checkbox-risk-restarted-input"
|
|
767
|
+
name="toolbar-toggle-group-example-select-checkbox-risk-restarted-input"
|
|
759
768
|
/>
|
|
760
|
-
|
|
761
769
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
762
770
|
</label>
|
|
763
771
|
</fieldset>
|
|
@@ -926,71 +934,77 @@ In some instances, it may be necessary to adjust spacing explicitly where items
|
|
|
926
934
|
>
|
|
927
935
|
<label
|
|
928
936
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
929
|
-
|
|
937
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-active"
|
|
938
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-active-input"
|
|
930
939
|
>
|
|
931
940
|
<input
|
|
932
941
|
class="pf-v5-c-check__input"
|
|
933
942
|
type="checkbox"
|
|
934
|
-
|
|
935
|
-
|
|
943
|
+
aria-describedby="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-active-description"
|
|
944
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-active-input"
|
|
945
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-active-input"
|
|
936
946
|
/>
|
|
937
|
-
|
|
938
947
|
<span class="pf-v5-c-check__label">Active</span>
|
|
939
|
-
<span
|
|
948
|
+
<span
|
|
949
|
+
class="pf-v5-c-check__description"
|
|
950
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-active-description"
|
|
951
|
+
>This is a description</span>
|
|
940
952
|
</label>
|
|
941
953
|
<label
|
|
942
954
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
943
|
-
|
|
955
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled"
|
|
956
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-input"
|
|
944
957
|
>
|
|
945
958
|
<input
|
|
946
959
|
class="pf-v5-c-check__input"
|
|
947
960
|
type="checkbox"
|
|
948
|
-
|
|
949
|
-
|
|
961
|
+
aria-describedby="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-description"
|
|
962
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-input"
|
|
963
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-input"
|
|
950
964
|
/>
|
|
951
|
-
|
|
952
965
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
953
966
|
<span
|
|
954
967
|
class="pf-v5-c-check__description"
|
|
968
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-description"
|
|
955
969
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
956
970
|
</label>
|
|
957
971
|
<label
|
|
958
972
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
959
|
-
|
|
973
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-paused"
|
|
974
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-paused-input"
|
|
960
975
|
>
|
|
961
976
|
<input
|
|
962
977
|
class="pf-v5-c-check__input"
|
|
963
978
|
type="checkbox"
|
|
964
|
-
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-paused"
|
|
965
|
-
name="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-paused"
|
|
979
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-paused-input"
|
|
980
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-paused-input"
|
|
966
981
|
/>
|
|
967
|
-
|
|
968
982
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
969
983
|
</label>
|
|
970
984
|
<label
|
|
971
985
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
972
|
-
|
|
986
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-warning"
|
|
987
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-warning-input"
|
|
973
988
|
>
|
|
974
989
|
<input
|
|
975
990
|
class="pf-v5-c-check__input"
|
|
976
991
|
type="checkbox"
|
|
977
|
-
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-warning"
|
|
978
|
-
name="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-warning"
|
|
992
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-warning-input"
|
|
993
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-warning-input"
|
|
979
994
|
/>
|
|
980
|
-
|
|
981
995
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
982
996
|
</label>
|
|
983
997
|
<label
|
|
984
998
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
985
|
-
|
|
999
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted"
|
|
1000
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted-input"
|
|
986
1001
|
>
|
|
987
1002
|
<input
|
|
988
1003
|
class="pf-v5-c-check__input"
|
|
989
1004
|
type="checkbox"
|
|
990
|
-
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted"
|
|
991
|
-
name="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted"
|
|
1005
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted-input"
|
|
1006
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted-input"
|
|
992
1007
|
/>
|
|
993
|
-
|
|
994
1008
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
995
1009
|
</label>
|
|
996
1010
|
</fieldset>
|
|
@@ -1027,71 +1041,77 @@ In some instances, it may be necessary to adjust spacing explicitly where items
|
|
|
1027
1041
|
>
|
|
1028
1042
|
<label
|
|
1029
1043
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
1030
|
-
|
|
1044
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-active"
|
|
1045
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-input"
|
|
1031
1046
|
>
|
|
1032
1047
|
<input
|
|
1033
1048
|
class="pf-v5-c-check__input"
|
|
1034
1049
|
type="checkbox"
|
|
1035
|
-
|
|
1036
|
-
|
|
1050
|
+
aria-describedby="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-description"
|
|
1051
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-input"
|
|
1052
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-input"
|
|
1037
1053
|
/>
|
|
1038
|
-
|
|
1039
1054
|
<span class="pf-v5-c-check__label">Active</span>
|
|
1040
|
-
<span
|
|
1055
|
+
<span
|
|
1056
|
+
class="pf-v5-c-check__description"
|
|
1057
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-description"
|
|
1058
|
+
>This is a description</span>
|
|
1041
1059
|
</label>
|
|
1042
1060
|
<label
|
|
1043
1061
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
1044
|
-
|
|
1062
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled"
|
|
1063
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-input"
|
|
1045
1064
|
>
|
|
1046
1065
|
<input
|
|
1047
1066
|
class="pf-v5-c-check__input"
|
|
1048
1067
|
type="checkbox"
|
|
1049
|
-
|
|
1050
|
-
|
|
1068
|
+
aria-describedby="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-description"
|
|
1069
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-input"
|
|
1070
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-input"
|
|
1051
1071
|
/>
|
|
1052
|
-
|
|
1053
1072
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
1054
1073
|
<span
|
|
1055
1074
|
class="pf-v5-c-check__description"
|
|
1075
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-description"
|
|
1056
1076
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
1057
1077
|
</label>
|
|
1058
1078
|
<label
|
|
1059
1079
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
1060
|
-
|
|
1080
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused"
|
|
1081
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused-input"
|
|
1061
1082
|
>
|
|
1062
1083
|
<input
|
|
1063
1084
|
class="pf-v5-c-check__input"
|
|
1064
1085
|
type="checkbox"
|
|
1065
|
-
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused"
|
|
1066
|
-
name="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused"
|
|
1086
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused-input"
|
|
1087
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused-input"
|
|
1067
1088
|
/>
|
|
1068
|
-
|
|
1069
1089
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
1070
1090
|
</label>
|
|
1071
1091
|
<label
|
|
1072
1092
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
1073
|
-
|
|
1093
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning"
|
|
1094
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning-input"
|
|
1074
1095
|
>
|
|
1075
1096
|
<input
|
|
1076
1097
|
class="pf-v5-c-check__input"
|
|
1077
1098
|
type="checkbox"
|
|
1078
|
-
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning"
|
|
1079
|
-
name="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning"
|
|
1099
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning-input"
|
|
1100
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning-input"
|
|
1080
1101
|
/>
|
|
1081
|
-
|
|
1082
1102
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
1083
1103
|
</label>
|
|
1084
1104
|
<label
|
|
1085
1105
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
1086
|
-
|
|
1106
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted"
|
|
1107
|
+
for="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted-input"
|
|
1087
1108
|
>
|
|
1088
1109
|
<input
|
|
1089
1110
|
class="pf-v5-c-check__input"
|
|
1090
1111
|
type="checkbox"
|
|
1091
|
-
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted"
|
|
1092
|
-
name="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted"
|
|
1112
|
+
id="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted-input"
|
|
1113
|
+
name="toolbar-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted-input"
|
|
1093
1114
|
/>
|
|
1094
|
-
|
|
1095
1115
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
1096
1116
|
</label>
|
|
1097
1117
|
</fieldset>
|
|
@@ -1333,73 +1353,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1333
1353
|
>
|
|
1334
1354
|
<label
|
|
1335
1355
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
1336
|
-
|
|
1356
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-active"
|
|
1357
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-active-input"
|
|
1337
1358
|
>
|
|
1338
1359
|
<input
|
|
1339
1360
|
class="pf-v5-c-check__input"
|
|
1340
1361
|
type="checkbox"
|
|
1341
|
-
|
|
1342
|
-
|
|
1362
|
+
aria-describedby="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-active-description"
|
|
1363
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-active-input"
|
|
1364
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-active-input"
|
|
1343
1365
|
/>
|
|
1344
|
-
|
|
1345
1366
|
<span class="pf-v5-c-check__label">Active</span>
|
|
1346
1367
|
<span
|
|
1347
1368
|
class="pf-v5-c-check__description"
|
|
1369
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-active-description"
|
|
1348
1370
|
>This is a description</span>
|
|
1349
1371
|
</label>
|
|
1350
1372
|
<label
|
|
1351
1373
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
1352
|
-
|
|
1374
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled"
|
|
1375
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-input"
|
|
1353
1376
|
>
|
|
1354
1377
|
<input
|
|
1355
1378
|
class="pf-v5-c-check__input"
|
|
1356
1379
|
type="checkbox"
|
|
1357
|
-
|
|
1358
|
-
|
|
1380
|
+
aria-describedby="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-description"
|
|
1381
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-input"
|
|
1382
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-input"
|
|
1359
1383
|
/>
|
|
1360
|
-
|
|
1361
1384
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
1362
1385
|
<span
|
|
1363
1386
|
class="pf-v5-c-check__description"
|
|
1387
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-canceled-description"
|
|
1364
1388
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
1365
1389
|
</label>
|
|
1366
1390
|
<label
|
|
1367
1391
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
1368
|
-
|
|
1392
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-paused"
|
|
1393
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-paused-input"
|
|
1369
1394
|
>
|
|
1370
1395
|
<input
|
|
1371
1396
|
class="pf-v5-c-check__input"
|
|
1372
1397
|
type="checkbox"
|
|
1373
|
-
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-paused"
|
|
1374
|
-
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-paused"
|
|
1398
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-paused-input"
|
|
1399
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-paused-input"
|
|
1375
1400
|
/>
|
|
1376
|
-
|
|
1377
1401
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
1378
1402
|
</label>
|
|
1379
1403
|
<label
|
|
1380
1404
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
1381
|
-
|
|
1405
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-warning"
|
|
1406
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-warning-input"
|
|
1382
1407
|
>
|
|
1383
1408
|
<input
|
|
1384
1409
|
class="pf-v5-c-check__input"
|
|
1385
1410
|
type="checkbox"
|
|
1386
|
-
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-warning"
|
|
1387
|
-
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-warning"
|
|
1411
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-warning-input"
|
|
1412
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-warning-input"
|
|
1388
1413
|
/>
|
|
1389
|
-
|
|
1390
1414
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
1391
1415
|
</label>
|
|
1392
1416
|
<label
|
|
1393
1417
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
1394
|
-
|
|
1418
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted"
|
|
1419
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted-input"
|
|
1395
1420
|
>
|
|
1396
1421
|
<input
|
|
1397
1422
|
class="pf-v5-c-check__input"
|
|
1398
1423
|
type="checkbox"
|
|
1399
|
-
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted"
|
|
1400
|
-
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted"
|
|
1424
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted-input"
|
|
1425
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-status-expanded-restarted-input"
|
|
1401
1426
|
/>
|
|
1402
|
-
|
|
1403
1427
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
1404
1428
|
</label>
|
|
1405
1429
|
</fieldset>
|
|
@@ -1436,73 +1460,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1436
1460
|
>
|
|
1437
1461
|
<label
|
|
1438
1462
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
1439
|
-
|
|
1463
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-active"
|
|
1464
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-input"
|
|
1440
1465
|
>
|
|
1441
1466
|
<input
|
|
1442
1467
|
class="pf-v5-c-check__input"
|
|
1443
1468
|
type="checkbox"
|
|
1444
|
-
|
|
1445
|
-
|
|
1469
|
+
aria-describedby="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-description"
|
|
1470
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-input"
|
|
1471
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-input"
|
|
1446
1472
|
/>
|
|
1447
|
-
|
|
1448
1473
|
<span class="pf-v5-c-check__label">Active</span>
|
|
1449
1474
|
<span
|
|
1450
1475
|
class="pf-v5-c-check__description"
|
|
1476
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-active-description"
|
|
1451
1477
|
>This is a description</span>
|
|
1452
1478
|
</label>
|
|
1453
1479
|
<label
|
|
1454
1480
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
1455
|
-
|
|
1481
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled"
|
|
1482
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-input"
|
|
1456
1483
|
>
|
|
1457
1484
|
<input
|
|
1458
1485
|
class="pf-v5-c-check__input"
|
|
1459
1486
|
type="checkbox"
|
|
1460
|
-
|
|
1461
|
-
|
|
1487
|
+
aria-describedby="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-description"
|
|
1488
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-input"
|
|
1489
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-input"
|
|
1462
1490
|
/>
|
|
1463
|
-
|
|
1464
1491
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
1465
1492
|
<span
|
|
1466
1493
|
class="pf-v5-c-check__description"
|
|
1494
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-canceled-description"
|
|
1467
1495
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
1468
1496
|
</label>
|
|
1469
1497
|
<label
|
|
1470
1498
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
1471
|
-
|
|
1499
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused"
|
|
1500
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused-input"
|
|
1472
1501
|
>
|
|
1473
1502
|
<input
|
|
1474
1503
|
class="pf-v5-c-check__input"
|
|
1475
1504
|
type="checkbox"
|
|
1476
|
-
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused"
|
|
1477
|
-
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused"
|
|
1505
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused-input"
|
|
1506
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-paused-input"
|
|
1478
1507
|
/>
|
|
1479
|
-
|
|
1480
1508
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
1481
1509
|
</label>
|
|
1482
1510
|
<label
|
|
1483
1511
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
1484
|
-
|
|
1512
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning"
|
|
1513
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning-input"
|
|
1485
1514
|
>
|
|
1486
1515
|
<input
|
|
1487
1516
|
class="pf-v5-c-check__input"
|
|
1488
1517
|
type="checkbox"
|
|
1489
|
-
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning"
|
|
1490
|
-
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning"
|
|
1518
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning-input"
|
|
1519
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-warning-input"
|
|
1491
1520
|
/>
|
|
1492
|
-
|
|
1493
1521
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
1494
1522
|
</label>
|
|
1495
1523
|
<label
|
|
1496
1524
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
1497
|
-
|
|
1525
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted"
|
|
1526
|
+
for="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted-input"
|
|
1498
1527
|
>
|
|
1499
1528
|
<input
|
|
1500
1529
|
class="pf-v5-c-check__input"
|
|
1501
1530
|
type="checkbox"
|
|
1502
|
-
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted"
|
|
1503
|
-
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted"
|
|
1531
|
+
id="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted-input"
|
|
1532
|
+
name="toolbar-selected-filters-toggle-group-collapsed-example-select-checkbox-risk-expanded-restarted-input"
|
|
1504
1533
|
/>
|
|
1505
|
-
|
|
1506
1534
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
1507
1535
|
</label>
|
|
1508
1536
|
</fieldset>
|
|
@@ -1986,71 +2014,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1986
2014
|
>
|
|
1987
2015
|
<label
|
|
1988
2016
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
1989
|
-
|
|
2017
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-active"
|
|
2018
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-active-input"
|
|
1990
2019
|
>
|
|
1991
2020
|
<input
|
|
1992
2021
|
class="pf-v5-c-check__input"
|
|
1993
2022
|
type="checkbox"
|
|
1994
|
-
|
|
1995
|
-
|
|
2023
|
+
aria-describedby="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-active-description"
|
|
2024
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-active-input"
|
|
2025
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-active-input"
|
|
1996
2026
|
/>
|
|
1997
|
-
|
|
1998
2027
|
<span class="pf-v5-c-check__label">Active</span>
|
|
1999
|
-
<span
|
|
2028
|
+
<span
|
|
2029
|
+
class="pf-v5-c-check__description"
|
|
2030
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-active-description"
|
|
2031
|
+
>This is a description</span>
|
|
2000
2032
|
</label>
|
|
2001
2033
|
<label
|
|
2002
2034
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
2003
|
-
|
|
2035
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-canceled"
|
|
2036
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-canceled-input"
|
|
2004
2037
|
>
|
|
2005
2038
|
<input
|
|
2006
2039
|
class="pf-v5-c-check__input"
|
|
2007
2040
|
type="checkbox"
|
|
2008
|
-
|
|
2009
|
-
|
|
2041
|
+
aria-describedby="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-canceled-description"
|
|
2042
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-canceled-input"
|
|
2043
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-canceled-input"
|
|
2010
2044
|
/>
|
|
2011
|
-
|
|
2012
2045
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
2013
2046
|
<span
|
|
2014
2047
|
class="pf-v5-c-check__description"
|
|
2048
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-canceled-description"
|
|
2015
2049
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
2016
2050
|
</label>
|
|
2017
2051
|
<label
|
|
2018
2052
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2019
|
-
|
|
2053
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-paused"
|
|
2054
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-paused-input"
|
|
2020
2055
|
>
|
|
2021
2056
|
<input
|
|
2022
2057
|
class="pf-v5-c-check__input"
|
|
2023
2058
|
type="checkbox"
|
|
2024
|
-
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-paused"
|
|
2025
|
-
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-paused"
|
|
2059
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-paused-input"
|
|
2060
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-paused-input"
|
|
2026
2061
|
/>
|
|
2027
|
-
|
|
2028
2062
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
2029
2063
|
</label>
|
|
2030
2064
|
<label
|
|
2031
2065
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2032
|
-
|
|
2066
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-warning"
|
|
2067
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-warning-input"
|
|
2033
2068
|
>
|
|
2034
2069
|
<input
|
|
2035
2070
|
class="pf-v5-c-check__input"
|
|
2036
2071
|
type="checkbox"
|
|
2037
|
-
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-warning"
|
|
2038
|
-
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-warning"
|
|
2072
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-warning-input"
|
|
2073
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-warning-input"
|
|
2039
2074
|
/>
|
|
2040
|
-
|
|
2041
2075
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
2042
2076
|
</label>
|
|
2043
2077
|
<label
|
|
2044
2078
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2045
|
-
|
|
2079
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-restarted"
|
|
2080
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-restarted-input"
|
|
2046
2081
|
>
|
|
2047
2082
|
<input
|
|
2048
2083
|
class="pf-v5-c-check__input"
|
|
2049
2084
|
type="checkbox"
|
|
2050
|
-
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-restarted"
|
|
2051
|
-
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-restarted"
|
|
2085
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-restarted-input"
|
|
2086
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-status-expanded-restarted-input"
|
|
2052
2087
|
/>
|
|
2053
|
-
|
|
2054
2088
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
2055
2089
|
</label>
|
|
2056
2090
|
</fieldset>
|
|
@@ -2087,71 +2121,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2087
2121
|
>
|
|
2088
2122
|
<label
|
|
2089
2123
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
2090
|
-
|
|
2124
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-active"
|
|
2125
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-active-input"
|
|
2091
2126
|
>
|
|
2092
2127
|
<input
|
|
2093
2128
|
class="pf-v5-c-check__input"
|
|
2094
2129
|
type="checkbox"
|
|
2095
|
-
|
|
2096
|
-
|
|
2130
|
+
aria-describedby="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-active-description"
|
|
2131
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-active-input"
|
|
2132
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-active-input"
|
|
2097
2133
|
/>
|
|
2098
|
-
|
|
2099
2134
|
<span class="pf-v5-c-check__label">Active</span>
|
|
2100
|
-
<span
|
|
2135
|
+
<span
|
|
2136
|
+
class="pf-v5-c-check__description"
|
|
2137
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-active-description"
|
|
2138
|
+
>This is a description</span>
|
|
2101
2139
|
</label>
|
|
2102
2140
|
<label
|
|
2103
2141
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
2104
|
-
|
|
2142
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-canceled"
|
|
2143
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-canceled-input"
|
|
2105
2144
|
>
|
|
2106
2145
|
<input
|
|
2107
2146
|
class="pf-v5-c-check__input"
|
|
2108
2147
|
type="checkbox"
|
|
2109
|
-
|
|
2110
|
-
|
|
2148
|
+
aria-describedby="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-canceled-description"
|
|
2149
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-canceled-input"
|
|
2150
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-canceled-input"
|
|
2111
2151
|
/>
|
|
2112
|
-
|
|
2113
2152
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
2114
2153
|
<span
|
|
2115
2154
|
class="pf-v5-c-check__description"
|
|
2155
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-canceled-description"
|
|
2116
2156
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
2117
2157
|
</label>
|
|
2118
2158
|
<label
|
|
2119
2159
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2120
|
-
|
|
2160
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-paused"
|
|
2161
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-paused-input"
|
|
2121
2162
|
>
|
|
2122
2163
|
<input
|
|
2123
2164
|
class="pf-v5-c-check__input"
|
|
2124
2165
|
type="checkbox"
|
|
2125
|
-
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-paused"
|
|
2126
|
-
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-paused"
|
|
2166
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-paused-input"
|
|
2167
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-paused-input"
|
|
2127
2168
|
/>
|
|
2128
|
-
|
|
2129
2169
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
2130
2170
|
</label>
|
|
2131
2171
|
<label
|
|
2132
2172
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2133
|
-
|
|
2173
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-warning"
|
|
2174
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-warning-input"
|
|
2134
2175
|
>
|
|
2135
2176
|
<input
|
|
2136
2177
|
class="pf-v5-c-check__input"
|
|
2137
2178
|
type="checkbox"
|
|
2138
|
-
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-warning"
|
|
2139
|
-
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-warning"
|
|
2179
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-warning-input"
|
|
2180
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-warning-input"
|
|
2140
2181
|
/>
|
|
2141
|
-
|
|
2142
2182
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
2143
2183
|
</label>
|
|
2144
2184
|
<label
|
|
2145
2185
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2146
|
-
|
|
2186
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-restarted"
|
|
2187
|
+
for="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-restarted-input"
|
|
2147
2188
|
>
|
|
2148
2189
|
<input
|
|
2149
2190
|
class="pf-v5-c-check__input"
|
|
2150
2191
|
type="checkbox"
|
|
2151
|
-
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-restarted"
|
|
2152
|
-
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-restarted"
|
|
2192
|
+
id="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-restarted-input"
|
|
2193
|
+
name="toolbar-selected-filters-toggle-group-expanded-example-select-checkbox-risk-expanded-restarted-input"
|
|
2153
2194
|
/>
|
|
2154
|
-
|
|
2155
2195
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
2156
2196
|
</label>
|
|
2157
2197
|
</fieldset>
|
|
@@ -2434,73 +2474,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2434
2474
|
>
|
|
2435
2475
|
<label
|
|
2436
2476
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
2437
|
-
|
|
2477
|
+
id="toolbar-selected-filters-example-select-checkbox-status-active"
|
|
2478
|
+
for="toolbar-selected-filters-example-select-checkbox-status-active-input"
|
|
2438
2479
|
>
|
|
2439
2480
|
<input
|
|
2440
2481
|
class="pf-v5-c-check__input"
|
|
2441
2482
|
type="checkbox"
|
|
2442
|
-
|
|
2443
|
-
|
|
2483
|
+
aria-describedby="toolbar-selected-filters-example-select-checkbox-status-active-description"
|
|
2484
|
+
id="toolbar-selected-filters-example-select-checkbox-status-active-input"
|
|
2485
|
+
name="toolbar-selected-filters-example-select-checkbox-status-active-input"
|
|
2444
2486
|
/>
|
|
2445
|
-
|
|
2446
2487
|
<span class="pf-v5-c-check__label">Active</span>
|
|
2447
2488
|
<span
|
|
2448
2489
|
class="pf-v5-c-check__description"
|
|
2490
|
+
id="toolbar-selected-filters-example-select-checkbox-status-active-description"
|
|
2449
2491
|
>This is a description</span>
|
|
2450
2492
|
</label>
|
|
2451
2493
|
<label
|
|
2452
2494
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
2453
|
-
|
|
2495
|
+
id="toolbar-selected-filters-example-select-checkbox-status-canceled"
|
|
2496
|
+
for="toolbar-selected-filters-example-select-checkbox-status-canceled-input"
|
|
2454
2497
|
>
|
|
2455
2498
|
<input
|
|
2456
2499
|
class="pf-v5-c-check__input"
|
|
2457
2500
|
type="checkbox"
|
|
2458
|
-
|
|
2459
|
-
|
|
2501
|
+
aria-describedby="toolbar-selected-filters-example-select-checkbox-status-canceled-description"
|
|
2502
|
+
id="toolbar-selected-filters-example-select-checkbox-status-canceled-input"
|
|
2503
|
+
name="toolbar-selected-filters-example-select-checkbox-status-canceled-input"
|
|
2460
2504
|
/>
|
|
2461
|
-
|
|
2462
2505
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
2463
2506
|
<span
|
|
2464
2507
|
class="pf-v5-c-check__description"
|
|
2508
|
+
id="toolbar-selected-filters-example-select-checkbox-status-canceled-description"
|
|
2465
2509
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
2466
2510
|
</label>
|
|
2467
2511
|
<label
|
|
2468
2512
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2469
|
-
|
|
2513
|
+
id="toolbar-selected-filters-example-select-checkbox-status-paused"
|
|
2514
|
+
for="toolbar-selected-filters-example-select-checkbox-status-paused-input"
|
|
2470
2515
|
>
|
|
2471
2516
|
<input
|
|
2472
2517
|
class="pf-v5-c-check__input"
|
|
2473
2518
|
type="checkbox"
|
|
2474
|
-
id="toolbar-selected-filters-example-select-checkbox-status-paused"
|
|
2475
|
-
name="toolbar-selected-filters-example-select-checkbox-status-paused"
|
|
2519
|
+
id="toolbar-selected-filters-example-select-checkbox-status-paused-input"
|
|
2520
|
+
name="toolbar-selected-filters-example-select-checkbox-status-paused-input"
|
|
2476
2521
|
/>
|
|
2477
|
-
|
|
2478
2522
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
2479
2523
|
</label>
|
|
2480
2524
|
<label
|
|
2481
2525
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2482
|
-
|
|
2526
|
+
id="toolbar-selected-filters-example-select-checkbox-status-warning"
|
|
2527
|
+
for="toolbar-selected-filters-example-select-checkbox-status-warning-input"
|
|
2483
2528
|
>
|
|
2484
2529
|
<input
|
|
2485
2530
|
class="pf-v5-c-check__input"
|
|
2486
2531
|
type="checkbox"
|
|
2487
|
-
id="toolbar-selected-filters-example-select-checkbox-status-warning"
|
|
2488
|
-
name="toolbar-selected-filters-example-select-checkbox-status-warning"
|
|
2532
|
+
id="toolbar-selected-filters-example-select-checkbox-status-warning-input"
|
|
2533
|
+
name="toolbar-selected-filters-example-select-checkbox-status-warning-input"
|
|
2489
2534
|
/>
|
|
2490
|
-
|
|
2491
2535
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
2492
2536
|
</label>
|
|
2493
2537
|
<label
|
|
2494
2538
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2495
|
-
|
|
2539
|
+
id="toolbar-selected-filters-example-select-checkbox-status-restarted"
|
|
2540
|
+
for="toolbar-selected-filters-example-select-checkbox-status-restarted-input"
|
|
2496
2541
|
>
|
|
2497
2542
|
<input
|
|
2498
2543
|
class="pf-v5-c-check__input"
|
|
2499
2544
|
type="checkbox"
|
|
2500
|
-
id="toolbar-selected-filters-example-select-checkbox-status-restarted"
|
|
2501
|
-
name="toolbar-selected-filters-example-select-checkbox-status-restarted"
|
|
2545
|
+
id="toolbar-selected-filters-example-select-checkbox-status-restarted-input"
|
|
2546
|
+
name="toolbar-selected-filters-example-select-checkbox-status-restarted-input"
|
|
2502
2547
|
/>
|
|
2503
|
-
|
|
2504
2548
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
2505
2549
|
</label>
|
|
2506
2550
|
</fieldset>
|
|
@@ -2537,73 +2581,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2537
2581
|
>
|
|
2538
2582
|
<label
|
|
2539
2583
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
2540
|
-
|
|
2584
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-active"
|
|
2585
|
+
for="toolbar-selected-filters-example-select-checkbox-risk-active-input"
|
|
2541
2586
|
>
|
|
2542
2587
|
<input
|
|
2543
2588
|
class="pf-v5-c-check__input"
|
|
2544
2589
|
type="checkbox"
|
|
2545
|
-
|
|
2546
|
-
|
|
2590
|
+
aria-describedby="toolbar-selected-filters-example-select-checkbox-risk-active-description"
|
|
2591
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-active-input"
|
|
2592
|
+
name="toolbar-selected-filters-example-select-checkbox-risk-active-input"
|
|
2547
2593
|
/>
|
|
2548
|
-
|
|
2549
2594
|
<span class="pf-v5-c-check__label">Active</span>
|
|
2550
2595
|
<span
|
|
2551
2596
|
class="pf-v5-c-check__description"
|
|
2597
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-active-description"
|
|
2552
2598
|
>This is a description</span>
|
|
2553
2599
|
</label>
|
|
2554
2600
|
<label
|
|
2555
2601
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
2556
|
-
|
|
2602
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-canceled"
|
|
2603
|
+
for="toolbar-selected-filters-example-select-checkbox-risk-canceled-input"
|
|
2557
2604
|
>
|
|
2558
2605
|
<input
|
|
2559
2606
|
class="pf-v5-c-check__input"
|
|
2560
2607
|
type="checkbox"
|
|
2561
|
-
|
|
2562
|
-
|
|
2608
|
+
aria-describedby="toolbar-selected-filters-example-select-checkbox-risk-canceled-description"
|
|
2609
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-canceled-input"
|
|
2610
|
+
name="toolbar-selected-filters-example-select-checkbox-risk-canceled-input"
|
|
2563
2611
|
/>
|
|
2564
|
-
|
|
2565
2612
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
2566
2613
|
<span
|
|
2567
2614
|
class="pf-v5-c-check__description"
|
|
2615
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-canceled-description"
|
|
2568
2616
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
2569
2617
|
</label>
|
|
2570
2618
|
<label
|
|
2571
2619
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2572
|
-
|
|
2620
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-paused"
|
|
2621
|
+
for="toolbar-selected-filters-example-select-checkbox-risk-paused-input"
|
|
2573
2622
|
>
|
|
2574
2623
|
<input
|
|
2575
2624
|
class="pf-v5-c-check__input"
|
|
2576
2625
|
type="checkbox"
|
|
2577
|
-
id="toolbar-selected-filters-example-select-checkbox-risk-paused"
|
|
2578
|
-
name="toolbar-selected-filters-example-select-checkbox-risk-paused"
|
|
2626
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-paused-input"
|
|
2627
|
+
name="toolbar-selected-filters-example-select-checkbox-risk-paused-input"
|
|
2579
2628
|
/>
|
|
2580
|
-
|
|
2581
2629
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
2582
2630
|
</label>
|
|
2583
2631
|
<label
|
|
2584
2632
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2585
|
-
|
|
2633
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-warning"
|
|
2634
|
+
for="toolbar-selected-filters-example-select-checkbox-risk-warning-input"
|
|
2586
2635
|
>
|
|
2587
2636
|
<input
|
|
2588
2637
|
class="pf-v5-c-check__input"
|
|
2589
2638
|
type="checkbox"
|
|
2590
|
-
id="toolbar-selected-filters-example-select-checkbox-risk-warning"
|
|
2591
|
-
name="toolbar-selected-filters-example-select-checkbox-risk-warning"
|
|
2639
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-warning-input"
|
|
2640
|
+
name="toolbar-selected-filters-example-select-checkbox-risk-warning-input"
|
|
2592
2641
|
/>
|
|
2593
|
-
|
|
2594
2642
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
2595
2643
|
</label>
|
|
2596
2644
|
<label
|
|
2597
2645
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2598
|
-
|
|
2646
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-restarted"
|
|
2647
|
+
for="toolbar-selected-filters-example-select-checkbox-risk-restarted-input"
|
|
2599
2648
|
>
|
|
2600
2649
|
<input
|
|
2601
2650
|
class="pf-v5-c-check__input"
|
|
2602
2651
|
type="checkbox"
|
|
2603
|
-
id="toolbar-selected-filters-example-select-checkbox-risk-restarted"
|
|
2604
|
-
name="toolbar-selected-filters-example-select-checkbox-risk-restarted"
|
|
2652
|
+
id="toolbar-selected-filters-example-select-checkbox-risk-restarted-input"
|
|
2653
|
+
name="toolbar-selected-filters-example-select-checkbox-risk-restarted-input"
|
|
2605
2654
|
/>
|
|
2606
|
-
|
|
2607
2655
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
2608
2656
|
</label>
|
|
2609
2657
|
</fieldset>
|
|
@@ -2925,73 +2973,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2925
2973
|
>
|
|
2926
2974
|
<label
|
|
2927
2975
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
2928
|
-
|
|
2976
|
+
id="-select-checkbox-resource-active"
|
|
2977
|
+
for="-select-checkbox-resource-active-input"
|
|
2929
2978
|
>
|
|
2930
2979
|
<input
|
|
2931
2980
|
class="pf-v5-c-check__input"
|
|
2932
2981
|
type="checkbox"
|
|
2933
|
-
|
|
2934
|
-
|
|
2982
|
+
aria-describedby="-select-checkbox-resource-active-description"
|
|
2983
|
+
id="-select-checkbox-resource-active-input"
|
|
2984
|
+
name="-select-checkbox-resource-active-input"
|
|
2935
2985
|
/>
|
|
2936
|
-
|
|
2937
2986
|
<span class="pf-v5-c-check__label">Active</span>
|
|
2938
2987
|
<span
|
|
2939
2988
|
class="pf-v5-c-check__description"
|
|
2989
|
+
id="-select-checkbox-resource-active-description"
|
|
2940
2990
|
>This is a description</span>
|
|
2941
2991
|
</label>
|
|
2942
2992
|
<label
|
|
2943
2993
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
2944
|
-
|
|
2994
|
+
id="-select-checkbox-resource-canceled"
|
|
2995
|
+
for="-select-checkbox-resource-canceled-input"
|
|
2945
2996
|
>
|
|
2946
2997
|
<input
|
|
2947
2998
|
class="pf-v5-c-check__input"
|
|
2948
2999
|
type="checkbox"
|
|
2949
|
-
|
|
2950
|
-
|
|
3000
|
+
aria-describedby="-select-checkbox-resource-canceled-description"
|
|
3001
|
+
id="-select-checkbox-resource-canceled-input"
|
|
3002
|
+
name="-select-checkbox-resource-canceled-input"
|
|
2951
3003
|
/>
|
|
2952
|
-
|
|
2953
3004
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
2954
3005
|
<span
|
|
2955
3006
|
class="pf-v5-c-check__description"
|
|
3007
|
+
id="-select-checkbox-resource-canceled-description"
|
|
2956
3008
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
2957
3009
|
</label>
|
|
2958
3010
|
<label
|
|
2959
3011
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2960
|
-
|
|
3012
|
+
id="-select-checkbox-resource-paused"
|
|
3013
|
+
for="-select-checkbox-resource-paused-input"
|
|
2961
3014
|
>
|
|
2962
3015
|
<input
|
|
2963
3016
|
class="pf-v5-c-check__input"
|
|
2964
3017
|
type="checkbox"
|
|
2965
|
-
id="-select-checkbox-resource-paused"
|
|
2966
|
-
name="-select-checkbox-resource-paused"
|
|
3018
|
+
id="-select-checkbox-resource-paused-input"
|
|
3019
|
+
name="-select-checkbox-resource-paused-input"
|
|
2967
3020
|
/>
|
|
2968
|
-
|
|
2969
3021
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
2970
3022
|
</label>
|
|
2971
3023
|
<label
|
|
2972
3024
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2973
|
-
|
|
3025
|
+
id="-select-checkbox-resource-warning"
|
|
3026
|
+
for="-select-checkbox-resource-warning-input"
|
|
2974
3027
|
>
|
|
2975
3028
|
<input
|
|
2976
3029
|
class="pf-v5-c-check__input"
|
|
2977
3030
|
type="checkbox"
|
|
2978
|
-
id="-select-checkbox-resource-warning"
|
|
2979
|
-
name="-select-checkbox-resource-warning"
|
|
3031
|
+
id="-select-checkbox-resource-warning-input"
|
|
3032
|
+
name="-select-checkbox-resource-warning-input"
|
|
2980
3033
|
/>
|
|
2981
|
-
|
|
2982
3034
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
2983
3035
|
</label>
|
|
2984
3036
|
<label
|
|
2985
3037
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
2986
|
-
|
|
3038
|
+
id="-select-checkbox-resource-restarted"
|
|
3039
|
+
for="-select-checkbox-resource-restarted-input"
|
|
2987
3040
|
>
|
|
2988
3041
|
<input
|
|
2989
3042
|
class="pf-v5-c-check__input"
|
|
2990
3043
|
type="checkbox"
|
|
2991
|
-
id="-select-checkbox-resource-restarted"
|
|
2992
|
-
name="-select-checkbox-resource-restarted"
|
|
3044
|
+
id="-select-checkbox-resource-restarted-input"
|
|
3045
|
+
name="-select-checkbox-resource-restarted-input"
|
|
2993
3046
|
/>
|
|
2994
|
-
|
|
2995
3047
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
2996
3048
|
</label>
|
|
2997
3049
|
</fieldset>
|
|
@@ -3030,73 +3082,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3030
3082
|
>
|
|
3031
3083
|
<label
|
|
3032
3084
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3033
|
-
|
|
3085
|
+
id="-select-checkbox-status-active"
|
|
3086
|
+
for="-select-checkbox-status-active-input"
|
|
3034
3087
|
>
|
|
3035
3088
|
<input
|
|
3036
3089
|
class="pf-v5-c-check__input"
|
|
3037
3090
|
type="checkbox"
|
|
3038
|
-
|
|
3039
|
-
|
|
3091
|
+
aria-describedby="-select-checkbox-status-active-description"
|
|
3092
|
+
id="-select-checkbox-status-active-input"
|
|
3093
|
+
name="-select-checkbox-status-active-input"
|
|
3040
3094
|
/>
|
|
3041
|
-
|
|
3042
3095
|
<span class="pf-v5-c-check__label">Active</span>
|
|
3043
3096
|
<span
|
|
3044
3097
|
class="pf-v5-c-check__description"
|
|
3098
|
+
id="-select-checkbox-status-active-description"
|
|
3045
3099
|
>This is a description</span>
|
|
3046
3100
|
</label>
|
|
3047
3101
|
<label
|
|
3048
3102
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3049
|
-
|
|
3103
|
+
id="-select-checkbox-status-canceled"
|
|
3104
|
+
for="-select-checkbox-status-canceled-input"
|
|
3050
3105
|
>
|
|
3051
3106
|
<input
|
|
3052
3107
|
class="pf-v5-c-check__input"
|
|
3053
3108
|
type="checkbox"
|
|
3054
|
-
|
|
3055
|
-
|
|
3109
|
+
aria-describedby="-select-checkbox-status-canceled-description"
|
|
3110
|
+
id="-select-checkbox-status-canceled-input"
|
|
3111
|
+
name="-select-checkbox-status-canceled-input"
|
|
3056
3112
|
/>
|
|
3057
|
-
|
|
3058
3113
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
3059
3114
|
<span
|
|
3060
3115
|
class="pf-v5-c-check__description"
|
|
3116
|
+
id="-select-checkbox-status-canceled-description"
|
|
3061
3117
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
3062
3118
|
</label>
|
|
3063
3119
|
<label
|
|
3064
3120
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3065
|
-
|
|
3121
|
+
id="-select-checkbox-status-paused"
|
|
3122
|
+
for="-select-checkbox-status-paused-input"
|
|
3066
3123
|
>
|
|
3067
3124
|
<input
|
|
3068
3125
|
class="pf-v5-c-check__input"
|
|
3069
3126
|
type="checkbox"
|
|
3070
|
-
id="-select-checkbox-status-paused"
|
|
3071
|
-
name="-select-checkbox-status-paused"
|
|
3127
|
+
id="-select-checkbox-status-paused-input"
|
|
3128
|
+
name="-select-checkbox-status-paused-input"
|
|
3072
3129
|
/>
|
|
3073
|
-
|
|
3074
3130
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
3075
3131
|
</label>
|
|
3076
3132
|
<label
|
|
3077
3133
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3078
|
-
|
|
3134
|
+
id="-select-checkbox-status-warning"
|
|
3135
|
+
for="-select-checkbox-status-warning-input"
|
|
3079
3136
|
>
|
|
3080
3137
|
<input
|
|
3081
3138
|
class="pf-v5-c-check__input"
|
|
3082
3139
|
type="checkbox"
|
|
3083
|
-
id="-select-checkbox-status-warning"
|
|
3084
|
-
name="-select-checkbox-status-warning"
|
|
3140
|
+
id="-select-checkbox-status-warning-input"
|
|
3141
|
+
name="-select-checkbox-status-warning-input"
|
|
3085
3142
|
/>
|
|
3086
|
-
|
|
3087
3143
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
3088
3144
|
</label>
|
|
3089
3145
|
<label
|
|
3090
3146
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3091
|
-
|
|
3147
|
+
id="-select-checkbox-status-restarted"
|
|
3148
|
+
for="-select-checkbox-status-restarted-input"
|
|
3092
3149
|
>
|
|
3093
3150
|
<input
|
|
3094
3151
|
class="pf-v5-c-check__input"
|
|
3095
3152
|
type="checkbox"
|
|
3096
|
-
id="-select-checkbox-status-restarted"
|
|
3097
|
-
name="-select-checkbox-status-restarted"
|
|
3153
|
+
id="-select-checkbox-status-restarted-input"
|
|
3154
|
+
name="-select-checkbox-status-restarted-input"
|
|
3098
3155
|
/>
|
|
3099
|
-
|
|
3100
3156
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
3101
3157
|
</label>
|
|
3102
3158
|
</fieldset>
|
|
@@ -3135,73 +3191,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3135
3191
|
>
|
|
3136
3192
|
<label
|
|
3137
3193
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3138
|
-
|
|
3194
|
+
id="-select-checkbox-type-active"
|
|
3195
|
+
for="-select-checkbox-type-active-input"
|
|
3139
3196
|
>
|
|
3140
3197
|
<input
|
|
3141
3198
|
class="pf-v5-c-check__input"
|
|
3142
3199
|
type="checkbox"
|
|
3143
|
-
|
|
3144
|
-
|
|
3200
|
+
aria-describedby="-select-checkbox-type-active-description"
|
|
3201
|
+
id="-select-checkbox-type-active-input"
|
|
3202
|
+
name="-select-checkbox-type-active-input"
|
|
3145
3203
|
/>
|
|
3146
|
-
|
|
3147
3204
|
<span class="pf-v5-c-check__label">Active</span>
|
|
3148
3205
|
<span
|
|
3149
3206
|
class="pf-v5-c-check__description"
|
|
3207
|
+
id="-select-checkbox-type-active-description"
|
|
3150
3208
|
>This is a description</span>
|
|
3151
3209
|
</label>
|
|
3152
3210
|
<label
|
|
3153
3211
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3154
|
-
|
|
3212
|
+
id="-select-checkbox-type-canceled"
|
|
3213
|
+
for="-select-checkbox-type-canceled-input"
|
|
3155
3214
|
>
|
|
3156
3215
|
<input
|
|
3157
3216
|
class="pf-v5-c-check__input"
|
|
3158
3217
|
type="checkbox"
|
|
3159
|
-
|
|
3160
|
-
|
|
3218
|
+
aria-describedby="-select-checkbox-type-canceled-description"
|
|
3219
|
+
id="-select-checkbox-type-canceled-input"
|
|
3220
|
+
name="-select-checkbox-type-canceled-input"
|
|
3161
3221
|
/>
|
|
3162
|
-
|
|
3163
3222
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
3164
3223
|
<span
|
|
3165
3224
|
class="pf-v5-c-check__description"
|
|
3225
|
+
id="-select-checkbox-type-canceled-description"
|
|
3166
3226
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
3167
3227
|
</label>
|
|
3168
3228
|
<label
|
|
3169
3229
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3170
|
-
|
|
3230
|
+
id="-select-checkbox-type-paused"
|
|
3231
|
+
for="-select-checkbox-type-paused-input"
|
|
3171
3232
|
>
|
|
3172
3233
|
<input
|
|
3173
3234
|
class="pf-v5-c-check__input"
|
|
3174
3235
|
type="checkbox"
|
|
3175
|
-
id="-select-checkbox-type-paused"
|
|
3176
|
-
name="-select-checkbox-type-paused"
|
|
3236
|
+
id="-select-checkbox-type-paused-input"
|
|
3237
|
+
name="-select-checkbox-type-paused-input"
|
|
3177
3238
|
/>
|
|
3178
|
-
|
|
3179
3239
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
3180
3240
|
</label>
|
|
3181
3241
|
<label
|
|
3182
3242
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3183
|
-
|
|
3243
|
+
id="-select-checkbox-type-warning"
|
|
3244
|
+
for="-select-checkbox-type-warning-input"
|
|
3184
3245
|
>
|
|
3185
3246
|
<input
|
|
3186
3247
|
class="pf-v5-c-check__input"
|
|
3187
3248
|
type="checkbox"
|
|
3188
|
-
id="-select-checkbox-type-warning"
|
|
3189
|
-
name="-select-checkbox-type-warning"
|
|
3249
|
+
id="-select-checkbox-type-warning-input"
|
|
3250
|
+
name="-select-checkbox-type-warning-input"
|
|
3190
3251
|
/>
|
|
3191
|
-
|
|
3192
3252
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
3193
3253
|
</label>
|
|
3194
3254
|
<label
|
|
3195
3255
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3196
|
-
|
|
3256
|
+
id="-select-checkbox-type-restarted"
|
|
3257
|
+
for="-select-checkbox-type-restarted-input"
|
|
3197
3258
|
>
|
|
3198
3259
|
<input
|
|
3199
3260
|
class="pf-v5-c-check__input"
|
|
3200
3261
|
type="checkbox"
|
|
3201
|
-
id="-select-checkbox-type-restarted"
|
|
3202
|
-
name="-select-checkbox-type-restarted"
|
|
3262
|
+
id="-select-checkbox-type-restarted-input"
|
|
3263
|
+
name="-select-checkbox-type-restarted-input"
|
|
3203
3264
|
/>
|
|
3204
|
-
|
|
3205
3265
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
3206
3266
|
</label>
|
|
3207
3267
|
</fieldset>
|
|
@@ -3578,71 +3638,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3578
3638
|
>
|
|
3579
3639
|
<label
|
|
3580
3640
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3581
|
-
|
|
3641
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-active"
|
|
3642
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-active-input"
|
|
3582
3643
|
>
|
|
3583
3644
|
<input
|
|
3584
3645
|
class="pf-v5-c-check__input"
|
|
3585
3646
|
type="checkbox"
|
|
3586
|
-
|
|
3587
|
-
|
|
3647
|
+
aria-describedby="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-active-description"
|
|
3648
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-active-input"
|
|
3649
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-active-input"
|
|
3588
3650
|
/>
|
|
3589
|
-
|
|
3590
3651
|
<span class="pf-v5-c-check__label">Active</span>
|
|
3591
|
-
<span
|
|
3652
|
+
<span
|
|
3653
|
+
class="pf-v5-c-check__description"
|
|
3654
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-active-description"
|
|
3655
|
+
>This is a description</span>
|
|
3592
3656
|
</label>
|
|
3593
3657
|
<label
|
|
3594
3658
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3595
|
-
|
|
3659
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-canceled"
|
|
3660
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-canceled-input"
|
|
3596
3661
|
>
|
|
3597
3662
|
<input
|
|
3598
3663
|
class="pf-v5-c-check__input"
|
|
3599
3664
|
type="checkbox"
|
|
3600
|
-
|
|
3601
|
-
|
|
3665
|
+
aria-describedby="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-canceled-description"
|
|
3666
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-canceled-input"
|
|
3667
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-canceled-input"
|
|
3602
3668
|
/>
|
|
3603
|
-
|
|
3604
3669
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
3605
3670
|
<span
|
|
3606
3671
|
class="pf-v5-c-check__description"
|
|
3672
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-canceled-description"
|
|
3607
3673
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
3608
3674
|
</label>
|
|
3609
3675
|
<label
|
|
3610
3676
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3611
|
-
|
|
3677
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-paused"
|
|
3678
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-paused-input"
|
|
3612
3679
|
>
|
|
3613
3680
|
<input
|
|
3614
3681
|
class="pf-v5-c-check__input"
|
|
3615
3682
|
type="checkbox"
|
|
3616
|
-
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-paused"
|
|
3617
|
-
name="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-paused"
|
|
3683
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-paused-input"
|
|
3684
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-paused-input"
|
|
3618
3685
|
/>
|
|
3619
|
-
|
|
3620
3686
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
3621
3687
|
</label>
|
|
3622
3688
|
<label
|
|
3623
3689
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3624
|
-
|
|
3690
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-warning"
|
|
3691
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-warning-input"
|
|
3625
3692
|
>
|
|
3626
3693
|
<input
|
|
3627
3694
|
class="pf-v5-c-check__input"
|
|
3628
3695
|
type="checkbox"
|
|
3629
|
-
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-warning"
|
|
3630
|
-
name="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-warning"
|
|
3696
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-warning-input"
|
|
3697
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-warning-input"
|
|
3631
3698
|
/>
|
|
3632
|
-
|
|
3633
3699
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
3634
3700
|
</label>
|
|
3635
3701
|
<label
|
|
3636
3702
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3637
|
-
|
|
3703
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-restarted"
|
|
3704
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-restarted-input"
|
|
3638
3705
|
>
|
|
3639
3706
|
<input
|
|
3640
3707
|
class="pf-v5-c-check__input"
|
|
3641
3708
|
type="checkbox"
|
|
3642
|
-
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-restarted"
|
|
3643
|
-
name="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-restarted"
|
|
3709
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-restarted-input"
|
|
3710
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-resource-expanded-restarted-input"
|
|
3644
3711
|
/>
|
|
3645
|
-
|
|
3646
3712
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
3647
3713
|
</label>
|
|
3648
3714
|
</fieldset>
|
|
@@ -3680,71 +3746,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3680
3746
|
>
|
|
3681
3747
|
<label
|
|
3682
3748
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3683
|
-
|
|
3749
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-active"
|
|
3750
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-active-input"
|
|
3684
3751
|
>
|
|
3685
3752
|
<input
|
|
3686
3753
|
class="pf-v5-c-check__input"
|
|
3687
3754
|
type="checkbox"
|
|
3688
|
-
|
|
3689
|
-
|
|
3755
|
+
aria-describedby="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-active-description"
|
|
3756
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-active-input"
|
|
3757
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-active-input"
|
|
3690
3758
|
/>
|
|
3691
|
-
|
|
3692
3759
|
<span class="pf-v5-c-check__label">Active</span>
|
|
3693
|
-
<span
|
|
3760
|
+
<span
|
|
3761
|
+
class="pf-v5-c-check__description"
|
|
3762
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-active-description"
|
|
3763
|
+
>This is a description</span>
|
|
3694
3764
|
</label>
|
|
3695
3765
|
<label
|
|
3696
3766
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3697
|
-
|
|
3767
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-canceled"
|
|
3768
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-canceled-input"
|
|
3698
3769
|
>
|
|
3699
3770
|
<input
|
|
3700
3771
|
class="pf-v5-c-check__input"
|
|
3701
3772
|
type="checkbox"
|
|
3702
|
-
|
|
3703
|
-
|
|
3773
|
+
aria-describedby="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-canceled-description"
|
|
3774
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-canceled-input"
|
|
3775
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-canceled-input"
|
|
3704
3776
|
/>
|
|
3705
|
-
|
|
3706
3777
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
3707
3778
|
<span
|
|
3708
3779
|
class="pf-v5-c-check__description"
|
|
3780
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-canceled-description"
|
|
3709
3781
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
3710
3782
|
</label>
|
|
3711
3783
|
<label
|
|
3712
3784
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3713
|
-
|
|
3785
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-paused"
|
|
3786
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-paused-input"
|
|
3714
3787
|
>
|
|
3715
3788
|
<input
|
|
3716
3789
|
class="pf-v5-c-check__input"
|
|
3717
3790
|
type="checkbox"
|
|
3718
|
-
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-paused"
|
|
3719
|
-
name="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-paused"
|
|
3791
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-paused-input"
|
|
3792
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-paused-input"
|
|
3720
3793
|
/>
|
|
3721
|
-
|
|
3722
3794
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
3723
3795
|
</label>
|
|
3724
3796
|
<label
|
|
3725
3797
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3726
|
-
|
|
3798
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-warning"
|
|
3799
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-warning-input"
|
|
3727
3800
|
>
|
|
3728
3801
|
<input
|
|
3729
3802
|
class="pf-v5-c-check__input"
|
|
3730
3803
|
type="checkbox"
|
|
3731
|
-
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-warning"
|
|
3732
|
-
name="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-warning"
|
|
3804
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-warning-input"
|
|
3805
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-warning-input"
|
|
3733
3806
|
/>
|
|
3734
|
-
|
|
3735
3807
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
3736
3808
|
</label>
|
|
3737
3809
|
<label
|
|
3738
3810
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3739
|
-
|
|
3811
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-restarted"
|
|
3812
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-restarted-input"
|
|
3740
3813
|
>
|
|
3741
3814
|
<input
|
|
3742
3815
|
class="pf-v5-c-check__input"
|
|
3743
3816
|
type="checkbox"
|
|
3744
|
-
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-restarted"
|
|
3745
|
-
name="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-restarted"
|
|
3817
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-restarted-input"
|
|
3818
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-status-expanded-restarted-input"
|
|
3746
3819
|
/>
|
|
3747
|
-
|
|
3748
3820
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
3749
3821
|
</label>
|
|
3750
3822
|
</fieldset>
|
|
@@ -3782,71 +3854,77 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
3782
3854
|
>
|
|
3783
3855
|
<label
|
|
3784
3856
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3785
|
-
|
|
3857
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-active"
|
|
3858
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-active-input"
|
|
3786
3859
|
>
|
|
3787
3860
|
<input
|
|
3788
3861
|
class="pf-v5-c-check__input"
|
|
3789
3862
|
type="checkbox"
|
|
3790
|
-
|
|
3791
|
-
|
|
3863
|
+
aria-describedby="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-active-description"
|
|
3864
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-active-input"
|
|
3865
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-active-input"
|
|
3792
3866
|
/>
|
|
3793
|
-
|
|
3794
3867
|
<span class="pf-v5-c-check__label">Active</span>
|
|
3795
|
-
<span
|
|
3868
|
+
<span
|
|
3869
|
+
class="pf-v5-c-check__description"
|
|
3870
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-active-description"
|
|
3871
|
+
>This is a description</span>
|
|
3796
3872
|
</label>
|
|
3797
3873
|
<label
|
|
3798
3874
|
class="pf-v5-c-check pf-v5-c-select__menu-item pf-m-description"
|
|
3799
|
-
|
|
3875
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-canceled"
|
|
3876
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-canceled-input"
|
|
3800
3877
|
>
|
|
3801
3878
|
<input
|
|
3802
3879
|
class="pf-v5-c-check__input"
|
|
3803
3880
|
type="checkbox"
|
|
3804
|
-
|
|
3805
|
-
|
|
3881
|
+
aria-describedby="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-canceled-description"
|
|
3882
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-canceled-input"
|
|
3883
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-canceled-input"
|
|
3806
3884
|
/>
|
|
3807
|
-
|
|
3808
3885
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
3809
3886
|
<span
|
|
3810
3887
|
class="pf-v5-c-check__description"
|
|
3888
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-canceled-description"
|
|
3811
3889
|
>This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
|
|
3812
3890
|
</label>
|
|
3813
3891
|
<label
|
|
3814
3892
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3815
|
-
|
|
3893
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-paused"
|
|
3894
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-paused-input"
|
|
3816
3895
|
>
|
|
3817
3896
|
<input
|
|
3818
3897
|
class="pf-v5-c-check__input"
|
|
3819
3898
|
type="checkbox"
|
|
3820
|
-
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-paused"
|
|
3821
|
-
name="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-paused"
|
|
3899
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-paused-input"
|
|
3900
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-paused-input"
|
|
3822
3901
|
/>
|
|
3823
|
-
|
|
3824
3902
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
3825
3903
|
</label>
|
|
3826
3904
|
<label
|
|
3827
3905
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3828
|
-
|
|
3906
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-warning"
|
|
3907
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-warning-input"
|
|
3829
3908
|
>
|
|
3830
3909
|
<input
|
|
3831
3910
|
class="pf-v5-c-check__input"
|
|
3832
3911
|
type="checkbox"
|
|
3833
|
-
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-warning"
|
|
3834
|
-
name="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-warning"
|
|
3912
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-warning-input"
|
|
3913
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-warning-input"
|
|
3835
3914
|
/>
|
|
3836
|
-
|
|
3837
3915
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
3838
3916
|
</label>
|
|
3839
3917
|
<label
|
|
3840
3918
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
3841
|
-
|
|
3919
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-restarted"
|
|
3920
|
+
for="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-restarted-input"
|
|
3842
3921
|
>
|
|
3843
3922
|
<input
|
|
3844
3923
|
class="pf-v5-c-check__input"
|
|
3845
3924
|
type="checkbox"
|
|
3846
|
-
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-restarted"
|
|
3847
|
-
name="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-restarted"
|
|
3925
|
+
id="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-restarted-input"
|
|
3926
|
+
name="toolbar-stacked-collapsed-example-select-checkbox-type-expanded-restarted-input"
|
|
3848
3927
|
/>
|
|
3849
|
-
|
|
3850
3928
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
3851
3929
|
</label>
|
|
3852
3930
|
</fieldset>
|
|
@@ -4225,70 +4303,70 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
4225
4303
|
>
|
|
4226
4304
|
<label
|
|
4227
4305
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4228
|
-
|
|
4306
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-active"
|
|
4307
|
+
for="toolbar-expanded-elements-example-select-checkbox-status-check-active-input"
|
|
4229
4308
|
>
|
|
4230
4309
|
<input
|
|
4231
4310
|
class="pf-v5-c-check__input"
|
|
4232
4311
|
type="checkbox"
|
|
4233
|
-
id="toolbar-expanded-elements-example-select-checkbox-status-active"
|
|
4234
|
-
name="toolbar-expanded-elements-example-select-checkbox-status-active"
|
|
4312
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-active-input"
|
|
4313
|
+
name="toolbar-expanded-elements-example-select-checkbox-status-check-active-input"
|
|
4314
|
+
checked
|
|
4235
4315
|
/>
|
|
4236
|
-
|
|
4237
4316
|
<span class="pf-v5-c-check__label">Active</span>
|
|
4238
4317
|
</label>
|
|
4239
4318
|
<label
|
|
4240
4319
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4241
|
-
|
|
4320
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-canceled"
|
|
4321
|
+
for="toolbar-expanded-elements-example-select-checkbox-status-check-canceled-input"
|
|
4242
4322
|
>
|
|
4243
4323
|
<input
|
|
4244
4324
|
class="pf-v5-c-check__input"
|
|
4245
4325
|
type="checkbox"
|
|
4246
|
-
id="toolbar-expanded-elements-example-select-checkbox-status-canceled"
|
|
4247
|
-
name="toolbar-expanded-elements-example-select-checkbox-status-canceled"
|
|
4326
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-canceled-input"
|
|
4327
|
+
name="toolbar-expanded-elements-example-select-checkbox-status-check-canceled-input"
|
|
4248
4328
|
checked
|
|
4249
4329
|
/>
|
|
4250
|
-
|
|
4251
4330
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
4252
4331
|
</label>
|
|
4253
4332
|
<label
|
|
4254
4333
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4255
|
-
|
|
4334
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-paused"
|
|
4335
|
+
for="toolbar-expanded-elements-example-select-checkbox-status-check-paused-input"
|
|
4256
4336
|
>
|
|
4257
4337
|
<input
|
|
4258
4338
|
class="pf-v5-c-check__input"
|
|
4259
4339
|
type="checkbox"
|
|
4260
|
-
id="toolbar-expanded-elements-example-select-checkbox-status-paused"
|
|
4261
|
-
name="toolbar-expanded-elements-example-select-checkbox-status-paused"
|
|
4262
|
-
checked
|
|
4340
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-paused-input"
|
|
4341
|
+
name="toolbar-expanded-elements-example-select-checkbox-status-check-paused-input"
|
|
4263
4342
|
/>
|
|
4264
|
-
|
|
4265
4343
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
4266
4344
|
</label>
|
|
4267
4345
|
<label
|
|
4268
4346
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4269
|
-
|
|
4347
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-warning"
|
|
4348
|
+
for="toolbar-expanded-elements-example-select-checkbox-status-check-warning-input"
|
|
4270
4349
|
>
|
|
4271
4350
|
<input
|
|
4272
4351
|
class="pf-v5-c-check__input"
|
|
4273
4352
|
type="checkbox"
|
|
4274
|
-
id="toolbar-expanded-elements-example-select-checkbox-status-warning"
|
|
4275
|
-
name="toolbar-expanded-elements-example-select-checkbox-status-warning"
|
|
4353
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-warning-input"
|
|
4354
|
+
name="toolbar-expanded-elements-example-select-checkbox-status-check-warning-input"
|
|
4355
|
+
checked
|
|
4276
4356
|
/>
|
|
4277
|
-
|
|
4278
4357
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
4279
4358
|
</label>
|
|
4280
4359
|
<label
|
|
4281
4360
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4282
|
-
|
|
4361
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-restarted"
|
|
4362
|
+
for="toolbar-expanded-elements-example-select-checkbox-status-check-restarted-input"
|
|
4283
4363
|
>
|
|
4284
4364
|
<input
|
|
4285
4365
|
class="pf-v5-c-check__input"
|
|
4286
4366
|
type="checkbox"
|
|
4287
|
-
id="toolbar-expanded-elements-example-select-checkbox-status-restarted"
|
|
4288
|
-
name="toolbar-expanded-elements-example-select-checkbox-status-restarted"
|
|
4289
|
-
checked
|
|
4367
|
+
id="toolbar-expanded-elements-example-select-checkbox-status-check-restarted-input"
|
|
4368
|
+
name="toolbar-expanded-elements-example-select-checkbox-status-check-restarted-input"
|
|
4290
4369
|
/>
|
|
4291
|
-
|
|
4292
4370
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
4293
4371
|
</label>
|
|
4294
4372
|
</fieldset>
|
|
@@ -4325,70 +4403,70 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
4325
4403
|
>
|
|
4326
4404
|
<label
|
|
4327
4405
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4328
|
-
|
|
4406
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-active"
|
|
4407
|
+
for="toolbar-expanded-elements-example-select-checkbox-risk-check-active-input"
|
|
4329
4408
|
>
|
|
4330
4409
|
<input
|
|
4331
4410
|
class="pf-v5-c-check__input"
|
|
4332
4411
|
type="checkbox"
|
|
4333
|
-
id="toolbar-expanded-elements-example-select-checkbox-risk-active"
|
|
4334
|
-
name="toolbar-expanded-elements-example-select-checkbox-risk-active"
|
|
4412
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-active-input"
|
|
4413
|
+
name="toolbar-expanded-elements-example-select-checkbox-risk-check-active-input"
|
|
4414
|
+
checked
|
|
4335
4415
|
/>
|
|
4336
|
-
|
|
4337
4416
|
<span class="pf-v5-c-check__label">Active</span>
|
|
4338
4417
|
</label>
|
|
4339
4418
|
<label
|
|
4340
4419
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4341
|
-
|
|
4420
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-canceled"
|
|
4421
|
+
for="toolbar-expanded-elements-example-select-checkbox-risk-check-canceled-input"
|
|
4342
4422
|
>
|
|
4343
4423
|
<input
|
|
4344
4424
|
class="pf-v5-c-check__input"
|
|
4345
4425
|
type="checkbox"
|
|
4346
|
-
id="toolbar-expanded-elements-example-select-checkbox-risk-canceled"
|
|
4347
|
-
name="toolbar-expanded-elements-example-select-checkbox-risk-canceled"
|
|
4426
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-canceled-input"
|
|
4427
|
+
name="toolbar-expanded-elements-example-select-checkbox-risk-check-canceled-input"
|
|
4348
4428
|
checked
|
|
4349
4429
|
/>
|
|
4350
|
-
|
|
4351
4430
|
<span class="pf-v5-c-check__label">Canceled</span>
|
|
4352
4431
|
</label>
|
|
4353
4432
|
<label
|
|
4354
4433
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4355
|
-
|
|
4434
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-paused"
|
|
4435
|
+
for="toolbar-expanded-elements-example-select-checkbox-risk-check-paused-input"
|
|
4356
4436
|
>
|
|
4357
4437
|
<input
|
|
4358
4438
|
class="pf-v5-c-check__input"
|
|
4359
4439
|
type="checkbox"
|
|
4360
|
-
id="toolbar-expanded-elements-example-select-checkbox-risk-paused"
|
|
4361
|
-
name="toolbar-expanded-elements-example-select-checkbox-risk-paused"
|
|
4362
|
-
checked
|
|
4440
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-paused-input"
|
|
4441
|
+
name="toolbar-expanded-elements-example-select-checkbox-risk-check-paused-input"
|
|
4363
4442
|
/>
|
|
4364
|
-
|
|
4365
4443
|
<span class="pf-v5-c-check__label">Paused</span>
|
|
4366
4444
|
</label>
|
|
4367
4445
|
<label
|
|
4368
4446
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4369
|
-
|
|
4447
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-warning"
|
|
4448
|
+
for="toolbar-expanded-elements-example-select-checkbox-risk-check-warning-input"
|
|
4370
4449
|
>
|
|
4371
4450
|
<input
|
|
4372
4451
|
class="pf-v5-c-check__input"
|
|
4373
4452
|
type="checkbox"
|
|
4374
|
-
id="toolbar-expanded-elements-example-select-checkbox-risk-warning"
|
|
4375
|
-
name="toolbar-expanded-elements-example-select-checkbox-risk-warning"
|
|
4453
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-warning-input"
|
|
4454
|
+
name="toolbar-expanded-elements-example-select-checkbox-risk-check-warning-input"
|
|
4455
|
+
checked
|
|
4376
4456
|
/>
|
|
4377
|
-
|
|
4378
4457
|
<span class="pf-v5-c-check__label">Warning</span>
|
|
4379
4458
|
</label>
|
|
4380
4459
|
<label
|
|
4381
4460
|
class="pf-v5-c-check pf-v5-c-select__menu-item"
|
|
4382
|
-
|
|
4461
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-restarted"
|
|
4462
|
+
for="toolbar-expanded-elements-example-select-checkbox-risk-check-restarted-input"
|
|
4383
4463
|
>
|
|
4384
4464
|
<input
|
|
4385
4465
|
class="pf-v5-c-check__input"
|
|
4386
4466
|
type="checkbox"
|
|
4387
|
-
id="toolbar-expanded-elements-example-select-checkbox-risk-restarted"
|
|
4388
|
-
name="toolbar-expanded-elements-example-select-checkbox-risk-restarted"
|
|
4389
|
-
checked
|
|
4467
|
+
id="toolbar-expanded-elements-example-select-checkbox-risk-check-restarted-input"
|
|
4468
|
+
name="toolbar-expanded-elements-example-select-checkbox-risk-check-restarted-input"
|
|
4390
4469
|
/>
|
|
4391
|
-
|
|
4392
4470
|
<span class="pf-v5-c-check__label">Restarted</span>
|
|
4393
4471
|
</label>
|
|
4394
4472
|
</fieldset>
|
|
@@ -4515,16 +4593,18 @@ As the toolbar component is a hybrid layout and component, some of its elements
|
|
|
4515
4593
|
| `.pf-m-full-height` | `.pf-v5-c-toolbar`, `.pf-v5-c-toolbar__content-section`, `.pf-v5-c-toolbar__group` | Modifies toolbar component to full height of its container and removes vertical padding. |
|
|
4516
4594
|
| `.pf-m-static` | `.pf-v5-c-toolbar` | Modifies expandable content section to position itself to the nearest absolutely positioned parent outside of the toolbar component. This is used primarily for masthead toolbar. |
|
|
4517
4595
|
| `.pf-m-expanded` | `.pf-v5-c-toolbar__expandable-content` | Modifies expandable content section for the expanded state. |
|
|
4518
|
-
| `.pf-m-
|
|
4519
|
-
| `.pf-m-
|
|
4520
|
-
| `.pf-m-
|
|
4521
|
-
| `.pf-m-
|
|
4522
|
-
| `.pf-m-
|
|
4523
|
-
| `.pf-m-
|
|
4596
|
+
| `.pf-m-label` | `.pf-v5-c-toolbar__item` | Modifies label vertical positioning. |
|
|
4597
|
+
| `.pf-m-form-element` | `.pf-v5-c-toolbar__item` | Modifies form element vertical positioning. |
|
|
4598
|
+
| `.pf-m-bulk-select` | `.pf-v5-c-toolbar__item` | Modifies bulk select spacing. |
|
|
4599
|
+
| `.pf-m-overflow-menu` | `.pf-v5-c-toolbar__item` | Modifies overflow menu spacing. |
|
|
4600
|
+
| `.pf-m-pagination` | `.pf-v5-c-toolbar__item` | Modifies pagination spacing and margin. |
|
|
4601
|
+
| `.pf-m-search-filter` | `.pf-v5-c-toolbar__item` | Modifies search filter spacing. |
|
|
4602
|
+
| `.pf-m-chip-group` | `.pf-v5-c-toolbar__item` | Modifies chip group spacing. |
|
|
4603
|
+
| `.pf-m-expand-all` | `.pf-v5-c-toolbar__item` | Modifies an item for an expand all button. |
|
|
4524
4604
|
| `.pf-m-expanded` | `.pf-v5-c-toolbar__item.pf-m-expand-all` | Modifies an expand all button for the expanded state. |
|
|
4525
|
-
| `.pf-m-button-group` | `.pf-v5-c-toolbar__group` |
|
|
4526
|
-
| `.pf-m-icon-button-group` | `.pf-v5-c-toolbar__group` |
|
|
4527
|
-
| `.pf-m-filter-group` | `.pf-v5-c-toolbar__group` |
|
|
4605
|
+
| `.pf-m-button-group` | `.pf-v5-c-toolbar__group` | Modifies button group spacing. |
|
|
4606
|
+
| `.pf-m-icon-button-group` | `.pf-v5-c-toolbar__group` | Modifies icon button group spacing. |
|
|
4607
|
+
| `.pf-m-filter-group` | `.pf-v5-c-toolbar__group` | Modifies filter group spacing. |
|
|
4528
4608
|
| `.pf-m-hidden{-on-[breakpoint]}` | `.pf-v5-c-toolbar__content`, `.pf-v5-c-toolbar__content-section`, `.pf-v5-c-toolbar__item`, `.pf-v5-c-toolbar__group` | Modifies toolbar element to be hidden, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
|
|
4529
4609
|
| `.pf-m-visible{-on-[breakpoint]}` | `.pf-v5-c-toolbar__content`, `.pf-v5-c-toolbar__content-section`, `.pf-v5-c-toolbar__item`, `.pf-v5-c-toolbar__group` | Modifies toolbar element to be shown, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
|
|
4530
4610
|
| `.pf-m-align-right{-on-[breakpoint]}` | `.pf-v5-c-toolbar > *` | Modifies toolbar element to align right, at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
|