@patternfly/patternfly 5.0.0-alpha.53 → 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 (39) 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/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -28
  7. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +52 -46
  8. package/docs/components/DatePicker/examples/DatePicker.md +55 -49
  9. package/docs/components/FileUpload/examples/FileUpload.md +105 -93
  10. package/docs/components/Form/examples/Form.md +165 -145
  11. package/docs/components/FormControl/examples/FormControl.md +439 -475
  12. package/docs/components/InlineEdit/examples/InlineEdit.md +87 -76
  13. package/docs/components/InputGroup/examples/InputGroup.md +84 -74
  14. package/docs/components/Login/examples/Login.md +92 -82
  15. package/docs/components/NumberInput/examples/NumberInput.md +99 -87
  16. package/docs/components/Pagination/examples/Pagination.md +100 -89
  17. package/docs/components/Select/examples/Select.md +77 -68
  18. package/docs/components/Slider/examples/Slider.md +31 -44
  19. package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -52
  20. package/docs/components/Toolbar/examples/Toolbar.md +18 -16
  21. package/docs/components/Wizard/examples/Wizard.md +280 -245
  22. package/docs/demos/Alert/examples/Alert.md +69 -57
  23. package/docs/demos/Button/examples/Button.md +54 -48
  24. package/docs/demos/CardView/examples/CardView.md +9 -8
  25. package/docs/demos/DataList/examples/DataList.md +36 -32
  26. package/docs/demos/Form/examples/BasicForms.md +247 -227
  27. package/docs/demos/HelperText/examples/HelperText.md +37 -33
  28. package/docs/demos/Modal/examples/Modal.md +14 -21
  29. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -10
  30. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -40
  31. package/docs/demos/Table/examples/Table.md +99 -88
  32. package/docs/demos/Toolbar/examples/Toolbar.md +28 -25
  33. package/docs/demos/Wizard/examples/Wizard.md +448 -392
  34. package/package.json +3 -3
  35. package/patternfly-no-globals.css +161 -212
  36. package/patternfly.css +161 -212
  37. package/patternfly.min.css +1 -1
  38. package/patternfly.min.css.map +1 -1
  39. package/docs/components/FormControl/examples/FormControl.css +0 -5
package/docs/components/FileUpload/examples/FileUpload.md CHANGED
@@ -12,15 +12,16 @@ cssPrefix: pf-v5-c-file-upload
12
12
  <div class="pf-v5-c-file-upload__file-select">
13
13
  <div class="pf-v5-c-input-group">
14
14
  <div class="pf-v5-c-input-group__item pf-m-fill">
15
- <input
16
- class="pf-v5-c-form-control"
17
- id="basic-file-upload-text-input"
18
- name="basic-file-upload-text-input"
19
- aria-label="Drag and drop a file or upload one"
20
- readonly
21
- placeholder="Drag and drop a file or upload one"
22
- aria-describedby="basic-file-upload-browse"
23
- />
15
+ <div class="pf-v5-c-form-control">
16
+ <input
17
+ id="basic-file-upload-text-input"
18
+ name="basic-file-upload-text-input"
19
+ aria-label="Drag and drop a file or upload one"
20
+ readonly
21
+ placeholder="Drag and drop a file or upload one"
22
+ aria-describedby="basic-file-upload-browse"
23
+ />
24
+ </div>
24
25
  </div>
25
26
  <div class="pf-v5-c-input-group__item">
26
27
  <button
@@ -35,12 +36,13 @@ cssPrefix: pf-v5-c-file-upload
35
36
  </div>
36
37
  </div>
37
38
  <div class="pf-v5-c-file-upload__file-details">
38
- <textarea
39
- class="pf-v5-c-form-control pf-m-resize-vertical"
40
- id="basic-file-upload-file-details"
41
- name="basic-file-upload-file-details"
42
- aria-label="Empty text area"
43
- ></textarea>
39
+ <div class="pf-v5-c-form-control pf-m-resize-vertical">
40
+ <textarea
41
+ id="basic-file-upload-file-details"
42
+ name="basic-file-upload-file-details"
43
+ aria-label="Empty text area"
44
+ ></textarea>
45
+ </div>
44
46
  </div>
45
47
  </div>
46
48
 
@@ -53,15 +55,16 @@ cssPrefix: pf-v5-c-file-upload
53
55
  <div class="pf-v5-c-file-upload__file-select">
54
56
  <div class="pf-v5-c-input-group">
55
57
  <div class="pf-v5-c-input-group__item pf-m-fill">
56
- <input
57
- class="pf-v5-c-form-control"
58
- id="browsed-file-upload-complete-text-input"
59
- name="browsed-file-upload-complete-text-input"
60
- aria-label="Read only filename"
61
- readonly
62
- value="Read only filename"
63
- aria-describedby="browsed-file-upload-complete-browse"
64
- />
58
+ <div class="pf-v5-c-form-control">
59
+ <input
60
+ id="browsed-file-upload-complete-text-input"
61
+ name="browsed-file-upload-complete-text-input"
62
+ aria-label="Read only filename"
63
+ readonly
64
+ value="Read only filename"
65
+ aria-describedby="browsed-file-upload-complete-browse"
66
+ />
67
+ </div>
65
68
  </div>
66
69
  <div class="pf-v5-c-input-group__item">
67
70
  <button
@@ -76,15 +79,16 @@ cssPrefix: pf-v5-c-file-upload
76
79
  </div>
77
80
  </div>
78
81
  <div class="pf-v5-c-file-upload__file-details" readonly>
79
- <textarea
80
- class="pf-v5-c-form-control pf-m-resize-vertical"
81
- id="browsed-file-upload-complete-file-details"
82
- name="browsed-file-upload-complete-file-details"
83
- aria-label="Text area"
84
- readonly
85
- >Ssh-Rsa AAh3zJFkzjjakCJialksjfB3zJFkzzAAhhMskjjakCJialksjfB3z89z3zJFkz3 +kzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fc
82
+ <div class="pf-v5-c-form-control pf-m-resize-vertical">
83
+ <textarea
84
+ id="browsed-file-upload-complete-file-details"
85
+ name="browsed-file-upload-complete-file-details"
86
+ aria-label="Text area"
87
+ readonly
88
+ >Ssh-Rsa AAh3zJFkzjjakCJialksjfB3zJFkzzAAhhMskjjakCJialksjfB3z89z3zJFkz3 +kzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fc
86
89
 
87
90
  </textarea>
91
+ </div>
88
92
  </div>
89
93
  </div>
90
94
 
@@ -97,15 +101,16 @@ cssPrefix: pf-v5-c-file-upload
97
101
  <div class="pf-v5-c-file-upload__file-select">
98
102
  <div class="pf-v5-c-input-group">
99
103
  <div class="pf-v5-c-input-group__item pf-m-fill">
100
- <input
101
- class="pf-v5-c-form-control"
102
- id="drop-file-text-input"
103
- name="drop-file-text-input"
104
- aria-label="Read only filename"
105
- readonly
106
- value="Sample.txt"
107
- aria-describedby="drop-file-browse"
108
- />
104
+ <div class="pf-v5-c-form-control">
105
+ <input
106
+ id="drop-file-text-input"
107
+ name="drop-file-text-input"
108
+ aria-label="Read only filename"
109
+ readonly
110
+ value="Sample.txt"
111
+ aria-describedby="drop-file-browse"
112
+ />
113
+ </div>
109
114
  </div>
110
115
  <div class="pf-v5-c-input-group__item">
111
116
  <button
@@ -120,14 +125,15 @@ cssPrefix: pf-v5-c-file-upload
120
125
  </div>
121
126
  </div>
122
127
  <div class="pf-v5-c-file-upload__file-details">
123
- <textarea
124
- class="pf-v5-c-form-control pf-m-resize-vertical"
125
- id="drop-file-file-details"
126
- name="drop-file-file-details"
127
- aria-label="Text area"
128
- >Ssh-Rsa AAh3zJFkzjjakCJialksjfB3zJFkzzAAhhMskjjakCJialksjfB3z89z3zJFkz3 +kzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fc
128
+ <div class="pf-v5-c-form-control pf-m-resize-vertical">
129
+ <textarea
130
+ id="drop-file-file-details"
131
+ name="drop-file-file-details"
132
+ aria-label="Text area"
133
+ >Ssh-Rsa AAh3zJFkzjjakCJialksjfB3zJFkzzAAhhMskjjakCJialksjfB3z89z3zJFkz3 +kzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fc
129
134
 
130
135
  </textarea>
136
+ </div>
131
137
  </div>
132
138
  </div>
133
139
 
@@ -140,15 +146,16 @@ cssPrefix: pf-v5-c-file-upload
140
146
  <div class="pf-v5-c-file-upload__file-select">
141
147
  <div class="pf-v5-c-input-group">
142
148
  <div class="pf-v5-c-input-group__item pf-m-fill">
143
- <input
144
- class="pf-v5-c-form-control"
145
- id="drag-file-hover-component-text-input"
146
- name="drag-file-hover-component-text-input"
147
- aria-label="Drag and drop a file or upload one"
148
- readonly
149
- placeholder="Drag and drop a file or upload one"
150
- aria-describedby="drag-file-hover-component-browse"
151
- />
149
+ <div class="pf-v5-c-form-control">
150
+ <input
151
+ id="drag-file-hover-component-text-input"
152
+ name="drag-file-hover-component-text-input"
153
+ aria-label="Drag and drop a file or upload one"
154
+ readonly
155
+ placeholder="Drag and drop a file or upload one"
156
+ aria-describedby="drag-file-hover-component-browse"
157
+ />
158
+ </div>
152
159
  </div>
153
160
  <div class="pf-v5-c-input-group__item">
154
161
  <button
@@ -163,12 +170,13 @@ cssPrefix: pf-v5-c-file-upload
163
170
  </div>
164
171
  </div>
165
172
  <div class="pf-v5-c-file-upload__file-details">
166
- <textarea
167
- class="pf-v5-c-form-control pf-m-resize-vertical"
168
- id="drag-file-hover-component-file-details"
169
- name="drag-file-hover-component-file-details"
170
- aria-label="Empty text area"
171
- ></textarea>
173
+ <div class="pf-v5-c-form-control pf-m-resize-vertical">
174
+ <textarea
175
+ id="drag-file-hover-component-file-details"
176
+ name="drag-file-hover-component-file-details"
177
+ aria-label="Empty text area"
178
+ ></textarea>
179
+ </div>
172
180
  </div>
173
181
  </div>
174
182
 
@@ -183,15 +191,16 @@ cssPrefix: pf-v5-c-file-upload
183
191
  <div class="pf-v5-c-file-upload__file-select">
184
192
  <div class="pf-v5-c-input-group">
185
193
  <div class="pf-v5-c-input-group__item pf-m-fill">
186
- <input
187
- class="pf-v5-c-form-control"
188
- id="file-upload-error-text-input"
189
- name="file-upload-error-text-input"
190
- aria-label="File upload error"
191
- required
192
- value="Sample.png"
193
- aria-describedby="file-upload-error-browse"
194
- />
194
+ <div class="pf-v5-c-form-control">
195
+ <input
196
+ id="file-upload-error-text-input"
197
+ name="file-upload-error-text-input"
198
+ aria-label="File upload error"
199
+ required
200
+ value="Sample.png"
201
+ aria-describedby="file-upload-error-browse"
202
+ />
203
+ </div>
195
204
  </div>
196
205
  <div class="pf-v5-c-input-group__item">
197
206
  <button
@@ -210,14 +219,15 @@ cssPrefix: pf-v5-c-file-upload
210
219
  aria-describedby="textAreaHelperText1"
211
220
  aria-invalid="true"
212
221
  >
213
- <textarea
214
- class="pf-v5-c-form-control pf-m-resize-vertical"
215
- id="file-upload-error-file-details"
216
- name="file-upload-error-file-details"
217
- aria-label="Empty text area"
218
- aria-describedby="textAreaHelperText1"
219
- aria-invalid="true"
220
- ></textarea>
222
+ <div class="pf-v5-c-form-control pf-m-resize-vertical">
223
+ <textarea
224
+ id="file-upload-error-file-details"
225
+ name="file-upload-error-file-details"
226
+ aria-label="Empty text area"
227
+ aria-describedby="textAreaHelperText1"
228
+ aria-invalid="true"
229
+ ></textarea>
230
+ </div>
221
231
  </div>
222
232
  </div>
223
233
  <div class="pf-v5-c-form__helper-text" aria-live="polite">
@@ -244,15 +254,16 @@ cssPrefix: pf-v5-c-file-upload
244
254
  <div class="pf-v5-c-file-upload__file-select">
245
255
  <div class="pf-v5-c-input-group">
246
256
  <div class="pf-v5-c-input-group__item pf-m-fill">
247
- <input
248
- class="pf-v5-c-form-control"
249
- id="file-upload-loading-text-input"
250
- name="file-upload-loading"
251
- aria-label="Read only filename"
252
- readonly
253
- value="Sample.png"
254
- aria-describedby="file-upload-loading-browse"
255
- />
257
+ <div class="pf-v5-c-form-control">
258
+ <input
259
+ id="file-upload-loading-text-input"
260
+ name="file-upload-loading"
261
+ aria-label="Read only filename"
262
+ readonly
263
+ value="Sample.png"
264
+ aria-describedby="file-upload-loading-browse"
265
+ />
266
+ </div>
256
267
  </div>
257
268
  <div class="pf-v5-c-input-group__item">
258
269
  <button
@@ -268,14 +279,15 @@ cssPrefix: pf-v5-c-file-upload
268
279
  </div>
269
280
  </div>
270
281
  <div class="pf-v5-c-file-upload__file-details">
271
- <textarea
272
- class="pf-v5-c-form-control pf-m-resize-vertical"
273
- id="file-upload-loading-file-details"
274
- name="file-upload-loading-file-details"
275
- aria-label="Text area"
276
- >Ssh-Rsa AAh3zJFkzjjakCJialksjfB3zJFkzzAAhhMskjjakCJialksjfB3z89z3zJFkz3 +kzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fc
282
+ <div class="pf-v5-c-form-control pf-m-resize-vertical">
283
+ <textarea
284
+ id="file-upload-loading-file-details"
285
+ name="file-upload-loading-file-details"
286
+ aria-label="Text area"
287
+ >Ssh-Rsa AAh3zJFkzjjakCJialksjfB3zJFkzzAAhhMskjjakCJialksjfB3z89z3zJFkz3 +kzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fc
277
288
 
278
289
  </textarea>
290
+ </div>
279
291
 
280
292
  <div class="pf-v5-c-file-upload__file-details-spinner">
281
293
  <svg