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

package/components/Button/button.css

@@ -194,13 +194,13 @@
   --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
   --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
-  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
   --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
   --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
   --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
   --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
   --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
   --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);

package/components/Button/button.scss

@@ -220,7 +220,7 @@
   --#{$button}--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
 
   // Stateful
-  --#{$button}--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
+  --#{$button}--m-stateful--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
   --#{$button}--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
   --#{$button}--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
   --#{$button}--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
@@ -228,7 +228,7 @@
 
   // Read
   --#{$button}--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --#{$button}--m-read--BorderColor: var(--pf-t--global--border--color--default);
+  --#{$button}--m-read--BorderColor: var(--pf-t--global--border--color--control--default);
   --#{$button}--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --#{$button}--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
   --#{$button}--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -681,7 +681,7 @@
     --#{$button}--m-small--PaddingInlineEnd: var(--#{$button}--m-stateful--m-small--PaddingInlineEnd);
     --#{$button}--m-small--PaddingInlineStart: var(--#{$button}--m-stateful--m-small--PaddingInlineStart);
   }
-
+  
   // Read
   &.pf-m-read {
     --#{$button}--BackgroundColor: var(--#{$button}--m-read--BackgroundColor);

package/components/ClipboardCopy/clipboard-copy.css

@@ -8,7 +8,7 @@
   --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-clipboard-copy__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --pf-v6-c-clipboard-copy__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-clipboard-copy__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
@@ -16,6 +16,8 @@
   --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
+  --pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
   --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
   --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -44,6 +46,10 @@
 .pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
   display: inline-flex;
 }
+.pf-v6-c-clipboard-copy.pf-m-readonly {
+  --pf-v6-c-clipboard-copy__expandable-content--BackgroundColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BackgroundColor);
+  --pf-v6-c-clipboard-copy__expandable-content--BorderColor: var(--pf-v6-c-clipboard-copy--m-readonly__expandable-content--BorderColor);
+}
 
 .pf-v6-c-clipboard-copy__group {
   display: flex;

package/components/ClipboardCopy/clipboard-copy.scss

@@ -13,7 +13,7 @@
   --#{$clipboard-copy}__expandable-content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --#{$clipboard-copy}__expandable-content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
   --#{$clipboard-copy}__expandable-content--PaddingInlineStart: var(--pf-t--global--spacer--md);
-  --#{$clipboard-copy}__expandable-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --#{$clipboard-copy}__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--default);
   --#{$clipboard-copy}__expandable-content--BorderBlockStartWidth: var(--pf-t--global--border--width--control--default);
   --#{$clipboard-copy}__expandable-content--BorderInlineEndWidth: var(--pf-t--global--border--width--control--default);
   --#{$clipboard-copy}__expandable-content--BorderBlockEndWidth: var(--pf-t--global--border--width--control--default);
@@ -22,6 +22,10 @@
   --#{$clipboard-copy}__expandable-content--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
   --#{$clipboard-copy}__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
 
+  // Readonly
+  --#{$clipboard-copy}--m-readonly__expandable-content--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
+  --#{$clipboard-copy}--m-readonly__expandable-content--BorderColor: var(--pf-t--global--border--color--control--read-only);
+
   // Group
   --#{$clipboard-copy}__group--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
 
@@ -62,6 +66,11 @@
       display: inline-flex;
     }
   }
+
+  &.pf-m-readonly {
+    --#{$clipboard-copy}__expandable-content--BackgroundColor: var(--#{$clipboard-copy}--m-readonly__expandable-content--BackgroundColor);
+    --#{$clipboard-copy}__expandable-content--BorderColor: var(--#{$clipboard-copy}--m-readonly__expandable-content--BorderColor);
+  }
 }
 
 

package/components/Menu/menu.css

@@ -1,15 +1,17 @@
 .pf-v6-c-menu {
-  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
   --pf-v6-c-menu--Width: auto;
   --pf-v6-c-menu--MinWidth: auto;
-  --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-menu--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-menu--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-menu--PaddingInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-menu--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
   --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
   --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
-  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-menu--BorderRadius: calc(var(--pf-v6-c-menu__item--BorderRadius) + var(--pf-v6-c-menu--PaddingBlockStart));
   --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
   --pf-v6-c-menu--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-menu--button--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -50,12 +52,13 @@
   --pf-v6-c-menu__list-item--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
   --pf-v6-c-menu__list-item--m-load__item--Color: var(--pf-t--global--text--color--link--default);
   --pf-v6-c-menu__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-menu__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-menu__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-menu__item--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-menu__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-menu__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-menu__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-menu__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-menu__item--FontSize: var(--pf-t--global--font--size--body--default);
   --pf-v6-c-menu__item--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-menu__item--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -64,22 +67,23 @@
   --pf-v6-c-menu__item--m-disabled--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-menu__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-menu__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-menu__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-menu__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-menu__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-menu__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-menu__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-menu__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-menu__breadcrumb--PaddingBlockStart: 0;
   --pf-v6-c-menu__breadcrumb--PaddingBlockEnd: 0;
-  --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-menu__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-menu__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-menu__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-menu__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-menu__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-menu__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-menu__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--subtle);
+  --pf-v6-c-menu__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v6-c-menu__group-title--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
   --pf-v6-c-menu__item-description--Color: var(--pf-t--global--text--color--subtle);
   --pf-v6-c-menu__item-action--FontSize: var(--pf-t--global--font--size--body--default);
@@ -241,6 +245,8 @@
   min-width: var(--pf-v6-c-menu--MinWidth);
   padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
+  padding-inline-start: var(--pf-v6-c-menu--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-menu--PaddingInlineEnd);
   overflow: hidden;
   color: var(--pf-v6-c-menu--Color);
   background-color: var(--pf-v6-c-menu--BackgroundColor);
@@ -435,8 +441,8 @@
   inset: 0;
   content: "";
   background-color: var(--pf-v6-c-menu__list-item--BackgroundColor);
-  border-block-start: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
-  border-block-end: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
+  border: var(--pf-v6-c-menu__list-item--BorderWidth) solid var(--pf-v6-c-menu__list-item--BorderColor);
+  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
   transition: inherit;
 }
 .pf-v6-c-menu__list-item.pf-m-load {
@@ -486,6 +492,7 @@
   text-decoration-line: none;
   background-color: var(--pf-v6-c-menu__item--BackgroundColor);
   border: 0;
+  border-radius: var(--pf-v6-c-menu__item--BorderRadius);
   outline-offset: var(--pf-v6-c-menu--OutlineOffset);
   --pf-v6-hidden-visible--visible--Display: flex;
   --pf-v6-hidden-visible--hidden--Display: none;

package/components/Menu/menu.scss

@@ -2,17 +2,19 @@
 
 @include pf-root($menu) {
   // * Menu
-  --#{$menu}--RowGap: var(--pf-t--global--spacer--sm);
+  --#{$menu}--RowGap: var(--pf-t--global--spacer--xs);
   --#{$menu}--Width: auto;
   --#{$menu}--MinWidth: auto;
-  --#{$menu}--PaddingBlockStart: var(--pf-t--global--spacer--sm);
-  --#{$menu}--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --#{$menu}--PaddingBlockStart: var(--pf-t--global--spacer--xs);
+  --#{$menu}--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
+  --#{$menu}--PaddingInlineStart: var(--pf-t--global--spacer--xs);
+  --#{$menu}--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
   --#{$menu}--BackgroundColor: var(--pf-t--global--background--color--floating--default);
   --#{$menu}--BoxShadow: var(--pf-t--global--box-shadow--md);
   --#{$menu}--Color: var(--pf-t--global--text--color--regular);
   --#{$menu}--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
   --#{$menu}--BorderColor: var(--pf-t--global--border--color--high-contrast);
-  --#{$menu}--BorderRadius: var(--pf-t--global--border--radius--small);
+  --#{$menu}--BorderRadius: calc(var(--#{$menu}__item--BorderRadius) + var(--#{$menu}--PaddingBlockStart));
   --#{$menu}--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
   --#{$menu}--ZIndex: var(--pf-t--global--z-index--sm);
   --#{$menu}--button--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -62,14 +64,15 @@
   --#{$menu}__list-item--has--menu-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
 
   // * Menu li divider
-  --#{$menu}__list--divider--MarginBlockStart: var(--pf-t--global--spacer--sm);
-  --#{$menu}__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--sm);
+  --#{$menu}__list--divider--MarginBlockStart: var(--pf-t--global--spacer--xs);
+  --#{$menu}__list--divider--MarginBlockEnd: var(--pf-t--global--spacer--xs);
 
   // * Menu item
+  --#{$menu}__item--BorderRadius: var(--pf-t--global--border--radius--small);
   --#{$menu}__item--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --#{$menu}__item--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --#{$menu}__item--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --#{$menu}__item--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --#{$menu}__item--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --#{$menu}__item--PaddingInlineEnd: var(--pf-t--global--spacer--md);
   --#{$menu}__item--FontSize: var(--pf-t--global--font--size--body--default);
   --#{$menu}__item--LineHeight: var(--pf-t--global--font--line-height--body);
   --#{$menu}__item--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -80,32 +83,33 @@
   // * Menu header
   --#{$menu}__header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --#{$menu}__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --#{$menu}__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --#{$menu}__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --#{$menu}__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --#{$menu}__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
 
   // * Menu group title
   --#{$menu}__group-title--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --#{$menu}__group-title--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --#{$menu}__group-title--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --#{$menu}__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --#{$menu}__group-title--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --#{$menu}__group-title--PaddingInlineEnd: var(--pf-t--global--spacer--md);
 
   // * Menu breadcrumb
   --#{$menu}__breadcrumb--PaddingBlockStart: 0;
   --#{$menu}__breadcrumb--PaddingBlockEnd: 0;
-  --#{$menu}__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --#{$menu}__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --#{$menu}__breadcrumb--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --#{$menu}__breadcrumb--PaddingInlineEnd: var(--pf-t--global--spacer--md);
 
   // * Menu footer
   --#{$menu}__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --#{$menu}__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
-  --#{$menu}__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
-  --#{$menu}__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --#{$menu}__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --#{$menu}__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
 
   // * Menu item main
   --#{$menu}__item-main--ColumnGap: var(--pf-t--global--spacer--sm);
 
   // * Menu group title
-  --#{$menu}__group-title--Color: var(--pf-t--global--text--color--subtle);
+  --#{$menu}__group-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --#{$menu}__group-title--Color: var(--pf-t--global--text--color--regular);
 
   // * Menu description
   --#{$menu}__item-description--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -235,6 +239,8 @@
   min-width: var(--#{$menu}--MinWidth);
   padding-block-start: var(--#{$menu}--PaddingBlockStart);
   padding-block-end: var(--#{$menu}--PaddingBlockEnd);
+  padding-inline-start: var(--#{$menu}--PaddingInlineStart);
+  padding-inline-end: var(--#{$menu}--PaddingInlineEnd);
   overflow: hidden;
   color: var(--#{$menu}--Color);
   background-color: var(--#{$menu}--BackgroundColor);
@@ -497,8 +503,8 @@
     inset: 0;
     content: "";
     background-color: var(--#{$menu}__list-item--BackgroundColor);
-    border-block-start: var(--#{$menu}__list-item--BorderWidth) solid var(--#{$menu}__list-item--BorderColor);
-    border-block-end: var(--#{$menu}__list-item--BorderWidth) solid var(--#{$menu}__list-item--BorderColor);
+    border: var(--#{$menu}__list-item--BorderWidth) solid var(--#{$menu}__list-item--BorderColor);
+    border-radius: var(--#{$menu}__item--BorderRadius);
     transition: inherit;
   }
 
@@ -562,6 +568,7 @@
   text-decoration-line: none;
   background-color: var(--#{$menu}__item--BackgroundColor);
   border: 0;
+  border-radius: var(--#{$menu}__item--BorderRadius);
   outline-offset: var(--#{$menu}--OutlineOffset);
 
   @include pf-v6-hidden-visible(flex);

package/components/MenuToggle/menu-toggle.css

@@ -9,7 +9,7 @@
   --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--control--default);
   --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--control--default);
   --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
   --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
@@ -47,7 +47,7 @@
   --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
   --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
   --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
-  --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
+  --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
   --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
   --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
   --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -65,7 +65,7 @@
   --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
   --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
   --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
-  --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
+  --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
   --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -80,11 +80,12 @@
   --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
   --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
   --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
+  --pf-v6-c-menu-toggle--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
   --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
   --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
   --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
+  --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
   --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
   --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
   --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
@@ -114,7 +115,7 @@
   --pf-v6-c-menu-toggle--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
   --pf-v6-c-menu-toggle--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
   --pf-v6-c-menu-toggle--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
-  --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
+  --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
   --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
   --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -234,6 +235,9 @@
 .pf-v6-c-menu-toggle.pf-m-full-width {
   width: 100%;
 }
+.pf-v6-c-menu-toggle.pf-m-form {
+  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-form--BorderRadius);
+}
 .pf-v6-c-menu-toggle.pf-m-plain {
   --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
   --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);

package/components/MenuToggle/menu-toggle.scss

@@ -11,7 +11,7 @@
   --#{$menu-toggle}--Color: var(--pf-t--global--text--color--regular);
   --#{$menu-toggle}--LineHeight: var(--pf-t--global--font--line-height--body);
   --#{$menu-toggle}--BackgroundColor: var(--pf-t--global--background--color--control--default);
-  --#{$menu-toggle}--BorderRadius: var(--pf-t--global--border--radius--small);
+  --#{$menu-toggle}--BorderRadius: var(--pf-t--global--border--radius--control--default);
   --#{$menu-toggle}--BorderColor: var(--pf-t--global--border--color--control--default);
   --#{$menu-toggle}--BorderWidth: var(--pf-t--global--border--width--control--default);
   --#{$menu-toggle}--border--ZIndex: var(--pf-t--global--z-index--xs); // add z-index for toggle border to render above other borders
@@ -61,7 +61,7 @@
   --#{$menu-toggle}--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
   --#{$menu-toggle}--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
   --#{$menu-toggle}--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
-  --#{$menu-toggle}--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
+  --#{$menu-toggle}--m-primary--BorderRadius: var(--pf-t--global--border--radius--action--default);
   --#{$menu-toggle}--m-primary--BorderColor: transparent;
   --#{$menu-toggle}--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
   --#{$menu-toggle}--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -81,7 +81,7 @@
   --#{$menu-toggle}--m-secondary--BackgroundColor: transparent;
   --#{$menu-toggle}--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
   --#{$menu-toggle}--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
-  --#{$menu-toggle}--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
+  --#{$menu-toggle}--m-secondary--BorderRadius: var(--pf-t--global--border--radius--action--default);
   --#{$menu-toggle}--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
   --#{$menu-toggle}--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
   --#{$menu-toggle}--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -99,12 +99,15 @@
   --#{$menu-toggle}--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
   --#{$menu-toggle}--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
 
+  // Form (for use in forms)
+  --#{$menu-toggle}--m-form--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
+
   // Split button, child
   --#{$menu-toggle}--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
   --#{$menu-toggle}--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
   --#{$menu-toggle}--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
   --#{$menu-toggle}--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
-  --#{$menu-toggle}--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
+  --#{$menu-toggle}--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--action--default);
   --#{$menu-toggle}--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
   --#{$menu-toggle}--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
   --#{$menu-toggle}--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
@@ -142,7 +145,7 @@
   --#{$menu-toggle}--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
   --#{$menu-toggle}--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
   --#{$menu-toggle}--m-plain--expanded--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
-  --#{$menu-toggle}--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
+  --#{$menu-toggle}--m-plain--BorderRadius: var(--pf-t--global--border--radius--control--default);
   --#{$menu-toggle}--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
   --#{$menu-toggle}--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --#{$menu-toggle}--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
@@ -290,6 +293,10 @@
     width: 100%;
   }
 
+  &.pf-m-form {
+    --#{$menu-toggle}--BorderRadius: var(--#{$menu-toggle}--m-form--BorderRadius);
+  }
+
   &.pf-m-plain {
     --#{$menu-toggle}--PaddingInlineStart: var(--#{$menu-toggle}--m-plain--PaddingInlineStart);
     --#{$menu-toggle}--PaddingInlineEnd: var(--#{$menu-toggle}--m-plain--PaddingInlineEnd);