@patternfly/patternfly 6.1.0-prerelease.7 → 6.1.0-prerelease.9

package/docs/components/Menu/examples/Menu.md

@@ -5640,37 +5640,17 @@ cssPrefix: pf-v6-c-menu
             </span>
             <span class="pf-v6-c-menu__item-description">This is a description</span>
           </a>
-          <div class="pf-v6-c-menu__item-action pf-m-favorited pf-m-favorite">
+          <div class="pf-v6-c-menu__item-action pf-m-favorited">
             <button
               class="pf-v6-c-button pf-m-plain"
               type="button"
               role="menuitem"
               aria-label="Starred"
-            ></button>
-          </div>
-        </li>
-        <li class="pf-v6-c-menu__list-item" role="none">
-          <a
-            class="pf-v6-c-menu__item"
-            href="#"
-            role="menuitem"
-            target="_blank"
-          >
-            <span class="pf-v6-c-menu__item-main">
-              <span class="pf-v6-c-menu__item-text">Item 3</span>
-              <span class="pf-v6-c-menu__item-external-icon">
-                <i class="fas fa-external-link-alt" aria-hidden="true"></i>
+            >
+              <span class="pf-v6-c-button__icon">
+                <i class="fas fa-star" aria-hidden="true"></i>
               </span>
-              <span class="pf-v6-screen-reader">(opens new window)</span>
-            </span>
-          </a>
-          <div class="pf-v6-c-menu__item-action pf-m-favorite">
-            <button
-              class="pf-v6-c-button pf-m-plain"
-              type="button"
-              role="menuitem"
-              aria-label="Not starred"
-            ></button>
+            </button>
           </div>
         </li>
       </ul>
@@ -5686,13 +5666,17 @@ cssPrefix: pf-v6-c-menu
             </span>
             <span class="pf-v6-c-menu__item-description">This is a description</span>
           </a>
-          <div class="pf-v6-c-menu__item-action pf-m-favorite">
+          <div class="pf-v6-c-menu__item-action pf-m-favorited">
             <button
               class="pf-v6-c-button pf-m-plain"
               type="button"
               role="menuitem"
-              aria-label="Not starred"
-            ></button>
+              aria-label="Starred"
+            >
+              <span class="pf-v6-c-button__icon">
+                <i class="fas fa-star" aria-hidden="true"></i>
+              </span>
+            </button>
           </div>
         </li>
         <li class="pf-v6-c-menu__list-item pf-m-disabled" role="none">
@@ -5713,14 +5697,18 @@ cssPrefix: pf-v6-c-menu
             </span>
             <span class="pf-v6-c-menu__item-description">This is a description</span>
           </a>
-          <div class="pf-v6-c-menu__item-action pf-m-favorite">
+          <div class="pf-v6-c-menu__item-action">
             <button
               class="pf-v6-c-button pf-m-plain"
               type="button"
               role="menuitem"
               aria-label="Not starred"
               disabled
-            ></button>
+            >
+              <span class="pf-v6-c-button__icon">
+                <i class="fas fa-star" aria-hidden="true"></i>
+              </span>
+            </button>
           </div>
         </li>
         <li class="pf-v6-c-menu__list-item" role="none">
@@ -5738,13 +5726,17 @@ cssPrefix: pf-v6-c-menu
               <span class="pf-v6-screen-reader">(opens new window)</span>
             </span>
           </a>
-          <div class="pf-v6-c-menu__item-action pf-m-favorite">
+          <div class="pf-v6-c-menu__item-action">
             <button
               class="pf-v6-c-button pf-m-plain"
               type="button"
               role="menuitem"
               aria-label="Not starred"
-            ></button>
+            >
+              <span class="pf-v6-c-button__icon">
+                <i class="fas fa-star" aria-hidden="true"></i>
+              </span>
+            </button>
           </div>
         </li>
       </ul>

package/docs/components/MenuToggle/examples/MenuToggle.md

@@ -316,44 +316,128 @@ cssPrefix: pf-v6-c-menu-toggle
 
 ```html
 <button
-  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small"
+  class="pf-v6-c-menu-toggle pf-m-small"
   type="button"
   aria-expanded="false"
-  aria-label="Actions"
 >
-  <span class="pf-v6-c-menu-toggle__icon">
-    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+  <span class="pf-v6-c-menu-toggle__text">Collapsed</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+    </span>
   </span>
 </button>
 &nbsp;
 <button
-  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-expanded"
+  class="pf-v6-c-menu-toggle pf-m-small pf-m-expanded"
   type="button"
   aria-expanded="true"
-  aria-label="Actions"
 >
-  <span class="pf-v6-c-menu-toggle__icon">
-    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+  <span class="pf-v6-c-menu-toggle__text">Expanded</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+    </span>
   </span>
 </button>
 &nbsp;
 <button
-  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-disabled"
+  class="pf-v6-c-menu-toggle pf-m-small pf-m-disabled"
   type="button"
   aria-expanded="false"
   disabled
-  aria-label="Actions"
 >
-  <span class="pf-v6-c-menu-toggle__icon">
-    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+  <span class="pf-v6-c-menu-toggle__text">Disabled</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+    </span>
   </span>
 </button>
-
-```
-
-### Small with text
-
-```html
+<br />
+<br />
+<button
+  class="pf-v6-c-menu-toggle pf-m-primary pf-m-small"
+  type="button"
+  aria-expanded="false"
+>
+  <span class="pf-v6-c-menu-toggle__text">Collapsed</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-primary pf-m-small pf-m-expanded"
+  type="button"
+  aria-expanded="true"
+>
+  <span class="pf-v6-c-menu-toggle__text">Expanded</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-primary pf-m-small pf-m-disabled"
+  type="button"
+  aria-expanded="false"
+  disabled
+>
+  <span class="pf-v6-c-menu-toggle__text">Disabled</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+<br />
+<br />
+<button
+  class="pf-v6-c-menu-toggle pf-m-secondary pf-m-small"
+  type="button"
+  aria-expanded="false"
+>
+  <span class="pf-v6-c-menu-toggle__text">Collapsed</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-secondary pf-m-small pf-m-expanded"
+  type="button"
+  aria-expanded="true"
+>
+  <span class="pf-v6-c-menu-toggle__text">Expanded</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-secondary pf-m-small pf-m-disabled"
+  type="button"
+  aria-expanded="false"
+  disabled
+>
+  <span class="pf-v6-c-menu-toggle__text">Disabled</span>
+  <span class="pf-v6-c-menu-toggle__controls">
+    <span class="pf-v6-c-menu-toggle__toggle-icon">
+      <i class="fas fa-caret-down fa-fw" aria-hidden="true"></i>
+    </span>
+  </span>
+</button>
+<br />
+<br />
 <button
   class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-text"
   type="button"
@@ -393,6 +477,41 @@ cssPrefix: pf-v6-c-menu-toggle
     </span>
   </span>
 </button>
+<br />
+<br />
+<button
+  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small"
+  type="button"
+  aria-expanded="false"
+  aria-label="Actions"
+>
+  <span class="pf-v6-c-menu-toggle__icon">
+    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-expanded"
+  type="button"
+  aria-expanded="true"
+  aria-label="Actions"
+>
+  <span class="pf-v6-c-menu-toggle__icon">
+    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+  </span>
+</button>
+&nbsp;
+<button
+  class="pf-v6-c-menu-toggle pf-m-plain pf-m-small pf-m-disabled"
+  type="button"
+  aria-expanded="false"
+  disabled
+  aria-label="Actions"
+>
+  <span class="pf-v6-c-menu-toggle__icon">
+    <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+  </span>
+</button>
 
 ```
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "6.1.0-prerelease.7",
+  "version": "6.1.0-prerelease.9",
   "keywords": [],
   "license": "MIT",
   "scripts": {

package/patternfly-no-globals.css

@@ -8933,6 +8933,8 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
   --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
+  --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
+  --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
   --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
   --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
   --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
@@ -8982,6 +8984,8 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
   --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
   --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
+  --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
+  --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
   --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
   --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
   --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9006,9 +9010,13 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
   --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
   --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--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--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -9196,6 +9204,8 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
   --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
   --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
+  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
+  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
 }
 .pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
@@ -9283,11 +9293,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
   --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
   --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
+  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
+  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
 }
 .pf-v6-c-button.pf-m-stateful {
   --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
   --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
   --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
+  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
+  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
 }
 .pf-v6-c-button.pf-m-read {
   --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
@@ -9344,8 +9358,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
   --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
   --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
   --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
-  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
-  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
+  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
+  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
+  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
+  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
   min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
 }
 .pf-v6-c-button.pf-m-block {
@@ -16893,7 +16909,6 @@ ul.pf-v6-c-list {
   --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);
   --pf-v6-c-menu__item-action--icon--size: var(--pf-v6-c-menu__item-action--FontSize, var(--pf-t--global--icon--size--md));
-  --pf-v6-c-menu__item-action--Color: var(--pf-t--global--icon--color--subtle);
   --pf-v6-c-menu__item-action--m-favorited--Color: var(--pf-t--global--icon--color--favorite--clicked);
   --pf-v6-c-menu__item-action--button--MinWidth: calc(var(--pf-v6-c-menu__item-action--icon--size) + var(--pf-t--global--spacer--sm) * 2);
   --pf-v6-c-menu__item-select-icon--Color: var(--pf-t--global--icon--color--subtle);
@@ -17379,8 +17394,13 @@ ul.pf-v6-c-list {
 .pf-v6-c-menu__item-action.pf-m-favorited,
 .pf-v6-c-menu__item-action.pf-m-favorited:hover,
 .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
-  --pf-v6-c-button--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
-  --pf-v6-c-menu__item-action--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
+  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
+}
+.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
+.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
+.pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
+.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
+  --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
 }
 
 .pf-v6-c-menu__breadcrumb {
@@ -17456,6 +17476,8 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
   --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
   --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
+  --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
+  --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
   --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
   --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
   --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
@@ -17470,6 +17492,8 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
   --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
   --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
+  --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
+  --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-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
@@ -17480,6 +17504,8 @@ ul.pf-v6-c-list {
   --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);
+  --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
+  --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
   --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
   --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
   --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
@@ -17494,6 +17520,8 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
   --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
+  --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
+  --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
   --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
   --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
   --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -17505,6 +17533,8 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
   --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
   --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
+  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
+  --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
   --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
   --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
   --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
@@ -17574,6 +17604,8 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
   --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
   --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
+  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
+  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
 }
 .pf-v6-c-menu-toggle.pf-m-secondary {
   --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
@@ -17589,6 +17621,8 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
   --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
   --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
+  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
+  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
 }
 .pf-v6-c-menu-toggle.pf-m-full-height {
   --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
@@ -17613,6 +17647,8 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
   --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
   --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
+  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
+  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
 }
 .pf-v6-c-menu-toggle.pf-m-plain::before {
   border: none;
@@ -17639,6 +17675,10 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
   --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
   --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
+  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
+  --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
+  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
+  --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
 }
 .pf-v6-c-menu-toggle.pf-m-success {
   --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
@@ -17717,13 +17757,13 @@ ul.pf-v6-c-list {
 .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
   --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
 }
-.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
-.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):first-child,
+.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
+.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
 .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
   padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
 }
-.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
-.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__toggle-icon:only-child)):last-child,
+.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
+.pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
 .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
   padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
 }