@patternfly/patternfly 4.216.1 → 4.216.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.
Files changed (20) hide show
  1. package/components/Form/form.css +1 -0
  2. package/components/Form/form.scss +1 -0
  3. package/docs/components/Form/examples/Form.md +90 -148
  4. package/docs/components/Login/examples/Login.md +20 -50
  5. package/docs/components/SearchInput/examples/SearchInput.md +16 -32
  6. package/docs/components/TextInputGroup/examples/TextInputGroup.md +16 -32
  7. package/docs/components/Wizard/examples/Wizard.md +105 -210
  8. package/docs/demos/Alert/examples/Alert.md +16 -40
  9. package/docs/demos/Button/examples/Button.md +12 -30
  10. package/docs/demos/Form/examples/BasicForms.md +97 -176
  11. package/docs/demos/HelperText/examples/HelperText.md +8 -19
  12. package/docs/demos/Modal/examples/Modal.md +18 -27
  13. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +6 -10
  14. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +24 -40
  15. package/docs/demos/Wizard/examples/Wizard.md +168 -336
  16. package/package.json +1 -1
  17. package/patternfly-no-reset.css +1 -0
  18. package/patternfly.css +1 -0
  19. package/patternfly.min.css +1 -1
  20. package/patternfly.min.css.map +1 -1
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -5677,18 +5677,15 @@ section: components
5677
5677
  <div class="pf-c-modal-box__body">
5678
5678
  <form class="pf-c-form" novalidate id="-form">
5679
5679
  <div class="pf-c-form__group">
5680
- <div class="pf-c-form__group-label">
5681
- <label class="pf-c-form__label" for="-form-name">
5682
- <span class="pf-c-form__label-text">Name</span>
5683
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
5684
- </label>
5685
- <button
5680
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-name">
5681
+ <span class="pf-c-form__label-text">Name</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
5686
5682
  class="pf-c-form__group-label-help"
5687
5683
  aria-label="More information for name field"
5688
5684
  aria-describedby="-form-name"
5689
- >
5690
- <i class="pficon pf-icon-help" aria-hidden="true"></i>
5691
- </button>
5685
+ role="button"
5686
+ type="button"
5687
+ tabindex="0"
5688
+ ><i class="pficon pf-icon-help" aria-hidden="true"></i></span>
5692
5689
  </div>
5693
5690
  <div class="pf-c-form__group-control">
5694
5691
  <input
@@ -5701,18 +5698,15 @@ section: components
5701
5698
  </div>
5702
5699
  </div>
5703
5700
  <div class="pf-c-form__group">
5704
- <div class="pf-c-form__group-label">
5705
- <label class="pf-c-form__label" for="-form-email">
5706
- <span class="pf-c-form__label-text">E-mail</span>
5707
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
5708
- </label>
5709
- <button
5701
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-email">
5702
+ <span class="pf-c-form__label-text">E-mail</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
5710
5703
  class="pf-c-form__group-label-help"
5711
5704
  aria-label="More information for email field"
5712
5705
  aria-describedby="-form-email"
5713
- >
5714
- <i class="pficon pf-icon-help" aria-hidden="true"></i>
5715
- </button>
5706
+ role="button"
5707
+ type="button"
5708
+ tabindex="0"
5709
+ ><i class="pficon pf-icon-help" aria-hidden="true"></i></span>
5716
5710
  </div>
5717
5711
  <div class="pf-c-form__group-control">
5718
5712
  <input
@@ -5725,18 +5719,15 @@ section: components
5725
5719
  </div>
5726
5720
  </div>
5727
5721
  <div class="pf-c-form__group">
5728
- <div class="pf-c-form__group-label">
5729
- <label class="pf-c-form__label" for="-form-address">
5730
- <span class="pf-c-form__label-text">Address</span>
5731
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
5732
- </label>
5733
- <button
5722
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-address">
5723
+ <span class="pf-c-form__label-text">Address</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
5734
5724
  class="pf-c-form__group-label-help"
5735
5725
  aria-label="More information for address field"
5736
5726
  aria-describedby="-form-address"
5737
- >
5738
- <i class="pficon pf-icon-help" aria-hidden="true"></i>
5739
- </button>
5727
+ role="button"
5728
+ type="button"
5729
+ tabindex="0"
5730
+ ><i class="pficon pf-icon-help" aria-hidden="true"></i></span>
5740
5731
  </div>
5741
5732
  <div class="pf-c-form__group-control">
5742
5733
  <input
package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md CHANGED
@@ -9,22 +9,18 @@ section: demos
9
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
- <div class="pf-c-form__group-label-main">
13
- <label
12
+ <div class="pf-c-form__group-label-main"><label
14
13
  class="pf-c-form__label"
15
14
  for="password-generator-demo--initial-password"
16
15
  >
17
- <span class="pf-c-form__label-text">Password</span>
18
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
19
- </label>
20
-
21
- <button
16
+ <span class="pf-c-form__label-text">Password</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
22
17
  class="pf-c-form__group-label-help"
23
18
  aria-label="More information for password field"
24
19
  aria-describedby="password-generator-demo--initial-password"
25
- >
26
- <i class="pficon pf-icon-help" aria-hidden="true"></i>
27
- </button>
20
+ role="button"
21
+ type="button"
22
+ tabindex="0"
23
+ ><i class="pficon pf-icon-help" aria-hidden="true"></i></span>
28
24
  </div>
29
25
  <div class="pf-c-form__group-label-info"></div>
30
26
  </div>
package/docs/demos/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -10,22 +10,18 @@ section: demos
10
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
- <div class="pf-c-form__group-label-main">
14
- <label
13
+ <div class="pf-c-form__group-label-main"><label
15
14
  class="pf-c-form__label"
16
15
  for="password-strength-demo--initial-password"
17
16
  >
18
- <span class="pf-c-form__label-text">Password</span>
19
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
20
- </label>
21
-
22
- <button
17
+ <span class="pf-c-form__label-text">Password</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
23
18
  class="pf-c-form__group-label-help"
24
19
  aria-label="More information for password field"
25
20
  aria-describedby="password-strength-demo--initial-password"
26
- >
27
- <i class="pficon pf-icon-help" aria-hidden="true"></i>
28
- </button>
21
+ role="button"
22
+ type="button"
23
+ tabindex="0"
24
+ ><i class="pficon pf-icon-help" aria-hidden="true"></i></span>
29
25
  </div>
30
26
  <div class="pf-c-form__group-label-info"></div>
31
27
  </div>
@@ -89,22 +85,18 @@ section: demos
89
85
  <form class="pf-c-form" novalidate>
90
86
  <div class="pf-c-form__group">
91
87
  <div class="pf-c-form__group-label pf-m-info">
92
- <div class="pf-c-form__group-label-main">
93
- <label
88
+ <div class="pf-c-form__group-label-main"><label
94
89
  class="pf-c-form__label"
95
90
  for="password-strength-demo--invalid-password"
96
91
  >
97
- <span class="pf-c-form__label-text">Password</span>
98
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
99
- </label>
100
-
101
- <button
92
+ <span class="pf-c-form__label-text">Password</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
102
93
  class="pf-c-form__group-label-help"
103
94
  aria-label="More information for password field"
104
95
  aria-describedby="password-strength-demo--invalid-password"
105
- >
106
- <i class="pficon pf-icon-help" aria-hidden="true"></i>
107
- </button>
96
+ role="button"
97
+ type="button"
98
+ tabindex="0"
99
+ ><i class="pficon pf-icon-help" aria-hidden="true"></i></span>
108
100
  </div>
109
101
  <div class="pf-c-form__group-label-info"></div>
110
102
  </div>
@@ -168,22 +160,18 @@ section: demos
168
160
  <form class="pf-c-form" novalidate>
169
161
  <div class="pf-c-form__group">
170
162
  <div class="pf-c-form__group-label pf-m-info">
171
- <div class="pf-c-form__group-label-main">
172
- <label
163
+ <div class="pf-c-form__group-label-main"><label
173
164
  class="pf-c-form__label"
174
165
  for="password-strength-demo--weak-password"
175
166
  >
176
- <span class="pf-c-form__label-text">Password</span>
177
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
178
- </label>
179
-
180
- <button
167
+ <span class="pf-c-form__label-text">Password</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
181
168
  class="pf-c-form__group-label-help"
182
169
  aria-label="More information for password field"
183
170
  aria-describedby="password-strength-demo--weak-password"
184
- >
185
- <i class="pficon pf-icon-help" aria-hidden="true"></i>
186
- </button>
171
+ role="button"
172
+ type="button"
173
+ tabindex="0"
174
+ ><i class="pficon pf-icon-help" aria-hidden="true"></i></span>
187
175
  </div>
188
176
  <div class="pf-c-form__group-label-info">
189
177
  <div class="pf-c-helper-text">
@@ -256,22 +244,18 @@ section: demos
256
244
  <form class="pf-c-form" novalidate>
257
245
  <div class="pf-c-form__group">
258
246
  <div class="pf-c-form__group-label pf-m-info">
259
- <div class="pf-c-form__group-label-main">
260
- <label
247
+ <div class="pf-c-form__group-label-main"><label
261
248
  class="pf-c-form__label"
262
249
  for="password-strength-demo--strong-password"
263
250
  >
264
- <span class="pf-c-form__label-text">Password</span>
265
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
266
- </label>
267
-
268
- <button
251
+ <span class="pf-c-form__label-text">Password</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>&nbsp;<span
269
252
  class="pf-c-form__group-label-help"
270
253
  aria-label="More information for password field"
271
254
  aria-describedby="password-strength-demo--strong-password"
272
- >
273
- <i class="pficon pf-icon-help" aria-hidden="true"></i>
274
- </button>
255
+ role="button"
256
+ type="button"
257
+ tabindex="0"
258
+ ><i class="pficon pf-icon-help" aria-hidden="true"></i></span>
275
259
  </div>
276
260
  <div class="pf-c-form__group-label-info">
277
261
  <div class="pf-c-helper-text">