@patternfly/patternfly 6.5.0-prerelease.65 → 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/Breadcrumb/breadcrumb.css +6 -2
- package/components/Breadcrumb/breadcrumb.scss +6 -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/MenuToggle/menu-toggle.css +1 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/Page/page.css +11 -11
- package/components/Page/page.scss +2 -2
- package/components/Table/table.css +59 -21
- package/components/Table/table.scss +77 -26
- package/components/Wizard/wizard.css +2 -2
- package/components/Wizard/wizard.scss +4 -4
- package/components/_index.css +84 -45
- package/docs/components/ActionList/examples/ActionList.md +2 -2
- package/docs/components/Alert/examples/Alert.md +4 -4
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +1 -1
- package/docs/components/Button/examples/Button.md +31 -31
- 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/Table/examples/Table.css +2 -1
- package/docs/components/Table/examples/Table.md +1330 -166
- 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 +3561 -618
- package/docs/demos/Tabs/examples/Tabs.md +151 -91
- package/docs/demos/Toolbar/examples/Toolbar.md +546 -106
- package/docs/demos/Wizard/examples/Wizard.md +207 -135
- package/package.json +2 -2
- package/patternfly-no-globals.css +84 -45
- package/patternfly.css +84 -45
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -424,7 +424,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
424
424
|
<span class="pf-v6-c-button__icon">
|
|
425
425
|
<svg
|
|
426
426
|
class="pf-v6-svg"
|
|
427
|
-
viewBox="0 0
|
|
427
|
+
viewBox="0 0 32 32"
|
|
428
428
|
fill="currentColor"
|
|
429
429
|
aria-hidden="true"
|
|
430
430
|
role="img"
|
|
@@ -432,7 +432,7 @@ Several components in the following examples do not include functional and/or ac
|
|
|
432
432
|
height="1em"
|
|
433
433
|
>
|
|
434
434
|
<path
|
|
435
|
-
d="
|
|
435
|
+
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"
|
|
436
436
|
/>
|
|
437
437
|
</svg>
|
|
438
438
|
</span>
|
|
@@ -752,7 +752,19 @@ Several components in the following examples do not include functional and/or ac
|
|
|
752
752
|
aria-controls="toolbar-toggle-group-on-mobile-expandable-content"
|
|
753
753
|
>
|
|
754
754
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
755
|
-
<
|
|
755
|
+
<svg
|
|
756
|
+
class="pf-v6-svg"
|
|
757
|
+
viewBox="0 0 512 512"
|
|
758
|
+
fill="currentColor"
|
|
759
|
+
aria-hidden="true"
|
|
760
|
+
role="img"
|
|
761
|
+
width="1em"
|
|
762
|
+
height="1em"
|
|
763
|
+
>
|
|
764
|
+
<path
|
|
765
|
+
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"
|
|
766
|
+
/>
|
|
767
|
+
</svg>
|
|
756
768
|
</span>
|
|
757
769
|
</button>
|
|
758
770
|
</div>
|
|
@@ -1005,7 +1017,19 @@ Several components in the following examples do not include functional and/or ac
|
|
|
1005
1017
|
aria-controls="toolbar-toggle-group-desktop-expandable-content"
|
|
1006
1018
|
>
|
|
1007
1019
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1008
|
-
<
|
|
1020
|
+
<svg
|
|
1021
|
+
class="pf-v6-svg"
|
|
1022
|
+
viewBox="0 0 512 512"
|
|
1023
|
+
fill="currentColor"
|
|
1024
|
+
aria-hidden="true"
|
|
1025
|
+
role="img"
|
|
1026
|
+
width="1em"
|
|
1027
|
+
height="1em"
|
|
1028
|
+
>
|
|
1029
|
+
<path
|
|
1030
|
+
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"
|
|
1031
|
+
/>
|
|
1032
|
+
</svg>
|
|
1009
1033
|
</span>
|
|
1010
1034
|
</button>
|
|
1011
1035
|
</div>
|
|
@@ -1343,7 +1367,19 @@ Several components in the following examples do not include functional and/or ac
|
|
|
1343
1367
|
aria-controls="toolbar-selected-filters-toggle-group-collapsed-example-expandable-content"
|
|
1344
1368
|
>
|
|
1345
1369
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1346
|
-
<
|
|
1370
|
+
<svg
|
|
1371
|
+
class="pf-v6-svg"
|
|
1372
|
+
viewBox="0 0 512 512"
|
|
1373
|
+
fill="currentColor"
|
|
1374
|
+
aria-hidden="true"
|
|
1375
|
+
role="img"
|
|
1376
|
+
width="1em"
|
|
1377
|
+
height="1em"
|
|
1378
|
+
>
|
|
1379
|
+
<path
|
|
1380
|
+
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"
|
|
1381
|
+
/>
|
|
1382
|
+
</svg>
|
|
1347
1383
|
</span>
|
|
1348
1384
|
</button>
|
|
1349
1385
|
</div>
|
|
@@ -1563,7 +1599,19 @@ Several components in the following examples do not include functional and/or ac
|
|
|
1563
1599
|
aria-controls="toolbar-selected-filters-toggle-group-expanded-example-expandable-content"
|
|
1564
1600
|
>
|
|
1565
1601
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1566
|
-
<
|
|
1602
|
+
<svg
|
|
1603
|
+
class="pf-v6-svg"
|
|
1604
|
+
viewBox="0 0 512 512"
|
|
1605
|
+
fill="currentColor"
|
|
1606
|
+
aria-hidden="true"
|
|
1607
|
+
role="img"
|
|
1608
|
+
width="1em"
|
|
1609
|
+
height="1em"
|
|
1610
|
+
>
|
|
1611
|
+
<path
|
|
1612
|
+
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"
|
|
1613
|
+
/>
|
|
1614
|
+
</svg>
|
|
1567
1615
|
</span>
|
|
1568
1616
|
</button>
|
|
1569
1617
|
</div>
|
|
@@ -2785,7 +2833,19 @@ Several components in the following examples do not include functional and/or ac
|
|
|
2785
2833
|
aria-controls="toolbar-stacked-collapsed-example-expandable-content"
|
|
2786
2834
|
>
|
|
2787
2835
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2788
|
-
<
|
|
2836
|
+
<svg
|
|
2837
|
+
class="pf-v6-svg"
|
|
2838
|
+
viewBox="0 0 512 512"
|
|
2839
|
+
fill="currentColor"
|
|
2840
|
+
aria-hidden="true"
|
|
2841
|
+
role="img"
|
|
2842
|
+
width="1em"
|
|
2843
|
+
height="1em"
|
|
2844
|
+
>
|
|
2845
|
+
<path
|
|
2846
|
+
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"
|
|
2847
|
+
/>
|
|
2848
|
+
</svg>
|
|
2789
2849
|
</span>
|
|
2790
2850
|
</button>
|
|
2791
2851
|
</div>
|
|
@@ -2819,7 +2819,7 @@ A search input can be used to filter tree view items. It is recommended that a t
|
|
|
2819
2819
|
<span class="pf-v6-c-button__icon">
|
|
2820
2820
|
<svg
|
|
2821
2821
|
class="pf-v6-svg"
|
|
2822
|
-
viewBox="0 0
|
|
2822
|
+
viewBox="0 0 32 32"
|
|
2823
2823
|
fill="currentColor"
|
|
2824
2824
|
aria-hidden="true"
|
|
2825
2825
|
role="img"
|
|
@@ -2827,7 +2827,7 @@ A search input can be used to filter tree view items. It is recommended that a t
|
|
|
2827
2827
|
height="1em"
|
|
2828
2828
|
>
|
|
2829
2829
|
<path
|
|
2830
|
-
d="
|
|
2830
|
+
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"
|
|
2831
2831
|
/>
|
|
2832
2832
|
</svg>
|
|
2833
2833
|
</span>
|
|
@@ -3216,7 +3216,7 @@ A search input can be used to filter tree view items. It is recommended that a t
|
|
|
3216
3216
|
<span class="pf-v6-c-button__icon">
|
|
3217
3217
|
<svg
|
|
3218
3218
|
class="pf-v6-svg"
|
|
3219
|
-
viewBox="0 0
|
|
3219
|
+
viewBox="0 0 32 32"
|
|
3220
3220
|
fill="currentColor"
|
|
3221
3221
|
aria-hidden="true"
|
|
3222
3222
|
role="img"
|
|
@@ -3224,7 +3224,7 @@ A search input can be used to filter tree view items. It is recommended that a t
|
|
|
3224
3224
|
height="1em"
|
|
3225
3225
|
>
|
|
3226
3226
|
<path
|
|
3227
|
-
d="
|
|
3227
|
+
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"
|
|
3228
3228
|
/>
|
|
3229
3229
|
</svg>
|
|
3230
3230
|
</span>
|
|
@@ -1782,7 +1782,7 @@ 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
|
-
<i class="fas fa- fa-
|
|
1785
|
+
<i class="fas fa- fa-rh-ui-settings-fill" aria-hidden="true"></i>
|
|
1786
1786
|
</div>
|
|
1787
1787
|
|
|
1788
1788
|
<div
|
|
@@ -146,23 +146,11 @@ This demo implements the about modal, including the backdrop.
|
|
|
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 @@ This demo implements the about modal, including the backdrop.
|
|
|
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 @@ This demo implements the about modal, including the backdrop.
|
|
|
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>
|
|
@@ -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>
|