@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/components/InlineEdit/examples/InlineEdit.md CHANGED
@@ -123,13 +123,13 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
123
123
  </div>
124
124
  <div class="pf-v5-c-inline-edit__group">
125
125
  <div class="pf-v5-c-inline-edit__input">
126
- <div class="pf-v5-c-form-control">
126
+ <span class="pf-v5-c-form-control">
127
127
  <input
128
128
  type="text"
129
129
  value="Static value"
130
130
  aria-label="Editable text input"
131
131
  />
132
- </div>
132
+ </span>
133
133
  </div>
134
134
  <div class="pf-v5-c-inline-edit__group pf-m-action-group pf-m-icon-group">
135
135
  <div class="pf-v5-c-inline-edit__action pf-m-valid">
@@ -182,13 +182,13 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
182
182
  </div>
183
183
  <div class="pf-v5-c-inline-edit__group">
184
184
  <div class="pf-v5-c-inline-edit__input">
185
- <div class="pf-v5-c-form-control">
185
+ <span class="pf-v5-c-form-control">
186
186
  <input
187
187
  type="text"
188
188
  value="Static value"
189
189
  aria-label="Editable text input"
190
190
  />
191
- </div>
191
+ </span>
192
192
  </div>
193
193
  <div class="pf-v5-c-inline-edit__group pf-m-action-group pf-m-icon-group">
194
194
  <div class="pf-v5-c-inline-edit__action pf-m-valid">
@@ -254,14 +254,14 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
254
254
  <div class="pf-v5-c-inline-edit__value">Static value</div>
255
255
  <div class="pf-v5-c-inline-edit__group">
256
256
  <div class="pf-v5-c-inline-edit__input">
257
- <div class="pf-v5-c-form-control">
257
+ <span class="pf-v5-c-form-control">
258
258
  <input
259
259
  type="text"
260
260
  id="single-inline-edit-with-label-example-input"
261
261
  value="Static value"
262
262
  aria-label="Editable text input"
263
263
  />
264
- </div>
264
+ </span>
265
265
  </div>
266
266
  <div class="pf-v5-c-inline-edit__group pf-m-action-group pf-m-icon-group">
267
267
  <div class="pf-v5-c-inline-edit__action pf-m-valid">
@@ -316,13 +316,13 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
316
316
  <div class="pf-v5-c-inline-edit__value">Static value</div>
317
317
  <div class="pf-v5-c-inline-edit__group">
318
318
  <div class="pf-v5-c-inline-edit__input">
319
- <div class="pf-v5-c-form-control">
319
+ <span class="pf-v5-c-form-control">
320
320
  <input
321
321
  type="text"
322
322
  value="Static value"
323
323
  aria-label="Editable text input"
324
324
  />
325
- </div>
325
+ </span>
326
326
  </div>
327
327
  <div class="pf-v5-c-inline-edit__group pf-m-action-group pf-m-icon-group">
328
328
  <div class="pf-v5-c-inline-edit__action pf-m-valid">
@@ -377,19 +377,19 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
377
377
  <div class="pf-v5-c-inline-edit__value">Static value</div>
378
378
  <div class="pf-v5-c-inline-edit__group">
379
379
  <div class="pf-v5-c-inline-edit__input">
380
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
380
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
381
381
  <input
382
382
  required
383
383
  value="Invalid state"
384
384
  aria-invalid="true"
385
385
  aria-label="Error state input example"
386
386
  />
387
- <div class="pf-v5-c-form-control__utilities">
388
- <div class="pf-v5-c-form-control__icon pf-m-status">
387
+ <span class="pf-v5-c-form-control__utilities">
388
+ <span class="pf-v5-c-form-control__icon pf-m-status">
389
389
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
390
- </div>
391
- </div>
392
- </div>
390
+ </span>
391
+ </span>
392
+ </span>
393
393
  </div>
394
394
  <div class="pf-v5-c-inline-edit__group pf-m-action-group pf-m-icon-group">
395
395
  <div class="pf-v5-c-inline-edit__action">
@@ -450,14 +450,14 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
450
450
  >
451
451
  <div class="pf-v5-c-inline-edit__value">Text input description content</div>
452
452
  <div class="pf-v5-c-inline-edit__input">
453
- <div class="pf-v5-c-form-control">
453
+ <span class="pf-v5-c-form-control">
454
454
  <input
455
455
  type="text"
456
456
  value="Text input description content"
457
457
  id="bulk-edit-table-example-row-1-text-input"
458
458
  aria-label="Text input"
459
459
  />
460
- </div>
460
+ </span>
461
461
  </div>
462
462
  </th>
463
463
  <td
@@ -469,7 +469,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
469
469
  class="pf-v5-c-inline-edit__value"
470
470
  >Text input disabled, description content</div>
471
471
  <div class="pf-v5-c-inline-edit__input">
472
- <div class="pf-v5-c-form-control pf-m-disabled">
472
+ <span class="pf-v5-c-form-control pf-m-disabled">
473
473
  <input
474
474
  disabled
475
475
  type="text"
@@ -477,7 +477,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
477
477
  id="bulk-edit-table-example-row-1-text-input-disabled"
478
478
  aria-label="Disabled text input"
479
479
  />
480
- </div>
480
+ </span>
481
481
  </div>
482
482
  </td>
483
483
  <td class="pf-v5-c-table__td" role="cell" data-label="Checkboxes">
@@ -557,14 +557,14 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
557
557
  <td class="pf-v5-c-table__td" role="cell" data-label="Number">
558
558
  <div class="pf-v5-c-inline-edit__value">2</div>
559
559
  <div class="pf-v5-c-inline-edit__input">
560
- <div class="pf-v5-c-form-control">
560
+ <span class="pf-v5-c-form-control">
561
561
  <input
562
562
  type="number"
563
563
  value="2"
564
564
  id="bulk-edit-table-example-row-1-number-input"
565
565
  aria-label="Number input"
566
566
  />
567
- </div>
567
+ </span>
568
568
  </div>
569
569
  </td>
570
570
  <td
@@ -659,14 +659,14 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
659
659
  >
660
660
  <div class="pf-v5-c-inline-edit__value">Text input description content</div>
661
661
  <div class="pf-v5-c-inline-edit__input">
662
- <div class="pf-v5-c-form-control">
662
+ <span class="pf-v5-c-form-control">
663
663
  <input
664
664
  type="text"
665
665
  value="Text input description content"
666
666
  id="bulk-edit-table-example-row-2-text-input"
667
667
  aria-label="Text input"
668
668
  />
669
- </div>
669
+ </span>
670
670
  </div>
671
671
  </th>
672
672
  <td
@@ -678,7 +678,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
678
678
  class="pf-v5-c-inline-edit__value"
679
679
  >Text input disabled, description content</div>
680
680
  <div class="pf-v5-c-inline-edit__input">
681
- <div class="pf-v5-c-form-control pf-m-disabled">
681
+ <span class="pf-v5-c-form-control pf-m-disabled">
682
682
  <input
683
683
  disabled
684
684
  type="text"
@@ -686,7 +686,7 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
686
686
  id="bulk-edit-table-example-row-2-text-input-disabled"
687
687
  aria-label="Disabled text input"
688
688
  />
689
- </div>
689
+ </span>
690
690
  </div>
691
691
  </td>
692
692
  <td class="pf-v5-c-table__td" role="cell" data-label="Checkboxes">
@@ -766,14 +766,14 @@ Inline edit **action-group** contains save and cancel actions and is only visibl
766
766
  <td class="pf-v5-c-table__td" role="cell" data-label="Number">
767
767
  <div class="pf-v5-c-inline-edit__value">2</div>
768
768
  <div class="pf-v5-c-inline-edit__input">
769
- <div class="pf-v5-c-form-control">
769
+ <span class="pf-v5-c-form-control">
770
770
  <input
771
771
  type="number"
772
772
  value="2"
773
773
  id="bulk-edit-table-example-row-2-number-input"
774
774
  aria-label="Number input"
775
775
  />
776
- </div>
776
+ </span>
777
777
  </div>
778
778
  </td>
779
779
  <td
package/docs/components/InputGroup/examples/InputGroup.md CHANGED
@@ -20,14 +20,14 @@ Use the input group to extend form controls by adding text, buttons, selects, et
20
20
  >Button</button>
21
21
  </div>
22
22
  <div class="pf-v5-c-input-group__item pf-m-fill">
23
- <div class="pf-v5-c-form-control pf-m-resize-both">
23
+ <span class="pf-v5-c-form-control pf-m-resize-both">
24
24
  <textarea
25
25
  name="textarea1"
26
26
  id="textarea1"
27
27
  aria-label="Textarea with buttons"
28
28
  aria-describedby="textAreaButton1"
29
29
  ></textarea>
30
- </div>
30
+ </span>
31
31
  </div>
32
32
  <div class="pf-v5-c-input-group__item">
33
33
  <button class="pf-v5-c-button pf-m-control" type="button">Button</button>
@@ -36,14 +36,14 @@ Use the input group to extend form controls by adding text, buttons, selects, et
36
36
  <br />
37
37
  <div class="pf-v5-c-input-group">
38
38
  <div class="pf-v5-c-input-group__item pf-m-fill">
39
- <div class="pf-v5-c-form-control pf-m-resize-both">
39
+ <span class="pf-v5-c-form-control pf-m-resize-both">
40
40
  <textarea
41
41
  name="textarea2"
42
42
  id="textarea2"
43
43
  aria-label="Textarea with button"
44
44
  aria-describedby="textAreaButton2"
45
45
  ></textarea>
46
- </div>
46
+ </span>
47
47
  </div>
48
48
  <div class="pf-v5-c-input-group__item">
49
49
  <button
@@ -66,14 +66,14 @@ Use the input group to extend form controls by adding text, buttons, selects, et
66
66
  <button class="pf-v5-c-button pf-m-control" type="button">Button</button>
67
67
  </div>
68
68
  <div class="pf-v5-c-input-group__item pf-m-fill">
69
- <div class="pf-v5-c-form-control pf-m-resize-both">
69
+ <span class="pf-v5-c-form-control pf-m-resize-both">
70
70
  <textarea
71
71
  name="textarea3"
72
72
  id="textarea3"
73
73
  aria-label="Textarea with buttons"
74
74
  aria-describedby="textAreaButton3"
75
75
  ></textarea>
76
- </div>
76
+ </span>
77
77
  </div>
78
78
  <div class="pf-v5-c-input-group__item">
79
79
  <button class="pf-v5-c-button pf-m-control" type="button">Button</button>
@@ -139,7 +139,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
139
139
  </div>
140
140
  </div>
141
141
  <div class="pf-v5-c-input-group__item pf-m-fill">
142
- <div class="pf-v5-c-form-control">
142
+ <span class="pf-v5-c-form-control">
143
143
  <input
144
144
  type="text"
145
145
  id="textInput4"
@@ -147,7 +147,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
147
147
  aria-label="Input with select and button"
148
148
  aria-describedby="inputSelectButton1"
149
149
  />
150
- </div>
150
+ </span>
151
151
  </div>
152
152
  <div class="pf-v5-c-input-group__item">
153
153
  <button
@@ -165,14 +165,14 @@ Use the input group to extend form controls by adding text, buttons, selects, et
165
165
  </span>
166
166
  </div>
167
167
  <div class="pf-v5-c-input-group__item pf-m-fill">
168
- <div class="pf-v5-c-form-control">
168
+ <span class="pf-v5-c-form-control">
169
169
  <input
170
170
  type="number"
171
171
  id="textInput5"
172
172
  name="textInput5"
173
173
  aria-label=" Dollar amount input example"
174
174
  />
175
- </div>
175
+ </span>
176
176
  </div>
177
177
  <div class="pf-v5-c-input-group__item pf-m-box">
178
178
  <span class="pf-v5-c-input-group__text">.00</span>
@@ -181,7 +181,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
181
181
  <br />
182
182
  <div class="pf-v5-c-input-group">
183
183
  <div class="pf-v5-c-input-group__item pf-m-fill">
184
- <div class="pf-v5-c-form-control">
184
+ <span class="pf-v5-c-form-control">
185
185
  <input
186
186
  type="email"
187
187
  id="textInput6"
@@ -189,7 +189,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
189
189
  aria-label="Email input field"
190
190
  aria-describedby="email-example"
191
191
  />
192
- </div>
192
+ </span>
193
193
  </div>
194
194
  <div class="pf-v5-c-input-group__item pf-m-box">
195
195
  <span class="pf-v5-c-input-group__text" id="email-example">@example.com</span>
@@ -203,7 +203,7 @@ Use the input group to extend form controls by adding text, buttons, selects, et
203
203
  </span>
204
204
  </div>
205
205
  <div class="pf-v5-c-input-group__item pf-m-fill">
206
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
206
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
207
207
  <input
208
208
  required
209
209
  type="email"
@@ -212,25 +212,25 @@ Use the input group to extend form controls by adding text, buttons, selects, et
212
212
  aria-invalid="true"
213
213
  aria-label="Error state username example"
214
214
  />
215
- <div class="pf-v5-c-form-control__utilities">
216
- <div class="pf-v5-c-form-control__icon pf-m-status">
215
+ <span class="pf-v5-c-form-control__utilities">
216
+ <span class="pf-v5-c-form-control__icon pf-m-status">
217
217
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
218
- </div>
219
- </div>
220
- </div>
218
+ </span>
219
+ </span>
220
+ </span>
221
221
  </div>
222
222
  </div>
223
223
  <br />
224
224
  <div class="pf-v5-c-input-group">
225
225
  <div class="pf-v5-c-input-group__item pf-m-fill">
226
- <div class="pf-v5-c-form-control">
226
+ <span class="pf-v5-c-form-control">
227
227
  <input
228
228
  type="text"
229
229
  id="textInput13"
230
230
  name="textInput13"
231
231
  aria-label="Input example with popover"
232
232
  />
233
- </div>
233
+ </span>
234
234
  </div>
235
235
  <div class="pf-v5-c-input-group__item">
236
236
  <button
@@ -245,14 +245,14 @@ Use the input group to extend form controls by adding text, buttons, selects, et
245
245
  <br />
246
246
  <div class="pf-v5-c-input-group">
247
247
  <div class="pf-v5-c-input-group__item pf-m-fill">
248
- <div class="pf-v5-c-form-control">
248
+ <span class="pf-v5-c-form-control">
249
249
  <input
250
250
  type="text"
251
251
  id="textInput12"
252
252
  name="textInput12"
253
253
  aria-label="Input example with popover"
254
254
  />
255
- </div>
255
+ </span>
256
256
  </div>
257
257
  <div class="pf-v5-c-input-group__item pf-m-plain">
258
258
  <button
@@ -267,14 +267,14 @@ Use the input group to extend form controls by adding text, buttons, selects, et
267
267
  <br />
268
268
  <div class="pf-v5-c-input-group">
269
269
  <div class="pf-v5-c-input-group__item pf-m-fill">
270
- <div class="pf-v5-c-form-control">
270
+ <span class="pf-v5-c-form-control">
271
271
  <input
272
272
  type="number"
273
273
  id="textInput14"
274
274
  name="textInput14"
275
275
  aria-label="Input example with plain unit"
276
276
  />
277
- </div>
277
+ </span>
278
278
  </div>
279
279
  <div class="pf-v5-c-input-group__item pf-m-box pf-m-plain">
280
280
  <span class="pf-v5-c-input-group__text">%</span>
package/docs/components/Login/examples/Login.md CHANGED
@@ -48,7 +48,7 @@ wrapperTag: div
48
48
  aria-hidden="true"
49
49
  >&#42;</span></label>
50
50
 
51
- <div class="pf-v5-c-form-control pf-m-required">
51
+ <span class="pf-v5-c-form-control pf-m-required">
52
52
  <input
53
53
  required
54
54
  input="true"
@@ -56,7 +56,7 @@ wrapperTag: div
56
56
  id="login-demo-form-username"
57
57
  name="login-demo-form-username"
58
58
  />
59
- </div>
59
+ </span>
60
60
  </div>
61
61
  <div class="pf-v5-c-form__group"><label class="pf-v5-c-form__label" for="login-demo-form-password">
62
62
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span
@@ -64,14 +64,14 @@ wrapperTag: div
64
64
  aria-hidden="true"
65
65
  >&#42;</span></label>
66
66
 
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="password"
71
71
  id="login-demo-form-password"
72
72
  name="login-demo-form-password"
73
73
  />
74
- </div>
74
+ </span>
75
75
  </div>
76
76
  <div class="pf-v5-c-form__group">
77
77
  <div class="pf-v5-c-check">
@@ -260,7 +260,7 @@ wrapperTag: div
260
260
  aria-hidden="true"
261
261
  >&#42;</span></label>
262
262
 
263
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
263
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
264
264
  <input
265
265
  required
266
266
  type="text"
@@ -268,12 +268,12 @@ wrapperTag: div
268
268
  name="invalid-login-demo-form-username"
269
269
  aria-invalid="true"
270
270
  />
271
- <div class="pf-v5-c-form-control__utilities">
272
- <div class="pf-v5-c-form-control__icon pf-m-status">
271
+ <span class="pf-v5-c-form-control__utilities">
272
+ <span class="pf-v5-c-form-control__icon pf-m-status">
273
273
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
274
- </div>
275
- </div>
276
- </div>
274
+ </span>
275
+ </span>
276
+ </span>
277
277
  </div>
278
278
  <div class="pf-v5-c-form__group"><label
279
279
  class="pf-v5-c-form__label"
@@ -284,7 +284,7 @@ wrapperTag: div
284
284
  aria-hidden="true"
285
285
  >&#42;</span></label>
286
286
 
287
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
287
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
288
288
  <input
289
289
  required
290
290
  type="password"
@@ -292,12 +292,12 @@ wrapperTag: div
292
292
  name="invalid-login-demo-form-password"
293
293
  aria-invalid="true"
294
294
  />
295
- <div class="pf-v5-c-form-control__utilities">
296
- <div class="pf-v5-c-form-control__icon pf-m-status">
295
+ <span class="pf-v5-c-form-control__utilities">
296
+ <span class="pf-v5-c-form-control__icon pf-m-status">
297
297
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
298
- </div>
299
- </div>
300
- </div>
298
+ </span>
299
+ </span>
300
+ </span>
301
301
  </div>
302
302
  <div class="pf-v5-c-form__group">
303
303
  <div class="pf-v5-c-check">
@@ -483,14 +483,14 @@ wrapperTag: div
483
483
  aria-hidden="true"
484
484
  >&#42;</span></label>
485
485
 
486
- <div class="pf-v5-c-form-control pf-m-required">
486
+ <span class="pf-v5-c-form-control pf-m-required">
487
487
  <input
488
488
  required
489
489
  type="text"
490
490
  id="login-demo-form-username"
491
491
  name="login-demo-form-username"
492
492
  />
493
- </div>
493
+ </span>
494
494
  </div>
495
495
  <div class="pf-v5-c-form__group"><label class="pf-v5-c-form__label" for="login-demo-form-password">
496
496
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span
@@ -499,7 +499,7 @@ wrapperTag: div
499
499
  >&#42;</span></label>
500
500
 
501
501
  <div class="pf-v5-c-input-group">
502
- <div class="pf-v5-c-form-control pf-m-required">
502
+ <span class="pf-v5-c-form-control pf-m-required">
503
503
  <input
504
504
  required
505
505
  type="password"
@@ -507,7 +507,7 @@ wrapperTag: div
507
507
  name="login-demo-form-password"
508
508
  value="abcd1234"
509
509
  />
510
- </div>
510
+ </span>
511
511
 
512
512
  <button
513
513
  class="pf-v5-c-button pf-m-control"
@@ -709,14 +709,14 @@ wrapperTag: div
709
709
  aria-hidden="true"
710
710
  >&#42;</span></label>
711
711
 
712
- <div class="pf-v5-c-form-control pf-m-required">
712
+ <span class="pf-v5-c-form-control pf-m-required">
713
713
  <input
714
714
  required
715
715
  type="text"
716
716
  id="login-demo-form-username"
717
717
  name="login-demo-form-username"
718
718
  />
719
- </div>
719
+ </span>
720
720
  </div>
721
721
  <div class="pf-v5-c-form__group"><label class="pf-v5-c-form__label" for="login-demo-form-password">
722
722
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span
@@ -725,7 +725,7 @@ wrapperTag: div
725
725
  >&#42;</span></label>
726
726
 
727
727
  <div class="pf-v5-c-input-group">
728
- <div class="pf-v5-c-form-control pf-m-required">
728
+ <span class="pf-v5-c-form-control pf-m-required">
729
729
  <input
730
730
  required
731
731
  type="text"
@@ -733,7 +733,7 @@ wrapperTag: div
733
733
  name="login-demo-form-password"
734
734
  value="abcd1234"
735
735
  />
736
- </div>
736
+ </span>
737
737
 
738
738
  <button
739
739
  class="pf-v5-c-button pf-m-control"
@@ -974,14 +974,14 @@ wrapperTag: div
974
974
  aria-hidden="true"
975
975
  >&#42;</span></label>
976
976
 
977
- <div class="pf-v5-c-form-control pf-m-required">
977
+ <span class="pf-v5-c-form-control pf-m-required">
978
978
  <input
979
979
  required
980
980
  type="text"
981
981
  id="login-demo-form-username"
982
982
  name="login-demo-form-username"
983
983
  />
984
- </div>
984
+ </span>
985
985
  </div>
986
986
  <div class="pf-v5-c-form__group"><label class="pf-v5-c-form__label" for="login-demo-form-password">
987
987
  <span class="pf-v5-c-form__label-text">Password</span>&nbsp;<span
@@ -989,14 +989,14 @@ wrapperTag: div
989
989
  aria-hidden="true"
990
990
  >&#42;</span></label>
991
991
 
992
- <div class="pf-v5-c-form-control pf-m-required">
992
+ <span class="pf-v5-c-form-control pf-m-required">
993
993
  <input
994
994
  required
995
995
  type="password"
996
996
  id="login-demo-form-password"
997
997
  name="login-demo-form-password"
998
998
  />
999
- </div>
999
+ </span>
1000
1000
  </div>
1001
1001
  <div class="pf-v5-c-form__group">
1002
1002
  <div class="pf-v5-c-check">