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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +5 -5
  2. package/components/Wizard/wizard.css +11 -5
  3. package/components/Wizard/wizard.scss +13 -5
  4. package/components/_index.css +11 -5
  5. package/docs/components/Wizard/examples/Wizard.md +583 -0
  6. package/package.json +2 -2
  7. package/patternfly-no-globals.css +11 -5
  8. package/patternfly.css +11 -5
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -30753,6 +30753,7 @@ label.pf-v6-c-tree-view__node-text {
30753
30753
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
30754
30754
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
30755
30755
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
30756
+ --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
30756
30757
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
30757
30758
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
30758
30759
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -30771,6 +30772,7 @@ label.pf-v6-c-tree-view__node-text {
30771
30772
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
30772
30773
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
30773
30774
  --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
30775
+ --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
30774
30776
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
30775
30777
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
30776
30778
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -30931,6 +30933,9 @@ label.pf-v6-c-tree-view__node-text {
30931
30933
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
30932
30934
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
30933
30935
  }
30936
+ .pf-v6-c-wizard__toggle-list-item.pf-m-warning {
30937
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
30938
+ }
30934
30939
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
30935
30940
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
30936
30941
  }
@@ -31064,6 +31069,7 @@ label.pf-v6-c-tree-view__node-text {
31064
31069
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
31065
31070
  position: relative;
31066
31071
  display: inline-flex;
31072
+ flex-shrink: 0;
31067
31073
  align-items: center;
31068
31074
  justify-content: center;
31069
31075
  width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -31088,12 +31094,15 @@ label.pf-v6-c-tree-view__node-text {
31088
31094
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
31089
31095
  }
31090
31096
 
31091
- .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
31097
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
31092
31098
  display: none;
31093
31099
  }
31094
31100
  .pf-v6-c-wizard__nav-link.pf-m-success {
31095
31101
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
31096
31102
  }
31103
+ .pf-v6-c-wizard__nav-link.pf-m-warning {
31104
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
31105
+ }
31097
31106
  .pf-v6-c-wizard__nav-link.pf-m-danger {
31098
31107
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
31099
31108
  }
@@ -31111,12 +31120,9 @@ label.pf-v6-c-tree-view__node-text {
31111
31120
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
31112
31121
  }
31113
31122
 
31114
- .pf-v6-c-wizard__nav-link-text {
31115
- flex-grow: 1;
31116
- }
31117
-
31118
31123
  .pf-v6-c-wizard__nav-link-main {
31119
31124
  display: flex;
31125
+ flex-grow: 1;
31120
31126
  justify-content: space-between;
31121
31127
  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
31122
31128
  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);
package/patternfly.css CHANGED
@@ -30889,6 +30889,7 @@ label.pf-v6-c-tree-view__node-text {
30889
30889
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
30890
30890
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
30891
30891
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
30892
+ --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
30892
30893
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
30893
30894
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
30894
30895
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -30907,6 +30908,7 @@ label.pf-v6-c-tree-view__node-text {
30907
30908
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
30908
30909
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
30909
30910
  --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
30911
+ --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
30910
30912
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
30911
30913
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
30912
30914
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -31067,6 +31069,9 @@ label.pf-v6-c-tree-view__node-text {
31067
31069
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
31068
31070
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
31069
31071
  }
31072
+ .pf-v6-c-wizard__toggle-list-item.pf-m-warning {
31073
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
31074
+ }
31070
31075
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
31071
31076
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
31072
31077
  }
@@ -31200,6 +31205,7 @@ label.pf-v6-c-tree-view__node-text {
31200
31205
  .pf-v6-c-wizard__toggle-num, .pf-v6-c-wizard__nav-link::before {
31201
31206
  position: relative;
31202
31207
  display: inline-flex;
31208
+ flex-shrink: 0;
31203
31209
  align-items: center;
31204
31210
  justify-content: center;
31205
31211
  width: var(--pf-v6-c-wizard__nav-link--before--Width);
@@ -31224,12 +31230,15 @@ label.pf-v6-c-tree-view__node-text {
31224
31230
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
31225
31231
  }
31226
31232
 
31227
- .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
31233
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
31228
31234
  display: none;
31229
31235
  }
31230
31236
  .pf-v6-c-wizard__nav-link.pf-m-success {
31231
31237
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
31232
31238
  }
31239
+ .pf-v6-c-wizard__nav-link.pf-m-warning {
31240
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
31241
+ }
31233
31242
  .pf-v6-c-wizard__nav-link.pf-m-danger {
31234
31243
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
31235
31244
  }
@@ -31247,12 +31256,9 @@ label.pf-v6-c-tree-view__node-text {
31247
31256
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-disabled--before--Color);
31248
31257
  }
31249
31258
 
31250
- .pf-v6-c-wizard__nav-link-text {
31251
- flex-grow: 1;
31252
- }
31253
-
31254
31259
  .pf-v6-c-wizard__nav-link-main {
31255
31260
  display: flex;
31261
+ flex-grow: 1;
31256
31262
  justify-content: space-between;
31257
31263
  padding-block-start: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockStart);
31258
31264
  padding-block-end: var(--pf-v6-c-wizard__nav-link-main--PaddingBlockEnd);