@patternfly/patternfly 6.5.0-prerelease.69 → 6.5.0-prerelease.70
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 +3 -3
- package/components/Button/button.scss +1 -1
- package/components/Card/card.css +1 -5
- package/components/Card/card.scss +2 -6
- package/components/Compass/compass.css +2 -2
- package/components/Compass/compass.scss +1 -1
- package/components/MenuToggle/menu-toggle.css +4 -4
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/Page/page.css +4 -4
- package/components/Page/page.scss +2 -2
- package/components/_index.css +14 -18
- package/docs/components/CodeEditor/examples/CodeEditor.md +39 -3
- package/docs/components/Compass/examples/Compass.md +2 -2
- package/docs/components/EmptyState/examples/EmptyState.md +78 -6
- package/docs/components/MenuToggle/examples/MenuToggle.md +51 -3
- package/docs/components/Page/examples/Page.md +2 -2
- package/docs/components/Toolbar/examples/Toolbar.md +10 -10
- package/docs/components/Wizard/examples/Wizard.md +13 -1
- package/docs/demos/AboutModal/examples/AboutModal.md +17 -1
- package/docs/demos/Alert/examples/Alert.md +51 -3
- package/docs/demos/BackToTop/examples/BackToTop.md +17 -1
- package/docs/demos/Banner/examples/Banner.md +34 -2
- package/docs/demos/CardView/examples/CardView.md +127 -123
- package/docs/demos/Compass/examples/Compass.md +3072 -1425
- package/docs/demos/Dashboard/examples/Dashboard.md +17 -1
- package/docs/demos/DataList/examples/DataList.md +78 -14
- package/docs/demos/DescriptionList/examples/DescriptionList.md +51 -3
- package/docs/demos/Drawer/examples/Drawer.md +85 -5
- package/docs/demos/JumpLinks/examples/JumpLinks.md +102 -6
- package/docs/demos/Masthead/examples/Masthead.md +29 -13
- package/docs/demos/Modal/examples/Modal.md +102 -6
- package/docs/demos/Nav/examples/Nav.md +144 -20
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +85 -5
- package/docs/demos/Page/examples/Page.md +244 -20
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +133 -21
- package/docs/demos/Skeleton/examples/Skeleton.md +17 -1
- package/docs/demos/Table/examples/Table.md +337 -69
- package/docs/demos/Tabs/examples/Tabs.md +104 -8
- package/docs/demos/Toolbar/examples/Toolbar.md +46 -14
- package/docs/demos/Wizard/examples/Wizard.md +153 -9
- package/package.json +2 -2
- package/patternfly-no-globals.css +14 -18
- package/patternfly.css +14 -18
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -569,7 +569,7 @@ wrapperTag: div
|
|
|
569
569
|
### With dock
|
|
570
570
|
|
|
571
571
|
```html isBeta
|
|
572
|
-
<div class="pf-v6-c-page pf-m-
|
|
572
|
+
<div class="pf-v6-c-page pf-m-docked">
|
|
573
573
|
<div class="pf-v6-c-page__dock">
|
|
574
574
|
<div class="pf-v6-c-page__dock-main">
|
|
575
575
|
<header class="pf-v6-c-masthead pf-m-docked">
|
|
@@ -650,7 +650,7 @@ This component provides the basic chrome for a page, including sidebar and main
|
|
|
650
650
|
| `.pf-v6-c-page__main-body` | `<div>` | Creates the body section for a page section. **Required** |
|
|
651
651
|
| `.pf-v6-c-page__main-group` | `<div>` | Creates the group of `.pf-v6-c-page__main-*` sections. Can be used in combination with `.pf-m-sticky-[top/bottom]` to make multiple sections sticky. |
|
|
652
652
|
| `.pf-v6-c-page__drawer` | `<div>` | Creates a container for the drawer component when placing the main page element in the drawer body. |
|
|
653
|
-
| `.pf-m-
|
|
653
|
+
| `.pf-m-docked` | `.pf-v6-c-page` | Modifies the page grid to have a dock. |
|
|
654
654
|
| `.pf-m-no-sidebar` | `.pf-v6-c-page` | Modifies the page grid for layouts without a sidebar. |
|
|
655
655
|
| `.pf-m-expanded` | `.pf-v6-c-page__sidebar` | Modifies the sidebar for the expanded state. |
|
|
656
656
|
| `.pf-m-collapsed` | `.pf-v6-c-page__sidebar` | Modifies the sidebar for the collapsed state. |
|
|
@@ -756,7 +756,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
756
756
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
757
757
|
<svg
|
|
758
758
|
class="pf-v6-svg"
|
|
759
|
-
viewBox="0 0
|
|
759
|
+
viewBox="0 0 32 32"
|
|
760
760
|
fill="currentColor"
|
|
761
761
|
aria-hidden="true"
|
|
762
762
|
role="img"
|
|
@@ -764,7 +764,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
764
764
|
height="1em"
|
|
765
765
|
>
|
|
766
766
|
<path
|
|
767
|
-
d="
|
|
767
|
+
d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
|
|
768
768
|
/>
|
|
769
769
|
</svg>
|
|
770
770
|
</span>
|
|
@@ -1021,7 +1021,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
1021
1021
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1022
1022
|
<svg
|
|
1023
1023
|
class="pf-v6-svg"
|
|
1024
|
-
viewBox="0 0
|
|
1024
|
+
viewBox="0 0 32 32"
|
|
1025
1025
|
fill="currentColor"
|
|
1026
1026
|
aria-hidden="true"
|
|
1027
1027
|
role="img"
|
|
@@ -1029,7 +1029,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
1029
1029
|
height="1em"
|
|
1030
1030
|
>
|
|
1031
1031
|
<path
|
|
1032
|
-
d="
|
|
1032
|
+
d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
|
|
1033
1033
|
/>
|
|
1034
1034
|
</svg>
|
|
1035
1035
|
</span>
|
|
@@ -1371,7 +1371,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
1371
1371
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1372
1372
|
<svg
|
|
1373
1373
|
class="pf-v6-svg"
|
|
1374
|
-
viewBox="0 0
|
|
1374
|
+
viewBox="0 0 32 32"
|
|
1375
1375
|
fill="currentColor"
|
|
1376
1376
|
aria-hidden="true"
|
|
1377
1377
|
role="img"
|
|
@@ -1379,7 +1379,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
1379
1379
|
height="1em"
|
|
1380
1380
|
>
|
|
1381
1381
|
<path
|
|
1382
|
-
d="
|
|
1382
|
+
d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
|
|
1383
1383
|
/>
|
|
1384
1384
|
</svg>
|
|
1385
1385
|
</span>
|
|
@@ -1603,7 +1603,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
1603
1603
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1604
1604
|
<svg
|
|
1605
1605
|
class="pf-v6-svg"
|
|
1606
|
-
viewBox="0 0
|
|
1606
|
+
viewBox="0 0 32 32"
|
|
1607
1607
|
fill="currentColor"
|
|
1608
1608
|
aria-hidden="true"
|
|
1609
1609
|
role="img"
|
|
@@ -1611,7 +1611,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
1611
1611
|
height="1em"
|
|
1612
1612
|
>
|
|
1613
1613
|
<path
|
|
1614
|
-
d="
|
|
1614
|
+
d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
|
|
1615
1615
|
/>
|
|
1616
1616
|
</svg>
|
|
1617
1617
|
</span>
|
|
@@ -2837,7 +2837,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
2837
2837
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2838
2838
|
<svg
|
|
2839
2839
|
class="pf-v6-svg"
|
|
2840
|
-
viewBox="0 0
|
|
2840
|
+
viewBox="0 0 32 32"
|
|
2841
2841
|
fill="currentColor"
|
|
2842
2842
|
aria-hidden="true"
|
|
2843
2843
|
role="img"
|
|
@@ -2845,7 +2845,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
2845
2845
|
height="1em"
|
|
2846
2846
|
>
|
|
2847
2847
|
<path
|
|
2848
|
-
d="
|
|
2848
|
+
d="M29.875 3.5V7a.876.876 0 0 1-.256.619l-9.744 9.744v10.638a.875.875 0 0 1-.599.83l-6 2a.876.876 0 0 1-.788-.12.874.874 0 0 1-.363-.71V17.363L2.381 7.619A.876.876 0 0 1 2.125 7V3.5c0-.758.617-1.375 1.375-1.375h25c.758 0 1.375.617 1.375 1.375Z"
|
|
2849
2849
|
/>
|
|
2850
2850
|
</svg>
|
|
2851
2851
|
</span>
|
|
@@ -1782,7 +1782,19 @@ wrapperTag: div
|
|
|
1782
1782
|
<div class="pf-v6-c-empty-state pf-m-lg">
|
|
1783
1783
|
<div class="pf-v6-c-empty-state__content">
|
|
1784
1784
|
<div class="pf-v6-c-empty-state__icon">
|
|
1785
|
-
<
|
|
1785
|
+
<svg
|
|
1786
|
+
class="pf-v6-svg"
|
|
1787
|
+
viewBox="0 0 640 512"
|
|
1788
|
+
fill="currentColor"
|
|
1789
|
+
aria-hidden="true"
|
|
1790
|
+
role="img"
|
|
1791
|
+
width="1em"
|
|
1792
|
+
height="1em"
|
|
1793
|
+
>
|
|
1794
|
+
<path
|
|
1795
|
+
d="M512.1 191l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0L552 6.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zm-10.5-58.8c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.7-82.4 14.3-52.8 52.8zM386.3 286.1l33.7 16.8c10.1 5.8 14.5 18.1 10.5 29.1-8.9 24.2-26.4 46.4-42.6 65.8-7.4 8.9-20.2 11.1-30.3 5.3l-29.1-16.8c-16 13.7-34.6 24.6-54.9 31.7v33.6c0 11.6-8.3 21.6-19.7 23.6-24.6 4.2-50.4 4.4-75.9 0-11.5-2-20-11.9-20-23.6V418c-20.3-7.2-38.9-18-54.9-31.7L74 403c-10 5.8-22.9 3.6-30.3-5.3-16.2-19.4-33.3-41.6-42.2-65.7-4-10.9.4-23.2 10.5-29.1l33.3-16.8c-3.9-20.9-3.9-42.4 0-63.4L12 205.8c-10.1-5.8-14.6-18.1-10.5-29 8.9-24.2 26-46.4 42.2-65.8 7.4-8.9 20.2-11.1 30.3-5.3l29.1 16.8c16-13.7 34.6-24.6 54.9-31.7V57.1c0-11.5 8.2-21.5 19.6-23.5 24.6-4.2 50.5-4.4 76-.1 11.5 2 20 11.9 20 23.6v33.6c20.3 7.2 38.9 18 54.9 31.7l29.1-16.8c10-5.8 22.9-3.6 30.3 5.3 16.2 19.4 33.2 41.6 42.1 65.8 4 10.9.1 23.2-10 29.1l-33.7 16.8c3.9 21 3.9 42.5 0 63.5zm-117.6 21.1c59.2-77-28.7-164.9-105.7-105.7-59.2 77 28.7 164.9 105.7 105.7zm243.4 182.7l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0l8.2-14.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zM501.6 431c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.6-82.4 14.3-52.8 52.8z"
|
|
1796
|
+
/>
|
|
1797
|
+
</svg>
|
|
1786
1798
|
</div>
|
|
1787
1799
|
|
|
1788
1800
|
<div
|
|
@@ -170,7 +170,23 @@ This demo implements the about modal, including the backdrop.
|
|
|
170
170
|
type="button"
|
|
171
171
|
aria-expanded="false"
|
|
172
172
|
aria-label="Settings"
|
|
173
|
-
|
|
173
|
+
>
|
|
174
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
175
|
+
<svg
|
|
176
|
+
class="pf-v6-svg"
|
|
177
|
+
viewBox="0 0 32 32"
|
|
178
|
+
fill="currentColor"
|
|
179
|
+
aria-hidden="true"
|
|
180
|
+
role="img"
|
|
181
|
+
width="1em"
|
|
182
|
+
height="1em"
|
|
183
|
+
>
|
|
184
|
+
<path
|
|
185
|
+
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"
|
|
186
|
+
/>
|
|
187
|
+
</svg>
|
|
188
|
+
</span>
|
|
189
|
+
</button>
|
|
174
190
|
</div>
|
|
175
191
|
<div class="pf-v6-c-toolbar__item">
|
|
176
192
|
<button
|
|
@@ -168,7 +168,23 @@ section: components
|
|
|
168
168
|
type="button"
|
|
169
169
|
aria-expanded="false"
|
|
170
170
|
aria-label="Settings"
|
|
171
|
-
|
|
171
|
+
>
|
|
172
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
173
|
+
<svg
|
|
174
|
+
class="pf-v6-svg"
|
|
175
|
+
viewBox="0 0 32 32"
|
|
176
|
+
fill="currentColor"
|
|
177
|
+
aria-hidden="true"
|
|
178
|
+
role="img"
|
|
179
|
+
width="1em"
|
|
180
|
+
height="1em"
|
|
181
|
+
>
|
|
182
|
+
<path
|
|
183
|
+
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"
|
|
184
|
+
/>
|
|
185
|
+
</svg>
|
|
186
|
+
</span>
|
|
187
|
+
</button>
|
|
172
188
|
</div>
|
|
173
189
|
<div class="pf-v6-c-toolbar__item">
|
|
174
190
|
<button
|
|
@@ -715,7 +731,23 @@ section: components
|
|
|
715
731
|
type="button"
|
|
716
732
|
aria-expanded="false"
|
|
717
733
|
aria-label="Settings"
|
|
718
|
-
|
|
734
|
+
>
|
|
735
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
736
|
+
<svg
|
|
737
|
+
class="pf-v6-svg"
|
|
738
|
+
viewBox="0 0 32 32"
|
|
739
|
+
fill="currentColor"
|
|
740
|
+
aria-hidden="true"
|
|
741
|
+
role="img"
|
|
742
|
+
width="1em"
|
|
743
|
+
height="1em"
|
|
744
|
+
>
|
|
745
|
+
<path
|
|
746
|
+
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"
|
|
747
|
+
/>
|
|
748
|
+
</svg>
|
|
749
|
+
</span>
|
|
750
|
+
</button>
|
|
719
751
|
</div>
|
|
720
752
|
<div class="pf-v6-c-toolbar__item">
|
|
721
753
|
<button
|
|
@@ -1305,7 +1337,23 @@ section: components
|
|
|
1305
1337
|
type="button"
|
|
1306
1338
|
aria-expanded="false"
|
|
1307
1339
|
aria-label="Settings"
|
|
1308
|
-
|
|
1340
|
+
>
|
|
1341
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
1342
|
+
<svg
|
|
1343
|
+
class="pf-v6-svg"
|
|
1344
|
+
viewBox="0 0 32 32"
|
|
1345
|
+
fill="currentColor"
|
|
1346
|
+
aria-hidden="true"
|
|
1347
|
+
role="img"
|
|
1348
|
+
width="1em"
|
|
1349
|
+
height="1em"
|
|
1350
|
+
>
|
|
1351
|
+
<path
|
|
1352
|
+
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"
|
|
1353
|
+
/>
|
|
1354
|
+
</svg>
|
|
1355
|
+
</span>
|
|
1356
|
+
</button>
|
|
1309
1357
|
</div>
|
|
1310
1358
|
<div class="pf-v6-c-toolbar__item">
|
|
1311
1359
|
<button
|
|
@@ -169,7 +169,23 @@ cssPrefix: pf-d-back-to-top
|
|
|
169
169
|
type="button"
|
|
170
170
|
aria-expanded="false"
|
|
171
171
|
aria-label="Settings"
|
|
172
|
-
|
|
172
|
+
>
|
|
173
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
174
|
+
<svg
|
|
175
|
+
class="pf-v6-svg"
|
|
176
|
+
viewBox="0 0 32 32"
|
|
177
|
+
fill="currentColor"
|
|
178
|
+
aria-hidden="true"
|
|
179
|
+
role="img"
|
|
180
|
+
width="1em"
|
|
181
|
+
height="1em"
|
|
182
|
+
>
|
|
183
|
+
<path
|
|
184
|
+
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"
|
|
185
|
+
/>
|
|
186
|
+
</svg>
|
|
187
|
+
</span>
|
|
188
|
+
</button>
|
|
173
189
|
</div>
|
|
174
190
|
<div class="pf-v6-c-toolbar__item">
|
|
175
191
|
<button
|
|
@@ -170,7 +170,23 @@ wrapperTag: div
|
|
|
170
170
|
type="button"
|
|
171
171
|
aria-expanded="false"
|
|
172
172
|
aria-label="Settings"
|
|
173
|
-
|
|
173
|
+
>
|
|
174
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
175
|
+
<svg
|
|
176
|
+
class="pf-v6-svg"
|
|
177
|
+
viewBox="0 0 32 32"
|
|
178
|
+
fill="currentColor"
|
|
179
|
+
aria-hidden="true"
|
|
180
|
+
role="img"
|
|
181
|
+
width="1em"
|
|
182
|
+
height="1em"
|
|
183
|
+
>
|
|
184
|
+
<path
|
|
185
|
+
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"
|
|
186
|
+
/>
|
|
187
|
+
</svg>
|
|
188
|
+
</span>
|
|
189
|
+
</button>
|
|
174
190
|
</div>
|
|
175
191
|
<div class="pf-v6-c-toolbar__item">
|
|
176
192
|
<button
|
|
@@ -734,7 +750,23 @@ wrapperTag: div
|
|
|
734
750
|
type="button"
|
|
735
751
|
aria-expanded="false"
|
|
736
752
|
aria-label="Settings"
|
|
737
|
-
|
|
753
|
+
>
|
|
754
|
+
<span class="pf-v6-c-menu-toggle__icon">
|
|
755
|
+
<svg
|
|
756
|
+
class="pf-v6-svg"
|
|
757
|
+
viewBox="0 0 32 32"
|
|
758
|
+
fill="currentColor"
|
|
759
|
+
aria-hidden="true"
|
|
760
|
+
role="img"
|
|
761
|
+
width="1em"
|
|
762
|
+
height="1em"
|
|
763
|
+
>
|
|
764
|
+
<path
|
|
765
|
+
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"
|
|
766
|
+
/>
|
|
767
|
+
</svg>
|
|
768
|
+
</span>
|
|
769
|
+
</button>
|
|
738
770
|
</div>
|
|
739
771
|
<div class="pf-v6-c-toolbar__item">
|
|
740
772
|
<button
|