@patternfly/patternfly 6.5.0-prerelease.62 → 6.5.0-prerelease.64

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.
Files changed (55) hide show
  1. package/components/Button/button.css +2 -2
  2. package/components/Button/button.scss +3 -3
  3. package/components/ClipboardCopy/clipboard-copy.css +7 -1
  4. package/components/ClipboardCopy/clipboard-copy.scss +10 -1
  5. package/components/Menu/menu.css +26 -19
  6. package/components/Menu/menu.scss +26 -19
  7. package/components/MenuToggle/menu-toggle.css +9 -5
  8. package/components/MenuToggle/menu-toggle.scss +12 -5
  9. package/components/_index.css +44 -27
  10. package/docs/components/Breadcrumb/examples/Breadcrumb.md +13 -1
  11. package/docs/components/CalendarMonth/examples/CalendarMonth.md +52 -4
  12. package/docs/components/Card/examples/Card.md +130 -10
  13. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +39 -38
  14. package/docs/components/DataList/examples/DataList.md +221 -17
  15. package/docs/components/DualListSelector/examples/DualListSelector.md +234 -18
  16. package/docs/components/Hint/examples/Hint.md +39 -3
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -2
  18. package/docs/components/InputGroup/examples/InputGroup.md +13 -1
  19. package/docs/components/Login/examples/Login.md +13 -1
  20. package/docs/components/Menu/examples/Menu.md +195 -15
  21. package/docs/components/MenuToggle/examples/MenuToggle.md +1331 -100
  22. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +481 -37
  23. package/docs/components/OverflowMenu/examples/overflow-menu.md +65 -5
  24. package/docs/components/Page/examples/Page.md +62 -15
  25. package/docs/components/Pagination/examples/Pagination.md +169 -13
  26. package/docs/components/Table/examples/Table.md +3461 -269
  27. package/docs/components/Toolbar/examples/Toolbar.md +507 -39
  28. package/docs/demos/AboutModal/examples/AboutModal.md +34 -4
  29. package/docs/demos/Alert/examples/Alert.md +102 -12
  30. package/docs/demos/BackToTop/examples/BackToTop.md +34 -4
  31. package/docs/demos/Banner/examples/Banner.md +68 -8
  32. package/docs/demos/Card/examples/Card.md +78 -6
  33. package/docs/demos/CardView/examples/CardView.md +214 -22
  34. package/docs/demos/Compass/examples/Compass.md +431 -56
  35. package/docs/demos/Dashboard/examples/Dashboard.md +71 -11
  36. package/docs/demos/DataList/examples/DataList.md +401 -53
  37. package/docs/demos/DescriptionList/examples/DescriptionList.md +115 -13
  38. package/docs/demos/Drawer/examples/Drawer.md +167 -17
  39. package/docs/demos/JumpLinks/examples/JumpLinks.md +188 -20
  40. package/docs/demos/Masthead/examples/Masthead.md +228 -30
  41. package/docs/demos/Modal/examples/Modal.md +204 -24
  42. package/docs/demos/Nav/examples/Nav.md +184 -28
  43. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1015 -85
  44. package/docs/demos/Page/examples/Page.md +503 -58
  45. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +649 -97
  46. package/docs/demos/Skeleton/examples/Skeleton.md +34 -4
  47. package/docs/demos/Table/examples/Table.md +2641 -349
  48. package/docs/demos/Tabs/examples/Tabs.md +295 -31
  49. package/docs/demos/Toolbar/examples/Toolbar.md +675 -63
  50. package/docs/demos/Wizard/examples/Wizard.md +306 -36
  51. package/package.json +1 -1
  52. package/patternfly-no-globals.css +44 -27
  53. package/patternfly.css +44 -27
  54. package/patternfly.min.css +1 -1
  55. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css 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--small);
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);
@@ -12432,7 +12432,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12432
12432
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12433
12433
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12434
12434
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
12435
- --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12435
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
12436
12436
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
12437
12437
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
12438
12438
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
@@ -12440,6 +12440,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12440
12440
  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
12441
12441
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
12442
12442
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
12443
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
12444
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
12443
12445
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
12444
12446
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
12445
12447
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -12468,6 +12470,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12468
12470
  .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
12469
12471
  display: inline-flex;
12470
12472
  }
12473
+ .pf-v6-c-clipboard-copy.pf-m-readonly {
12474
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
12475
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
12476
+ }
12471
12477
 
12472
12478
  .pf-v6-c-clipboard-copy__group {
12473
12479
  display: flex;
@@ -20292,17 +20298,19 @@ ul.pf-v6-c-list {
20292
20298
  }
20293
20299
 
20294
20300
  .pf-v6-c-menu {
20295
- --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
20301
+ --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
20296
20302
  --pf-v6-c-menu--Width: auto;
20297
20303
  --pf-v6-c-menu--MinWidth: auto;
20298
- --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20299
- --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20304
+ --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--xs);
20305
+ --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20306
+ --pf-v6-c-menu--PaddingInlineStart: var(--pf-t--global--spacer--xs);
20307
+ --pf-v6-c-menu--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
20300
20308
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20301
20309
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
20302
20310
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
20303
20311
  --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
20304
20312
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
20305
- --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
20313
+ --pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
20306
20314
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
20307
20315
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
20308
20316
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -20343,12 +20351,13 @@ ul.pf-v6-c-list {
20343
20351
  --pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
20344
20352
  --pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
20345
20353
  --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--sm);
20347
- --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--sm);
20354
+ --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
20355
+ --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
20356
+ --pf-v6-c-menu__item--BorderRadius: var(--pf-t--global--border--radius--small);
20348
20357
  --pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20349
20358
  --pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20350
- --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20351
- --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20359
+ --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
20360
+ --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20352
20361
  --pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
20353
20362
  --pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
20354
20363
  --pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -20357,22 +20366,23 @@ ul.pf-v6-c-list {
20357
20366
  --pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
20358
20367
  --pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20359
20368
  --pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20360
- --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20361
- --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20369
+ --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
20370
+ --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20362
20371
  --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20363
20372
  --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--lg);
20365
- --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20373
+ --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
20374
+ --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20366
20375
  --pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
20367
20376
  --pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
20368
- --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20369
- --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20377
+ --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
20378
+ --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20370
20379
  --pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20371
20380
  --pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20372
- --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20373
- --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20381
+ --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
20382
+ --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20374
20383
  --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
20375
- --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
20384
+ --pf-v6-c-menu__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
20385
+ --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--regular);
20376
20386
  --pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
20377
20387
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
20378
20388
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
@@ -20534,6 +20544,8 @@ ul.pf-v6-c-list {
20534
20544
  min-width: var(--pf-v6-c-menu--MinWidth);
20535
20545
  padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
20536
20546
  padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
20547
+ padding-inline-start: var(--pf-v6-c-menu--PaddingInlineStart);
20548
+ padding-inline-end: var(--pf-v6-c-menu--PaddingInlineEnd);
20537
20549
  overflow: hidden;
20538
20550
  color: var(--pf-v6-c-menu--Color);
20539
20551
  background-color: var(--pf-v6-c-menu--BackgroundColor);
@@ -20728,8 +20740,8 @@ ul.pf-v6-c-list {
20728
20740
  inset: 0;
20729
20741
  content: "";
20730
20742
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
20731
- border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
20732
- border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
20743
+ border: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
20744
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
20733
20745
  transition: inherit;
20734
20746
  }
20735
20747
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -20779,6 +20791,7 @@ ul.pf-v6-c-list {
20779
20791
  text-decoration-line: none;
20780
20792
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
20781
20793
  border: 0;
20794
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
20782
20795
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20783
20796
  --pf-v6-hidden-visible--visible--Display: flex;
20784
20797
  --pf-v6-hidden-visible--hidden--Display: none;
@@ -20942,7 +20955,7 @@ ul.pf-v6-c-list {
20942
20955
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
20943
20956
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
20944
20957
  --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--small);
20958
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
20946
20959
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
20947
20960
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
20948
20961
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
@@ -20980,7 +20993,7 @@ ul.pf-v6-c-list {
20980
20993
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
20981
20994
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
20982
20995
  --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--pill);
20996
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
20984
20997
  --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
20985
20998
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
20986
20999
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -20998,7 +21011,7 @@ ul.pf-v6-c-list {
20998
21011
  --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
20999
21012
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
21000
21013
  --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--pill);
21014
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
21002
21015
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
21003
21016
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
21004
21017
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -21013,11 +21026,12 @@ ul.pf-v6-c-list {
21013
21026
  --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
21014
21027
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
21015
21028
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
21029
+ --pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
21016
21030
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
21017
21031
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
21018
21032
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
21019
21033
  --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--pill);
21034
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
21021
21035
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
21022
21036
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
21023
21037
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
@@ -21047,7 +21061,7 @@ ul.pf-v6-c-list {
21047
21061
  --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
21048
21062
  --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
21049
21063
  --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--small);
21064
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
21051
21065
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21052
21066
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
21053
21067
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -21167,6 +21181,9 @@ ul.pf-v6-c-list {
21167
21181
  .pf-v6-c-menu-toggle.pf-m-full-width {
21168
21182
  width: 100%;
21169
21183
  }
21184
+ .pf-v6-c-menu-toggle.pf-m-form {
21185
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
21186
+ }
21170
21187
  .pf-v6-c-menu-toggle.pf-m-plain {
21171
21188
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
21172
21189
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
package/patternfly.css CHANGED
@@ -11094,13 +11094,13 @@ button.pf-v6-c-breadcrumb__link {
11094
11094
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
11095
11095
  --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
11096
11096
  --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
11097
- --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
11097
+ --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11098
11098
  --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
11099
11099
  --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
11100
11100
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
11101
11101
  --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
11102
11102
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
11103
- --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
11103
+ --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--control--default);
11104
11104
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
11105
11105
  --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
11106
11106
  --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -12579,7 +12579,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12579
12579
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
12580
12580
  --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
12581
12581
  --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
12582
- --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
12582
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
12583
12583
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
12584
12584
  --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
12585
12585
  --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
@@ -12587,6 +12587,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12587
12587
  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
12588
12588
  --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
12589
12589
  --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
12590
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
12591
+ --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
12590
12592
  --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
12591
12593
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
12592
12594
  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -12615,6 +12617,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12615
12617
  .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
12616
12618
  display: inline-flex;
12617
12619
  }
12620
+ .pf-v6-c-clipboard-copy.pf-m-readonly {
12621
+ --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
12622
+ --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
12623
+ }
12618
12624
 
12619
12625
  .pf-v6-c-clipboard-copy__group {
12620
12626
  display: flex;
@@ -20439,17 +20445,19 @@ ul.pf-v6-c-list {
20439
20445
  }
20440
20446
 
20441
20447
  .pf-v6-c-menu {
20442
- --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
20448
+ --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
20443
20449
  --pf-v6-c-menu--Width: auto;
20444
20450
  --pf-v6-c-menu--MinWidth: auto;
20445
- --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20446
- --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20451
+ --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--xs);
20452
+ --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
20453
+ --pf-v6-c-menu--PaddingInlineStart: var(--pf-t--global--spacer--xs);
20454
+ --pf-v6-c-menu--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
20447
20455
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20448
20456
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
20449
20457
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
20450
20458
  --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
20451
20459
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
20452
- --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
20460
+ --pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
20453
20461
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
20454
20462
  --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
20455
20463
  --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -20490,12 +20498,13 @@ ul.pf-v6-c-list {
20490
20498
  --pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
20491
20499
  --pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
20492
20500
  --pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20493
- --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--sm);
20494
- --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--sm);
20501
+ --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
20502
+ --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
20503
+ --pf-v6-c-menu__item--BorderRadius: var(--pf-t--global--border--radius--small);
20495
20504
  --pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20496
20505
  --pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20497
- --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20498
- --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20506
+ --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
20507
+ --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20499
20508
  --pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
20500
20509
  --pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
20501
20510
  --pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -20504,22 +20513,23 @@ ul.pf-v6-c-list {
20504
20513
  --pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
20505
20514
  --pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20506
20515
  --pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20507
- --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20508
- --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20516
+ --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
20517
+ --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20509
20518
  --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20510
20519
  --pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20511
- --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20512
- --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20520
+ --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
20521
+ --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20513
20522
  --pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
20514
20523
  --pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
20515
- --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20516
- --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20524
+ --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
20525
+ --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20517
20526
  --pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
20518
20527
  --pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
20519
- --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
20520
- --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
20528
+ --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
20529
+ --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
20521
20530
  --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
20522
- --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
20531
+ --pf-v6-c-menu__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
20532
+ --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--regular);
20523
20533
  --pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
20524
20534
  --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
20525
20535
  --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
@@ -20681,6 +20691,8 @@ ul.pf-v6-c-list {
20681
20691
  min-width: var(--pf-v6-c-menu--MinWidth);
20682
20692
  padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
20683
20693
  padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
20694
+ padding-inline-start: var(--pf-v6-c-menu--PaddingInlineStart);
20695
+ padding-inline-end: var(--pf-v6-c-menu--PaddingInlineEnd);
20684
20696
  overflow: hidden;
20685
20697
  color: var(--pf-v6-c-menu--Color);
20686
20698
  background-color: var(--pf-v6-c-menu--BackgroundColor);
@@ -20875,8 +20887,8 @@ ul.pf-v6-c-list {
20875
20887
  inset: 0;
20876
20888
  content: "";
20877
20889
  background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
20878
- border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
20879
- border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
20890
+ border: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
20891
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
20880
20892
  transition: inherit;
20881
20893
  }
20882
20894
  .pf-v6-c-menu__list-item.pf-m-load {
@@ -20926,6 +20938,7 @@ ul.pf-v6-c-list {
20926
20938
  text-decoration-line: none;
20927
20939
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
20928
20940
  border: 0;
20941
+ border-radius: var(--pf-v6-c-menu__item--BorderRadius);
20929
20942
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
20930
20943
  --pf-v6-hidden-visible--visible--Display: flex;
20931
20944
  --pf-v6-hidden-visible--hidden--Display: none;
@@ -21089,7 +21102,7 @@ ul.pf-v6-c-list {
21089
21102
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
21090
21103
  --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
21091
21104
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
21092
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
21105
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
21093
21106
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
21094
21107
  --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
21095
21108
  --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
@@ -21127,7 +21140,7 @@ ul.pf-v6-c-list {
21127
21140
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
21128
21141
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
21129
21142
  --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
21130
- --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
21143
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
21131
21144
  --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
21132
21145
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
21133
21146
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -21145,7 +21158,7 @@ ul.pf-v6-c-list {
21145
21158
  --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
21146
21159
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
21147
21160
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
21148
- --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
21161
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
21149
21162
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
21150
21163
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
21151
21164
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -21160,11 +21173,12 @@ ul.pf-v6-c-list {
21160
21173
  --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
21161
21174
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
21162
21175
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
21176
+ --pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
21163
21177
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
21164
21178
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
21165
21179
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
21166
21180
  --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
21167
- --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
21181
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
21168
21182
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
21169
21183
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
21170
21184
  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
@@ -21194,7 +21208,7 @@ ul.pf-v6-c-list {
21194
21208
  --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
21195
21209
  --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
21196
21210
  --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
21197
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
21211
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
21198
21212
  --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
21199
21213
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
21200
21214
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -21314,6 +21328,9 @@ ul.pf-v6-c-list {
21314
21328
  .pf-v6-c-menu-toggle.pf-m-full-width {
21315
21329
  width: 100%;
21316
21330
  }
21331
+ .pf-v6-c-menu-toggle.pf-m-form {
21332
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
21333
+ }
21317
21334
  .pf-v6-c-menu-toggle.pf-m-plain {
21318
21335
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
21319
21336
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);