@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Button/button.css +2 -2
- package/components/Button/button.scss +3 -3
- package/components/Menu/menu.css +26 -19
- package/components/Menu/menu.scss +26 -19
- package/components/MenuToggle/menu-toggle.css +9 -5
- package/components/MenuToggle/menu-toggle.scss +12 -5
- package/components/_index.css +37 -26
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
- package/docs/components/Card/examples/Card.md +130 -10
- package/docs/components/DataList/examples/DataList.md +221 -17
- package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
- package/docs/components/Hint/examples/Hint.md +39 -3
- package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
- package/docs/components/InputGroup/examples/InputGroup.md +13 -1
- package/docs/components/Login/examples/Login.md +13 -1
- package/docs/components/Menu/examples/Menu.md +195 -15
- package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
- package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
- package/docs/components/Pagination/examples/Pagination.md +169 -13
- package/docs/components/Table/examples/Table.md +3461 -269
- package/docs/components/Toolbar/examples/Toolbar.md +507 -39
- package/docs/demos/AboutModal/examples/AboutModal.md +26 -2
- package/docs/demos/Alert/examples/Alert.md +78 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +26 -2
- package/docs/demos/Banner/examples/Banner.md +52 -4
- package/docs/demos/Card/examples/Card.md +78 -6
- package/docs/demos/CardView/examples/CardView.md +206 -20
- package/docs/demos/Compass/examples/Compass.md +431 -56
- package/docs/demos/Dashboard/examples/Dashboard.md +63 -9
- package/docs/demos/DataList/examples/DataList.md +369 -45
- package/docs/demos/DescriptionList/examples/DescriptionList.md +91 -7
- package/docs/demos/Drawer/examples/Drawer.md +143 -11
- package/docs/demos/JumpLinks/examples/JumpLinks.md +156 -12
- package/docs/demos/Masthead/examples/Masthead.md +156 -12
- package/docs/demos/Modal/examples/Modal.md +156 -12
- package/docs/demos/Nav/examples/Nav.md +104 -8
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +975 -75
- package/docs/demos/Page/examples/Page.md +390 -30
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +593 -83
- package/docs/demos/Skeleton/examples/Skeleton.md +26 -2
- package/docs/demos/Table/examples/Table.md +2518 -322
- package/docs/demos/Tabs/examples/Tabs.md +247 -19
- package/docs/demos/Toolbar/examples/Toolbar.md +659 -59
- package/docs/demos/Wizard/examples/Wizard.md +234 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +37 -26
- package/patternfly.css +37 -26
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -159,7 +159,19 @@ wrapperTag: div
|
|
|
159
159
|
aria-label="Settings"
|
|
160
160
|
>
|
|
161
161
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
162
|
-
<
|
|
162
|
+
<svg
|
|
163
|
+
class="pf-v6-svg"
|
|
164
|
+
viewBox="0 0 32 32"
|
|
165
|
+
fill="currentColor"
|
|
166
|
+
aria-hidden="true"
|
|
167
|
+
role="img"
|
|
168
|
+
width="1em"
|
|
169
|
+
height="1em"
|
|
170
|
+
>
|
|
171
|
+
<path
|
|
172
|
+
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"
|
|
173
|
+
/>
|
|
174
|
+
</svg>
|
|
163
175
|
</span>
|
|
164
176
|
</button>
|
|
165
177
|
</div>
|
|
@@ -185,7 +197,19 @@ wrapperTag: div
|
|
|
185
197
|
aria-label="Actions"
|
|
186
198
|
>
|
|
187
199
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
188
|
-
<
|
|
200
|
+
<svg
|
|
201
|
+
class="pf-v6-svg"
|
|
202
|
+
viewBox="0 0 32 32"
|
|
203
|
+
fill="currentColor"
|
|
204
|
+
aria-hidden="true"
|
|
205
|
+
role="img"
|
|
206
|
+
width="1em"
|
|
207
|
+
height="1em"
|
|
208
|
+
>
|
|
209
|
+
<path
|
|
210
|
+
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"
|
|
211
|
+
/>
|
|
212
|
+
</svg>
|
|
189
213
|
</span>
|
|
190
214
|
</button>
|
|
191
215
|
</div>
|
|
@@ -856,7 +880,19 @@ wrapperTag: div
|
|
|
856
880
|
aria-label="Settings"
|
|
857
881
|
>
|
|
858
882
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
859
|
-
<
|
|
883
|
+
<svg
|
|
884
|
+
class="pf-v6-svg"
|
|
885
|
+
viewBox="0 0 32 32"
|
|
886
|
+
fill="currentColor"
|
|
887
|
+
aria-hidden="true"
|
|
888
|
+
role="img"
|
|
889
|
+
width="1em"
|
|
890
|
+
height="1em"
|
|
891
|
+
>
|
|
892
|
+
<path
|
|
893
|
+
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"
|
|
894
|
+
/>
|
|
895
|
+
</svg>
|
|
860
896
|
</span>
|
|
861
897
|
</button>
|
|
862
898
|
</div>
|
|
@@ -882,7 +918,19 @@ wrapperTag: div
|
|
|
882
918
|
aria-label="Actions"
|
|
883
919
|
>
|
|
884
920
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
885
|
-
<
|
|
921
|
+
<svg
|
|
922
|
+
class="pf-v6-svg"
|
|
923
|
+
viewBox="0 0 32 32"
|
|
924
|
+
fill="currentColor"
|
|
925
|
+
aria-hidden="true"
|
|
926
|
+
role="img"
|
|
927
|
+
width="1em"
|
|
928
|
+
height="1em"
|
|
929
|
+
>
|
|
930
|
+
<path
|
|
931
|
+
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"
|
|
932
|
+
/>
|
|
933
|
+
</svg>
|
|
886
934
|
</span>
|
|
887
935
|
</button>
|
|
888
936
|
</div>
|
|
@@ -1535,7 +1583,19 @@ wrapperTag: div
|
|
|
1535
1583
|
aria-label="Settings"
|
|
1536
1584
|
>
|
|
1537
1585
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1538
|
-
<
|
|
1586
|
+
<svg
|
|
1587
|
+
class="pf-v6-svg"
|
|
1588
|
+
viewBox="0 0 32 32"
|
|
1589
|
+
fill="currentColor"
|
|
1590
|
+
aria-hidden="true"
|
|
1591
|
+
role="img"
|
|
1592
|
+
width="1em"
|
|
1593
|
+
height="1em"
|
|
1594
|
+
>
|
|
1595
|
+
<path
|
|
1596
|
+
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"
|
|
1597
|
+
/>
|
|
1598
|
+
</svg>
|
|
1539
1599
|
</span>
|
|
1540
1600
|
</button>
|
|
1541
1601
|
</div>
|
|
@@ -1561,7 +1621,19 @@ wrapperTag: div
|
|
|
1561
1621
|
aria-label="Actions"
|
|
1562
1622
|
>
|
|
1563
1623
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
1564
|
-
<
|
|
1624
|
+
<svg
|
|
1625
|
+
class="pf-v6-svg"
|
|
1626
|
+
viewBox="0 0 32 32"
|
|
1627
|
+
fill="currentColor"
|
|
1628
|
+
aria-hidden="true"
|
|
1629
|
+
role="img"
|
|
1630
|
+
width="1em"
|
|
1631
|
+
height="1em"
|
|
1632
|
+
>
|
|
1633
|
+
<path
|
|
1634
|
+
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"
|
|
1635
|
+
/>
|
|
1636
|
+
</svg>
|
|
1565
1637
|
</span>
|
|
1566
1638
|
</button>
|
|
1567
1639
|
</div>
|
|
@@ -2310,7 +2382,19 @@ wrapperTag: div
|
|
|
2310
2382
|
aria-label="Settings"
|
|
2311
2383
|
>
|
|
2312
2384
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2313
|
-
<
|
|
2385
|
+
<svg
|
|
2386
|
+
class="pf-v6-svg"
|
|
2387
|
+
viewBox="0 0 32 32"
|
|
2388
|
+
fill="currentColor"
|
|
2389
|
+
aria-hidden="true"
|
|
2390
|
+
role="img"
|
|
2391
|
+
width="1em"
|
|
2392
|
+
height="1em"
|
|
2393
|
+
>
|
|
2394
|
+
<path
|
|
2395
|
+
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"
|
|
2396
|
+
/>
|
|
2397
|
+
</svg>
|
|
2314
2398
|
</span>
|
|
2315
2399
|
</button>
|
|
2316
2400
|
</div>
|
|
@@ -2336,7 +2420,19 @@ wrapperTag: div
|
|
|
2336
2420
|
aria-label="Actions"
|
|
2337
2421
|
>
|
|
2338
2422
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
2339
|
-
<
|
|
2423
|
+
<svg
|
|
2424
|
+
class="pf-v6-svg"
|
|
2425
|
+
viewBox="0 0 32 32"
|
|
2426
|
+
fill="currentColor"
|
|
2427
|
+
aria-hidden="true"
|
|
2428
|
+
role="img"
|
|
2429
|
+
width="1em"
|
|
2430
|
+
height="1em"
|
|
2431
|
+
>
|
|
2432
|
+
<path
|
|
2433
|
+
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"
|
|
2434
|
+
/>
|
|
2435
|
+
</svg>
|
|
2340
2436
|
</span>
|
|
2341
2437
|
</button>
|
|
2342
2438
|
</div>
|
|
@@ -3081,7 +3177,19 @@ wrapperTag: div
|
|
|
3081
3177
|
aria-label="Settings"
|
|
3082
3178
|
>
|
|
3083
3179
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3084
|
-
<
|
|
3180
|
+
<svg
|
|
3181
|
+
class="pf-v6-svg"
|
|
3182
|
+
viewBox="0 0 32 32"
|
|
3183
|
+
fill="currentColor"
|
|
3184
|
+
aria-hidden="true"
|
|
3185
|
+
role="img"
|
|
3186
|
+
width="1em"
|
|
3187
|
+
height="1em"
|
|
3188
|
+
>
|
|
3189
|
+
<path
|
|
3190
|
+
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"
|
|
3191
|
+
/>
|
|
3192
|
+
</svg>
|
|
3085
3193
|
</span>
|
|
3086
3194
|
</button>
|
|
3087
3195
|
</div>
|
|
@@ -3107,7 +3215,19 @@ wrapperTag: div
|
|
|
3107
3215
|
aria-label="Actions"
|
|
3108
3216
|
>
|
|
3109
3217
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3110
|
-
<
|
|
3218
|
+
<svg
|
|
3219
|
+
class="pf-v6-svg"
|
|
3220
|
+
viewBox="0 0 32 32"
|
|
3221
|
+
fill="currentColor"
|
|
3222
|
+
aria-hidden="true"
|
|
3223
|
+
role="img"
|
|
3224
|
+
width="1em"
|
|
3225
|
+
height="1em"
|
|
3226
|
+
>
|
|
3227
|
+
<path
|
|
3228
|
+
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"
|
|
3229
|
+
/>
|
|
3230
|
+
</svg>
|
|
3111
3231
|
</span>
|
|
3112
3232
|
</button>
|
|
3113
3233
|
</div>
|
|
@@ -3727,7 +3847,19 @@ wrapperTag: div
|
|
|
3727
3847
|
aria-label="Settings"
|
|
3728
3848
|
>
|
|
3729
3849
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3730
|
-
<
|
|
3850
|
+
<svg
|
|
3851
|
+
class="pf-v6-svg"
|
|
3852
|
+
viewBox="0 0 32 32"
|
|
3853
|
+
fill="currentColor"
|
|
3854
|
+
aria-hidden="true"
|
|
3855
|
+
role="img"
|
|
3856
|
+
width="1em"
|
|
3857
|
+
height="1em"
|
|
3858
|
+
>
|
|
3859
|
+
<path
|
|
3860
|
+
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"
|
|
3861
|
+
/>
|
|
3862
|
+
</svg>
|
|
3731
3863
|
</span>
|
|
3732
3864
|
</button>
|
|
3733
3865
|
</div>
|
|
@@ -3753,7 +3885,19 @@ wrapperTag: div
|
|
|
3753
3885
|
aria-label="Actions"
|
|
3754
3886
|
>
|
|
3755
3887
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
3756
|
-
<
|
|
3888
|
+
<svg
|
|
3889
|
+
class="pf-v6-svg"
|
|
3890
|
+
viewBox="0 0 32 32"
|
|
3891
|
+
fill="currentColor"
|
|
3892
|
+
aria-hidden="true"
|
|
3893
|
+
role="img"
|
|
3894
|
+
width="1em"
|
|
3895
|
+
height="1em"
|
|
3896
|
+
>
|
|
3897
|
+
<path
|
|
3898
|
+
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"
|
|
3899
|
+
/>
|
|
3900
|
+
</svg>
|
|
3757
3901
|
</span>
|
|
3758
3902
|
</button>
|
|
3759
3903
|
</div>
|
|
@@ -4356,7 +4500,19 @@ wrapperTag: div
|
|
|
4356
4500
|
aria-label="Settings"
|
|
4357
4501
|
>
|
|
4358
4502
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4359
|
-
<
|
|
4503
|
+
<svg
|
|
4504
|
+
class="pf-v6-svg"
|
|
4505
|
+
viewBox="0 0 32 32"
|
|
4506
|
+
fill="currentColor"
|
|
4507
|
+
aria-hidden="true"
|
|
4508
|
+
role="img"
|
|
4509
|
+
width="1em"
|
|
4510
|
+
height="1em"
|
|
4511
|
+
>
|
|
4512
|
+
<path
|
|
4513
|
+
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"
|
|
4514
|
+
/>
|
|
4515
|
+
</svg>
|
|
4360
4516
|
</span>
|
|
4361
4517
|
</button>
|
|
4362
4518
|
</div>
|
|
@@ -4382,7 +4538,19 @@ wrapperTag: div
|
|
|
4382
4538
|
aria-label="Actions"
|
|
4383
4539
|
>
|
|
4384
4540
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4385
|
-
<
|
|
4541
|
+
<svg
|
|
4542
|
+
class="pf-v6-svg"
|
|
4543
|
+
viewBox="0 0 32 32"
|
|
4544
|
+
fill="currentColor"
|
|
4545
|
+
aria-hidden="true"
|
|
4546
|
+
role="img"
|
|
4547
|
+
width="1em"
|
|
4548
|
+
height="1em"
|
|
4549
|
+
>
|
|
4550
|
+
<path
|
|
4551
|
+
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"
|
|
4552
|
+
/>
|
|
4553
|
+
</svg>
|
|
4386
4554
|
</span>
|
|
4387
4555
|
</button>
|
|
4388
4556
|
</div>
|
|
@@ -4967,7 +5135,19 @@ wrapperTag: div
|
|
|
4967
5135
|
aria-label="Settings"
|
|
4968
5136
|
>
|
|
4969
5137
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4970
|
-
<
|
|
5138
|
+
<svg
|
|
5139
|
+
class="pf-v6-svg"
|
|
5140
|
+
viewBox="0 0 32 32"
|
|
5141
|
+
fill="currentColor"
|
|
5142
|
+
aria-hidden="true"
|
|
5143
|
+
role="img"
|
|
5144
|
+
width="1em"
|
|
5145
|
+
height="1em"
|
|
5146
|
+
>
|
|
5147
|
+
<path
|
|
5148
|
+
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"
|
|
5149
|
+
/>
|
|
5150
|
+
</svg>
|
|
4971
5151
|
</span>
|
|
4972
5152
|
</button>
|
|
4973
5153
|
</div>
|
|
@@ -4993,7 +5173,19 @@ wrapperTag: div
|
|
|
4993
5173
|
aria-label="Actions"
|
|
4994
5174
|
>
|
|
4995
5175
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
4996
|
-
<
|
|
5176
|
+
<svg
|
|
5177
|
+
class="pf-v6-svg"
|
|
5178
|
+
viewBox="0 0 32 32"
|
|
5179
|
+
fill="currentColor"
|
|
5180
|
+
aria-hidden="true"
|
|
5181
|
+
role="img"
|
|
5182
|
+
width="1em"
|
|
5183
|
+
height="1em"
|
|
5184
|
+
>
|
|
5185
|
+
<path
|
|
5186
|
+
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"
|
|
5187
|
+
/>
|
|
5188
|
+
</svg>
|
|
4997
5189
|
</span>
|
|
4998
5190
|
</button>
|
|
4999
5191
|
</div>
|
|
@@ -5661,7 +5853,19 @@ wrapperTag: div
|
|
|
5661
5853
|
aria-label="Settings"
|
|
5662
5854
|
>
|
|
5663
5855
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
5664
|
-
<
|
|
5856
|
+
<svg
|
|
5857
|
+
class="pf-v6-svg"
|
|
5858
|
+
viewBox="0 0 32 32"
|
|
5859
|
+
fill="currentColor"
|
|
5860
|
+
aria-hidden="true"
|
|
5861
|
+
role="img"
|
|
5862
|
+
width="1em"
|
|
5863
|
+
height="1em"
|
|
5864
|
+
>
|
|
5865
|
+
<path
|
|
5866
|
+
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"
|
|
5867
|
+
/>
|
|
5868
|
+
</svg>
|
|
5665
5869
|
</span>
|
|
5666
5870
|
</button>
|
|
5667
5871
|
</div>
|
|
@@ -5687,7 +5891,19 @@ wrapperTag: div
|
|
|
5687
5891
|
aria-label="Actions"
|
|
5688
5892
|
>
|
|
5689
5893
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
5690
|
-
<
|
|
5894
|
+
<svg
|
|
5895
|
+
class="pf-v6-svg"
|
|
5896
|
+
viewBox="0 0 32 32"
|
|
5897
|
+
fill="currentColor"
|
|
5898
|
+
aria-hidden="true"
|
|
5899
|
+
role="img"
|
|
5900
|
+
width="1em"
|
|
5901
|
+
height="1em"
|
|
5902
|
+
>
|
|
5903
|
+
<path
|
|
5904
|
+
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"
|
|
5905
|
+
/>
|
|
5906
|
+
</svg>
|
|
5691
5907
|
</span>
|
|
5692
5908
|
</button>
|
|
5693
5909
|
</div>
|
package/package.json
CHANGED
|
@@ -10947,13 +10947,13 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
10947
10947
|
--pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10948
10948
|
--pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10949
10949
|
--pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10950
|
-
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--
|
|
10950
|
+
--pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
10951
10951
|
--pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10952
10952
|
--pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
|
|
10953
10953
|
--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10954
10954
|
--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10955
10955
|
--pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
10956
|
-
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
|
|
10956
|
+
--pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
10957
10957
|
--pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
10958
10958
|
--pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
10959
10959
|
--pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
@@ -20292,17 +20292,19 @@ ul.pf-v6-c-list {
|
|
|
20292
20292
|
}
|
|
20293
20293
|
|
|
20294
20294
|
.pf-v6-c-menu {
|
|
20295
|
-
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--
|
|
20295
|
+
--pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
|
|
20296
20296
|
--pf-v6-c-menu--Width: auto;
|
|
20297
20297
|
--pf-v6-c-menu--MinWidth: auto;
|
|
20298
|
-
--pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
20299
|
-
--pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
20298
|
+
--pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
20299
|
+
--pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
20300
|
+
--pf-v6-c-menu--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
20301
|
+
--pf-v6-c-menu--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
20300
20302
|
--pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20301
20303
|
--pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
20302
20304
|
--pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
|
|
20303
20305
|
--pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
20304
20306
|
--pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
20305
|
-
--pf-v6-c-menu--BorderRadius: var(--pf-
|
|
20307
|
+
--pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
|
|
20306
20308
|
--pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
|
|
20307
20309
|
--pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
|
|
20308
20310
|
--pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -20343,12 +20345,13 @@ ul.pf-v6-c-list {
|
|
|
20343
20345
|
--pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
20344
20346
|
--pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
|
|
20345
20347
|
--pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
20346
|
-
--pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--
|
|
20347
|
-
--pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--
|
|
20348
|
+
--pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
20349
|
+
--pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
|
|
20350
|
+
--pf-v6-c-menu__item--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
20348
20351
|
--pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20349
20352
|
--pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20350
|
-
--pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
20351
|
-
--pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
20353
|
+
--pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
20354
|
+
--pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20352
20355
|
--pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20353
20356
|
--pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
20354
20357
|
--pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
@@ -20357,22 +20360,23 @@ ul.pf-v6-c-list {
|
|
|
20357
20360
|
--pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
20358
20361
|
--pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20359
20362
|
--pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20360
|
-
--pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
20361
|
-
--pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
20363
|
+
--pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
20364
|
+
--pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20362
20365
|
--pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20363
20366
|
--pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20364
|
-
--pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
20365
|
-
--pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
20367
|
+
--pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
20368
|
+
--pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20366
20369
|
--pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
|
|
20367
20370
|
--pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
|
|
20368
|
-
--pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
20369
|
-
--pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
20371
|
+
--pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
20372
|
+
--pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20370
20373
|
--pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
20371
20374
|
--pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
20372
|
-
--pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
20373
|
-
--pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
20375
|
+
--pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
20376
|
+
--pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
20374
20377
|
--pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
20375
|
-
--pf-v6-c-menu__group-title--
|
|
20378
|
+
--pf-v6-c-menu__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
20379
|
+
--pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--regular);
|
|
20376
20380
|
--pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
20377
20381
|
--pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
|
|
20378
20382
|
--pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
|
|
@@ -20534,6 +20538,8 @@ ul.pf-v6-c-list {
|
|
|
20534
20538
|
min-width: var(--pf-v6-c-menu--MinWidth);
|
|
20535
20539
|
padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
|
|
20536
20540
|
padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
|
|
20541
|
+
padding-inline-start: var(--pf-v6-c-menu--PaddingInlineStart);
|
|
20542
|
+
padding-inline-end: var(--pf-v6-c-menu--PaddingInlineEnd);
|
|
20537
20543
|
overflow: hidden;
|
|
20538
20544
|
color: var(--pf-v6-c-menu--Color);
|
|
20539
20545
|
background-color: var(--pf-v6-c-menu--BackgroundColor);
|
|
@@ -20728,8 +20734,8 @@ ul.pf-v6-c-list {
|
|
|
20728
20734
|
inset: 0;
|
|
20729
20735
|
content: "";
|
|
20730
20736
|
background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
|
|
20731
|
-
border
|
|
20732
|
-
border-
|
|
20737
|
+
border: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
|
|
20738
|
+
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
20733
20739
|
transition: inherit;
|
|
20734
20740
|
}
|
|
20735
20741
|
.pf-v6-c-menu__list-item.pf-m-load {
|
|
@@ -20779,6 +20785,7 @@ ul.pf-v6-c-list {
|
|
|
20779
20785
|
text-decoration-line: none;
|
|
20780
20786
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
20781
20787
|
border: 0;
|
|
20788
|
+
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
20782
20789
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
20783
20790
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
20784
20791
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
@@ -20942,7 +20949,7 @@ ul.pf-v6-c-list {
|
|
|
20942
20949
|
--pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
20943
20950
|
--pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
20944
20951
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20945
|
-
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--
|
|
20952
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
|
|
20946
20953
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
|
|
20947
20954
|
--pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
20948
20955
|
--pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
|
|
@@ -20980,7 +20987,7 @@ ul.pf-v6-c-list {
|
|
|
20980
20987
|
--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
20981
20988
|
--pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
20982
20989
|
--pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
20983
|
-
--pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--
|
|
20990
|
+
--pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
|
|
20984
20991
|
--pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
|
|
20985
20992
|
--pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
|
|
20986
20993
|
--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
@@ -20998,7 +21005,7 @@ ul.pf-v6-c-list {
|
|
|
20998
21005
|
--pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
|
|
20999
21006
|
--pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
21000
21007
|
--pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
21001
|
-
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--
|
|
21008
|
+
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
|
|
21002
21009
|
--pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
21003
21010
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
21004
21011
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
@@ -21013,11 +21020,12 @@ ul.pf-v6-c-list {
|
|
|
21013
21020
|
--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
|
21014
21021
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
21015
21022
|
--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
|
|
21023
|
+
--pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
|
|
21016
21024
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
21017
21025
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
21018
21026
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
|
|
21019
21027
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
|
|
21020
|
-
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--
|
|
21028
|
+
--pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
|
|
21021
21029
|
--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
|
|
21022
21030
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
21023
21031
|
--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
|
|
@@ -21047,7 +21055,7 @@ ul.pf-v6-c-list {
|
|
|
21047
21055
|
--pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
21048
21056
|
--pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
|
|
21049
21057
|
--pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
|
|
21050
|
-
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--
|
|
21058
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
|
|
21051
21059
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21052
21060
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
21053
21061
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -21167,6 +21175,9 @@ ul.pf-v6-c-list {
|
|
|
21167
21175
|
.pf-v6-c-menu-toggle.pf-m-full-width {
|
|
21168
21176
|
width: 100%;
|
|
21169
21177
|
}
|
|
21178
|
+
.pf-v6-c-menu-toggle.pf-m-form {
|
|
21179
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
|
|
21180
|
+
}
|
|
21170
21181
|
.pf-v6-c-menu-toggle.pf-m-plain {
|
|
21171
21182
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
|
|
21172
21183
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
|