@patternfly/patternfly 4.216.1 → 4.216.2

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 (20) hide show
  1. package/components/Form/form.css +1 -0
  2. package/components/Form/form.scss +1 -0
  3. package/docs/components/Form/examples/Form.md +90 -148
  4. package/docs/components/Login/examples/Login.md +20 -50
  5. package/docs/components/SearchInput/examples/SearchInput.md +16 -32
  6. package/docs/components/TextInputGroup/examples/TextInputGroup.md +16 -32
  7. package/docs/components/Wizard/examples/Wizard.md +105 -210
  8. package/docs/demos/Alert/examples/Alert.md +16 -40
  9. package/docs/demos/Button/examples/Button.md +12 -30
  10. package/docs/demos/Form/examples/BasicForms.md +97 -176
  11. package/docs/demos/HelperText/examples/HelperText.md +8 -19
  12. package/docs/demos/Modal/examples/Modal.md +18 -27
  13. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +6 -10
  14. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +24 -40
  15. package/docs/demos/Wizard/examples/Wizard.md +168 -336
  16. package/package.json +1 -1
  17. package/patternfly-no-reset.css +1 -0
  18. package/patternfly.css +1 -0
  19. package/patternfly.min.css +1 -1
  20. package/patternfly.min.css.map +1 -1
package/docs/components/Wizard/examples/Wizard.md CHANGED
@@ -79,14 +79,11 @@ wrapperTag: div
79
79
  <div class="pf-c-wizard__main-body">
80
80
  <form class="pf-c-form pf-m-limit-width" novalidate>
81
81
  <div class="pf-c-form__group">
82
- <div class="pf-c-form__group-label">
83
- <label class="pf-c-form__label" for="wizard-basic-form-field1">
84
- <span class="pf-c-form__label-text">Field 1</span>
85
- <span
82
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="wizard-basic-form-field1">
83
+ <span class="pf-c-form__label-text">Field 1</span>&nbsp;<span
86
84
  class="pf-c-form__label-required"
87
85
  aria-hidden="true"
88
- >&#42;</span>
89
- </label>
86
+ >&#42;</span></label>
90
87
  </div>
91
88
  <div class="pf-c-form__group-control">
92
89
  <input
@@ -99,14 +96,11 @@ wrapperTag: div
99
96
  </div>
100
97
  </div>
101
98
  <div class="pf-c-form__group">
102
- <div class="pf-c-form__group-label">
103
- <label class="pf-c-form__label" for="wizard-basic-form-field2">
104
- <span class="pf-c-form__label-text">Field 2</span>
105
- <span
99
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="wizard-basic-form-field2">
100
+ <span class="pf-c-form__label-text">Field 2</span>&nbsp;<span
106
101
  class="pf-c-form__label-required"
107
102
  aria-hidden="true"
108
- >&#42;</span>
109
- </label>
103
+ >&#42;</span></label>
110
104
  </div>
111
105
  <div class="pf-c-form__group-control">
112
106
  <input
@@ -119,14 +113,11 @@ wrapperTag: div
119
113
  </div>
120
114
  </div>
121
115
  <div class="pf-c-form__group">
122
- <div class="pf-c-form__group-label">
123
- <label class="pf-c-form__label" for="wizard-basic-form-field3">
124
- <span class="pf-c-form__label-text">Field 3</span>
125
- <span
116
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="wizard-basic-form-field3">
117
+ <span class="pf-c-form__label-text">Field 3</span>&nbsp;<span
126
118
  class="pf-c-form__label-required"
127
119
  aria-hidden="true"
128
- >&#42;</span>
129
- </label>
120
+ >&#42;</span></label>
130
121
  </div>
131
122
  <div class="pf-c-form__group-control">
132
123
  <input
@@ -139,14 +130,11 @@ wrapperTag: div
139
130
  </div>
140
131
  </div>
141
132
  <div class="pf-c-form__group">
142
- <div class="pf-c-form__group-label">
143
- <label class="pf-c-form__label" for="wizard-basic-form-field4">
144
- <span class="pf-c-form__label-text">Field 4</span>
145
- <span
133
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="wizard-basic-form-field4">
134
+ <span class="pf-c-form__label-text">Field 4</span>&nbsp;<span
146
135
  class="pf-c-form__label-required"
147
136
  aria-hidden="true"
148
- >&#42;</span>
149
- </label>
137
+ >&#42;</span></label>
150
138
  </div>
151
139
  <div class="pf-c-form__group-control">
152
140
  <input
@@ -159,14 +147,11 @@ wrapperTag: div
159
147
  </div>
160
148
  </div>
161
149
  <div class="pf-c-form__group">
162
- <div class="pf-c-form__group-label">
163
- <label class="pf-c-form__label" for="wizard-basic-form-field5">
164
- <span class="pf-c-form__label-text">Field 5</span>
165
- <span
150
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="wizard-basic-form-field5">
151
+ <span class="pf-c-form__label-text">Field 5</span>&nbsp;<span
166
152
  class="pf-c-form__label-required"
167
153
  aria-hidden="true"
168
- >&#42;</span>
169
- </label>
154
+ >&#42;</span></label>
170
155
  </div>
171
156
  <div class="pf-c-form__group-control">
172
157
  <input
@@ -179,14 +164,11 @@ wrapperTag: div
179
164
  </div>
180
165
  </div>
181
166
  <div class="pf-c-form__group">
182
- <div class="pf-c-form__group-label">
183
- <label class="pf-c-form__label" for="wizard-basic-form-field6">
184
- <span class="pf-c-form__label-text">Field 6</span>
185
- <span
167
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="wizard-basic-form-field6">
168
+ <span class="pf-c-form__label-text">Field 6</span>&nbsp;<span
186
169
  class="pf-c-form__label-required"
187
170
  aria-hidden="true"
188
- >&#42;</span>
189
- </label>
171
+ >&#42;</span></label>
190
172
  </div>
191
173
  <div class="pf-c-form__group-control">
192
174
  <input
@@ -199,14 +181,11 @@ wrapperTag: div
199
181
  </div>
200
182
  </div>
201
183
  <div class="pf-c-form__group">
202
- <div class="pf-c-form__group-label">
203
- <label class="pf-c-form__label" for="wizard-basic-form-field7">
204
- <span class="pf-c-form__label-text">Field 7</span>
205
- <span
184
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="wizard-basic-form-field7">
185
+ <span class="pf-c-form__label-text">Field 7</span>&nbsp;<span
206
186
  class="pf-c-form__label-required"
207
187
  aria-hidden="true"
208
- >&#42;</span>
209
- </label>
188
+ >&#42;</span></label>
210
189
  </div>
211
190
  <div class="pf-c-form__group-control">
212
191
  <input
@@ -306,14 +285,11 @@ wrapperTag: div
306
285
  <div class="pf-c-wizard__main-body">
307
286
  <form class="pf-c-form pf-m-limit-width" novalidate>
308
287
  <div class="pf-c-form__group">
309
- <div class="pf-c-form__group-label">
310
- <label class="pf-c-form__label" for="-form-field1">
311
- <span class="pf-c-form__label-text">Field 1</span>
312
- <span
288
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field1">
289
+ <span class="pf-c-form__label-text">Field 1</span>&nbsp;<span
313
290
  class="pf-c-form__label-required"
314
291
  aria-hidden="true"
315
- >&#42;</span>
316
- </label>
292
+ >&#42;</span></label>
317
293
  </div>
318
294
  <div class="pf-c-form__group-control">
319
295
  <input
@@ -326,14 +302,11 @@ wrapperTag: div
326
302
  </div>
327
303
  </div>
328
304
  <div class="pf-c-form__group">
329
- <div class="pf-c-form__group-label">
330
- <label class="pf-c-form__label" for="-form-field2">
331
- <span class="pf-c-form__label-text">Field 2</span>
332
- <span
305
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field2">
306
+ <span class="pf-c-form__label-text">Field 2</span>&nbsp;<span
333
307
  class="pf-c-form__label-required"
334
308
  aria-hidden="true"
335
- >&#42;</span>
336
- </label>
309
+ >&#42;</span></label>
337
310
  </div>
338
311
  <div class="pf-c-form__group-control">
339
312
  <input
@@ -346,14 +319,11 @@ wrapperTag: div
346
319
  </div>
347
320
  </div>
348
321
  <div class="pf-c-form__group">
349
- <div class="pf-c-form__group-label">
350
- <label class="pf-c-form__label" for="-form-field3">
351
- <span class="pf-c-form__label-text">Field 3</span>
352
- <span
322
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field3">
323
+ <span class="pf-c-form__label-text">Field 3</span>&nbsp;<span
353
324
  class="pf-c-form__label-required"
354
325
  aria-hidden="true"
355
- >&#42;</span>
356
- </label>
326
+ >&#42;</span></label>
357
327
  </div>
358
328
  <div class="pf-c-form__group-control">
359
329
  <input
@@ -366,14 +336,11 @@ wrapperTag: div
366
336
  </div>
367
337
  </div>
368
338
  <div class="pf-c-form__group">
369
- <div class="pf-c-form__group-label">
370
- <label class="pf-c-form__label" for="-form-field4">
371
- <span class="pf-c-form__label-text">Field 4</span>
372
- <span
339
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field4">
340
+ <span class="pf-c-form__label-text">Field 4</span>&nbsp;<span
373
341
  class="pf-c-form__label-required"
374
342
  aria-hidden="true"
375
- >&#42;</span>
376
- </label>
343
+ >&#42;</span></label>
377
344
  </div>
378
345
  <div class="pf-c-form__group-control">
379
346
  <input
@@ -386,14 +353,11 @@ wrapperTag: div
386
353
  </div>
387
354
  </div>
388
355
  <div class="pf-c-form__group">
389
- <div class="pf-c-form__group-label">
390
- <label class="pf-c-form__label" for="-form-field5">
391
- <span class="pf-c-form__label-text">Field 5</span>
392
- <span
356
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field5">
357
+ <span class="pf-c-form__label-text">Field 5</span>&nbsp;<span
393
358
  class="pf-c-form__label-required"
394
359
  aria-hidden="true"
395
- >&#42;</span>
396
- </label>
360
+ >&#42;</span></label>
397
361
  </div>
398
362
  <div class="pf-c-form__group-control">
399
363
  <input
@@ -406,14 +370,11 @@ wrapperTag: div
406
370
  </div>
407
371
  </div>
408
372
  <div class="pf-c-form__group">
409
- <div class="pf-c-form__group-label">
410
- <label class="pf-c-form__label" for="-form-field6">
411
- <span class="pf-c-form__label-text">Field 6</span>
412
- <span
373
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field6">
374
+ <span class="pf-c-form__label-text">Field 6</span>&nbsp;<span
413
375
  class="pf-c-form__label-required"
414
376
  aria-hidden="true"
415
- >&#42;</span>
416
- </label>
377
+ >&#42;</span></label>
417
378
  </div>
418
379
  <div class="pf-c-form__group-control">
419
380
  <input
@@ -426,14 +387,11 @@ wrapperTag: div
426
387
  </div>
427
388
  </div>
428
389
  <div class="pf-c-form__group">
429
- <div class="pf-c-form__group-label">
430
- <label class="pf-c-form__label" for="-form-field7">
431
- <span class="pf-c-form__label-text">Field 7</span>
432
- <span
390
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="-form-field7">
391
+ <span class="pf-c-form__label-text">Field 7</span>&nbsp;<span
433
392
  class="pf-c-form__label-required"
434
393
  aria-hidden="true"
435
- >&#42;</span>
436
- </label>
394
+ >&#42;</span></label>
437
395
  </div>
438
396
  <div class="pf-c-form__group-control">
439
397
  <input
@@ -540,17 +498,14 @@ wrapperTag: div
540
498
  >Open drawer</button>
541
499
  <form class="pf-c-form pf-m-limit-width" novalidate>
542
500
  <div class="pf-c-form__group">
543
- <div class="pf-c-form__group-label">
544
- <label
501
+ <div class="pf-c-form__group-label"><label
545
502
  class="pf-c-form__label"
546
503
  for="wizard-with-drawer-example-form-field1"
547
504
  >
548
- <span class="pf-c-form__label-text">Field 1</span>
549
- <span
505
+ <span class="pf-c-form__label-text">Field 1</span>&nbsp;<span
550
506
  class="pf-c-form__label-required"
551
507
  aria-hidden="true"
552
- >&#42;</span>
553
- </label>
508
+ >&#42;</span></label>
554
509
  </div>
555
510
  <div class="pf-c-form__group-control">
556
511
  <input
@@ -563,17 +518,14 @@ wrapperTag: div
563
518
  </div>
564
519
  </div>
565
520
  <div class="pf-c-form__group">
566
- <div class="pf-c-form__group-label">
567
- <label
521
+ <div class="pf-c-form__group-label"><label
568
522
  class="pf-c-form__label"
569
523
  for="wizard-with-drawer-example-form-field2"
570
524
  >
571
- <span class="pf-c-form__label-text">Field 2</span>
572
- <span
525
+ <span class="pf-c-form__label-text">Field 2</span>&nbsp;<span
573
526
  class="pf-c-form__label-required"
574
527
  aria-hidden="true"
575
- >&#42;</span>
576
- </label>
528
+ >&#42;</span></label>
577
529
  </div>
578
530
  <div class="pf-c-form__group-control">
579
531
  <input
@@ -586,17 +538,14 @@ wrapperTag: div
586
538
  </div>
587
539
  </div>
588
540
  <div class="pf-c-form__group">
589
- <div class="pf-c-form__group-label">
590
- <label
541
+ <div class="pf-c-form__group-label"><label
591
542
  class="pf-c-form__label"
592
543
  for="wizard-with-drawer-example-form-field3"
593
544
  >
594
- <span class="pf-c-form__label-text">Field 3</span>
595
- <span
545
+ <span class="pf-c-form__label-text">Field 3</span>&nbsp;<span
596
546
  class="pf-c-form__label-required"
597
547
  aria-hidden="true"
598
- >&#42;</span>
599
- </label>
548
+ >&#42;</span></label>
600
549
  </div>
601
550
  <div class="pf-c-form__group-control">
602
551
  <input
@@ -609,17 +558,14 @@ wrapperTag: div
609
558
  </div>
610
559
  </div>
611
560
  <div class="pf-c-form__group">
612
- <div class="pf-c-form__group-label">
613
- <label
561
+ <div class="pf-c-form__group-label"><label
614
562
  class="pf-c-form__label"
615
563
  for="wizard-with-drawer-example-form-field4"
616
564
  >
617
- <span class="pf-c-form__label-text">Field 4</span>
618
- <span
565
+ <span class="pf-c-form__label-text">Field 4</span>&nbsp;<span
619
566
  class="pf-c-form__label-required"
620
567
  aria-hidden="true"
621
- >&#42;</span>
622
- </label>
568
+ >&#42;</span></label>
623
569
  </div>
624
570
  <div class="pf-c-form__group-control">
625
571
  <input
@@ -632,17 +578,14 @@ wrapperTag: div
632
578
  </div>
633
579
  </div>
634
580
  <div class="pf-c-form__group">
635
- <div class="pf-c-form__group-label">
636
- <label
581
+ <div class="pf-c-form__group-label"><label
637
582
  class="pf-c-form__label"
638
583
  for="wizard-with-drawer-example-form-field5"
639
584
  >
640
- <span class="pf-c-form__label-text">Field 5</span>
641
- <span
585
+ <span class="pf-c-form__label-text">Field 5</span>&nbsp;<span
642
586
  class="pf-c-form__label-required"
643
587
  aria-hidden="true"
644
- >&#42;</span>
645
- </label>
588
+ >&#42;</span></label>
646
589
  </div>
647
590
  <div class="pf-c-form__group-control">
648
591
  <input
@@ -655,17 +598,14 @@ wrapperTag: div
655
598
  </div>
656
599
  </div>
657
600
  <div class="pf-c-form__group">
658
- <div class="pf-c-form__group-label">
659
- <label
601
+ <div class="pf-c-form__group-label"><label
660
602
  class="pf-c-form__label"
661
603
  for="wizard-with-drawer-example-form-field6"
662
604
  >
663
- <span class="pf-c-form__label-text">Field 6</span>
664
- <span
605
+ <span class="pf-c-form__label-text">Field 6</span>&nbsp;<span
665
606
  class="pf-c-form__label-required"
666
607
  aria-hidden="true"
667
- >&#42;</span>
668
- </label>
608
+ >&#42;</span></label>
669
609
  </div>
670
610
  <div class="pf-c-form__group-control">
671
611
  <input
@@ -678,17 +618,14 @@ wrapperTag: div
678
618
  </div>
679
619
  </div>
680
620
  <div class="pf-c-form__group">
681
- <div class="pf-c-form__group-label">
682
- <label
621
+ <div class="pf-c-form__group-label"><label
683
622
  class="pf-c-form__label"
684
623
  for="wizard-with-drawer-example-form-field7"
685
624
  >
686
- <span class="pf-c-form__label-text">Field 7</span>
687
- <span
625
+ <span class="pf-c-form__label-text">Field 7</span>&nbsp;<span
688
626
  class="pf-c-form__label-required"
689
627
  aria-hidden="true"
690
- >&#42;</span>
691
- </label>
628
+ >&#42;</span></label>
692
629
  </div>
693
630
  <div class="pf-c-form__group-control">
694
631
  <input
@@ -815,17 +752,14 @@ wrapperTag: div
815
752
  <div class="pf-c-wizard__main-body">
816
753
  <form class="pf-c-form pf-m-limit-width" novalidate>
817
754
  <div class="pf-c-form__group">
818
- <div class="pf-c-form__group-label">
819
- <label
755
+ <div class="pf-c-form__group-label"><label
820
756
  class="pf-c-form__label"
821
757
  for="wizard-expandable-collapsed-form-field1"
822
758
  >
823
- <span class="pf-c-form__label-text">Field 1</span>
824
- <span
759
+ <span class="pf-c-form__label-text">Field 1</span>&nbsp;<span
825
760
  class="pf-c-form__label-required"
826
761
  aria-hidden="true"
827
- >&#42;</span>
828
- </label>
762
+ >&#42;</span></label>
829
763
  </div>
830
764
  <div class="pf-c-form__group-control">
831
765
  <input
@@ -838,17 +772,14 @@ wrapperTag: div
838
772
  </div>
839
773
  </div>
840
774
  <div class="pf-c-form__group">
841
- <div class="pf-c-form__group-label">
842
- <label
775
+ <div class="pf-c-form__group-label"><label
843
776
  class="pf-c-form__label"
844
777
  for="wizard-expandable-collapsed-form-field2"
845
778
  >
846
- <span class="pf-c-form__label-text">Field 2</span>
847
- <span
779
+ <span class="pf-c-form__label-text">Field 2</span>&nbsp;<span
848
780
  class="pf-c-form__label-required"
849
781
  aria-hidden="true"
850
- >&#42;</span>
851
- </label>
782
+ >&#42;</span></label>
852
783
  </div>
853
784
  <div class="pf-c-form__group-control">
854
785
  <input
@@ -861,17 +792,14 @@ wrapperTag: div
861
792
  </div>
862
793
  </div>
863
794
  <div class="pf-c-form__group">
864
- <div class="pf-c-form__group-label">
865
- <label
795
+ <div class="pf-c-form__group-label"><label
866
796
  class="pf-c-form__label"
867
797
  for="wizard-expandable-collapsed-form-field3"
868
798
  >
869
- <span class="pf-c-form__label-text">Field 3</span>
870
- <span
799
+ <span class="pf-c-form__label-text">Field 3</span>&nbsp;<span
871
800
  class="pf-c-form__label-required"
872
801
  aria-hidden="true"
873
- >&#42;</span>
874
- </label>
802
+ >&#42;</span></label>
875
803
  </div>
876
804
  <div class="pf-c-form__group-control">
877
805
  <input
@@ -884,17 +812,14 @@ wrapperTag: div
884
812
  </div>
885
813
  </div>
886
814
  <div class="pf-c-form__group">
887
- <div class="pf-c-form__group-label">
888
- <label
815
+ <div class="pf-c-form__group-label"><label
889
816
  class="pf-c-form__label"
890
817
  for="wizard-expandable-collapsed-form-field4"
891
818
  >
892
- <span class="pf-c-form__label-text">Field 4</span>
893
- <span
819
+ <span class="pf-c-form__label-text">Field 4</span>&nbsp;<span
894
820
  class="pf-c-form__label-required"
895
821
  aria-hidden="true"
896
- >&#42;</span>
897
- </label>
822
+ >&#42;</span></label>
898
823
  </div>
899
824
  <div class="pf-c-form__group-control">
900
825
  <input
@@ -907,17 +832,14 @@ wrapperTag: div
907
832
  </div>
908
833
  </div>
909
834
  <div class="pf-c-form__group">
910
- <div class="pf-c-form__group-label">
911
- <label
835
+ <div class="pf-c-form__group-label"><label
912
836
  class="pf-c-form__label"
913
837
  for="wizard-expandable-collapsed-form-field5"
914
838
  >
915
- <span class="pf-c-form__label-text">Field 5</span>
916
- <span
839
+ <span class="pf-c-form__label-text">Field 5</span>&nbsp;<span
917
840
  class="pf-c-form__label-required"
918
841
  aria-hidden="true"
919
- >&#42;</span>
920
- </label>
842
+ >&#42;</span></label>
921
843
  </div>
922
844
  <div class="pf-c-form__group-control">
923
845
  <input
@@ -930,17 +852,14 @@ wrapperTag: div
930
852
  </div>
931
853
  </div>
932
854
  <div class="pf-c-form__group">
933
- <div class="pf-c-form__group-label">
934
- <label
855
+ <div class="pf-c-form__group-label"><label
935
856
  class="pf-c-form__label"
936
857
  for="wizard-expandable-collapsed-form-field6"
937
858
  >
938
- <span class="pf-c-form__label-text">Field 6</span>
939
- <span
859
+ <span class="pf-c-form__label-text">Field 6</span>&nbsp;<span
940
860
  class="pf-c-form__label-required"
941
861
  aria-hidden="true"
942
- >&#42;</span>
943
- </label>
862
+ >&#42;</span></label>
944
863
  </div>
945
864
  <div class="pf-c-form__group-control">
946
865
  <input
@@ -953,17 +872,14 @@ wrapperTag: div
953
872
  </div>
954
873
  </div>
955
874
  <div class="pf-c-form__group">
956
- <div class="pf-c-form__group-label">
957
- <label
875
+ <div class="pf-c-form__group-label"><label
958
876
  class="pf-c-form__label"
959
877
  for="wizard-expandable-collapsed-form-field7"
960
878
  >
961
- <span class="pf-c-form__label-text">Field 7</span>
962
- <span
879
+ <span class="pf-c-form__label-text">Field 7</span>&nbsp;<span
963
880
  class="pf-c-form__label-required"
964
881
  aria-hidden="true"
965
- >&#42;</span>
966
- </label>
882
+ >&#42;</span></label>
967
883
  </div>
968
884
  <div class="pf-c-form__group-control">
969
885
  <input
@@ -1073,17 +989,14 @@ wrapperTag: div
1073
989
  <div class="pf-c-wizard__main-body">
1074
990
  <form class="pf-c-form pf-m-limit-width" novalidate>
1075
991
  <div class="pf-c-form__group">
1076
- <div class="pf-c-form__group-label">
1077
- <label
992
+ <div class="pf-c-form__group-label"><label
1078
993
  class="pf-c-form__label"
1079
994
  for="wizard-expandable-expanded-form-field1"
1080
995
  >
1081
- <span class="pf-c-form__label-text">Field 1</span>
1082
- <span
996
+ <span class="pf-c-form__label-text">Field 1</span>&nbsp;<span
1083
997
  class="pf-c-form__label-required"
1084
998
  aria-hidden="true"
1085
- >&#42;</span>
1086
- </label>
999
+ >&#42;</span></label>
1087
1000
  </div>
1088
1001
  <div class="pf-c-form__group-control">
1089
1002
  <input
@@ -1096,17 +1009,14 @@ wrapperTag: div
1096
1009
  </div>
1097
1010
  </div>
1098
1011
  <div class="pf-c-form__group">
1099
- <div class="pf-c-form__group-label">
1100
- <label
1012
+ <div class="pf-c-form__group-label"><label
1101
1013
  class="pf-c-form__label"
1102
1014
  for="wizard-expandable-expanded-form-field2"
1103
1015
  >
1104
- <span class="pf-c-form__label-text">Field 2</span>
1105
- <span
1016
+ <span class="pf-c-form__label-text">Field 2</span>&nbsp;<span
1106
1017
  class="pf-c-form__label-required"
1107
1018
  aria-hidden="true"
1108
- >&#42;</span>
1109
- </label>
1019
+ >&#42;</span></label>
1110
1020
  </div>
1111
1021
  <div class="pf-c-form__group-control">
1112
1022
  <input
@@ -1119,17 +1029,14 @@ wrapperTag: div
1119
1029
  </div>
1120
1030
  </div>
1121
1031
  <div class="pf-c-form__group">
1122
- <div class="pf-c-form__group-label">
1123
- <label
1032
+ <div class="pf-c-form__group-label"><label
1124
1033
  class="pf-c-form__label"
1125
1034
  for="wizard-expandable-expanded-form-field3"
1126
1035
  >
1127
- <span class="pf-c-form__label-text">Field 3</span>
1128
- <span
1036
+ <span class="pf-c-form__label-text">Field 3</span>&nbsp;<span
1129
1037
  class="pf-c-form__label-required"
1130
1038
  aria-hidden="true"
1131
- >&#42;</span>
1132
- </label>
1039
+ >&#42;</span></label>
1133
1040
  </div>
1134
1041
  <div class="pf-c-form__group-control">
1135
1042
  <input
@@ -1142,17 +1049,14 @@ wrapperTag: div
1142
1049
  </div>
1143
1050
  </div>
1144
1051
  <div class="pf-c-form__group">
1145
- <div class="pf-c-form__group-label">
1146
- <label
1052
+ <div class="pf-c-form__group-label"><label
1147
1053
  class="pf-c-form__label"
1148
1054
  for="wizard-expandable-expanded-form-field4"
1149
1055
  >
1150
- <span class="pf-c-form__label-text">Field 4</span>
1151
- <span
1056
+ <span class="pf-c-form__label-text">Field 4</span>&nbsp;<span
1152
1057
  class="pf-c-form__label-required"
1153
1058
  aria-hidden="true"
1154
- >&#42;</span>
1155
- </label>
1059
+ >&#42;</span></label>
1156
1060
  </div>
1157
1061
  <div class="pf-c-form__group-control">
1158
1062
  <input
@@ -1165,17 +1069,14 @@ wrapperTag: div
1165
1069
  </div>
1166
1070
  </div>
1167
1071
  <div class="pf-c-form__group">
1168
- <div class="pf-c-form__group-label">
1169
- <label
1072
+ <div class="pf-c-form__group-label"><label
1170
1073
  class="pf-c-form__label"
1171
1074
  for="wizard-expandable-expanded-form-field5"
1172
1075
  >
1173
- <span class="pf-c-form__label-text">Field 5</span>
1174
- <span
1076
+ <span class="pf-c-form__label-text">Field 5</span>&nbsp;<span
1175
1077
  class="pf-c-form__label-required"
1176
1078
  aria-hidden="true"
1177
- >&#42;</span>
1178
- </label>
1079
+ >&#42;</span></label>
1179
1080
  </div>
1180
1081
  <div class="pf-c-form__group-control">
1181
1082
  <input
@@ -1188,17 +1089,14 @@ wrapperTag: div
1188
1089
  </div>
1189
1090
  </div>
1190
1091
  <div class="pf-c-form__group">
1191
- <div class="pf-c-form__group-label">
1192
- <label
1092
+ <div class="pf-c-form__group-label"><label
1193
1093
  class="pf-c-form__label"
1194
1094
  for="wizard-expandable-expanded-form-field6"
1195
1095
  >
1196
- <span class="pf-c-form__label-text">Field 6</span>
1197
- <span
1096
+ <span class="pf-c-form__label-text">Field 6</span>&nbsp;<span
1198
1097
  class="pf-c-form__label-required"
1199
1098
  aria-hidden="true"
1200
- >&#42;</span>
1201
- </label>
1099
+ >&#42;</span></label>
1202
1100
  </div>
1203
1101
  <div class="pf-c-form__group-control">
1204
1102
  <input
@@ -1211,17 +1109,14 @@ wrapperTag: div
1211
1109
  </div>
1212
1110
  </div>
1213
1111
  <div class="pf-c-form__group">
1214
- <div class="pf-c-form__group-label">
1215
- <label
1112
+ <div class="pf-c-form__group-label"><label
1216
1113
  class="pf-c-form__label"
1217
1114
  for="wizard-expandable-expanded-form-field7"
1218
1115
  >
1219
- <span class="pf-c-form__label-text">Field 7</span>
1220
- <span
1116
+ <span class="pf-c-form__label-text">Field 7</span>&nbsp;<span
1221
1117
  class="pf-c-form__label-required"
1222
1118
  aria-hidden="true"
1223
- >&#42;</span>
1224
- </label>
1119
+ >&#42;</span></label>
1225
1120
  </div>
1226
1121
  <div class="pf-c-form__group-control">
1227
1122
  <input