@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.64
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/ClipboardCopy/clipboard-copy.css +7 -1
- package/components/ClipboardCopy/clipboard-copy.scss +10 -1
- 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 +44 -27
- 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/ClipboardCopy/examples/ClipboardCopy.md +39 -38
- 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/Page/examples/Page.md +62 -15
- 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 +34 -4
- package/docs/demos/Alert/examples/Alert.md +102 -12
- package/docs/demos/BackToTop/examples/BackToTop.md +34 -4
- package/docs/demos/Banner/examples/Banner.md +68 -8
- package/docs/demos/Card/examples/Card.md +78 -6
- package/docs/demos/CardView/examples/CardView.md +214 -22
- package/docs/demos/Compass/examples/Compass.md +431 -56
- package/docs/demos/Dashboard/examples/Dashboard.md +71 -11
- package/docs/demos/DataList/examples/DataList.md +401 -53
- package/docs/demos/DescriptionList/examples/DescriptionList.md +115 -13
- package/docs/demos/Drawer/examples/Drawer.md +167 -17
- package/docs/demos/JumpLinks/examples/JumpLinks.md +188 -20
- package/docs/demos/Masthead/examples/Masthead.md +228 -30
- package/docs/demos/Modal/examples/Modal.md +204 -24
- package/docs/demos/Nav/examples/Nav.md +184 -28
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1015 -85
- package/docs/demos/Page/examples/Page.md +503 -58
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +649 -97
- package/docs/demos/Skeleton/examples/Skeleton.md +34 -4
- package/docs/demos/Table/examples/Table.md +2641 -349
- package/docs/demos/Tabs/examples/Tabs.md +295 -31
- package/docs/demos/Toolbar/examples/Toolbar.md +675 -63
- package/docs/demos/Wizard/examples/Wizard.md +306 -36
- package/package.json +1 -1
- package/patternfly-no-globals.css +44 -27
- package/patternfly.css +44 -27
- 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>
|
|
@@ -315,9 +339,15 @@ section: components
|
|
|
315
339
|
</nav>
|
|
316
340
|
</div>
|
|
317
341
|
</section>
|
|
318
|
-
<section
|
|
342
|
+
<section
|
|
343
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
344
|
+
aria-labelledby="main-title"
|
|
345
|
+
>
|
|
319
346
|
<div class="pf-v6-c-page__main-body">
|
|
320
|
-
<h1
|
|
347
|
+
<h1
|
|
348
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
349
|
+
id="main-title"
|
|
350
|
+
>Main title</h1>
|
|
321
351
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
322
352
|
</div>
|
|
323
353
|
</section>
|
|
@@ -790,7 +820,19 @@ section: components
|
|
|
790
820
|
aria-label="Settings"
|
|
791
821
|
>
|
|
792
822
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
793
|
-
<
|
|
823
|
+
<svg
|
|
824
|
+
class="pf-v6-svg"
|
|
825
|
+
viewBox="0 0 32 32"
|
|
826
|
+
fill="currentColor"
|
|
827
|
+
aria-hidden="true"
|
|
828
|
+
role="img"
|
|
829
|
+
width="1em"
|
|
830
|
+
height="1em"
|
|
831
|
+
>
|
|
832
|
+
<path
|
|
833
|
+
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"
|
|
834
|
+
/>
|
|
835
|
+
</svg>
|
|
794
836
|
</span>
|
|
795
837
|
</button>
|
|
796
838
|
</div>
|
|
@@ -816,7 +858,19 @@ section: components
|
|
|
816
858
|
aria-label="Actions"
|
|
817
859
|
>
|
|
818
860
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
819
|
-
<
|
|
861
|
+
<svg
|
|
862
|
+
class="pf-v6-svg"
|
|
863
|
+
viewBox="0 0 32 32"
|
|
864
|
+
fill="currentColor"
|
|
865
|
+
aria-hidden="true"
|
|
866
|
+
role="img"
|
|
867
|
+
width="1em"
|
|
868
|
+
height="1em"
|
|
869
|
+
>
|
|
870
|
+
<path
|
|
871
|
+
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"
|
|
872
|
+
/>
|
|
873
|
+
</svg>
|
|
820
874
|
</span>
|
|
821
875
|
</button>
|
|
822
876
|
</div>
|
|
@@ -947,9 +1001,15 @@ section: components
|
|
|
947
1001
|
</nav>
|
|
948
1002
|
</div>
|
|
949
1003
|
</section>
|
|
950
|
-
<section
|
|
1004
|
+
<section
|
|
1005
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
1006
|
+
aria-labelledby="main-title"
|
|
1007
|
+
>
|
|
951
1008
|
<div class="pf-v6-c-page__main-body">
|
|
952
|
-
<h1
|
|
1009
|
+
<h1
|
|
1010
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
1011
|
+
id="main-title"
|
|
1012
|
+
>Main title</h1>
|
|
953
1013
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
954
1014
|
</div>
|
|
955
1015
|
</section>
|
|
@@ -1429,7 +1489,19 @@ section: components
|
|
|
1429
1489
|
aria-label="Settings"
|
|
1430
1490
|
>
|
|
1431
1491
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1432
|
-
<
|
|
1492
|
+
<svg
|
|
1493
|
+
class="pf-v6-svg"
|
|
1494
|
+
viewBox="0 0 32 32"
|
|
1495
|
+
fill="currentColor"
|
|
1496
|
+
aria-hidden="true"
|
|
1497
|
+
role="img"
|
|
1498
|
+
width="1em"
|
|
1499
|
+
height="1em"
|
|
1500
|
+
>
|
|
1501
|
+
<path
|
|
1502
|
+
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"
|
|
1503
|
+
/>
|
|
1504
|
+
</svg>
|
|
1433
1505
|
</span>
|
|
1434
1506
|
</button>
|
|
1435
1507
|
</div>
|
|
@@ -1455,7 +1527,19 @@ section: components
|
|
|
1455
1527
|
aria-label="Actions"
|
|
1456
1528
|
>
|
|
1457
1529
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1458
|
-
<
|
|
1530
|
+
<svg
|
|
1531
|
+
class="pf-v6-svg"
|
|
1532
|
+
viewBox="0 0 32 32"
|
|
1533
|
+
fill="currentColor"
|
|
1534
|
+
aria-hidden="true"
|
|
1535
|
+
role="img"
|
|
1536
|
+
width="1em"
|
|
1537
|
+
height="1em"
|
|
1538
|
+
>
|
|
1539
|
+
<path
|
|
1540
|
+
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"
|
|
1541
|
+
/>
|
|
1542
|
+
</svg>
|
|
1459
1543
|
</span>
|
|
1460
1544
|
</button>
|
|
1461
1545
|
</div>
|
|
@@ -1586,9 +1670,15 @@ section: components
|
|
|
1586
1670
|
</nav>
|
|
1587
1671
|
</div>
|
|
1588
1672
|
</section>
|
|
1589
|
-
<section
|
|
1673
|
+
<section
|
|
1674
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
1675
|
+
aria-labelledby="main-title"
|
|
1676
|
+
>
|
|
1590
1677
|
<div class="pf-v6-c-page__main-body">
|
|
1591
|
-
<h1
|
|
1678
|
+
<h1
|
|
1679
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
1680
|
+
id="main-title"
|
|
1681
|
+
>Main title</h1>
|
|
1592
1682
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
1593
1683
|
</div>
|
|
1594
1684
|
</section>
|
|
@@ -1985,7 +2075,19 @@ section: components
|
|
|
1985
2075
|
aria-label="Settings"
|
|
1986
2076
|
>
|
|
1987
2077
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1988
|
-
<
|
|
2078
|
+
<svg
|
|
2079
|
+
class="pf-v6-svg"
|
|
2080
|
+
viewBox="0 0 32 32"
|
|
2081
|
+
fill="currentColor"
|
|
2082
|
+
aria-hidden="true"
|
|
2083
|
+
role="img"
|
|
2084
|
+
width="1em"
|
|
2085
|
+
height="1em"
|
|
2086
|
+
>
|
|
2087
|
+
<path
|
|
2088
|
+
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"
|
|
2089
|
+
/>
|
|
2090
|
+
</svg>
|
|
1989
2091
|
</span>
|
|
1990
2092
|
</button>
|
|
1991
2093
|
</div>
|
|
@@ -2011,7 +2113,19 @@ section: components
|
|
|
2011
2113
|
aria-label="Actions"
|
|
2012
2114
|
>
|
|
2013
2115
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2014
|
-
<
|
|
2116
|
+
<svg
|
|
2117
|
+
class="pf-v6-svg"
|
|
2118
|
+
viewBox="0 0 32 32"
|
|
2119
|
+
fill="currentColor"
|
|
2120
|
+
aria-hidden="true"
|
|
2121
|
+
role="img"
|
|
2122
|
+
width="1em"
|
|
2123
|
+
height="1em"
|
|
2124
|
+
>
|
|
2125
|
+
<path
|
|
2126
|
+
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"
|
|
2127
|
+
/>
|
|
2128
|
+
</svg>
|
|
2015
2129
|
</span>
|
|
2016
2130
|
</button>
|
|
2017
2131
|
</div>
|
|
@@ -2142,9 +2256,15 @@ section: components
|
|
|
2142
2256
|
</nav>
|
|
2143
2257
|
</div>
|
|
2144
2258
|
</section>
|
|
2145
|
-
<section
|
|
2259
|
+
<section
|
|
2260
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
2261
|
+
aria-labelledby="main-title"
|
|
2262
|
+
>
|
|
2146
2263
|
<div class="pf-v6-c-page__main-body">
|
|
2147
|
-
<h1
|
|
2264
|
+
<h1
|
|
2265
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
2266
|
+
id="main-title"
|
|
2267
|
+
>Main title</h1>
|
|
2148
2268
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
2149
2269
|
</div>
|
|
2150
2270
|
</section>
|
|
@@ -2180,7 +2300,19 @@ section: components
|
|
|
2180
2300
|
<span class="pf-v6-c-menu-toggle__text">Name</span>
|
|
2181
2301
|
<span class="pf-v6-c-menu-toggle__controls">
|
|
2182
2302
|
<span class="pf-v6-c-menu-toggle__toggle-icon">
|
|
2183
|
-
<
|
|
2303
|
+
<svg
|
|
2304
|
+
class="pf-v6-svg"
|
|
2305
|
+
viewBox="0 0 20 20"
|
|
2306
|
+
fill="currentColor"
|
|
2307
|
+
aria-hidden="true"
|
|
2308
|
+
role="img"
|
|
2309
|
+
width="1em"
|
|
2310
|
+
height="1em"
|
|
2311
|
+
>
|
|
2312
|
+
<path
|
|
2313
|
+
d="M18.92 5.62C18.77 5.25 18.4 5 18 5H2a1.003 1.003 0 0 0-.71 1.71l7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65c.29-.29.37-.72.22-1.09Z"
|
|
2314
|
+
/>
|
|
2315
|
+
</svg>
|
|
2184
2316
|
</span>
|
|
2185
2317
|
</span>
|
|
2186
2318
|
</button>
|
|
@@ -2253,7 +2385,19 @@ section: components
|
|
|
2253
2385
|
id="table-tabs-example-tabs-toolbar-overflow-menu-toggle"
|
|
2254
2386
|
>
|
|
2255
2387
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2256
|
-
<
|
|
2388
|
+
<svg
|
|
2389
|
+
class="pf-v6-svg"
|
|
2390
|
+
viewBox="0 0 32 32"
|
|
2391
|
+
fill="currentColor"
|
|
2392
|
+
aria-hidden="true"
|
|
2393
|
+
role="img"
|
|
2394
|
+
width="1em"
|
|
2395
|
+
height="1em"
|
|
2396
|
+
>
|
|
2397
|
+
<path
|
|
2398
|
+
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"
|
|
2399
|
+
/>
|
|
2400
|
+
</svg>
|
|
2257
2401
|
</span>
|
|
2258
2402
|
</button>
|
|
2259
2403
|
</div>
|
|
@@ -2428,7 +2572,19 @@ section: components
|
|
|
2428
2572
|
aria-label="Table actions"
|
|
2429
2573
|
>
|
|
2430
2574
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2431
|
-
<
|
|
2575
|
+
<svg
|
|
2576
|
+
class="pf-v6-svg"
|
|
2577
|
+
viewBox="0 0 32 32"
|
|
2578
|
+
fill="currentColor"
|
|
2579
|
+
aria-hidden="true"
|
|
2580
|
+
role="img"
|
|
2581
|
+
width="1em"
|
|
2582
|
+
height="1em"
|
|
2583
|
+
>
|
|
2584
|
+
<path
|
|
2585
|
+
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"
|
|
2586
|
+
/>
|
|
2587
|
+
</svg>
|
|
2432
2588
|
</span>
|
|
2433
2589
|
</button>
|
|
2434
2590
|
</td>
|
|
@@ -2520,7 +2676,19 @@ section: components
|
|
|
2520
2676
|
aria-label="Table actions"
|
|
2521
2677
|
>
|
|
2522
2678
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2523
|
-
<
|
|
2679
|
+
<svg
|
|
2680
|
+
class="pf-v6-svg"
|
|
2681
|
+
viewBox="0 0 32 32"
|
|
2682
|
+
fill="currentColor"
|
|
2683
|
+
aria-hidden="true"
|
|
2684
|
+
role="img"
|
|
2685
|
+
width="1em"
|
|
2686
|
+
height="1em"
|
|
2687
|
+
>
|
|
2688
|
+
<path
|
|
2689
|
+
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"
|
|
2690
|
+
/>
|
|
2691
|
+
</svg>
|
|
2524
2692
|
</span>
|
|
2525
2693
|
</button>
|
|
2526
2694
|
</td>
|
|
@@ -2612,7 +2780,19 @@ section: components
|
|
|
2612
2780
|
aria-label="Table actions"
|
|
2613
2781
|
>
|
|
2614
2782
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2615
|
-
<
|
|
2783
|
+
<svg
|
|
2784
|
+
class="pf-v6-svg"
|
|
2785
|
+
viewBox="0 0 32 32"
|
|
2786
|
+
fill="currentColor"
|
|
2787
|
+
aria-hidden="true"
|
|
2788
|
+
role="img"
|
|
2789
|
+
width="1em"
|
|
2790
|
+
height="1em"
|
|
2791
|
+
>
|
|
2792
|
+
<path
|
|
2793
|
+
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"
|
|
2794
|
+
/>
|
|
2795
|
+
</svg>
|
|
2616
2796
|
</span>
|
|
2617
2797
|
</button>
|
|
2618
2798
|
</td>
|
|
@@ -2704,7 +2884,19 @@ section: components
|
|
|
2704
2884
|
aria-label="Table actions"
|
|
2705
2885
|
>
|
|
2706
2886
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2707
|
-
<
|
|
2887
|
+
<svg
|
|
2888
|
+
class="pf-v6-svg"
|
|
2889
|
+
viewBox="0 0 32 32"
|
|
2890
|
+
fill="currentColor"
|
|
2891
|
+
aria-hidden="true"
|
|
2892
|
+
role="img"
|
|
2893
|
+
width="1em"
|
|
2894
|
+
height="1em"
|
|
2895
|
+
>
|
|
2896
|
+
<path
|
|
2897
|
+
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"
|
|
2898
|
+
/>
|
|
2899
|
+
</svg>
|
|
2708
2900
|
</span>
|
|
2709
2901
|
</button>
|
|
2710
2902
|
</td>
|
|
@@ -2795,7 +2987,19 @@ section: components
|
|
|
2795
2987
|
aria-label="Table actions"
|
|
2796
2988
|
>
|
|
2797
2989
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2798
|
-
<
|
|
2990
|
+
<svg
|
|
2991
|
+
class="pf-v6-svg"
|
|
2992
|
+
viewBox="0 0 32 32"
|
|
2993
|
+
fill="currentColor"
|
|
2994
|
+
aria-hidden="true"
|
|
2995
|
+
role="img"
|
|
2996
|
+
width="1em"
|
|
2997
|
+
height="1em"
|
|
2998
|
+
>
|
|
2999
|
+
<path
|
|
3000
|
+
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"
|
|
3001
|
+
/>
|
|
3002
|
+
</svg>
|
|
2799
3003
|
</span>
|
|
2800
3004
|
</button>
|
|
2801
3005
|
</td>
|
|
@@ -3365,7 +3569,19 @@ section: components
|
|
|
3365
3569
|
aria-label="Settings"
|
|
3366
3570
|
>
|
|
3367
3571
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3368
|
-
<
|
|
3572
|
+
<svg
|
|
3573
|
+
class="pf-v6-svg"
|
|
3574
|
+
viewBox="0 0 32 32"
|
|
3575
|
+
fill="currentColor"
|
|
3576
|
+
aria-hidden="true"
|
|
3577
|
+
role="img"
|
|
3578
|
+
width="1em"
|
|
3579
|
+
height="1em"
|
|
3580
|
+
>
|
|
3581
|
+
<path
|
|
3582
|
+
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"
|
|
3583
|
+
/>
|
|
3584
|
+
</svg>
|
|
3369
3585
|
</span>
|
|
3370
3586
|
</button>
|
|
3371
3587
|
</div>
|
|
@@ -3391,7 +3607,19 @@ section: components
|
|
|
3391
3607
|
aria-label="Actions"
|
|
3392
3608
|
>
|
|
3393
3609
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3394
|
-
<
|
|
3610
|
+
<svg
|
|
3611
|
+
class="pf-v6-svg"
|
|
3612
|
+
viewBox="0 0 32 32"
|
|
3613
|
+
fill="currentColor"
|
|
3614
|
+
aria-hidden="true"
|
|
3615
|
+
role="img"
|
|
3616
|
+
width="1em"
|
|
3617
|
+
height="1em"
|
|
3618
|
+
>
|
|
3619
|
+
<path
|
|
3620
|
+
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"
|
|
3621
|
+
/>
|
|
3622
|
+
</svg>
|
|
3395
3623
|
</span>
|
|
3396
3624
|
</button>
|
|
3397
3625
|
</div>
|
|
@@ -3522,9 +3750,15 @@ section: components
|
|
|
3522
3750
|
</nav>
|
|
3523
3751
|
</div>
|
|
3524
3752
|
</section>
|
|
3525
|
-
<section
|
|
3753
|
+
<section
|
|
3754
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
3755
|
+
aria-labelledby="main-title"
|
|
3756
|
+
>
|
|
3526
3757
|
<div class="pf-v6-c-page__main-body">
|
|
3527
|
-
<h1
|
|
3758
|
+
<h1
|
|
3759
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
3760
|
+
id="main-title"
|
|
3761
|
+
>Main title</h1>
|
|
3528
3762
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
3529
3763
|
</div>
|
|
3530
3764
|
</section>
|
|
@@ -3728,7 +3962,19 @@ section: components
|
|
|
3728
3962
|
aria-label="Settings"
|
|
3729
3963
|
>
|
|
3730
3964
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3731
|
-
<
|
|
3965
|
+
<svg
|
|
3966
|
+
class="pf-v6-svg"
|
|
3967
|
+
viewBox="0 0 32 32"
|
|
3968
|
+
fill="currentColor"
|
|
3969
|
+
aria-hidden="true"
|
|
3970
|
+
role="img"
|
|
3971
|
+
width="1em"
|
|
3972
|
+
height="1em"
|
|
3973
|
+
>
|
|
3974
|
+
<path
|
|
3975
|
+
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"
|
|
3976
|
+
/>
|
|
3977
|
+
</svg>
|
|
3732
3978
|
</span>
|
|
3733
3979
|
</button>
|
|
3734
3980
|
</div>
|
|
@@ -3754,7 +4000,19 @@ section: components
|
|
|
3754
4000
|
aria-label="Actions"
|
|
3755
4001
|
>
|
|
3756
4002
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3757
|
-
<
|
|
4003
|
+
<svg
|
|
4004
|
+
class="pf-v6-svg"
|
|
4005
|
+
viewBox="0 0 32 32"
|
|
4006
|
+
fill="currentColor"
|
|
4007
|
+
aria-hidden="true"
|
|
4008
|
+
role="img"
|
|
4009
|
+
width="1em"
|
|
4010
|
+
height="1em"
|
|
4011
|
+
>
|
|
4012
|
+
<path
|
|
4013
|
+
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"
|
|
4014
|
+
/>
|
|
4015
|
+
</svg>
|
|
3758
4016
|
</span>
|
|
3759
4017
|
</button>
|
|
3760
4018
|
</div>
|
|
@@ -3885,9 +4143,15 @@ section: components
|
|
|
3885
4143
|
</nav>
|
|
3886
4144
|
</div>
|
|
3887
4145
|
</section>
|
|
3888
|
-
<section
|
|
4146
|
+
<section
|
|
4147
|
+
class="pf-v6-c-page__main-section pf-m-limit-width"
|
|
4148
|
+
aria-labelledby="main-title"
|
|
4149
|
+
>
|
|
3889
4150
|
<div class="pf-v6-c-page__main-body">
|
|
3890
|
-
<h1
|
|
4151
|
+
<h1
|
|
4152
|
+
class="pf-v6-c-content--h1 pf-m-page-title"
|
|
4153
|
+
id="main-title"
|
|
4154
|
+
>Main title</h1>
|
|
3891
4155
|
<p class="pf-v6-c-content--p">This is a full page demo.</p>
|
|
3892
4156
|
</div>
|
|
3893
4157
|
</section>
|