@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/NumberInput/examples/NumberInput.md CHANGED
@@ -21,14 +21,14 @@ cssPrefix: pf-v5-c-number-input
21
21
  </button>
22
22
  </div>
23
23
  <div class="pf-v5-c-input-group__item pf-m-fill">
24
- <div class="pf-v5-c-form-control">
24
+ <span class="pf-v5-c-form-control">
25
25
  <input
26
26
  type="number"
27
27
  value="90"
28
28
  name="number-input-default-name"
29
29
  aria-label="Number input"
30
30
  />
31
- </div>
31
+ </span>
32
32
  </div>
33
33
  <div class="pf-v5-c-input-group__item">
34
34
  <button
@@ -63,14 +63,14 @@ cssPrefix: pf-v5-c-number-input
63
63
  </button>
64
64
  </div>
65
65
  <div class="pf-v5-c-input-group__item pf-m-fill">
66
- <div class="pf-v5-c-form-control">
66
+ <span class="pf-v5-c-form-control">
67
67
  <input
68
68
  type="number"
69
69
  value="90"
70
70
  name="number-input-unit-name"
71
71
  aria-label="Number input"
72
72
  />
73
- </div>
73
+ </span>
74
74
  </div>
75
75
  <div class="pf-v5-c-input-group__item">
76
76
  <button
@@ -104,14 +104,14 @@ cssPrefix: pf-v5-c-number-input
104
104
  </button>
105
105
  </div>
106
106
  <div class="pf-v5-c-input-group__item pf-m-fill">
107
- <div class="pf-v5-c-form-control">
107
+ <span class="pf-v5-c-form-control">
108
108
  <input
109
109
  type="number"
110
110
  value="1.00"
111
111
  name="number-input-unit2-name"
112
112
  aria-label="Number input"
113
113
  />
114
- </div>
114
+ </span>
115
115
  </div>
116
116
  <div class="pf-v5-c-input-group__item">
117
117
  <button
@@ -147,7 +147,7 @@ cssPrefix: pf-v5-c-number-input
147
147
  </button>
148
148
  </div>
149
149
  <div class="pf-v5-c-input-group__item pf-m-fill">
150
- <div class="pf-v5-c-form-control">
150
+ <span class="pf-v5-c-form-control">
151
151
  <input
152
152
  type="number"
153
153
  value="0"
@@ -155,7 +155,7 @@ cssPrefix: pf-v5-c-number-input
155
155
  name="number-input-unit-lower-threshold-name"
156
156
  aria-label="Number input"
157
157
  />
158
- </div>
158
+ </span>
159
159
  </div>
160
160
  <div class="pf-v5-c-input-group__item">
161
161
  <button
@@ -191,7 +191,7 @@ cssPrefix: pf-v5-c-number-input
191
191
  </button>
192
192
  </div>
193
193
  <div class="pf-v5-c-input-group__item pf-m-fill">
194
- <div class="pf-v5-c-form-control">
194
+ <span class="pf-v5-c-form-control">
195
195
  <input
196
196
  type="number"
197
197
  value="100"
@@ -199,7 +199,7 @@ cssPrefix: pf-v5-c-number-input
199
199
  name="number-input-unit-upper-threshold-name"
200
200
  aria-label="Number input"
201
201
  />
202
- </div>
202
+ </span>
203
203
  </div>
204
204
  <div class="pf-v5-c-input-group__item">
205
205
  <button
@@ -237,7 +237,7 @@ cssPrefix: pf-v5-c-number-input
237
237
  </button>
238
238
  </div>
239
239
  <div class="pf-v5-c-input-group__item pf-m-fill">
240
- <div class="pf-v5-c-form-control pf-m-disabled">
240
+ <span class="pf-v5-c-form-control pf-m-disabled">
241
241
  <input
242
242
  disabled
243
243
  type="number"
@@ -245,7 +245,7 @@ cssPrefix: pf-v5-c-number-input
245
245
  name="number-input-disabled-name"
246
246
  aria-label="Number input"
247
247
  />
248
- </div>
248
+ </span>
249
249
  </div>
250
250
  <div class="pf-v5-c-input-group__item">
251
251
  <button
@@ -282,14 +282,14 @@ cssPrefix: pf-v5-c-number-input
282
282
  </button>
283
283
  </div>
284
284
  <div class="pf-v5-c-input-group__item pf-m-fill">
285
- <div class="pf-v5-c-form-control">
285
+ <span class="pf-v5-c-form-control">
286
286
  <input
287
287
  type="number"
288
288
  value="90"
289
289
  name="number-input-status-name"
290
290
  aria-label="Number input"
291
291
  />
292
- </div>
292
+ </span>
293
293
  </div>
294
294
  <div class="pf-v5-c-input-group__item">
295
295
  <button
@@ -320,19 +320,19 @@ cssPrefix: pf-v5-c-number-input
320
320
  </button>
321
321
  </div>
322
322
  <div class="pf-v5-c-input-group__item pf-m-fill">
323
- <div class="pf-v5-c-form-control pf-m-warning">
323
+ <span class="pf-v5-c-form-control pf-m-warning">
324
324
  <input
325
325
  type="number"
326
326
  value="90"
327
327
  name="number-input-status-warning-name"
328
328
  aria-label="Number input"
329
329
  />
330
- <div class="pf-v5-c-form-control__utilities">
331
- <div class="pf-v5-c-form-control__icon pf-m-status">
330
+ <span class="pf-v5-c-form-control__utilities">
331
+ <span class="pf-v5-c-form-control__icon pf-m-status">
332
332
  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
333
- </div>
334
- </div>
335
- </div>
333
+ </span>
334
+ </span>
335
+ </span>
336
336
  </div>
337
337
  <div class="pf-v5-c-input-group__item">
338
338
  <button
@@ -370,14 +370,14 @@ cssPrefix: pf-v5-c-number-input
370
370
  </button>
371
371
  </div>
372
372
  <div class="pf-v5-c-input-group__item pf-m-fill">
373
- <div class="pf-v5-c-form-control">
373
+ <span class="pf-v5-c-form-control">
374
374
  <input
375
375
  type="number"
376
376
  value="1"
377
377
  name="number-input-sizes-name"
378
378
  aria-label="Number input"
379
379
  />
380
- </div>
380
+ </span>
381
381
  </div>
382
382
  <div class="pf-v5-c-input-group__item">
383
383
  <button
@@ -411,14 +411,14 @@ cssPrefix: pf-v5-c-number-input
411
411
  </button>
412
412
  </div>
413
413
  <div class="pf-v5-c-input-group__item pf-m-fill">
414
- <div class="pf-v5-c-form-control">
414
+ <span class="pf-v5-c-form-control">
415
415
  <input
416
416
  type="number"
417
417
  value="1234567890"
418
418
  name="number-input-sizes2-name"
419
419
  aria-label="Number input"
420
420
  />
421
- </div>
421
+ </span>
422
422
  </div>
423
423
  <div class="pf-v5-c-input-group__item">
424
424
  <button
@@ -452,14 +452,14 @@ cssPrefix: pf-v5-c-number-input
452
452
  </button>
453
453
  </div>
454
454
  <div class="pf-v5-c-input-group__item pf-m-fill">
455
- <div class="pf-v5-c-form-control">
455
+ <span class="pf-v5-c-form-control">
456
456
  <input
457
457
  type="number"
458
458
  value="5"
459
459
  name="number-input-sizes3-name"
460
460
  aria-label="Number input"
461
461
  />
462
- </div>
462
+ </span>
463
463
  </div>
464
464
  <div class="pf-v5-c-input-group__item">
465
465
  <button
@@ -493,14 +493,14 @@ cssPrefix: pf-v5-c-number-input
493
493
  </button>
494
494
  </div>
495
495
  <div class="pf-v5-c-input-group__item pf-m-fill">
496
- <div class="pf-v5-c-form-control">
496
+ <span class="pf-v5-c-form-control">
497
497
  <input
498
498
  type="number"
499
499
  value="12345"
500
500
  name="number-input-sizes4-name"
501
501
  aria-label="Number input"
502
502
  />
503
- </div>
503
+ </span>
504
504
  </div>
505
505
  <div class="pf-v5-c-input-group__item">
506
506
  <button
package/docs/components/Pagination/examples/Pagination.md CHANGED
@@ -79,7 +79,7 @@ cssPrefix: pf-v5-c-pagination
79
79
  </button>
80
80
  </div>
81
81
  <div class="pf-v5-c-pagination__nav-page-select">
82
- <div class="pf-v5-c-form-control">
82
+ <span class="pf-v5-c-form-control">
83
83
  <input
84
84
  aria-label="Current page"
85
85
  type="number"
@@ -87,7 +87,7 @@ cssPrefix: pf-v5-c-pagination
87
87
  max="4"
88
88
  value="1"
89
89
  />
90
- </div>
90
+ </span>
91
91
  <span aria-hidden="true">of 4</span>
92
92
  </div>
93
93
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -185,7 +185,7 @@ cssPrefix: pf-v5-c-pagination
185
185
  </button>
186
186
  </div>
187
187
  <div class="pf-v5-c-pagination__nav-page-select">
188
- <div class="pf-v5-c-form-control">
188
+ <span class="pf-v5-c-form-control">
189
189
  <input
190
190
  aria-label="Current page"
191
191
  type="number"
@@ -193,7 +193,7 @@ cssPrefix: pf-v5-c-pagination
193
193
  max="4"
194
194
  value="1"
195
195
  />
196
- </div>
196
+ </span>
197
197
  <span aria-hidden="true">of 4</span>
198
198
  </div>
199
199
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -292,7 +292,7 @@ cssPrefix: pf-v5-c-pagination
292
292
  </button>
293
293
  </div>
294
294
  <div class="pf-v5-c-pagination__nav-page-select">
295
- <div class="pf-v5-c-form-control">
295
+ <span class="pf-v5-c-form-control">
296
296
  <input
297
297
  aria-label="Current page"
298
298
  type="number"
@@ -300,7 +300,7 @@ cssPrefix: pf-v5-c-pagination
300
300
  max="4"
301
301
  value="1"
302
302
  />
303
- </div>
303
+ </span>
304
304
  <span aria-hidden="true">of 4</span>
305
305
  </div>
306
306
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -409,7 +409,7 @@ cssPrefix: pf-v5-c-pagination
409
409
  </button>
410
410
  </div>
411
411
  <div class="pf-v5-c-pagination__nav-page-select">
412
- <div class="pf-v5-c-form-control">
412
+ <span class="pf-v5-c-form-control">
413
413
  <input
414
414
  aria-label="Current page"
415
415
  type="number"
@@ -417,7 +417,7 @@ cssPrefix: pf-v5-c-pagination
417
417
  max="4"
418
418
  value="1"
419
419
  />
420
- </div>
420
+ </span>
421
421
  </div>
422
422
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
423
423
  <button
@@ -511,7 +511,7 @@ cssPrefix: pf-v5-c-pagination
511
511
  </button>
512
512
  </div>
513
513
  <div class="pf-v5-c-pagination__nav-page-select">
514
- <div class="pf-v5-c-form-control">
514
+ <span class="pf-v5-c-form-control">
515
515
  <input
516
516
  aria-label="Current page"
517
517
  type="number"
@@ -519,7 +519,7 @@ cssPrefix: pf-v5-c-pagination
519
519
  max="4"
520
520
  value="1"
521
521
  />
522
- </div>
522
+ </span>
523
523
  <span aria-hidden="true">of 4</span>
524
524
  </div>
525
525
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -624,7 +624,7 @@ cssPrefix: pf-v5-c-pagination
624
624
  </button>
625
625
  </div>
626
626
  <div class="pf-v5-c-pagination__nav-page-select">
627
- <div class="pf-v5-c-form-control">
627
+ <span class="pf-v5-c-form-control">
628
628
  <input
629
629
  aria-label="Current page"
630
630
  type="number"
@@ -632,7 +632,7 @@ cssPrefix: pf-v5-c-pagination
632
632
  max="4"
633
633
  value="1"
634
634
  />
635
- </div>
635
+ </span>
636
636
  <span aria-hidden="true">of 4</span>
637
637
  </div>
638
638
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -732,7 +732,7 @@ cssPrefix: pf-v5-c-pagination
732
732
  </button>
733
733
  </div>
734
734
  <div class="pf-v5-c-pagination__nav-page-select">
735
- <div class="pf-v5-c-form-control pf-m-disabled">
735
+ <span class="pf-v5-c-form-control pf-m-disabled">
736
736
  <input
737
737
  disabled
738
738
  aria-label="Current page"
@@ -741,7 +741,7 @@ cssPrefix: pf-v5-c-pagination
741
741
  max="4"
742
742
  value="1"
743
743
  />
744
- </div>
744
+ </span>
745
745
  <span aria-hidden="true">of 4</span>
746
746
  </div>
747
747
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -918,7 +918,7 @@ cssPrefix: pf-v5-c-pagination
918
918
  </button>
919
919
  </div>
920
920
  <div class="pf-v5-c-pagination__nav-page-select">
921
- <div class="pf-v5-c-form-control">
921
+ <span class="pf-v5-c-form-control">
922
922
  <input
923
923
  aria-label="Current page"
924
924
  type="number"
@@ -926,7 +926,7 @@ cssPrefix: pf-v5-c-pagination
926
926
  max="4"
927
927
  value="1"
928
928
  />
929
- </div>
929
+ </span>
930
930
  <span aria-hidden="true">of 4</span>
931
931
  </div>
932
932
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -1025,7 +1025,7 @@ cssPrefix: pf-v5-c-pagination
1025
1025
  </button>
1026
1026
  </div>
1027
1027
  <div class="pf-v5-c-pagination__nav-page-select">
1028
- <div class="pf-v5-c-form-control">
1028
+ <span class="pf-v5-c-form-control">
1029
1029
  <input
1030
1030
  aria-label="Current page"
1031
1031
  type="number"
@@ -1033,7 +1033,7 @@ cssPrefix: pf-v5-c-pagination
1033
1033
  max="4"
1034
1034
  value="1"
1035
1035
  />
1036
- </div>
1036
+ </span>
1037
1037
  <span aria-hidden="true">of 4</span>
1038
1038
  </div>
1039
1039
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -1134,7 +1134,7 @@ cssPrefix: pf-v5-c-pagination
1134
1134
  </button>
1135
1135
  </div>
1136
1136
  <div class="pf-v5-c-pagination__nav-page-select">
1137
- <div class="pf-v5-c-form-control">
1137
+ <span class="pf-v5-c-form-control">
1138
1138
  <input
1139
1139
  aria-label="Current page"
1140
1140
  type="number"
@@ -1142,7 +1142,7 @@ cssPrefix: pf-v5-c-pagination
1142
1142
  max="4"
1143
1143
  value="1"
1144
1144
  />
1145
- </div>
1145
+ </span>
1146
1146
  <span aria-hidden="true">of 4</span>
1147
1147
  </div>
1148
1148
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
@@ -1319,7 +1319,7 @@ cssPrefix: pf-v5-c-pagination
1319
1319
  </button>
1320
1320
  </div>
1321
1321
  <div class="pf-v5-c-pagination__nav-page-select">
1322
- <div class="pf-v5-c-form-control">
1322
+ <span class="pf-v5-c-form-control">
1323
1323
  <input
1324
1324
  aria-label="Current page"
1325
1325
  type="number"
@@ -1327,7 +1327,7 @@ cssPrefix: pf-v5-c-pagination
1327
1327
  max="4"
1328
1328
  value="1"
1329
1329
  />
1330
- </div>
1330
+ </span>
1331
1331
  <span aria-hidden="true">of 4</span>
1332
1332
  </div>
1333
1333
  <div class="pf-v5-c-pagination__nav-control pf-m-next">
package/docs/components/Select/deprecated/Select.md CHANGED
@@ -528,14 +528,14 @@ The single select should be used when the user is selecting an option from a lis
528
528
 
529
529
  <div class="pf-v5-c-select__toggle pf-m-typeahead">
530
530
  <div class="pf-v5-c-select__toggle-wrapper">
531
- <div class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
531
+ <span class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
532
532
  <input
533
533
  type="text"
534
534
  id="select-single-typeahead-typeahead"
535
535
  aria-label="Type to filter"
536
536
  placeholder="Choose a state"
537
537
  />
538
- </div>
538
+ </span>
539
539
  </div>
540
540
  <button
541
541
  class="pf-v5-c-button pf-m-plain pf-v5-c-select__toggle-button"
@@ -606,14 +606,14 @@ The single select should be used when the user is selecting an option from a lis
606
606
 
607
607
  <div class="pf-v5-c-select__toggle pf-m-typeahead">
608
608
  <div class="pf-v5-c-select__toggle-wrapper">
609
- <div class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
609
+ <span class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
610
610
  <input
611
611
  type="text"
612
612
  id="select-single-typeahead-expanded-typeahead"
613
613
  aria-label="Type to filter"
614
614
  placeholder="New"
615
615
  />
616
- </div>
616
+ </span>
617
617
  </div>
618
618
  <button
619
619
  class="pf-v5-c-button pf-m-plain pf-v5-c-select__toggle-clear"
@@ -681,14 +681,14 @@ The single select should be used when the user is selecting an option from a lis
681
681
 
682
682
  <div class="pf-v5-c-select__toggle pf-m-typeahead">
683
683
  <div class="pf-v5-c-select__toggle-wrapper">
684
- <div class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
684
+ <span class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
685
685
  <input
686
686
  type="text"
687
687
  id="select-single-typeahead-expanded-selected-typeahead"
688
688
  aria-label="Type to filter"
689
689
  placeholder="New Mexico"
690
690
  />
691
- </div>
691
+ </span>
692
692
  </div>
693
693
  <button
694
694
  class="pf-v5-c-button pf-m-plain pf-v5-c-select__toggle-clear"
@@ -765,7 +765,7 @@ The single select should be used when the user is selecting an option from a lis
765
765
 
766
766
  <div class="pf-v5-c-select__toggle pf-m-typeahead pf-m-disabled">
767
767
  <div class="pf-v5-c-select__toggle-wrapper">
768
- <div
768
+ <span
769
769
  class="pf-v5-c-form-control pf-m-disabled pf-v5-c-select__toggle-typeahead"
770
770
  >
771
771
  <input
@@ -775,7 +775,7 @@ The single select should be used when the user is selecting an option from a lis
775
775
  aria-label="Type to filter"
776
776
  placeholder="Choose a state"
777
777
  />
778
- </div>
778
+ </span>
779
779
  </div>
780
780
  <button
781
781
  class="pf-v5-c-button pf-m-plain pf-v5-c-select__toggle-button"
@@ -847,7 +847,7 @@ The single select should be used when the user is selecting an option from a lis
847
847
 
848
848
  <div class="pf-v5-c-select__toggle pf-m-typeahead">
849
849
  <div class="pf-v5-c-select__toggle-wrapper">
850
- <div class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
850
+ <span class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
851
851
  <input
852
852
  type="text"
853
853
  id="select-single-typeahead-invalid-typeahead"
@@ -856,7 +856,7 @@ The single select should be used when the user is selecting an option from a lis
856
856
  aria-label="Type to filter"
857
857
  placeholder="Choose a state"
858
858
  />
859
- </div>
859
+ </span>
860
860
  </div>
861
861
  <span class="pf-v5-c-select__toggle-status-icon">
862
862
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
@@ -957,14 +957,14 @@ The single select typeahead should be used when the user is selecting one option
957
957
 
958
958
  <div class="pf-v5-c-select__toggle pf-m-typeahead">
959
959
  <div class="pf-v5-c-select__toggle-wrapper">
960
- <div class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
960
+ <span class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
961
961
  <input
962
962
  type="text"
963
963
  id="select-multi-typeahead-typeahead"
964
964
  aria-label="Type to filter"
965
965
  placeholder="Choose states"
966
966
  />
967
- </div>
967
+ </span>
968
968
  </div>
969
969
  <button
970
970
  class="pf-v5-c-button pf-m-plain pf-v5-c-select__toggle-button"
@@ -1137,14 +1137,14 @@ The single select typeahead should be used when the user is selecting one option
1137
1137
  </ul>
1138
1138
  </div>
1139
1139
  </div>
1140
- <div class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
1140
+ <span class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
1141
1141
  <input
1142
1142
  type="text"
1143
1143
  id="select-multi-typeahead-expanded-typeahead"
1144
1144
  aria-label="Type to filter"
1145
1145
  placeholder="Choose states"
1146
1146
  />
1147
- </div>
1147
+ </span>
1148
1148
  </div>
1149
1149
  <button
1150
1150
  class="pf-v5-c-button pf-m-plain pf-v5-c-select__toggle-clear"
@@ -1288,14 +1288,14 @@ The single select typeahead should be used when the user is selecting one option
1288
1288
  </ul>
1289
1289
  </div>
1290
1290
  </div>
1291
- <div class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
1291
+ <span class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
1292
1292
  <input
1293
1293
  type="text"
1294
1294
  id="select-multi-typeahead-expanded-selected-typeahead"
1295
1295
  aria-label="Type to filter"
1296
1296
  placeholder="New"
1297
1297
  />
1298
- </div>
1298
+ </span>
1299
1299
  </div>
1300
1300
  <button
1301
1301
  class="pf-v5-c-button pf-m-plain pf-v5-c-select__toggle-clear"
@@ -1465,7 +1465,7 @@ The single select typeahead should be used when the user is selecting one option
1465
1465
  </ul>
1466
1466
  </div>
1467
1467
  </div>
1468
- <div class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
1468
+ <span class="pf-v5-c-form-control pf-v5-c-select__toggle-typeahead">
1469
1469
  <input
1470
1470
  type="text"
1471
1471
  id="select-multi-typeahead-invalid-typeahead"
@@ -1474,7 +1474,7 @@ The single select typeahead should be used when the user is selecting one option
1474
1474
  aria-label="Type to filter"
1475
1475
  placeholder="Choose states"
1476
1476
  />
1477
- </div>
1477
+ </span>
1478
1478
  </div>
1479
1479
  <span class="pf-v5-c-select__toggle-status-icon">
1480
1480
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
package/docs/components/Slider/examples/Slider.md CHANGED
@@ -225,9 +225,9 @@ cssPrefix: pf-v5-c-slider
225
225
  ></div>
226
226
  </div>
227
227
  <div class="pf-v5-c-slider__value">
228
- <div class="pf-v5-c-form-control">
228
+ <span class="pf-v5-c-form-control">
229
229
  <input type="number" value="5" aria-label="Slider value input" />
230
- </div>
230
+ </span>
231
231
  </div>
232
232
  </div>
233
233
 
@@ -286,9 +286,9 @@ cssPrefix: pf-v5-c-slider
286
286
  <div class="pf-v5-c-slider__value">
287
287
  <div class="pf-v5-c-input-group">
288
288
  <div class="pf-v5-c-input-group__item pf-m-fill">
289
- <div class="pf-v5-c-form-control">
289
+ <span class="pf-v5-c-form-control">
290
290
  <input type="number" value="50" aria-label="Slider value input" />
291
- </div>
291
+ </span>
292
292
  </div>
293
293
  <div class="pf-v5-c-input-group__item pf-m-box">
294
294
  <span class="pf-v5-c-input-group__text">%</span>
@@ -317,9 +317,9 @@ cssPrefix: pf-v5-c-slider
317
317
  <div class="pf-v5-c-slider__value">
318
318
  <div class="pf-v5-c-input-group">
319
319
  <div class="pf-v5-c-input-group__item pf-m-fill">
320
- <div class="pf-v5-c-form-control">
320
+ <span class="pf-v5-c-form-control">
321
321
  <input type="number" value="50" aria-label="Slider value input" />
322
- </div>
322
+ </span>
323
323
  </div>
324
324
  <div class="pf-v5-c-input-group__item pf-m-box">
325
325
  <span class="pf-v5-c-input-group__text">%</span>
@@ -350,9 +350,9 @@ cssPrefix: pf-v5-c-slider
350
350
  <div class="pf-v5-c-slider__value pf-m-floating">
351
351
  <div class="pf-v5-c-input-group">
352
352
  <div class="pf-v5-c-input-group__item pf-m-fill">
353
- <div class="pf-v5-c-form-control">
353
+ <span class="pf-v5-c-form-control">
354
354
  <input type="number" value="50" aria-label="Slider value input" />
355
- </div>
355
+ </span>
356
356
  </div>
357
357
  <div class="pf-v5-c-input-group__item pf-m-box">
358
358
  <span class="pf-v5-c-input-group__text">%</span>
@@ -414,14 +414,14 @@ cssPrefix: pf-v5-c-slider
414
414
  <div class="pf-v5-c-slider__value pf-m-floating">
415
415
  <div class="pf-v5-c-input-group">
416
416
  <div class="pf-v5-c-input-group__item pf-m-fill">
417
- <div class="pf-v5-c-form-control pf-m-disabled">
417
+ <span class="pf-v5-c-form-control pf-m-disabled">
418
418
  <input
419
419
  disabled
420
420
  type="number"
421
421
  value="50"
422
422
  aria-label="Slider value input"
423
423
  />
424
- </div>
424
+ </span>
425
425
  </div>
426
426
  <div class="pf-v5-c-input-group__item pf-m-box pf-m-disabled">
427
427
  <span class="pf-v5-c-input-group__text">%</span>
@@ -456,9 +456,9 @@ cssPrefix: pf-v5-c-slider
456
456
  <div class="pf-v5-c-slider__value pf-m-floating">
457
457
  <div class="pf-v5-c-input-group">
458
458
  <div class="pf-v5-c-input-group__item pf-m-fill">
459
- <div class="pf-v5-c-form-control">
459
+ <span class="pf-v5-c-form-control">
460
460
  <input type="number" value="50" aria-label="Slider value input" />
461
- </div>
461
+ </span>
462
462
  </div>
463
463
  <div class="pf-v5-c-input-group__item pf-m-box">
464
464
  <span class="pf-v5-c-input-group__text">%</span>
@@ -615,14 +615,14 @@ cssPrefix: pf-v5-c-slider
615
615
  <div class="pf-v5-c-slider__value">
616
616
  <div class="pf-v5-c-input-group">
617
617
  <div class="pf-v5-c-input-group__item pf-m-fill">
618
- <div class="pf-v5-c-form-control pf-m-disabled">
618
+ <span class="pf-v5-c-form-control pf-m-disabled">
619
619
  <input
620
620
  disabled
621
621
  type="number"
622
622
  value="50"
623
623
  aria-label="Slider value input"
624
624
  />
625
- </div>
625
+ </span>
626
626
  </div>
627
627
  <div class="pf-v5-c-input-group__item pf-m-box pf-m-disabled">
628
628
  <span class="pf-v5-c-input-group__text">%</span>