@patternfly/patternfly 4.214.0 → 4.215.1
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/RELEASE-NOTES.md +22 -0
- package/components/Banner/banner.css +6 -6
- package/components/Banner/banner.scss +8 -4
- package/components/Banner/themes/dark/banner.scss +5 -1
- package/components/ProgressStepper/progress-stepper.css +7 -4
- package/components/ProgressStepper/progress-stepper.scss +7 -4
- package/docs/components/Banner/examples/Banner.md +91 -19
- package/docs/components/FileUpload/examples/FileUpload.md +1 -1
- package/docs/components/Form/examples/Form.md +52 -50
- package/docs/components/Login/examples/Login.md +5 -5
- package/docs/components/SearchInput/examples/SearchInput.md +2 -2
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +2 -2
- package/docs/components/Wizard/examples/Wizard.md +5 -5
- package/docs/demos/Alert/examples/Alert.md +2 -2
- package/docs/demos/Button/examples/Button.md +3 -3
- package/docs/demos/Form/examples/BasicForms.md +5 -5
- package/docs/demos/HelperText/examples/HelperText.md +1 -1
- package/docs/demos/Modal/examples/Modal.md +1 -1
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/Wizard/examples/Wizard.md +1960 -748
- package/package.json +1 -1
- package/patternfly-no-reset.css +13 -10
- package/patternfly.css +13 -10
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -77,7 +77,7 @@ wrapperTag: div
|
|
|
77
77
|
</nav>
|
|
78
78
|
<main class="pf-c-wizard__main" tabindex="0">
|
|
79
79
|
<div class="pf-c-wizard__main-body">
|
|
80
|
-
<form
|
|
80
|
+
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
81
81
|
<div class="pf-c-form__group">
|
|
82
82
|
<div class="pf-c-form__group-label">
|
|
83
83
|
<label class="pf-c-form__label" for="wizard-basic-form-field1">
|
|
@@ -304,7 +304,7 @@ wrapperTag: div
|
|
|
304
304
|
</nav>
|
|
305
305
|
<main class="pf-c-wizard__main" tabindex="0">
|
|
306
306
|
<div class="pf-c-wizard__main-body">
|
|
307
|
-
<form
|
|
307
|
+
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
308
308
|
<div class="pf-c-form__group">
|
|
309
309
|
<div class="pf-c-form__group-label">
|
|
310
310
|
<label class="pf-c-form__label" for="-form-field1">
|
|
@@ -538,7 +538,7 @@ wrapperTag: div
|
|
|
538
538
|
class="pf-c-button pf-u-hidden pf-m-link pf-m-inline pf-u-float-right pf-u-ml-md"
|
|
539
539
|
type="button"
|
|
540
540
|
>Open drawer</button>
|
|
541
|
-
<form
|
|
541
|
+
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
542
542
|
<div class="pf-c-form__group">
|
|
543
543
|
<div class="pf-c-form__group-label">
|
|
544
544
|
<label
|
|
@@ -813,7 +813,7 @@ wrapperTag: div
|
|
|
813
813
|
</nav>
|
|
814
814
|
<main class="pf-c-wizard__main" tabindex="0">
|
|
815
815
|
<div class="pf-c-wizard__main-body">
|
|
816
|
-
<form
|
|
816
|
+
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
817
817
|
<div class="pf-c-form__group">
|
|
818
818
|
<div class="pf-c-form__group-label">
|
|
819
819
|
<label
|
|
@@ -1071,7 +1071,7 @@ wrapperTag: div
|
|
|
1071
1071
|
</nav>
|
|
1072
1072
|
<main class="pf-c-wizard__main" tabindex="0">
|
|
1073
1073
|
<div class="pf-c-wizard__main-body">
|
|
1074
|
-
<form
|
|
1074
|
+
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
1075
1075
|
<div class="pf-c-form__group">
|
|
1076
1076
|
<div class="pf-c-form__group-label">
|
|
1077
1077
|
<label
|
|
@@ -1856,7 +1856,7 @@ section: components
|
|
|
1856
1856
|
</div>
|
|
1857
1857
|
</section>
|
|
1858
1858
|
<section class="pf-c-page__main-section pf-m-light">
|
|
1859
|
-
<form
|
|
1859
|
+
<form class="pf-c-form pf-m-limit-width pf-m-horizontal" novalidate>
|
|
1860
1860
|
<div class="pf-c-form__alert">
|
|
1861
1861
|
<div
|
|
1862
1862
|
class="pf-c-alert pf-m-danger pf-m-inline"
|
|
@@ -2888,7 +2888,7 @@ section: components
|
|
|
2888
2888
|
</div>
|
|
2889
2889
|
</section>
|
|
2890
2890
|
<section class="pf-c-page__main-section pf-m-light">
|
|
2891
|
-
<form
|
|
2891
|
+
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
2892
2892
|
<div class="pf-c-form__alert">
|
|
2893
2893
|
<div
|
|
2894
2894
|
class="pf-c-alert pf-m-danger pf-m-inline"
|
|
@@ -7,7 +7,7 @@ cssPrefix: pf-d-button
|
|
|
7
7
|
### Progress button - initial
|
|
8
8
|
|
|
9
9
|
```html
|
|
10
|
-
<form
|
|
10
|
+
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
11
11
|
<div class="pf-c-form__group">
|
|
12
12
|
<div class="pf-c-form__group-label">
|
|
13
13
|
<label class="pf-c-form__label" for="progress-button-example-login">
|
|
@@ -59,7 +59,7 @@ cssPrefix: pf-d-button
|
|
|
59
59
|
### Progress button - loading
|
|
60
60
|
|
|
61
61
|
```html
|
|
62
|
-
<form
|
|
62
|
+
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
63
63
|
<div class="pf-c-form__group">
|
|
64
64
|
<div class="pf-c-form__group-label">
|
|
65
65
|
<label
|
|
@@ -130,7 +130,7 @@ cssPrefix: pf-d-button
|
|
|
130
130
|
### Progress button - complete
|
|
131
131
|
|
|
132
132
|
```html
|
|
133
|
-
<form
|
|
133
|
+
<form class="pf-c-form pf-m-limit-width" novalidate>
|
|
134
134
|
<div class="pf-c-form__group">
|
|
135
135
|
<div class="pf-c-form__group-label">
|
|
136
136
|
<label
|
|
@@ -6,7 +6,7 @@ section: components
|
|
|
6
6
|
### Basic
|
|
7
7
|
|
|
8
8
|
```html
|
|
9
|
-
<form
|
|
9
|
+
<form class="pf-c-form" novalidate>
|
|
10
10
|
<div class="pf-c-form__group">
|
|
11
11
|
<div class="pf-c-form__group-label">
|
|
12
12
|
<label class="pf-c-form__label" for="form-demo-basic-name">
|
|
@@ -191,7 +191,7 @@ section: components
|
|
|
191
191
|
### Horizontal
|
|
192
192
|
|
|
193
193
|
```html
|
|
194
|
-
<form
|
|
194
|
+
<form class="pf-c-form pf-m-horizontal" novalidate>
|
|
195
195
|
<div class="pf-c-form__group -name">
|
|
196
196
|
<div class="pf-c-form__group-label">
|
|
197
197
|
<label class="pf-c-form__label" for="form-demo-horizontal">
|
|
@@ -324,7 +324,7 @@ section: components
|
|
|
324
324
|
### Grid
|
|
325
325
|
|
|
326
326
|
```html
|
|
327
|
-
<form
|
|
327
|
+
<form class="pf-c-form" novalidate>
|
|
328
328
|
<div class="pf-l-grid pf-m-all-6-col-on-md pf-m-gutter">
|
|
329
329
|
<div class="pf-c-form__group">
|
|
330
330
|
<div class="pf-c-form__group-label">
|
|
@@ -511,7 +511,7 @@ section: components
|
|
|
511
511
|
### Sections with repeatable fields
|
|
512
512
|
|
|
513
513
|
```html
|
|
514
|
-
<form
|
|
514
|
+
<form class="pf-c-form" novalidate>
|
|
515
515
|
<section
|
|
516
516
|
class="pf-c-form__section"
|
|
517
517
|
role="group"
|
|
@@ -762,7 +762,7 @@ section: components
|
|
|
762
762
|
### Complex form
|
|
763
763
|
|
|
764
764
|
```html
|
|
765
|
-
<form
|
|
765
|
+
<form class="pf-c-form" novalidate>
|
|
766
766
|
<div class="pf-c-form__group">
|
|
767
767
|
<div class="pf-c-form__group-label">
|
|
768
768
|
<label
|
|
@@ -7,7 +7,7 @@ section: components
|
|
|
7
7
|
### Helper text on a form
|
|
8
8
|
|
|
9
9
|
```html
|
|
10
|
-
<form
|
|
10
|
+
<form class="pf-c-form" novalidate>
|
|
11
11
|
<div class="pf-c-form__group">
|
|
12
12
|
<div class="pf-c-form__group-label">
|
|
13
13
|
<label class="pf-c-form__label" for="helper-text-form-name">
|
|
@@ -5675,7 +5675,7 @@ section: components
|
|
|
5675
5675
|
<p>Enter your personal information below to create an account.</p>
|
|
5676
5676
|
</div>
|
|
5677
5677
|
<div class="pf-c-modal-box__body">
|
|
5678
|
-
<form
|
|
5678
|
+
<form class="pf-c-form" novalidate id="-form">
|
|
5679
5679
|
<div class="pf-c-form__group">
|
|
5680
5680
|
<div class="pf-c-form__group-label">
|
|
5681
5681
|
<label class="pf-c-form__label" for="-form-name">
|
|
@@ -6,7 +6,7 @@ section: demos
|
|
|
6
6
|
### Provide a generated password
|
|
7
7
|
|
|
8
8
|
```html
|
|
9
|
-
<form
|
|
9
|
+
<form class="pf-c-form" novalidate>
|
|
10
10
|
<div class="pf-c-form__group">
|
|
11
11
|
<div class="pf-c-form__group-label pf-m-info">
|
|
12
12
|
<div class="pf-c-form__group-label-main">
|
|
@@ -7,7 +7,7 @@ section: demos
|
|
|
7
7
|
### Initial state
|
|
8
8
|
|
|
9
9
|
```html
|
|
10
|
-
<form
|
|
10
|
+
<form class="pf-c-form" novalidate>
|
|
11
11
|
<div class="pf-c-form__group">
|
|
12
12
|
<div class="pf-c-form__group-label pf-m-info">
|
|
13
13
|
<div class="pf-c-form__group-label-main">
|
|
@@ -86,7 +86,7 @@ section: demos
|
|
|
86
86
|
### Invalid password
|
|
87
87
|
|
|
88
88
|
```html
|
|
89
|
-
<form
|
|
89
|
+
<form class="pf-c-form" novalidate>
|
|
90
90
|
<div class="pf-c-form__group">
|
|
91
91
|
<div class="pf-c-form__group-label pf-m-info">
|
|
92
92
|
<div class="pf-c-form__group-label-main">
|
|
@@ -165,7 +165,7 @@ section: demos
|
|
|
165
165
|
### Valid, weak password
|
|
166
166
|
|
|
167
167
|
```html
|
|
168
|
-
<form
|
|
168
|
+
<form class="pf-c-form" novalidate>
|
|
169
169
|
<div class="pf-c-form__group">
|
|
170
170
|
<div class="pf-c-form__group-label pf-m-info">
|
|
171
171
|
<div class="pf-c-form__group-label-main">
|
|
@@ -253,7 +253,7 @@ section: demos
|
|
|
253
253
|
### Valid, strong password
|
|
254
254
|
|
|
255
255
|
```html
|
|
256
|
-
<form
|
|
256
|
+
<form class="pf-c-form" novalidate>
|
|
257
257
|
<div class="pf-c-form__group">
|
|
258
258
|
<div class="pf-c-form__group-label pf-m-info">
|
|
259
259
|
<div class="pf-c-form__group-label-main">
|