@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/Button/examples/Button.md CHANGED
@@ -13,7 +13,7 @@ cssPrefix: pf-d-button
13
13
  <span class="pf-v5-c-form__label-text">Username</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
14
14
  </div>
15
15
  <div class="pf-v5-c-form__group-control">
16
- <div class="pf-v5-c-form-control pf-m-required">
16
+ <span class="pf-v5-c-form-control pf-m-required">
17
17
  <input
18
18
  required
19
19
  type="text"
@@ -21,7 +21,7 @@ cssPrefix: pf-d-button
21
21
  name="progress-button-example-login"
22
22
  value="johndoe"
23
23
  />
24
- </div>
24
+ </span>
25
25
  </div>
26
26
  </div>
27
27
  <div class="pf-v5-c-form__group">
@@ -29,7 +29,7 @@ cssPrefix: pf-d-button
29
29
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
30
30
  </div>
31
31
  <div class="pf-v5-c-form__group-control">
32
- <div class="pf-v5-c-form-control pf-m-required">
32
+ <span class="pf-v5-c-form-control pf-m-required">
33
33
  <input
34
34
  required
35
35
  type="password"
@@ -37,7 +37,7 @@ cssPrefix: pf-d-button
37
37
  id="progress-button-example-password"
38
38
  name="progress-button-example-password"
39
39
  />
40
- </div>
40
+ </span>
41
41
  </div>
42
42
  </div>
43
43
  <div class="pf-v5-c-form__group pf-m-action">
@@ -64,7 +64,7 @@ cssPrefix: pf-d-button
64
64
  <span class="pf-v5-c-form__label-text">Username</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
65
65
  </div>
66
66
  <div class="pf-v5-c-form__group-control">
67
- <div class="pf-v5-c-form-control pf-m-required">
67
+ <span class="pf-v5-c-form-control pf-m-required">
68
68
  <input
69
69
  required
70
70
  type="text"
@@ -72,7 +72,7 @@ cssPrefix: pf-d-button
72
72
  name="progress-button-loading-example-login"
73
73
  value="johndoe"
74
74
  />
75
- </div>
75
+ </span>
76
76
  </div>
77
77
  </div>
78
78
  <div class="pf-v5-c-form__group">
@@ -83,7 +83,7 @@ cssPrefix: pf-d-button
83
83
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
84
84
  </div>
85
85
  <div class="pf-v5-c-form__group-control">
86
- <div class="pf-v5-c-form-control pf-m-required">
86
+ <span class="pf-v5-c-form-control pf-m-required">
87
87
  <input
88
88
  required
89
89
  type="password"
@@ -91,7 +91,7 @@ cssPrefix: pf-d-button
91
91
  id="progress-button-loading-example-password"
92
92
  name="progress-button-loading-example-password"
93
93
  />
94
- </div>
94
+ </span>
95
95
  </div>
96
96
  </div>
97
97
  <div class="pf-v5-c-form__group pf-m-action">
@@ -136,7 +136,7 @@ cssPrefix: pf-d-button
136
136
  <span class="pf-v5-c-form__label-text">Username</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
137
137
  </div>
138
138
  <div class="pf-v5-c-form__group-control">
139
- <div class="pf-v5-c-form-control pf-m-required">
139
+ <span class="pf-v5-c-form-control pf-m-required">
140
140
  <input
141
141
  required
142
142
  type="text"
@@ -144,7 +144,7 @@ cssPrefix: pf-d-button
144
144
  name="progress-button-complete-example-login"
145
145
  value="johndoe"
146
146
  />
147
- </div>
147
+ </span>
148
148
  </div>
149
149
  </div>
150
150
  <div class="pf-v5-c-form__group">
@@ -155,7 +155,7 @@ cssPrefix: pf-d-button
155
155
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
156
156
  </div>
157
157
  <div class="pf-v5-c-form__group-control">
158
- <div class="pf-v5-c-form-control pf-m-required">
158
+ <span class="pf-v5-c-form-control pf-m-required">
159
159
  <input
160
160
  required
161
161
  type="password"
@@ -163,7 +163,7 @@ cssPrefix: pf-d-button
163
163
  id="progress-button-complete-example-password"
164
164
  name="progress-button-complete-example-password"
165
165
  />
166
- </div>
166
+ </span>
167
167
  </div>
168
168
  </div>
169
169
  <div class="pf-v5-c-form__group pf-m-action">
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -1505,7 +1505,7 @@ section: patterns
1505
1505
  </button>
1506
1506
  </div>
1507
1507
  <div class="pf-v5-c-pagination__nav-page-select">
1508
- <div class="pf-v5-c-form-control">
1508
+ <span class="pf-v5-c-form-control">
1509
1509
  <input
1510
1510
  aria-label="Current page"
1511
1511
  type="number"
@@ -1513,7 +1513,7 @@ section: patterns
1513
1513
  max="4"
1514
1514
  value="1"
1515
1515
  />
1516
- </div>
1516
+ </span>
1517
1517
  <span aria-hidden="true">of 4</span>
1518
1518
  </div>
1519
1519
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
package/docs/demos/DataList/examples/DataList.md CHANGED
@@ -827,7 +827,7 @@ wrapperTag: div
827
827
  </button>
828
828
  </div>
829
829
  <div class="pf-v5-c-pagination__nav-page-select">
830
- <div class="pf-v5-c-form-control">
830
+ <span class="pf-v5-c-form-control">
831
831
  <input
832
832
  aria-label="Current page"
833
833
  type="number"
@@ -835,7 +835,7 @@ wrapperTag: div
835
835
  max="4"
836
836
  value="1"
837
837
  />
838
- </div>
838
+ </span>
839
839
  <span aria-hidden="true">of 4</span>
840
840
  </div>
841
841
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -1678,7 +1678,7 @@ wrapperTag: div
1678
1678
  </button>
1679
1679
  </div>
1680
1680
  <div class="pf-v5-c-pagination__nav-page-select">
1681
- <div class="pf-v5-c-form-control">
1681
+ <span class="pf-v5-c-form-control">
1682
1682
  <input
1683
1683
  aria-label="Current page"
1684
1684
  type="number"
@@ -1686,7 +1686,7 @@ wrapperTag: div
1686
1686
  max="4"
1687
1687
  value="1"
1688
1688
  />
1689
- </div>
1689
+ </span>
1690
1690
  <span aria-hidden="true">of 4</span>
1691
1691
  </div>
1692
1692
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -3301,7 +3301,7 @@ wrapperTag: div
3301
3301
  </button>
3302
3302
  </div>
3303
3303
  <div class="pf-v5-c-pagination__nav-page-select">
3304
- <div class="pf-v5-c-form-control">
3304
+ <span class="pf-v5-c-form-control">
3305
3305
  <input
3306
3306
  aria-label="Current page"
3307
3307
  type="number"
@@ -3309,7 +3309,7 @@ wrapperTag: div
3309
3309
  max="4"
3310
3310
  value="1"
3311
3311
  />
3312
- </div>
3312
+ </span>
3313
3313
  <span aria-hidden="true">of 4</span>
3314
3314
  </div>
3315
3315
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -4182,7 +4182,7 @@ wrapperTag: div
4182
4182
  </button>
4183
4183
  </div>
4184
4184
  <div class="pf-v5-c-pagination__nav-page-select">
4185
- <div class="pf-v5-c-form-control">
4185
+ <span class="pf-v5-c-form-control">
4186
4186
  <input
4187
4187
  aria-label="Current page"
4188
4188
  type="number"
@@ -4190,7 +4190,7 @@ wrapperTag: div
4190
4190
  max="4"
4191
4191
  value="1"
4192
4192
  />
4193
- </div>
4193
+ </span>
4194
4194
  <span aria-hidden="true">of 4</span>
4195
4195
  </div>
4196
4196
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
package/docs/demos/Form/examples/BasicForms.md CHANGED
@@ -13,7 +13,7 @@ subsection: forms
13
13
  <span class="pf-v5-c-form__label-text">Full name</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
14
14
  </div>
15
15
  <div class="pf-v5-c-form__group-control">
16
- <div class="pf-v5-c-form-control pf-m-required">
16
+ <span class="pf-v5-c-form-control pf-m-required">
17
17
  <input
18
18
  required
19
19
  type="text"
@@ -21,7 +21,7 @@ subsection: forms
21
21
  name="-name"
22
22
  aria-describedby="-name-helper"
23
23
  />
24
- </div>
24
+ </span>
25
25
 
26
26
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
27
27
  <div class="pf-v5-c-helper-text">
@@ -39,9 +39,9 @@ subsection: forms
39
39
  <span class="pf-v5-c-form__label-text">Email</span></label>
40
40
  </div>
41
41
  <div class="pf-v5-c-form__group-control">
42
- <div class="pf-v5-c-form-control">
42
+ <span class="pf-v5-c-form-control">
43
43
  <input type="email" id="-email" name="-email" />
44
- </div>
44
+ </span>
45
45
  </div>
46
46
  </div>
47
47
  <div class="pf-v5-c-form__group">
@@ -56,7 +56,7 @@ subsection: forms
56
56
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
57
57
  </div>
58
58
  <div class="pf-v5-c-form__group-control">
59
- <div class="pf-v5-c-form-control pf-m-required">
59
+ <span class="pf-v5-c-form-control pf-m-required">
60
60
  <input
61
61
  required
62
62
  type="tel"
@@ -64,7 +64,7 @@ subsection: forms
64
64
  id="-phone"
65
65
  name="-phone"
66
66
  />
67
- </div>
67
+ </span>
68
68
  </div>
69
69
  </div>
70
70
  <div
@@ -173,7 +173,7 @@ subsection: forms
173
173
  <span class="pf-v5-c-form__label-text">Full name</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
174
174
  </div>
175
175
  <div class="pf-v5-c-form__group-control">
176
- <div class="pf-v5-c-form-control pf-m-required">
176
+ <span class="pf-v5-c-form-control pf-m-required">
177
177
  <input
178
178
  required
179
179
  type="text"
@@ -181,7 +181,7 @@ subsection: forms
181
181
  name="form-demo-horizontal-name"
182
182
  aria-describedby="form-demo-horizontal-name-helper"
183
183
  />
184
- </div>
184
+ </span>
185
185
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
186
186
  <div class="pf-v5-c-helper-text">
187
187
  <div
@@ -201,13 +201,13 @@ subsection: forms
201
201
  <span class="pf-v5-c-form__label-text">Email</span></label>
202
202
  </div>
203
203
  <div class="pf-v5-c-form__group-control">
204
- <div class="pf-v5-c-form-control">
204
+ <span class="pf-v5-c-form-control">
205
205
  <input
206
206
  type="email"
207
207
  id="form-demo-horizontal-email"
208
208
  name="form-demo-horizontal-email"
209
209
  />
210
- </div>
210
+ </span>
211
211
  </div>
212
212
  </div>
213
213
  <div class="pf-v5-c-form__group">
@@ -215,14 +215,14 @@ subsection: forms
215
215
  <span class="pf-v5-c-form__label-text">Phone number</span></label>
216
216
  </div>
217
217
  <div class="pf-v5-c-form__group-control">
218
- <div class="pf-v5-c-form-control">
218
+ <span class="pf-v5-c-form-control">
219
219
  <input
220
220
  type="tel"
221
221
  placeholder="Example, (555) 555-5555"
222
222
  id="form-demo-horizontal-phone"
223
223
  name="form-demo-horizontal-phone"
224
224
  />
225
- </div>
225
+ </span>
226
226
  </div>
227
227
  </div>
228
228
  <div
@@ -307,7 +307,7 @@ subsection: forms
307
307
  <span class="pf-v5-c-form__label-text">Full name</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
308
308
  </div>
309
309
  <div class="pf-v5-c-form__group-control">
310
- <div class="pf-v5-c-form-control pf-m-required">
310
+ <span class="pf-v5-c-form-control pf-m-required">
311
311
  <input
312
312
  required
313
313
  type="text"
@@ -315,7 +315,7 @@ subsection: forms
315
315
  name="form-demo-grid-name"
316
316
  aria-describedby="form-demo-grid-name-helper"
317
317
  />
318
- </div>
318
+ </span>
319
319
 
320
320
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
321
321
  <div class="pf-v5-c-helper-text">
@@ -333,14 +333,14 @@ subsection: forms
333
333
  <span class="pf-v5-c-form__label-text">Job title</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
334
334
  </div>
335
335
  <div class="pf-v5-c-form__group-control">
336
- <div class="pf-v5-c-form-control pf-m-required">
336
+ <span class="pf-v5-c-form-control pf-m-required">
337
337
  <input
338
338
  required
339
339
  type="text"
340
340
  id="form-demo-grid-title"
341
341
  name="form-demo-grid-title"
342
342
  />
343
- </div>
343
+ </span>
344
344
  </div>
345
345
  </div>
346
346
  <div class="pf-v5-c-form__group">
@@ -348,14 +348,14 @@ subsection: forms
348
348
  <span class="pf-v5-c-form__label-text">Phone number</span></label>
349
349
  </div>
350
350
  <div class="pf-v5-c-form__group-control">
351
- <div class="pf-v5-c-form-control">
351
+ <span class="pf-v5-c-form-control">
352
352
  <input
353
353
  type="tel"
354
354
  id="form-demo-grid-phone"
355
355
  name="form-demo-grid-phone"
356
356
  placeholder="555-555-5555"
357
357
  />
358
- </div>
358
+ </span>
359
359
  </div>
360
360
  </div>
361
361
  <div class="pf-v5-c-form__group">
@@ -363,13 +363,13 @@ subsection: forms
363
363
  <span class="pf-v5-c-form__label-text">Email</span></label>
364
364
  </div>
365
365
  <div class="pf-v5-c-form__group-control">
366
- <div class="pf-v5-c-form-control">
366
+ <span class="pf-v5-c-form-control">
367
367
  <input
368
368
  type="email"
369
369
  id="form-demo-grid-email"
370
370
  name="form-demo-grid-email"
371
371
  />
372
- </div>
372
+ </span>
373
373
  </div>
374
374
  </div>
375
375
  <div class="pf-v5-c-form__group">
@@ -377,13 +377,13 @@ subsection: forms
377
377
  <span class="pf-v5-c-form__label-text">Street address</span></label>
378
378
  </div>
379
379
  <div class="pf-v5-c-form__group-control">
380
- <div class="pf-v5-c-form-control">
380
+ <span class="pf-v5-c-form-control">
381
381
  <input
382
382
  type="text"
383
383
  id="form-demo-grid-address"
384
384
  name="form-demo-grid-address"
385
385
  />
386
- </div>
386
+ </span>
387
387
  </div>
388
388
  </div>
389
389
  <div class="pf-v5-l-grid pf-m-all-6-col pf-m-gutter">
@@ -392,9 +392,9 @@ subsection: forms
392
392
  <span class="pf-v5-c-form__label-text">City</span></label>
393
393
  </div>
394
394
  <div class="pf-v5-c-form__group-control">
395
- <div class="pf-v5-c-form-control">
395
+ <span class="pf-v5-c-form-control">
396
396
  <input id="form-demo-grid-city" name="form-demo-grid-city" />
397
- </div>
397
+ </span>
398
398
  </div>
399
399
  </div>
400
400
  <div class="pf-v5-c-form__group">
@@ -402,7 +402,7 @@ subsection: forms
402
402
  <span class="pf-v5-c-form__label-text">State</span></label>
403
403
  </div>
404
404
  <div class="pf-v5-c-form__group-control">
405
- <div class="pf-v5-c-form-control">
405
+ <span class="pf-v5-c-form-control">
406
406
  <select id="form-demo-grid-state" name="form-demo-grid-state">
407
407
  <option value selected>Select one</option>
408
408
  <option value="AL">Alabama</option>
@@ -456,12 +456,12 @@ subsection: forms
456
456
  <option value="WI">Wisconsin</option>
457
457
  <option value="WY">Wyoming</option>
458
458
  </select>
459
- <div class="pf-v5-c-form-control__utilities">
460
- <div class="pf-v5-c-form-control__toggle-icon">
459
+ <span class="pf-v5-c-form-control__utilities">
460
+ <span class="pf-v5-c-form-control__toggle-icon">
461
461
  <i class="fas fa-caret-down" aria-hidden="true"></i>
462
- </div>
463
- </div>
464
- </div>
462
+ </span>
463
+ </span>
464
+ </span>
465
465
  </div>
466
466
  </div>
467
467
  </div>
@@ -507,14 +507,14 @@ subsection: forms
507
507
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
508
508
  </div>
509
509
  <div class="pf-v5-c-form__group-control">
510
- <div class="pf-v5-c-form-control pf-m-required">
510
+ <span class="pf-v5-c-form-control pf-m-required">
511
511
  <input
512
512
  required
513
513
  type="text"
514
514
  id="form-demo-sections-repeatable-fields-clientid"
515
515
  name="form-demo-sections-repeatable-fields-clientid"
516
516
  />
517
- </div>
517
+ </span>
518
518
  </div>
519
519
  </div>
520
520
  <div class="pf-v5-c-form__group">
@@ -532,14 +532,14 @@ subsection: forms
532
532
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
533
533
  </div>
534
534
  <div class="pf-v5-c-form__group-control">
535
- <div class="pf-v5-c-form-control pf-m-required">
535
+ <span class="pf-v5-c-form-control pf-m-required">
536
536
  <input
537
537
  required
538
538
  type="text"
539
539
  id="form-demo-sections-repeatable-fields-name"
540
540
  name="form-demo-sections-repeatable-fields-name"
541
541
  />
542
- </div>
542
+ </span>
543
543
  </div>
544
544
  </div>
545
545
  <div class="pf-v5-c-form__group">
@@ -557,14 +557,14 @@ subsection: forms
557
557
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
558
558
  </div>
559
559
  <div class="pf-v5-c-form__group-control">
560
- <div class="pf-v5-c-form-control pf-m-required">
560
+ <span class="pf-v5-c-form-control pf-m-required">
561
561
  <input
562
562
  required
563
563
  type="text"
564
564
  id="form-demo-sections-repeatable-fields-description"
565
565
  name="form-demo-sections-repeatable-fields-description"
566
566
  />
567
- </div>
567
+ </span>
568
568
  </div>
569
569
  </div>
570
570
  </section>
@@ -593,14 +593,14 @@ subsection: forms
593
593
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
594
594
  </div>
595
595
  <div class="pf-v5-c-form__group-control">
596
- <div class="pf-v5-c-form-control pf-m-required">
596
+ <span class="pf-v5-c-form-control pf-m-required">
597
597
  <input
598
598
  required
599
599
  type="text"
600
600
  id="form-demo-sections-repeatable-fields-section2-rooturl"
601
601
  name="form-demo-sections-repeatable-fields-section2-rooturl"
602
602
  />
603
- </div>
603
+ </span>
604
604
  </div>
605
605
  </div>
606
606
  <div class="pf-v5-c-form__group">
@@ -620,7 +620,7 @@ subsection: forms
620
620
  <div class="pf-v5-c-form__group-control pf-m-stack">
621
621
  <div class="pf-v5-c-input-group">
622
622
  <div class="pf-v5-c-input-group__item pf-m-fill">
623
- <div class="pf-v5-c-form-control pf-m-required">
623
+ <span class="pf-v5-c-form-control pf-m-required">
624
624
  <input
625
625
  required
626
626
  type="text"
@@ -628,7 +628,7 @@ subsection: forms
628
628
  name="form-demo-sections-repeatable-fields-section2-uris-input-1"
629
629
  aria-labelledby="form-demo-sections-repeatable-fields-section2-uris form-demo-sections-repeatable-fields-section2-uris-input-1"
630
630
  />
631
- </div>
631
+ </span>
632
632
  </div>
633
633
  <div class="pf-v5-c-input-group__item pf-m-plain">
634
634
  <button
@@ -642,7 +642,7 @@ subsection: forms
642
642
  </div>
643
643
  <div class="pf-v5-c-input-group">
644
644
  <div class="pf-v5-c-input-group__item pf-m-fill">
645
- <div class="pf-v5-c-form-control pf-m-required">
645
+ <span class="pf-v5-c-form-control pf-m-required">
646
646
  <input
647
647
  required
648
648
  type="text"
@@ -650,7 +650,7 @@ subsection: forms
650
650
  name="form-demo-sections-repeatable-fields-section2-uris-input-2"
651
651
  aria-labelledby="form-demo-sections-repeatable-fields-section2-uris form-demo-sections-repeatable-fields-section2-uris-input-2"
652
652
  />
653
- </div>
653
+ </span>
654
654
  </div>
655
655
  <div class="pf-v5-c-input-group__item pf-m-plain">
656
656
  <button
@@ -664,7 +664,7 @@ subsection: forms
664
664
  </div>
665
665
  <div class="pf-v5-c-input-group">
666
666
  <div class="pf-v5-c-input-group__item pf-m-fill">
667
- <div class="pf-v5-c-form-control pf-m-required">
667
+ <span class="pf-v5-c-form-control pf-m-required">
668
668
  <input
669
669
  required
670
670
  type="text"
@@ -672,7 +672,7 @@ subsection: forms
672
672
  name="form-demo-sections-repeatable-fields-section2-uris-input-3"
673
673
  aria-labelledby="form-demo-sections-repeatable-fields-section2-uris form-demo-sections-repeatable-fields-section2-uris-input-3"
674
674
  />
675
- </div>
675
+ </span>
676
676
  </div>
677
677
  <div class="pf-v5-c-input-group__item pf-m-plain">
678
678
  <button
@@ -707,14 +707,14 @@ subsection: forms
707
707
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
708
708
  </div>
709
709
  <div class="pf-v5-c-form__group-control">
710
- <div class="pf-v5-c-form-control pf-m-required">
710
+ <span class="pf-v5-c-form-control pf-m-required">
711
711
  <input
712
712
  required
713
713
  type="text"
714
714
  id="form-demo-sections-repeatable-fields-section2-home-url"
715
715
  name="form-demo-sections-repeatable-fields-section2-home-url"
716
716
  />
717
- </div>
717
+ </span>
718
718
  </div>
719
719
  </div>
720
720
  </section>
@@ -741,14 +741,14 @@ subsection: forms
741
741
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
742
742
  </div>
743
743
  <div class="pf-v5-c-form__group-control">
744
- <div class="pf-v5-c-form-control pf-m-required">
744
+ <span class="pf-v5-c-form-control pf-m-required">
745
745
  <input
746
746
  required
747
747
  type="text"
748
748
  id="form-demo-sections-complex-form-name"
749
749
  name="form-demo-sections-complex-form-name"
750
750
  />
751
- </div>
751
+ </span>
752
752
  </div>
753
753
  </div>
754
754
 
@@ -1075,7 +1075,7 @@ subsection: forms
1075
1075
  <div class="pf-v5-c-form__group-control pf-m-stack">
1076
1076
  <div class="pf-v5-c-input-group">
1077
1077
  <div class="pf-v5-c-input-group__item pf-m-fill">
1078
- <div class="pf-v5-c-form-control pf-m-required">
1078
+ <span class="pf-v5-c-form-control pf-m-required">
1079
1079
  <input
1080
1080
  required
1081
1081
  type="text"
@@ -1083,7 +1083,7 @@ subsection: forms
1083
1083
  name="-node-selector-terms-input-1"
1084
1084
  aria-labelledby="-node-selector-terms -node-selector-terms-title"
1085
1085
  />
1086
- </div>
1086
+ </span>
1087
1087
  </div>
1088
1088
  <div class="pf-v5-c-input-group__item pf-m-plain">
1089
1089
  <button
@@ -1223,13 +1223,13 @@ subsection: forms
1223
1223
  <span class="pf-v5-c-form__label-text">Hostname</span></label>
1224
1224
  </div>
1225
1225
  <div class="pf-v5-c-form__group-control">
1226
- <div class="pf-v5-c-form-control">
1226
+ <span class="pf-v5-c-form-control">
1227
1227
  <input
1228
1228
  type="text"
1229
1229
  id="form-demo-sections-complex-form-routing-hostname"
1230
1230
  name="form-demo-sections-complex-form-routing-hostname"
1231
1231
  />
1232
- </div>
1232
+ </span>
1233
1233
 
1234
1234
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
1235
1235
  <div class="pf-v5-c-helper-text">
@@ -1253,7 +1253,7 @@ subsection: forms
1253
1253
  <span class="pf-v5-c-form__label-text">Path</span></label>
1254
1254
  </div>
1255
1255
  <div class="pf-v5-c-form__group-control">
1256
- <div class="pf-v5-c-form-control pf-m-required">
1256
+ <span class="pf-v5-c-form-control pf-m-required">
1257
1257
  <input
1258
1258
  required
1259
1259
  type="text"
@@ -1261,7 +1261,7 @@ subsection: forms
1261
1261
  id="form-demo-sections-complex-form-routing-path"
1262
1262
  name="form-demo-sections-complex-form-routing-path"
1263
1263
  />
1264
- </div>
1264
+ </span>
1265
1265
 
1266
1266
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
1267
1267
  <div class="pf-v5-c-helper-text">