@patternfly/patternfly 6.0.0-alpha.134 → 6.0.0-alpha.136

package/components/Toolbar/toolbar.scss

@@ -355,6 +355,7 @@ $pf-v6--include-toolbar-breakpoints: true !default;
 
       @each $gap, $gap-value in $pf-v6-c-toolbar--spacer-map {
         &.pf-m-gap-#{$gap}#{$breakpoint-name} {
+          row-gap: #{$gap-value};
           column-gap: #{$gap-value};
         }
       }
@@ -366,7 +367,7 @@ $pf-v6--include-toolbar-breakpoints: true !default;
         }
 
         &.pf-m-row-gap-#{$spacer}#{$breakpoint-name} {
-          column-gap: #{$spacer-value};
+          row-gap: #{$spacer-value};
         }
 
         &.pf-m-margin-inline-start#{$spacer}#{$breakpoint-name} {

package/components/Wizard/wizard.css

@@ -103,13 +103,10 @@
   --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
   --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
-  --pf-v6-c-wizard__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-wizard__footer--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-wizard__footer-cancel--MarginInlineStart: calc(var(--pf-t--global--spacer--2xl) - var(--pf-v6-c-wizard__footer--child--MarginInlineEnd));
 }
 @media screen and (min-width: 992px) {
   :where(:root, .pf-v6-c-wizard) {
@@ -343,10 +340,6 @@
 .pf-v6-c-wizard__nav-item.pf-m-expanded > .pf-v6-c-wizard__nav-link {
   --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: var(--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate);
 }
-.pf-v6-c-wizard__nav-item :where(:hover) {
-  --pf-v6-c-wizard__nav-link--Color: var({$wizard}__nav-link--hover--Color);
-  --pf-v6-c-wizard__nav-link-main--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
-}
 
 .pf-v6-c-wizard__nav-link {
   position: relative;
@@ -469,23 +462,10 @@
 .pf-v6-c-wizard__footer {
   position: relative;
   z-index: var(--pf-v6-c-wizard__footer--ZIndex);
-  display: flex;
-  flex-shrink: 0;
-  flex-wrap: wrap;
   padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
   padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
   background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
   border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
-}
-.pf-v6-c-wizard__footer > * {
-  margin-block-end: var(--pf-v6-c-wizard__footer--child--MarginBlockEnd);
-}
-.pf-v6-c-wizard__footer > *:not(:last-child) {
-  margin-inline-end: var(--pf-v6-c-wizard__footer--child--MarginInlineEnd);
-}
-
-.pf-v6-c-wizard__footer-cancel {
-  margin-inline-start: var(--pf-v6-c-wizard__footer-cancel--MarginInlineStart);
 }

package/components/Wizard/wizard.scss

@@ -164,13 +164,10 @@
   --#{$wizard}__footer--ZIndex: var(--pf-t--global--z-index--xs);
   --#{$wizard}__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
   --#{$wizard}__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
-  --#{$wizard}__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --#{$wizard}__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
   --#{$wizard}__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --#{$wizard}__footer--BorderBlockStartWidth: var(--pf-t--global--border--width--divider--default);
   --#{$wizard}__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
-  --#{$wizard}__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
-  --#{$wizard}__footer--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
-  --#{$wizard}__footer-cancel--MarginInlineStart: calc(var(--pf-t--global--spacer--2xl) - var(--#{$wizard}__footer--child--MarginInlineEnd));
 }
 
 .#{$wizard} {
@@ -424,11 +421,6 @@
       --#{$wizard}__nav-link-toggle-icon--Rotate: var(--#{$wizard}__nav-item--m-expanded__link-toggle-icon--Rotate);
     }
   }
-
-  :where(:hover) {
-    --#{$wizard}__nav-link--Color: var({$wizard}__nav-link--hover--Color);
-    --#{$wizard}__nav-link-main--BackgroundColor: var({$wizard}__nav-link--hover--BackgroundColor);
-  }
 }
 
 .#{$wizard}__nav-link {
@@ -490,7 +482,7 @@
   &:where(:hover, :focus) {
     --#{$wizard}__nav-link--Color: var(--#{$wizard}__nav-link--hover--Color);
     --#{$wizard}__nav-link-main--BackgroundColor: var(--#{$wizard}__nav-link--hover--BackgroundColor);
-      }
+  }
 
   // override the button background/color for disabled nav links
   &:disabled,
@@ -566,27 +558,10 @@
 .#{$wizard}__footer {
   position: relative;
   z-index: var(--#{$wizard}__footer--ZIndex);
-  display: flex;
-  flex-shrink: 0;
-  flex-wrap: wrap;
   padding-block-start: var(--#{$wizard}__footer--PaddingBlockStart);
   padding-block-end: var(--#{$wizard}__footer--PaddingBlockEnd);
   padding-inline-start: var(--#{$wizard}__footer--PaddingInlineStart);
   padding-inline-end: var(--#{$wizard}__footer--PaddingInlineEnd);
   background-color: var(--#{$wizard}__footer--BackgroundColor);
   border-block-start: var(--#{$wizard}__footer--BorderBlockStartWidth) solid var(--#{$wizard}__footer--BorderBlockStartColor);
-
-  > * {
-    margin-block-end: var(--#{$wizard}__footer--child--MarginBlockEnd);
-
-    &:not(:last-child) {
-      margin-inline-end: var(--#{$wizard}__footer--child--MarginInlineEnd);
-    }
-  }
 }
-
-.#{$wizard}__footer-cancel {
-  margin-inline-start: var(--#{$wizard}__footer-cancel--MarginInlineStart);
-}
-
-