@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
|
@@ -353,7 +353,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
353
353
|
aria-expanded="true"
|
|
354
354
|
aria-controls="data-list-expandable-content1"
|
|
355
355
|
>
|
|
356
|
-
<span class="pf-v6-c-
|
|
356
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
357
357
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
358
358
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
359
359
|
</div>
|
|
@@ -420,7 +420,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
420
420
|
aria-expanded="false"
|
|
421
421
|
aria-controls="data-list-expandable-content2"
|
|
422
422
|
>
|
|
423
|
-
<span class="pf-v6-c-
|
|
423
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
424
424
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
425
425
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
426
426
|
</div>
|
|
@@ -484,7 +484,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
484
484
|
aria-expanded="true"
|
|
485
485
|
aria-controls="data-list-expandable-content3"
|
|
486
486
|
>
|
|
487
|
-
<span class="pf-v6-c-
|
|
487
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
488
488
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
489
489
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
490
490
|
</div>
|
|
@@ -562,7 +562,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
562
562
|
aria-expanded="true"
|
|
563
563
|
aria-controls="data-list-expandable-compact-content1"
|
|
564
564
|
>
|
|
565
|
-
<span class="pf-v6-c-
|
|
565
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
566
566
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
567
567
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
568
568
|
</div>
|
|
@@ -629,7 +629,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
629
629
|
aria-expanded="false"
|
|
630
630
|
aria-controls="data-list-expandable-compact-content2"
|
|
631
631
|
>
|
|
632
|
-
<span class="pf-v6-c-
|
|
632
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
633
633
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
634
634
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
635
635
|
</div>
|
|
@@ -696,7 +696,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
696
696
|
aria-expanded="true"
|
|
697
697
|
aria-controls="data-list-expandable-compact-content3"
|
|
698
698
|
>
|
|
699
|
-
<span class="pf-v6-c-
|
|
699
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
700
700
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
701
701
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
702
702
|
</div>
|
|
@@ -774,7 +774,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
774
774
|
aria-expanded="true"
|
|
775
775
|
aria-controls="data-list-expandable-nested-content1"
|
|
776
776
|
>
|
|
777
|
-
<span class="pf-v6-c-
|
|
777
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
778
778
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
779
779
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
780
780
|
</div>
|
|
@@ -842,7 +842,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
842
842
|
aria-expanded="true"
|
|
843
843
|
aria-controls="data-list-expandable-nested-nested-content1"
|
|
844
844
|
>
|
|
845
|
-
<span class="pf-v6-c-
|
|
845
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
846
846
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
847
847
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
848
848
|
</div>
|
|
@@ -885,7 +885,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
885
885
|
aria-expanded="false"
|
|
886
886
|
aria-controls="data-list-expandable-nested-nested-content2"
|
|
887
887
|
>
|
|
888
|
-
<span class="pf-v6-c-
|
|
888
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
889
889
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
890
890
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
891
891
|
</div>
|
|
@@ -929,7 +929,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
929
929
|
aria-expanded="true"
|
|
930
930
|
aria-controls="data-list-expandable-nested-nested-content3"
|
|
931
931
|
>
|
|
932
|
-
<span class="pf-v6-c-
|
|
932
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
933
933
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
934
934
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
935
935
|
</div>
|
|
@@ -976,7 +976,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
976
976
|
aria-expanded="false"
|
|
977
977
|
aria-controls="data-list-expandable-nested-content2"
|
|
978
978
|
>
|
|
979
|
-
<span class="pf-v6-c-
|
|
979
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
980
980
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
981
981
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
982
982
|
</div>
|
|
@@ -1040,7 +1040,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1040
1040
|
aria-expanded="true"
|
|
1041
1041
|
aria-controls="data-list-expandable-nested-content3"
|
|
1042
1042
|
>
|
|
1043
|
-
<span class="pf-v6-c-
|
|
1043
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
1044
1044
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1045
1045
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1046
1046
|
</div>
|
|
@@ -1442,7 +1442,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1442
1442
|
aria-expanded="true"
|
|
1443
1443
|
aria-controls="data-list-flex-modifiers-2-content1"
|
|
1444
1444
|
>
|
|
1445
|
-
<span class="pf-v6-c-
|
|
1445
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
1446
1446
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1447
1447
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1448
1448
|
</div>
|
|
@@ -1627,7 +1627,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1627
1627
|
aria-expanded="true"
|
|
1628
1628
|
aria-controls="data-list-clickable-expandable-rows-content1"
|
|
1629
1629
|
>
|
|
1630
|
-
<span class="pf-v6-c-
|
|
1630
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
1631
1631
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1632
1632
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1633
1633
|
</div>
|
|
@@ -1671,7 +1671,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1671
1671
|
aria-expanded="false"
|
|
1672
1672
|
aria-controls="data-list-clickable-expandable-rows-content2"
|
|
1673
1673
|
>
|
|
1674
|
-
<span class="pf-v6-c-
|
|
1674
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
1675
1675
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1676
1676
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1677
1677
|
</div>
|
|
@@ -1716,7 +1716,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1716
1716
|
aria-expanded="true"
|
|
1717
1717
|
aria-controls="data-list-clickable-expandable-rows-content3"
|
|
1718
1718
|
>
|
|
1719
|
-
<span class="pf-v6-c-
|
|
1719
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
1720
1720
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1721
1721
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1722
1722
|
</div>
|
|
@@ -1760,7 +1760,7 @@ When a list item includes more than one block of content, it can be difficult fo
|
|
|
1760
1760
|
aria-expanded="false"
|
|
1761
1761
|
aria-controls="data-list-clickable-expandable-rows-content4"
|
|
1762
1762
|
>
|
|
1763
|
-
<span class="pf-v6-c-
|
|
1763
|
+
<span class="pf-v6-c-button__icon pf-m-start">
|
|
1764
1764
|
<div class="pf-v6-c-data-list__toggle-icon">
|
|
1765
1765
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
1766
1766
|
</div>
|
|
@@ -30,7 +30,7 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
30
30
|
type="button"
|
|
31
31
|
aria-label="Toggle date picker"
|
|
32
32
|
>
|
|
33
|
-
<span class="pf-v6-c-
|
|
33
|
+
<span class="pf-v6-c-button__icon">
|
|
34
34
|
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
35
35
|
</span>
|
|
36
36
|
</button>
|
|
@@ -64,7 +64,7 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
64
64
|
type="button"
|
|
65
65
|
aria-label="Toggle date picker"
|
|
66
66
|
>
|
|
67
|
-
<span class="pf-v6-c-
|
|
67
|
+
<span class="pf-v6-c-button__icon">
|
|
68
68
|
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
69
69
|
</span>
|
|
70
70
|
</button>
|
|
@@ -111,7 +111,7 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
111
111
|
type="button"
|
|
112
112
|
aria-label="Toggle date picker"
|
|
113
113
|
>
|
|
114
|
-
<span class="pf-v6-c-
|
|
114
|
+
<span class="pf-v6-c-button__icon">
|
|
115
115
|
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
116
116
|
</span>
|
|
117
117
|
</button>
|
|
@@ -155,7 +155,7 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
155
155
|
type="button"
|
|
156
156
|
aria-label="Toggle date picker"
|
|
157
157
|
>
|
|
158
|
-
<span class="pf-v6-c-
|
|
158
|
+
<span class="pf-v6-c-button__icon">
|
|
159
159
|
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
160
160
|
</span>
|
|
161
161
|
</button>
|
|
@@ -193,7 +193,7 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
193
193
|
type="button"
|
|
194
194
|
aria-label="Toggle date picker"
|
|
195
195
|
>
|
|
196
|
-
<span class="pf-v6-c-
|
|
196
|
+
<span class="pf-v6-c-button__icon">
|
|
197
197
|
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
198
198
|
</span>
|
|
199
199
|
</button>
|
|
@@ -230,7 +230,7 @@ cssPrefix: pf-v6-c-date-picker
|
|
|
230
230
|
type="button"
|
|
231
231
|
aria-label="Toggle date picker"
|
|
232
232
|
>
|
|
233
|
-
<span class="pf-v6-c-
|
|
233
|
+
<span class="pf-v6-c-button__icon">
|
|
234
234
|
<i class="fas fa-calendar-alt" aria-hidden="true"></i>
|
|
235
235
|
</span>
|
|
236
236
|
</button>
|