@patternfly/patternfly 6.3.0-prerelease.44 → 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 (9) hide show
  1. package/components/Wizard/wizard.css +9 -1
  2. package/components/Wizard/wizard.scss +11 -1
  3. package/components/_index.css +9 -1
  4. package/docs/components/Wizard/examples/Wizard.md +583 -0
  5. package/package.json +2 -2
  6. package/patternfly-no-globals.css +9 -1
  7. package/patternfly.css +9 -1
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/components/Wizard/wizard.css CHANGED
@@ -56,6 +56,7 @@
56
56
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
57
57
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
58
58
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
59
+ --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
59
60
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
60
61
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
61
62
  --pf-v6-c-wizard__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -74,6 +75,7 @@
74
75
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
75
76
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
76
77
  --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
78
+ --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
77
79
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
78
80
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
79
81
  --pf-v6-c-wizard__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -234,6 +236,9 @@
234
236
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
235
237
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
236
238
  }
239
+ .pf-v6-c-wizard__toggle-list-item.pf-m-warning {
240
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
241
+ }
237
242
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
238
243
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
239
244
  }
@@ -392,12 +397,15 @@
392
397
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
393
398
  }
394
399
 
395
- .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
400
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
396
401
  display: none;
397
402
  }
398
403
  .pf-v6-c-wizard__nav-link.pf-m-success {
399
404
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
400
405
  }
406
+ .pf-v6-c-wizard__nav-link.pf-m-warning {
407
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
408
+ }
401
409
  .pf-v6-c-wizard__nav-link.pf-m-danger {
402
410
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
403
411
  }
package/components/Wizard/wizard.scss CHANGED
@@ -84,6 +84,7 @@
84
84
  // Nav link status icon
85
85
  --#{$wizard}__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
86
86
  --#{$wizard}__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
87
+ --#{$wizard}__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
87
88
  --#{$wizard}__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
88
89
  --#{$wizard}__nav-link-status-icon--InsetBlockStart: 4px; // not spacer-based but needed to align
89
90
  --#{$wizard}__nav-link-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -110,6 +111,7 @@
110
111
  --#{$wizard}__nav-link-status-icon--LineHeight: 1;
111
112
  --#{$wizard}__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
112
113
  --#{$wizard}__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
114
+ --#{$wizard}__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
113
115
  --#{$wizard}__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
114
116
  --#{$wizard}__toggle-status-icon--InsetBlockStart: 2px; // not spacer-based but needed to align
115
117
  --#{$wizard}__toggle-status-icon--FontSize: var(--pf-t--global--icon--size--font--xl);
@@ -302,6 +304,10 @@
302
304
  --#{$wizard}__toggle-status-icon--Color: var(--#{$wizard}__toggle-list-item--m-danger__status-icon--Color);
303
305
  }
304
306
 
307
+ &.pf-m-warning {
308
+ --#{$wizard}__toggle-status-icon--Color: var(--#{$wizard}__toggle-list-item--m-warning__status-icon--Color);
309
+ }
310
+
305
311
  &.pf-m-success {
306
312
  --#{$wizard}__toggle-status-icon--Color: var(--#{$wizard}__toggle-list-item--m-success__status-icon--Color);
307
313
  }
@@ -481,7 +487,7 @@
481
487
  }
482
488
  }
483
489
 
484
- &:is(.pf-m-success, .pf-m-danger) {
490
+ &:is(.pf-m-success, .pf-m-warning, .pf-m-danger) {
485
491
  &::before {
486
492
  display: none;
487
493
  }
@@ -491,6 +497,10 @@
491
497
  --#{$wizard}__nav-link-status-icon--Color: var(--#{$wizard}__nav-link--m-success__nav-link-status-icon--Color);
492
498
  }
493
499
 
500
+ &.pf-m-warning {
501
+ --#{$wizard}__nav-link-status-icon--Color: var(--#{$wizard}__nav-link--m-warning__nav-link-status-icon--Color);
502
+ }
503
+
494
504
  &.pf-m-danger {
495
505
  --#{$wizard}__nav-link-status-icon--Color: var(--#{$wizard}__nav-link--m-danger__nav-link-status-icon--Color);
496
506
  }
package/components/_index.css CHANGED
@@ -23257,6 +23257,7 @@ label.pf-v6-c-tree-view__node-text {
23257
23257
  --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
23258
23258
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-t--global--icon--color--regular);
23259
23259
  --pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23260
+ --pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23260
23261
  --pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23261
23262
  --pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart: 4px;
23262
23263
  --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 {
23275
23276
  --pf-v6-c-wizard__nav-link-status-icon--LineHeight: 1;
23276
23277
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-t--global--icon--color--regular);
23277
23278
  --pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
23279
+ --pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
23278
23280
  --pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
23279
23281
  --pf-v6-c-wizard__toggle-status-icon--InsetBlockStart: 2px;
23280
23282
  --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 {
23435
23437
  .pf-v6-c-wizard__toggle-list-item.pf-m-danger {
23436
23438
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-danger__status-icon--Color);
23437
23439
  }
23440
+ .pf-v6-c-wizard__toggle-list-item.pf-m-warning {
23441
+ --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-warning__status-icon--Color);
23442
+ }
23438
23443
  .pf-v6-c-wizard__toggle-list-item.pf-m-success {
23439
23444
  --pf-v6-c-wizard__toggle-status-icon--Color: var(--pf-v6-c-wizard__toggle-list-item--m-success__status-icon--Color);
23440
23445
  }
@@ -23593,12 +23598,15 @@ label.pf-v6-c-tree-view__node-text {
23593
23598
  --pf-v6-c-wizard__nav-link--before--Color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
23594
23599
  }
23595
23600
 
23596
- .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-danger)::before {
23601
+ .pf-v6-c-wizard__nav-link:is(.pf-m-success, .pf-m-warning, .pf-m-danger)::before {
23597
23602
  display: none;
23598
23603
  }
23599
23604
  .pf-v6-c-wizard__nav-link.pf-m-success {
23600
23605
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-success__nav-link-status-icon--Color);
23601
23606
  }
23607
+ .pf-v6-c-wizard__nav-link.pf-m-warning {
23608
+ --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-warning__nav-link-status-icon--Color);
23609
+ }
23602
23610
  .pf-v6-c-wizard__nav-link.pf-m-danger {
23603
23611
  --pf-v6-c-wizard__nav-link-status-icon--Color: var(--pf-v6-c-wizard__nav-link--m-danger__nav-link-status-icon--Color);
23604
23612
  }