@patternfly/patternfly 5.0.0-alpha.53 → 5.0.0-alpha.55

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 (49) hide show
  1. package/components/FormControl/form-control.css +164 -214
  2. package/components/FormControl/form-control.scss +175 -281
  3. package/components/FormControl/themes/dark/form-control.scss +1 -2
  4. package/components/NumberInput/number-input.css +0 -1
  5. package/components/NumberInput/number-input.scss +0 -1
  6. package/components/Table/table-grid.css +380 -391
  7. package/components/Table/table-grid.scss +97 -92
  8. package/components/Table/table-tree-view.css +254 -254
  9. package/components/Table/table-tree-view.scss +30 -30
  10. package/components/Table/table.css +232 -232
  11. package/components/Table/table.scss +265 -255
  12. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -28
  13. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +52 -46
  14. package/docs/components/DatePicker/examples/DatePicker.md +55 -49
  15. package/docs/components/FileUpload/examples/FileUpload.md +105 -93
  16. package/docs/components/Form/examples/Form.md +165 -145
  17. package/docs/components/FormControl/examples/FormControl.md +439 -475
  18. package/docs/components/InlineEdit/examples/InlineEdit.md +137 -104
  19. package/docs/components/InputGroup/examples/InputGroup.md +84 -74
  20. package/docs/components/Login/examples/Login.md +92 -82
  21. package/docs/components/NumberInput/examples/NumberInput.md +99 -87
  22. package/docs/components/Pagination/examples/Pagination.md +100 -89
  23. package/docs/components/Select/examples/Select.md +77 -68
  24. package/docs/components/Slider/examples/Slider.md +31 -44
  25. package/docs/components/Table/examples/Table.md +6839 -3703
  26. package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -52
  27. package/docs/components/Toolbar/examples/Toolbar.md +18 -16
  28. package/docs/components/Wizard/examples/Wizard.md +280 -245
  29. package/docs/demos/Alert/examples/Alert.md +69 -57
  30. package/docs/demos/Button/examples/Button.md +54 -48
  31. package/docs/demos/Card/examples/Card.md +73 -34
  32. package/docs/demos/CardView/examples/CardView.md +9 -8
  33. package/docs/demos/DataList/examples/DataList.md +223 -84
  34. package/docs/demos/DescriptionList/examples/DescriptionList.md +63 -23
  35. package/docs/demos/Form/examples/BasicForms.md +247 -227
  36. package/docs/demos/HelperText/examples/HelperText.md +37 -33
  37. package/docs/demos/Modal/examples/Modal.md +14 -21
  38. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -10
  39. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -40
  40. package/docs/demos/Table/examples/Table.md +2765 -1397
  41. package/docs/demos/Tabs/examples/Tabs.md +203 -50
  42. package/docs/demos/Toolbar/examples/Toolbar.md +300 -137
  43. package/docs/demos/Wizard/examples/Wizard.md +448 -392
  44. package/package.json +3 -3
  45. package/patternfly-no-globals.css +1027 -1089
  46. package/patternfly.css +1027 -1089
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
  49. package/docs/components/FormControl/examples/FormControl.css +0 -5
package/docs/demos/HelperText/examples/HelperText.md CHANGED
@@ -12,14 +12,15 @@ section: components
12
12
  <span class="pf-v5-c-form__label-text">Name</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
13
13
  </div>
14
14
  <div class="pf-v5-c-form__group-control">
15
- <input
16
- class="pf-v5-c-form-control"
17
- required
18
- type="text"
19
- id="helper-text-form-name"
20
- name="helper-text-form-name"
21
- aria-describedby="helper-text-form-name-helper"
22
- />
15
+ <div class="pf-v5-c-form-control">
16
+ <input
17
+ required
18
+ type="text"
19
+ id="helper-text-form-name"
20
+ name="helper-text-form-name"
21
+ aria-describedby="helper-text-form-name-helper"
22
+ />
23
+ </div>
23
24
  <div
24
25
  class="pf-v5-c-form__helper-text"
25
26
  aria-live="polite"
@@ -40,14 +41,15 @@ section: components
40
41
  <span class="pf-v5-c-form__label-text">E-mail</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
41
42
  </div>
42
43
  <div class="pf-v5-c-form__group-control">
43
- <input
44
- class="pf-v5-c-form-control pf-m-warning"
45
- required
46
- type="text"
47
- id="helper-text-form-email"
48
- name="helper-text-form-email"
49
- aria-describedby="helper-text-form-email-helper"
50
- />
44
+ <div class="pf-v5-c-form-control pf-m-warning">
45
+ <input
46
+ required
47
+ type="text"
48
+ id="helper-text-form-email"
49
+ name="helper-text-form-email"
50
+ aria-describedby="helper-text-form-email-helper"
51
+ />
52
+ </div>
51
53
 
52
54
  <div
53
55
  class="pf-v5-c-form__helper-text"
@@ -69,15 +71,16 @@ section: components
69
71
  <span class="pf-v5-c-form__label-text">Address</span>&nbsp;<span class="pf-v5-c-form__label-required" aria-hidden="true">&#42;</span></label>
70
72
  </div>
71
73
  <div class="pf-v5-c-form__group-control">
72
- <input
73
- class="pf-v5-c-form-control"
74
- required
75
- type="text"
76
- id="helper-text-form-address"
77
- name="helper-text-form-address"
78
- aria-invalid="true"
79
- aria-describedby="helper-text-form-address-helper"
80
- />
74
+ <div class="pf-v5-c-form-control">
75
+ <input
76
+ required
77
+ type="text"
78
+ id="helper-text-form-address"
79
+ name="helper-text-form-address"
80
+ aria-invalid="true"
81
+ aria-describedby="helper-text-form-address-helper"
82
+ />
83
+ </div>
81
84
 
82
85
  <div
83
86
  class="pf-v5-c-form__helper-text"
@@ -118,14 +121,15 @@ section: components
118
121
  <span class="pf-v5-c-form__label-text">Comment</span></label>
119
122
  </div>
120
123
  <div class="pf-v5-c-form__group-control">
121
- <input
122
- class="pf-v5-c-form-control pf-m-success"
123
- value="This is a valid comment"
124
- type="text"
125
- id="helper-text-form-comment"
126
- name="helper-text-form-comment"
127
- aria-describedby="helper-text-form-comment-helper"
128
- />
124
+ <div class="pf-v5-c-form-control pf-m-success">
125
+ <input
126
+ value="This is a valid comment"
127
+ type="text"
128
+ id="helper-text-form-comment"
129
+ name="helper-text-form-comment"
130
+ aria-describedby="helper-text-form-comment-helper"
131
+ />
132
+ </div>
129
133
 
130
134
  <div
131
135
  class="pf-v5-c-form__helper-text"
package/docs/demos/Modal/examples/Modal.md CHANGED
@@ -6072,13 +6072,9 @@ section: components
6072
6072
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
6073
6073
  </div>
6074
6074
  <div class="pf-v5-c-form__group-control">
6075
- <input
6076
- class="pf-v5-c-form-control"
6077
- type="text"
6078
- id="-form-name"
6079
- name="-form-name"
6080
- required
6081
- />
6075
+ <div class="pf-v5-c-form-control">
6076
+ <input type="text" id="-form-name" name="-form-name" required />
6077
+ </div>
6082
6078
  </div>
6083
6079
  </div>
6084
6080
  <div class="pf-v5-c-form__group">
@@ -6096,13 +6092,9 @@ section: components
6096
6092
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
6097
6093
  </div>
6098
6094
  <div class="pf-v5-c-form__group-control">
6099
- <input
6100
- class="pf-v5-c-form-control"
6101
- type="text"
6102
- id="-form-email"
6103
- name="-form-email"
6104
- required
6105
- />
6095
+ <div class="pf-v5-c-form-control">
6096
+ <input type="text" id="-form-email" name="-form-email" required />
6097
+ </div>
6106
6098
  </div>
6107
6099
  </div>
6108
6100
  <div class="pf-v5-c-form__group">
@@ -6120,13 +6112,14 @@ section: components
6120
6112
  ><i class="pf-v5-pficon pf-v5-pficon-help" aria-hidden="true"></i></span>
6121
6113
  </div>
6122
6114
  <div class="pf-v5-c-form__group-control">
6123
- <input
6124
- class="pf-v5-c-form-control"
6125
- type="text"
6126
- id="-form-address"
6127
- name="-form-address"
6128
- required
6129
- />
6115
+ <div class="pf-v5-c-form-control">
6116
+ <input
6117
+ type="text"
6118
+ id="-form-address"
6119
+ name="-form-address"
6120
+ required
6121
+ />
6122
+ </div>
6130
6123
  </div>
6131
6124
  </div>
6132
6125
  </form>
package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md CHANGED
@@ -27,16 +27,17 @@ section: components
27
27
  <div class="pf-v5-c-form__group-control">
28
28
  <div class="pf-v5-c-input-group">
29
29
  <div class="pf-v5-c-input-group__item pf-m-fill">
30
- <input
31
- class="pf-v5-c-form-control"
32
- required
33
- type="password"
34
- id="password-generator-demo--initial-password"
35
- name="password-generator-demo--initial-password"
36
- aria-label="Password input"
37
- value
38
- placeholder="Password"
39
- />
30
+ <div class="pf-v5-c-form-control">
31
+ <input
32
+ required
33
+ type="password"
34
+ id="password-generator-demo--initial-password"
35
+ name="password-generator-demo--initial-password"
36
+ aria-label="Password input"
37
+ value
38
+ placeholder="Password"
39
+ />
40
+ </div>
40
41
  </div>
41
42
  <div class="pf-v5-c-input-group__item">
42
43
  <button
package/docs/demos/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -27,16 +27,17 @@ section: components
27
27
  <div class="pf-v5-c-form__group-control">
28
28
  <div class="pf-v5-c-input-group">
29
29
  <div class="pf-v5-c-input-group__item pf-m-fill">
30
- <input
31
- class="pf-v5-c-form-control"
32
- required
33
- type="text"
34
- id="password-strength-demo--initial-password"
35
- name="password-strength-demo--initial-password"
36
- aria-label="Password input"
37
- value
38
- placeholder="Password"
39
- />
30
+ <div class="pf-v5-c-form-control">
31
+ <input
32
+ required
33
+ type="text"
34
+ id="password-strength-demo--initial-password"
35
+ name="password-strength-demo--initial-password"
36
+ aria-label="Password input"
37
+ value
38
+ placeholder="Password"
39
+ />
40
+ </div>
40
41
  </div>
41
42
  <div class="pf-v5-c-input-group__item">
42
43
  <button
@@ -112,16 +113,17 @@ section: components
112
113
  <div class="pf-v5-c-form__group-control">
113
114
  <div class="pf-v5-c-input-group">
114
115
  <div class="pf-v5-c-input-group__item pf-m-fill">
115
- <input
116
- class="pf-v5-c-form-control"
117
- required
118
- type="text"
119
- id="password-strength-demo--invalid-password"
120
- name="password-strength-demo--invalid-password"
121
- aria-label="Password input"
122
- value="Marie$RedHat78"
123
- placeholder="Password"
124
- />
116
+ <div class="pf-v5-c-form-control">
117
+ <input
118
+ required
119
+ type="text"
120
+ id="password-strength-demo--invalid-password"
121
+ name="password-strength-demo--invalid-password"
122
+ aria-label="Password input"
123
+ value="Marie$RedHat78"
124
+ placeholder="Password"
125
+ />
126
+ </div>
125
127
  </div>
126
128
  <div class="pf-v5-c-input-group__item">
127
129
  <button
@@ -200,16 +202,17 @@ section: components
200
202
  <div class="pf-v5-c-form__group-control">
201
203
  <div class="pf-v5-c-input-group">
202
204
  <div class="pf-v5-c-input-group__item pf-m-fill">
203
- <input
204
- class="pf-v5-c-form-control"
205
- required
206
- type="text"
207
- id="password-strength-demo--weak-password"
208
- name="password-strength-demo--weak-password"
209
- aria-label="Password input"
210
- value="Marie$Can3Read"
211
- placeholder="Password"
212
- />
205
+ <div class="pf-v5-c-form-control">
206
+ <input
207
+ required
208
+ type="text"
209
+ id="password-strength-demo--weak-password"
210
+ name="password-strength-demo--weak-password"
211
+ aria-label="Password input"
212
+ value="Marie$Can3Read"
213
+ placeholder="Password"
214
+ />
215
+ </div>
213
216
  </div>
214
217
  <div class="pf-v5-c-input-group__item">
215
218
  <button
@@ -288,16 +291,17 @@ section: components
288
291
  <div class="pf-v5-c-form__group-control">
289
292
  <div class="pf-v5-c-input-group">
290
293
  <div class="pf-v5-c-input-group__item pf-m-fill">
291
- <input
292
- class="pf-v5-c-form-control"
293
- required
294
- type="text"
295
- id="password-strength-demo--strong-password"
296
- name="password-strength-demo--strong-password"
297
- aria-label="Password input"
298
- value="Marie$Can8Read3Pass@Word"
299
- placeholder="Password"
300
- />
294
+ <div class="pf-v5-c-form-control">
295
+ <input
296
+ required
297
+ type="text"
298
+ id="password-strength-demo--strong-password"
299
+ name="password-strength-demo--strong-password"
300
+ aria-label="Password input"
301
+ value="Marie$Can8Read3Pass@Word"
302
+ placeholder="Password"
303
+ />
304
+ </div>
301
305
  </div>
302
306
  <div class="pf-v5-c-input-group__item">
303
307
  <button