@patternfly/react-core 4.199.2 → 4.199.5
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/CHANGELOG.md +24 -0
- package/dist/umd/react-core.css +2 -2
- package/dist/umd/react-core.min.css +221 -221
- package/package.json +6 -6
- package/src/components/AboutModal/__tests__/AboutModal.test.tsx +41 -60
- package/src/components/Accordion/__tests__/Accordion.test.tsx +23 -17
- package/src/components/Alert/__tests__/Alert.test.tsx +195 -184
- package/src/components/Alert/__tests__/Generated/AlertActionCloseButton.test.tsx +19 -17
- package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionCloseButton.test.tsx.snap +26 -4
- package/src/components/Alert/__tests__/__snapshots__/Alert.test.tsx.snap +50 -700
- package/src/components/AlertGroup/__tests__/AlertGroup.test.tsx +68 -73
- package/src/components/AlertGroup/__tests__/__snapshots__/AlertGroup.test.tsx.snap +1 -893
- package/src/components/ApplicationLauncher/__tests__/Generated/ApplicationLauncherSeparator.test.tsx +13 -10
- package/src/components/ApplicationLauncher/__tests__/Generated/__snapshots__/ApplicationLauncherSeparator.test.tsx.snap +12 -1
- package/src/components/Button/__tests__/Button.test.tsx +116 -107
- package/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +21 -21
- package/src/components/Card/__tests__/Card.test.tsx +119 -100
- package/src/components/Card/__tests__/CardBody.test.tsx +35 -28
- package/src/components/Card/__tests__/CardFooter.test.tsx +28 -24
- package/src/components/Card/__tests__/CardHeadMain.test.tsx +19 -14
- package/src/components/Card/__tests__/CardHeader.test.tsx +6 -22
- package/src/components/Card/__tests__/CardHeaderMain.test.tsx +19 -14
- package/src/components/Card/__tests__/CardTitle.test.tsx +25 -0
- package/src/components/Card/__tests__/__snapshots__/Card.test.tsx.snap +12 -28
- package/src/components/Card/__tests__/__snapshots__/CardBody.test.tsx.snap +2 -4
- package/src/components/Card/__tests__/__snapshots__/CardFooter.test.tsx.snap +1 -3
- package/src/components/Card/__tests__/__snapshots__/CardHeadMain.test.tsx.snap +1 -11
- package/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap +1 -11
- package/src/components/Card/__tests__/__snapshots__/CardHeaderMain.test.tsx.snap +1 -11
- package/src/components/Card/__tests__/__snapshots__/CardTitle.test.tsx.snap +3 -0
- package/src/components/Checkbox/__tests__/Checkbox.test.tsx +66 -70
- package/src/components/Checkbox/__tests__/__snapshots__/Checkbox.test.tsx.snap +9 -204
- package/src/components/ClipboardCopy/examples/ClipboardCopy.md +11 -123
- package/src/components/ClipboardCopy/examples/ClipboardCopyBasic.tsx +8 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyExpanded.tsx +9 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyExpandedWithArray.tsx +14 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompact.tsx +7 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactCode.tsx +8 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactInSentence.tsx +36 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyInlineCompactWithAdditionalAction.tsx +20 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyJSONObject.tsx +18 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyReadOnly.tsx +8 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyReadOnlyExpanded.tsx +9 -0
- package/src/components/ClipboardCopy/examples/ClipboardCopyReadOnlyExpandedByDefault.tsx +9 -0
|
@@ -1,901 +1,9 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
|
-
exports[`Alert Group
|
|
3
|
+
exports[`AlertGroup Alert Group renders without children 1`] = `
|
|
4
4
|
<div>
|
|
5
5
|
<ul
|
|
6
6
|
class="pf-c-alert-group"
|
|
7
7
|
/>
|
|
8
8
|
</div>
|
|
9
9
|
`;
|
|
10
|
-
|
|
11
|
-
exports[`Alert group overflow shows up 1`] = `
|
|
12
|
-
<AlertGroup
|
|
13
|
-
onOverflowClick={[MockFunction]}
|
|
14
|
-
overflowMessage="View 2 more alerts"
|
|
15
|
-
>
|
|
16
|
-
<AlertGroupInline
|
|
17
|
-
onOverflowClick={[MockFunction]}
|
|
18
|
-
overflowMessage="View 2 more alerts"
|
|
19
|
-
>
|
|
20
|
-
<ul
|
|
21
|
-
aria-atomic={null}
|
|
22
|
-
aria-live={null}
|
|
23
|
-
className="pf-c-alert-group"
|
|
24
|
-
>
|
|
25
|
-
<li
|
|
26
|
-
key="0"
|
|
27
|
-
>
|
|
28
|
-
<Alert
|
|
29
|
-
key=".0"
|
|
30
|
-
title="alert title"
|
|
31
|
-
variant="danger"
|
|
32
|
-
>
|
|
33
|
-
<div
|
|
34
|
-
aria-label="Danger Alert"
|
|
35
|
-
className="pf-c-alert pf-m-danger"
|
|
36
|
-
data-ouia-component-id="OUIA-Generated-Alert-danger-1"
|
|
37
|
-
data-ouia-component-type="PF4/Alert"
|
|
38
|
-
data-ouia-safe={true}
|
|
39
|
-
onMouseEnter={[Function]}
|
|
40
|
-
onMouseLeave={[Function]}
|
|
41
|
-
>
|
|
42
|
-
<AlertIcon
|
|
43
|
-
variant="danger"
|
|
44
|
-
>
|
|
45
|
-
<div
|
|
46
|
-
className="pf-c-alert__icon"
|
|
47
|
-
>
|
|
48
|
-
<ExclamationCircleIcon
|
|
49
|
-
color="currentColor"
|
|
50
|
-
noVerticalAlign={false}
|
|
51
|
-
size="sm"
|
|
52
|
-
>
|
|
53
|
-
<svg
|
|
54
|
-
aria-hidden={true}
|
|
55
|
-
aria-labelledby={null}
|
|
56
|
-
fill="currentColor"
|
|
57
|
-
height="1em"
|
|
58
|
-
role="img"
|
|
59
|
-
style={
|
|
60
|
-
Object {
|
|
61
|
-
"verticalAlign": "-0.125em",
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
viewBox="0 0 512 512"
|
|
65
|
-
width="1em"
|
|
66
|
-
>
|
|
67
|
-
<path
|
|
68
|
-
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
|
|
69
|
-
/>
|
|
70
|
-
</svg>
|
|
71
|
-
</ExclamationCircleIcon>
|
|
72
|
-
</div>
|
|
73
|
-
</AlertIcon>
|
|
74
|
-
<h4
|
|
75
|
-
className="pf-c-alert__title"
|
|
76
|
-
>
|
|
77
|
-
<span
|
|
78
|
-
className="pf-u-screen-reader"
|
|
79
|
-
>
|
|
80
|
-
Danger alert:
|
|
81
|
-
</span>
|
|
82
|
-
alert title
|
|
83
|
-
</h4>
|
|
84
|
-
</div>
|
|
85
|
-
</Alert>
|
|
86
|
-
</li>
|
|
87
|
-
<li>
|
|
88
|
-
<button
|
|
89
|
-
className="pf-c-alert-group__overflow-button"
|
|
90
|
-
onClick={[MockFunction]}
|
|
91
|
-
>
|
|
92
|
-
View 2 more alerts
|
|
93
|
-
</button>
|
|
94
|
-
</li>
|
|
95
|
-
</ul>
|
|
96
|
-
</AlertGroupInline>
|
|
97
|
-
</AlertGroup>
|
|
98
|
-
`;
|
|
99
|
-
|
|
100
|
-
exports[`Standard Alert Group is not a toast alert group 1`] = `
|
|
101
|
-
<AlertGroup>
|
|
102
|
-
<AlertGroupInline>
|
|
103
|
-
<ul
|
|
104
|
-
aria-atomic={null}
|
|
105
|
-
aria-live={null}
|
|
106
|
-
className="pf-c-alert-group"
|
|
107
|
-
>
|
|
108
|
-
<li
|
|
109
|
-
key="0"
|
|
110
|
-
>
|
|
111
|
-
<Alert
|
|
112
|
-
key=".0"
|
|
113
|
-
title="alert title"
|
|
114
|
-
variant="danger"
|
|
115
|
-
>
|
|
116
|
-
<div
|
|
117
|
-
aria-label="Danger Alert"
|
|
118
|
-
className="pf-c-alert pf-m-danger"
|
|
119
|
-
data-ouia-component-id="OUIA-Generated-Alert-danger-2"
|
|
120
|
-
data-ouia-component-type="PF4/Alert"
|
|
121
|
-
data-ouia-safe={true}
|
|
122
|
-
onMouseEnter={[Function]}
|
|
123
|
-
onMouseLeave={[Function]}
|
|
124
|
-
>
|
|
125
|
-
<AlertIcon
|
|
126
|
-
variant="danger"
|
|
127
|
-
>
|
|
128
|
-
<div
|
|
129
|
-
className="pf-c-alert__icon"
|
|
130
|
-
>
|
|
131
|
-
<ExclamationCircleIcon
|
|
132
|
-
color="currentColor"
|
|
133
|
-
noVerticalAlign={false}
|
|
134
|
-
size="sm"
|
|
135
|
-
>
|
|
136
|
-
<svg
|
|
137
|
-
aria-hidden={true}
|
|
138
|
-
aria-labelledby={null}
|
|
139
|
-
fill="currentColor"
|
|
140
|
-
height="1em"
|
|
141
|
-
role="img"
|
|
142
|
-
style={
|
|
143
|
-
Object {
|
|
144
|
-
"verticalAlign": "-0.125em",
|
|
145
|
-
}
|
|
146
|
-
}
|
|
147
|
-
viewBox="0 0 512 512"
|
|
148
|
-
width="1em"
|
|
149
|
-
>
|
|
150
|
-
<path
|
|
151
|
-
d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
|
|
152
|
-
/>
|
|
153
|
-
</svg>
|
|
154
|
-
</ExclamationCircleIcon>
|
|
155
|
-
</div>
|
|
156
|
-
</AlertIcon>
|
|
157
|
-
<h4
|
|
158
|
-
className="pf-c-alert__title"
|
|
159
|
-
>
|
|
160
|
-
<span
|
|
161
|
-
className="pf-u-screen-reader"
|
|
162
|
-
>
|
|
163
|
-
Danger alert:
|
|
164
|
-
</span>
|
|
165
|
-
alert title
|
|
166
|
-
</h4>
|
|
167
|
-
</div>
|
|
168
|
-
</Alert>
|
|
169
|
-
</li>
|
|
170
|
-
</ul>
|
|
171
|
-
</AlertGroupInline>
|
|
172
|
-
</AlertGroup>
|
|
173
|
-
`;
|
|
174
|
-
|
|
175
|
-
exports[`Toast Alert Group contains expected modifier class 1`] = `
|
|
176
|
-
<AlertGroup
|
|
177
|
-
isToast={true}
|
|
178
|
-
>
|
|
179
|
-
<Portal
|
|
180
|
-
containerInfo={
|
|
181
|
-
<div>
|
|
182
|
-
<ul
|
|
183
|
-
class="pf-c-alert-group pf-m-toast"
|
|
184
|
-
>
|
|
185
|
-
<li>
|
|
186
|
-
<div
|
|
187
|
-
aria-label="Warning Alert"
|
|
188
|
-
class="pf-c-alert pf-m-warning"
|
|
189
|
-
data-ouia-component-id="OUIA-Generated-Alert-warning-2"
|
|
190
|
-
data-ouia-component-type="PF4/Alert"
|
|
191
|
-
data-ouia-safe="true"
|
|
192
|
-
>
|
|
193
|
-
<div
|
|
194
|
-
class="pf-c-alert__icon"
|
|
195
|
-
>
|
|
196
|
-
<svg
|
|
197
|
-
aria-hidden="true"
|
|
198
|
-
fill="currentColor"
|
|
199
|
-
height="1em"
|
|
200
|
-
role="img"
|
|
201
|
-
style="vertical-align: -0.125em;"
|
|
202
|
-
viewBox="0 0 576 512"
|
|
203
|
-
width="1em"
|
|
204
|
-
>
|
|
205
|
-
<path
|
|
206
|
-
d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
|
|
207
|
-
/>
|
|
208
|
-
</svg>
|
|
209
|
-
</div>
|
|
210
|
-
<h4
|
|
211
|
-
class="pf-c-alert__title"
|
|
212
|
-
>
|
|
213
|
-
<span
|
|
214
|
-
class="pf-u-screen-reader"
|
|
215
|
-
>
|
|
216
|
-
Warning alert:
|
|
217
|
-
</span>
|
|
218
|
-
alert title
|
|
219
|
-
</h4>
|
|
220
|
-
|
|
221
|
-
</div>
|
|
222
|
-
</li>
|
|
223
|
-
</ul>
|
|
224
|
-
</div>
|
|
225
|
-
}
|
|
226
|
-
>
|
|
227
|
-
<AlertGroupInline
|
|
228
|
-
isToast={true}
|
|
229
|
-
>
|
|
230
|
-
<ul
|
|
231
|
-
aria-atomic={null}
|
|
232
|
-
aria-live={null}
|
|
233
|
-
className="pf-c-alert-group pf-m-toast"
|
|
234
|
-
>
|
|
235
|
-
<li
|
|
236
|
-
key="0"
|
|
237
|
-
>
|
|
238
|
-
<Alert
|
|
239
|
-
key=".0"
|
|
240
|
-
title="alert title"
|
|
241
|
-
variant="warning"
|
|
242
|
-
>
|
|
243
|
-
<div
|
|
244
|
-
aria-label="Warning Alert"
|
|
245
|
-
className="pf-c-alert pf-m-warning"
|
|
246
|
-
data-ouia-component-id="OUIA-Generated-Alert-warning-2"
|
|
247
|
-
data-ouia-component-type="PF4/Alert"
|
|
248
|
-
data-ouia-safe={true}
|
|
249
|
-
onMouseEnter={[Function]}
|
|
250
|
-
onMouseLeave={[Function]}
|
|
251
|
-
>
|
|
252
|
-
<AlertIcon
|
|
253
|
-
variant="warning"
|
|
254
|
-
>
|
|
255
|
-
<div
|
|
256
|
-
className="pf-c-alert__icon"
|
|
257
|
-
>
|
|
258
|
-
<ExclamationTriangleIcon
|
|
259
|
-
color="currentColor"
|
|
260
|
-
noVerticalAlign={false}
|
|
261
|
-
size="sm"
|
|
262
|
-
>
|
|
263
|
-
<svg
|
|
264
|
-
aria-hidden={true}
|
|
265
|
-
aria-labelledby={null}
|
|
266
|
-
fill="currentColor"
|
|
267
|
-
height="1em"
|
|
268
|
-
role="img"
|
|
269
|
-
style={
|
|
270
|
-
Object {
|
|
271
|
-
"verticalAlign": "-0.125em",
|
|
272
|
-
}
|
|
273
|
-
}
|
|
274
|
-
viewBox="0 0 576 512"
|
|
275
|
-
width="1em"
|
|
276
|
-
>
|
|
277
|
-
<path
|
|
278
|
-
d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
|
|
279
|
-
/>
|
|
280
|
-
</svg>
|
|
281
|
-
</ExclamationTriangleIcon>
|
|
282
|
-
</div>
|
|
283
|
-
</AlertIcon>
|
|
284
|
-
<h4
|
|
285
|
-
className="pf-c-alert__title"
|
|
286
|
-
>
|
|
287
|
-
<span
|
|
288
|
-
className="pf-u-screen-reader"
|
|
289
|
-
>
|
|
290
|
-
Warning alert:
|
|
291
|
-
</span>
|
|
292
|
-
alert title
|
|
293
|
-
</h4>
|
|
294
|
-
</div>
|
|
295
|
-
</Alert>
|
|
296
|
-
</li>
|
|
297
|
-
</ul>
|
|
298
|
-
</AlertGroupInline>
|
|
299
|
-
</Portal>
|
|
300
|
-
</AlertGroup>
|
|
301
|
-
`;
|
|
302
|
-
|
|
303
|
-
exports[`alertgroup closes when alerts are closed 1`] = `
|
|
304
|
-
<AlertGroup
|
|
305
|
-
appendTo={
|
|
306
|
-
<body>
|
|
307
|
-
<div />
|
|
308
|
-
<div />
|
|
309
|
-
<div>
|
|
310
|
-
<ul
|
|
311
|
-
class="pf-c-alert-group pf-m-toast"
|
|
312
|
-
>
|
|
313
|
-
<li>
|
|
314
|
-
<div
|
|
315
|
-
aria-label="Warning Alert"
|
|
316
|
-
class="pf-c-alert pf-m-warning"
|
|
317
|
-
data-ouia-component-id="OUIA-Generated-Alert-warning-2"
|
|
318
|
-
data-ouia-component-type="PF4/Alert"
|
|
319
|
-
data-ouia-safe="true"
|
|
320
|
-
>
|
|
321
|
-
<div
|
|
322
|
-
class="pf-c-alert__icon"
|
|
323
|
-
>
|
|
324
|
-
<svg
|
|
325
|
-
aria-hidden="true"
|
|
326
|
-
fill="currentColor"
|
|
327
|
-
height="1em"
|
|
328
|
-
role="img"
|
|
329
|
-
style="vertical-align: -0.125em;"
|
|
330
|
-
viewBox="0 0 576 512"
|
|
331
|
-
width="1em"
|
|
332
|
-
>
|
|
333
|
-
<path
|
|
334
|
-
d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
|
|
335
|
-
/>
|
|
336
|
-
</svg>
|
|
337
|
-
</div>
|
|
338
|
-
<h4
|
|
339
|
-
class="pf-c-alert__title"
|
|
340
|
-
>
|
|
341
|
-
<span
|
|
342
|
-
class="pf-u-screen-reader"
|
|
343
|
-
>
|
|
344
|
-
Warning alert:
|
|
345
|
-
</span>
|
|
346
|
-
alert title
|
|
347
|
-
</h4>
|
|
348
|
-
|
|
349
|
-
</div>
|
|
350
|
-
</li>
|
|
351
|
-
</ul>
|
|
352
|
-
</div>
|
|
353
|
-
<div />
|
|
354
|
-
<div>
|
|
355
|
-
<ul
|
|
356
|
-
appendto="[object HTMLBodyElement]"
|
|
357
|
-
class="pf-c-alert-group pf-m-toast"
|
|
358
|
-
>
|
|
359
|
-
<li>
|
|
360
|
-
<div
|
|
361
|
-
aria-atomic="false"
|
|
362
|
-
aria-label="Default Alert"
|
|
363
|
-
aria-live="polite"
|
|
364
|
-
class="pf-c-alert"
|
|
365
|
-
data-ouia-component-id="OUIA-Generated-Alert-default-1"
|
|
366
|
-
data-ouia-component-type="PF4/Alert"
|
|
367
|
-
data-ouia-safe="true"
|
|
368
|
-
>
|
|
369
|
-
<div
|
|
370
|
-
class="pf-c-alert__icon"
|
|
371
|
-
>
|
|
372
|
-
<svg
|
|
373
|
-
aria-hidden="true"
|
|
374
|
-
fill="currentColor"
|
|
375
|
-
height="1em"
|
|
376
|
-
role="img"
|
|
377
|
-
style="vertical-align: -0.125em;"
|
|
378
|
-
viewBox="0 0 896 1024"
|
|
379
|
-
width="1em"
|
|
380
|
-
>
|
|
381
|
-
<path
|
|
382
|
-
d="M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z"
|
|
383
|
-
/>
|
|
384
|
-
</svg>
|
|
385
|
-
</div>
|
|
386
|
-
<h4
|
|
387
|
-
class="pf-c-alert__title"
|
|
388
|
-
>
|
|
389
|
-
<span
|
|
390
|
-
class="pf-u-screen-reader"
|
|
391
|
-
>
|
|
392
|
-
Default alert:
|
|
393
|
-
</span>
|
|
394
|
-
Test Alert
|
|
395
|
-
</h4>
|
|
396
|
-
<div
|
|
397
|
-
class="pf-c-alert__action"
|
|
398
|
-
>
|
|
399
|
-
<button
|
|
400
|
-
aria-disabled="false"
|
|
401
|
-
aria-label="Close"
|
|
402
|
-
class="pf-c-button pf-m-plain"
|
|
403
|
-
data-ouia-component-id="OUIA-Generated-Button-plain-1"
|
|
404
|
-
data-ouia-component-type="PF4/Button"
|
|
405
|
-
data-ouia-safe="true"
|
|
406
|
-
type="button"
|
|
407
|
-
>
|
|
408
|
-
<svg
|
|
409
|
-
aria-hidden="true"
|
|
410
|
-
fill="currentColor"
|
|
411
|
-
height="1em"
|
|
412
|
-
role="img"
|
|
413
|
-
style="vertical-align: -0.125em;"
|
|
414
|
-
viewBox="0 0 352 512"
|
|
415
|
-
width="1em"
|
|
416
|
-
>
|
|
417
|
-
<path
|
|
418
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
419
|
-
/>
|
|
420
|
-
</svg>
|
|
421
|
-
</button>
|
|
422
|
-
</div>
|
|
423
|
-
|
|
424
|
-
</div>
|
|
425
|
-
</li>
|
|
426
|
-
</ul>
|
|
427
|
-
</div>
|
|
428
|
-
</body>
|
|
429
|
-
}
|
|
430
|
-
isToast={true}
|
|
431
|
-
>
|
|
432
|
-
<Portal
|
|
433
|
-
containerInfo={
|
|
434
|
-
<div>
|
|
435
|
-
<ul
|
|
436
|
-
appendto="[object HTMLBodyElement]"
|
|
437
|
-
class="pf-c-alert-group pf-m-toast"
|
|
438
|
-
>
|
|
439
|
-
<li>
|
|
440
|
-
<div
|
|
441
|
-
aria-atomic="false"
|
|
442
|
-
aria-label="Default Alert"
|
|
443
|
-
aria-live="polite"
|
|
444
|
-
class="pf-c-alert"
|
|
445
|
-
data-ouia-component-id="OUIA-Generated-Alert-default-1"
|
|
446
|
-
data-ouia-component-type="PF4/Alert"
|
|
447
|
-
data-ouia-safe="true"
|
|
448
|
-
>
|
|
449
|
-
<div
|
|
450
|
-
class="pf-c-alert__icon"
|
|
451
|
-
>
|
|
452
|
-
<svg
|
|
453
|
-
aria-hidden="true"
|
|
454
|
-
fill="currentColor"
|
|
455
|
-
height="1em"
|
|
456
|
-
role="img"
|
|
457
|
-
style="vertical-align: -0.125em;"
|
|
458
|
-
viewBox="0 0 896 1024"
|
|
459
|
-
width="1em"
|
|
460
|
-
>
|
|
461
|
-
<path
|
|
462
|
-
d="M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z"
|
|
463
|
-
/>
|
|
464
|
-
</svg>
|
|
465
|
-
</div>
|
|
466
|
-
<h4
|
|
467
|
-
class="pf-c-alert__title"
|
|
468
|
-
>
|
|
469
|
-
<span
|
|
470
|
-
class="pf-u-screen-reader"
|
|
471
|
-
>
|
|
472
|
-
Default alert:
|
|
473
|
-
</span>
|
|
474
|
-
Test Alert
|
|
475
|
-
</h4>
|
|
476
|
-
<div
|
|
477
|
-
class="pf-c-alert__action"
|
|
478
|
-
>
|
|
479
|
-
<button
|
|
480
|
-
aria-disabled="false"
|
|
481
|
-
aria-label="Close"
|
|
482
|
-
class="pf-c-button pf-m-plain"
|
|
483
|
-
data-ouia-component-id="OUIA-Generated-Button-plain-1"
|
|
484
|
-
data-ouia-component-type="PF4/Button"
|
|
485
|
-
data-ouia-safe="true"
|
|
486
|
-
type="button"
|
|
487
|
-
>
|
|
488
|
-
<svg
|
|
489
|
-
aria-hidden="true"
|
|
490
|
-
fill="currentColor"
|
|
491
|
-
height="1em"
|
|
492
|
-
role="img"
|
|
493
|
-
style="vertical-align: -0.125em;"
|
|
494
|
-
viewBox="0 0 352 512"
|
|
495
|
-
width="1em"
|
|
496
|
-
>
|
|
497
|
-
<path
|
|
498
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
499
|
-
/>
|
|
500
|
-
</svg>
|
|
501
|
-
</button>
|
|
502
|
-
</div>
|
|
503
|
-
|
|
504
|
-
</div>
|
|
505
|
-
</li>
|
|
506
|
-
</ul>
|
|
507
|
-
</div>
|
|
508
|
-
}
|
|
509
|
-
>
|
|
510
|
-
<AlertGroupInline
|
|
511
|
-
appendTo={
|
|
512
|
-
<body>
|
|
513
|
-
<div />
|
|
514
|
-
<div />
|
|
515
|
-
<div>
|
|
516
|
-
<ul
|
|
517
|
-
class="pf-c-alert-group pf-m-toast"
|
|
518
|
-
>
|
|
519
|
-
<li>
|
|
520
|
-
<div
|
|
521
|
-
aria-label="Warning Alert"
|
|
522
|
-
class="pf-c-alert pf-m-warning"
|
|
523
|
-
data-ouia-component-id="OUIA-Generated-Alert-warning-2"
|
|
524
|
-
data-ouia-component-type="PF4/Alert"
|
|
525
|
-
data-ouia-safe="true"
|
|
526
|
-
>
|
|
527
|
-
<div
|
|
528
|
-
class="pf-c-alert__icon"
|
|
529
|
-
>
|
|
530
|
-
<svg
|
|
531
|
-
aria-hidden="true"
|
|
532
|
-
fill="currentColor"
|
|
533
|
-
height="1em"
|
|
534
|
-
role="img"
|
|
535
|
-
style="vertical-align: -0.125em;"
|
|
536
|
-
viewBox="0 0 576 512"
|
|
537
|
-
width="1em"
|
|
538
|
-
>
|
|
539
|
-
<path
|
|
540
|
-
d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
|
|
541
|
-
/>
|
|
542
|
-
</svg>
|
|
543
|
-
</div>
|
|
544
|
-
<h4
|
|
545
|
-
class="pf-c-alert__title"
|
|
546
|
-
>
|
|
547
|
-
<span
|
|
548
|
-
class="pf-u-screen-reader"
|
|
549
|
-
>
|
|
550
|
-
Warning alert:
|
|
551
|
-
</span>
|
|
552
|
-
alert title
|
|
553
|
-
</h4>
|
|
554
|
-
|
|
555
|
-
</div>
|
|
556
|
-
</li>
|
|
557
|
-
</ul>
|
|
558
|
-
</div>
|
|
559
|
-
<div />
|
|
560
|
-
<div>
|
|
561
|
-
<ul
|
|
562
|
-
appendto="[object HTMLBodyElement]"
|
|
563
|
-
class="pf-c-alert-group pf-m-toast"
|
|
564
|
-
>
|
|
565
|
-
<li>
|
|
566
|
-
<div
|
|
567
|
-
aria-atomic="false"
|
|
568
|
-
aria-label="Default Alert"
|
|
569
|
-
aria-live="polite"
|
|
570
|
-
class="pf-c-alert"
|
|
571
|
-
data-ouia-component-id="OUIA-Generated-Alert-default-1"
|
|
572
|
-
data-ouia-component-type="PF4/Alert"
|
|
573
|
-
data-ouia-safe="true"
|
|
574
|
-
>
|
|
575
|
-
<div
|
|
576
|
-
class="pf-c-alert__icon"
|
|
577
|
-
>
|
|
578
|
-
<svg
|
|
579
|
-
aria-hidden="true"
|
|
580
|
-
fill="currentColor"
|
|
581
|
-
height="1em"
|
|
582
|
-
role="img"
|
|
583
|
-
style="vertical-align: -0.125em;"
|
|
584
|
-
viewBox="0 0 896 1024"
|
|
585
|
-
width="1em"
|
|
586
|
-
>
|
|
587
|
-
<path
|
|
588
|
-
d="M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z"
|
|
589
|
-
/>
|
|
590
|
-
</svg>
|
|
591
|
-
</div>
|
|
592
|
-
<h4
|
|
593
|
-
class="pf-c-alert__title"
|
|
594
|
-
>
|
|
595
|
-
<span
|
|
596
|
-
class="pf-u-screen-reader"
|
|
597
|
-
>
|
|
598
|
-
Default alert:
|
|
599
|
-
</span>
|
|
600
|
-
Test Alert
|
|
601
|
-
</h4>
|
|
602
|
-
<div
|
|
603
|
-
class="pf-c-alert__action"
|
|
604
|
-
>
|
|
605
|
-
<button
|
|
606
|
-
aria-disabled="false"
|
|
607
|
-
aria-label="Close"
|
|
608
|
-
class="pf-c-button pf-m-plain"
|
|
609
|
-
data-ouia-component-id="OUIA-Generated-Button-plain-1"
|
|
610
|
-
data-ouia-component-type="PF4/Button"
|
|
611
|
-
data-ouia-safe="true"
|
|
612
|
-
type="button"
|
|
613
|
-
>
|
|
614
|
-
<svg
|
|
615
|
-
aria-hidden="true"
|
|
616
|
-
fill="currentColor"
|
|
617
|
-
height="1em"
|
|
618
|
-
role="img"
|
|
619
|
-
style="vertical-align: -0.125em;"
|
|
620
|
-
viewBox="0 0 352 512"
|
|
621
|
-
width="1em"
|
|
622
|
-
>
|
|
623
|
-
<path
|
|
624
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
625
|
-
/>
|
|
626
|
-
</svg>
|
|
627
|
-
</button>
|
|
628
|
-
</div>
|
|
629
|
-
|
|
630
|
-
</div>
|
|
631
|
-
</li>
|
|
632
|
-
</ul>
|
|
633
|
-
</div>
|
|
634
|
-
</body>
|
|
635
|
-
}
|
|
636
|
-
isToast={true}
|
|
637
|
-
>
|
|
638
|
-
<ul
|
|
639
|
-
appendTo={
|
|
640
|
-
<body>
|
|
641
|
-
<div />
|
|
642
|
-
<div />
|
|
643
|
-
<div>
|
|
644
|
-
<ul
|
|
645
|
-
class="pf-c-alert-group pf-m-toast"
|
|
646
|
-
>
|
|
647
|
-
<li>
|
|
648
|
-
<div
|
|
649
|
-
aria-label="Warning Alert"
|
|
650
|
-
class="pf-c-alert pf-m-warning"
|
|
651
|
-
data-ouia-component-id="OUIA-Generated-Alert-warning-2"
|
|
652
|
-
data-ouia-component-type="PF4/Alert"
|
|
653
|
-
data-ouia-safe="true"
|
|
654
|
-
>
|
|
655
|
-
<div
|
|
656
|
-
class="pf-c-alert__icon"
|
|
657
|
-
>
|
|
658
|
-
<svg
|
|
659
|
-
aria-hidden="true"
|
|
660
|
-
fill="currentColor"
|
|
661
|
-
height="1em"
|
|
662
|
-
role="img"
|
|
663
|
-
style="vertical-align: -0.125em;"
|
|
664
|
-
viewBox="0 0 576 512"
|
|
665
|
-
width="1em"
|
|
666
|
-
>
|
|
667
|
-
<path
|
|
668
|
-
d="M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z"
|
|
669
|
-
/>
|
|
670
|
-
</svg>
|
|
671
|
-
</div>
|
|
672
|
-
<h4
|
|
673
|
-
class="pf-c-alert__title"
|
|
674
|
-
>
|
|
675
|
-
<span
|
|
676
|
-
class="pf-u-screen-reader"
|
|
677
|
-
>
|
|
678
|
-
Warning alert:
|
|
679
|
-
</span>
|
|
680
|
-
alert title
|
|
681
|
-
</h4>
|
|
682
|
-
|
|
683
|
-
</div>
|
|
684
|
-
</li>
|
|
685
|
-
</ul>
|
|
686
|
-
</div>
|
|
687
|
-
<div />
|
|
688
|
-
<div>
|
|
689
|
-
<ul
|
|
690
|
-
appendto="[object HTMLBodyElement]"
|
|
691
|
-
class="pf-c-alert-group pf-m-toast"
|
|
692
|
-
>
|
|
693
|
-
<li>
|
|
694
|
-
<div
|
|
695
|
-
aria-atomic="false"
|
|
696
|
-
aria-label="Default Alert"
|
|
697
|
-
aria-live="polite"
|
|
698
|
-
class="pf-c-alert"
|
|
699
|
-
data-ouia-component-id="OUIA-Generated-Alert-default-1"
|
|
700
|
-
data-ouia-component-type="PF4/Alert"
|
|
701
|
-
data-ouia-safe="true"
|
|
702
|
-
>
|
|
703
|
-
<div
|
|
704
|
-
class="pf-c-alert__icon"
|
|
705
|
-
>
|
|
706
|
-
<svg
|
|
707
|
-
aria-hidden="true"
|
|
708
|
-
fill="currentColor"
|
|
709
|
-
height="1em"
|
|
710
|
-
role="img"
|
|
711
|
-
style="vertical-align: -0.125em;"
|
|
712
|
-
viewBox="0 0 896 1024"
|
|
713
|
-
width="1em"
|
|
714
|
-
>
|
|
715
|
-
<path
|
|
716
|
-
d="M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z"
|
|
717
|
-
/>
|
|
718
|
-
</svg>
|
|
719
|
-
</div>
|
|
720
|
-
<h4
|
|
721
|
-
class="pf-c-alert__title"
|
|
722
|
-
>
|
|
723
|
-
<span
|
|
724
|
-
class="pf-u-screen-reader"
|
|
725
|
-
>
|
|
726
|
-
Default alert:
|
|
727
|
-
</span>
|
|
728
|
-
Test Alert
|
|
729
|
-
</h4>
|
|
730
|
-
<div
|
|
731
|
-
class="pf-c-alert__action"
|
|
732
|
-
>
|
|
733
|
-
<button
|
|
734
|
-
aria-disabled="false"
|
|
735
|
-
aria-label="Close"
|
|
736
|
-
class="pf-c-button pf-m-plain"
|
|
737
|
-
data-ouia-component-id="OUIA-Generated-Button-plain-1"
|
|
738
|
-
data-ouia-component-type="PF4/Button"
|
|
739
|
-
data-ouia-safe="true"
|
|
740
|
-
type="button"
|
|
741
|
-
>
|
|
742
|
-
<svg
|
|
743
|
-
aria-hidden="true"
|
|
744
|
-
fill="currentColor"
|
|
745
|
-
height="1em"
|
|
746
|
-
role="img"
|
|
747
|
-
style="vertical-align: -0.125em;"
|
|
748
|
-
viewBox="0 0 352 512"
|
|
749
|
-
width="1em"
|
|
750
|
-
>
|
|
751
|
-
<path
|
|
752
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
753
|
-
/>
|
|
754
|
-
</svg>
|
|
755
|
-
</button>
|
|
756
|
-
</div>
|
|
757
|
-
|
|
758
|
-
</div>
|
|
759
|
-
</li>
|
|
760
|
-
</ul>
|
|
761
|
-
</div>
|
|
762
|
-
</body>
|
|
763
|
-
}
|
|
764
|
-
aria-atomic={null}
|
|
765
|
-
aria-live={null}
|
|
766
|
-
className="pf-c-alert-group pf-m-toast"
|
|
767
|
-
>
|
|
768
|
-
<li
|
|
769
|
-
key="0"
|
|
770
|
-
>
|
|
771
|
-
<Alert
|
|
772
|
-
actionClose={
|
|
773
|
-
<AlertActionCloseButton
|
|
774
|
-
aria-label="Close"
|
|
775
|
-
onClose={[MockFunction]}
|
|
776
|
-
/>
|
|
777
|
-
}
|
|
778
|
-
isLiveRegion={true}
|
|
779
|
-
key=".0"
|
|
780
|
-
title="Test Alert"
|
|
781
|
-
>
|
|
782
|
-
<div
|
|
783
|
-
aria-atomic="false"
|
|
784
|
-
aria-label="Default Alert"
|
|
785
|
-
aria-live="polite"
|
|
786
|
-
className="pf-c-alert"
|
|
787
|
-
data-ouia-component-id="OUIA-Generated-Alert-default-1"
|
|
788
|
-
data-ouia-component-type="PF4/Alert"
|
|
789
|
-
data-ouia-safe={true}
|
|
790
|
-
onMouseEnter={[Function]}
|
|
791
|
-
onMouseLeave={[Function]}
|
|
792
|
-
>
|
|
793
|
-
<AlertIcon
|
|
794
|
-
variant="default"
|
|
795
|
-
>
|
|
796
|
-
<div
|
|
797
|
-
className="pf-c-alert__icon"
|
|
798
|
-
>
|
|
799
|
-
<BellIcon
|
|
800
|
-
color="currentColor"
|
|
801
|
-
noVerticalAlign={false}
|
|
802
|
-
size="sm"
|
|
803
|
-
>
|
|
804
|
-
<svg
|
|
805
|
-
aria-hidden={true}
|
|
806
|
-
aria-labelledby={null}
|
|
807
|
-
fill="currentColor"
|
|
808
|
-
height="1em"
|
|
809
|
-
role="img"
|
|
810
|
-
style={
|
|
811
|
-
Object {
|
|
812
|
-
"verticalAlign": "-0.125em",
|
|
813
|
-
}
|
|
814
|
-
}
|
|
815
|
-
viewBox="0 0 896 1024"
|
|
816
|
-
width="1em"
|
|
817
|
-
>
|
|
818
|
-
<path
|
|
819
|
-
d="M448,0 C465.333333,0 480.333333,6.33333333 493,19 C505.666667,31.6666667 512,46.6666667 512,64 L512,106 L514.23,106.45 C587.89,121.39 648.48,157.24 696,214 C744,271.333333 768,338.666667 768,416 C768,500 780,568.666667 804,622 C818.666667,652.666667 841.333333,684 872,716 C873.773676,718.829136 875.780658,721.505113 878,724 C890,737.333333 896,752.333333 896,769 C896,785.666667 890,800.333333 878,813 C866,825.666667 850.666667,832 832,832 L63.3,832 C44.9533333,831.84 29.8533333,825.506667 18,813 C6,800.333333 0,785.666667 0,769 C0,752.333333 6,737.333333 18,724 L24,716 L25.06,714.9 C55.1933333,683.28 77.5066667,652.313333 92,622 C116,568.666667 128,500 128,416 C128,338.666667 152,271.333333 200,214 C248,156.666667 309.333333,120.666667 384,106 L384,63.31 C384.166667,46.27 390.5,31.5 403,19 C415.666667,6.33333333 430.666667,0 448,0 Z M576,896 L576,897.08 C575.74,932.6 563.073333,962.573333 538,987 C512.666667,1011.66667 482.666667,1024 448,1024 C413.333333,1024 383.333333,1011.66667 358,987 C332.666667,962.333333 320,932 320,896 L576,896 Z"
|
|
820
|
-
/>
|
|
821
|
-
</svg>
|
|
822
|
-
</BellIcon>
|
|
823
|
-
</div>
|
|
824
|
-
</AlertIcon>
|
|
825
|
-
<h4
|
|
826
|
-
className="pf-c-alert__title"
|
|
827
|
-
>
|
|
828
|
-
<span
|
|
829
|
-
className="pf-u-screen-reader"
|
|
830
|
-
>
|
|
831
|
-
Default alert:
|
|
832
|
-
</span>
|
|
833
|
-
Test Alert
|
|
834
|
-
</h4>
|
|
835
|
-
<div
|
|
836
|
-
className="pf-c-alert__action"
|
|
837
|
-
>
|
|
838
|
-
<AlertActionCloseButton
|
|
839
|
-
aria-label="Close"
|
|
840
|
-
onClose={[MockFunction]}
|
|
841
|
-
>
|
|
842
|
-
<Button
|
|
843
|
-
aria-label="Close"
|
|
844
|
-
onClick={[MockFunction]}
|
|
845
|
-
variant="plain"
|
|
846
|
-
>
|
|
847
|
-
<ButtonBase
|
|
848
|
-
aria-label="Close"
|
|
849
|
-
innerRef={null}
|
|
850
|
-
onClick={[MockFunction]}
|
|
851
|
-
variant="plain"
|
|
852
|
-
>
|
|
853
|
-
<button
|
|
854
|
-
aria-disabled={false}
|
|
855
|
-
aria-label="Close"
|
|
856
|
-
className="pf-c-button pf-m-plain"
|
|
857
|
-
data-ouia-component-id="OUIA-Generated-Button-plain-1"
|
|
858
|
-
data-ouia-component-type="PF4/Button"
|
|
859
|
-
data-ouia-safe={true}
|
|
860
|
-
disabled={false}
|
|
861
|
-
onClick={[MockFunction]}
|
|
862
|
-
role={null}
|
|
863
|
-
type="button"
|
|
864
|
-
>
|
|
865
|
-
<TimesIcon
|
|
866
|
-
color="currentColor"
|
|
867
|
-
noVerticalAlign={false}
|
|
868
|
-
size="sm"
|
|
869
|
-
>
|
|
870
|
-
<svg
|
|
871
|
-
aria-hidden={true}
|
|
872
|
-
aria-labelledby={null}
|
|
873
|
-
fill="currentColor"
|
|
874
|
-
height="1em"
|
|
875
|
-
role="img"
|
|
876
|
-
style={
|
|
877
|
-
Object {
|
|
878
|
-
"verticalAlign": "-0.125em",
|
|
879
|
-
}
|
|
880
|
-
}
|
|
881
|
-
viewBox="0 0 352 512"
|
|
882
|
-
width="1em"
|
|
883
|
-
>
|
|
884
|
-
<path
|
|
885
|
-
d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
|
|
886
|
-
/>
|
|
887
|
-
</svg>
|
|
888
|
-
</TimesIcon>
|
|
889
|
-
</button>
|
|
890
|
-
</ButtonBase>
|
|
891
|
-
</Button>
|
|
892
|
-
</AlertActionCloseButton>
|
|
893
|
-
</div>
|
|
894
|
-
</div>
|
|
895
|
-
</Alert>
|
|
896
|
-
</li>
|
|
897
|
-
</ul>
|
|
898
|
-
</AlertGroupInline>
|
|
899
|
-
</Portal>
|
|
900
|
-
</AlertGroup>
|
|
901
|
-
`;
|