@patternfly/patternfly 6.0.0-alpha.173 → 6.0.0-alpha.175
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/components/Button/button.css +5 -1
- package/components/Button/button.scss +5 -1
- package/components/Card/card.css +2 -2
- package/components/Card/card.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/components/ClipboardCopy/clipboard-copy.scss +2 -2
- package/components/Content/content.css +19 -43
- package/components/Content/content.scss +17 -60
- package/components/JumpLinks/jump-links.css +0 -7
- package/components/JumpLinks/jump-links.scss +0 -9
- package/components/Label/label.css +2 -2
- package/components/Label/label.scss +2 -2
- package/components/List/list.css +33 -40
- package/components/List/list.scss +39 -48
- package/components/NumberInput/number-input.css +0 -1
- package/components/NumberInput/number-input.scss +0 -1
- package/components/Tabs/tabs.css +1 -18
- package/components/Tabs/tabs.scss +1 -18
- package/components/_index.css +64 -116
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
- package/docs/components/ActionList/examples/ActionList.md +7 -7
- package/docs/components/Alert/examples/Alert.md +44 -46
- package/docs/components/BackToTop/examples/BackToTop.md +3 -5
- package/docs/components/Banner/examples/Banner.md +1 -1
- package/docs/components/Button/examples/Button.md +35 -35
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
- package/docs/components/Card/examples/Card.md +36 -20
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +32 -29
- package/docs/components/CodeBlock/examples/CodeBlock.md +6 -6
- package/docs/components/CodeEditor/examples/CodeEditor.md +18 -21
- package/docs/components/DataList/examples/DataList.md +17 -17
- package/docs/components/DatePicker/examples/DatePicker.md +6 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +100 -150
- package/docs/components/Drawer/examples/Drawer.md +19 -19
- package/docs/components/DualListSelector/examples/DualListSelector.md +84 -84
- package/docs/components/EmptyState/examples/EmptyState.md +6 -6
- package/docs/components/Form/examples/Form.md +18 -19
- package/docs/components/Hint/examples/Hint.md +2 -2
- package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
- package/docs/components/InputGroup/examples/InputGroup.md +2 -2
- package/docs/components/JumpLinks/examples/JumpLinks.md +8 -8
- package/docs/components/Label/examples/Label.md +217 -217
- package/docs/components/LogViewer/examples/LogViewer.md +77 -97
- package/docs/components/Login/examples/Login.md +37 -32
- package/docs/components/Masthead/examples/masthead.md +6 -6
- package/docs/components/Menu/examples/Menu.md +10 -10
- package/docs/components/MenuToggle/examples/MenuToggle.md +1 -1
- package/docs/components/ModalBox/examples/ModalBox.md +17 -17
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +9 -9
- package/docs/components/Nav/examples/Navigation.md +4 -4
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +2 -2
- package/docs/components/NumberInput/examples/NumberInput.md +24 -24
- package/docs/components/OverflowMenu/examples/overflow-menu.md +6 -6
- package/docs/components/Page/examples/Page.md +7 -7
- package/docs/components/Pagination/examples/Pagination.md +53 -44
- package/docs/components/Popover/examples/Popover.md +30 -15
- package/docs/components/Slider/examples/Slider.md +8 -8
- package/docs/components/Table/examples/Table.md +433 -203
- package/docs/components/Tabs/examples/Tabs.md +364 -358
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +364 -404
- package/docs/components/Toolbar/examples/Toolbar.md +59 -59
- package/docs/components/TreeView/examples/TreeView.md +4 -4
- package/docs/components/Wizard/examples/Wizard.md +10 -10
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
- package/docs/demos/Alert/examples/Alert.md +6 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +4 -6
- package/docs/demos/Banner/examples/Banner.md +2 -2
- package/docs/demos/Button/examples/Button.md +1 -1
- package/docs/demos/Card/examples/Card.md +54 -79
- package/docs/demos/CardView/examples/CardView.md +8 -7
- package/docs/demos/Dashboard/examples/Dashboard.md +25 -37
- package/docs/demos/DataList/examples/DataList.md +38 -34
- package/docs/demos/DescriptionList/examples/DescriptionList.md +4 -4
- package/docs/demos/Drawer/examples/Drawer.md +8 -8
- package/docs/demos/Form/examples/BasicForms.md +69 -86
- package/docs/demos/JumpLinks/examples/JumpLinks.md +14 -20
- package/docs/demos/Masthead/examples/Masthead.md +13 -13
- package/docs/demos/Modal/examples/Modal.md +15 -15
- package/docs/demos/Nav/examples/Nav.md +9 -9
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
- package/docs/demos/Page/examples/Page.md +9 -9
- package/docs/demos/Page/examples/Penta.md +2 -2
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +3 -3
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +35 -35
- package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
- package/docs/demos/Table/examples/Table.md +132 -115
- package/docs/demos/Tabs/examples/Tabs.md +11 -11
- package/docs/demos/Toolbar/examples/Toolbar.md +37 -36
- package/docs/demos/Wizard/examples/Wizard.md +22 -23
- package/package.json +1 -1
- package/patternfly-no-globals.css +64 -116
- package/patternfly.css +64 -116
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -230,7 +230,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
230
230
|
type="button"
|
|
231
231
|
aria-label="Edit"
|
|
232
232
|
>
|
|
233
|
-
<span class="pf-v6-c-
|
|
233
|
+
<span class="pf-v6-c-button__icon">
|
|
234
234
|
<i class="fas fa-edit" aria-hidden="true"></i>
|
|
235
235
|
</span>
|
|
236
236
|
</button>
|
|
@@ -241,7 +241,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
241
241
|
type="button"
|
|
242
242
|
aria-label="Clone"
|
|
243
243
|
>
|
|
244
|
-
<span class="pf-v6-c-
|
|
244
|
+
<span class="pf-v6-c-button__icon">
|
|
245
245
|
<i class="fas fa-clone" aria-hidden="true"></i>
|
|
246
246
|
</span>
|
|
247
247
|
</button>
|
|
@@ -252,7 +252,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
252
252
|
type="button"
|
|
253
253
|
aria-label="Sync"
|
|
254
254
|
>
|
|
255
|
-
<span class="pf-v6-c-
|
|
255
|
+
<span class="pf-v6-c-button__icon">
|
|
256
256
|
<i class="fas fa-sync" aria-hidden="true"></i>
|
|
257
257
|
</span>
|
|
258
258
|
</button>
|
|
@@ -704,13 +704,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
704
704
|
</span>
|
|
705
705
|
<span class="pf-v6-c-label__actions">
|
|
706
706
|
<button
|
|
707
|
-
class="pf-v6-c-button pf-m-
|
|
707
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
708
708
|
type="button"
|
|
709
709
|
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-label-group-statusremove-label-one toolbar-selected-filters-toggle-group-collapsed-example-label-group-statuslabel-one"
|
|
710
710
|
aria-label="Remove"
|
|
711
711
|
id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-statusremove-label-one"
|
|
712
712
|
>
|
|
713
|
-
<span class="pf-v6-c-
|
|
713
|
+
<span class="pf-v6-c-button__icon">
|
|
714
714
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
715
715
|
</span>
|
|
716
716
|
</button>
|
|
@@ -729,13 +729,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
729
729
|
</span>
|
|
730
730
|
<span class="pf-v6-c-label__actions">
|
|
731
731
|
<button
|
|
732
|
-
class="pf-v6-c-button pf-m-
|
|
732
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
733
733
|
type="button"
|
|
734
734
|
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-label-group-statusremove-label-two toolbar-selected-filters-toggle-group-collapsed-example-label-group-statuslabel-two"
|
|
735
735
|
aria-label="Remove"
|
|
736
736
|
id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-statusremove-label-two"
|
|
737
737
|
>
|
|
738
|
-
<span class="pf-v6-c-
|
|
738
|
+
<span class="pf-v6-c-button__icon">
|
|
739
739
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
740
740
|
</span>
|
|
741
741
|
</button>
|
|
@@ -754,13 +754,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
754
754
|
</span>
|
|
755
755
|
<span class="pf-v6-c-label__actions">
|
|
756
756
|
<button
|
|
757
|
-
class="pf-v6-c-button pf-m-
|
|
757
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
758
758
|
type="button"
|
|
759
759
|
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-label-group-statusremove-label-three toolbar-selected-filters-toggle-group-collapsed-example-label-group-statuslabel-three"
|
|
760
760
|
aria-label="Remove"
|
|
761
761
|
id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-statusremove-label-three"
|
|
762
762
|
>
|
|
763
|
-
<span class="pf-v6-c-
|
|
763
|
+
<span class="pf-v6-c-button__icon">
|
|
764
764
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
765
765
|
</span>
|
|
766
766
|
</button>
|
|
@@ -796,13 +796,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
796
796
|
</span>
|
|
797
797
|
<span class="pf-v6-c-label__actions">
|
|
798
798
|
<button
|
|
799
|
-
class="pf-v6-c-button pf-m-
|
|
799
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
800
800
|
type="button"
|
|
801
801
|
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-label-group-riskremove-label-one toolbar-selected-filters-toggle-group-collapsed-example-label-group-risklabel-one"
|
|
802
802
|
aria-label="Remove"
|
|
803
803
|
id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-riskremove-label-one"
|
|
804
804
|
>
|
|
805
|
-
<span class="pf-v6-c-
|
|
805
|
+
<span class="pf-v6-c-button__icon">
|
|
806
806
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
807
807
|
</span>
|
|
808
808
|
</button>
|
|
@@ -821,13 +821,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
821
821
|
</span>
|
|
822
822
|
<span class="pf-v6-c-label__actions">
|
|
823
823
|
<button
|
|
824
|
-
class="pf-v6-c-button pf-m-
|
|
824
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
825
825
|
type="button"
|
|
826
826
|
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-label-group-riskremove-label-two toolbar-selected-filters-toggle-group-collapsed-example-label-group-risklabel-two"
|
|
827
827
|
aria-label="Remove"
|
|
828
828
|
id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-riskremove-label-two"
|
|
829
829
|
>
|
|
830
|
-
<span class="pf-v6-c-
|
|
830
|
+
<span class="pf-v6-c-button__icon">
|
|
831
831
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
832
832
|
</span>
|
|
833
833
|
</button>
|
|
@@ -846,13 +846,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
846
846
|
</span>
|
|
847
847
|
<span class="pf-v6-c-label__actions">
|
|
848
848
|
<button
|
|
849
|
-
class="pf-v6-c-button pf-m-
|
|
849
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
850
850
|
type="button"
|
|
851
851
|
aria-labelledby="toolbar-selected-filters-toggle-group-collapsed-example-label-group-riskremove-label-three toolbar-selected-filters-toggle-group-collapsed-example-label-group-risklabel-three"
|
|
852
852
|
aria-label="Remove"
|
|
853
853
|
id="toolbar-selected-filters-toggle-group-collapsed-example-label-group-riskremove-label-three"
|
|
854
854
|
>
|
|
855
|
-
<span class="pf-v6-c-
|
|
855
|
+
<span class="pf-v6-c-button__icon">
|
|
856
856
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
857
857
|
</span>
|
|
858
858
|
</button>
|
|
@@ -866,7 +866,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
866
866
|
</div>
|
|
867
867
|
</div>
|
|
868
868
|
<div class="pf-v6-c-toolbar__item">
|
|
869
|
-
<button class="pf-v6-c-button pf-m-
|
|
869
|
+
<button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
|
|
870
870
|
<span class="pf-v6-c-button__text">Clear all filters</span>
|
|
871
871
|
</button>
|
|
872
872
|
</div>
|
|
@@ -877,7 +877,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
877
877
|
<div class="pf-v6-c-toolbar__group">
|
|
878
878
|
<div class="pf-v6-c-toolbar__item">6 filters applied</div>
|
|
879
879
|
<div class="pf-v6-c-toolbar__item">
|
|
880
|
-
<button class="pf-v6-c-button pf-m-
|
|
880
|
+
<button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
|
|
881
881
|
<span class="pf-v6-c-button__text">Clear all filters</span>
|
|
882
882
|
</button>
|
|
883
883
|
</div>
|
|
@@ -1057,13 +1057,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1057
1057
|
</span>
|
|
1058
1058
|
<span class="pf-v6-c-label__actions">
|
|
1059
1059
|
<button
|
|
1060
|
-
class="pf-v6-c-button pf-m-
|
|
1060
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1061
1061
|
type="button"
|
|
1062
1062
|
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-label-group-statusremove-label-one toolbar-selected-filters-toggle-group-expanded-example-label-group-statuslabel-one"
|
|
1063
1063
|
aria-label="Remove"
|
|
1064
1064
|
id="toolbar-selected-filters-toggle-group-expanded-example-label-group-statusremove-label-one"
|
|
1065
1065
|
>
|
|
1066
|
-
<span class="pf-v6-c-
|
|
1066
|
+
<span class="pf-v6-c-button__icon">
|
|
1067
1067
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1068
1068
|
</span>
|
|
1069
1069
|
</button>
|
|
@@ -1082,13 +1082,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1082
1082
|
</span>
|
|
1083
1083
|
<span class="pf-v6-c-label__actions">
|
|
1084
1084
|
<button
|
|
1085
|
-
class="pf-v6-c-button pf-m-
|
|
1085
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1086
1086
|
type="button"
|
|
1087
1087
|
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-label-group-statusremove-label-two toolbar-selected-filters-toggle-group-expanded-example-label-group-statuslabel-two"
|
|
1088
1088
|
aria-label="Remove"
|
|
1089
1089
|
id="toolbar-selected-filters-toggle-group-expanded-example-label-group-statusremove-label-two"
|
|
1090
1090
|
>
|
|
1091
|
-
<span class="pf-v6-c-
|
|
1091
|
+
<span class="pf-v6-c-button__icon">
|
|
1092
1092
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1093
1093
|
</span>
|
|
1094
1094
|
</button>
|
|
@@ -1107,13 +1107,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1107
1107
|
</span>
|
|
1108
1108
|
<span class="pf-v6-c-label__actions">
|
|
1109
1109
|
<button
|
|
1110
|
-
class="pf-v6-c-button pf-m-
|
|
1110
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1111
1111
|
type="button"
|
|
1112
1112
|
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-label-group-statusremove-label-three toolbar-selected-filters-toggle-group-expanded-example-label-group-statuslabel-three"
|
|
1113
1113
|
aria-label="Remove"
|
|
1114
1114
|
id="toolbar-selected-filters-toggle-group-expanded-example-label-group-statusremove-label-three"
|
|
1115
1115
|
>
|
|
1116
|
-
<span class="pf-v6-c-
|
|
1116
|
+
<span class="pf-v6-c-button__icon">
|
|
1117
1117
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1118
1118
|
</span>
|
|
1119
1119
|
</button>
|
|
@@ -1149,13 +1149,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1149
1149
|
</span>
|
|
1150
1150
|
<span class="pf-v6-c-label__actions">
|
|
1151
1151
|
<button
|
|
1152
|
-
class="pf-v6-c-button pf-m-
|
|
1152
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1153
1153
|
type="button"
|
|
1154
1154
|
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-label-group-riskremove-label-one toolbar-selected-filters-toggle-group-expanded-example-label-group-risklabel-one"
|
|
1155
1155
|
aria-label="Remove"
|
|
1156
1156
|
id="toolbar-selected-filters-toggle-group-expanded-example-label-group-riskremove-label-one"
|
|
1157
1157
|
>
|
|
1158
|
-
<span class="pf-v6-c-
|
|
1158
|
+
<span class="pf-v6-c-button__icon">
|
|
1159
1159
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1160
1160
|
</span>
|
|
1161
1161
|
</button>
|
|
@@ -1174,13 +1174,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1174
1174
|
</span>
|
|
1175
1175
|
<span class="pf-v6-c-label__actions">
|
|
1176
1176
|
<button
|
|
1177
|
-
class="pf-v6-c-button pf-m-
|
|
1177
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1178
1178
|
type="button"
|
|
1179
1179
|
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-label-group-riskremove-label-two toolbar-selected-filters-toggle-group-expanded-example-label-group-risklabel-two"
|
|
1180
1180
|
aria-label="Remove"
|
|
1181
1181
|
id="toolbar-selected-filters-toggle-group-expanded-example-label-group-riskremove-label-two"
|
|
1182
1182
|
>
|
|
1183
|
-
<span class="pf-v6-c-
|
|
1183
|
+
<span class="pf-v6-c-button__icon">
|
|
1184
1184
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1185
1185
|
</span>
|
|
1186
1186
|
</button>
|
|
@@ -1199,13 +1199,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1199
1199
|
</span>
|
|
1200
1200
|
<span class="pf-v6-c-label__actions">
|
|
1201
1201
|
<button
|
|
1202
|
-
class="pf-v6-c-button pf-m-
|
|
1202
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1203
1203
|
type="button"
|
|
1204
1204
|
aria-labelledby="toolbar-selected-filters-toggle-group-expanded-example-label-group-riskremove-label-three toolbar-selected-filters-toggle-group-expanded-example-label-group-risklabel-three"
|
|
1205
1205
|
aria-label="Remove"
|
|
1206
1206
|
id="toolbar-selected-filters-toggle-group-expanded-example-label-group-riskremove-label-three"
|
|
1207
1207
|
>
|
|
1208
|
-
<span class="pf-v6-c-
|
|
1208
|
+
<span class="pf-v6-c-button__icon">
|
|
1209
1209
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1210
1210
|
</span>
|
|
1211
1211
|
</button>
|
|
@@ -1219,7 +1219,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1219
1219
|
</div>
|
|
1220
1220
|
</div>
|
|
1221
1221
|
<div class="pf-v6-c-toolbar__item">
|
|
1222
|
-
<button class="pf-v6-c-button pf-m-
|
|
1222
|
+
<button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
|
|
1223
1223
|
<span class="pf-v6-c-button__text">Clear all filters</span>
|
|
1224
1224
|
</button>
|
|
1225
1225
|
</div>
|
|
@@ -1386,13 +1386,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1386
1386
|
</span>
|
|
1387
1387
|
<span class="pf-v6-c-label__actions">
|
|
1388
1388
|
<button
|
|
1389
|
-
class="pf-v6-c-button pf-m-
|
|
1389
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1390
1390
|
type="button"
|
|
1391
1391
|
aria-labelledby="toolbar-selected-filters-example-label-group-statusremove-label-one toolbar-selected-filters-example-label-group-statuslabel-one"
|
|
1392
1392
|
aria-label="Remove"
|
|
1393
1393
|
id="toolbar-selected-filters-example-label-group-statusremove-label-one"
|
|
1394
1394
|
>
|
|
1395
|
-
<span class="pf-v6-c-
|
|
1395
|
+
<span class="pf-v6-c-button__icon">
|
|
1396
1396
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1397
1397
|
</span>
|
|
1398
1398
|
</button>
|
|
@@ -1411,13 +1411,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1411
1411
|
</span>
|
|
1412
1412
|
<span class="pf-v6-c-label__actions">
|
|
1413
1413
|
<button
|
|
1414
|
-
class="pf-v6-c-button pf-m-
|
|
1414
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1415
1415
|
type="button"
|
|
1416
1416
|
aria-labelledby="toolbar-selected-filters-example-label-group-statusremove-label-two toolbar-selected-filters-example-label-group-statuslabel-two"
|
|
1417
1417
|
aria-label="Remove"
|
|
1418
1418
|
id="toolbar-selected-filters-example-label-group-statusremove-label-two"
|
|
1419
1419
|
>
|
|
1420
|
-
<span class="pf-v6-c-
|
|
1420
|
+
<span class="pf-v6-c-button__icon">
|
|
1421
1421
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1422
1422
|
</span>
|
|
1423
1423
|
</button>
|
|
@@ -1436,13 +1436,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1436
1436
|
</span>
|
|
1437
1437
|
<span class="pf-v6-c-label__actions">
|
|
1438
1438
|
<button
|
|
1439
|
-
class="pf-v6-c-button pf-m-
|
|
1439
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1440
1440
|
type="button"
|
|
1441
1441
|
aria-labelledby="toolbar-selected-filters-example-label-group-statusremove-label-three toolbar-selected-filters-example-label-group-statuslabel-three"
|
|
1442
1442
|
aria-label="Remove"
|
|
1443
1443
|
id="toolbar-selected-filters-example-label-group-statusremove-label-three"
|
|
1444
1444
|
>
|
|
1445
|
-
<span class="pf-v6-c-
|
|
1445
|
+
<span class="pf-v6-c-button__icon">
|
|
1446
1446
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1447
1447
|
</span>
|
|
1448
1448
|
</button>
|
|
@@ -1478,13 +1478,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1478
1478
|
</span>
|
|
1479
1479
|
<span class="pf-v6-c-label__actions">
|
|
1480
1480
|
<button
|
|
1481
|
-
class="pf-v6-c-button pf-m-
|
|
1481
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1482
1482
|
type="button"
|
|
1483
1483
|
aria-labelledby="toolbar-selected-filters-example-label-group-riskremove-label-one toolbar-selected-filters-example-label-group-risklabel-one"
|
|
1484
1484
|
aria-label="Remove"
|
|
1485
1485
|
id="toolbar-selected-filters-example-label-group-riskremove-label-one"
|
|
1486
1486
|
>
|
|
1487
|
-
<span class="pf-v6-c-
|
|
1487
|
+
<span class="pf-v6-c-button__icon">
|
|
1488
1488
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1489
1489
|
</span>
|
|
1490
1490
|
</button>
|
|
@@ -1503,13 +1503,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1503
1503
|
</span>
|
|
1504
1504
|
<span class="pf-v6-c-label__actions">
|
|
1505
1505
|
<button
|
|
1506
|
-
class="pf-v6-c-button pf-m-
|
|
1506
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1507
1507
|
type="button"
|
|
1508
1508
|
aria-labelledby="toolbar-selected-filters-example-label-group-riskremove-label-two toolbar-selected-filters-example-label-group-risklabel-two"
|
|
1509
1509
|
aria-label="Remove"
|
|
1510
1510
|
id="toolbar-selected-filters-example-label-group-riskremove-label-two"
|
|
1511
1511
|
>
|
|
1512
|
-
<span class="pf-v6-c-
|
|
1512
|
+
<span class="pf-v6-c-button__icon">
|
|
1513
1513
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1514
1514
|
</span>
|
|
1515
1515
|
</button>
|
|
@@ -1528,13 +1528,13 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1528
1528
|
</span>
|
|
1529
1529
|
<span class="pf-v6-c-label__actions">
|
|
1530
1530
|
<button
|
|
1531
|
-
class="pf-v6-c-button pf-m-
|
|
1531
|
+
class="pf-v6-c-button pf-m-no-padding pf-m-plain"
|
|
1532
1532
|
type="button"
|
|
1533
1533
|
aria-labelledby="toolbar-selected-filters-example-label-group-riskremove-label-three toolbar-selected-filters-example-label-group-risklabel-three"
|
|
1534
1534
|
aria-label="Remove"
|
|
1535
1535
|
id="toolbar-selected-filters-example-label-group-riskremove-label-three"
|
|
1536
1536
|
>
|
|
1537
|
-
<span class="pf-v6-c-
|
|
1537
|
+
<span class="pf-v6-c-button__icon">
|
|
1538
1538
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1539
1539
|
</span>
|
|
1540
1540
|
</button>
|
|
@@ -1548,7 +1548,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1548
1548
|
</div>
|
|
1549
1549
|
</div>
|
|
1550
1550
|
<div class="pf-v6-c-toolbar__item">
|
|
1551
|
-
<button class="pf-v6-c-button pf-m-
|
|
1551
|
+
<button class="pf-v6-c-button pf-m-inline pf-m-link" type="button">
|
|
1552
1552
|
<span class="pf-v6-c-button__text">Clear all filters</span>
|
|
1553
1553
|
</button>
|
|
1554
1554
|
</div>
|
|
@@ -1759,24 +1759,24 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1759
1759
|
<nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
|
|
1760
1760
|
<div class="pf-v6-c-pagination__nav-control pf-m-first">
|
|
1761
1761
|
<button
|
|
1762
|
-
class="pf-v6-c-button pf-m-plain
|
|
1762
|
+
class="pf-v6-c-button pf-m-plain"
|
|
1763
1763
|
type="button"
|
|
1764
1764
|
aria-label="Go to first page"
|
|
1765
|
-
|
|
1765
|
+
disabled
|
|
1766
1766
|
>
|
|
1767
|
-
<span class="pf-v6-c-
|
|
1767
|
+
<span class="pf-v6-c-button__icon">
|
|
1768
1768
|
<i class="fas fa-angle-double-left" aria-hidden="true"></i>
|
|
1769
1769
|
</span>
|
|
1770
1770
|
</button>
|
|
1771
1771
|
</div>
|
|
1772
1772
|
<div class="pf-v6-c-pagination__nav-control pf-m-prev">
|
|
1773
1773
|
<button
|
|
1774
|
-
class="pf-v6-c-button pf-m-plain
|
|
1774
|
+
class="pf-v6-c-button pf-m-plain"
|
|
1775
1775
|
type="button"
|
|
1776
1776
|
aria-label="Go to previous page"
|
|
1777
|
-
|
|
1777
|
+
disabled
|
|
1778
1778
|
>
|
|
1779
|
-
<span class="pf-v6-c-
|
|
1779
|
+
<span class="pf-v6-c-button__icon">
|
|
1780
1780
|
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
1781
1781
|
</span>
|
|
1782
1782
|
</button>
|
|
@@ -1803,7 +1803,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1803
1803
|
type="button"
|
|
1804
1804
|
aria-label="Go to next page"
|
|
1805
1805
|
>
|
|
1806
|
-
<span class="pf-v6-c-
|
|
1806
|
+
<span class="pf-v6-c-button__icon">
|
|
1807
1807
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1808
1808
|
</span>
|
|
1809
1809
|
</button>
|
|
@@ -1814,7 +1814,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1814
1814
|
type="button"
|
|
1815
1815
|
aria-label="Go to last page"
|
|
1816
1816
|
>
|
|
1817
|
-
<span class="pf-v6-c-
|
|
1817
|
+
<span class="pf-v6-c-button__icon">
|
|
1818
1818
|
<i class="fas fa-angle-double-right" aria-hidden="true"></i>
|
|
1819
1819
|
</span>
|
|
1820
1820
|
</button>
|
|
@@ -1992,24 +1992,24 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
1992
1992
|
<nav class="pf-v6-c-pagination__nav" aria-label="Pagination">
|
|
1993
1993
|
<div class="pf-v6-c-pagination__nav-control pf-m-first">
|
|
1994
1994
|
<button
|
|
1995
|
-
class="pf-v6-c-button pf-m-plain
|
|
1995
|
+
class="pf-v6-c-button pf-m-plain"
|
|
1996
1996
|
type="button"
|
|
1997
1997
|
aria-label="Go to first page"
|
|
1998
|
-
|
|
1998
|
+
disabled
|
|
1999
1999
|
>
|
|
2000
|
-
<span class="pf-v6-c-
|
|
2000
|
+
<span class="pf-v6-c-button__icon">
|
|
2001
2001
|
<i class="fas fa-angle-double-left" aria-hidden="true"></i>
|
|
2002
2002
|
</span>
|
|
2003
2003
|
</button>
|
|
2004
2004
|
</div>
|
|
2005
2005
|
<div class="pf-v6-c-pagination__nav-control pf-m-prev">
|
|
2006
2006
|
<button
|
|
2007
|
-
class="pf-v6-c-button pf-m-plain
|
|
2007
|
+
class="pf-v6-c-button pf-m-plain"
|
|
2008
2008
|
type="button"
|
|
2009
2009
|
aria-label="Go to previous page"
|
|
2010
|
-
|
|
2010
|
+
disabled
|
|
2011
2011
|
>
|
|
2012
|
-
<span class="pf-v6-c-
|
|
2012
|
+
<span class="pf-v6-c-button__icon">
|
|
2013
2013
|
<i class="fas fa-angle-left" aria-hidden="true"></i>
|
|
2014
2014
|
</span>
|
|
2015
2015
|
</button>
|
|
@@ -2036,7 +2036,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2036
2036
|
type="button"
|
|
2037
2037
|
aria-label="Go to next page"
|
|
2038
2038
|
>
|
|
2039
|
-
<span class="pf-v6-c-
|
|
2039
|
+
<span class="pf-v6-c-button__icon">
|
|
2040
2040
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
2041
2041
|
</span>
|
|
2042
2042
|
</button>
|
|
@@ -2047,7 +2047,7 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
|
|
|
2047
2047
|
type="button"
|
|
2048
2048
|
aria-label="Go to last page"
|
|
2049
2049
|
>
|
|
2050
|
-
<span class="pf-v6-c-
|
|
2050
|
+
<span class="pf-v6-c-button__icon">
|
|
2051
2051
|
<i class="fas fa-angle-double-right" aria-hidden="true"></i>
|
|
2052
2052
|
</span>
|
|
2053
2053
|
</button>
|
|
@@ -1721,7 +1721,7 @@ cssPrefix: pf-v6-c-tree-view
|
|
|
1721
1721
|
type="button"
|
|
1722
1722
|
aria-label="Actions"
|
|
1723
1723
|
>
|
|
1724
|
-
<span class="pf-v6-c-
|
|
1724
|
+
<span class="pf-v6-c-button__icon">
|
|
1725
1725
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
1726
1726
|
</span>
|
|
1727
1727
|
</button>
|
|
@@ -1752,7 +1752,7 @@ cssPrefix: pf-v6-c-tree-view
|
|
|
1752
1752
|
type="button"
|
|
1753
1753
|
aria-label="Copy"
|
|
1754
1754
|
>
|
|
1755
|
-
<span class="pf-v6-c-
|
|
1755
|
+
<span class="pf-v6-c-button__icon">
|
|
1756
1756
|
<i class="fas fa-clipboard" aria-hidden="true"></i>
|
|
1757
1757
|
</span>
|
|
1758
1758
|
</button>
|
|
@@ -1811,7 +1811,7 @@ cssPrefix: pf-v6-c-tree-view
|
|
|
1811
1811
|
type="button"
|
|
1812
1812
|
aria-label="Action"
|
|
1813
1813
|
>
|
|
1814
|
-
<span class="pf-v6-c-
|
|
1814
|
+
<span class="pf-v6-c-button__icon">
|
|
1815
1815
|
<i class="fas fa-bars" aria-hidden="true"></i>
|
|
1816
1816
|
</span>
|
|
1817
1817
|
</button>
|
|
@@ -1971,7 +1971,7 @@ cssPrefix: pf-v6-c-tree-view
|
|
|
1971
1971
|
type="button"
|
|
1972
1972
|
aria-label="Actions"
|
|
1973
1973
|
>
|
|
1974
|
-
<span class="pf-v6-c-
|
|
1974
|
+
<span class="pf-v6-c-button__icon">
|
|
1975
1975
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
1976
1976
|
</span>
|
|
1977
1977
|
</button>
|
|
@@ -18,7 +18,7 @@ wrapperTag: div
|
|
|
18
18
|
type="button"
|
|
19
19
|
aria-label="Close"
|
|
20
20
|
>
|
|
21
|
-
<span class="pf-v6-c-
|
|
21
|
+
<span class="pf-v6-c-button__icon">
|
|
22
22
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
23
23
|
</span>
|
|
24
24
|
</button>
|
|
@@ -304,7 +304,7 @@ wrapperTag: div
|
|
|
304
304
|
type="button"
|
|
305
305
|
aria-label="Close"
|
|
306
306
|
>
|
|
307
|
-
<span class="pf-v6-c-
|
|
307
|
+
<span class="pf-v6-c-button__icon">
|
|
308
308
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
309
309
|
</span>
|
|
310
310
|
</button>
|
|
@@ -590,7 +590,7 @@ wrapperTag: div
|
|
|
590
590
|
type="button"
|
|
591
591
|
aria-label="Close"
|
|
592
592
|
>
|
|
593
|
-
<span class="pf-v6-c-
|
|
593
|
+
<span class="pf-v6-c-button__icon">
|
|
594
594
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
595
595
|
</span>
|
|
596
596
|
</button>
|
|
@@ -696,7 +696,7 @@ wrapperTag: div
|
|
|
696
696
|
<div class="pf-v6-c-drawer__content">
|
|
697
697
|
<div class="pf-v6-c-wizard__main-body">
|
|
698
698
|
<button
|
|
699
|
-
class="pf-v6-c-button pf-v6-u-hidden pf-
|
|
699
|
+
class="pf-v6-c-button pf-v6-u-hidden pf-v6-u-float-right pf-v6-u-ml-md pf-m-inline pf-m-link"
|
|
700
700
|
type="button"
|
|
701
701
|
>
|
|
702
702
|
<span class="pf-v6-c-button__text">Open drawer</span>
|
|
@@ -855,7 +855,7 @@ wrapperTag: div
|
|
|
855
855
|
type="button"
|
|
856
856
|
aria-label="Close drawer panel"
|
|
857
857
|
>
|
|
858
|
-
<span class="pf-v6-c-
|
|
858
|
+
<span class="pf-v6-c-button__icon">
|
|
859
859
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
860
860
|
</span>
|
|
861
861
|
</button>
|
|
@@ -907,7 +907,7 @@ wrapperTag: div
|
|
|
907
907
|
type="button"
|
|
908
908
|
aria-label="Close"
|
|
909
909
|
>
|
|
910
|
-
<span class="pf-v6-c-
|
|
910
|
+
<span class="pf-v6-c-button__icon">
|
|
911
911
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
912
912
|
</span>
|
|
913
913
|
</button>
|
|
@@ -1193,7 +1193,7 @@ wrapperTag: div
|
|
|
1193
1193
|
type="button"
|
|
1194
1194
|
aria-label="Close"
|
|
1195
1195
|
>
|
|
1196
|
-
<span class="pf-v6-c-
|
|
1196
|
+
<span class="pf-v6-c-button__icon">
|
|
1197
1197
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1198
1198
|
</span>
|
|
1199
1199
|
</button>
|
|
@@ -1479,7 +1479,7 @@ wrapperTag: div
|
|
|
1479
1479
|
type="button"
|
|
1480
1480
|
aria-label="Close"
|
|
1481
1481
|
>
|
|
1482
|
-
<span class="pf-v6-c-
|
|
1482
|
+
<span class="pf-v6-c-button__icon">
|
|
1483
1483
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1484
1484
|
</span>
|
|
1485
1485
|
</button>
|
|
@@ -1658,7 +1658,7 @@ wrapperTag: div
|
|
|
1658
1658
|
type="button"
|
|
1659
1659
|
aria-label="Close"
|
|
1660
1660
|
>
|
|
1661
|
-
<span class="pf-v6-c-
|
|
1661
|
+
<span class="pf-v6-c-button__icon">
|
|
1662
1662
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1663
1663
|
</span>
|
|
1664
1664
|
</button>
|
|
@@ -1949,7 +1949,7 @@ wrapperTag: div
|
|
|
1949
1949
|
type="button"
|
|
1950
1950
|
aria-label="Close"
|
|
1951
1951
|
>
|
|
1952
|
-
<span class="pf-v6-c-
|
|
1952
|
+
<span class="pf-v6-c-button__icon">
|
|
1953
1953
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
1954
1954
|
</span>
|
|
1955
1955
|
</button>
|
|
@@ -24,7 +24,7 @@ This demo implements the about modal, including the backdrop.
|
|
|
24
24
|
type="button"
|
|
25
25
|
aria-label="Global navigation"
|
|
26
26
|
>
|
|
27
|
-
<span class="pf-v6-c-
|
|
27
|
+
<span class="pf-v6-c-button__icon">
|
|
28
28
|
<i class="fas fa-bars" aria-hidden="true"></i>
|
|
29
29
|
</span>
|
|
30
30
|
</button>
|
|
@@ -356,7 +356,7 @@ This demo implements the about modal, including the backdrop.
|
|
|
356
356
|
type="button"
|
|
357
357
|
aria-label="Close dialog"
|
|
358
358
|
>
|
|
359
|
-
<span class="pf-v6-c-
|
|
359
|
+
<span class="pf-v6-c-button__icon">
|
|
360
360
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
361
361
|
</span>
|
|
362
362
|
</button>
|
|
@@ -22,7 +22,7 @@ section: components
|
|
|
22
22
|
type="button"
|
|
23
23
|
aria-label="Global navigation"
|
|
24
24
|
>
|
|
25
|
-
<span class="pf-v6-c-
|
|
25
|
+
<span class="pf-v6-c-button__icon">
|
|
26
26
|
<i class="fas fa-bars" aria-hidden="true"></i>
|
|
27
27
|
</span>
|
|
28
28
|
</button>
|
|
@@ -345,7 +345,7 @@ section: components
|
|
|
345
345
|
type="button"
|
|
346
346
|
aria-label="Close success alert: Newest notification"
|
|
347
347
|
>
|
|
348
|
-
<span class="pf-v6-c-
|
|
348
|
+
<span class="pf-v6-c-button__icon">
|
|
349
349
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
350
350
|
</span>
|
|
351
351
|
</button>
|
|
@@ -370,7 +370,7 @@ section: components
|
|
|
370
370
|
type="button"
|
|
371
371
|
aria-label="Close warning alert: second newest notification"
|
|
372
372
|
>
|
|
373
|
-
<span class="pf-v6-c-
|
|
373
|
+
<span class="pf-v6-c-button__icon">
|
|
374
374
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
375
375
|
</span>
|
|
376
376
|
</button>
|
|
@@ -395,7 +395,7 @@ section: components
|
|
|
395
395
|
type="button"
|
|
396
396
|
aria-label="Close danger alert: Last notification"
|
|
397
397
|
>
|
|
398
|
-
<span class="pf-v6-c-
|
|
398
|
+
<span class="pf-v6-c-button__icon">
|
|
399
399
|
<i class="fas fa-times" aria-hidden="true"></i>
|
|
400
400
|
</span>
|
|
401
401
|
</button>
|
|
@@ -428,7 +428,7 @@ section: components
|
|
|
428
428
|
type="button"
|
|
429
429
|
aria-label="Global navigation"
|
|
430
430
|
>
|
|
431
|
-
<span class="pf-v6-c-
|
|
431
|
+
<span class="pf-v6-c-button__icon">
|
|
432
432
|
<i class="fas fa-bars" aria-hidden="true"></i>
|
|
433
433
|
</span>
|
|
434
434
|
</button>
|
|
@@ -934,7 +934,7 @@ section: components
|
|
|
934
934
|
type="button"
|
|
935
935
|
aria-label="Global navigation"
|
|
936
936
|
>
|
|
937
|
-
<span class="pf-v6-c-
|
|
937
|
+
<span class="pf-v6-c-button__icon">
|
|
938
938
|
<i class="fas fa-bars" aria-hidden="true"></i>
|
|
939
939
|
</span>
|
|
940
940
|
</button>
|