@patternfly/patternfly 5.0.0-prerelease.12 → 5.0.0-prerelease.13
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.
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +8 -8
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +12 -12
- package/docs/components/DatePicker/examples/DatePicker.md +16 -16
- package/docs/components/FileUpload/examples/FileUpload.md +28 -28
- package/docs/components/Form/examples/Form.md +56 -56
- package/docs/components/FormControl/examples/FormControl.md +134 -134
- package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
- package/docs/components/InputGroup/examples/InputGroup.md +24 -24
- package/docs/components/Login/examples/Login.md +28 -28
- package/docs/components/NumberInput/examples/NumberInput.md +28 -28
- package/docs/components/Pagination/examples/Pagination.md +22 -22
- package/docs/components/Select/deprecated/Select.md +18 -18
- package/docs/components/Slider/examples/Slider.md +14 -14
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +16 -16
- package/docs/components/Toolbar/examples/Toolbar.md +4 -4
- package/docs/components/Wizard/examples/Wizard.md +70 -70
- package/docs/demos/Alert/examples/Alert.md +30 -30
- package/docs/demos/Button/examples/Button.md +12 -12
- package/docs/demos/CardView/examples/CardView.md +2 -2
- package/docs/demos/DataList/examples/DataList.md +8 -8
- package/docs/demos/Form/examples/BasicForms.md +54 -54
- package/docs/demos/HelperText/examples/HelperText.md +20 -20
- package/docs/demos/Modal/examples/Modal.md +6 -6
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +2 -2
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +8 -8
- package/docs/demos/Table/examples/Table.md +22 -22
- package/docs/demos/Toolbar/examples/Toolbar.md +10 -10
- package/docs/demos/Wizard/examples/Wizard.md +112 -112
- package/package.json +1 -1
|
@@ -83,14 +83,14 @@ cssPrefix: pf-v5-c-calendar-month
|
|
|
83
83
|
</div>
|
|
84
84
|
<div class="pf-v5-c-input-group__item">
|
|
85
85
|
<div class="pf-v5-c-calendar-month__header-year">
|
|
86
|
-
<
|
|
86
|
+
<span class="pf-v5-c-form-control">
|
|
87
87
|
<input
|
|
88
88
|
type="number"
|
|
89
89
|
value="2020"
|
|
90
90
|
id="calendar-month-date-selected-year"
|
|
91
91
|
aria-label="Select year"
|
|
92
92
|
/>
|
|
93
|
-
</
|
|
93
|
+
</span>
|
|
94
94
|
</div>
|
|
95
95
|
</div>
|
|
96
96
|
</div>
|
|
@@ -477,14 +477,14 @@ cssPrefix: pf-v5-c-calendar-month
|
|
|
477
477
|
</div>
|
|
478
478
|
<div class="pf-v5-c-input-group__item">
|
|
479
479
|
<div class="pf-v5-c-calendar-month__header-year">
|
|
480
|
-
<
|
|
480
|
+
<span class="pf-v5-c-form-control">
|
|
481
481
|
<input
|
|
482
482
|
type="number"
|
|
483
483
|
value="2020"
|
|
484
484
|
id="calendar-month-range-start-date-selected-year"
|
|
485
485
|
aria-label="Select year"
|
|
486
486
|
/>
|
|
487
|
-
</
|
|
487
|
+
</span>
|
|
488
488
|
</div>
|
|
489
489
|
</div>
|
|
490
490
|
</div>
|
|
@@ -896,14 +896,14 @@ cssPrefix: pf-v5-c-calendar-month
|
|
|
896
896
|
</div>
|
|
897
897
|
<div class="pf-v5-c-input-group__item">
|
|
898
898
|
<div class="pf-v5-c-calendar-month__header-year">
|
|
899
|
-
<
|
|
899
|
+
<span class="pf-v5-c-form-control">
|
|
900
900
|
<input
|
|
901
901
|
type="number"
|
|
902
902
|
value="2020"
|
|
903
903
|
id="calendar-month-range-end-date-selected-year"
|
|
904
904
|
aria-label="Select year"
|
|
905
905
|
/>
|
|
906
|
-
</
|
|
906
|
+
</span>
|
|
907
907
|
</div>
|
|
908
908
|
</div>
|
|
909
909
|
</div>
|
|
@@ -1315,14 +1315,14 @@ cssPrefix: pf-v5-c-calendar-month
|
|
|
1315
1315
|
</div>
|
|
1316
1316
|
<div class="pf-v5-c-input-group__item">
|
|
1317
1317
|
<div class="pf-v5-c-calendar-month__header-year">
|
|
1318
|
-
<
|
|
1318
|
+
<span class="pf-v5-c-form-control">
|
|
1319
1319
|
<input
|
|
1320
1320
|
type="number"
|
|
1321
1321
|
value="2020"
|
|
1322
1322
|
id="calendar-month-range-start-and-end-dates-selected-year"
|
|
1323
1323
|
aria-label="Select year"
|
|
1324
1324
|
/>
|
|
1325
|
-
</
|
|
1325
|
+
</span>
|
|
1326
1326
|
</div>
|
|
1327
1327
|
</div>
|
|
1328
1328
|
</div>
|
|
@@ -9,14 +9,14 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
9
9
|
```html
|
|
10
10
|
<div class="pf-v5-c-clipboard-copy">
|
|
11
11
|
<div class="pf-v5-c-clipboard-copy__group">
|
|
12
|
-
<
|
|
12
|
+
<span class="pf-v5-c-form-control">
|
|
13
13
|
<input
|
|
14
14
|
type="text"
|
|
15
15
|
value="This is editable"
|
|
16
16
|
id="basic-editable-text-input"
|
|
17
17
|
aria-label="Copyable input"
|
|
18
18
|
/>
|
|
19
|
-
</
|
|
19
|
+
</span>
|
|
20
20
|
<button
|
|
21
21
|
class="pf-v5-c-button pf-m-control"
|
|
22
22
|
type="button"
|
|
@@ -31,7 +31,7 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
31
31
|
<br />
|
|
32
32
|
<div class="pf-v5-c-clipboard-copy">
|
|
33
33
|
<div class="pf-v5-c-clipboard-copy__group">
|
|
34
|
-
<
|
|
34
|
+
<span class="pf-v5-c-form-control pf-m-readonly">
|
|
35
35
|
<input
|
|
36
36
|
readonly
|
|
37
37
|
type="text"
|
|
@@ -39,7 +39,7 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
39
39
|
id="basic-readonly-text-input"
|
|
40
40
|
aria-label="Copyable input"
|
|
41
41
|
/>
|
|
42
|
-
</
|
|
42
|
+
</span>
|
|
43
43
|
<button
|
|
44
44
|
class="pf-v5-c-button pf-m-control"
|
|
45
45
|
type="button"
|
|
@@ -71,14 +71,14 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
71
71
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
72
72
|
</div>
|
|
73
73
|
</button>
|
|
74
|
-
<
|
|
74
|
+
<span class="pf-v5-c-form-control">
|
|
75
75
|
<input
|
|
76
76
|
type="text"
|
|
77
77
|
value="This is an editable version of the copy to clipboard component that has an expandable section. Got a lot of text here, need to see all of it? Click that arrow on the left side and check out the resulting expansion."
|
|
78
78
|
id="expandable-not-expanded-editable-text-input"
|
|
79
79
|
aria-label="Copyable input"
|
|
80
80
|
/>
|
|
81
|
-
</
|
|
81
|
+
</span>
|
|
82
82
|
<button
|
|
83
83
|
class="pf-v5-c-button pf-m-control"
|
|
84
84
|
type="button"
|
|
@@ -109,7 +109,7 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
109
109
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
110
110
|
</div>
|
|
111
111
|
</button>
|
|
112
|
-
<
|
|
112
|
+
<span class="pf-v5-c-form-control pf-m-readonly">
|
|
113
113
|
<input
|
|
114
114
|
readonly
|
|
115
115
|
type="text"
|
|
@@ -117,7 +117,7 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
117
117
|
id="expandable-expanded-editable-text-input"
|
|
118
118
|
aria-label="Copyable input"
|
|
119
119
|
/>
|
|
120
|
-
</
|
|
120
|
+
</span>
|
|
121
121
|
<button
|
|
122
122
|
class="pf-v5-c-button pf-m-control"
|
|
123
123
|
type="button"
|
|
@@ -149,7 +149,7 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
149
149
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
150
150
|
</div>
|
|
151
151
|
</button>
|
|
152
|
-
<
|
|
152
|
+
<span class="pf-v5-c-form-control pf-m-readonly">
|
|
153
153
|
<input
|
|
154
154
|
readonly
|
|
155
155
|
type="text"
|
|
@@ -157,7 +157,7 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
157
157
|
id="expandable-not-expanded-readonly-text-input"
|
|
158
158
|
aria-label="Copyable input"
|
|
159
159
|
/>
|
|
160
|
-
</
|
|
160
|
+
</span>
|
|
161
161
|
<button
|
|
162
162
|
class="pf-v5-c-button pf-m-control"
|
|
163
163
|
type="button"
|
|
@@ -188,7 +188,7 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
188
188
|
<i class="fas fa-angle-right" aria-hidden="true"></i>
|
|
189
189
|
</div>
|
|
190
190
|
</button>
|
|
191
|
-
<
|
|
191
|
+
<span class="pf-v5-c-form-control pf-m-readonly">
|
|
192
192
|
<input
|
|
193
193
|
readonly
|
|
194
194
|
type="text"
|
|
@@ -196,7 +196,7 @@ cssPrefix: pf-v5-c-clipboard-copy
|
|
|
196
196
|
id="expandable-expanded-readonly-text-input"
|
|
197
197
|
aria-label="Copyable input"
|
|
198
198
|
/>
|
|
199
|
-
</
|
|
199
|
+
</span>
|
|
200
200
|
<button
|
|
201
201
|
class="pf-v5-c-button pf-m-control"
|
|
202
202
|
type="button"
|
|
@@ -14,7 +14,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
14
14
|
<div class="pf-v5-c-date-picker__input">
|
|
15
15
|
<div class="pf-v5-c-input-group">
|
|
16
16
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
17
|
-
<
|
|
17
|
+
<span class="pf-v5-c-form-control">
|
|
18
18
|
<input
|
|
19
19
|
type="text"
|
|
20
20
|
value="2020-03-05"
|
|
@@ -22,7 +22,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
22
22
|
name="basic-input"
|
|
23
23
|
aria-label="Date picker"
|
|
24
24
|
/>
|
|
25
|
-
</
|
|
25
|
+
</span>
|
|
26
26
|
</div>
|
|
27
27
|
<div class="pf-v5-c-input-group__item">
|
|
28
28
|
<button
|
|
@@ -46,7 +46,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
46
46
|
<div class="pf-v5-c-date-picker__input">
|
|
47
47
|
<div class="pf-v5-c-input-group">
|
|
48
48
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
49
|
-
<
|
|
49
|
+
<span class="pf-v5-c-form-control">
|
|
50
50
|
<input
|
|
51
51
|
type="text"
|
|
52
52
|
value="2020-03-05"
|
|
@@ -54,7 +54,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
54
54
|
name="helper-text-input"
|
|
55
55
|
aria-label="Date picker"
|
|
56
56
|
/>
|
|
57
|
-
</
|
|
57
|
+
</span>
|
|
58
58
|
</div>
|
|
59
59
|
<div class="pf-v5-c-input-group__item">
|
|
60
60
|
<button
|
|
@@ -85,7 +85,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
85
85
|
<div class="pf-v5-c-date-picker__input">
|
|
86
86
|
<div class="pf-v5-c-input-group">
|
|
87
87
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
88
|
-
<
|
|
88
|
+
<span class="pf-v5-c-form-control pf-m-error">
|
|
89
89
|
<input
|
|
90
90
|
aria-invalid="true"
|
|
91
91
|
type="text"
|
|
@@ -94,12 +94,12 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
94
94
|
name="invalid-input"
|
|
95
95
|
aria-label="Date picker"
|
|
96
96
|
/>
|
|
97
|
-
<
|
|
98
|
-
<
|
|
97
|
+
<span class="pf-v5-c-form-control__utilities">
|
|
98
|
+
<span class="pf-v5-c-form-control__icon pf-m-status">
|
|
99
99
|
<i class="fas fa-exclamation-circle" aria-hidden="true"></i>
|
|
100
|
-
</
|
|
101
|
-
</
|
|
102
|
-
</
|
|
100
|
+
</span>
|
|
101
|
+
</span>
|
|
102
|
+
</span>
|
|
103
103
|
</div>
|
|
104
104
|
<div class="pf-v5-c-input-group__item">
|
|
105
105
|
<button
|
|
@@ -130,7 +130,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
130
130
|
<div class="pf-v5-c-date-picker__input">
|
|
131
131
|
<div class="pf-v5-c-input-group">
|
|
132
132
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
133
|
-
<
|
|
133
|
+
<span class="pf-v5-c-form-control">
|
|
134
134
|
<input
|
|
135
135
|
type="text"
|
|
136
136
|
value="2020-03-05"
|
|
@@ -138,7 +138,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
138
138
|
name="expanded-input"
|
|
139
139
|
aria-label="Date picker"
|
|
140
140
|
/>
|
|
141
|
-
</
|
|
141
|
+
</span>
|
|
142
142
|
</div>
|
|
143
143
|
<div class="pf-v5-c-input-group__item">
|
|
144
144
|
<button
|
|
@@ -166,7 +166,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
166
166
|
<div class="pf-v5-c-date-picker__input">
|
|
167
167
|
<div class="pf-v5-c-input-group">
|
|
168
168
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
169
|
-
<
|
|
169
|
+
<span class="pf-v5-c-form-control">
|
|
170
170
|
<input
|
|
171
171
|
type="text"
|
|
172
172
|
value="November 20, 2020"
|
|
@@ -174,7 +174,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
174
174
|
name="custom-width-input-input"
|
|
175
175
|
aria-label="Date picker"
|
|
176
176
|
/>
|
|
177
|
-
</
|
|
177
|
+
</span>
|
|
178
178
|
</div>
|
|
179
179
|
<div class="pf-v5-c-input-group__item">
|
|
180
180
|
<button
|
|
@@ -201,7 +201,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
201
201
|
<div class="pf-v5-c-date-picker__input">
|
|
202
202
|
<div class="pf-v5-c-input-group">
|
|
203
203
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
204
|
-
<
|
|
204
|
+
<span class="pf-v5-c-form-control">
|
|
205
205
|
<input
|
|
206
206
|
type="text"
|
|
207
207
|
value="November 20, 2020"
|
|
@@ -209,7 +209,7 @@ cssPrefix: pf-v5-c-date-picker
|
|
|
209
209
|
name="custom-width-input-based-on-number-of-characters-input"
|
|
210
210
|
aria-label="Date picker"
|
|
211
211
|
/>
|
|
212
|
-
</
|
|
212
|
+
</span>
|
|
213
213
|
</div>
|
|
214
214
|
<div class="pf-v5-c-input-group__item">
|
|
215
215
|
<button
|
|
@@ -12,7 +12,7 @@ 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
|
-
<
|
|
15
|
+
<span class="pf-v5-c-form-control pf-m-readonly">
|
|
16
16
|
<input
|
|
17
17
|
readonly
|
|
18
18
|
id="basic-file-upload-text-input"
|
|
@@ -21,7 +21,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
21
21
|
placeholder="Drag and drop a file or upload one"
|
|
22
22
|
aria-describedby="basic-file-upload-browse"
|
|
23
23
|
/>
|
|
24
|
-
</
|
|
24
|
+
</span>
|
|
25
25
|
</div>
|
|
26
26
|
<div class="pf-v5-c-input-group__item">
|
|
27
27
|
<button
|
|
@@ -36,13 +36,13 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
36
36
|
</div>
|
|
37
37
|
</div>
|
|
38
38
|
<div class="pf-v5-c-file-upload__file-details">
|
|
39
|
-
<
|
|
39
|
+
<span class="pf-v5-c-form-control pf-m-resize-vertical">
|
|
40
40
|
<textarea
|
|
41
41
|
id="basic-file-upload-file-details"
|
|
42
42
|
name="basic-file-upload-file-details"
|
|
43
43
|
aria-label="Empty text area"
|
|
44
44
|
></textarea>
|
|
45
|
-
</
|
|
45
|
+
</span>
|
|
46
46
|
</div>
|
|
47
47
|
</div>
|
|
48
48
|
|
|
@@ -55,7 +55,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
55
55
|
<div class="pf-v5-c-file-upload__file-select">
|
|
56
56
|
<div class="pf-v5-c-input-group">
|
|
57
57
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
58
|
-
<
|
|
58
|
+
<span class="pf-v5-c-form-control pf-m-readonly">
|
|
59
59
|
<input
|
|
60
60
|
readonly
|
|
61
61
|
id="browsed-file-upload-complete-text-input"
|
|
@@ -64,7 +64,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
64
64
|
value="Read only filename"
|
|
65
65
|
aria-describedby="browsed-file-upload-complete-browse"
|
|
66
66
|
/>
|
|
67
|
-
</
|
|
67
|
+
</span>
|
|
68
68
|
</div>
|
|
69
69
|
<div class="pf-v5-c-input-group__item">
|
|
70
70
|
<button
|
|
@@ -79,7 +79,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
79
79
|
</div>
|
|
80
80
|
</div>
|
|
81
81
|
<div class="pf-v5-c-file-upload__file-details">
|
|
82
|
-
<
|
|
82
|
+
<span class="pf-v5-c-form-control pf-m-readonly pf-m-resize-vertical">
|
|
83
83
|
<textarea
|
|
84
84
|
readonly
|
|
85
85
|
id="browsed-file-upload-complete-file-details"
|
|
@@ -88,7 +88,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
88
88
|
>Ssh-Rsa AAh3zJFkzjjakCJialksjfB3zJFkzzAAhhMskjjakCJialksjfB3z89z3zJFkz3 +kzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fc
|
|
89
89
|
|
|
90
90
|
</textarea>
|
|
91
|
-
</
|
|
91
|
+
</span>
|
|
92
92
|
</div>
|
|
93
93
|
</div>
|
|
94
94
|
|
|
@@ -101,7 +101,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
101
101
|
<div class="pf-v5-c-file-upload__file-select">
|
|
102
102
|
<div class="pf-v5-c-input-group">
|
|
103
103
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
104
|
-
<
|
|
104
|
+
<span class="pf-v5-c-form-control pf-m-readonly">
|
|
105
105
|
<input
|
|
106
106
|
readonly
|
|
107
107
|
id="drop-file-text-input"
|
|
@@ -110,7 +110,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
110
110
|
value="Sample.txt"
|
|
111
111
|
aria-describedby="drop-file-browse"
|
|
112
112
|
/>
|
|
113
|
-
</
|
|
113
|
+
</span>
|
|
114
114
|
</div>
|
|
115
115
|
<div class="pf-v5-c-input-group__item">
|
|
116
116
|
<button
|
|
@@ -125,7 +125,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
125
125
|
</div>
|
|
126
126
|
</div>
|
|
127
127
|
<div class="pf-v5-c-file-upload__file-details">
|
|
128
|
-
<
|
|
128
|
+
<span class="pf-v5-c-form-control pf-m-resize-vertical">
|
|
129
129
|
<textarea
|
|
130
130
|
id="drop-file-file-details"
|
|
131
131
|
name="drop-file-file-details"
|
|
@@ -133,7 +133,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
133
133
|
>Ssh-Rsa AAh3zJFkzjjakCJialksjfB3zJFkzzAAhhMskjjakCJialksjfB3z89z3zJFkz3 +kzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fc
|
|
134
134
|
|
|
135
135
|
</textarea>
|
|
136
|
-
</
|
|
136
|
+
</span>
|
|
137
137
|
</div>
|
|
138
138
|
</div>
|
|
139
139
|
|
|
@@ -146,7 +146,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
146
146
|
<div class="pf-v5-c-file-upload__file-select">
|
|
147
147
|
<div class="pf-v5-c-input-group">
|
|
148
148
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
149
|
-
<
|
|
149
|
+
<span class="pf-v5-c-form-control pf-m-readonly">
|
|
150
150
|
<input
|
|
151
151
|
readonly
|
|
152
152
|
id="drag-file-hover-component-text-input"
|
|
@@ -155,7 +155,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
155
155
|
placeholder="Drag and drop a file or upload one"
|
|
156
156
|
aria-describedby="drag-file-hover-component-browse"
|
|
157
157
|
/>
|
|
158
|
-
</
|
|
158
|
+
</span>
|
|
159
159
|
</div>
|
|
160
160
|
<div class="pf-v5-c-input-group__item">
|
|
161
161
|
<button
|
|
@@ -170,13 +170,13 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
170
170
|
</div>
|
|
171
171
|
</div>
|
|
172
172
|
<div class="pf-v5-c-file-upload__file-details">
|
|
173
|
-
<
|
|
173
|
+
<span class="pf-v5-c-form-control pf-m-resize-vertical">
|
|
174
174
|
<textarea
|
|
175
175
|
id="drag-file-hover-component-file-details"
|
|
176
176
|
name="drag-file-hover-component-file-details"
|
|
177
177
|
aria-label="Empty text area"
|
|
178
178
|
></textarea>
|
|
179
|
-
</
|
|
179
|
+
</span>
|
|
180
180
|
</div>
|
|
181
181
|
</div>
|
|
182
182
|
|
|
@@ -191,7 +191,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
191
191
|
<div class="pf-v5-c-file-upload__file-select">
|
|
192
192
|
<div class="pf-v5-c-input-group">
|
|
193
193
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
194
|
-
<
|
|
194
|
+
<span class="pf-v5-c-form-control pf-m-required">
|
|
195
195
|
<input
|
|
196
196
|
required
|
|
197
197
|
id="file-upload-error-text-input"
|
|
@@ -200,7 +200,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
200
200
|
value="Sample.png"
|
|
201
201
|
aria-describedby="file-upload-error-browse"
|
|
202
202
|
/>
|
|
203
|
-
</
|
|
203
|
+
</span>
|
|
204
204
|
</div>
|
|
205
205
|
<div class="pf-v5-c-input-group__item">
|
|
206
206
|
<button
|
|
@@ -219,7 +219,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
219
219
|
aria-describedby="textAreaHelperText1"
|
|
220
220
|
aria-invalid="true"
|
|
221
221
|
>
|
|
222
|
-
<
|
|
222
|
+
<span class="pf-v5-c-form-control pf-m-error pf-m-resize-vertical">
|
|
223
223
|
<textarea
|
|
224
224
|
id="file-upload-error-file-details"
|
|
225
225
|
name="file-upload-error-file-details"
|
|
@@ -227,12 +227,12 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
227
227
|
aria-describedby="textAreaHelperText1"
|
|
228
228
|
aria-invalid="true"
|
|
229
229
|
></textarea>
|
|
230
|
-
<
|
|
231
|
-
<
|
|
230
|
+
<span class="pf-v5-c-form-control__utilities">
|
|
231
|
+
<span class="pf-v5-c-form-control__icon pf-m-status">
|
|
232
232
|
<i class="fas fa-exclamation-circle" aria-hidden="true"></i>
|
|
233
|
-
</
|
|
234
|
-
</
|
|
235
|
-
</
|
|
233
|
+
</span>
|
|
234
|
+
</span>
|
|
235
|
+
</span>
|
|
236
236
|
</div>
|
|
237
237
|
</div>
|
|
238
238
|
<div class="pf-v5-c-form__helper-text" aria-live="polite">
|
|
@@ -259,7 +259,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
259
259
|
<div class="pf-v5-c-file-upload__file-select">
|
|
260
260
|
<div class="pf-v5-c-input-group">
|
|
261
261
|
<div class="pf-v5-c-input-group__item pf-m-fill">
|
|
262
|
-
<
|
|
262
|
+
<span class="pf-v5-c-form-control pf-m-readonly">
|
|
263
263
|
<input
|
|
264
264
|
readonly
|
|
265
265
|
id="file-upload-loading-text-input"
|
|
@@ -268,7 +268,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
268
268
|
value="Sample.png"
|
|
269
269
|
aria-describedby="file-upload-loading-browse"
|
|
270
270
|
/>
|
|
271
|
-
</
|
|
271
|
+
</span>
|
|
272
272
|
</div>
|
|
273
273
|
<div class="pf-v5-c-input-group__item">
|
|
274
274
|
<button
|
|
@@ -284,7 +284,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
284
284
|
</div>
|
|
285
285
|
</div>
|
|
286
286
|
<div class="pf-v5-c-file-upload__file-details">
|
|
287
|
-
<
|
|
287
|
+
<span class="pf-v5-c-form-control pf-m-resize-vertical">
|
|
288
288
|
<textarea
|
|
289
289
|
id="file-upload-loading-file-details"
|
|
290
290
|
name="file-upload-loading-file-details"
|
|
@@ -292,7 +292,7 @@ cssPrefix: pf-v5-c-file-upload
|
|
|
292
292
|
>Ssh-Rsa AAh3zJFkzjjakCJialksjfB3zJFkzzAAhhMskjjakCJialksjfB3z89z3zJFkz3 +kzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fczJFkzMAjsauoox88aaZXphBx4fc
|
|
293
293
|
|
|
294
294
|
</textarea>
|
|
295
|
-
</
|
|
295
|
+
</span>
|
|
296
296
|
|
|
297
297
|
<div class="pf-v5-c-file-upload__file-details-spinner">
|
|
298
298
|
<svg
|