@patternfly/patternfly 6.3.0-prerelease.44 → 6.3.0-prerelease.46
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.
- package/components/Wizard/wizard.css +9 -1
- package/components/Wizard/wizard.scss +11 -1
- package/components/_index.css +9 -1
- package/docs/components/Label/examples/Label.md +2 -2
- package/docs/components/Wizard/examples/Wizard.md +583 -0
- package/package.json +2 -2
- package/patternfly-no-globals.css +9 -1
- package/patternfly.css +9 -1
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -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
|
}
|
|
@@ -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
|
}
|
|
@@ -6930,7 +6930,7 @@ The contents of a label group can be modified by removing labels or adding new o
|
|
|
6930
6930
|
</div>
|
|
6931
6931
|
<div class="pf-v6-c-label-group__close">
|
|
6932
6932
|
<button
|
|
6933
|
-
class="pf-v6-c-button pf-m-
|
|
6933
|
+
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
6934
6934
|
type="button"
|
|
6935
6935
|
aria-labelledby="label-group-category-removable-button label-group-category-removable-label"
|
|
6936
6936
|
aria-label="Close label group"
|
|
@@ -7208,7 +7208,7 @@ The contents of a label group can be modified by removing labels or adding new o
|
|
|
7208
7208
|
</div>
|
|
7209
7209
|
<div class="pf-v6-c-label-group__close">
|
|
7210
7210
|
<button
|
|
7211
|
-
class="pf-v6-c-button pf-m-
|
|
7211
|
+
class="pf-v6-c-button pf-m-small pf-m-plain"
|
|
7212
7212
|
type="button"
|
|
7213
7213
|
aria-labelledby="label-group-vertical-category-removable-button label-group-vertical-category-removable-label"
|
|
7214
7214
|
aria-label="Close label group"
|