@patternfly/patternfly 6.5.0-prerelease.66 → 6.5.0-prerelease.67
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/Accordion/accordion.css +1 -2
- package/components/Accordion/accordion.scss +2 -2
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +2 -2
- package/components/Drawer/drawer.css +3 -5
- package/components/Drawer/drawer.scss +7 -9
- package/components/Page/page.css +11 -11
- package/components/Page/page.scss +2 -2
- package/components/Table/table.css +1 -2
- package/components/Table/table.scss +2 -2
- package/components/Wizard/wizard.css +2 -2
- package/components/Wizard/wizard.scss +4 -4
- package/components/_index.css +19 -23
- package/docs/components/ActionList/examples/ActionList.md +2 -2
- package/docs/components/Alert/examples/Alert.md +4 -4
- package/docs/components/Button/examples/Button.md +1 -1
- package/docs/components/Icon/examples/Icon.md +13 -1
- package/docs/components/Menu/examples/Menu.md +26 -2
- package/docs/components/MenuToggle/examples/MenuToggle.md +172 -64
- package/docs/components/Toolbar/examples/Toolbar.md +67 -7
- package/docs/components/TreeView/examples/TreeView.md +4 -4
- package/docs/components/Wizard/examples/Wizard.md +1 -1
- package/docs/demos/AboutModal/examples/AboutModal.md +23 -15
- package/docs/demos/Alert/examples/Alert.md +69 -45
- package/docs/demos/BackToTop/examples/BackToTop.md +23 -15
- package/docs/demos/Banner/examples/Banner.md +46 -30
- package/docs/demos/CardView/examples/CardView.md +36 -16
- package/docs/demos/Compass/examples/Compass.md +76 -19
- package/docs/demos/Dashboard/examples/Dashboard.md +23 -15
- package/docs/demos/DataList/examples/DataList.md +157 -65
- package/docs/demos/DescriptionList/examples/DescriptionList.md +69 -45
- package/docs/demos/Drawer/examples/Drawer.md +115 -75
- package/docs/demos/JumpLinks/examples/JumpLinks.md +138 -90
- package/docs/demos/Masthead/examples/Masthead.md +101 -21
- package/docs/demos/Modal/examples/Modal.md +138 -90
- package/docs/demos/Nav/examples/Nav.md +188 -120
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +115 -75
- package/docs/demos/Page/examples/Page.md +361 -213
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +265 -113
- package/docs/demos/Skeleton/examples/Skeleton.md +23 -15
- package/docs/demos/Table/examples/Table.md +711 -271
- package/docs/demos/Tabs/examples/Tabs.md +151 -91
- package/docs/demos/Toolbar/examples/Toolbar.md +124 -36
- package/docs/demos/Wizard/examples/Wizard.md +207 -135
- package/package.json +1 -1
- package/patternfly-no-globals.css +19 -23
- package/patternfly.css +19 -23
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -144,23 +144,11 @@ section: components
|
|
|
144
144
|
type="button"
|
|
145
145
|
aria-expanded="false"
|
|
146
146
|
aria-label="Application launcher"
|
|
147
|
-
>
|
|
148
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
149
|
-
<i class="fas fa-th" aria-hidden="true"></i>
|
|
150
|
-
</span>
|
|
151
|
-
</button>
|
|
152
|
-
</div>
|
|
153
|
-
<div class="pf-v6-c-toolbar__item">
|
|
154
|
-
<button
|
|
155
|
-
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
156
|
-
type="button"
|
|
157
|
-
aria-expanded="false"
|
|
158
|
-
aria-label="Settings"
|
|
159
147
|
>
|
|
160
148
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
161
149
|
<svg
|
|
162
150
|
class="pf-v6-svg"
|
|
163
|
-
viewBox="0 0
|
|
151
|
+
viewBox="0 0 512 512"
|
|
164
152
|
fill="currentColor"
|
|
165
153
|
aria-hidden="true"
|
|
166
154
|
role="img"
|
|
@@ -168,12 +156,20 @@ section: components
|
|
|
168
156
|
height="1em"
|
|
169
157
|
>
|
|
170
158
|
<path
|
|
171
|
-
d="
|
|
159
|
+
d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
|
|
172
160
|
/>
|
|
173
161
|
</svg>
|
|
174
162
|
</span>
|
|
175
163
|
</button>
|
|
176
164
|
</div>
|
|
165
|
+
<div class="pf-v6-c-toolbar__item">
|
|
166
|
+
<button
|
|
167
|
+
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
168
|
+
type="button"
|
|
169
|
+
aria-expanded="false"
|
|
170
|
+
aria-label="Settings"
|
|
171
|
+
></button>
|
|
172
|
+
</div>
|
|
177
173
|
<div class="pf-v6-c-toolbar__item">
|
|
178
174
|
<button
|
|
179
175
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -182,7 +178,19 @@ section: components
|
|
|
182
178
|
aria-label="Help"
|
|
183
179
|
>
|
|
184
180
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
185
|
-
<
|
|
181
|
+
<svg
|
|
182
|
+
class="pf-v6-svg"
|
|
183
|
+
viewBox="0 0 512 512"
|
|
184
|
+
fill="currentColor"
|
|
185
|
+
aria-hidden="true"
|
|
186
|
+
role="img"
|
|
187
|
+
width="1em"
|
|
188
|
+
height="1em"
|
|
189
|
+
>
|
|
190
|
+
<path
|
|
191
|
+
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
|
|
192
|
+
/>
|
|
193
|
+
</svg>
|
|
186
194
|
</span>
|
|
187
195
|
</button>
|
|
188
196
|
</div>
|
|
@@ -683,23 +691,11 @@ section: components
|
|
|
683
691
|
type="button"
|
|
684
692
|
aria-expanded="false"
|
|
685
693
|
aria-label="Application launcher"
|
|
686
|
-
>
|
|
687
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
688
|
-
<i class="fas fa-th" aria-hidden="true"></i>
|
|
689
|
-
</span>
|
|
690
|
-
</button>
|
|
691
|
-
</div>
|
|
692
|
-
<div class="pf-v6-c-toolbar__item">
|
|
693
|
-
<button
|
|
694
|
-
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
695
|
-
type="button"
|
|
696
|
-
aria-expanded="false"
|
|
697
|
-
aria-label="Settings"
|
|
698
694
|
>
|
|
699
695
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
700
696
|
<svg
|
|
701
697
|
class="pf-v6-svg"
|
|
702
|
-
viewBox="0 0
|
|
698
|
+
viewBox="0 0 512 512"
|
|
703
699
|
fill="currentColor"
|
|
704
700
|
aria-hidden="true"
|
|
705
701
|
role="img"
|
|
@@ -707,12 +703,20 @@ section: components
|
|
|
707
703
|
height="1em"
|
|
708
704
|
>
|
|
709
705
|
<path
|
|
710
|
-
d="
|
|
706
|
+
d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
|
|
711
707
|
/>
|
|
712
708
|
</svg>
|
|
713
709
|
</span>
|
|
714
710
|
</button>
|
|
715
711
|
</div>
|
|
712
|
+
<div class="pf-v6-c-toolbar__item">
|
|
713
|
+
<button
|
|
714
|
+
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
715
|
+
type="button"
|
|
716
|
+
aria-expanded="false"
|
|
717
|
+
aria-label="Settings"
|
|
718
|
+
></button>
|
|
719
|
+
</div>
|
|
716
720
|
<div class="pf-v6-c-toolbar__item">
|
|
717
721
|
<button
|
|
718
722
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -721,7 +725,19 @@ section: components
|
|
|
721
725
|
aria-label="Help"
|
|
722
726
|
>
|
|
723
727
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
724
|
-
<
|
|
728
|
+
<svg
|
|
729
|
+
class="pf-v6-svg"
|
|
730
|
+
viewBox="0 0 512 512"
|
|
731
|
+
fill="currentColor"
|
|
732
|
+
aria-hidden="true"
|
|
733
|
+
role="img"
|
|
734
|
+
width="1em"
|
|
735
|
+
height="1em"
|
|
736
|
+
>
|
|
737
|
+
<path
|
|
738
|
+
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
|
|
739
|
+
/>
|
|
740
|
+
</svg>
|
|
725
741
|
</span>
|
|
726
742
|
</button>
|
|
727
743
|
</div>
|
|
@@ -1265,23 +1281,11 @@ section: components
|
|
|
1265
1281
|
type="button"
|
|
1266
1282
|
aria-expanded="false"
|
|
1267
1283
|
aria-label="Application launcher"
|
|
1268
|
-
>
|
|
1269
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
1270
|
-
<i class="fas fa-th" aria-hidden="true"></i>
|
|
1271
|
-
</span>
|
|
1272
|
-
</button>
|
|
1273
|
-
</div>
|
|
1274
|
-
<div class="pf-v6-c-toolbar__item">
|
|
1275
|
-
<button
|
|
1276
|
-
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
1277
|
-
type="button"
|
|
1278
|
-
aria-expanded="false"
|
|
1279
|
-
aria-label="Settings"
|
|
1280
1284
|
>
|
|
1281
1285
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1282
1286
|
<svg
|
|
1283
1287
|
class="pf-v6-svg"
|
|
1284
|
-
viewBox="0 0
|
|
1288
|
+
viewBox="0 0 512 512"
|
|
1285
1289
|
fill="currentColor"
|
|
1286
1290
|
aria-hidden="true"
|
|
1287
1291
|
role="img"
|
|
@@ -1289,12 +1293,20 @@ section: components
|
|
|
1289
1293
|
height="1em"
|
|
1290
1294
|
>
|
|
1291
1295
|
<path
|
|
1292
|
-
d="
|
|
1296
|
+
d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
|
|
1293
1297
|
/>
|
|
1294
1298
|
</svg>
|
|
1295
1299
|
</span>
|
|
1296
1300
|
</button>
|
|
1297
1301
|
</div>
|
|
1302
|
+
<div class="pf-v6-c-toolbar__item">
|
|
1303
|
+
<button
|
|
1304
|
+
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
1305
|
+
type="button"
|
|
1306
|
+
aria-expanded="false"
|
|
1307
|
+
aria-label="Settings"
|
|
1308
|
+
></button>
|
|
1309
|
+
</div>
|
|
1298
1310
|
<div class="pf-v6-c-toolbar__item">
|
|
1299
1311
|
<button
|
|
1300
1312
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -1303,7 +1315,19 @@ section: components
|
|
|
1303
1315
|
aria-label="Help"
|
|
1304
1316
|
>
|
|
1305
1317
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1306
|
-
<
|
|
1318
|
+
<svg
|
|
1319
|
+
class="pf-v6-svg"
|
|
1320
|
+
viewBox="0 0 512 512"
|
|
1321
|
+
fill="currentColor"
|
|
1322
|
+
aria-hidden="true"
|
|
1323
|
+
role="img"
|
|
1324
|
+
width="1em"
|
|
1325
|
+
height="1em"
|
|
1326
|
+
>
|
|
1327
|
+
<path
|
|
1328
|
+
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
|
|
1329
|
+
/>
|
|
1330
|
+
</svg>
|
|
1307
1331
|
</span>
|
|
1308
1332
|
</button>
|
|
1309
1333
|
</div>
|
|
@@ -145,23 +145,11 @@ cssPrefix: pf-d-back-to-top
|
|
|
145
145
|
type="button"
|
|
146
146
|
aria-expanded="false"
|
|
147
147
|
aria-label="Application launcher"
|
|
148
|
-
>
|
|
149
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
150
|
-
<i class="fas fa-th" aria-hidden="true"></i>
|
|
151
|
-
</span>
|
|
152
|
-
</button>
|
|
153
|
-
</div>
|
|
154
|
-
<div class="pf-v6-c-toolbar__item">
|
|
155
|
-
<button
|
|
156
|
-
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
157
|
-
type="button"
|
|
158
|
-
aria-expanded="false"
|
|
159
|
-
aria-label="Settings"
|
|
160
148
|
>
|
|
161
149
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
162
150
|
<svg
|
|
163
151
|
class="pf-v6-svg"
|
|
164
|
-
viewBox="0 0
|
|
152
|
+
viewBox="0 0 512 512"
|
|
165
153
|
fill="currentColor"
|
|
166
154
|
aria-hidden="true"
|
|
167
155
|
role="img"
|
|
@@ -169,12 +157,20 @@ cssPrefix: pf-d-back-to-top
|
|
|
169
157
|
height="1em"
|
|
170
158
|
>
|
|
171
159
|
<path
|
|
172
|
-
d="
|
|
160
|
+
d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
|
|
173
161
|
/>
|
|
174
162
|
</svg>
|
|
175
163
|
</span>
|
|
176
164
|
</button>
|
|
177
165
|
</div>
|
|
166
|
+
<div class="pf-v6-c-toolbar__item">
|
|
167
|
+
<button
|
|
168
|
+
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
169
|
+
type="button"
|
|
170
|
+
aria-expanded="false"
|
|
171
|
+
aria-label="Settings"
|
|
172
|
+
></button>
|
|
173
|
+
</div>
|
|
178
174
|
<div class="pf-v6-c-toolbar__item">
|
|
179
175
|
<button
|
|
180
176
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -183,7 +179,19 @@ cssPrefix: pf-d-back-to-top
|
|
|
183
179
|
aria-label="Help"
|
|
184
180
|
>
|
|
185
181
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
186
|
-
<
|
|
182
|
+
<svg
|
|
183
|
+
class="pf-v6-svg"
|
|
184
|
+
viewBox="0 0 512 512"
|
|
185
|
+
fill="currentColor"
|
|
186
|
+
aria-hidden="true"
|
|
187
|
+
role="img"
|
|
188
|
+
width="1em"
|
|
189
|
+
height="1em"
|
|
190
|
+
>
|
|
191
|
+
<path
|
|
192
|
+
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
|
|
193
|
+
/>
|
|
194
|
+
</svg>
|
|
187
195
|
</span>
|
|
188
196
|
</button>
|
|
189
197
|
</div>
|
|
@@ -146,23 +146,11 @@ wrapperTag: div
|
|
|
146
146
|
type="button"
|
|
147
147
|
aria-expanded="false"
|
|
148
148
|
aria-label="Application launcher"
|
|
149
|
-
>
|
|
150
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
151
|
-
<i class="fas fa-th" aria-hidden="true"></i>
|
|
152
|
-
</span>
|
|
153
|
-
</button>
|
|
154
|
-
</div>
|
|
155
|
-
<div class="pf-v6-c-toolbar__item">
|
|
156
|
-
<button
|
|
157
|
-
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
158
|
-
type="button"
|
|
159
|
-
aria-expanded="false"
|
|
160
|
-
aria-label="Settings"
|
|
161
149
|
>
|
|
162
150
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
163
151
|
<svg
|
|
164
152
|
class="pf-v6-svg"
|
|
165
|
-
viewBox="0 0
|
|
153
|
+
viewBox="0 0 512 512"
|
|
166
154
|
fill="currentColor"
|
|
167
155
|
aria-hidden="true"
|
|
168
156
|
role="img"
|
|
@@ -170,12 +158,20 @@ wrapperTag: div
|
|
|
170
158
|
height="1em"
|
|
171
159
|
>
|
|
172
160
|
<path
|
|
173
|
-
d="
|
|
161
|
+
d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
|
|
174
162
|
/>
|
|
175
163
|
</svg>
|
|
176
164
|
</span>
|
|
177
165
|
</button>
|
|
178
166
|
</div>
|
|
167
|
+
<div class="pf-v6-c-toolbar__item">
|
|
168
|
+
<button
|
|
169
|
+
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
170
|
+
type="button"
|
|
171
|
+
aria-expanded="false"
|
|
172
|
+
aria-label="Settings"
|
|
173
|
+
></button>
|
|
174
|
+
</div>
|
|
179
175
|
<div class="pf-v6-c-toolbar__item">
|
|
180
176
|
<button
|
|
181
177
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -184,7 +180,19 @@ wrapperTag: div
|
|
|
184
180
|
aria-label="Help"
|
|
185
181
|
>
|
|
186
182
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
187
|
-
<
|
|
183
|
+
<svg
|
|
184
|
+
class="pf-v6-svg"
|
|
185
|
+
viewBox="0 0 512 512"
|
|
186
|
+
fill="currentColor"
|
|
187
|
+
aria-hidden="true"
|
|
188
|
+
role="img"
|
|
189
|
+
width="1em"
|
|
190
|
+
height="1em"
|
|
191
|
+
>
|
|
192
|
+
<path
|
|
193
|
+
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
|
|
194
|
+
/>
|
|
195
|
+
</svg>
|
|
188
196
|
</span>
|
|
189
197
|
</button>
|
|
190
198
|
</div>
|
|
@@ -702,23 +710,11 @@ wrapperTag: div
|
|
|
702
710
|
type="button"
|
|
703
711
|
aria-expanded="false"
|
|
704
712
|
aria-label="Application launcher"
|
|
705
|
-
>
|
|
706
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
707
|
-
<i class="fas fa-th" aria-hidden="true"></i>
|
|
708
|
-
</span>
|
|
709
|
-
</button>
|
|
710
|
-
</div>
|
|
711
|
-
<div class="pf-v6-c-toolbar__item">
|
|
712
|
-
<button
|
|
713
|
-
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
714
|
-
type="button"
|
|
715
|
-
aria-expanded="false"
|
|
716
|
-
aria-label="Settings"
|
|
717
713
|
>
|
|
718
714
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
719
715
|
<svg
|
|
720
716
|
class="pf-v6-svg"
|
|
721
|
-
viewBox="0 0
|
|
717
|
+
viewBox="0 0 512 512"
|
|
722
718
|
fill="currentColor"
|
|
723
719
|
aria-hidden="true"
|
|
724
720
|
role="img"
|
|
@@ -726,12 +722,20 @@ wrapperTag: div
|
|
|
726
722
|
height="1em"
|
|
727
723
|
>
|
|
728
724
|
<path
|
|
729
|
-
d="
|
|
725
|
+
d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
|
|
730
726
|
/>
|
|
731
727
|
</svg>
|
|
732
728
|
</span>
|
|
733
729
|
</button>
|
|
734
730
|
</div>
|
|
731
|
+
<div class="pf-v6-c-toolbar__item">
|
|
732
|
+
<button
|
|
733
|
+
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
734
|
+
type="button"
|
|
735
|
+
aria-expanded="false"
|
|
736
|
+
aria-label="Settings"
|
|
737
|
+
></button>
|
|
738
|
+
</div>
|
|
735
739
|
<div class="pf-v6-c-toolbar__item">
|
|
736
740
|
<button
|
|
737
741
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -740,7 +744,19 @@ wrapperTag: div
|
|
|
740
744
|
aria-label="Help"
|
|
741
745
|
>
|
|
742
746
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
743
|
-
<
|
|
747
|
+
<svg
|
|
748
|
+
class="pf-v6-svg"
|
|
749
|
+
viewBox="0 0 512 512"
|
|
750
|
+
fill="currentColor"
|
|
751
|
+
aria-hidden="true"
|
|
752
|
+
role="img"
|
|
753
|
+
width="1em"
|
|
754
|
+
height="1em"
|
|
755
|
+
>
|
|
756
|
+
<path
|
|
757
|
+
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
|
|
758
|
+
/>
|
|
759
|
+
</svg>
|
|
744
760
|
</span>
|
|
745
761
|
</button>
|
|
746
762
|
</div>
|
|
@@ -144,23 +144,11 @@ section: patterns
|
|
|
144
144
|
type="button"
|
|
145
145
|
aria-expanded="false"
|
|
146
146
|
aria-label="Application launcher"
|
|
147
|
-
>
|
|
148
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
149
|
-
<i class="fas fa-th" aria-hidden="true"></i>
|
|
150
|
-
</span>
|
|
151
|
-
</button>
|
|
152
|
-
</div>
|
|
153
|
-
<div class="pf-v6-c-toolbar__item">
|
|
154
|
-
<button
|
|
155
|
-
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
156
|
-
type="button"
|
|
157
|
-
aria-expanded="false"
|
|
158
|
-
aria-label="Settings"
|
|
159
147
|
>
|
|
160
148
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
161
149
|
<svg
|
|
162
150
|
class="pf-v6-svg"
|
|
163
|
-
viewBox="0 0
|
|
151
|
+
viewBox="0 0 512 512"
|
|
164
152
|
fill="currentColor"
|
|
165
153
|
aria-hidden="true"
|
|
166
154
|
role="img"
|
|
@@ -168,12 +156,20 @@ section: patterns
|
|
|
168
156
|
height="1em"
|
|
169
157
|
>
|
|
170
158
|
<path
|
|
171
|
-
d="
|
|
159
|
+
d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
|
|
172
160
|
/>
|
|
173
161
|
</svg>
|
|
174
162
|
</span>
|
|
175
163
|
</button>
|
|
176
164
|
</div>
|
|
165
|
+
<div class="pf-v6-c-toolbar__item">
|
|
166
|
+
<button
|
|
167
|
+
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
168
|
+
type="button"
|
|
169
|
+
aria-expanded="false"
|
|
170
|
+
aria-label="Settings"
|
|
171
|
+
></button>
|
|
172
|
+
</div>
|
|
177
173
|
<div class="pf-v6-c-toolbar__item">
|
|
178
174
|
<button
|
|
179
175
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -182,7 +178,19 @@ section: patterns
|
|
|
182
178
|
aria-label="Help"
|
|
183
179
|
>
|
|
184
180
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
185
|
-
<
|
|
181
|
+
<svg
|
|
182
|
+
class="pf-v6-svg"
|
|
183
|
+
viewBox="0 0 512 512"
|
|
184
|
+
fill="currentColor"
|
|
185
|
+
aria-hidden="true"
|
|
186
|
+
role="img"
|
|
187
|
+
width="1em"
|
|
188
|
+
height="1em"
|
|
189
|
+
>
|
|
190
|
+
<path
|
|
191
|
+
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"
|
|
192
|
+
/>
|
|
193
|
+
</svg>
|
|
186
194
|
</span>
|
|
187
195
|
</button>
|
|
188
196
|
</div>
|
|
@@ -496,7 +504,19 @@ section: patterns
|
|
|
496
504
|
aria-controls="card-view-basic-example-toolbar-expandable-content"
|
|
497
505
|
>
|
|
498
506
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
499
|
-
<
|
|
507
|
+
<svg
|
|
508
|
+
class="pf-v6-svg"
|
|
509
|
+
viewBox="0 0 512 512"
|
|
510
|
+
fill="currentColor"
|
|
511
|
+
aria-hidden="true"
|
|
512
|
+
role="img"
|
|
513
|
+
width="1em"
|
|
514
|
+
height="1em"
|
|
515
|
+
>
|
|
516
|
+
<path
|
|
517
|
+
d="M487.976 0H24.028C2.71 0-8.047 25.866 7.058 40.971L192 225.941V432c0 7.831 3.821 15.17 10.237 19.662l80 55.98C298.02 518.69 320 507.493 320 487.98V225.941l184.947-184.97C520.021 25.896 509.338 0 487.976 0z"
|
|
518
|
+
/>
|
|
519
|
+
</svg>
|
|
500
520
|
</span>
|
|
501
521
|
</button>
|
|
502
522
|
</div>
|