@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/TextInputGroup/examples/TextInputGroup.md CHANGED
@@ -916,13 +916,14 @@ cssPrefix: pf-v5-c-text-input-group
916
916
  <span class="pf-v5-c-form__label-text">Username</span></label>
917
917
  </div>
918
918
  <div class="pf-v5-c-form__group-control">
919
- <input
920
- class="pf-v5-c-form-control"
921
- type="text"
922
- value="root"
923
- id="text-input-group-advanced-search-input-expanded-legacy-form-example-username"
924
- name="text-input-group-advanced-search-input-expanded-legacy-form-example-username"
925
- />
919
+ <div class="pf-v5-c-form-control">
920
+ <input
921
+ type="text"
922
+ value="root"
923
+ id="text-input-group-advanced-search-input-expanded-legacy-form-example-username"
924
+ name="text-input-group-advanced-search-input-expanded-legacy-form-example-username"
925
+ />
926
+ </div>
926
927
  </div>
927
928
  </div>
928
929
  <div class="pf-v5-c-form__group">
@@ -933,13 +934,14 @@ cssPrefix: pf-v5-c-text-input-group
933
934
  <span class="pf-v5-c-form__label-text">First name</span></label>
934
935
  </div>
935
936
  <div class="pf-v5-c-form__group-control">
936
- <input
937
- class="pf-v5-c-form-control"
938
- type="text"
939
- value="ned"
940
- id="text-input-group-advanced-search-input-expanded-legacy-form-example-firstname"
941
- name="text-input-group-advanced-search-input-expanded-legacy-form-example-firstname"
942
- />
937
+ <div class="pf-v5-c-form-control">
938
+ <input
939
+ type="text"
940
+ value="ned"
941
+ id="text-input-group-advanced-search-input-expanded-legacy-form-example-firstname"
942
+ name="text-input-group-advanced-search-input-expanded-legacy-form-example-firstname"
943
+ />
944
+ </div>
943
945
  </div>
944
946
  </div>
945
947
  <div class="pf-v5-c-form__group">
@@ -950,12 +952,13 @@ cssPrefix: pf-v5-c-text-input-group
950
952
  <span class="pf-v5-c-form__label-text">Group</span></label>
951
953
  </div>
952
954
  <div class="pf-v5-c-form__group-control">
953
- <input
954
- class="pf-v5-c-form-control"
955
- type="text"
956
- id="text-input-group-advanced-search-input-expanded-legacy-form-example-group"
957
- name="text-input-group-advanced-search-input-expanded-legacy-form-example-group"
958
- />
955
+ <div class="pf-v5-c-form-control">
956
+ <input
957
+ type="text"
958
+ id="text-input-group-advanced-search-input-expanded-legacy-form-example-group"
959
+ name="text-input-group-advanced-search-input-expanded-legacy-form-example-group"
960
+ />
961
+ </div>
959
962
  </div>
960
963
  </div>
961
964
  <div class="pf-v5-c-form__group">
@@ -966,12 +969,13 @@ cssPrefix: pf-v5-c-text-input-group
966
969
  <span class="pf-v5-c-form__label-text">Email</span></label>
967
970
  </div>
968
971
  <div class="pf-v5-c-form__group-control">
969
- <input
970
- class="pf-v5-c-form-control"
971
- type="text"
972
- id="text-input-group-advanced-search-input-expanded-legacy-form-example-email"
973
- name="text-input-group-advanced-search-input-expanded-legacy-form-example-email"
974
- />
972
+ <div class="pf-v5-c-form-control">
973
+ <input
974
+ type="text"
975
+ id="text-input-group-advanced-search-input-expanded-legacy-form-example-email"
976
+ name="text-input-group-advanced-search-input-expanded-legacy-form-example-email"
977
+ />
978
+ </div>
975
979
  </div>
976
980
  </div>
977
981
  <div class="pf-v5-c-form__group pf-m-action">
@@ -1161,13 +1165,14 @@ cssPrefix: pf-v5-c-text-input-group
1161
1165
  <span class="pf-v5-c-form__label-text">Username</span></label>
1162
1166
  </div>
1163
1167
  <div class="pf-v5-c-form__group-control">
1164
- <input
1165
- class="pf-v5-c-form-control"
1166
- type="text"
1167
- value="root"
1168
- id="text-input-group-advanced-search-input-form-with-autocomplete-example-username"
1169
- name="text-input-group-advanced-search-input-form-with-autocomplete-example-username"
1170
- />
1168
+ <div class="pf-v5-c-form-control">
1169
+ <input
1170
+ type="text"
1171
+ value="root"
1172
+ id="text-input-group-advanced-search-input-form-with-autocomplete-example-username"
1173
+ name="text-input-group-advanced-search-input-form-with-autocomplete-example-username"
1174
+ />
1175
+ </div>
1171
1176
  </div>
1172
1177
  </div>
1173
1178
  <div class="pf-v5-c-form__group">
@@ -1178,13 +1183,14 @@ cssPrefix: pf-v5-c-text-input-group
1178
1183
  <span class="pf-v5-c-form__label-text">First name</span></label>
1179
1184
  </div>
1180
1185
  <div class="pf-v5-c-form__group-control">
1181
- <input
1182
- class="pf-v5-c-form-control"
1183
- type="text"
1184
- value="ned"
1185
- id="text-input-group-advanced-search-input-form-with-autocomplete-example-firstname"
1186
- name="text-input-group-advanced-search-input-form-with-autocomplete-example-firstname"
1187
- />
1186
+ <div class="pf-v5-c-form-control">
1187
+ <input
1188
+ type="text"
1189
+ value="ned"
1190
+ id="text-input-group-advanced-search-input-form-with-autocomplete-example-firstname"
1191
+ name="text-input-group-advanced-search-input-form-with-autocomplete-example-firstname"
1192
+ />
1193
+ </div>
1188
1194
  </div>
1189
1195
  </div>
1190
1196
  <div class="pf-v5-c-form__group">
@@ -1195,12 +1201,13 @@ cssPrefix: pf-v5-c-text-input-group
1195
1201
  <span class="pf-v5-c-form__label-text">Group</span></label>
1196
1202
  </div>
1197
1203
  <div class="pf-v5-c-form__group-control">
1198
- <input
1199
- class="pf-v5-c-form-control"
1200
- type="text"
1201
- id="text-input-group-advanced-search-input-form-with-autocomplete-example-group"
1202
- name="text-input-group-advanced-search-input-form-with-autocomplete-example-group"
1203
- />
1204
+ <div class="pf-v5-c-form-control">
1205
+ <input
1206
+ type="text"
1207
+ id="text-input-group-advanced-search-input-form-with-autocomplete-example-group"
1208
+ name="text-input-group-advanced-search-input-form-with-autocomplete-example-group"
1209
+ />
1210
+ </div>
1204
1211
  </div>
1205
1212
  </div>
1206
1213
  <div class="pf-v5-c-form__group">
@@ -1211,12 +1218,13 @@ cssPrefix: pf-v5-c-text-input-group
1211
1218
  <span class="pf-v5-c-form__label-text">Email</span></label>
1212
1219
  </div>
1213
1220
  <div class="pf-v5-c-form__group-control">
1214
- <input
1215
- class="pf-v5-c-form-control"
1216
- type="text"
1217
- id="text-input-group-advanced-search-input-form-with-autocomplete-example-email"
1218
- name="text-input-group-advanced-search-input-form-with-autocomplete-example-email"
1219
- />
1221
+ <div class="pf-v5-c-form-control">
1222
+ <input
1223
+ type="text"
1224
+ id="text-input-group-advanced-search-input-form-with-autocomplete-example-email"
1225
+ name="text-input-group-advanced-search-input-form-with-autocomplete-example-email"
1226
+ />
1227
+ </div>
1220
1228
  </div>
1221
1229
  </div>
1222
1230
  <div class="pf-v5-c-form__group pf-m-action">
package/docs/components/Toolbar/examples/Toolbar.md CHANGED
@@ -3394,14 +3394,15 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
3394
3394
  class="pf-v5-c-pagination__nav-page-select"
3395
3395
  aria-label="Current page 1 of 4"
3396
3396
  >
3397
- <input
3398
- class="pf-v5-c-form-control"
3399
- aria-label="Current page"
3400
- type="number"
3401
- min="1"
3402
- max="4"
3403
- value="1"
3404
- />
3397
+ <div class="pf-v5-c-form-control">
3398
+ <input
3399
+ aria-label="Current page"
3400
+ type="number"
3401
+ min="1"
3402
+ max="4"
3403
+ value="1"
3404
+ />
3405
+ </div>
3405
3406
  <span aria-hidden="true">of 4</span>
3406
3407
  </div>
3407
3408
  <button
@@ -3916,14 +3917,15 @@ The `.pf-m-toggle-group` controls when, and at which breakpoint, filters will be
3916
3917
  class="pf-v5-c-pagination__nav-page-select"
3917
3918
  aria-label="Current page 1 of 4"
3918
3919
  >
3919
- <input
3920
- class="pf-v5-c-form-control"
3921
- aria-label="Current page"
3922
- type="number"
3923
- min="1"
3924
- max="4"
3925
- value="1"
3926
- />
3920
+ <div class="pf-v5-c-form-control">
3921
+ <input
3922
+ aria-label="Current page"
3923
+ type="number"
3924
+ min="1"
3925
+ max="4"
3926
+ value="1"
3927
+ />
3928
+ </div>
3927
3929
  <span aria-hidden="true">of 4</span>
3928
3930
  </div>
3929
3931
  <button