@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/SearchInput/examples/SearchInput.md CHANGED
@@ -252,13 +252,11 @@ cssPrefix: pf-c-search-input
252
252
  <div class="pf-c-search-input__menu-body">
253
253
  <form class="pf-c-form" novalidate>
254
254
  <div class="pf-c-form__group">
255
- <div class="pf-c-form__group-label">
256
- <label
255
+ <div class="pf-c-form__group-label"><label
257
256
  class="pf-c-form__label"
258
257
  for="advanced-search-input-form-username"
259
258
  >
260
- <span class="pf-c-form__label-text">Username</span>
261
- </label>
259
+ <span class="pf-c-form__label-text">Username</span></label>
262
260
  </div>
263
261
  <div class="pf-c-form__group-control">
264
262
  <input
@@ -271,13 +269,11 @@ cssPrefix: pf-c-search-input
271
269
  </div>
272
270
  </div>
273
271
  <div class="pf-c-form__group">
274
- <div class="pf-c-form__group-label">
275
- <label
272
+ <div class="pf-c-form__group-label"><label
276
273
  class="pf-c-form__label"
277
274
  for="advanced-search-input-form-firstname"
278
275
  >
279
- <span class="pf-c-form__label-text">First name</span>
280
- </label>
276
+ <span class="pf-c-form__label-text">First name</span></label>
281
277
  </div>
282
278
  <div class="pf-c-form__group-control">
283
279
  <input
@@ -290,13 +286,11 @@ cssPrefix: pf-c-search-input
290
286
  </div>
291
287
  </div>
292
288
  <div class="pf-c-form__group">
293
- <div class="pf-c-form__group-label">
294
- <label
289
+ <div class="pf-c-form__group-label"><label
295
290
  class="pf-c-form__label"
296
291
  for="advanced-search-input-form-group"
297
292
  >
298
- <span class="pf-c-form__label-text">Group</span>
299
- </label>
293
+ <span class="pf-c-form__label-text">Group</span></label>
300
294
  </div>
301
295
  <div class="pf-c-form__group-control">
302
296
  <input
@@ -308,13 +302,11 @@ cssPrefix: pf-c-search-input
308
302
  </div>
309
303
  </div>
310
304
  <div class="pf-c-form__group">
311
- <div class="pf-c-form__group-label">
312
- <label
305
+ <div class="pf-c-form__group-label"><label
313
306
  class="pf-c-form__label"
314
307
  for="advanced-search-input-form-email"
315
308
  >
316
- <span class="pf-c-form__label-text">Email</span>
317
- </label>
309
+ <span class="pf-c-form__label-text">Email</span></label>
318
310
  </div>
319
311
  <div class="pf-c-form__group-control">
320
312
  <input
@@ -485,13 +477,11 @@ cssPrefix: pf-c-search-input
485
477
  <div class="pf-c-search-input__menu-body">
486
478
  <form class="pf-c-form" novalidate>
487
479
  <div class="pf-c-form__group">
488
- <div class="pf-c-form__group-label">
489
- <label
480
+ <div class="pf-c-form__group-label"><label
490
481
  class="pf-c-form__label"
491
482
  for="advanced-search-autocomplete-input-form-username"
492
483
  >
493
- <span class="pf-c-form__label-text">Username</span>
494
- </label>
484
+ <span class="pf-c-form__label-text">Username</span></label>
495
485
  </div>
496
486
  <div class="pf-c-form__group-control">
497
487
  <input
@@ -504,13 +494,11 @@ cssPrefix: pf-c-search-input
504
494
  </div>
505
495
  </div>
506
496
  <div class="pf-c-form__group">
507
- <div class="pf-c-form__group-label">
508
- <label
497
+ <div class="pf-c-form__group-label"><label
509
498
  class="pf-c-form__label"
510
499
  for="advanced-search-autocomplete-input-form-firstname"
511
500
  >
512
- <span class="pf-c-form__label-text">First name</span>
513
- </label>
501
+ <span class="pf-c-form__label-text">First name</span></label>
514
502
  </div>
515
503
  <div class="pf-c-form__group-control">
516
504
  <input
@@ -523,13 +511,11 @@ cssPrefix: pf-c-search-input
523
511
  </div>
524
512
  </div>
525
513
  <div class="pf-c-form__group">
526
- <div class="pf-c-form__group-label">
527
- <label
514
+ <div class="pf-c-form__group-label"><label
528
515
  class="pf-c-form__label"
529
516
  for="advanced-search-autocomplete-input-form-group"
530
517
  >
531
- <span class="pf-c-form__label-text">Group</span>
532
- </label>
518
+ <span class="pf-c-form__label-text">Group</span></label>
533
519
  </div>
534
520
  <div class="pf-c-form__group-control">
535
521
  <input
@@ -541,13 +527,11 @@ cssPrefix: pf-c-search-input
541
527
  </div>
542
528
  </div>
543
529
  <div class="pf-c-form__group">
544
- <div class="pf-c-form__group-label">
545
- <label
530
+ <div class="pf-c-form__group-label"><label
546
531
  class="pf-c-form__label"
547
532
  for="advanced-search-autocomplete-input-form-email"
548
533
  >
549
- <span class="pf-c-form__label-text">Email</span>
550
- </label>
534
+ <span class="pf-c-form__label-text">Email</span></label>
551
535
  </div>
552
536
  <div class="pf-c-form__group-control">
553
537
  <input
package/docs/components/TextInputGroup/examples/TextInputGroup.md CHANGED
@@ -800,13 +800,11 @@ cssPrefix: pf-c-text-input-group
800
800
  <div class="pf-c-panel__main-body">
801
801
  <form class="pf-c-form" novalidate>
802
802
  <div class="pf-c-form__group">
803
- <div class="pf-c-form__group-label">
804
- <label
803
+ <div class="pf-c-form__group-label"><label
805
804
  class="pf-c-form__label"
806
805
  for="text-input-group-advanced-search-input-expanded-legacy-form-example-username"
807
806
  >
808
- <span class="pf-c-form__label-text">Username</span>
809
- </label>
807
+ <span class="pf-c-form__label-text">Username</span></label>
810
808
  </div>
811
809
  <div class="pf-c-form__group-control">
812
810
  <input
@@ -819,13 +817,11 @@ cssPrefix: pf-c-text-input-group
819
817
  </div>
820
818
  </div>
821
819
  <div class="pf-c-form__group">
822
- <div class="pf-c-form__group-label">
823
- <label
820
+ <div class="pf-c-form__group-label"><label
824
821
  class="pf-c-form__label"
825
822
  for="text-input-group-advanced-search-input-expanded-legacy-form-example-firstname"
826
823
  >
827
- <span class="pf-c-form__label-text">First name</span>
828
- </label>
824
+ <span class="pf-c-form__label-text">First name</span></label>
829
825
  </div>
830
826
  <div class="pf-c-form__group-control">
831
827
  <input
@@ -838,13 +834,11 @@ cssPrefix: pf-c-text-input-group
838
834
  </div>
839
835
  </div>
840
836
  <div class="pf-c-form__group">
841
- <div class="pf-c-form__group-label">
842
- <label
837
+ <div class="pf-c-form__group-label"><label
843
838
  class="pf-c-form__label"
844
839
  for="text-input-group-advanced-search-input-expanded-legacy-form-example-group"
845
840
  >
846
- <span class="pf-c-form__label-text">Group</span>
847
- </label>
841
+ <span class="pf-c-form__label-text">Group</span></label>
848
842
  </div>
849
843
  <div class="pf-c-form__group-control">
850
844
  <input
@@ -856,13 +850,11 @@ cssPrefix: pf-c-text-input-group
856
850
  </div>
857
851
  </div>
858
852
  <div class="pf-c-form__group">
859
- <div class="pf-c-form__group-label">
860
- <label
853
+ <div class="pf-c-form__group-label"><label
861
854
  class="pf-c-form__label"
862
855
  for="text-input-group-advanced-search-input-expanded-legacy-form-example-email"
863
856
  >
864
- <span class="pf-c-form__label-text">Email</span>
865
- </label>
857
+ <span class="pf-c-form__label-text">Email</span></label>
866
858
  </div>
867
859
  <div class="pf-c-form__group-control">
868
860
  <input
@@ -1049,13 +1041,11 @@ cssPrefix: pf-c-text-input-group
1049
1041
  <div class="pf-c-panel__main-body">
1050
1042
  <form class="pf-c-form" novalidate>
1051
1043
  <div class="pf-c-form__group">
1052
- <div class="pf-c-form__group-label">
1053
- <label
1044
+ <div class="pf-c-form__group-label"><label
1054
1045
  class="pf-c-form__label"
1055
1046
  for="text-input-group-advanced-search-input-form-with-autocomplete-example-username"
1056
1047
  >
1057
- <span class="pf-c-form__label-text">Username</span>
1058
- </label>
1048
+ <span class="pf-c-form__label-text">Username</span></label>
1059
1049
  </div>
1060
1050
  <div class="pf-c-form__group-control">
1061
1051
  <input
@@ -1068,13 +1058,11 @@ cssPrefix: pf-c-text-input-group
1068
1058
  </div>
1069
1059
  </div>
1070
1060
  <div class="pf-c-form__group">
1071
- <div class="pf-c-form__group-label">
1072
- <label
1061
+ <div class="pf-c-form__group-label"><label
1073
1062
  class="pf-c-form__label"
1074
1063
  for="text-input-group-advanced-search-input-form-with-autocomplete-example-firstname"
1075
1064
  >
1076
- <span class="pf-c-form__label-text">First name</span>
1077
- </label>
1065
+ <span class="pf-c-form__label-text">First name</span></label>
1078
1066
  </div>
1079
1067
  <div class="pf-c-form__group-control">
1080
1068
  <input
@@ -1087,13 +1075,11 @@ cssPrefix: pf-c-text-input-group
1087
1075
  </div>
1088
1076
  </div>
1089
1077
  <div class="pf-c-form__group">
1090
- <div class="pf-c-form__group-label">
1091
- <label
1078
+ <div class="pf-c-form__group-label"><label
1092
1079
  class="pf-c-form__label"
1093
1080
  for="text-input-group-advanced-search-input-form-with-autocomplete-example-group"
1094
1081
  >
1095
- <span class="pf-c-form__label-text">Group</span>
1096
- </label>
1082
+ <span class="pf-c-form__label-text">Group</span></label>
1097
1083
  </div>
1098
1084
  <div class="pf-c-form__group-control">
1099
1085
  <input
@@ -1105,13 +1091,11 @@ cssPrefix: pf-c-text-input-group
1105
1091
  </div>
1106
1092
  </div>
1107
1093
  <div class="pf-c-form__group">
1108
- <div class="pf-c-form__group-label">
1109
- <label
1094
+ <div class="pf-c-form__group-label"><label
1110
1095
  class="pf-c-form__label"
1111
1096
  for="text-input-group-advanced-search-input-form-with-autocomplete-example-email"
1112
1097
  >
1113
- <span class="pf-c-form__label-text">Email</span>
1114
- </label>
1098
+ <span class="pf-c-form__label-text">Email</span></label>
1115
1099
  </div>
1116
1100
  <div class="pf-c-form__group-control">
1117
1101
  <input