@patternfly/patternfly 5.0.0-prerelease.12 → 5.0.0-prerelease.13

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 (29) hide show
  1. package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
  2. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +12 -12
  3. package/docs/components/DatePicker/examples/DatePicker.md +16 -16
  4. package/docs/components/FileUpload/examples/FileUpload.md +28 -28
  5. package/docs/components/Form/examples/Form.md +56 -56
  6. package/docs/components/FormControl/examples/FormControl.md +134 -134
  7. package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
  8. package/docs/components/InputGroup/examples/InputGroup.md +24 -24
  9. package/docs/components/Login/examples/Login.md +28 -28
  10. package/docs/components/NumberInput/examples/NumberInput.md +28 -28
  11. package/docs/components/Pagination/examples/Pagination.md +22 -22
  12. package/docs/components/Select/deprecated/Select.md +18 -18
  13. package/docs/components/Slider/examples/Slider.md +14 -14
  14. package/docs/components/TextInputGroup/examples/TextInputGroup.md +16 -16
  15. package/docs/components/Toolbar/examples/Toolbar.md +4 -4
  16. package/docs/components/Wizard/examples/Wizard.md +70 -70
  17. package/docs/demos/Alert/examples/Alert.md +30 -30
  18. package/docs/demos/Button/examples/Button.md +12 -12
  19. package/docs/demos/CardView/examples/CardView.md +2 -2
  20. package/docs/demos/DataList/examples/DataList.md +8 -8
  21. package/docs/demos/Form/examples/BasicForms.md +54 -54
  22. package/docs/demos/HelperText/examples/HelperText.md +20 -20
  23. package/docs/demos/Modal/examples/Modal.md +6 -6
  24. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -2
  25. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +8 -8
  26. package/docs/demos/Table/examples/Table.md +22 -22
  27. package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
  28. package/docs/demos/Wizard/examples/Wizard.md +112 -112
  29. package/package.json +1 -1
package/docs/demos/HelperText/examples/HelperText.md CHANGED
@@ -12,7 +12,7 @@ section: components
12
12
  <span class="pf-v5-c-form__label-text">Name</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
13
13
  </div>
14
14
  <div class="pf-v5-c-form__group-control">
15
- <div class="pf-v5-c-form-control pf-m-required">
15
+ <span class="pf-v5-c-form-control pf-m-required">
16
16
  <input
17
17
  required
18
18
  type="text"
@@ -20,7 +20,7 @@ section: components
20
20
  name="helper-text-form-name"
21
21
  aria-describedby="helper-text-form-name-helper"
22
22
  />
23
- </div>
23
+ </span>
24
24
  <div
25
25
  class="pf-v5-c-form__helper-text"
26
26
  aria-live="polite"
@@ -41,7 +41,7 @@ section: components
41
41
  <span class="pf-v5-c-form__label-text">E-mail</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
42
42
  </div>
43
43
  <div class="pf-v5-c-form__group-control">
44
- <div class="pf-v5-c-form-control pf-m-required pf-m-warning">
44
+ <span class="pf-v5-c-form-control pf-m-required pf-m-warning">
45
45
  <input
46
46
  required
47
47
  type="text"
@@ -49,12 +49,12 @@ section: components
49
49
  name="helper-text-form-email"
50
50
  aria-describedby="helper-text-form-email-helper"
51
51
  />
52
- <div class="pf-v5-c-form-control__utilities">
53
- <div class="pf-v5-c-form-control__icon pf-m-status">
52
+ <span class="pf-v5-c-form-control__utilities">
53
+ <span class="pf-v5-c-form-control__icon pf-m-status">
54
54
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
55
- </div>
56
- </div>
57
- </div>
55
+ </span>
56
+ </span>
57
+ </span>
58
58
 
59
59
  <div
60
60
  class="pf-v5-c-form__helper-text"
@@ -76,7 +76,7 @@ section: components
76
76
  <span class="pf-v5-c-form__label-text">Address</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
77
77
  </div>
78
78
  <div class="pf-v5-c-form__group-control">
79
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
79
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
80
80
  <input
81
81
  required
82
82
  type="text"
@@ -85,12 +85,12 @@ section: components
85
85
  aria-invalid="true"
86
86
  aria-describedby="helper-text-form-address-helper"
87
87
  />
88
- <div class="pf-v5-c-form-control__utilities">
89
- <div class="pf-v5-c-form-control__icon pf-m-status">
88
+ <span class="pf-v5-c-form-control__utilities">
89
+ <span class="pf-v5-c-form-control__icon pf-m-status">
90
90
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
91
- </div>
92
- </div>
93
- </div>
91
+ </span>
92
+ </span>
93
+ </span>
94
94
 
95
95
  <div
96
96
  class="pf-v5-c-form__helper-text"
@@ -131,7 +131,7 @@ section: components
131
131
  <span class="pf-v5-c-form__label-text">Comment</span></label>
132
132
  </div>
133
133
  <div class="pf-v5-c-form__group-control">
134
- <div class="pf-v5-c-form-control pf-m-success">
134
+ <span class="pf-v5-c-form-control pf-m-success">
135
135
  <input
136
136
  value="This is a valid comment"
137
137
  type="text"
@@ -139,12 +139,12 @@ section: components
139
139
  name="helper-text-form-comment"
140
140
  aria-describedby="helper-text-form-comment-helper"
141
141
  />
142
- <div class="pf-v5-c-form-control__utilities">
143
- <div class="pf-v5-c-form-control__icon pf-m-status">
142
+ <span class="pf-v5-c-form-control__utilities">
143
+ <span class="pf-v5-c-form-control__icon pf-m-status">
144
144
  <i class="fas fa-check-circle" aria-hidden="true"></i>
145
- </div>
146
- </div>
147
- </div>
145
+ </span>
146
+ </span>
147
+ </span>
148
148
 
149
149
  <div
150
150
  class="pf-v5-c-form__helper-text"
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -1680,9 +1680,9 @@ section: components
1680
1680
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
1681
1681
  </div>
1682
1682
  <div class="pf-v5-c-form__group-control">
1683
- <div class="pf-v5-c-form-control pf-m-required">
1683
+ <span class="pf-v5-c-form-control pf-m-required">
1684
1684
  <input required type="text" id="-form-name" name="-form-name" />
1685
- </div>
1685
+ </span>
1686
1686
  </div>
1687
1687
  </div>
1688
1688
  <div class="pf-v5-c-form__group">
@@ -1700,9 +1700,9 @@ section: components
1700
1700
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
1701
1701
  </div>
1702
1702
  <div class="pf-v5-c-form__group-control">
1703
- <div class="pf-v5-c-form-control pf-m-required">
1703
+ <span class="pf-v5-c-form-control pf-m-required">
1704
1704
  <input required type="text" id="-form-email" name="-form-email" />
1705
- </div>
1705
+ </span>
1706
1706
  </div>
1707
1707
  </div>
1708
1708
  <div class="pf-v5-c-form__group">
@@ -1720,14 +1720,14 @@ section: components
1720
1720
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
1721
1721
  </div>
1722
1722
  <div class="pf-v5-c-form__group-control">
1723
- <div class="pf-v5-c-form-control pf-m-required">
1723
+ <span class="pf-v5-c-form-control pf-m-required">
1724
1724
  <input
1725
1725
  required
1726
1726
  type="text"
1727
1727
  id="-form-address"
1728
1728
  name="-form-address"
1729
1729
  />
1730
- </div>
1730
+ </span>
1731
1731
  </div>
1732
1732
  </div>
1733
1733
  </form>
package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md CHANGED
@@ -27,7 +27,7 @@ section: components
27
27
  <div class="pf-v5-c-form__group-control">
28
28
  <div class="pf-v5-c-input-group">
29
29
  <div class="pf-v5-c-input-group__item pf-m-fill">
30
- <div class="pf-v5-c-form-control pf-m-required">
30
+ <span class="pf-v5-c-form-control pf-m-required">
31
31
  <input
32
32
  required
33
33
  type="password"
@@ -37,7 +37,7 @@ section: components
37
37
  value
38
38
  placeholder="Password"
39
39
  />
40
- </div>
40
+ </span>
41
41
  </div>
42
42
  <div class="pf-v5-c-input-group__item">
43
43
  <button
package/docs/demos/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -27,7 +27,7 @@ section: components
27
27
  <div class="pf-v5-c-form__group-control">
28
28
  <div class="pf-v5-c-input-group">
29
29
  <div class="pf-v5-c-input-group__item pf-m-fill">
30
- <div class="pf-v5-c-form-control pf-m-required">
30
+ <span class="pf-v5-c-form-control pf-m-required">
31
31
  <input
32
32
  required
33
33
  type="text"
@@ -37,7 +37,7 @@ section: components
37
37
  value
38
38
  placeholder="Password"
39
39
  />
40
- </div>
40
+ </span>
41
41
  </div>
42
42
  <div class="pf-v5-c-input-group__item">
43
43
  <button
@@ -113,7 +113,7 @@ section: components
113
113
  <div class="pf-v5-c-form__group-control">
114
114
  <div class="pf-v5-c-input-group">
115
115
  <div class="pf-v5-c-input-group__item pf-m-fill">
116
- <div class="pf-v5-c-form-control pf-m-required">
116
+ <span class="pf-v5-c-form-control pf-m-required">
117
117
  <input
118
118
  required
119
119
  type="text"
@@ -123,7 +123,7 @@ section: components
123
123
  value="Marie$RedHat78"
124
124
  placeholder="Password"
125
125
  />
126
- </div>
126
+ </span>
127
127
  </div>
128
128
  <div class="pf-v5-c-input-group__item">
129
129
  <button
@@ -202,7 +202,7 @@ section: components
202
202
  <div class="pf-v5-c-form__group-control">
203
203
  <div class="pf-v5-c-input-group">
204
204
  <div class="pf-v5-c-input-group__item pf-m-fill">
205
- <div class="pf-v5-c-form-control pf-m-required">
205
+ <span class="pf-v5-c-form-control pf-m-required">
206
206
  <input
207
207
  required
208
208
  type="text"
@@ -212,7 +212,7 @@ section: components
212
212
  value="Marie$Can3Read"
213
213
  placeholder="Password"
214
214
  />
215
- </div>
215
+ </span>
216
216
  </div>
217
217
  <div class="pf-v5-c-input-group__item">
218
218
  <button
@@ -291,7 +291,7 @@ section: components
291
291
  <div class="pf-v5-c-form__group-control">
292
292
  <div class="pf-v5-c-input-group">
293
293
  <div class="pf-v5-c-input-group__item pf-m-fill">
294
- <div class="pf-v5-c-form-control pf-m-required">
294
+ <span class="pf-v5-c-form-control pf-m-required">
295
295
  <input
296
296
  required
297
297
  type="text"
@@ -301,7 +301,7 @@ section: components
301
301
  value="Marie$Can8Read3Pass@Word"
302
302
  placeholder="Password"
303
303
  />
304
- </div>
304
+ </span>
305
305
  </div>
306
306
  <div class="pf-v5-c-input-group__item">
307
307
  <button
package/docs/demos/Table/examples/Table.md CHANGED
@@ -1101,7 +1101,7 @@ wrapperTag: div
1101
1101
  </button>
1102
1102
  </div>
1103
1103
  <div class="pf-v5-c-pagination__nav-page-select">
1104
- <div class="pf-v5-c-form-control">
1104
+ <span class="pf-v5-c-form-control">
1105
1105
  <input
1106
1106
  aria-label="Current page"
1107
1107
  type="number"
@@ -1109,7 +1109,7 @@ wrapperTag: div
1109
1109
  max="4"
1110
1110
  value="1"
1111
1111
  />
1112
- </div>
1112
+ </span>
1113
1113
  <span aria-hidden="true">of 4</span>
1114
1114
  </div>
1115
1115
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -2398,7 +2398,7 @@ wrapperTag: div
2398
2398
  </button>
2399
2399
  </div>
2400
2400
  <div class="pf-v5-c-pagination__nav-page-select">
2401
- <div class="pf-v5-c-form-control">
2401
+ <span class="pf-v5-c-form-control">
2402
2402
  <input
2403
2403
  aria-label="Current page"
2404
2404
  type="number"
@@ -2406,7 +2406,7 @@ wrapperTag: div
2406
2406
  max="4"
2407
2407
  value="1"
2408
2408
  />
2409
- </div>
2409
+ </span>
2410
2410
  <span aria-hidden="true">of 4</span>
2411
2411
  </div>
2412
2412
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -3944,7 +3944,7 @@ wrapperTag: div
3944
3944
  </button>
3945
3945
  </div>
3946
3946
  <div class="pf-v5-c-pagination__nav-page-select">
3947
- <div class="pf-v5-c-form-control">
3947
+ <span class="pf-v5-c-form-control">
3948
3948
  <input
3949
3949
  aria-label="Current page"
3950
3950
  type="number"
@@ -3952,7 +3952,7 @@ wrapperTag: div
3952
3952
  max="4"
3953
3953
  value="1"
3954
3954
  />
3955
- </div>
3955
+ </span>
3956
3956
  <span aria-hidden="true">of 4</span>
3957
3957
  </div>
3958
3958
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -5152,7 +5152,7 @@ wrapperTag: div
5152
5152
  </button>
5153
5153
  </div>
5154
5154
  <div class="pf-v5-c-pagination__nav-page-select">
5155
- <div class="pf-v5-c-form-control">
5155
+ <span class="pf-v5-c-form-control">
5156
5156
  <input
5157
5157
  aria-label="Current page"
5158
5158
  type="number"
@@ -5160,7 +5160,7 @@ wrapperTag: div
5160
5160
  max="4"
5161
5161
  value="1"
5162
5162
  />
5163
- </div>
5163
+ </span>
5164
5164
  <span aria-hidden="true">of 4</span>
5165
5165
  </div>
5166
5166
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -10235,7 +10235,7 @@ wrapperTag: div
10235
10235
  </button>
10236
10236
  </div>
10237
10237
  <div class="pf-v5-c-pagination__nav-page-select">
10238
- <div class="pf-v5-c-form-control">
10238
+ <span class="pf-v5-c-form-control">
10239
10239
  <input
10240
10240
  aria-label="Current page"
10241
10241
  type="number"
@@ -10243,7 +10243,7 @@ wrapperTag: div
10243
10243
  max="4"
10244
10244
  value="1"
10245
10245
  />
10246
- </div>
10246
+ </span>
10247
10247
  <span aria-hidden="true">of 4</span>
10248
10248
  </div>
10249
10249
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -12111,7 +12111,7 @@ wrapperTag: div
12111
12111
  </button>
12112
12112
  </div>
12113
12113
  <div class="pf-v5-c-pagination__nav-page-select">
12114
- <div class="pf-v5-c-form-control">
12114
+ <span class="pf-v5-c-form-control">
12115
12115
  <input
12116
12116
  aria-label="Current page"
12117
12117
  type="number"
@@ -12119,7 +12119,7 @@ wrapperTag: div
12119
12119
  max="4"
12120
12120
  value="1"
12121
12121
  />
12122
- </div>
12122
+ </span>
12123
12123
  <span aria-hidden="true">of 4</span>
12124
12124
  </div>
12125
12125
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -14828,7 +14828,7 @@ wrapperTag: div
14828
14828
  </button>
14829
14829
  </div>
14830
14830
  <div class="pf-v5-c-pagination__nav-page-select">
14831
- <div class="pf-v5-c-form-control">
14831
+ <span class="pf-v5-c-form-control">
14832
14832
  <input
14833
14833
  aria-label="Current page"
14834
14834
  type="number"
@@ -14836,7 +14836,7 @@ wrapperTag: div
14836
14836
  max="4"
14837
14837
  value="1"
14838
14838
  />
14839
- </div>
14839
+ </span>
14840
14840
  <span aria-hidden="true">of 4</span>
14841
14841
  </div>
14842
14842
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -15971,7 +15971,7 @@ wrapperTag: div
15971
15971
  </button>
15972
15972
  </div>
15973
15973
  <div class="pf-v5-c-pagination__nav-page-select">
15974
- <div class="pf-v5-c-form-control">
15974
+ <span class="pf-v5-c-form-control">
15975
15975
  <input
15976
15976
  aria-label="Current page"
15977
15977
  type="number"
@@ -15979,7 +15979,7 @@ wrapperTag: div
15979
15979
  max="4"
15980
15980
  value="1"
15981
15981
  />
15982
- </div>
15982
+ </span>
15983
15983
  <span aria-hidden="true">of 4</span>
15984
15984
  </div>
15985
15985
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -17134,7 +17134,7 @@ wrapperTag: div
17134
17134
  </button>
17135
17135
  </div>
17136
17136
  <div class="pf-v5-c-pagination__nav-page-select">
17137
- <div class="pf-v5-c-form-control">
17137
+ <span class="pf-v5-c-form-control">
17138
17138
  <input
17139
17139
  aria-label="Current page"
17140
17140
  type="number"
@@ -17142,7 +17142,7 @@ wrapperTag: div
17142
17142
  max="4"
17143
17143
  value="1"
17144
17144
  />
17145
- </div>
17145
+ </span>
17146
17146
  <span aria-hidden="true">of 4</span>
17147
17147
  </div>
17148
17148
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -18299,7 +18299,7 @@ wrapperTag: div
18299
18299
  </button>
18300
18300
  </div>
18301
18301
  <div class="pf-v5-c-pagination__nav-page-select">
18302
- <div class="pf-v5-c-form-control">
18302
+ <span class="pf-v5-c-form-control">
18303
18303
  <input
18304
18304
  aria-label="Current page"
18305
18305
  type="number"
@@ -18307,7 +18307,7 @@ wrapperTag: div
18307
18307
  max="4"
18308
18308
  value="1"
18309
18309
  />
18310
- </div>
18310
+ </span>
18311
18311
  <span aria-hidden="true">of 4</span>
18312
18312
  </div>
18313
18313
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -19444,7 +19444,7 @@ wrapperTag: div
19444
19444
  </button>
19445
19445
  </div>
19446
19446
  <div class="pf-v5-c-pagination__nav-page-select">
19447
- <div class="pf-v5-c-form-control">
19447
+ <span class="pf-v5-c-form-control">
19448
19448
  <input
19449
19449
  aria-label="Current page"
19450
19450
  type="number"
@@ -19452,7 +19452,7 @@ wrapperTag: div
19452
19452
  max="4"
19453
19453
  value="1"
19454
19454
  />
19455
- </div>
19455
+ </span>
19456
19456
  <span aria-hidden="true">of 4</span>
19457
19457
  </div>
19458
19458
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -555,7 +555,7 @@ section: components
555
555
  aria-label="search filter"
556
556
  role="group"
557
557
  >
558
- <div class="pf-v5-c-form-control">
558
+ <span class="pf-v5-c-form-control">
559
559
  <input
560
560
  type="text"
561
561
  value="2020-03-05"
@@ -563,7 +563,7 @@ section: components
563
563
  name="toolbar-with-validation-example-helper-text-input"
564
564
  aria-label="Date picker"
565
565
  />
566
- </div>
566
+ </span>
567
567
  <button
568
568
  class="pf-v5-c-button pf-m-control"
569
569
  type="button"
@@ -590,7 +590,7 @@ section: components
590
590
  aria-label="search filter"
591
591
  role="group"
592
592
  >
593
- <div class="pf-v5-c-form-control pf-m-error">
593
+ <span class="pf-v5-c-form-control pf-m-error">
594
594
  <input
595
595
  aria-invalid="true"
596
596
  type="text"
@@ -599,17 +599,17 @@ section: components
599
599
  name="toolbar-with-validation-example-invalid-input"
600
600
  aria-label="Date picker"
601
601
  />
602
- <div class="pf-v5-c-form-control__utilities">
603
- <div
602
+ <span class="pf-v5-c-form-control__utilities">
603
+ <span
604
604
  class="pf-v5-c-form-control__icon pf-m-status"
605
605
  >
606
606
  <i
607
607
  class="fas fa-exclamation-circle"
608
608
  aria-hidden="true"
609
609
  ></i>
610
- </div>
611
- </div>
612
- </div>
610
+ </span>
611
+ </span>
612
+ </span>
613
613
  <button
614
614
  class="pf-v5-c-button pf-m-control"
615
615
  type="button"
@@ -3939,7 +3939,7 @@ section: components
3939
3939
  </button>
3940
3940
  </div>
3941
3941
  <div class="pf-v5-c-pagination__nav-page-select">
3942
- <div class="pf-v5-c-form-control">
3942
+ <span class="pf-v5-c-form-control">
3943
3943
  <input
3944
3944
  aria-label="Current page"
3945
3945
  type="number"
@@ -3947,7 +3947,7 @@ section: components
3947
3947
  max="4"
3948
3948
  value="1"
3949
3949
  />
3950
- </div>
3950
+ </span>
3951
3951
  <span aria-hidden="true">of 4</span>
3952
3952
  </div>
3953
3953
  <div class="pf-v5-c-pagination__nav-control pf-m-next">