@patternfly/patternfly 6.5.0-prerelease.66 → 6.5.0-prerelease.68
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/Card/card.css +8 -0
- package/components/Card/card.scss +13 -0
- 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/OverflowMenu/overflow-menu.css +16 -0
- package/components/OverflowMenu/overflow-menu.scss +20 -1
- 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/Toolbar/toolbar.css +100 -0
- package/components/Toolbar/toolbar.scss +2 -2
- package/components/Wizard/wizard.css +2 -2
- package/components/Wizard/wizard.scss +4 -4
- package/components/_index.css +143 -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/OverflowMenu/examples/overflow-menu.css +6 -3
- package/docs/components/OverflowMenu/examples/overflow-menu.md +21 -0
- package/docs/components/Toolbar/examples/Toolbar.md +106 -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 +143 -23
- package/patternfly.css +143 -23
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +16 -1
|
@@ -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>
|
|
@@ -625,7 +625,19 @@ This demo populates the main Compass section with a card view, which is one of t
|
|
|
625
625
|
aria-controls="-toolbar-expandable-content"
|
|
626
626
|
>
|
|
627
627
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
628
|
-
<
|
|
628
|
+
<svg
|
|
629
|
+
class="pf-v6-svg"
|
|
630
|
+
viewBox="0 0 512 512"
|
|
631
|
+
fill="currentColor"
|
|
632
|
+
aria-hidden="true"
|
|
633
|
+
role="img"
|
|
634
|
+
width="1em"
|
|
635
|
+
height="1em"
|
|
636
|
+
>
|
|
637
|
+
<path
|
|
638
|
+
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"
|
|
639
|
+
/>
|
|
640
|
+
</svg>
|
|
629
641
|
</span>
|
|
630
642
|
</button>
|
|
631
643
|
</div>
|
|
@@ -3704,7 +3716,19 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
3704
3716
|
aria-controls="-toolbar-expandable-content"
|
|
3705
3717
|
>
|
|
3706
3718
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3707
|
-
<
|
|
3719
|
+
<svg
|
|
3720
|
+
class="pf-v6-svg"
|
|
3721
|
+
viewBox="0 0 512 512"
|
|
3722
|
+
fill="currentColor"
|
|
3723
|
+
aria-hidden="true"
|
|
3724
|
+
role="img"
|
|
3725
|
+
width="1em"
|
|
3726
|
+
height="1em"
|
|
3727
|
+
>
|
|
3728
|
+
<path
|
|
3729
|
+
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"
|
|
3730
|
+
/>
|
|
3731
|
+
</svg>
|
|
3708
3732
|
</span>
|
|
3709
3733
|
</button>
|
|
3710
3734
|
</div>
|
|
@@ -4152,7 +4176,19 @@ Without a `.pf-v6-c-compass__panel` wrapping all of the content, there is no rou
|
|
|
4152
4176
|
aria-controls="-toolbar-expandable-content"
|
|
4153
4177
|
>
|
|
4154
4178
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4155
|
-
<
|
|
4179
|
+
<svg
|
|
4180
|
+
class="pf-v6-svg"
|
|
4181
|
+
viewBox="0 0 512 512"
|
|
4182
|
+
fill="currentColor"
|
|
4183
|
+
aria-hidden="true"
|
|
4184
|
+
role="img"
|
|
4185
|
+
width="1em"
|
|
4186
|
+
height="1em"
|
|
4187
|
+
>
|
|
4188
|
+
<path
|
|
4189
|
+
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"
|
|
4190
|
+
/>
|
|
4191
|
+
</svg>
|
|
4156
4192
|
</span>
|
|
4157
4193
|
</button>
|
|
4158
4194
|
</div>
|
|
@@ -5366,7 +5402,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
5366
5402
|
aria-controls="-toolbar-expandable-content"
|
|
5367
5403
|
>
|
|
5368
5404
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
5369
|
-
<
|
|
5405
|
+
<svg
|
|
5406
|
+
class="pf-v6-svg"
|
|
5407
|
+
viewBox="0 0 512 512"
|
|
5408
|
+
fill="currentColor"
|
|
5409
|
+
aria-hidden="true"
|
|
5410
|
+
role="img"
|
|
5411
|
+
width="1em"
|
|
5412
|
+
height="1em"
|
|
5413
|
+
>
|
|
5414
|
+
<path
|
|
5415
|
+
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"
|
|
5416
|
+
/>
|
|
5417
|
+
</svg>
|
|
5370
5418
|
</span>
|
|
5371
5419
|
</button>
|
|
5372
5420
|
</div>
|
|
@@ -6221,21 +6269,9 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
6221
6269
|
aria-label="Applications"
|
|
6222
6270
|
>
|
|
6223
6271
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
6224
|
-
<i class="fas fa-th" aria-hidden="true"></i>
|
|
6225
|
-
</span>
|
|
6226
|
-
<span class="pf-v6-c-menu-toggle__text">Applications</span>
|
|
6227
|
-
</button>
|
|
6228
|
-
</div>
|
|
6229
|
-
<div class="pf-v6-c-toolbar__item">
|
|
6230
|
-
<button
|
|
6231
|
-
class="pf-v6-c-button pf-m-dock pf-m-settings pf-m-plain"
|
|
6232
|
-
type="button"
|
|
6233
|
-
aria-label="Settings"
|
|
6234
|
-
>
|
|
6235
|
-
<span class="pf-v6-c-button__icon pf-m-start">
|
|
6236
6272
|
<svg
|
|
6237
6273
|
class="pf-v6-svg"
|
|
6238
|
-
viewBox="0 0
|
|
6274
|
+
viewBox="0 0 512 512"
|
|
6239
6275
|
fill="currentColor"
|
|
6240
6276
|
aria-hidden="true"
|
|
6241
6277
|
role="img"
|
|
@@ -6243,10 +6279,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
6243
6279
|
height="1em"
|
|
6244
6280
|
>
|
|
6245
6281
|
<path
|
|
6246
|
-
d="
|
|
6282
|
+
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"
|
|
6247
6283
|
/>
|
|
6248
6284
|
</svg>
|
|
6249
6285
|
</span>
|
|
6286
|
+
<span class="pf-v6-c-menu-toggle__text">Applications</span>
|
|
6287
|
+
</button>
|
|
6288
|
+
</div>
|
|
6289
|
+
<div class="pf-v6-c-toolbar__item">
|
|
6290
|
+
<button
|
|
6291
|
+
class="pf-v6-c-button pf-m-dock pf-m-settings pf-m-plain"
|
|
6292
|
+
type="button"
|
|
6293
|
+
aria-label="Settings"
|
|
6294
|
+
>
|
|
6250
6295
|
<span class="pf-v6-c-button__text">Settings</span>
|
|
6251
6296
|
</button>
|
|
6252
6297
|
</div>
|
|
@@ -6258,7 +6303,19 @@ This demo showcases how you can position a side-panel drawer on top of the other
|
|
|
6258
6303
|
aria-label="Help"
|
|
6259
6304
|
>
|
|
6260
6305
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
6261
|
-
<
|
|
6306
|
+
<svg
|
|
6307
|
+
class="pf-v6-svg"
|
|
6308
|
+
viewBox="0 0 512 512"
|
|
6309
|
+
fill="currentColor"
|
|
6310
|
+
aria-hidden="true"
|
|
6311
|
+
role="img"
|
|
6312
|
+
width="1em"
|
|
6313
|
+
height="1em"
|
|
6314
|
+
>
|
|
6315
|
+
<path
|
|
6316
|
+
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"
|
|
6317
|
+
/>
|
|
6318
|
+
</svg>
|
|
6262
6319
|
</span>
|
|
6263
6320
|
<span class="pf-v6-c-menu-toggle__text">Help</span>
|
|
6264
6321
|
</button>
|
|
@@ -142,23 +142,11 @@ cssPrefix: pf-d-dashboard
|
|
|
142
142
|
type="button"
|
|
143
143
|
aria-expanded="false"
|
|
144
144
|
aria-label="Application launcher"
|
|
145
|
-
>
|
|
146
|
-
<span class="pf-v6-c-menu-toggle__icon">
|
|
147
|
-
<i class="fas fa-th" aria-hidden="true"></i>
|
|
148
|
-
</span>
|
|
149
|
-
</button>
|
|
150
|
-
</div>
|
|
151
|
-
<div class="pf-v6-c-toolbar__item">
|
|
152
|
-
<button
|
|
153
|
-
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
154
|
-
type="button"
|
|
155
|
-
aria-expanded="false"
|
|
156
|
-
aria-label="Settings"
|
|
157
145
|
>
|
|
158
146
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
159
147
|
<svg
|
|
160
148
|
class="pf-v6-svg"
|
|
161
|
-
viewBox="0 0
|
|
149
|
+
viewBox="0 0 512 512"
|
|
162
150
|
fill="currentColor"
|
|
163
151
|
aria-hidden="true"
|
|
164
152
|
role="img"
|
|
@@ -166,12 +154,20 @@ cssPrefix: pf-d-dashboard
|
|
|
166
154
|
height="1em"
|
|
167
155
|
>
|
|
168
156
|
<path
|
|
169
|
-
d="
|
|
157
|
+
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"
|
|
170
158
|
/>
|
|
171
159
|
</svg>
|
|
172
160
|
</span>
|
|
173
161
|
</button>
|
|
174
162
|
</div>
|
|
163
|
+
<div class="pf-v6-c-toolbar__item">
|
|
164
|
+
<button
|
|
165
|
+
class="pf-v6-c-menu-toggle pf-m-settings pf-m-plain"
|
|
166
|
+
type="button"
|
|
167
|
+
aria-expanded="false"
|
|
168
|
+
aria-label="Settings"
|
|
169
|
+
></button>
|
|
170
|
+
</div>
|
|
175
171
|
<div class="pf-v6-c-toolbar__item">
|
|
176
172
|
<button
|
|
177
173
|
class="pf-v6-c-menu-toggle pf-m-plain"
|
|
@@ -180,7 +176,19 @@ cssPrefix: pf-d-dashboard
|
|
|
180
176
|
aria-label="Help"
|
|
181
177
|
>
|
|
182
178
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
183
|
-
<
|
|
179
|
+
<svg
|
|
180
|
+
class="pf-v6-svg"
|
|
181
|
+
viewBox="0 0 512 512"
|
|
182
|
+
fill="currentColor"
|
|
183
|
+
aria-hidden="true"
|
|
184
|
+
role="img"
|
|
185
|
+
width="1em"
|
|
186
|
+
height="1em"
|
|
187
|
+
>
|
|
188
|
+
<path
|
|
189
|
+
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"
|
|
190
|
+
/>
|
|
191
|
+
</svg>
|
|
184
192
|
</span>
|
|
185
193
|
</button>
|
|
186
194
|
</div>
|