@patternfly/patternfly 5.0.0-alpha.52 → 5.0.0-alpha.54

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 (47) hide show
  1. package/components/Divider/divider.css +12 -12
  2. package/components/FormControl/form-control.css +164 -214
  3. package/components/FormControl/form-control.scss +175 -281
  4. package/components/FormControl/themes/dark/form-control.scss +1 -2
  5. package/components/Masthead/masthead.css +12 -12
  6. package/components/NumberInput/number-input.css +0 -1
  7. package/components/NumberInput/number-input.scss +0 -1
  8. package/components/Pagination/pagination.css +12 -12
  9. package/components/Tabs/tabs.css +24 -24
  10. package/components/Toolbar/toolbar.css +54 -54
  11. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -28
  12. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +52 -46
  13. package/docs/components/DatePicker/examples/DatePicker.md +55 -49
  14. package/docs/components/FileUpload/examples/FileUpload.md +105 -93
  15. package/docs/components/Form/examples/Form.md +165 -145
  16. package/docs/components/FormControl/examples/FormControl.md +439 -475
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +87 -76
  18. package/docs/components/InputGroup/examples/InputGroup.md +84 -74
  19. package/docs/components/Login/examples/Login.md +92 -82
  20. package/docs/components/NumberInput/examples/NumberInput.md +99 -87
  21. package/docs/components/Pagination/examples/Pagination.md +100 -89
  22. package/docs/components/Select/examples/Select.md +77 -68
  23. package/docs/components/Slider/examples/Slider.md +31 -44
  24. package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -52
  25. package/docs/components/Toolbar/examples/Toolbar.md +18 -16
  26. package/docs/components/Wizard/examples/Wizard.md +280 -245
  27. package/docs/demos/Alert/examples/Alert.md +69 -57
  28. package/docs/demos/Button/examples/Button.md +54 -48
  29. package/docs/demos/CardView/examples/CardView.md +9 -8
  30. package/docs/demos/DataList/examples/DataList.md +36 -32
  31. package/docs/demos/Form/examples/BasicForms.md +247 -227
  32. package/docs/demos/HelperText/examples/HelperText.md +37 -33
  33. package/docs/demos/Modal/examples/Modal.md +14 -21
  34. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -10
  35. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -40
  36. package/docs/demos/Table/examples/Table.md +99 -88
  37. package/docs/demos/Toolbar/examples/Toolbar.md +28 -25
  38. package/docs/demos/Wizard/examples/Wizard.md +448 -392
  39. package/layouts/Flex/flex.css +60 -120
  40. package/layouts/Flex/flex.scss +1 -1
  41. package/package.json +3 -3
  42. package/patternfly-no-globals.css +335 -446
  43. package/patternfly.css +335 -446
  44. package/patternfly.min.css +1 -1
  45. package/patternfly.min.css.map +1 -1
  46. package/sass-utilities/functions.scss +6 -9
  47. package/docs/components/FormControl/examples/FormControl.css +0 -5
package/docs/components/Wizard/examples/Wizard.md CHANGED
@@ -92,13 +92,14 @@ wrapperTag: div
92
92
  >&#42;</span></label>
93
93
  </div>
94
94
  <div class="pf-v5-c-form__group-control">
95
- <input
96
- class="pf-v5-c-form-control"
97
- required
98
- type="text"
99
- id="wizard-basic-form-field1"
100
- name="wizard-basic-form-field1"
101
- />
95
+ <div class="pf-v5-c-form-control">
96
+ <input
97
+ required
98
+ type="text"
99
+ id="wizard-basic-form-field1"
100
+ name="wizard-basic-form-field1"
101
+ />
102
+ </div>
102
103
  </div>
103
104
  </div>
104
105
  <div class="pf-v5-c-form__group">
@@ -112,13 +113,14 @@ wrapperTag: div
112
113
  >&#42;</span></label>
113
114
  </div>
114
115
  <div class="pf-v5-c-form__group-control">
115
- <input
116
- class="pf-v5-c-form-control"
117
- required
118
- type="text"
119
- id="wizard-basic-form-field2"
120
- name="wizard-basic-form-field2"
121
- />
116
+ <div class="pf-v5-c-form-control">
117
+ <input
118
+ required
119
+ type="text"
120
+ id="wizard-basic-form-field2"
121
+ name="wizard-basic-form-field2"
122
+ />
123
+ </div>
122
124
  </div>
123
125
  </div>
124
126
  <div class="pf-v5-c-form__group">
@@ -132,13 +134,14 @@ wrapperTag: div
132
134
  >&#42;</span></label>
133
135
  </div>
134
136
  <div class="pf-v5-c-form__group-control">
135
- <input
136
- class="pf-v5-c-form-control"
137
- required
138
- type="text"
139
- id="wizard-basic-form-field3"
140
- name="wizard-basic-form-field3"
141
- />
137
+ <div class="pf-v5-c-form-control">
138
+ <input
139
+ required
140
+ type="text"
141
+ id="wizard-basic-form-field3"
142
+ name="wizard-basic-form-field3"
143
+ />
144
+ </div>
142
145
  </div>
143
146
  </div>
144
147
  <div class="pf-v5-c-form__group">
@@ -152,13 +155,14 @@ wrapperTag: div
152
155
  >&#42;</span></label>
153
156
  </div>
154
157
  <div class="pf-v5-c-form__group-control">
155
- <input
156
- class="pf-v5-c-form-control"
157
- required
158
- type="text"
159
- id="wizard-basic-form-field4"
160
- name="wizard-basic-form-field4"
161
- />
158
+ <div class="pf-v5-c-form-control">
159
+ <input
160
+ required
161
+ type="text"
162
+ id="wizard-basic-form-field4"
163
+ name="wizard-basic-form-field4"
164
+ />
165
+ </div>
162
166
  </div>
163
167
  </div>
164
168
  <div class="pf-v5-c-form__group">
@@ -172,13 +176,14 @@ wrapperTag: div
172
176
  >&#42;</span></label>
173
177
  </div>
174
178
  <div class="pf-v5-c-form__group-control">
175
- <input
176
- class="pf-v5-c-form-control"
177
- required
178
- type="text"
179
- id="wizard-basic-form-field5"
180
- name="wizard-basic-form-field5"
181
- />
179
+ <div class="pf-v5-c-form-control">
180
+ <input
181
+ required
182
+ type="text"
183
+ id="wizard-basic-form-field5"
184
+ name="wizard-basic-form-field5"
185
+ />
186
+ </div>
182
187
  </div>
183
188
  </div>
184
189
  <div class="pf-v5-c-form__group">
@@ -192,13 +197,14 @@ wrapperTag: div
192
197
  >&#42;</span></label>
193
198
  </div>
194
199
  <div class="pf-v5-c-form__group-control">
195
- <input
196
- class="pf-v5-c-form-control"
197
- required
198
- type="text"
199
- id="wizard-basic-form-field6"
200
- name="wizard-basic-form-field6"
201
- />
200
+ <div class="pf-v5-c-form-control">
201
+ <input
202
+ required
203
+ type="text"
204
+ id="wizard-basic-form-field6"
205
+ name="wizard-basic-form-field6"
206
+ />
207
+ </div>
202
208
  </div>
203
209
  </div>
204
210
  <div class="pf-v5-c-form__group">
@@ -212,13 +218,14 @@ wrapperTag: div
212
218
  >&#42;</span></label>
213
219
  </div>
214
220
  <div class="pf-v5-c-form__group-control">
215
- <input
216
- class="pf-v5-c-form-control"
217
- required
218
- type="text"
219
- id="wizard-basic-form-field7"
220
- name="wizard-basic-form-field7"
221
- />
221
+ <div class="pf-v5-c-form-control">
222
+ <input
223
+ required
224
+ type="text"
225
+ id="wizard-basic-form-field7"
226
+ name="wizard-basic-form-field7"
227
+ />
228
+ </div>
222
229
  </div>
223
230
  </div>
224
231
  </form>
@@ -319,13 +326,14 @@ wrapperTag: div
319
326
  >&#42;</span></label>
320
327
  </div>
321
328
  <div class="pf-v5-c-form__group-control">
322
- <input
323
- class="pf-v5-c-form-control"
324
- required
325
- type="text"
326
- id="-form-field1"
327
- name="-form-field1"
328
- />
329
+ <div class="pf-v5-c-form-control">
330
+ <input
331
+ required
332
+ type="text"
333
+ id="-form-field1"
334
+ name="-form-field1"
335
+ />
336
+ </div>
329
337
  </div>
330
338
  </div>
331
339
  <div class="pf-v5-c-form__group">
@@ -336,13 +344,14 @@ wrapperTag: div
336
344
  >&#42;</span></label>
337
345
  </div>
338
346
  <div class="pf-v5-c-form__group-control">
339
- <input
340
- class="pf-v5-c-form-control"
341
- required
342
- type="text"
343
- id="-form-field2"
344
- name="-form-field2"
345
- />
347
+ <div class="pf-v5-c-form-control">
348
+ <input
349
+ required
350
+ type="text"
351
+ id="-form-field2"
352
+ name="-form-field2"
353
+ />
354
+ </div>
346
355
  </div>
347
356
  </div>
348
357
  <div class="pf-v5-c-form__group">
@@ -353,13 +362,14 @@ wrapperTag: div
353
362
  >&#42;</span></label>
354
363
  </div>
355
364
  <div class="pf-v5-c-form__group-control">
356
- <input
357
- class="pf-v5-c-form-control"
358
- required
359
- type="text"
360
- id="-form-field3"
361
- name="-form-field3"
362
- />
365
+ <div class="pf-v5-c-form-control">
366
+ <input
367
+ required
368
+ type="text"
369
+ id="-form-field3"
370
+ name="-form-field3"
371
+ />
372
+ </div>
363
373
  </div>
364
374
  </div>
365
375
  <div class="pf-v5-c-form__group">
@@ -370,13 +380,14 @@ wrapperTag: div
370
380
  >&#42;</span></label>
371
381
  </div>
372
382
  <div class="pf-v5-c-form__group-control">
373
- <input
374
- class="pf-v5-c-form-control"
375
- required
376
- type="text"
377
- id="-form-field4"
378
- name="-form-field4"
379
- />
383
+ <div class="pf-v5-c-form-control">
384
+ <input
385
+ required
386
+ type="text"
387
+ id="-form-field4"
388
+ name="-form-field4"
389
+ />
390
+ </div>
380
391
  </div>
381
392
  </div>
382
393
  <div class="pf-v5-c-form__group">
@@ -387,13 +398,14 @@ wrapperTag: div
387
398
  >&#42;</span></label>
388
399
  </div>
389
400
  <div class="pf-v5-c-form__group-control">
390
- <input
391
- class="pf-v5-c-form-control"
392
- required
393
- type="text"
394
- id="-form-field5"
395
- name="-form-field5"
396
- />
401
+ <div class="pf-v5-c-form-control">
402
+ <input
403
+ required
404
+ type="text"
405
+ id="-form-field5"
406
+ name="-form-field5"
407
+ />
408
+ </div>
397
409
  </div>
398
410
  </div>
399
411
  <div class="pf-v5-c-form__group">
@@ -404,13 +416,14 @@ wrapperTag: div
404
416
  >&#42;</span></label>
405
417
  </div>
406
418
  <div class="pf-v5-c-form__group-control">
407
- <input
408
- class="pf-v5-c-form-control"
409
- required
410
- type="text"
411
- id="-form-field6"
412
- name="-form-field6"
413
- />
419
+ <div class="pf-v5-c-form-control">
420
+ <input
421
+ required
422
+ type="text"
423
+ id="-form-field6"
424
+ name="-form-field6"
425
+ />
426
+ </div>
414
427
  </div>
415
428
  </div>
416
429
  <div class="pf-v5-c-form__group">
@@ -421,13 +434,14 @@ wrapperTag: div
421
434
  >&#42;</span></label>
422
435
  </div>
423
436
  <div class="pf-v5-c-form__group-control">
424
- <input
425
- class="pf-v5-c-form-control"
426
- required
427
- type="text"
428
- id="-form-field7"
429
- name="-form-field7"
430
- />
437
+ <div class="pf-v5-c-form-control">
438
+ <input
439
+ required
440
+ type="text"
441
+ id="-form-field7"
442
+ name="-form-field7"
443
+ />
444
+ </div>
431
445
  </div>
432
446
  </div>
433
447
  </form>
@@ -538,13 +552,14 @@ wrapperTag: div
538
552
  >&#42;</span></label>
539
553
  </div>
540
554
  <div class="pf-v5-c-form__group-control">
541
- <input
542
- class="pf-v5-c-form-control"
543
- required
544
- type="text"
545
- id="wizard-with-drawer-example-form-field1"
546
- name="wizard-with-drawer-example-form-field1"
547
- />
555
+ <div class="pf-v5-c-form-control">
556
+ <input
557
+ required
558
+ type="text"
559
+ id="wizard-with-drawer-example-form-field1"
560
+ name="wizard-with-drawer-example-form-field1"
561
+ />
562
+ </div>
548
563
  </div>
549
564
  </div>
550
565
  <div class="pf-v5-c-form__group">
@@ -558,13 +573,14 @@ wrapperTag: div
558
573
  >&#42;</span></label>
559
574
  </div>
560
575
  <div class="pf-v5-c-form__group-control">
561
- <input
562
- class="pf-v5-c-form-control"
563
- required
564
- type="text"
565
- id="wizard-with-drawer-example-form-field2"
566
- name="wizard-with-drawer-example-form-field2"
567
- />
576
+ <div class="pf-v5-c-form-control">
577
+ <input
578
+ required
579
+ type="text"
580
+ id="wizard-with-drawer-example-form-field2"
581
+ name="wizard-with-drawer-example-form-field2"
582
+ />
583
+ </div>
568
584
  </div>
569
585
  </div>
570
586
  <div class="pf-v5-c-form__group">
@@ -578,13 +594,14 @@ wrapperTag: div
578
594
  >&#42;</span></label>
579
595
  </div>
580
596
  <div class="pf-v5-c-form__group-control">
581
- <input
582
- class="pf-v5-c-form-control"
583
- required
584
- type="text"
585
- id="wizard-with-drawer-example-form-field3"
586
- name="wizard-with-drawer-example-form-field3"
587
- />
597
+ <div class="pf-v5-c-form-control">
598
+ <input
599
+ required
600
+ type="text"
601
+ id="wizard-with-drawer-example-form-field3"
602
+ name="wizard-with-drawer-example-form-field3"
603
+ />
604
+ </div>
588
605
  </div>
589
606
  </div>
590
607
  <div class="pf-v5-c-form__group">
@@ -598,13 +615,14 @@ wrapperTag: div
598
615
  >&#42;</span></label>
599
616
  </div>
600
617
  <div class="pf-v5-c-form__group-control">
601
- <input
602
- class="pf-v5-c-form-control"
603
- required
604
- type="text"
605
- id="wizard-with-drawer-example-form-field4"
606
- name="wizard-with-drawer-example-form-field4"
607
- />
618
+ <div class="pf-v5-c-form-control">
619
+ <input
620
+ required
621
+ type="text"
622
+ id="wizard-with-drawer-example-form-field4"
623
+ name="wizard-with-drawer-example-form-field4"
624
+ />
625
+ </div>
608
626
  </div>
609
627
  </div>
610
628
  <div class="pf-v5-c-form__group">
@@ -618,13 +636,14 @@ wrapperTag: div
618
636
  >&#42;</span></label>
619
637
  </div>
620
638
  <div class="pf-v5-c-form__group-control">
621
- <input
622
- class="pf-v5-c-form-control"
623
- required
624
- type="text"
625
- id="wizard-with-drawer-example-form-field5"
626
- name="wizard-with-drawer-example-form-field5"
627
- />
639
+ <div class="pf-v5-c-form-control">
640
+ <input
641
+ required
642
+ type="text"
643
+ id="wizard-with-drawer-example-form-field5"
644
+ name="wizard-with-drawer-example-form-field5"
645
+ />
646
+ </div>
628
647
  </div>
629
648
  </div>
630
649
  <div class="pf-v5-c-form__group">
@@ -638,13 +657,14 @@ wrapperTag: div
638
657
  >&#42;</span></label>
639
658
  </div>
640
659
  <div class="pf-v5-c-form__group-control">
641
- <input
642
- class="pf-v5-c-form-control"
643
- required
644
- type="text"
645
- id="wizard-with-drawer-example-form-field6"
646
- name="wizard-with-drawer-example-form-field6"
647
- />
660
+ <div class="pf-v5-c-form-control">
661
+ <input
662
+ required
663
+ type="text"
664
+ id="wizard-with-drawer-example-form-field6"
665
+ name="wizard-with-drawer-example-form-field6"
666
+ />
667
+ </div>
648
668
  </div>
649
669
  </div>
650
670
  <div class="pf-v5-c-form__group">
@@ -658,13 +678,14 @@ wrapperTag: div
658
678
  >&#42;</span></label>
659
679
  </div>
660
680
  <div class="pf-v5-c-form__group-control">
661
- <input
662
- class="pf-v5-c-form-control"
663
- required
664
- type="text"
665
- id="wizard-with-drawer-example-form-field7"
666
- name="wizard-with-drawer-example-form-field7"
667
- />
681
+ <div class="pf-v5-c-form-control">
682
+ <input
683
+ required
684
+ type="text"
685
+ id="wizard-with-drawer-example-form-field7"
686
+ name="wizard-with-drawer-example-form-field7"
687
+ />
688
+ </div>
668
689
  </div>
669
690
  </div>
670
691
  </form>
@@ -795,13 +816,14 @@ wrapperTag: div
795
816
  >&#42;</span></label>
796
817
  </div>
797
818
  <div class="pf-v5-c-form__group-control">
798
- <input
799
- class="pf-v5-c-form-control"
800
- required
801
- type="text"
802
- id="wizard-expandable-collapsed-form-field1"
803
- name="wizard-expandable-collapsed-form-field1"
804
- />
819
+ <div class="pf-v5-c-form-control">
820
+ <input
821
+ required
822
+ type="text"
823
+ id="wizard-expandable-collapsed-form-field1"
824
+ name="wizard-expandable-collapsed-form-field1"
825
+ />
826
+ </div>
805
827
  </div>
806
828
  </div>
807
829
  <div class="pf-v5-c-form__group">
@@ -815,13 +837,14 @@ wrapperTag: div
815
837
  >&#42;</span></label>
816
838
  </div>
817
839
  <div class="pf-v5-c-form__group-control">
818
- <input
819
- class="pf-v5-c-form-control"
820
- required
821
- type="text"
822
- id="wizard-expandable-collapsed-form-field2"
823
- name="wizard-expandable-collapsed-form-field2"
824
- />
840
+ <div class="pf-v5-c-form-control">
841
+ <input
842
+ required
843
+ type="text"
844
+ id="wizard-expandable-collapsed-form-field2"
845
+ name="wizard-expandable-collapsed-form-field2"
846
+ />
847
+ </div>
825
848
  </div>
826
849
  </div>
827
850
  <div class="pf-v5-c-form__group">
@@ -835,13 +858,14 @@ wrapperTag: div
835
858
  >&#42;</span></label>
836
859
  </div>
837
860
  <div class="pf-v5-c-form__group-control">
838
- <input
839
- class="pf-v5-c-form-control"
840
- required
841
- type="text"
842
- id="wizard-expandable-collapsed-form-field3"
843
- name="wizard-expandable-collapsed-form-field3"
844
- />
861
+ <div class="pf-v5-c-form-control">
862
+ <input
863
+ required
864
+ type="text"
865
+ id="wizard-expandable-collapsed-form-field3"
866
+ name="wizard-expandable-collapsed-form-field3"
867
+ />
868
+ </div>
845
869
  </div>
846
870
  </div>
847
871
  <div class="pf-v5-c-form__group">
@@ -855,13 +879,14 @@ wrapperTag: div
855
879
  >&#42;</span></label>
856
880
  </div>
857
881
  <div class="pf-v5-c-form__group-control">
858
- <input
859
- class="pf-v5-c-form-control"
860
- required
861
- type="text"
862
- id="wizard-expandable-collapsed-form-field4"
863
- name="wizard-expandable-collapsed-form-field4"
864
- />
882
+ <div class="pf-v5-c-form-control">
883
+ <input
884
+ required
885
+ type="text"
886
+ id="wizard-expandable-collapsed-form-field4"
887
+ name="wizard-expandable-collapsed-form-field4"
888
+ />
889
+ </div>
865
890
  </div>
866
891
  </div>
867
892
  <div class="pf-v5-c-form__group">
@@ -875,13 +900,14 @@ wrapperTag: div
875
900
  >&#42;</span></label>
876
901
  </div>
877
902
  <div class="pf-v5-c-form__group-control">
878
- <input
879
- class="pf-v5-c-form-control"
880
- required
881
- type="text"
882
- id="wizard-expandable-collapsed-form-field5"
883
- name="wizard-expandable-collapsed-form-field5"
884
- />
903
+ <div class="pf-v5-c-form-control">
904
+ <input
905
+ required
906
+ type="text"
907
+ id="wizard-expandable-collapsed-form-field5"
908
+ name="wizard-expandable-collapsed-form-field5"
909
+ />
910
+ </div>
885
911
  </div>
886
912
  </div>
887
913
  <div class="pf-v5-c-form__group">
@@ -895,13 +921,14 @@ wrapperTag: div
895
921
  >&#42;</span></label>
896
922
  </div>
897
923
  <div class="pf-v5-c-form__group-control">
898
- <input
899
- class="pf-v5-c-form-control"
900
- required
901
- type="text"
902
- id="wizard-expandable-collapsed-form-field6"
903
- name="wizard-expandable-collapsed-form-field6"
904
- />
924
+ <div class="pf-v5-c-form-control">
925
+ <input
926
+ required
927
+ type="text"
928
+ id="wizard-expandable-collapsed-form-field6"
929
+ name="wizard-expandable-collapsed-form-field6"
930
+ />
931
+ </div>
905
932
  </div>
906
933
  </div>
907
934
  <div class="pf-v5-c-form__group">
@@ -915,13 +942,14 @@ wrapperTag: div
915
942
  >&#42;</span></label>
916
943
  </div>
917
944
  <div class="pf-v5-c-form__group-control">
918
- <input
919
- class="pf-v5-c-form-control"
920
- required
921
- type="text"
922
- id="wizard-expandable-collapsed-form-field7"
923
- name="wizard-expandable-collapsed-form-field7"
924
- />
945
+ <div class="pf-v5-c-form-control">
946
+ <input
947
+ required
948
+ type="text"
949
+ id="wizard-expandable-collapsed-form-field7"
950
+ name="wizard-expandable-collapsed-form-field7"
951
+ />
952
+ </div>
925
953
  </div>
926
954
  </div>
927
955
  </form>
@@ -1035,13 +1063,14 @@ wrapperTag: div
1035
1063
  >&#42;</span></label>
1036
1064
  </div>
1037
1065
  <div class="pf-v5-c-form__group-control">
1038
- <input
1039
- class="pf-v5-c-form-control"
1040
- required
1041
- type="text"
1042
- id="wizard-expandable-expanded-form-field1"
1043
- name="wizard-expandable-expanded-form-field1"
1044
- />
1066
+ <div class="pf-v5-c-form-control">
1067
+ <input
1068
+ required
1069
+ type="text"
1070
+ id="wizard-expandable-expanded-form-field1"
1071
+ name="wizard-expandable-expanded-form-field1"
1072
+ />
1073
+ </div>
1045
1074
  </div>
1046
1075
  </div>
1047
1076
  <div class="pf-v5-c-form__group">
@@ -1055,13 +1084,14 @@ wrapperTag: div
1055
1084
  >&#42;</span></label>
1056
1085
  </div>
1057
1086
  <div class="pf-v5-c-form__group-control">
1058
- <input
1059
- class="pf-v5-c-form-control"
1060
- required
1061
- type="text"
1062
- id="wizard-expandable-expanded-form-field2"
1063
- name="wizard-expandable-expanded-form-field2"
1064
- />
1087
+ <div class="pf-v5-c-form-control">
1088
+ <input
1089
+ required
1090
+ type="text"
1091
+ id="wizard-expandable-expanded-form-field2"
1092
+ name="wizard-expandable-expanded-form-field2"
1093
+ />
1094
+ </div>
1065
1095
  </div>
1066
1096
  </div>
1067
1097
  <div class="pf-v5-c-form__group">
@@ -1075,13 +1105,14 @@ wrapperTag: div
1075
1105
  >&#42;</span></label>
1076
1106
  </div>
1077
1107
  <div class="pf-v5-c-form__group-control">
1078
- <input
1079
- class="pf-v5-c-form-control"
1080
- required
1081
- type="text"
1082
- id="wizard-expandable-expanded-form-field3"
1083
- name="wizard-expandable-expanded-form-field3"
1084
- />
1108
+ <div class="pf-v5-c-form-control">
1109
+ <input
1110
+ required
1111
+ type="text"
1112
+ id="wizard-expandable-expanded-form-field3"
1113
+ name="wizard-expandable-expanded-form-field3"
1114
+ />
1115
+ </div>
1085
1116
  </div>
1086
1117
  </div>
1087
1118
  <div class="pf-v5-c-form__group">
@@ -1095,13 +1126,14 @@ wrapperTag: div
1095
1126
  >&#42;</span></label>
1096
1127
  </div>
1097
1128
  <div class="pf-v5-c-form__group-control">
1098
- <input
1099
- class="pf-v5-c-form-control"
1100
- required
1101
- type="text"
1102
- id="wizard-expandable-expanded-form-field4"
1103
- name="wizard-expandable-expanded-form-field4"
1104
- />
1129
+ <div class="pf-v5-c-form-control">
1130
+ <input
1131
+ required
1132
+ type="text"
1133
+ id="wizard-expandable-expanded-form-field4"
1134
+ name="wizard-expandable-expanded-form-field4"
1135
+ />
1136
+ </div>
1105
1137
  </div>
1106
1138
  </div>
1107
1139
  <div class="pf-v5-c-form__group">
@@ -1115,13 +1147,14 @@ wrapperTag: div
1115
1147
  >&#42;</span></label>
1116
1148
  </div>
1117
1149
  <div class="pf-v5-c-form__group-control">
1118
- <input
1119
- class="pf-v5-c-form-control"
1120
- required
1121
- type="text"
1122
- id="wizard-expandable-expanded-form-field5"
1123
- name="wizard-expandable-expanded-form-field5"
1124
- />
1150
+ <div class="pf-v5-c-form-control">
1151
+ <input
1152
+ required
1153
+ type="text"
1154
+ id="wizard-expandable-expanded-form-field5"
1155
+ name="wizard-expandable-expanded-form-field5"
1156
+ />
1157
+ </div>
1125
1158
  </div>
1126
1159
  </div>
1127
1160
  <div class="pf-v5-c-form__group">
@@ -1135,13 +1168,14 @@ wrapperTag: div
1135
1168
  >&#42;</span></label>
1136
1169
  </div>
1137
1170
  <div class="pf-v5-c-form__group-control">
1138
- <input
1139
- class="pf-v5-c-form-control"
1140
- required
1141
- type="text"
1142
- id="wizard-expandable-expanded-form-field6"
1143
- name="wizard-expandable-expanded-form-field6"
1144
- />
1171
+ <div class="pf-v5-c-form-control">
1172
+ <input
1173
+ required
1174
+ type="text"
1175
+ id="wizard-expandable-expanded-form-field6"
1176
+ name="wizard-expandable-expanded-form-field6"
1177
+ />
1178
+ </div>
1145
1179
  </div>
1146
1180
  </div>
1147
1181
  <div class="pf-v5-c-form__group">
@@ -1155,13 +1189,14 @@ wrapperTag: div
1155
1189
  >&#42;</span></label>
1156
1190
  </div>
1157
1191
  <div class="pf-v5-c-form__group-control">
1158
- <input
1159
- class="pf-v5-c-form-control"
1160
- required
1161
- type="text"
1162
- id="wizard-expandable-expanded-form-field7"
1163
- name="wizard-expandable-expanded-form-field7"
1164
- />
1192
+ <div class="pf-v5-c-form-control">
1193
+ <input
1194
+ required
1195
+ type="text"
1196
+ id="wizard-expandable-expanded-form-field7"
1197
+ name="wizard-expandable-expanded-form-field7"
1198
+ />
1199
+ </div>
1165
1200
  </div>
1166
1201
  </div>
1167
1202
  </form>