@patternfly/patternfly 6.3.0-prerelease.43 → 6.3.0-prerelease.45

package/README.md

@@ -63,19 +63,19 @@ When making visual changes to a full page example, new example preview screensho
 
 ## Guidelines for CSS development
 
-- For issues created in Core that will affect a component in PF-React, a follow up issue must be created in PF-React once the Pull Request is merged. The issue should include the Core PR #, the Core Release, a link to the component in https://core-staging.patternfly.org, and information detailing the change.
+- For issues created in Core that will affect a component in PF-React, a follow up issue must be created in PF-React once the Pull Request is merged. The issue should include the Core PR #, the Core Release, a link to the component in https://pf-core-staging.patternfly.org, and information detailing the change.
 - If global variables are modified in Core, a React issue should be opened to address this.
 - CSS developers should ensure that animation is well documented and communicated to the respective React developer.
 - Once the component/enhancement is complete it should receive sign off from a visual designer who can then update the master sketch file with any changes.
 
 ### Handlebars guidelines 
-[For information on how to contribute, refer to our guidelines.](https://core-staging.patternfly.org/contribution)
+[For information on how to contribute, refer to our guidelines.](https://pf-core-staging.patternfly.org/contribution)
 
 ### CSS/Sass guidelines
-[For more information on using CSS and Sass, refer to our guidelines.](https://core-staging.patternfly.org/guidelines)
+[For more information on using CSS and Sass, refer to our guidelines.](https://pf-core-staging.patternfly.org/guidelines)
 
 ### Custom icon guidelines
-[For more information on custom icons, refer to our guidelines.](https://core-staging.patternfly.org/adding-custom-icons)
+[For more information on custom icons, refer to our guidelines.](https://pf-core-staging.patternfly.org/adding-custom-icons)
 
 ## Beta components
 
@@ -112,7 +112,7 @@ If you have any suggestions about ways that we can improve how we use this tool,
 ## FAQ
 
 #### CSS Variables
-[How do I use CSS variables to customize the library?](https://core-staging.patternfly.org/guidelines#variables)
+[How do I use CSS variables to customize the library?](https://pf-core-staging.patternfly.org/guidelines#variables)
 
 #### Browser support
 PatternFly is supported on the latest two major versions of the following browsers:

package/components/Wizard/wizard.css

@@ -56,6 +56,7 @@
   --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
   --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
   --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
   --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -74,6 +75,7 @@
   --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
   --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
   --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
   --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
   --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -234,6 +236,9 @@
 .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
   --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
 }
+.pf-v6-c-wizard__toggle-list-item.pf-m-warning {
+  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
+}
 .pf-v6-c-wizard__toggle-list-item.pf-m-success {
   --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
 }
@@ -367,6 +372,7 @@
 .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
   position: relative;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
   justify-content: center;
   width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -391,12 +397,15 @@
   --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
 }
 
-.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
+.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
   display: none;
 }
 .pf-v6-c-wizard__nav-link.pf-m-success {
   --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
 }
+.pf-v6-c-wizard__nav-link.pf-m-warning {
+  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
+}
 .pf-v6-c-wizard__nav-link.pf-m-danger {
   --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
 }
@@ -414,12 +423,9 @@
   --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
 }
 
-.pf-v6-c-wizard__nav-link-text {
-  flex-grow: 1;
-}
-
 .pf-v6-c-wizard__nav-link-main {
   display: flex;
+  flex-grow: 1;
   justify-content: space-between;
   padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);

package/components/Wizard/wizard.scss

@@ -84,6 +84,7 @@
   // Nav link status icon
   --#{$wizard}__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
   --#{$wizard}__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --#{$wizard}__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
   --#{$wizard}__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
   --#{$wizard}__nav-link-status-icon--InsetBlockStart: 4px; // not spacer-based but needed to align
   --#{$wizard}__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -110,6 +111,7 @@
   --#{$wizard}__nav-link-status-icon--LineHeight: 1;
   --#{$wizard}__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
   --#{$wizard}__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --#{$wizard}__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
   --#{$wizard}__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
   --#{$wizard}__toggle-status-icon--InsetBlockStart: 2px; // not spacer-based but needed to align
   --#{$wizard}__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -302,6 +304,10 @@
     --#{$wizard}__toggle-status-icon--Color: var(--#{$wizard}__toggle-list-item--m-danger__status-icon--Color);
   }
 
+  &.pf-m-warning {
+    --#{$wizard}__toggle-status-icon--Color: var(--#{$wizard}__toggle-list-item--m-warning__status-icon--Color);
+  }
+
   &.pf-m-success {
     --#{$wizard}__toggle-status-icon--Color: var(--#{$wizard}__toggle-list-item--m-success__status-icon--Color);
   }
@@ -452,6 +458,7 @@
   &::before {
     position: relative;
     display: inline-flex;
+    flex-shrink: 0;
     align-items: center;
     justify-content: center;
     width: var(--#{$wizard}__nav-link--before--Width);
@@ -480,7 +487,7 @@
     }
   }
 
-  &:is(.pf-m-success, .pf-m-danger) {
+  &:is(.pf-m-success, .pf-m-warning, .pf-m-danger) {
     &::before {
       display: none;
     }
@@ -490,6 +497,10 @@
     --#{$wizard}__nav-link-status-icon--Color: var(--#{$wizard}__nav-link--m-success__nav-link-status-icon--Color);
   }
 
+  &.pf-m-warning {
+    --#{$wizard}__nav-link-status-icon--Color: var(--#{$wizard}__nav-link--m-warning__nav-link-status-icon--Color);
+  }
+
   &.pf-m-danger {
     --#{$wizard}__nav-link-status-icon--Color: var(--#{$wizard}__nav-link--m-danger__nav-link-status-icon--Color);
   }
@@ -514,12 +525,9 @@
   }
 }
 
-.#{$wizard}__nav-link-text {
-  flex-grow: 1;
-}
-
 .#{$wizard}__nav-link-main {
   display: flex;
+  flex-grow: 1;
   justify-content: space-between;
   padding-block-start: var(--#{$wizard}__nav-link-main--PaddingBlockStart);
   padding-block-end: var(--#{$wizard}__nav-link-main--PaddingBlockEnd);

package/components/_index.css

@@ -23257,6 +23257,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
   --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
   --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
   --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23275,6 +23276,7 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
   --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
+  --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
   --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
   --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
   --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -23435,6 +23437,9 @@ label.pf-v6-c-tree-view__node-text {
 .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
   --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
 }
+.pf-v6-c-wizard__toggle-list-item.pf-m-warning {
+  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
+}
 .pf-v6-c-wizard__toggle-list-item.pf-m-success {
   --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
 }
@@ -23568,6 +23573,7 @@ label.pf-v6-c-tree-view__node-text {
 .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
   position: relative;
   display: inline-flex;
+  flex-shrink: 0;
   align-items: center;
   justify-content: center;
   width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -23592,12 +23598,15 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
 }
 
-.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
+.pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
   display: none;
 }
 .pf-v6-c-wizard__nav-link.pf-m-success {
   --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
 }
+.pf-v6-c-wizard__nav-link.pf-m-warning {
+  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
+}
 .pf-v6-c-wizard__nav-link.pf-m-danger {
   --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
 }
@@ -23615,12 +23624,9 @@ label.pf-v6-c-tree-view__node-text {
   --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
 }
 
-.pf-v6-c-wizard__nav-link-text {
-  flex-grow: 1;
-}
-
 .pf-v6-c-wizard__nav-link-main {
   display: flex;
+  flex-grow: 1;
   justify-content: space-between;
   padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);