@patternfly/patternfly 6.5.0-prerelease.45 → 6.5.0-prerelease.47
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/components/Accordion/accordion.css +1 -1
- package/components/Accordion/accordion.scss +1 -1
- package/components/Card/card.css +1 -1
- package/components/Card/card.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/ExpandableSection/expandable-section.css +2 -2
- package/components/ExpandableSection/expandable-section.scss +2 -2
- package/components/Form/form.css +1 -1
- package/components/Form/form.scss +1 -1
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Nav/nav.css +1 -1
- package/components/Nav/nav.scss +1 -1
- package/components/NotificationDrawer/notification-drawer.css +11 -3
- package/components/NotificationDrawer/notification-drawer.scss +12 -5
- package/components/Table/table.css +2 -2
- package/components/Table/table.scss +2 -2
- package/components/Tabs/tabs.css +2 -2
- package/components/Tabs/tabs.scss +2 -2
- package/components/Toolbar/toolbar.css +1 -1
- package/components/Toolbar/toolbar.scss +1 -1
- package/components/TreeView/tree-view.css +1 -1
- package/components/TreeView/tree-view.scss +1 -1
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +28 -20
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +2 -2
- package/docs/components/Accordion/examples/Accordion.md +390 -30
- package/docs/components/ActionList/examples/ActionList.md +10 -10
- package/docs/components/Alert/examples/Alert.md +30 -30
- package/docs/components/Banner/examples/Banner.md +65 -5
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +299 -23
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
- package/docs/components/Card/examples/Card.md +52 -4
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +78 -6
- package/docs/components/CodeBlock/examples/CodeBlock.md +26 -2
- package/docs/components/DataList/examples/DataList.md +221 -17
- package/docs/components/Drawer/examples/Drawer.md +42 -42
- package/docs/components/DualListSelector/examples/DualListSelector.md +961 -85
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +91 -7
- package/docs/components/Form/examples/Form.md +78 -6
- package/docs/components/Icon/examples/Icon.md +91 -7
- package/docs/components/InlineEdit/examples/InlineEdit.md +16 -16
- package/docs/components/JumpLinks/examples/JumpLinks.md +52 -4
- package/docs/components/Label/examples/Label.md +2812 -220
- package/docs/components/Menu/examples/Menu.md +1456 -112
- package/docs/components/MenuToggle/examples/MenuToggle.md +13 -1
- package/docs/components/ModalBox/examples/ModalBox.md +121 -37
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +57 -21
- package/docs/components/Nav/examples/Navigation.md +710 -62
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +576 -48
- package/docs/components/Popover/examples/Popover.md +110 -38
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +273 -21
- package/docs/components/Slider/examples/Slider.md +52 -4
- package/docs/components/Table/examples/Table.md +819 -63
- package/docs/components/Tabs/examples/Tabs.md +1959 -339
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +509 -41
- package/docs/components/Toolbar/examples/Toolbar.md +48 -48
- package/docs/components/TreeView/examples/TreeView.md +1300 -100
- package/docs/components/Wizard/examples/Wizard.md +349 -85
- package/docs/demos/AboutModal/examples/AboutModal.md +41 -5
- package/docs/demos/Alert/examples/Alert.md +123 -15
- package/docs/demos/BackToTop/examples/BackToTop.md +39 -3
- package/docs/demos/Banner/examples/Banner.md +78 -6
- package/docs/demos/Card/examples/Card.md +310 -34
- package/docs/demos/CardView/examples/CardView.md +78 -6
- package/docs/demos/Compass/examples/Compass.md +73 -37
- package/docs/demos/Dashboard/examples/Dashboard.md +128 -14
- package/docs/demos/DataList/examples/DataList.md +234 -18
- package/docs/demos/DescriptionList/examples/DescriptionList.md +119 -11
- package/docs/demos/Drawer/examples/Drawer.md +147 -21
- package/docs/demos/Form/examples/BasicForms.md +169 -13
- package/docs/demos/JumpLinks/examples/JumpLinks.md +220 -31
- package/docs/demos/Masthead/examples/Masthead.md +370 -34
- package/docs/demos/Modal/examples/Modal.md +246 -30
- package/docs/demos/Nav/examples/Nav.md +320 -32
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1063 -115
- package/docs/demos/Page/examples/Page.md +548 -44
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +371 -47
- package/docs/demos/Skeleton/examples/Skeleton.md +39 -3
- package/docs/demos/Table/examples/Table.md +934 -73
- package/docs/demos/Tabs/examples/Tabs.md +261 -27
- package/docs/demos/Toolbar/examples/Toolbar.md +102 -30
- package/docs/demos/Wizard/examples/Wizard.md +641 -92
- package/package.json +1 -1
- package/patternfly-no-globals.css +28 -20
- package/patternfly.css +28 -20
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -89,7 +89,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
89
89
|
aria-label="Clear utilities and icon with placeholder example"
|
|
90
90
|
>
|
|
91
91
|
<span class="pf-v6-c-button__icon">
|
|
92
|
-
|
|
92
|
+
<svg
|
|
93
|
+
class="pf-v6-svg"
|
|
94
|
+
viewBox="0 0 20 20"
|
|
95
|
+
fill="currentColor"
|
|
96
|
+
aria-hidden="true"
|
|
97
|
+
role="img"
|
|
98
|
+
width="1em"
|
|
99
|
+
height="1em"
|
|
100
|
+
>
|
|
101
|
+
<path
|
|
102
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
103
|
+
/>
|
|
104
|
+
</svg>
|
|
93
105
|
</span>
|
|
94
106
|
</button>
|
|
95
107
|
</div>
|
|
@@ -158,8 +170,20 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
158
170
|
type="button"
|
|
159
171
|
aria-label="Clear error validation example"
|
|
160
172
|
>
|
|
161
|
-
<span class="pf-v6-c-
|
|
162
|
-
<
|
|
173
|
+
<span class="pf-v6-c-button__icon">
|
|
174
|
+
<svg
|
|
175
|
+
class="pf-v6-svg"
|
|
176
|
+
viewBox="0 0 20 20"
|
|
177
|
+
fill="currentColor"
|
|
178
|
+
aria-hidden="true"
|
|
179
|
+
role="img"
|
|
180
|
+
width="1em"
|
|
181
|
+
height="1em"
|
|
182
|
+
>
|
|
183
|
+
<path
|
|
184
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
185
|
+
/>
|
|
186
|
+
</svg>
|
|
163
187
|
</span>
|
|
164
188
|
</button>
|
|
165
189
|
</div>
|
|
@@ -186,8 +210,20 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
186
210
|
type="button"
|
|
187
211
|
aria-label="Clear input"
|
|
188
212
|
>
|
|
189
|
-
<span class="pf-v6-c-
|
|
190
|
-
<
|
|
213
|
+
<span class="pf-v6-c-button__icon">
|
|
214
|
+
<svg
|
|
215
|
+
class="pf-v6-svg"
|
|
216
|
+
viewBox="0 0 20 20"
|
|
217
|
+
fill="currentColor"
|
|
218
|
+
aria-hidden="true"
|
|
219
|
+
role="img"
|
|
220
|
+
width="1em"
|
|
221
|
+
height="1em"
|
|
222
|
+
>
|
|
223
|
+
<path
|
|
224
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
225
|
+
/>
|
|
226
|
+
</svg>
|
|
191
227
|
</span>
|
|
192
228
|
</button>
|
|
193
229
|
</div>
|
|
@@ -224,7 +260,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
224
260
|
aria-labelledby="text-input-group-filters-label-group-label-one-button text-input-group-filters-label-group-label-one-text"
|
|
225
261
|
>
|
|
226
262
|
<span class="pf-v6-c-button__icon">
|
|
227
|
-
|
|
263
|
+
<svg
|
|
264
|
+
class="pf-v6-svg"
|
|
265
|
+
viewBox="0 0 20 20"
|
|
266
|
+
fill="currentColor"
|
|
267
|
+
aria-hidden="true"
|
|
268
|
+
role="img"
|
|
269
|
+
width="1em"
|
|
270
|
+
height="1em"
|
|
271
|
+
>
|
|
272
|
+
<path
|
|
273
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
274
|
+
/>
|
|
275
|
+
</svg>
|
|
228
276
|
</span>
|
|
229
277
|
</button>
|
|
230
278
|
</span>
|
|
@@ -247,7 +295,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
247
295
|
aria-labelledby="text-input-group-filters-label-group-label-two-button text-input-group-filters-label-group-label-two-text"
|
|
248
296
|
>
|
|
249
297
|
<span class="pf-v6-c-button__icon">
|
|
250
|
-
|
|
298
|
+
<svg
|
|
299
|
+
class="pf-v6-svg"
|
|
300
|
+
viewBox="0 0 20 20"
|
|
301
|
+
fill="currentColor"
|
|
302
|
+
aria-hidden="true"
|
|
303
|
+
role="img"
|
|
304
|
+
width="1em"
|
|
305
|
+
height="1em"
|
|
306
|
+
>
|
|
307
|
+
<path
|
|
308
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
309
|
+
/>
|
|
310
|
+
</svg>
|
|
251
311
|
</span>
|
|
252
312
|
</button>
|
|
253
313
|
</span>
|
|
@@ -270,7 +330,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
270
330
|
aria-labelledby="text-input-group-filters-label-group-label-three-button text-input-group-filters-label-group-label-three-text"
|
|
271
331
|
>
|
|
272
332
|
<span class="pf-v6-c-button__icon">
|
|
273
|
-
|
|
333
|
+
<svg
|
|
334
|
+
class="pf-v6-svg"
|
|
335
|
+
viewBox="0 0 20 20"
|
|
336
|
+
fill="currentColor"
|
|
337
|
+
aria-hidden="true"
|
|
338
|
+
role="img"
|
|
339
|
+
width="1em"
|
|
340
|
+
height="1em"
|
|
341
|
+
>
|
|
342
|
+
<path
|
|
343
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
344
|
+
/>
|
|
345
|
+
</svg>
|
|
274
346
|
</span>
|
|
275
347
|
</button>
|
|
276
348
|
</span>
|
|
@@ -293,7 +365,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
293
365
|
aria-labelledby="text-input-group-filters-label-group-label-four-button text-input-group-filters-label-group-label-four-text"
|
|
294
366
|
>
|
|
295
367
|
<span class="pf-v6-c-button__icon">
|
|
296
|
-
|
|
368
|
+
<svg
|
|
369
|
+
class="pf-v6-svg"
|
|
370
|
+
viewBox="0 0 20 20"
|
|
371
|
+
fill="currentColor"
|
|
372
|
+
aria-hidden="true"
|
|
373
|
+
role="img"
|
|
374
|
+
width="1em"
|
|
375
|
+
height="1em"
|
|
376
|
+
>
|
|
377
|
+
<path
|
|
378
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
379
|
+
/>
|
|
380
|
+
</svg>
|
|
297
381
|
</span>
|
|
298
382
|
</button>
|
|
299
383
|
</span>
|
|
@@ -316,7 +400,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
316
400
|
aria-labelledby="text-input-group-filters-label-group-label-five-button text-input-group-filters-label-group-label-five-text"
|
|
317
401
|
>
|
|
318
402
|
<span class="pf-v6-c-button__icon">
|
|
319
|
-
|
|
403
|
+
<svg
|
|
404
|
+
class="pf-v6-svg"
|
|
405
|
+
viewBox="0 0 20 20"
|
|
406
|
+
fill="currentColor"
|
|
407
|
+
aria-hidden="true"
|
|
408
|
+
role="img"
|
|
409
|
+
width="1em"
|
|
410
|
+
height="1em"
|
|
411
|
+
>
|
|
412
|
+
<path
|
|
413
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
414
|
+
/>
|
|
415
|
+
</svg>
|
|
320
416
|
</span>
|
|
321
417
|
</button>
|
|
322
418
|
</span>
|
|
@@ -339,7 +435,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
339
435
|
aria-labelledby="text-input-group-filters-label-group-label-six-button text-input-group-filters-label-group-label-six-text"
|
|
340
436
|
>
|
|
341
437
|
<span class="pf-v6-c-button__icon">
|
|
342
|
-
|
|
438
|
+
<svg
|
|
439
|
+
class="pf-v6-svg"
|
|
440
|
+
viewBox="0 0 20 20"
|
|
441
|
+
fill="currentColor"
|
|
442
|
+
aria-hidden="true"
|
|
443
|
+
role="img"
|
|
444
|
+
width="1em"
|
|
445
|
+
height="1em"
|
|
446
|
+
>
|
|
447
|
+
<path
|
|
448
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
449
|
+
/>
|
|
450
|
+
</svg>
|
|
343
451
|
</span>
|
|
344
452
|
</button>
|
|
345
453
|
</span>
|
|
@@ -373,7 +481,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
373
481
|
aria-label="Clear filter example"
|
|
374
482
|
>
|
|
375
483
|
<span class="pf-v6-c-button__icon">
|
|
376
|
-
|
|
484
|
+
<svg
|
|
485
|
+
class="pf-v6-svg"
|
|
486
|
+
viewBox="0 0 20 20"
|
|
487
|
+
fill="currentColor"
|
|
488
|
+
aria-hidden="true"
|
|
489
|
+
role="img"
|
|
490
|
+
width="1em"
|
|
491
|
+
height="1em"
|
|
492
|
+
>
|
|
493
|
+
<path
|
|
494
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
495
|
+
/>
|
|
496
|
+
</svg>
|
|
377
497
|
</span>
|
|
378
498
|
</button>
|
|
379
499
|
</div>
|
|
@@ -410,7 +530,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
410
530
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-one-button text-input-group-filters-expanded-label-group-label-one-text"
|
|
411
531
|
>
|
|
412
532
|
<span class="pf-v6-c-button__icon">
|
|
413
|
-
|
|
533
|
+
<svg
|
|
534
|
+
class="pf-v6-svg"
|
|
535
|
+
viewBox="0 0 20 20"
|
|
536
|
+
fill="currentColor"
|
|
537
|
+
aria-hidden="true"
|
|
538
|
+
role="img"
|
|
539
|
+
width="1em"
|
|
540
|
+
height="1em"
|
|
541
|
+
>
|
|
542
|
+
<path
|
|
543
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
544
|
+
/>
|
|
545
|
+
</svg>
|
|
414
546
|
</span>
|
|
415
547
|
</button>
|
|
416
548
|
</span>
|
|
@@ -433,7 +565,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
433
565
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-two-button text-input-group-filters-expanded-label-group-label-two-text"
|
|
434
566
|
>
|
|
435
567
|
<span class="pf-v6-c-button__icon">
|
|
436
|
-
|
|
568
|
+
<svg
|
|
569
|
+
class="pf-v6-svg"
|
|
570
|
+
viewBox="0 0 20 20"
|
|
571
|
+
fill="currentColor"
|
|
572
|
+
aria-hidden="true"
|
|
573
|
+
role="img"
|
|
574
|
+
width="1em"
|
|
575
|
+
height="1em"
|
|
576
|
+
>
|
|
577
|
+
<path
|
|
578
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
579
|
+
/>
|
|
580
|
+
</svg>
|
|
437
581
|
</span>
|
|
438
582
|
</button>
|
|
439
583
|
</span>
|
|
@@ -456,7 +600,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
456
600
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-three-button text-input-group-filters-expanded-label-group-label-three-text"
|
|
457
601
|
>
|
|
458
602
|
<span class="pf-v6-c-button__icon">
|
|
459
|
-
|
|
603
|
+
<svg
|
|
604
|
+
class="pf-v6-svg"
|
|
605
|
+
viewBox="0 0 20 20"
|
|
606
|
+
fill="currentColor"
|
|
607
|
+
aria-hidden="true"
|
|
608
|
+
role="img"
|
|
609
|
+
width="1em"
|
|
610
|
+
height="1em"
|
|
611
|
+
>
|
|
612
|
+
<path
|
|
613
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
614
|
+
/>
|
|
615
|
+
</svg>
|
|
460
616
|
</span>
|
|
461
617
|
</button>
|
|
462
618
|
</span>
|
|
@@ -479,7 +635,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
479
635
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-four-button text-input-group-filters-expanded-label-group-label-four-text"
|
|
480
636
|
>
|
|
481
637
|
<span class="pf-v6-c-button__icon">
|
|
482
|
-
|
|
638
|
+
<svg
|
|
639
|
+
class="pf-v6-svg"
|
|
640
|
+
viewBox="0 0 20 20"
|
|
641
|
+
fill="currentColor"
|
|
642
|
+
aria-hidden="true"
|
|
643
|
+
role="img"
|
|
644
|
+
width="1em"
|
|
645
|
+
height="1em"
|
|
646
|
+
>
|
|
647
|
+
<path
|
|
648
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
649
|
+
/>
|
|
650
|
+
</svg>
|
|
483
651
|
</span>
|
|
484
652
|
</button>
|
|
485
653
|
</span>
|
|
@@ -502,7 +670,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
502
670
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-five-button text-input-group-filters-expanded-label-group-label-five-text"
|
|
503
671
|
>
|
|
504
672
|
<span class="pf-v6-c-button__icon">
|
|
505
|
-
|
|
673
|
+
<svg
|
|
674
|
+
class="pf-v6-svg"
|
|
675
|
+
viewBox="0 0 20 20"
|
|
676
|
+
fill="currentColor"
|
|
677
|
+
aria-hidden="true"
|
|
678
|
+
role="img"
|
|
679
|
+
width="1em"
|
|
680
|
+
height="1em"
|
|
681
|
+
>
|
|
682
|
+
<path
|
|
683
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
684
|
+
/>
|
|
685
|
+
</svg>
|
|
506
686
|
</span>
|
|
507
687
|
</button>
|
|
508
688
|
</span>
|
|
@@ -525,7 +705,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
525
705
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-six-button text-input-group-filters-expanded-label-group-label-six-text"
|
|
526
706
|
>
|
|
527
707
|
<span class="pf-v6-c-button__icon">
|
|
528
|
-
|
|
708
|
+
<svg
|
|
709
|
+
class="pf-v6-svg"
|
|
710
|
+
viewBox="0 0 20 20"
|
|
711
|
+
fill="currentColor"
|
|
712
|
+
aria-hidden="true"
|
|
713
|
+
role="img"
|
|
714
|
+
width="1em"
|
|
715
|
+
height="1em"
|
|
716
|
+
>
|
|
717
|
+
<path
|
|
718
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
719
|
+
/>
|
|
720
|
+
</svg>
|
|
529
721
|
</span>
|
|
530
722
|
</button>
|
|
531
723
|
</span>
|
|
@@ -548,7 +740,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
548
740
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-seven-button text-input-group-filters-expanded-label-group-label-seven-text"
|
|
549
741
|
>
|
|
550
742
|
<span class="pf-v6-c-button__icon">
|
|
551
|
-
|
|
743
|
+
<svg
|
|
744
|
+
class="pf-v6-svg"
|
|
745
|
+
viewBox="0 0 20 20"
|
|
746
|
+
fill="currentColor"
|
|
747
|
+
aria-hidden="true"
|
|
748
|
+
role="img"
|
|
749
|
+
width="1em"
|
|
750
|
+
height="1em"
|
|
751
|
+
>
|
|
752
|
+
<path
|
|
753
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
754
|
+
/>
|
|
755
|
+
</svg>
|
|
552
756
|
</span>
|
|
553
757
|
</button>
|
|
554
758
|
</span>
|
|
@@ -571,7 +775,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
571
775
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-eight-button text-input-group-filters-expanded-label-group-label-eight-text"
|
|
572
776
|
>
|
|
573
777
|
<span class="pf-v6-c-button__icon">
|
|
574
|
-
|
|
778
|
+
<svg
|
|
779
|
+
class="pf-v6-svg"
|
|
780
|
+
viewBox="0 0 20 20"
|
|
781
|
+
fill="currentColor"
|
|
782
|
+
aria-hidden="true"
|
|
783
|
+
role="img"
|
|
784
|
+
width="1em"
|
|
785
|
+
height="1em"
|
|
786
|
+
>
|
|
787
|
+
<path
|
|
788
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
789
|
+
/>
|
|
790
|
+
</svg>
|
|
575
791
|
</span>
|
|
576
792
|
</button>
|
|
577
793
|
</span>
|
|
@@ -594,7 +810,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
594
810
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-nine-button text-input-group-filters-expanded-label-group-label-nine-text"
|
|
595
811
|
>
|
|
596
812
|
<span class="pf-v6-c-button__icon">
|
|
597
|
-
|
|
813
|
+
<svg
|
|
814
|
+
class="pf-v6-svg"
|
|
815
|
+
viewBox="0 0 20 20"
|
|
816
|
+
fill="currentColor"
|
|
817
|
+
aria-hidden="true"
|
|
818
|
+
role="img"
|
|
819
|
+
width="1em"
|
|
820
|
+
height="1em"
|
|
821
|
+
>
|
|
822
|
+
<path
|
|
823
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
824
|
+
/>
|
|
825
|
+
</svg>
|
|
598
826
|
</span>
|
|
599
827
|
</button>
|
|
600
828
|
</span>
|
|
@@ -617,7 +845,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
617
845
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-ten-button text-input-group-filters-expanded-label-group-label-ten-text"
|
|
618
846
|
>
|
|
619
847
|
<span class="pf-v6-c-button__icon">
|
|
620
|
-
|
|
848
|
+
<svg
|
|
849
|
+
class="pf-v6-svg"
|
|
850
|
+
viewBox="0 0 20 20"
|
|
851
|
+
fill="currentColor"
|
|
852
|
+
aria-hidden="true"
|
|
853
|
+
role="img"
|
|
854
|
+
width="1em"
|
|
855
|
+
height="1em"
|
|
856
|
+
>
|
|
857
|
+
<path
|
|
858
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
859
|
+
/>
|
|
860
|
+
</svg>
|
|
621
861
|
</span>
|
|
622
862
|
</button>
|
|
623
863
|
</span>
|
|
@@ -640,7 +880,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
640
880
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-eleven-button text-input-group-filters-expanded-label-group-label-eleven-text"
|
|
641
881
|
>
|
|
642
882
|
<span class="pf-v6-c-button__icon">
|
|
643
|
-
|
|
883
|
+
<svg
|
|
884
|
+
class="pf-v6-svg"
|
|
885
|
+
viewBox="0 0 20 20"
|
|
886
|
+
fill="currentColor"
|
|
887
|
+
aria-hidden="true"
|
|
888
|
+
role="img"
|
|
889
|
+
width="1em"
|
|
890
|
+
height="1em"
|
|
891
|
+
>
|
|
892
|
+
<path
|
|
893
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
894
|
+
/>
|
|
895
|
+
</svg>
|
|
644
896
|
</span>
|
|
645
897
|
</button>
|
|
646
898
|
</span>
|
|
@@ -663,7 +915,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
663
915
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-twelve-button text-input-group-filters-expanded-label-group-label-twelve-text"
|
|
664
916
|
>
|
|
665
917
|
<span class="pf-v6-c-button__icon">
|
|
666
|
-
|
|
918
|
+
<svg
|
|
919
|
+
class="pf-v6-svg"
|
|
920
|
+
viewBox="0 0 20 20"
|
|
921
|
+
fill="currentColor"
|
|
922
|
+
aria-hidden="true"
|
|
923
|
+
role="img"
|
|
924
|
+
width="1em"
|
|
925
|
+
height="1em"
|
|
926
|
+
>
|
|
927
|
+
<path
|
|
928
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
929
|
+
/>
|
|
930
|
+
</svg>
|
|
667
931
|
</span>
|
|
668
932
|
</button>
|
|
669
933
|
</span>
|
|
@@ -686,7 +950,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
686
950
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-thirteen-button text-input-group-filters-expanded-label-group-label-thirteen-text"
|
|
687
951
|
>
|
|
688
952
|
<span class="pf-v6-c-button__icon">
|
|
689
|
-
|
|
953
|
+
<svg
|
|
954
|
+
class="pf-v6-svg"
|
|
955
|
+
viewBox="0 0 20 20"
|
|
956
|
+
fill="currentColor"
|
|
957
|
+
aria-hidden="true"
|
|
958
|
+
role="img"
|
|
959
|
+
width="1em"
|
|
960
|
+
height="1em"
|
|
961
|
+
>
|
|
962
|
+
<path
|
|
963
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
964
|
+
/>
|
|
965
|
+
</svg>
|
|
690
966
|
</span>
|
|
691
967
|
</button>
|
|
692
968
|
</span>
|
|
@@ -709,7 +985,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
709
985
|
aria-labelledby="text-input-group-filters-expanded-label-group-label-fourteen-button text-input-group-filters-expanded-label-group-label-fourteen-text"
|
|
710
986
|
>
|
|
711
987
|
<span class="pf-v6-c-button__icon">
|
|
712
|
-
|
|
988
|
+
<svg
|
|
989
|
+
class="pf-v6-svg"
|
|
990
|
+
viewBox="0 0 20 20"
|
|
991
|
+
fill="currentColor"
|
|
992
|
+
aria-hidden="true"
|
|
993
|
+
role="img"
|
|
994
|
+
width="1em"
|
|
995
|
+
height="1em"
|
|
996
|
+
>
|
|
997
|
+
<path
|
|
998
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
999
|
+
/>
|
|
1000
|
+
</svg>
|
|
713
1001
|
</span>
|
|
714
1002
|
</button>
|
|
715
1003
|
</span>
|
|
@@ -734,7 +1022,19 @@ For the purposes of this example, the `TextInputGroup` is contained in a wrapper
|
|
|
734
1022
|
aria-label="Clear filters expanded example"
|
|
735
1023
|
>
|
|
736
1024
|
<span class="pf-v6-c-button__icon">
|
|
737
|
-
|
|
1025
|
+
<svg
|
|
1026
|
+
class="pf-v6-svg"
|
|
1027
|
+
viewBox="0 0 20 20"
|
|
1028
|
+
fill="currentColor"
|
|
1029
|
+
aria-hidden="true"
|
|
1030
|
+
role="img"
|
|
1031
|
+
width="1em"
|
|
1032
|
+
height="1em"
|
|
1033
|
+
>
|
|
1034
|
+
<path
|
|
1035
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1036
|
+
/>
|
|
1037
|
+
</svg>
|
|
738
1038
|
</span>
|
|
739
1039
|
</button>
|
|
740
1040
|
</div>
|
|
@@ -816,7 +1116,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
816
1116
|
aria-label="Clear search input group no match"
|
|
817
1117
|
>
|
|
818
1118
|
<span class="pf-v6-c-button__icon">
|
|
819
|
-
|
|
1119
|
+
<svg
|
|
1120
|
+
class="pf-v6-svg"
|
|
1121
|
+
viewBox="0 0 20 20"
|
|
1122
|
+
fill="currentColor"
|
|
1123
|
+
aria-hidden="true"
|
|
1124
|
+
role="img"
|
|
1125
|
+
width="1em"
|
|
1126
|
+
height="1em"
|
|
1127
|
+
>
|
|
1128
|
+
<path
|
|
1129
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1130
|
+
/>
|
|
1131
|
+
</svg>
|
|
820
1132
|
</span>
|
|
821
1133
|
</button>
|
|
822
1134
|
</div>
|
|
@@ -853,7 +1165,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
853
1165
|
aria-label="Clear search input group match with result count"
|
|
854
1166
|
>
|
|
855
1167
|
<span class="pf-v6-c-button__icon">
|
|
856
|
-
|
|
1168
|
+
<svg
|
|
1169
|
+
class="pf-v6-svg"
|
|
1170
|
+
viewBox="0 0 20 20"
|
|
1171
|
+
fill="currentColor"
|
|
1172
|
+
aria-hidden="true"
|
|
1173
|
+
role="img"
|
|
1174
|
+
width="1em"
|
|
1175
|
+
height="1em"
|
|
1176
|
+
>
|
|
1177
|
+
<path
|
|
1178
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1179
|
+
/>
|
|
1180
|
+
</svg>
|
|
857
1181
|
</span>
|
|
858
1182
|
</button>
|
|
859
1183
|
</div>
|
|
@@ -892,12 +1216,36 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
892
1216
|
disabled
|
|
893
1217
|
>
|
|
894
1218
|
<span class="pf-v6-c-button__icon">
|
|
895
|
-
|
|
1219
|
+
<svg
|
|
1220
|
+
class="pf-v6-svg"
|
|
1221
|
+
viewBox="0 0 320 512"
|
|
1222
|
+
fill="currentColor"
|
|
1223
|
+
aria-hidden="true"
|
|
1224
|
+
role="img"
|
|
1225
|
+
width="1em"
|
|
1226
|
+
height="1em"
|
|
1227
|
+
>
|
|
1228
|
+
<path
|
|
1229
|
+
d="M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z"
|
|
1230
|
+
/>
|
|
1231
|
+
</svg>
|
|
896
1232
|
</span>
|
|
897
1233
|
</button>
|
|
898
1234
|
<button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Next">
|
|
899
1235
|
<span class="pf-v6-c-button__icon">
|
|
900
|
-
|
|
1236
|
+
<svg
|
|
1237
|
+
class="pf-v6-svg"
|
|
1238
|
+
viewBox="0 0 320 512"
|
|
1239
|
+
fill="currentColor"
|
|
1240
|
+
aria-hidden="true"
|
|
1241
|
+
role="img"
|
|
1242
|
+
width="1em"
|
|
1243
|
+
height="1em"
|
|
1244
|
+
>
|
|
1245
|
+
<path
|
|
1246
|
+
d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z"
|
|
1247
|
+
/>
|
|
1248
|
+
</svg>
|
|
901
1249
|
</span>
|
|
902
1250
|
</button>
|
|
903
1251
|
</div>
|
|
@@ -907,7 +1255,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
907
1255
|
aria-label="Clear search input group match with navigable options"
|
|
908
1256
|
>
|
|
909
1257
|
<span class="pf-v6-c-button__icon">
|
|
910
|
-
|
|
1258
|
+
<svg
|
|
1259
|
+
class="pf-v6-svg"
|
|
1260
|
+
viewBox="0 0 20 20"
|
|
1261
|
+
fill="currentColor"
|
|
1262
|
+
aria-hidden="true"
|
|
1263
|
+
role="img"
|
|
1264
|
+
width="1em"
|
|
1265
|
+
height="1em"
|
|
1266
|
+
>
|
|
1267
|
+
<path
|
|
1268
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1269
|
+
/>
|
|
1270
|
+
</svg>
|
|
911
1271
|
</span>
|
|
912
1272
|
</button>
|
|
913
1273
|
</div>
|
|
@@ -946,7 +1306,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
946
1306
|
aria-label="Open search input group collapsed"
|
|
947
1307
|
>
|
|
948
1308
|
<span class="pf-v6-c-button__icon">
|
|
949
|
-
|
|
1309
|
+
<svg
|
|
1310
|
+
class="pf-v6-svg"
|
|
1311
|
+
viewBox="0 0 512 512"
|
|
1312
|
+
fill="currentColor"
|
|
1313
|
+
aria-hidden="true"
|
|
1314
|
+
role="img"
|
|
1315
|
+
width="1em"
|
|
1316
|
+
height="1em"
|
|
1317
|
+
>
|
|
1318
|
+
<path
|
|
1319
|
+
d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
|
|
1320
|
+
/>
|
|
1321
|
+
</svg>
|
|
950
1322
|
</span>
|
|
951
1323
|
</button>
|
|
952
1324
|
</div>
|
|
@@ -957,7 +1329,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
957
1329
|
aria-label="Close search input group expandable"
|
|
958
1330
|
>
|
|
959
1331
|
<span class="pf-v6-c-button__icon">
|
|
960
|
-
|
|
1332
|
+
<svg
|
|
1333
|
+
class="pf-v6-svg"
|
|
1334
|
+
viewBox="0 0 20 20"
|
|
1335
|
+
fill="currentColor"
|
|
1336
|
+
aria-hidden="true"
|
|
1337
|
+
role="img"
|
|
1338
|
+
width="1em"
|
|
1339
|
+
height="1em"
|
|
1340
|
+
>
|
|
1341
|
+
<path
|
|
1342
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1343
|
+
/>
|
|
1344
|
+
</svg>
|
|
961
1345
|
</span>
|
|
962
1346
|
</button>
|
|
963
1347
|
</div>
|
|
@@ -994,7 +1378,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
994
1378
|
aria-label="Open search input group collapsed"
|
|
995
1379
|
>
|
|
996
1380
|
<span class="pf-v6-c-button__icon">
|
|
997
|
-
|
|
1381
|
+
<svg
|
|
1382
|
+
class="pf-v6-svg"
|
|
1383
|
+
viewBox="0 0 512 512"
|
|
1384
|
+
fill="currentColor"
|
|
1385
|
+
aria-hidden="true"
|
|
1386
|
+
role="img"
|
|
1387
|
+
width="1em"
|
|
1388
|
+
height="1em"
|
|
1389
|
+
>
|
|
1390
|
+
<path
|
|
1391
|
+
d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"
|
|
1392
|
+
/>
|
|
1393
|
+
</svg>
|
|
998
1394
|
</span>
|
|
999
1395
|
</button>
|
|
1000
1396
|
</div>
|
|
@@ -1005,7 +1401,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
1005
1401
|
aria-label="Close search input group expandable"
|
|
1006
1402
|
>
|
|
1007
1403
|
<span class="pf-v6-c-button__icon">
|
|
1008
|
-
|
|
1404
|
+
<svg
|
|
1405
|
+
class="pf-v6-svg"
|
|
1406
|
+
viewBox="0 0 20 20"
|
|
1407
|
+
fill="currentColor"
|
|
1408
|
+
aria-hidden="true"
|
|
1409
|
+
role="img"
|
|
1410
|
+
width="1em"
|
|
1411
|
+
height="1em"
|
|
1412
|
+
>
|
|
1413
|
+
<path
|
|
1414
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1415
|
+
/>
|
|
1416
|
+
</svg>
|
|
1009
1417
|
</span>
|
|
1010
1418
|
</button>
|
|
1011
1419
|
</div>
|
|
@@ -1088,7 +1496,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
1088
1496
|
aria-label="Clear advance search input group collapsed"
|
|
1089
1497
|
>
|
|
1090
1498
|
<span class="pf-v6-c-button__icon">
|
|
1091
|
-
|
|
1499
|
+
<svg
|
|
1500
|
+
class="pf-v6-svg"
|
|
1501
|
+
viewBox="0 0 20 20"
|
|
1502
|
+
fill="currentColor"
|
|
1503
|
+
aria-hidden="true"
|
|
1504
|
+
role="img"
|
|
1505
|
+
width="1em"
|
|
1506
|
+
height="1em"
|
|
1507
|
+
>
|
|
1508
|
+
<path
|
|
1509
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1510
|
+
/>
|
|
1511
|
+
</svg>
|
|
1092
1512
|
</span>
|
|
1093
1513
|
</button>
|
|
1094
1514
|
</div>
|
|
@@ -1171,7 +1591,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
1171
1591
|
aria-label="Clear advance search input group expanded"
|
|
1172
1592
|
>
|
|
1173
1593
|
<span class="pf-v6-c-button__icon">
|
|
1174
|
-
|
|
1594
|
+
<svg
|
|
1595
|
+
class="pf-v6-svg"
|
|
1596
|
+
viewBox="0 0 20 20"
|
|
1597
|
+
fill="currentColor"
|
|
1598
|
+
aria-hidden="true"
|
|
1599
|
+
role="img"
|
|
1600
|
+
width="1em"
|
|
1601
|
+
height="1em"
|
|
1602
|
+
>
|
|
1603
|
+
<path
|
|
1604
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1605
|
+
/>
|
|
1606
|
+
</svg>
|
|
1175
1607
|
</span>
|
|
1176
1608
|
</button>
|
|
1177
1609
|
</div>
|
|
@@ -1351,7 +1783,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
1351
1783
|
aria-label="Clear autocomplete search input group"
|
|
1352
1784
|
>
|
|
1353
1785
|
<span class="pf-v6-c-button__icon">
|
|
1354
|
-
|
|
1786
|
+
<svg
|
|
1787
|
+
class="pf-v6-svg"
|
|
1788
|
+
viewBox="0 0 20 20"
|
|
1789
|
+
fill="currentColor"
|
|
1790
|
+
aria-hidden="true"
|
|
1791
|
+
role="img"
|
|
1792
|
+
width="1em"
|
|
1793
|
+
height="1em"
|
|
1794
|
+
>
|
|
1795
|
+
<path
|
|
1796
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1797
|
+
/>
|
|
1798
|
+
</svg>
|
|
1355
1799
|
</span>
|
|
1356
1800
|
</button>
|
|
1357
1801
|
</div>
|
|
@@ -1419,7 +1863,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
1419
1863
|
aria-label="Clear autocomple search input group last option hint"
|
|
1420
1864
|
>
|
|
1421
1865
|
<span class="pf-v6-c-button__icon">
|
|
1422
|
-
|
|
1866
|
+
<svg
|
|
1867
|
+
class="pf-v6-svg"
|
|
1868
|
+
viewBox="0 0 20 20"
|
|
1869
|
+
fill="currentColor"
|
|
1870
|
+
aria-hidden="true"
|
|
1871
|
+
role="img"
|
|
1872
|
+
width="1em"
|
|
1873
|
+
height="1em"
|
|
1874
|
+
>
|
|
1875
|
+
<path
|
|
1876
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1877
|
+
/>
|
|
1878
|
+
</svg>
|
|
1423
1879
|
</span>
|
|
1424
1880
|
</button>
|
|
1425
1881
|
</div>
|
|
@@ -1468,7 +1924,19 @@ The React implementation can be found in the [search input](/components/search-i
|
|
|
1468
1924
|
aria-label="Clear advance search input group expanded with autocomplete"
|
|
1469
1925
|
>
|
|
1470
1926
|
<span class="pf-v6-c-button__icon">
|
|
1471
|
-
|
|
1927
|
+
<svg
|
|
1928
|
+
class="pf-v6-svg"
|
|
1929
|
+
viewBox="0 0 20 20"
|
|
1930
|
+
fill="currentColor"
|
|
1931
|
+
aria-hidden="true"
|
|
1932
|
+
role="img"
|
|
1933
|
+
width="1em"
|
|
1934
|
+
height="1em"
|
|
1935
|
+
>
|
|
1936
|
+
<path
|
|
1937
|
+
d="M17.8 16.2 11.59 10l6.21-6.21c.42-.46.39-1.17-.07-1.59-.43-.4-1.09-.4-1.52 0l-6.2 6.2-6.22-6.19c-.44-.44-1.15-.44-1.59 0-.44.44-.44 1.15 0 1.59l6.2 6.21-6.2 6.2c-.42.46-.39 1.17.07 1.59.43.4 1.09.4 1.52 0L10 11.59l6.2 6.2c.44.44 1.15.44 1.59 0 .44-.45.44-1.16 0-1.6Z"
|
|
1938
|
+
/>
|
|
1939
|
+
</svg>
|
|
1472
1940
|
</span>
|
|
1473
1941
|
</button>
|
|
1474
1942
|
</div>
|