@patternfly/patternfly 6.2.0-prerelease.15 → 6.2.0-prerelease.17

package/docs/demos/Card/examples/Card.md

@@ -444,7 +444,7 @@ wrapperTag: div
           <h2 class="pf-v6-c-card__title-text">5 Clusters</h2>
         </div>
         <div class="pf-v6-c-card__body">
-          <span class="pf-v6-c-icon">
+          <span class="pf-v6-c-icon pf-m-inline">
             <span class="pf-v6-c-icon__content pf-m-success">
               <i class="fas fa-check-circle" aria-hidden="true"></i>
             </span>
@@ -456,7 +456,7 @@ wrapperTag: div
           <h2 class="pf-v6-c-card__title-text">15 Clusters</h2>
         </div>
         <div class="pf-v6-c-card__body">
-          <span class="pf-v6-c-icon">
+          <span class="pf-v6-c-icon pf-m-inline">
             <span class="pf-v6-c-icon__content pf-m-warning">
               <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
             </span>
@@ -468,7 +468,7 @@ wrapperTag: div
           <h2 class="pf-v6-c-card__title-text">3 Clusters</h2>
         </div>
         <div class="pf-v6-c-card__body">
-          <span class="pf-v6-c-icon">
+          <span class="pf-v6-c-icon pf-m-inline">
             <span class="pf-v6-c-icon__content pf-m-danger">
               <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
             </span>
@@ -487,7 +487,7 @@ wrapperTag: div
           <div class="pf-v6-l-flex pf-m-inline-flex pf-m-space-items-md">
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-success">
                     <i class="fas fa-check-circle" aria-hidden="true"></i>
                   </span>
@@ -500,7 +500,7 @@ wrapperTag: div
             <hr class="pf-v6-c-divider pf-m-vertical" />
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-warning">
                     <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                   </span>
@@ -521,7 +521,7 @@ wrapperTag: div
           <div class="pf-v6-l-flex pf-m-inline-flex pf-m-space-items-md">
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-success">
                     <i class="fas fa-check-circle" aria-hidden="true"></i>
                   </span>
@@ -534,7 +534,7 @@ wrapperTag: div
             <hr class="pf-v6-c-divider pf-m-vertical" />
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-danger">
                     <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
                   </span>
@@ -555,7 +555,7 @@ wrapperTag: div
           <div class="pf-v6-l-flex pf-m-inline-flex pf-m-space-items-md">
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-warning">
                     <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                   </span>
@@ -568,7 +568,7 @@ wrapperTag: div
             <hr class="pf-v6-c-divider pf-m-vertical" />
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-danger">
                     <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
                   </span>
@@ -600,7 +600,7 @@ wrapperTag: div
           >
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-danger">
                     <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
                   </span>
@@ -613,7 +613,7 @@ wrapperTag: div
             </div>
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-warning">
                     <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                   </span>
@@ -637,7 +637,7 @@ wrapperTag: div
           >
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-success">
                     <i class="fas fa-check-circle" aria-hidden="true"></i>
                   </span>
@@ -650,7 +650,7 @@ wrapperTag: div
             </div>
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-warning">
                     <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                   </span>
@@ -674,7 +674,7 @@ wrapperTag: div
           >
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-warning">
                     <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
                   </span>
@@ -687,7 +687,7 @@ wrapperTag: div
             </div>
             <div class="pf-v6-l-flex pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-danger">
                     <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
                   </span>
@@ -767,7 +767,7 @@ wrapperTag: div
                 <div class="pf-v6-l-grid">
                   <div class="pf-v6-l-grid__item pf-m-3-col">
                     <svg
-                      class="pf-v6-c-spinner pf-m-md"
+                      class="pf-v6-c-spinner pf-m-inline"
                       role="progressbar"
                       viewBox="0 0 100 100"
                       aria-label="Loading"
@@ -801,7 +801,11 @@ wrapperTag: div
               <span class="pf-v6-c-description-list__text">
                 <div class="pf-v6-l-flex">
                   <div class="pf-v6-l-flex__item">
-                    <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
+                    <span class="pf-v6-c-icon pf-m-inline">
+                      <span class="pf-v6-c-icon__content pf-m-success">
+                        <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
+                      </span>
+                    </span>
                   </div>
                   <div class="pf-v6-l-flex__item">
                     <h3 class="pf-v6-c-title pf-m-md">Ready</h3>
@@ -824,7 +828,7 @@ wrapperTag: div
                 <div class="pf-v6-l-grid">
                   <div class="pf-v6-l-grid__item pf-m-3-col">
                     <svg
-                      class="pf-v6-c-spinner pf-m-md"
+                      class="pf-v6-c-spinner pf-m-inline"
                       role="progressbar"
                       viewBox="0 0 100 100"
                       aria-label="Loading"
@@ -858,7 +862,11 @@ wrapperTag: div
               <span class="pf-v6-c-description-list__text">
                 <div class="pf-v6-l-flex">
                   <div class="pf-v6-l-flex__item">
-                    <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
+                    <span class="pf-v6-c-icon pf-m-inline">
+                      <span class="pf-v6-c-icon__content pf-m-success">
+                        <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
+                      </span>
+                    </span>
                   </div>
                   <div class="pf-v6-l-flex__item">
                     <h3 class="pf-v6-c-title pf-m-md">Ready</h3>
@@ -1935,7 +1943,7 @@ wrapperTag: div
       <div class="pf-v6-l-flex pf-m-column">
         <span>System</span>
         <div class="pf-v6-l-flex pf-m-space-items-sm">
-          <span class="pf-v6-c-icon">
+          <span class="pf-v6-c-icon pf-m-inline">
             <span class="pf-v6-c-icon__content pf-m-danger">
               <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
             </span>
@@ -2907,7 +2915,7 @@ wrapperTag: div
           <dt class="pf-v6-c-description-list__term">
             <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-danger">
                     <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
                   </span>
@@ -2936,7 +2944,7 @@ wrapperTag: div
           <dt class="pf-v6-c-description-list__term">
             <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-success">
                     <i class="fas fa-check-circle" aria-hidden="true"></i>
                   </span>
@@ -2966,7 +2974,7 @@ wrapperTag: div
             <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
                 <svg
-                  class="pf-v6-c-spinner pf-m-md"
+                  class="pf-v6-c-spinner pf-m-inline"
                   role="progressbar"
                   viewBox="0 0 100 100"
                   aria-label="Loading"
@@ -3003,7 +3011,7 @@ wrapperTag: div
           <dt class="pf-v6-c-description-list__term">
             <div class="pf-v6-l-flex pf-m-nowrap pf-m-space-items-sm">
               <div class="pf-v6-l-flex__item">
-                <span class="pf-v6-c-icon">
+                <span class="pf-v6-c-icon pf-m-inline">
                   <span class="pf-v6-c-icon__content pf-m-success">
                     <i class="fas fa-check-circle" aria-hidden="true"></i>
                   </span>

package/package.json

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

package/patternfly-no-globals.css

@@ -14702,6 +14702,8 @@ select ~ .pf-v6-c-form-control__utilities {
   --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
   --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
+  --pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
   --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
@@ -14746,6 +14748,17 @@ select ~ .pf-v6-c-form-control__utilities {
   --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
   --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
   --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
+  animation-name: --pf-v6-c-helper-text-item-fade-in;
+  animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
+  animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
+}
+@keyframes --pf-v6-c-helper-text-item-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 .pf-v6-c-helper-text__item.pf-m-dynamic {
   --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
@@ -17636,12 +17649,16 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
   --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
   --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
+  --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
   --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
   --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
   --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
   --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
   --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
+  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
   --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
 }
@@ -17790,6 +17807,28 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
   --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
 }
+@media screen and (prefers-reduced-motion: no-preference) {
+  .pf-v6-c-menu-toggle.pf-m-danger {
+    transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
+    animation-name: pf-v6-c-menu-toggle-m-danger-motion;
+    animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
+    animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
+    animation-fill-mode: both;
+  }
+}
+.pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
+  animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
+  animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
+  animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
+}
+@keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 .pf-v6-c-menu-toggle.pf-m-placeholder {
   --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
 }
@@ -17805,6 +17844,21 @@ ul.pf-v6-c-list {
   pointer-events: none;
 }
 
+@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@media (prefers-reduced-motion: no-preference) {
+  @keyframes pf-v6-c-menu-toggle-m-danger-motion {
+    33% {
+      --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
+    }
+    66% {
+      --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
+    }
+  }
+}
 .pf-v6-c-menu-toggle.pf-m-split-button {
   --pf-v6-c-menu-toggle--Gap: 0;
   --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
@@ -27174,13 +27228,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 .pf-v6-c-toolbar.pf-m-full-height {
   --pf-v6-c-toolbar--PaddingBlockStart: 0;
-  --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
+  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
 }
 .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
 .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
   align-items: stretch;
   align-self: stretch;
 }
+.pf-v6-c-toolbar.pf-m-no-padding {
+  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
+  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
+  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
+}
 .pf-v6-c-toolbar.pf-m-primary {
   --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
 }

package/patternfly.css

@@ -14838,6 +14838,8 @@ select ~ .pf-v6-c-form-control__utilities {
   --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
   --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
   --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
+  --pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
+  --pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
   --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
@@ -14882,6 +14884,17 @@ select ~ .pf-v6-c-form-control__utilities {
   --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
   --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
   --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
+  animation-name: --pf-v6-c-helper-text-item-fade-in;
+  animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
+  animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
+}
+@keyframes --pf-v6-c-helper-text-item-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 .pf-v6-c-helper-text__item.pf-m-dynamic {
   --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
@@ -17772,12 +17785,16 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
   --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
   --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
+  --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
+  --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
   --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
   --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
   --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
   --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
   --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
+  --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
   --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
   --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
 }
@@ -17926,6 +17943,28 @@ ul.pf-v6-c-list {
   --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
   --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
 }
+@media screen and (prefers-reduced-motion: no-preference) {
+  .pf-v6-c-menu-toggle.pf-m-danger {
+    transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
+    animation-name: pf-v6-c-menu-toggle-m-danger-motion;
+    animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
+    animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
+    animation-fill-mode: both;
+  }
+}
+.pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
+  animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
+  animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
+  animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
+}
+@keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 .pf-v6-c-menu-toggle.pf-m-placeholder {
   --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
 }
@@ -17941,6 +17980,21 @@ ul.pf-v6-c-list {
   pointer-events: none;
 }
 
+@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@media (prefers-reduced-motion: no-preference) {
+  @keyframes pf-v6-c-menu-toggle-m-danger-motion {
+    33% {
+      --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
+    }
+    66% {
+      --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
+    }
+  }
+}
 .pf-v6-c-menu-toggle.pf-m-split-button {
   --pf-v6-c-menu-toggle--Gap: 0;
   --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
@@ -27310,13 +27364,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
 }
 .pf-v6-c-toolbar.pf-m-full-height {
   --pf-v6-c-toolbar--PaddingBlockStart: 0;
-  --pf-v6-c-toolbar--PaddinkBlockEnd: 0;
+  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
 }
 .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
 .pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
   align-items: stretch;
   align-self: stretch;
 }
+.pf-v6-c-toolbar.pf-m-no-padding {
+  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
+  --pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
+  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
+}
 .pf-v6-c-toolbar.pf-m-primary {
   --pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
 }