@patternfly/patternfly 4.216.0 → 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 (33) hide show
  1. package/base/_base.scss +3 -3
  2. package/base/_fa-icons.scss +2 -2
  3. package/base/_fonts.scss +1 -1
  4. package/components/DataList/data-list-grid.scss +2 -0
  5. package/components/DataList/data-list.scss +2 -0
  6. package/components/Dropdown/dropdown.scss +2 -0
  7. package/components/Form/form.css +1 -0
  8. package/components/Form/form.scss +1 -0
  9. package/components/FormControl/form-control.scss +2 -0
  10. package/components/InputGroup/input-group.scss +2 -0
  11. package/components/MenuToggle/menu-toggle.scss +2 -1
  12. package/components/Pagination/pagination.scss +2 -0
  13. package/components/Slider/slider.css +1 -0
  14. package/components/Slider/slider.scss +1 -0
  15. package/components/Wizard/wizard.scss +2 -0
  16. package/docs/components/Form/examples/Form.md +90 -148
  17. package/docs/components/Login/examples/Login.md +20 -50
  18. package/docs/components/SearchInput/examples/SearchInput.md +16 -32
  19. package/docs/components/TextInputGroup/examples/TextInputGroup.md +16 -32
  20. package/docs/components/Wizard/examples/Wizard.md +105 -210
  21. package/docs/demos/Alert/examples/Alert.md +16 -40
  22. package/docs/demos/Button/examples/Button.md +12 -30
  23. package/docs/demos/Form/examples/BasicForms.md +97 -176
  24. package/docs/demos/HelperText/examples/HelperText.md +8 -19
  25. package/docs/demos/Modal/examples/Modal.md +18 -27
  26. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +6 -10
  27. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +24 -40
  28. package/docs/demos/Wizard/examples/Wizard.md +168 -336
  29. package/package.json +10 -10
  30. package/patternfly-no-reset.css +2 -0
  31. package/patternfly.css +2 -0
  32. package/patternfly.min.css +1 -1
  33. package/patternfly.min.css.map +1 -1
package/docs/demos/Alert/examples/Alert.md CHANGED
@@ -1872,14 +1872,11 @@ section: components
1872
1872
  </div>
1873
1873
  </div>
1874
1874
  <div class="pf-c-form__group">
1875
- <div class="pf-c-form__group-label">
1876
- <label
1875
+ <div class="pf-c-form__group-label"><label
1877
1876
  class="pf-c-form__label"
1878
1877
  for="alert-horizontal-example-form-name"
1879
1878
  >
1880
- <span class="pf-c-form__label-text">Name</span>
1881
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
1882
- </label>
1879
+ <span class="pf-c-form__label-text">Name</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
1883
1880
  </div>
1884
1881
  <div class="pf-c-form__group-control">
1885
1882
  <input
@@ -1899,14 +1896,11 @@ section: components
1899
1896
  </div>
1900
1897
  </div>
1901
1898
  <div class="pf-c-form__group">
1902
- <div class="pf-c-form__group-label">
1903
- <label
1899
+ <div class="pf-c-form__group-label"><label
1904
1900
  class="pf-c-form__label"
1905
1901
  for="alert-horizontal-example-form-email"
1906
1902
  >
1907
- <span class="pf-c-form__label-text">Email</span>
1908
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
1909
- </label>
1903
+ <span class="pf-c-form__label-text">Email</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
1910
1904
  </div>
1911
1905
  <div class="pf-c-form__group-control">
1912
1906
  <input
@@ -1920,14 +1914,11 @@ section: components
1920
1914
  </div>
1921
1915
  </div>
1922
1916
  <div class="pf-c-form__group">
1923
- <div class="pf-c-form__group-label">
1924
- <label
1917
+ <div class="pf-c-form__group-label"><label
1925
1918
  class="pf-c-form__label"
1926
1919
  for="alert-horizontal-example-form-phone"
1927
1920
  >
1928
- <span class="pf-c-form__label-text">Phone number</span>
1929
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
1930
- </label>
1921
+ <span class="pf-c-form__label-text">Phone number</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
1931
1922
  </div>
1932
1923
  <div class="pf-c-form__group-control">
1933
1924
  <input
@@ -1954,14 +1945,11 @@ section: components
1954
1945
  <div
1955
1946
  class="pf-c-form__group-label pf-m-no-padding-top"
1956
1947
  id="alert-horizontal-example-form-check-group-legend"
1957
- >
1958
- <span
1948
+ ><span
1959
1949
  class="pf-c-form__label"
1960
1950
  for="alert-horizontal-example-form-experience"
1961
1951
  >
1962
- <span class="pf-c-form__label-text">Your experience</span>
1963
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
1964
- </span>
1952
+ <span class="pf-c-form__label-text">Your experience</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></span>
1965
1953
  </div>
1966
1954
  <div class="pf-c-form__group-control">
1967
1955
  <p
@@ -2904,14 +2892,11 @@ section: components
2904
2892
  </div>
2905
2893
  </div>
2906
2894
  <div class="pf-c-form__group">
2907
- <div class="pf-c-form__group-label">
2908
- <label
2895
+ <div class="pf-c-form__group-label"><label
2909
2896
  class="pf-c-form__label"
2910
2897
  for="alert-stacked-example-form-form-name"
2911
2898
  >
2912
- <span class="pf-c-form__label-text">Full name</span>
2913
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
2914
- </label>
2899
+ <span class="pf-c-form__label-text">Full name</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
2915
2900
  </div>
2916
2901
  <div class="pf-c-form__group-control">
2917
2902
  <input
@@ -2931,14 +2916,11 @@ section: components
2931
2916
  </div>
2932
2917
  </div>
2933
2918
  <div class="pf-c-form__group">
2934
- <div class="pf-c-form__group-label">
2935
- <label
2919
+ <div class="pf-c-form__group-label"><label
2936
2920
  class="pf-c-form__label"
2937
2921
  for="alert-stacked-example-form-form-email"
2938
2922
  >
2939
- <span class="pf-c-form__label-text">Email</span>
2940
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
2941
- </label>
2923
+ <span class="pf-c-form__label-text">Email</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
2942
2924
  </div>
2943
2925
  <div class="pf-c-form__group-control">
2944
2926
  <input
@@ -2957,14 +2939,11 @@ section: components
2957
2939
  >Enter a valid email address: example@gmail.com</p>
2958
2940
  </div>
2959
2941
  <div class="pf-c-form__group">
2960
- <div class="pf-c-form__group-label">
2961
- <label
2942
+ <div class="pf-c-form__group-label"><label
2962
2943
  class="pf-c-form__label"
2963
2944
  for="alert-stacked-example-form-form-state"
2964
2945
  >
2965
- <span class="pf-c-form__label-text">State of residence</span>
2966
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
2967
- </label>
2946
+ <span class="pf-c-form__label-text">State of residence</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
2968
2947
  </div>
2969
2948
  <select
2970
2949
  class="pf-c-form-control"
@@ -2994,14 +2973,11 @@ section: components
2994
2973
  <div
2995
2974
  class="pf-c-form__group-label pf-m-no-padding-top"
2996
2975
  id="alert-stacked-example-form-check-group-legend"
2997
- >
2998
- <span
2976
+ ><span
2999
2977
  class="pf-c-form__label"
3000
2978
  for="alert-stacked-example-form-form-experience"
3001
2979
  >
3002
- <span class="pf-c-form__label-text">How can we contact you?</span>
3003
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
3004
- </span>
2980
+ <span class="pf-c-form__label-text">How can we contact you?</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></span>
3005
2981
  <p
3006
2982
  class="pf-c-form__helper-text pf-m-error"
3007
2983
  id="alert-stacked-example-form-simple-form-info-helper-contact"
package/docs/demos/Button/examples/Button.md CHANGED
@@ -9,11 +9,8 @@ cssPrefix: pf-d-button
9
9
  ```html
10
10
  <form class="pf-c-form pf-m-limit-width" novalidate>
11
11
  <div class="pf-c-form__group">
12
- <div class="pf-c-form__group-label">
13
- <label class="pf-c-form__label" for="progress-button-example-login">
14
- <span class="pf-c-form__label-text">Username</span>
15
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
16
- </label>
12
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="progress-button-example-login">
13
+ <span class="pf-c-form__label-text">Username</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
17
14
  </div>
18
15
  <div class="pf-c-form__group-control">
19
16
  <input
@@ -27,11 +24,8 @@ cssPrefix: pf-d-button
27
24
  </div>
28
25
  </div>
29
26
  <div class="pf-c-form__group">
30
- <div class="pf-c-form__group-label">
31
- <label class="pf-c-form__label" for="progress-button-example-password">
32
- <span class="pf-c-form__label-text">Password</span>
33
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
34
- </label>
27
+ <div class="pf-c-form__group-label"><label class="pf-c-form__label" for="progress-button-example-password">
28
+ <span class="pf-c-form__label-text">Password</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
35
29
  </div>
36
30
  <div class="pf-c-form__group-control">
37
31
  <input
@@ -61,14 +55,11 @@ cssPrefix: pf-d-button
61
55
  ```html
62
56
  <form class="pf-c-form pf-m-limit-width" novalidate>
63
57
  <div class="pf-c-form__group">
64
- <div class="pf-c-form__group-label">
65
- <label
58
+ <div class="pf-c-form__group-label"><label
66
59
  class="pf-c-form__label"
67
60
  for="progress-button-loading-example-login"
68
61
  >
69
- <span class="pf-c-form__label-text">Username</span>
70
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
71
- </label>
62
+ <span class="pf-c-form__label-text">Username</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
72
63
  </div>
73
64
  <div class="pf-c-form__group-control">
74
65
  <input
@@ -82,14 +73,11 @@ cssPrefix: pf-d-button
82
73
  </div>
83
74
  </div>
84
75
  <div class="pf-c-form__group">
85
- <div class="pf-c-form__group-label">
86
- <label
76
+ <div class="pf-c-form__group-label"><label
87
77
  class="pf-c-form__label"
88
78
  for="progress-button-loading-example-password"
89
79
  >
90
- <span class="pf-c-form__label-text">Password</span>
91
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
92
- </label>
80
+ <span class="pf-c-form__label-text">Password</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
93
81
  </div>
94
82
  <div class="pf-c-form__group-control">
95
83
  <input
@@ -132,14 +120,11 @@ cssPrefix: pf-d-button
132
120
  ```html
133
121
  <form class="pf-c-form pf-m-limit-width" novalidate>
134
122
  <div class="pf-c-form__group">
135
- <div class="pf-c-form__group-label">
136
- <label
123
+ <div class="pf-c-form__group-label"><label
137
124
  class="pf-c-form__label"
138
125
  for="progress-button-complete-example-login"
139
126
  >
140
- <span class="pf-c-form__label-text">Username</span>
141
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
142
- </label>
127
+ <span class="pf-c-form__label-text">Username</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
143
128
  </div>
144
129
  <div class="pf-c-form__group-control">
145
130
  <input
@@ -153,14 +138,11 @@ cssPrefix: pf-d-button
153
138
  </div>
154
139
  </div>
155
140
  <div class="pf-c-form__group">
156
- <div class="pf-c-form__group-label">
157
- <label
141
+ <div class="pf-c-form__group-label"><label
158
142
  class="pf-c-form__label"
159
143
  for="progress-button-complete-example-password"
160
144
  >
161
- <span class="pf-c-form__label-text">Password</span>
162
- <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
163
- </label>
145
+ <span class="pf-c-form__label-text">Password</span>&nbsp;<span class="pf-c-form__label-required" aria-hidden="true">&#42;</span></label>
164
146
  </div>
165
147
  <div class="pf-c-form__group-control">
166
148
  <input