@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.63
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 +2 -2
- package/components/Button/button.scss +3 -3
- package/components/Menu/menu.css +26 -19
- package/components/Menu/menu.scss +26 -19
- package/components/MenuToggle/menu-toggle.css +9 -5
- package/components/MenuToggle/menu-toggle.scss +12 -5
- package/components/_index.css +37 -26
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
- package/docs/components/Card/examples/Card.md +130 -10
- package/docs/components/DataList/examples/DataList.md +221 -17
- package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
- package/docs/components/Hint/examples/Hint.md +39 -3
- package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
- package/docs/components/InputGroup/examples/InputGroup.md +13 -1
- package/docs/components/Login/examples/Login.md +13 -1
- package/docs/components/Menu/examples/Menu.md +195 -15
- package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
- package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
- package/docs/components/Pagination/examples/Pagination.md +169 -13
- package/docs/components/Table/examples/Table.md +3461 -269
- package/docs/components/Toolbar/examples/Toolbar.md +507 -39
- package/docs/demos/AboutModal/examples/AboutModal.md +26 -2
- package/docs/demos/Alert/examples/Alert.md +78 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +26 -2
- package/docs/demos/Banner/examples/Banner.md +52 -4
- package/docs/demos/Card/examples/Card.md +78 -6
- package/docs/demos/CardView/examples/CardView.md +206 -20
- package/docs/demos/Compass/examples/Compass.md +431 -56
- package/docs/demos/Dashboard/examples/Dashboard.md +63 -9
- package/docs/demos/DataList/examples/DataList.md +369 -45
- package/docs/demos/DescriptionList/examples/DescriptionList.md +91 -7
- package/docs/demos/Drawer/examples/Drawer.md +143 -11
- package/docs/demos/JumpLinks/examples/JumpLinks.md +156 -12
- package/docs/demos/Masthead/examples/Masthead.md +156 -12
- package/docs/demos/Modal/examples/Modal.md +156 -12
- package/docs/demos/Nav/examples/Nav.md +104 -8
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +975 -75
- package/docs/demos/Page/examples/Page.md +390 -30
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +593 -83
- package/docs/demos/Skeleton/examples/Skeleton.md +26 -2
- package/docs/demos/Table/examples/Table.md +2518 -322
- package/docs/demos/Tabs/examples/Tabs.md +247 -19
- package/docs/demos/Toolbar/examples/Toolbar.md +659 -59
- package/docs/demos/Wizard/examples/Wizard.md +234 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +37 -26
- package/patternfly.css +37 -26
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -158,7 +158,19 @@ section: components
|
|
|
158
158
|
aria-label="Settings"
|
|
159
159
|
>
|
|
160
160
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
161
|
-
<
|
|
161
|
+
<svg
|
|
162
|
+
class="pf-v6-svg"
|
|
163
|
+
viewBox="0 0 32 32"
|
|
164
|
+
fill="currentColor"
|
|
165
|
+
aria-hidden="true"
|
|
166
|
+
role="img"
|
|
167
|
+
width="1em"
|
|
168
|
+
height="1em"
|
|
169
|
+
>
|
|
170
|
+
<path
|
|
171
|
+
d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
|
|
172
|
+
/>
|
|
173
|
+
</svg>
|
|
162
174
|
</span>
|
|
163
175
|
</button>
|
|
164
176
|
</div>
|
|
@@ -184,7 +196,19 @@ section: components
|
|
|
184
196
|
aria-label="Actions"
|
|
185
197
|
>
|
|
186
198
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
187
|
-
<
|
|
199
|
+
<svg
|
|
200
|
+
class="pf-v6-svg"
|
|
201
|
+
viewBox="0 0 32 32"
|
|
202
|
+
fill="currentColor"
|
|
203
|
+
aria-hidden="true"
|
|
204
|
+
role="img"
|
|
205
|
+
width="1em"
|
|
206
|
+
height="1em"
|
|
207
|
+
>
|
|
208
|
+
<path
|
|
209
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
210
|
+
/>
|
|
211
|
+
</svg>
|
|
188
212
|
</span>
|
|
189
213
|
</button>
|
|
190
214
|
</div>
|
|
@@ -518,7 +542,19 @@ section: components
|
|
|
518
542
|
aria-label="Settings"
|
|
519
543
|
>
|
|
520
544
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
521
|
-
<
|
|
545
|
+
<svg
|
|
546
|
+
class="pf-v6-svg"
|
|
547
|
+
viewBox="0 0 32 32"
|
|
548
|
+
fill="currentColor"
|
|
549
|
+
aria-hidden="true"
|
|
550
|
+
role="img"
|
|
551
|
+
width="1em"
|
|
552
|
+
height="1em"
|
|
553
|
+
>
|
|
554
|
+
<path
|
|
555
|
+
d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
|
|
556
|
+
/>
|
|
557
|
+
</svg>
|
|
522
558
|
</span>
|
|
523
559
|
</button>
|
|
524
560
|
</div>
|
|
@@ -544,7 +580,19 @@ section: components
|
|
|
544
580
|
aria-label="Actions"
|
|
545
581
|
>
|
|
546
582
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
547
|
-
<
|
|
583
|
+
<svg
|
|
584
|
+
class="pf-v6-svg"
|
|
585
|
+
viewBox="0 0 32 32"
|
|
586
|
+
fill="currentColor"
|
|
587
|
+
aria-hidden="true"
|
|
588
|
+
role="img"
|
|
589
|
+
width="1em"
|
|
590
|
+
height="1em"
|
|
591
|
+
>
|
|
592
|
+
<path
|
|
593
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
594
|
+
/>
|
|
595
|
+
</svg>
|
|
548
596
|
</span>
|
|
549
597
|
</button>
|
|
550
598
|
</div>
|
|
@@ -916,7 +964,19 @@ section: components
|
|
|
916
964
|
aria-label="Settings"
|
|
917
965
|
>
|
|
918
966
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
919
|
-
<
|
|
967
|
+
<svg
|
|
968
|
+
class="pf-v6-svg"
|
|
969
|
+
viewBox="0 0 32 32"
|
|
970
|
+
fill="currentColor"
|
|
971
|
+
aria-hidden="true"
|
|
972
|
+
role="img"
|
|
973
|
+
width="1em"
|
|
974
|
+
height="1em"
|
|
975
|
+
>
|
|
976
|
+
<path
|
|
977
|
+
d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
|
|
978
|
+
/>
|
|
979
|
+
</svg>
|
|
920
980
|
</span>
|
|
921
981
|
</button>
|
|
922
982
|
</div>
|
|
@@ -942,7 +1002,19 @@ section: components
|
|
|
942
1002
|
aria-label="Actions"
|
|
943
1003
|
>
|
|
944
1004
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
945
|
-
<
|
|
1005
|
+
<svg
|
|
1006
|
+
class="pf-v6-svg"
|
|
1007
|
+
viewBox="0 0 32 32"
|
|
1008
|
+
fill="currentColor"
|
|
1009
|
+
aria-hidden="true"
|
|
1010
|
+
role="img"
|
|
1011
|
+
width="1em"
|
|
1012
|
+
height="1em"
|
|
1013
|
+
>
|
|
1014
|
+
<path
|
|
1015
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
1016
|
+
/>
|
|
1017
|
+
</svg>
|
|
946
1018
|
</span>
|
|
947
1019
|
</button>
|
|
948
1020
|
</div>
|
|
@@ -1722,7 +1794,19 @@ section: components
|
|
|
1722
1794
|
aria-label="Settings"
|
|
1723
1795
|
>
|
|
1724
1796
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1725
|
-
<
|
|
1797
|
+
<svg
|
|
1798
|
+
class="pf-v6-svg"
|
|
1799
|
+
viewBox="0 0 32 32"
|
|
1800
|
+
fill="currentColor"
|
|
1801
|
+
aria-hidden="true"
|
|
1802
|
+
role="img"
|
|
1803
|
+
width="1em"
|
|
1804
|
+
height="1em"
|
|
1805
|
+
>
|
|
1806
|
+
<path
|
|
1807
|
+
d="M30.168 12.894a.5.5 0 0 0-.488-.394h-2.732a11.512 11.512 0 0 0-.729-1.769l1.931-1.93a.5.5 0 0 0 .066-.625 14.693 14.693 0 0 0-4.393-4.392.498.498 0 0 0-.624.067l-1.93 1.93a11.512 11.512 0 0 0-1.769-.729V2.319a.5.5 0 0 0-.395-.489 14.81 14.81 0 0 0-6.211 0 .5.5 0 0 0-.395.489v2.733c-.614.196-1.207.439-1.769.729L8.8 3.851a.498.498 0 0 0-.624-.067 14.714 14.714 0 0 0-4.393 4.392.5.5 0 0 0 .066.625l1.931 1.93a11.512 11.512 0 0 0-.729 1.769H2.319a.5.5 0 0 0-.488.394 14.652 14.652 0 0 0 0 6.212.5.5 0 0 0 .488.394h2.732c.196.615.44 1.207.729 1.769l-1.931 1.93a.5.5 0 0 0-.066.625 14.673 14.673 0 0 0 4.393 4.392.498.498 0 0 0 .624-.067l1.93-1.93c.562.289 1.154.533 1.769.729v2.733a.5.5 0 0 0 .395.489 14.686 14.686 0 0 0 6.21 0 .5.5 0 0 0 .395-.489v-2.733a11.454 11.454 0 0 0 1.769-.729l1.93 1.93a.5.5 0 0 0 .624.067 14.714 14.714 0 0 0 4.393-4.392.5.5 0 0 0-.066-.625l-1.931-1.93c.289-.562.533-1.154.729-1.769h2.732a.5.5 0 0 0 .488-.394 14.652 14.652 0 0 0 0-6.212ZM16 21.25c-2.895 0-5.25-2.355-5.25-5.25s2.355-5.25 5.25-5.25 5.25 2.355 5.25 5.25-2.355 5.25-5.25 5.25Z"
|
|
1808
|
+
/>
|
|
1809
|
+
</svg>
|
|
1726
1810
|
</span>
|
|
1727
1811
|
</button>
|
|
1728
1812
|
</div>
|
|
@@ -1748,7 +1832,19 @@ section: components
|
|
|
1748
1832
|
aria-label="Actions"
|
|
1749
1833
|
>
|
|
1750
1834
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1751
|
-
<
|
|
1835
|
+
<svg
|
|
1836
|
+
class="pf-v6-svg"
|
|
1837
|
+
viewBox="0 0 32 32"
|
|
1838
|
+
fill="currentColor"
|
|
1839
|
+
aria-hidden="true"
|
|
1840
|
+
role="img"
|
|
1841
|
+
width="1em"
|
|
1842
|
+
height="1em"
|
|
1843
|
+
>
|
|
1844
|
+
<path
|
|
1845
|
+
d="M12.25 5c0-2.068 1.683-3.75 3.75-3.75S19.75 2.932 19.75 5 18.067 8.75 16 8.75 12.25 7.068 12.25 5ZM16 12.25c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Zm0 11c-2.067 0-3.75 1.682-3.75 3.75s1.683 3.75 3.75 3.75 3.75-1.682 3.75-3.75-1.683-3.75-3.75-3.75Z"
|
|
1846
|
+
/>
|
|
1847
|
+
</svg>
|
|
1752
1848
|
</span>
|
|
1753
1849
|
</button>
|
|
1754
1850
|
</div>
|