@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
@@ -92,13 +92,13 @@ wrapperTag: div
92
92
  >&#42;</span></label>
93
93
  </div>
94
94
  <div class="pf-v5-c-form__group-control">
95
- <div class="pf-v5-c-form-control">
95
+ <span class="pf-v5-c-form-control">
96
96
  <input
97
97
  type="text"
98
98
  id="wizard-basic-form-field1"
99
99
  name="wizard-basic-form-field1"
100
100
  />
101
- </div>
101
+ </span>
102
102
  </div>
103
103
  </div>
104
104
  <div class="pf-v5-c-form__group">
@@ -112,13 +112,13 @@ wrapperTag: div
112
112
  >&#42;</span></label>
113
113
  </div>
114
114
  <div class="pf-v5-c-form__group-control">
115
- <div class="pf-v5-c-form-control">
115
+ <span class="pf-v5-c-form-control">
116
116
  <input
117
117
  type="text"
118
118
  id="wizard-basic-form-field2"
119
119
  name="wizard-basic-form-field2"
120
120
  />
121
- </div>
121
+ </span>
122
122
  </div>
123
123
  </div>
124
124
  <div class="pf-v5-c-form__group">
@@ -132,13 +132,13 @@ wrapperTag: div
132
132
  >&#42;</span></label>
133
133
  </div>
134
134
  <div class="pf-v5-c-form__group-control">
135
- <div class="pf-v5-c-form-control">
135
+ <span class="pf-v5-c-form-control">
136
136
  <input
137
137
  type="text"
138
138
  id="wizard-basic-form-field3"
139
139
  name="wizard-basic-form-field3"
140
140
  />
141
- </div>
141
+ </span>
142
142
  </div>
143
143
  </div>
144
144
  <div class="pf-v5-c-form__group">
@@ -152,13 +152,13 @@ wrapperTag: div
152
152
  >&#42;</span></label>
153
153
  </div>
154
154
  <div class="pf-v5-c-form__group-control">
155
- <div class="pf-v5-c-form-control">
155
+ <span class="pf-v5-c-form-control">
156
156
  <input
157
157
  type="text"
158
158
  id="wizard-basic-form-field4"
159
159
  name="wizard-basic-form-field4"
160
160
  />
161
- </div>
161
+ </span>
162
162
  </div>
163
163
  </div>
164
164
  <div class="pf-v5-c-form__group">
@@ -172,13 +172,13 @@ wrapperTag: div
172
172
  >&#42;</span></label>
173
173
  </div>
174
174
  <div class="pf-v5-c-form__group-control">
175
- <div class="pf-v5-c-form-control">
175
+ <span class="pf-v5-c-form-control">
176
176
  <input
177
177
  type="text"
178
178
  id="wizard-basic-form-field5"
179
179
  name="wizard-basic-form-field5"
180
180
  />
181
- </div>
181
+ </span>
182
182
  </div>
183
183
  </div>
184
184
  <div class="pf-v5-c-form__group">
@@ -192,13 +192,13 @@ wrapperTag: div
192
192
  >&#42;</span></label>
193
193
  </div>
194
194
  <div class="pf-v5-c-form__group-control">
195
- <div class="pf-v5-c-form-control">
195
+ <span class="pf-v5-c-form-control">
196
196
  <input
197
197
  type="text"
198
198
  id="wizard-basic-form-field6"
199
199
  name="wizard-basic-form-field6"
200
200
  />
201
- </div>
201
+ </span>
202
202
  </div>
203
203
  </div>
204
204
  <div class="pf-v5-c-form__group">
@@ -212,13 +212,13 @@ wrapperTag: div
212
212
  >&#42;</span></label>
213
213
  </div>
214
214
  <div class="pf-v5-c-form__group-control">
215
- <div class="pf-v5-c-form-control">
215
+ <span class="pf-v5-c-form-control">
216
216
  <input
217
217
  type="text"
218
218
  id="wizard-basic-form-field7"
219
219
  name="wizard-basic-form-field7"
220
220
  />
221
- </div>
221
+ </span>
222
222
  </div>
223
223
  </div>
224
224
  </form>
@@ -319,9 +319,9 @@ wrapperTag: div
319
319
  >&#42;</span></label>
320
320
  </div>
321
321
  <div class="pf-v5-c-form__group-control">
322
- <div class="pf-v5-c-form-control">
322
+ <span class="pf-v5-c-form-control">
323
323
  <input type="text" id="-form-field1" name="-form-field1" />
324
- </div>
324
+ </span>
325
325
  </div>
326
326
  </div>
327
327
  <div class="pf-v5-c-form__group">
@@ -332,9 +332,9 @@ wrapperTag: div
332
332
  >&#42;</span></label>
333
333
  </div>
334
334
  <div class="pf-v5-c-form__group-control">
335
- <div class="pf-v5-c-form-control">
335
+ <span class="pf-v5-c-form-control">
336
336
  <input type="text" id="-form-field2" name="-form-field2" />
337
- </div>
337
+ </span>
338
338
  </div>
339
339
  </div>
340
340
  <div class="pf-v5-c-form__group">
@@ -345,9 +345,9 @@ wrapperTag: div
345
345
  >&#42;</span></label>
346
346
  </div>
347
347
  <div class="pf-v5-c-form__group-control">
348
- <div class="pf-v5-c-form-control">
348
+ <span class="pf-v5-c-form-control">
349
349
  <input type="text" id="-form-field3" name="-form-field3" />
350
- </div>
350
+ </span>
351
351
  </div>
352
352
  </div>
353
353
  <div class="pf-v5-c-form__group">
@@ -358,9 +358,9 @@ wrapperTag: div
358
358
  >&#42;</span></label>
359
359
  </div>
360
360
  <div class="pf-v5-c-form__group-control">
361
- <div class="pf-v5-c-form-control">
361
+ <span class="pf-v5-c-form-control">
362
362
  <input type="text" id="-form-field4" name="-form-field4" />
363
- </div>
363
+ </span>
364
364
  </div>
365
365
  </div>
366
366
  <div class="pf-v5-c-form__group">
@@ -371,9 +371,9 @@ wrapperTag: div
371
371
  >&#42;</span></label>
372
372
  </div>
373
373
  <div class="pf-v5-c-form__group-control">
374
- <div class="pf-v5-c-form-control">
374
+ <span class="pf-v5-c-form-control">
375
375
  <input type="text" id="-form-field5" name="-form-field5" />
376
- </div>
376
+ </span>
377
377
  </div>
378
378
  </div>
379
379
  <div class="pf-v5-c-form__group">
@@ -384,9 +384,9 @@ wrapperTag: div
384
384
  >&#42;</span></label>
385
385
  </div>
386
386
  <div class="pf-v5-c-form__group-control">
387
- <div class="pf-v5-c-form-control">
387
+ <span class="pf-v5-c-form-control">
388
388
  <input type="text" id="-form-field6" name="-form-field6" />
389
- </div>
389
+ </span>
390
390
  </div>
391
391
  </div>
392
392
  <div class="pf-v5-c-form__group">
@@ -397,9 +397,9 @@ wrapperTag: div
397
397
  >&#42;</span></label>
398
398
  </div>
399
399
  <div class="pf-v5-c-form__group-control">
400
- <div class="pf-v5-c-form-control">
400
+ <span class="pf-v5-c-form-control">
401
401
  <input type="text" id="-form-field7" name="-form-field7" />
402
- </div>
402
+ </span>
403
403
  </div>
404
404
  </div>
405
405
  </form>
@@ -510,13 +510,13 @@ wrapperTag: div
510
510
  >&#42;</span></label>
511
511
  </div>
512
512
  <div class="pf-v5-c-form__group-control">
513
- <div class="pf-v5-c-form-control">
513
+ <span class="pf-v5-c-form-control">
514
514
  <input
515
515
  type="text"
516
516
  id="wizard-with-drawer-example-form-field1"
517
517
  name="wizard-with-drawer-example-form-field1"
518
518
  />
519
- </div>
519
+ </span>
520
520
  </div>
521
521
  </div>
522
522
  <div class="pf-v5-c-form__group">
@@ -530,13 +530,13 @@ wrapperTag: div
530
530
  >&#42;</span></label>
531
531
  </div>
532
532
  <div class="pf-v5-c-form__group-control">
533
- <div class="pf-v5-c-form-control">
533
+ <span class="pf-v5-c-form-control">
534
534
  <input
535
535
  type="text"
536
536
  id="wizard-with-drawer-example-form-field2"
537
537
  name="wizard-with-drawer-example-form-field2"
538
538
  />
539
- </div>
539
+ </span>
540
540
  </div>
541
541
  </div>
542
542
  <div class="pf-v5-c-form__group">
@@ -550,13 +550,13 @@ wrapperTag: div
550
550
  >&#42;</span></label>
551
551
  </div>
552
552
  <div class="pf-v5-c-form__group-control">
553
- <div class="pf-v5-c-form-control">
553
+ <span class="pf-v5-c-form-control">
554
554
  <input
555
555
  type="text"
556
556
  id="wizard-with-drawer-example-form-field3"
557
557
  name="wizard-with-drawer-example-form-field3"
558
558
  />
559
- </div>
559
+ </span>
560
560
  </div>
561
561
  </div>
562
562
  <div class="pf-v5-c-form__group">
@@ -570,13 +570,13 @@ wrapperTag: div
570
570
  >&#42;</span></label>
571
571
  </div>
572
572
  <div class="pf-v5-c-form__group-control">
573
- <div class="pf-v5-c-form-control">
573
+ <span class="pf-v5-c-form-control">
574
574
  <input
575
575
  type="text"
576
576
  id="wizard-with-drawer-example-form-field4"
577
577
  name="wizard-with-drawer-example-form-field4"
578
578
  />
579
- </div>
579
+ </span>
580
580
  </div>
581
581
  </div>
582
582
  <div class="pf-v5-c-form__group">
@@ -590,13 +590,13 @@ wrapperTag: div
590
590
  >&#42;</span></label>
591
591
  </div>
592
592
  <div class="pf-v5-c-form__group-control">
593
- <div class="pf-v5-c-form-control">
593
+ <span class="pf-v5-c-form-control">
594
594
  <input
595
595
  type="text"
596
596
  id="wizard-with-drawer-example-form-field5"
597
597
  name="wizard-with-drawer-example-form-field5"
598
598
  />
599
- </div>
599
+ </span>
600
600
  </div>
601
601
  </div>
602
602
  <div class="pf-v5-c-form__group">
@@ -610,13 +610,13 @@ wrapperTag: div
610
610
  >&#42;</span></label>
611
611
  </div>
612
612
  <div class="pf-v5-c-form__group-control">
613
- <div class="pf-v5-c-form-control">
613
+ <span class="pf-v5-c-form-control">
614
614
  <input
615
615
  type="text"
616
616
  id="wizard-with-drawer-example-form-field6"
617
617
  name="wizard-with-drawer-example-form-field6"
618
618
  />
619
- </div>
619
+ </span>
620
620
  </div>
621
621
  </div>
622
622
  <div class="pf-v5-c-form__group">
@@ -630,13 +630,13 @@ wrapperTag: div
630
630
  >&#42;</span></label>
631
631
  </div>
632
632
  <div class="pf-v5-c-form__group-control">
633
- <div class="pf-v5-c-form-control">
633
+ <span class="pf-v5-c-form-control">
634
634
  <input
635
635
  type="text"
636
636
  id="wizard-with-drawer-example-form-field7"
637
637
  name="wizard-with-drawer-example-form-field7"
638
638
  />
639
- </div>
639
+ </span>
640
640
  </div>
641
641
  </div>
642
642
  </form>
@@ -767,13 +767,13 @@ wrapperTag: div
767
767
  >&#42;</span></label>
768
768
  </div>
769
769
  <div class="pf-v5-c-form__group-control">
770
- <div class="pf-v5-c-form-control">
770
+ <span class="pf-v5-c-form-control">
771
771
  <input
772
772
  type="text"
773
773
  id="wizard-expandable-collapsed-form-field1"
774
774
  name="wizard-expandable-collapsed-form-field1"
775
775
  />
776
- </div>
776
+ </span>
777
777
  </div>
778
778
  </div>
779
779
  <div class="pf-v5-c-form__group">
@@ -787,13 +787,13 @@ wrapperTag: div
787
787
  >&#42;</span></label>
788
788
  </div>
789
789
  <div class="pf-v5-c-form__group-control">
790
- <div class="pf-v5-c-form-control">
790
+ <span class="pf-v5-c-form-control">
791
791
  <input
792
792
  type="text"
793
793
  id="wizard-expandable-collapsed-form-field2"
794
794
  name="wizard-expandable-collapsed-form-field2"
795
795
  />
796
- </div>
796
+ </span>
797
797
  </div>
798
798
  </div>
799
799
  <div class="pf-v5-c-form__group">
@@ -807,13 +807,13 @@ wrapperTag: div
807
807
  >&#42;</span></label>
808
808
  </div>
809
809
  <div class="pf-v5-c-form__group-control">
810
- <div class="pf-v5-c-form-control">
810
+ <span class="pf-v5-c-form-control">
811
811
  <input
812
812
  type="text"
813
813
  id="wizard-expandable-collapsed-form-field3"
814
814
  name="wizard-expandable-collapsed-form-field3"
815
815
  />
816
- </div>
816
+ </span>
817
817
  </div>
818
818
  </div>
819
819
  <div class="pf-v5-c-form__group">
@@ -827,13 +827,13 @@ wrapperTag: div
827
827
  >&#42;</span></label>
828
828
  </div>
829
829
  <div class="pf-v5-c-form__group-control">
830
- <div class="pf-v5-c-form-control">
830
+ <span class="pf-v5-c-form-control">
831
831
  <input
832
832
  type="text"
833
833
  id="wizard-expandable-collapsed-form-field4"
834
834
  name="wizard-expandable-collapsed-form-field4"
835
835
  />
836
- </div>
836
+ </span>
837
837
  </div>
838
838
  </div>
839
839
  <div class="pf-v5-c-form__group">
@@ -847,13 +847,13 @@ wrapperTag: div
847
847
  >&#42;</span></label>
848
848
  </div>
849
849
  <div class="pf-v5-c-form__group-control">
850
- <div class="pf-v5-c-form-control">
850
+ <span class="pf-v5-c-form-control">
851
851
  <input
852
852
  type="text"
853
853
  id="wizard-expandable-collapsed-form-field5"
854
854
  name="wizard-expandable-collapsed-form-field5"
855
855
  />
856
- </div>
856
+ </span>
857
857
  </div>
858
858
  </div>
859
859
  <div class="pf-v5-c-form__group">
@@ -867,13 +867,13 @@ wrapperTag: div
867
867
  >&#42;</span></label>
868
868
  </div>
869
869
  <div class="pf-v5-c-form__group-control">
870
- <div class="pf-v5-c-form-control">
870
+ <span class="pf-v5-c-form-control">
871
871
  <input
872
872
  type="text"
873
873
  id="wizard-expandable-collapsed-form-field6"
874
874
  name="wizard-expandable-collapsed-form-field6"
875
875
  />
876
- </div>
876
+ </span>
877
877
  </div>
878
878
  </div>
879
879
  <div class="pf-v5-c-form__group">
@@ -887,13 +887,13 @@ wrapperTag: div
887
887
  >&#42;</span></label>
888
888
  </div>
889
889
  <div class="pf-v5-c-form__group-control">
890
- <div class="pf-v5-c-form-control">
890
+ <span class="pf-v5-c-form-control">
891
891
  <input
892
892
  type="text"
893
893
  id="wizard-expandable-collapsed-form-field7"
894
894
  name="wizard-expandable-collapsed-form-field7"
895
895
  />
896
- </div>
896
+ </span>
897
897
  </div>
898
898
  </div>
899
899
  </form>
@@ -1007,13 +1007,13 @@ wrapperTag: div
1007
1007
  >&#42;</span></label>
1008
1008
  </div>
1009
1009
  <div class="pf-v5-c-form__group-control">
1010
- <div class="pf-v5-c-form-control">
1010
+ <span class="pf-v5-c-form-control">
1011
1011
  <input
1012
1012
  type="text"
1013
1013
  id="wizard-expandable-expanded-form-field1"
1014
1014
  name="wizard-expandable-expanded-form-field1"
1015
1015
  />
1016
- </div>
1016
+ </span>
1017
1017
  </div>
1018
1018
  </div>
1019
1019
  <div class="pf-v5-c-form__group">
@@ -1027,13 +1027,13 @@ wrapperTag: div
1027
1027
  >&#42;</span></label>
1028
1028
  </div>
1029
1029
  <div class="pf-v5-c-form__group-control">
1030
- <div class="pf-v5-c-form-control">
1030
+ <span class="pf-v5-c-form-control">
1031
1031
  <input
1032
1032
  type="text"
1033
1033
  id="wizard-expandable-expanded-form-field2"
1034
1034
  name="wizard-expandable-expanded-form-field2"
1035
1035
  />
1036
- </div>
1036
+ </span>
1037
1037
  </div>
1038
1038
  </div>
1039
1039
  <div class="pf-v5-c-form__group">
@@ -1047,13 +1047,13 @@ wrapperTag: div
1047
1047
  >&#42;</span></label>
1048
1048
  </div>
1049
1049
  <div class="pf-v5-c-form__group-control">
1050
- <div class="pf-v5-c-form-control">
1050
+ <span class="pf-v5-c-form-control">
1051
1051
  <input
1052
1052
  type="text"
1053
1053
  id="wizard-expandable-expanded-form-field3"
1054
1054
  name="wizard-expandable-expanded-form-field3"
1055
1055
  />
1056
- </div>
1056
+ </span>
1057
1057
  </div>
1058
1058
  </div>
1059
1059
  <div class="pf-v5-c-form__group">
@@ -1067,13 +1067,13 @@ wrapperTag: div
1067
1067
  >&#42;</span></label>
1068
1068
  </div>
1069
1069
  <div class="pf-v5-c-form__group-control">
1070
- <div class="pf-v5-c-form-control">
1070
+ <span class="pf-v5-c-form-control">
1071
1071
  <input
1072
1072
  type="text"
1073
1073
  id="wizard-expandable-expanded-form-field4"
1074
1074
  name="wizard-expandable-expanded-form-field4"
1075
1075
  />
1076
- </div>
1076
+ </span>
1077
1077
  </div>
1078
1078
  </div>
1079
1079
  <div class="pf-v5-c-form__group">
@@ -1087,13 +1087,13 @@ wrapperTag: div
1087
1087
  >&#42;</span></label>
1088
1088
  </div>
1089
1089
  <div class="pf-v5-c-form__group-control">
1090
- <div class="pf-v5-c-form-control">
1090
+ <span class="pf-v5-c-form-control">
1091
1091
  <input
1092
1092
  type="text"
1093
1093
  id="wizard-expandable-expanded-form-field5"
1094
1094
  name="wizard-expandable-expanded-form-field5"
1095
1095
  />
1096
- </div>
1096
+ </span>
1097
1097
  </div>
1098
1098
  </div>
1099
1099
  <div class="pf-v5-c-form__group">
@@ -1107,13 +1107,13 @@ wrapperTag: div
1107
1107
  >&#42;</span></label>
1108
1108
  </div>
1109
1109
  <div class="pf-v5-c-form__group-control">
1110
- <div class="pf-v5-c-form-control">
1110
+ <span class="pf-v5-c-form-control">
1111
1111
  <input
1112
1112
  type="text"
1113
1113
  id="wizard-expandable-expanded-form-field6"
1114
1114
  name="wizard-expandable-expanded-form-field6"
1115
1115
  />
1116
- </div>
1116
+ </span>
1117
1117
  </div>
1118
1118
  </div>
1119
1119
  <div class="pf-v5-c-form__group">
@@ -1127,13 +1127,13 @@ wrapperTag: div
1127
1127
  >&#42;</span></label>
1128
1128
  </div>
1129
1129
  <div class="pf-v5-c-form__group-control">
1130
- <div class="pf-v5-c-form-control">
1130
+ <span class="pf-v5-c-form-control">
1131
1131
  <input
1132
1132
  type="text"
1133
1133
  id="wizard-expandable-expanded-form-field7"
1134
1134
  name="wizard-expandable-expanded-form-field7"
1135
1135
  />
1136
- </div>
1136
+ </span>
1137
1137
  </div>
1138
1138
  </div>
1139
1139
  </form>
@@ -540,7 +540,7 @@ section: components
540
540
  >&#42;</span></label>
541
541
  </div>
542
542
  <div class="pf-v5-c-form__group-control">
543
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
543
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
544
544
  <input
545
545
  required
546
546
  type="text"
@@ -549,12 +549,12 @@ section: components
549
549
  aria-invalid="true"
550
550
  aria-describedby="alert-horizontal-example-form-name-helper"
551
551
  />
552
- <div class="pf-v5-c-form-control__utilities">
553
- <div class="pf-v5-c-form-control__icon pf-m-status">
552
+ <span class="pf-v5-c-form-control__utilities">
553
+ <span class="pf-v5-c-form-control__icon pf-m-status">
554
554
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
555
- </div>
556
- </div>
557
- </div>
555
+ </span>
556
+ </span>
557
+ </span>
558
558
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
559
559
  <div class="pf-v5-c-helper-text">
560
560
  <div
@@ -578,7 +578,7 @@ section: components
578
578
  >&#42;</span></label>
579
579
  </div>
580
580
  <div class="pf-v5-c-form__group-control">
581
- <div class="pf-v5-c-form-control pf-m-required">
581
+ <span class="pf-v5-c-form-control pf-m-required">
582
582
  <input
583
583
  required
584
584
  type="text"
@@ -586,7 +586,7 @@ section: components
586
586
  id="alert-horizontal-example-form-email"
587
587
  name="alert-horizontal-example-form-email"
588
588
  />
589
- </div>
589
+ </span>
590
590
  </div>
591
591
  </div>
592
592
  <div class="pf-v5-c-form__group">
@@ -600,7 +600,7 @@ section: components
600
600
  >&#42;</span></label>
601
601
  </div>
602
602
  <div class="pf-v5-c-form__group-control">
603
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
603
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
604
604
  <input
605
605
  required
606
606
  type="text"
@@ -609,12 +609,12 @@ section: components
609
609
  aria-invalid="true"
610
610
  aria-describedby="alert-horizontal-example-form-phone-helper"
611
611
  />
612
- <div class="pf-v5-c-form-control__utilities">
613
- <div class="pf-v5-c-form-control__icon pf-m-status">
612
+ <span class="pf-v5-c-form-control__utilities">
613
+ <span class="pf-v5-c-form-control__icon pf-m-status">
614
614
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
615
- </div>
616
- </div>
617
- </div>
615
+ </span>
616
+ </span>
617
+ </span>
618
618
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
619
619
  <div class="pf-v5-c-helper-text">
620
620
  <div
@@ -932,7 +932,7 @@ section: components
932
932
  >&#42;</span></label>
933
933
  </div>
934
934
  <div class="pf-v5-c-form__group-control">
935
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
935
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
936
936
  <input
937
937
  required
938
938
  type="text"
@@ -941,12 +941,12 @@ section: components
941
941
  aria-invalid="true"
942
942
  aria-describedby="alert-stacked-example-form-helper"
943
943
  />
944
- <div class="pf-v5-c-form-control__utilities">
945
- <div class="pf-v5-c-form-control__icon pf-m-status">
944
+ <span class="pf-v5-c-form-control__utilities">
945
+ <span class="pf-v5-c-form-control__icon pf-m-status">
946
946
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
947
- </div>
948
- </div>
949
- </div>
947
+ </span>
948
+ </span>
949
+ </span>
950
950
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
951
951
  <div class="pf-v5-c-helper-text">
952
952
  <div
@@ -970,7 +970,7 @@ section: components
970
970
  >&#42;</span></label>
971
971
  </div>
972
972
  <div class="pf-v5-c-form__group-control">
973
- <div class="pf-v5-c-form-control pf-m-required">
973
+ <span class="pf-v5-c-form-control pf-m-required">
974
974
  <input
975
975
  required
976
976
  type="text"
@@ -978,7 +978,7 @@ section: components
978
978
  id="alert-stacked-example-form-email"
979
979
  name="alert-stacked-example-form-email"
980
980
  />
981
- </div>
981
+ </span>
982
982
  </div>
983
983
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
984
984
  <div class="pf-v5-c-helper-text">
@@ -1003,7 +1003,7 @@ section: components
1003
1003
  aria-hidden="true"
1004
1004
  >&#42;</span></label>
1005
1005
  </div>
1006
- <div class="pf-v5-c-form-control pf-m-required pf-m-error">
1006
+ <span class="pf-v5-c-form-control pf-m-required pf-m-error">
1007
1007
  <select
1008
1008
  class
1009
1009
  required
@@ -1018,15 +1018,15 @@ section: components
1018
1018
  <option value="Option 3">MA</option>
1019
1019
  <option value="Option 4">NY</option>
1020
1020
  </select>
1021
- <div class="pf-v5-c-form-control__utilities">
1022
- <div class="pf-v5-c-form-control__icon pf-m-status">
1021
+ <span class="pf-v5-c-form-control__utilities">
1022
+ <span class="pf-v5-c-form-control__icon pf-m-status">
1023
1023
  <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1024
- </div>
1025
- <div class="pf-v5-c-form-control__toggle-icon">
1024
+ </span>
1025
+ <span class="pf-v5-c-form-control__toggle-icon">
1026
1026
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1027
- </div>
1028
- </div>
1029
- </div>
1027
+ </span>
1028
+ </span>
1029
+ </span>
1030
1030
  <div
1031
1031
  class="pf-v5-c-form__helper-text"
1032
1032
  aria-live="polite"