@patternfly/react-core 5.0.0-alpha.57 → 5.0.0-alpha.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (90) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/esm/components/Switch/Switch.js +2 -2
  3. package/dist/esm/components/Switch/Switch.js.map +1 -1
  4. package/dist/js/components/Switch/Switch.js +2 -2
  5. package/dist/js/components/Switch/Switch.js.map +1 -1
  6. package/dist/umd/react-core.min.js +1 -1
  7. package/package.json +3 -3
  8. package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap +3 -9
  9. package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionCloseButton.test.tsx.snap +1 -3
  10. package/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap +1 -3
  11. package/src/components/Alert/__tests__/__snapshots__/AlertActionCloseButton.test.tsx.snap +1 -3
  12. package/src/components/BackToTop/__tests__/__snapshots__/BackToTop.test.tsx.snap +1 -3
  13. package/src/components/Breadcrumb/__tests__/__snapshots__/Breadcrumb.test.tsx.snap +1 -3
  14. package/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +1 -3
  15. package/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap +1 -3
  16. package/src/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap +4 -12
  17. package/src/components/ChipGroup/__tests__/__snapshots__/ChipGroup.test.tsx.snap +5 -15
  18. package/src/components/ClipboardCopy/__tests__/Generated/__snapshots__/ClipboardCopy.test.tsx.snap +1 -3
  19. package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap +1 -3
  20. package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap +1 -3
  21. package/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap +1 -3
  22. package/src/components/DataList/__tests__/__snapshots__/DataList.test.tsx.snap +1 -3
  23. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +5 -15
  24. package/src/components/Drawer/__tests__/__snapshots__/Drawer.test.tsx.snap +6 -18
  25. package/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap +27 -81
  26. package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap +0 -3
  27. package/src/components/EmptyState/__tests__/__snapshots__/EmptyState.test.tsx.snap +0 -3
  28. package/src/components/ExpandableSection/__tests__/__snapshots__/ExpandableSection.test.tsx.snap +6 -18
  29. package/src/components/FileUpload/examples/FileUploadCustomPreview.tsx +1 -1
  30. package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap +1 -3
  31. package/src/components/Form/examples/FormBasic.tsx +1 -1
  32. package/src/components/Form/examples/FormGroupLabelInfo.tsx +1 -1
  33. package/src/components/Form/examples/FormLimitWidth.tsx +1 -1
  34. package/src/components/HelperText/__tests__/__snapshots__/HelperText.test.tsx.snap +2 -6
  35. package/src/components/Icon/__tests__/__snapshots__/Icon.test.tsx.snap +3 -9
  36. package/src/components/JumpLinks/__tests__/__snapshots__/JumpLinks.test.tsx.snap +1 -3
  37. package/src/components/Label/__tests__/__snapshots__/Label.test.tsx.snap +3 -9
  38. package/src/components/LabelGroup/__tests__/__snapshots__/LabelGroup.test.tsx.snap +1 -3
  39. package/src/components/List/__tests__/__snapshots__/List.test.tsx.snap +6 -18
  40. package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap +1 -3
  41. package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +10 -30
  42. package/src/components/Modal/__tests__/__snapshots__/ModalBoxTitle.test.tsx.snap +6 -18
  43. package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap +8 -24
  44. package/src/components/Modal/examples/ModalWithForm.tsx +3 -3
  45. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap +5 -15
  46. package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +17 -51
  47. package/src/components/Nav/__tests__/Generated/__snapshots__/NavExpandable.test.tsx.snap +1 -3
  48. package/src/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +14 -42
  49. package/src/components/NotificationBadge/__tests__/__snapshots__/NotificationBadge.test.tsx.snap +1 -3
  50. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroup.test.tsx.snap +4 -12
  51. package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItemHeader.test.tsx.snap +5 -15
  52. package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap +26 -78
  53. package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap +33 -99
  54. package/src/components/Pagination/__tests__/Generated/__snapshots__/Navigation.test.tsx.snap +4 -12
  55. package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +1 -3
  56. package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +102 -306
  57. package/src/components/Popover/__tests__/Generated/__snapshots__/PopoverCloseButton.test.tsx.snap +1 -3
  58. package/src/components/Progress/__tests__/Generated/__snapshots__/ProgressContainer.test.tsx.snap +1 -3
  59. package/src/components/Progress/__tests__/__snapshots__/Progress.test.tsx.snap +3 -9
  60. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +23 -69
  61. package/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap +27 -102
  62. package/src/components/Select/__tests__/__snapshots__/SelectOption.test.tsx.snap +1 -3
  63. package/src/components/Select/__tests__/__snapshots__/SelectToggle.test.tsx.snap +1 -3
  64. package/src/components/Switch/Switch.tsx +2 -2
  65. package/src/components/Switch/__tests__/__snapshots__/Switch.test.tsx.snap +4 -8
  66. package/src/components/Tabs/__tests__/__snapshots__/OverflowTab.test.tsx.snap +2 -6
  67. package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +1 -3
  68. package/src/components/Tile/__tests__/__snapshots__/Tile.test.tsx.snap +3 -9
  69. package/src/components/Timestamp/__tests__/__snapshots__/Timestamp.test.tsx.snap +1 -1
  70. package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +4 -12
  71. package/src/components/TreeView/__tests__/__snapshots__/TreeView.test.tsx.snap +68 -204
  72. package/src/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap +1 -3
  73. package/src/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap +6 -18
  74. package/src/demos/Filters/examples/FilterAttributeSearch.tsx +1 -1
  75. package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +1 -1
  76. package/src/demos/Filters/examples/FilterFaceted.tsx +1 -1
  77. package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +1 -1
  78. package/src/demos/Filters/examples/FilterSameSelectGroup.tsx +1 -1
  79. package/src/demos/Filters/examples/FilterSearchInput.tsx +1 -1
  80. package/src/demos/Filters/examples/FilterSingleSelect.tsx +1 -1
  81. package/src/demos/PasswordStrength.md +1 -1
  82. package/src/deprecated/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap +7 -21
  83. package/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelector.test.tsx.snap +7 -21
  84. package/src/deprecated/components/ContextSelector/__tests__/__snapshots__/ContextSelectorToggle.test.tsx.snap +5 -15
  85. package/src/deprecated/components/Dropdown/__tests__/Generated/__snapshots__/KebabToggle.test.tsx.snap +1 -3
  86. package/src/deprecated/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap +16 -48
  87. package/src/deprecated/components/Dropdown/__tests__/__snapshots__/DropdownToggle.test.tsx.snap +9 -27
  88. package/src/deprecated/components/Dropdown/__tests__/__snapshots__/Toggle.test.tsx.snap +2 -6
  89. package/src/deprecated/components/OptionsMenu/__tests__/Generated/__snapshots__/OptionsMenuToggle.test.tsx.snap +1 -3
  90. package/src/deprecated/components/OptionsMenu/__tests__/__snapshots__/OptionsMenu.test.tsx.snap +7 -21
@@ -24,12 +24,10 @@ exports[`WizardToggle should match snapshot (auto-generated) 1`] = `
24
24
  >
25
25
  <svg
26
26
  aria-hidden="true"
27
+ class="pf-svg"
27
28
  fill="currentColor"
28
- height="1em"
29
29
  role="img"
30
- style="vertical-align: -0.125em;"
31
30
  viewBox="0 0 320 512"
32
- width="1em"
33
31
  >
34
32
  <path
35
33
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -19,12 +19,10 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
19
19
  >
20
20
  <svg
21
21
  aria-hidden="true"
22
+ class="pf-svg"
22
23
  fill="currentColor"
23
- height="1em"
24
24
  role="img"
25
- style="vertical-align: -0.125em;"
26
25
  viewBox="0 0 352 512"
27
- width="1em"
28
26
  >
29
27
  <path
30
28
  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"
@@ -72,12 +70,10 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
72
70
  >
73
71
  <svg
74
72
  aria-hidden="true"
73
+ class="pf-svg"
75
74
  fill="currentColor"
76
- height="1em"
77
75
  role="img"
78
- style="vertical-align: -0.125em;"
79
76
  viewBox="0 0 320 512"
80
- width="1em"
81
77
  >
82
78
  <path
83
79
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -141,12 +137,10 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
141
137
  >
142
138
  <svg
143
139
  aria-hidden="true"
140
+ class="pf-svg"
144
141
  fill="currentColor"
145
- height="1em"
146
142
  role="img"
147
- style="vertical-align: -0.125em;"
148
143
  viewBox="0 0 256 512"
149
- width="1em"
150
144
  >
151
145
  <path
152
146
  d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -294,12 +288,10 @@ exports[`Wizard Wizard should match snapshot 1`] = `
294
288
  >
295
289
  <svg
296
290
  aria-hidden="true"
291
+ class="pf-svg"
297
292
  fill="currentColor"
298
- height="1em"
299
293
  role="img"
300
- style="vertical-align: -0.125em;"
301
294
  viewBox="0 0 352 512"
302
- width="1em"
303
295
  >
304
296
  <path
305
297
  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"
@@ -347,12 +339,10 @@ exports[`Wizard Wizard should match snapshot 1`] = `
347
339
  >
348
340
  <svg
349
341
  aria-hidden="true"
342
+ class="pf-svg"
350
343
  fill="currentColor"
351
- height="1em"
352
344
  role="img"
353
- style="vertical-align: -0.125em;"
354
345
  viewBox="0 0 320 512"
355
- width="1em"
356
346
  >
357
347
  <path
358
348
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -560,12 +550,10 @@ exports[`Wizard bare wiz 1`] = `
560
550
  >
561
551
  <svg
562
552
  aria-hidden="true"
553
+ class="pf-svg"
563
554
  fill="currentColor"
564
- height="1em"
565
555
  role="img"
566
- style="vertical-align: -0.125em;"
567
556
  viewBox="0 0 320 512"
568
- width="1em"
569
557
  >
570
558
  <path
571
559
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -670,7 +670,7 @@ export const FilterAttributeSearch: React.FunctionComponent = () => {
670
670
  rowIndex,
671
671
  onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting),
672
672
  isSelected: isRepoSelected(repo),
673
- disable: !isRepoSelectable(repo)
673
+ isDisabled: !isRepoSelectable(repo)
674
674
  }}
675
675
  />
676
676
  <Td dataLabel={columnNames.name} modifier="truncate">
@@ -395,7 +395,7 @@ export const FilterCheckboxSelect: React.FunctionComponent = () => {
395
395
  rowIndex,
396
396
  onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting),
397
397
  isSelected: isRepoSelected(repo),
398
- disable: !isRepoSelectable(repo)
398
+ isDisabled: !isRepoSelectable(repo)
399
399
  }}
400
400
  />
401
401
  <Td dataLabel={columnNames.name} modifier="truncate">
@@ -486,7 +486,7 @@ export const FilterFaceted: React.FunctionComponent = () => {
486
486
  rowIndex,
487
487
  onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting),
488
488
  isSelected: isRepoSelected(repo),
489
- disable: !isRepoSelectable(repo)
489
+ isDisabled: !isRepoSelectable(repo)
490
490
  }}
491
491
  />
492
492
  <Td dataLabel={columnNames.name} modifier="truncate">
@@ -536,7 +536,7 @@ export const FilterMixedSelectGroup: React.FunctionComponent = () => {
536
536
  rowIndex,
537
537
  onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting),
538
538
  isSelected: isRepoSelected(repo),
539
- disable: !isRepoSelectable(repo)
539
+ isDisabled: !isRepoSelectable(repo)
540
540
  }}
541
541
  />
542
542
  <Td dataLabel={columnNames.name} modifier="truncate">
@@ -509,7 +509,7 @@ export const FilterSameSelectGroup: React.FunctionComponent = () => {
509
509
  rowIndex,
510
510
  onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting),
511
511
  isSelected: isRepoSelected(repo),
512
- disable: !isRepoSelectable(repo)
512
+ isDisabled: !isRepoSelectable(repo)
513
513
  }}
514
514
  />
515
515
  <Td dataLabel={columnNames.name} modifier="truncate">
@@ -317,7 +317,7 @@ export const FilterSearchInput: React.FunctionComponent = () => {
317
317
  rowIndex,
318
318
  onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting),
319
319
  isSelected: isRepoSelected(repo),
320
- disable: !isRepoSelectable(repo)
320
+ isDisabled: !isRepoSelectable(repo)
321
321
  }}
322
322
  />
323
323
  <Td dataLabel={columnNames.name} modifier="truncate">
@@ -380,7 +380,7 @@ export const FilterSingleSelect: React.FunctionComponent = () => {
380
380
  rowIndex,
381
381
  onSelect: (_event, isSelecting) => onSelectRepo(repo, rowIndex, isSelecting),
382
382
  isSelected: isRepoSelected(repo),
383
- disable: !isRepoSelectable(repo)
383
+ isDisabled: !isRepoSelectable(repo)
384
384
  }}
385
385
  />
386
386
  <Td dataLabel={columnNames.name} modifier="truncate">
@@ -114,7 +114,7 @@ class PasswordStrengthDemo extends React.Component {
114
114
  aria-describedby="password-field"
115
115
  className="pf-c-form__group-label-help"
116
116
  >
117
- <HelpIcon noVerticalAlign />
117
+ <HelpIcon />
118
118
  </button>
119
119
  </Popover>
120
120
  );
@@ -22,12 +22,10 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
22
22
  <span>
23
23
  <svg
24
24
  aria-hidden="true"
25
+ class="pf-svg"
25
26
  fill="currentColor"
26
- height="1em"
27
27
  role="img"
28
- style="vertical-align: -0.125em;"
29
28
  viewBox="0 0 512 512"
30
- width="1em"
31
29
  >
32
30
  <path
33
31
  d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
@@ -169,13 +167,11 @@ exports[`ApplicationLauncher custom icon 1`] = `
169
167
  <span>
170
168
  <svg
171
169
  aria-hidden="true"
170
+ class="pf-svg"
172
171
  fill="currentColor"
173
- height="1em"
174
172
  id="test-icon"
175
173
  role="img"
176
- style="vertical-align: -0.125em;"
177
174
  viewBox="0 0 1024 1024"
178
- width="1em"
179
175
  >
180
176
  <path
181
177
  d="M521.3,576 C627.5,576 713.7,502 713.7,413.7 C713.7,325.4 627.6,253.6 521.3,253.6 C366,253.6 334.5,337.7 329.2,407.2 C329.2,414.3 335.2,416 343.5,416 L445,416 C450.5,416 458,415.5 460.8,406.5 C460.8,362.6 582.9,357.1 582.9,413.6 C582.9,441.9 556.2,470.9 521.3,473 C486.4,475.1 447.3,479.8 447.3,521.7 L447.3,553.8 C447.3,570.8 456.1,576 472,576 C487.9,576 521.3,576 521.3,576 M575.3,751.3 L575.3,655.3 C575.313862,651.055109 573.620137,646.982962 570.6,644 C567.638831,640.947672 563.552355,639.247987 559.3,639.29884 L463.3,639.29884 C459.055109,639.286138 454.982962,640.979863 452,644 C448.947672,646.961169 447.247987,651.047645 447.29884,655.3 L447.29884,751.3 C447.286138,755.544891 448.979863,759.617038 452,762.6 C454.961169,765.652328 459.047645,767.352013 463.3,767.30116 L559.3,767.30116 C563.544891,767.313862 567.617038,765.620137 570.6,762.6 C573.659349,759.643612 575.360354,755.553963 575.3,751.3 M512,896 C300.2,896 128,723.9 128,512 C128,300.3 300.2,128 512,128 C723.8,128 896,300.2 896,512 C896,723.8 723.7,896 512,896 M512.1,0 C229.7,0 0,229.8 0,512 C0,794.2 229.8,1024 512.1,1024 C794.4,1024 1024,794.3 1024,512 C1024,229.7 794.4,0 512.1,0"
@@ -316,12 +312,10 @@ exports[`ApplicationLauncher dropup + right aligned 1`] = `
316
312
  <span>
317
313
  <svg
318
314
  aria-hidden="true"
315
+ class="pf-svg"
319
316
  fill="currentColor"
320
- height="1em"
321
317
  role="img"
322
- style="vertical-align: -0.125em;"
323
318
  viewBox="0 0 512 512"
324
- width="1em"
325
319
  >
326
320
  <path
327
321
  d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
@@ -355,12 +349,10 @@ exports[`ApplicationLauncher dropup 1`] = `
355
349
  <span>
356
350
  <svg
357
351
  aria-hidden="true"
352
+ class="pf-svg"
358
353
  fill="currentColor"
359
- height="1em"
360
354
  role="img"
361
- style="vertical-align: -0.125em;"
362
355
  viewBox="0 0 512 512"
363
- width="1em"
364
356
  >
365
357
  <path
366
358
  d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
@@ -394,12 +386,10 @@ exports[`ApplicationLauncher expanded 1`] = `
394
386
  <span>
395
387
  <svg
396
388
  aria-hidden="true"
389
+ class="pf-svg"
397
390
  fill="currentColor"
398
- height="1em"
399
391
  role="img"
400
- style="vertical-align: -0.125em;"
401
392
  viewBox="0 0 512 512"
402
- width="1em"
403
393
  >
404
394
  <path
405
395
  d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
@@ -540,12 +530,10 @@ exports[`ApplicationLauncher regular 1`] = `
540
530
  <span>
541
531
  <svg
542
532
  aria-hidden="true"
533
+ class="pf-svg"
543
534
  fill="currentColor"
544
- height="1em"
545
535
  role="img"
546
- style="vertical-align: -0.125em;"
547
536
  viewBox="0 0 512 512"
548
- width="1em"
549
537
  >
550
538
  <path
551
539
  d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
@@ -579,12 +567,10 @@ exports[`ApplicationLauncher right aligned 1`] = `
579
567
  <span>
580
568
  <svg
581
569
  aria-hidden="true"
570
+ class="pf-svg"
582
571
  fill="currentColor"
583
- height="1em"
584
572
  role="img"
585
- style="vertical-align: -0.125em;"
586
573
  viewBox="0 0 512 512"
587
- width="1em"
588
574
  >
589
575
  <path
590
576
  d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"
@@ -23,12 +23,10 @@ exports[`ContextSelector Renders ContextSelector 1`] = `
23
23
  >
24
24
  <svg
25
25
  aria-hidden="true"
26
+ class="pf-svg"
26
27
  fill="currentColor"
27
- height="1em"
28
28
  role="img"
29
- style="vertical-align: -0.125em;"
30
29
  viewBox="0 0 320 512"
31
- width="1em"
32
30
  >
33
31
  <path
34
32
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -63,12 +61,10 @@ exports[`ContextSelector Renders ContextSelector open 1`] = `
63
61
  >
64
62
  <svg
65
63
  aria-hidden="true"
64
+ class="pf-svg"
66
65
  fill="currentColor"
67
- height="1em"
68
66
  role="img"
69
- style="vertical-align: -0.125em;"
70
67
  viewBox="0 0 320 512"
71
- width="1em"
72
68
  >
73
69
  <path
74
70
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -101,12 +97,10 @@ exports[`ContextSelector Renders ContextSelector open 1`] = `
101
97
  >
102
98
  <svg
103
99
  aria-hidden="true"
100
+ class="pf-svg"
104
101
  fill="currentColor"
105
- height="1em"
106
102
  role="img"
107
- style="vertical-align: -0.125em;"
108
103
  viewBox="0 0 512 512"
109
- width="1em"
110
104
  >
111
105
  <path
112
106
  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"
@@ -134,12 +128,10 @@ exports[`ContextSelector Renders ContextSelector open 1`] = `
134
128
  >
135
129
  <svg
136
130
  aria-hidden="true"
131
+ class="pf-svg"
137
132
  fill="currentColor"
138
- height="1em"
139
133
  role="img"
140
- style="vertical-align: -0.125em;"
141
134
  viewBox="0 0 448 512"
142
- width="1em"
143
135
  >
144
136
  <path
145
137
  d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
@@ -232,12 +224,10 @@ exports[`ContextSelector Renders in strict mode 1`] = `
232
224
  >
233
225
  <svg
234
226
  aria-hidden="true"
227
+ class="pf-svg"
235
228
  fill="currentColor"
236
- height="1em"
237
229
  role="img"
238
- style="vertical-align: -0.125em;"
239
230
  viewBox="0 0 320 512"
240
- width="1em"
241
231
  >
242
232
  <path
243
233
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -270,12 +260,10 @@ exports[`ContextSelector Renders in strict mode 1`] = `
270
260
  >
271
261
  <svg
272
262
  aria-hidden="true"
263
+ class="pf-svg"
273
264
  fill="currentColor"
274
- height="1em"
275
265
  role="img"
276
- style="vertical-align: -0.125em;"
277
266
  viewBox="0 0 512 512"
278
- width="1em"
279
267
  >
280
268
  <path
281
269
  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"
@@ -303,12 +291,10 @@ exports[`ContextSelector Renders in strict mode 1`] = `
303
291
  >
304
292
  <svg
305
293
  aria-hidden="true"
294
+ class="pf-svg"
306
295
  fill="currentColor"
307
- height="1em"
308
296
  role="img"
309
- style="vertical-align: -0.125em;"
310
297
  viewBox="0 0 448 512"
311
- width="1em"
312
298
  >
313
299
  <path
314
300
  d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"
@@ -16,12 +16,10 @@ exports[`ContextSelectorToggle Renders ContextSelectorToggle 1`] = `
16
16
  >
17
17
  <svg
18
18
  aria-hidden="true"
19
+ class="pf-svg"
19
20
  fill="currentColor"
20
- height="1em"
21
21
  role="img"
22
- style="vertical-align: -0.125em;"
23
22
  viewBox="0 0 320 512"
24
- width="1em"
25
23
  >
26
24
  <path
27
25
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -48,12 +46,10 @@ exports[`ContextSelectorToggle Verify ESC press 1`] = `
48
46
  >
49
47
  <svg
50
48
  aria-hidden="true"
49
+ class="pf-svg"
51
50
  fill="currentColor"
52
- height="1em"
53
51
  role="img"
54
- style="vertical-align: -0.125em;"
55
52
  viewBox="0 0 320 512"
56
- width="1em"
57
53
  >
58
54
  <path
59
55
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -80,12 +76,10 @@ exports[`ContextSelectorToggle Verify ESC press with not isOpen 1`] = `
80
76
  >
81
77
  <svg
82
78
  aria-hidden="true"
79
+ class="pf-svg"
83
80
  fill="currentColor"
84
- height="1em"
85
81
  role="img"
86
- style="vertical-align: -0.125em;"
87
82
  viewBox="0 0 320 512"
88
- width="1em"
89
83
  >
90
84
  <path
91
85
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -112,12 +106,10 @@ exports[`ContextSelectorToggle Verify keydown enter 1`] = `
112
106
  >
113
107
  <svg
114
108
  aria-hidden="true"
109
+ class="pf-svg"
115
110
  fill="currentColor"
116
- height="1em"
117
111
  role="img"
118
- style="vertical-align: -0.125em;"
119
112
  viewBox="0 0 320 512"
120
- width="1em"
121
113
  >
122
114
  <path
123
115
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -144,12 +136,10 @@ exports[`ContextSelectorToggle Verify keydown tab 1`] = `
144
136
  >
145
137
  <svg
146
138
  aria-hidden="true"
139
+ class="pf-svg"
147
140
  fill="currentColor"
148
- height="1em"
149
141
  role="img"
150
- style="vertical-align: -0.125em;"
151
142
  viewBox="0 0 320 512"
152
- width="1em"
153
143
  >
154
144
  <path
155
145
  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -11,12 +11,10 @@ exports[`KebabToggle should match snapshot (auto-generated) 1`] = `
11
11
  >
12
12
  <svg
13
13
  aria-hidden="true"
14
+ class="pf-svg"
14
15
  fill="currentColor"
15
- height="1em"
16
16
  role="img"
17
- style="vertical-align: -0.125em;"
18
17
  viewBox="0 0 192 512"
19
- width="1em"
20
18
  >
21
19
  <path
22
20
  d="M96 184c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zM24 80c0 39.8 32.2 72 72 72s72-32.2 72-72S135.8 8 96 8 24 40.2 24 80zm0 352c0 39.8 32.2 72 72 72s72-32.2 72-72-32.2-72-72-72-72 32.2-72 72z"