@patternfly/patternfly 4.198.1 → 4.198.2
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/ProgressStepper/progress-stepper.css +1 -0
- package/components/ProgressStepper/progress-stepper.scss +1 -0
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +7 -13
- package/package.json +1 -1
- package/patternfly-no-reset.css +1 -0
- package/patternfly.css +1 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -223,6 +223,7 @@
|
|
|
223
223
|
font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
|
|
224
224
|
color: var(--pf-c-progress-stepper__step-title--Color);
|
|
225
225
|
text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
|
|
226
|
+
border: 0;
|
|
226
227
|
}
|
|
227
228
|
.pf-c-progress-stepper__step-title.pf-m-help-text {
|
|
228
229
|
text-decoration: underline;
|
|
@@ -272,6 +272,7 @@
|
|
|
272
272
|
font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
|
|
273
273
|
color: var(--pf-c-progress-stepper__step-title--Color);
|
|
274
274
|
text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
|
|
275
|
+
border: 0;
|
|
275
276
|
|
|
276
277
|
&.pf-m-help-text {
|
|
277
278
|
text-decoration: underline;
|
|
@@ -470,12 +470,10 @@ cssPrefix: pf-c-progress-stepper
|
|
|
470
470
|
</span>
|
|
471
471
|
</div>
|
|
472
472
|
<div class="pf-c-progress-stepper__step-main">
|
|
473
|
-
<
|
|
473
|
+
<button
|
|
474
474
|
class="pf-c-progress-stepper__step-title pf-m-help-text"
|
|
475
|
-
role="button"
|
|
476
475
|
type="button"
|
|
477
|
-
|
|
478
|
-
>First step</span>
|
|
476
|
+
>First step</button>
|
|
479
477
|
</div>
|
|
480
478
|
</li>
|
|
481
479
|
<li
|
|
@@ -488,12 +486,10 @@ cssPrefix: pf-c-progress-stepper
|
|
|
488
486
|
</span>
|
|
489
487
|
</div>
|
|
490
488
|
<div class="pf-c-progress-stepper__step-main">
|
|
491
|
-
<
|
|
489
|
+
<button
|
|
492
490
|
class="pf-c-progress-stepper__step-title pf-m-help-text"
|
|
493
|
-
role="button"
|
|
494
491
|
type="button"
|
|
495
|
-
|
|
496
|
-
>Second step</span>
|
|
492
|
+
>Second step</button>
|
|
497
493
|
</div>
|
|
498
494
|
</li>
|
|
499
495
|
<li
|
|
@@ -506,12 +502,10 @@ cssPrefix: pf-c-progress-stepper
|
|
|
506
502
|
</span>
|
|
507
503
|
</div>
|
|
508
504
|
<div class="pf-c-progress-stepper__step-main">
|
|
509
|
-
<
|
|
505
|
+
<button
|
|
510
506
|
class="pf-c-progress-stepper__step-title pf-m-help-text"
|
|
511
|
-
role="button"
|
|
512
507
|
type="button"
|
|
513
|
-
|
|
514
|
-
>Third step</span>
|
|
508
|
+
>Third step</button>
|
|
515
509
|
</div>
|
|
516
510
|
</li>
|
|
517
511
|
<li
|
|
@@ -555,7 +549,7 @@ Steps can be modified with `.pf-m-success`, `.pf-m-warning`, `.pf-m-danger`, and
|
|
|
555
549
|
| `.progress-stepper__step-connector` | `<div>` | Creates the connecting line between steps **Required** |
|
|
556
550
|
| `.progress-stepper__step-icon` | `<span>` | Creates the step node and contains the icon designating the type of step. This element is required, but may be empty if no icon is used for the step. **Required** |
|
|
557
551
|
| `.progress-stepper__step-main` | `<div>` | Contains the main text content of the step. This element is required, but may be empty if title and description are not used. **Required** |
|
|
558
|
-
| `.progress-stepper__step-title` | `<div>`
|
|
552
|
+
| `.progress-stepper__step-title` | `<div>`, `<button>` | Contains the title of the step. **Note:** the step title is a `<button>` when it has `.pf-m-help-text` and is used to trigger a popover with help text. |
|
|
559
553
|
| `.progress-stepper__step-description` | `<div>` | Contains the description of the step. |
|
|
560
554
|
| `.pf-m-center` | `.pf-c-progress-stepper` | Modifies to center each step. |
|
|
561
555
|
| `.pf-m-vertical` | `.pf-c-progress-stepper` | Modifies for vertical orientation. |
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -23014,6 +23014,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23014
23014
|
font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
|
|
23015
23015
|
color: var(--pf-c-progress-stepper__step-title--Color);
|
|
23016
23016
|
text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
|
|
23017
|
+
border: 0;
|
|
23017
23018
|
}
|
|
23018
23019
|
.pf-c-progress-stepper__step-title.pf-m-help-text {
|
|
23019
23020
|
text-decoration: underline;
|
package/patternfly.css
CHANGED
|
@@ -23141,6 +23141,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
|
|
|
23141
23141
|
font-weight: var(--pf-c-progress-stepper__step-title--FontWeight);
|
|
23142
23142
|
color: var(--pf-c-progress-stepper__step-title--Color);
|
|
23143
23143
|
text-align: var(--pf-c-progress-stepper__step-title--TextAlign);
|
|
23144
|
+
border: 0;
|
|
23144
23145
|
}
|
|
23145
23146
|
.pf-c-progress-stepper__step-title.pf-m-help-text {
|
|
23146
23147
|
text-decoration: underline;
|