@patternfly/react-core 6.6.0-prerelease.9 → 6.6.1

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 (177) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/AboutModal/package.json +1 -1
  5. package/dist/dynamic/components/Accordion/package.json +1 -1
  6. package/dist/dynamic/components/ActionList/package.json +1 -1
  7. package/dist/dynamic/components/Alert/package.json +1 -1
  8. package/dist/dynamic/components/Avatar/package.json +1 -1
  9. package/dist/dynamic/components/BackToTop/package.json +1 -1
  10. package/dist/dynamic/components/Backdrop/package.json +1 -1
  11. package/dist/dynamic/components/BackgroundImage/package.json +1 -1
  12. package/dist/dynamic/components/Badge/package.json +1 -1
  13. package/dist/dynamic/components/Banner/package.json +1 -1
  14. package/dist/dynamic/components/Brand/package.json +1 -1
  15. package/dist/dynamic/components/Breadcrumb/package.json +1 -1
  16. package/dist/dynamic/components/Button/package.json +1 -1
  17. package/dist/dynamic/components/CalendarMonth/package.json +1 -1
  18. package/dist/dynamic/components/Card/package.json +1 -1
  19. package/dist/dynamic/components/Checkbox/package.json +1 -1
  20. package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
  21. package/dist/dynamic/components/CodeBlock/package.json +1 -1
  22. package/dist/dynamic/components/Compass/package.json +1 -1
  23. package/dist/dynamic/components/Content/package.json +1 -1
  24. package/dist/dynamic/components/DataList/package.json +1 -1
  25. package/dist/dynamic/components/DatePicker/package.json +1 -1
  26. package/dist/dynamic/components/DescriptionList/package.json +1 -1
  27. package/dist/dynamic/components/Divider/package.json +1 -1
  28. package/dist/dynamic/components/Drawer/package.json +1 -1
  29. package/dist/dynamic/components/Dropdown/package.json +1 -1
  30. package/dist/dynamic/components/DualListSelector/package.json +1 -1
  31. package/dist/dynamic/components/EmptyState/package.json +1 -1
  32. package/dist/dynamic/components/ExpandableSection/package.json +1 -1
  33. package/dist/dynamic/components/FileUpload/package.json +1 -1
  34. package/dist/dynamic/components/Form/package.json +1 -1
  35. package/dist/dynamic/components/FormSelect/package.json +1 -1
  36. package/dist/dynamic/components/HelperText/package.json +1 -1
  37. package/dist/dynamic/components/Hero/package.json +1 -1
  38. package/dist/dynamic/components/Hint/package.json +1 -1
  39. package/dist/dynamic/components/Icon/package.json +1 -1
  40. package/dist/dynamic/components/InputGroup/package.json +1 -1
  41. package/dist/dynamic/components/JumpLinks/package.json +1 -1
  42. package/dist/dynamic/components/Label/package.json +1 -1
  43. package/dist/dynamic/components/List/package.json +1 -1
  44. package/dist/dynamic/components/LoginPage/package.json +1 -1
  45. package/dist/dynamic/components/Masthead/package.json +1 -1
  46. package/dist/dynamic/components/Menu/package.json +1 -1
  47. package/dist/dynamic/components/MenuToggle/package.json +1 -1
  48. package/dist/dynamic/components/Modal/package.json +1 -1
  49. package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
  50. package/dist/dynamic/components/Nav/package.json +1 -1
  51. package/dist/dynamic/components/NotificationBadge/package.json +1 -1
  52. package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
  53. package/dist/dynamic/components/NumberInput/package.json +1 -1
  54. package/dist/dynamic/components/OverflowMenu/package.json +1 -1
  55. package/dist/dynamic/components/Page/package.json +1 -1
  56. package/dist/dynamic/components/Pagination/package.json +1 -1
  57. package/dist/dynamic/components/Panel/package.json +1 -1
  58. package/dist/dynamic/components/Popover/package.json +1 -1
  59. package/dist/dynamic/components/Progress/package.json +1 -1
  60. package/dist/dynamic/components/ProgressStepper/package.json +1 -1
  61. package/dist/dynamic/components/Radio/package.json +1 -1
  62. package/dist/dynamic/components/SearchInput/package.json +1 -1
  63. package/dist/dynamic/components/Select/package.json +1 -1
  64. package/dist/dynamic/components/Sidebar/package.json +1 -1
  65. package/dist/dynamic/components/SimpleList/package.json +1 -1
  66. package/dist/dynamic/components/Skeleton/package.json +1 -1
  67. package/dist/dynamic/components/SkipToContent/package.json +1 -1
  68. package/dist/dynamic/components/Slider/package.json +1 -1
  69. package/dist/dynamic/components/Spinner/package.json +1 -1
  70. package/dist/dynamic/components/Switch/package.json +1 -1
  71. package/dist/dynamic/components/Tabs/package.json +1 -1
  72. package/dist/dynamic/components/TextArea/package.json +1 -1
  73. package/dist/dynamic/components/TextInput/package.json +1 -1
  74. package/dist/dynamic/components/TextInputGroup/package.json +1 -1
  75. package/dist/dynamic/components/TimePicker/package.json +1 -1
  76. package/dist/dynamic/components/Timestamp/package.json +1 -1
  77. package/dist/dynamic/components/Title/package.json +1 -1
  78. package/dist/dynamic/components/ToggleGroup/package.json +1 -1
  79. package/dist/dynamic/components/Toolbar/package.json +1 -1
  80. package/dist/dynamic/components/Tooltip/package.json +1 -1
  81. package/dist/dynamic/components/TreeView/package.json +1 -1
  82. package/dist/dynamic/components/Truncate/package.json +1 -1
  83. package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
  84. package/dist/dynamic/components/Wizard/package.json +1 -1
  85. package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
  86. package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
  87. package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
  88. package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
  89. package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
  90. package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
  91. package/dist/dynamic/deprecated/components/package.json +1 -1
  92. package/dist/dynamic/helpers/AnimationsProvider/AnimationsProvider/package.json +1 -1
  93. package/dist/dynamic/helpers/AnimationsProvider/package.json +1 -1
  94. package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
  95. package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
  96. package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
  97. package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
  98. package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
  99. package/dist/dynamic/helpers/SSRSafeIds/SSRSafeIds/package.json +1 -1
  100. package/dist/dynamic/helpers/constants/package.json +1 -1
  101. package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
  102. package/dist/dynamic/helpers/fileUtils/package.json +1 -1
  103. package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
  104. package/dist/dynamic/helpers/package.json +1 -1
  105. package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
  106. package/dist/dynamic/helpers/typeUtils/package.json +1 -1
  107. package/dist/dynamic/helpers/useInterval/package.json +1 -1
  108. package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
  109. package/dist/dynamic/helpers/useSSRSafeId/package.json +1 -1
  110. package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
  111. package/dist/dynamic/helpers/util/package.json +1 -1
  112. package/dist/dynamic/layouts/Bullseye/package.json +1 -1
  113. package/dist/dynamic/layouts/Flex/package.json +1 -1
  114. package/dist/dynamic/layouts/Gallery/package.json +1 -1
  115. package/dist/dynamic/layouts/Grid/package.json +1 -1
  116. package/dist/dynamic/layouts/Level/package.json +1 -1
  117. package/dist/dynamic/layouts/Split/package.json +1 -1
  118. package/dist/dynamic/layouts/Stack/package.json +1 -1
  119. package/dist/dynamic/styles/package.json +1 -1
  120. package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js +2 -2
  121. package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -1
  122. package/dist/esm/components/FormSelect/FormSelect.js +2 -2
  123. package/dist/esm/components/FormSelect/FormSelect.js.map +1 -1
  124. package/dist/esm/components/Hero/Hero.js.map +1 -1
  125. package/dist/esm/components/MenuToggle/MenuToggle.js +2 -2
  126. package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
  127. package/dist/esm/components/Popover/Popover.d.ts +4 -2
  128. package/dist/esm/components/Popover/Popover.d.ts.map +1 -1
  129. package/dist/esm/components/Popover/Popover.js +1 -1
  130. package/dist/esm/components/Popover/Popover.js.map +1 -1
  131. package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
  132. package/dist/esm/components/SearchInput/SearchInput.js +3 -4
  133. package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
  134. package/dist/esm/components/TreeView/TreeViewListItem.js +2 -2
  135. package/dist/esm/components/TreeView/TreeViewListItem.js.map +1 -1
  136. package/dist/js/components/DualListSelector/DualListSelectorTreeItem.js +2 -2
  137. package/dist/js/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -1
  138. package/dist/js/components/FormSelect/FormSelect.js +2 -2
  139. package/dist/js/components/FormSelect/FormSelect.js.map +1 -1
  140. package/dist/js/components/Hero/Hero.js.map +1 -1
  141. package/dist/js/components/MenuToggle/MenuToggle.js +2 -2
  142. package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
  143. package/dist/js/components/Popover/Popover.d.ts +4 -2
  144. package/dist/js/components/Popover/Popover.d.ts.map +1 -1
  145. package/dist/js/components/Popover/Popover.js +1 -1
  146. package/dist/js/components/Popover/Popover.js.map +1 -1
  147. package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
  148. package/dist/js/components/SearchInput/SearchInput.js +3 -4
  149. package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
  150. package/dist/js/components/TreeView/TreeViewListItem.js +2 -2
  151. package/dist/js/components/TreeView/TreeViewListItem.js.map +1 -1
  152. package/dist/umd/assets/{output-rv6x2MoN.css → output-Bdtn4DVz.css} +21655 -21652
  153. package/dist/umd/react-core.min.js +1 -1
  154. package/helpers/package.json +1 -1
  155. package/layouts/package.json +1 -1
  156. package/next/package.json +1 -1
  157. package/package.json +6 -6
  158. package/src/components/Breadcrumb/examples/Breadcrumb.md +1 -1
  159. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +1 -1
  160. package/src/components/DualListSelector/DualListSelectorTreeItem.tsx +2 -2
  161. package/src/components/FormSelect/FormSelect.tsx +2 -2
  162. package/src/components/FormSelect/__tests__/__snapshots__/FormSelect.test.tsx.snap +9 -9
  163. package/src/components/Hero/Hero.tsx +1 -1
  164. package/src/components/Menu/examples/Menu.md +1 -1
  165. package/src/components/MenuToggle/MenuToggle.tsx +2 -2
  166. package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +8 -8
  167. package/src/components/Modal/examples/Modal.md +0 -1
  168. package/src/components/Pagination/__tests__/Generated/__snapshots__/PaginationOptionsMenu.test.tsx.snap +1 -1
  169. package/src/components/Pagination/__tests__/__snapshots__/Pagination.test.tsx.snap +20 -20
  170. package/src/components/Popover/Popover.tsx +5 -3
  171. package/src/components/Popover/examples/Popover.md +5 -1
  172. package/src/components/SearchInput/SearchInput.tsx +3 -4
  173. package/src/components/SearchInput/__tests__/__snapshots__/SearchInput.test.tsx.snap +11 -35
  174. package/src/components/TreeView/TreeViewListItem.tsx +2 -2
  175. package/src/components/TreeView/__tests__/__snapshots__/TreeViewListItem.test.tsx.snap +1 -1
  176. package/src/demos/CustomMenus/CustomMenus.md +2 -2
  177. package/src/deprecated/components/Modal/examples/Modal.md +0 -1
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.6.0-prerelease.8","private":true}
1
+ {"name":"@patternfly/react-core-helpers","main":"../dist/js/helpers/index.js","module":"../dist/esm/helpers/index.js","typings":"../dist/esm/helpers/index.d.ts","version":"6.6.0","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.6.0-prerelease.8","private":true}
1
+ {"name":"@patternfly/react-core-layouts","main":"../dist/js/layouts/index.js","module":"../dist/esm/layouts/index.js","typings":"../dist/esm/layouts/index.d.ts","version":"6.6.0","private":true}
package/next/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.6.0-prerelease.8","private":true}
1
+ {"name":"@patternfly/react-core-next","main":"../dist/js/next/index.js","module":"../dist/esm/next/index.js","typings":"../dist/esm/next/index.d.ts","version":"6.6.0","private":true}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "6.6.0-prerelease.9",
3
+ "version": "6.6.1",
4
4
  "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -46,15 +46,15 @@
46
46
  "subpaths": "node ../../scripts/exportSubpaths.mjs --config subpaths.config.json"
47
47
  },
48
48
  "dependencies": {
49
- "@patternfly/react-icons": "^6.6.0-prerelease.4",
50
- "@patternfly/react-styles": "^6.6.0-prerelease.4",
51
- "@patternfly/react-tokens": "^6.6.0-prerelease.4",
49
+ "@patternfly/react-icons": "^6.6.1",
50
+ "@patternfly/react-styles": "^6.6.1",
51
+ "@patternfly/react-tokens": "^6.6.1",
52
52
  "focus-trap": "7.6.6",
53
53
  "react-dropzone": "^14.3.5",
54
54
  "tslib": "^2.8.1"
55
55
  },
56
56
  "devDependencies": {
57
- "@patternfly/patternfly": "6.6.0-prerelease.16",
57
+ "@patternfly/patternfly": "6.6.1",
58
58
  "case-anything": "^3.1.2",
59
59
  "css": "^3.0.0",
60
60
  "fs-extra": "^11.3.3"
@@ -63,5 +63,5 @@
63
63
  "react": "^17 || ^18 || ^19",
64
64
  "react-dom": "^17 || ^18 || ^19"
65
65
  },
66
- "gitHead": "8edf04a73a28f6f05243f7e40cc23e50185ce9bb"
66
+ "gitHead": "a9477a0faacc1cd89ac4e65cec6b8b806c7ba2b3"
67
67
  }
@@ -8,7 +8,7 @@ ouia: true
8
8
 
9
9
  import { useRef, useState } from 'react';
10
10
  import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
11
- import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
11
+ import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
12
12
 
13
13
  ## Examples
14
14
 
@@ -165,7 +165,7 @@ exports[`With popover opened 1`] = `
165
165
  width="1em"
166
166
  >
167
167
  <path
168
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
168
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
169
169
  />
170
170
  </svg>
171
171
  </span>
@@ -3,7 +3,7 @@ import styles from '@patternfly/react-styles/css/components/DualListSelector/dua
3
3
  import { css } from '@patternfly/react-styles';
4
4
  import { DualListSelectorTreeItemData } from './DualListSelectorTree';
5
5
  import { Badge } from '../Badge';
6
- import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
6
+ import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
7
7
  import { flattenTree } from './treeUtils';
8
8
  import { DualListSelectorListContext } from './DualListSelectorContext';
9
9
  import { useHasAnimations } from '../../helpers';
@@ -136,7 +136,7 @@ const DualListSelectorTreeItemBase: React.FunctionComponent<DualListSelectorTree
136
136
  tabIndex={-1}
137
137
  >
138
138
  <span className={css(styles.dualListSelectorItemToggleIcon)}>
139
- <RhMicronsCaretDownIcon />
139
+ <RhMicronsCaretRightIcon />
140
140
  </span>
141
141
  </div>
142
142
  )}
@@ -6,7 +6,7 @@ import { ValidatedOptions } from '../../helpers/constants';
6
6
  import { FormControlIcon } from '../FormControl/FormControlIcon';
7
7
  import { getOUIAProps, OUIAProps } from '../../helpers';
8
8
  import { SSRSafeIds } from '../../helpers/SSRSafeIds/SSRSafeIds';
9
- import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
9
+ import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
10
10
 
11
11
  export interface FormSelectProps
12
12
  extends Omit<React.HTMLProps<HTMLSelectElement>, 'onChange' | 'onBlur' | 'onFocus' | 'disabled'>, OUIAProps {
@@ -98,7 +98,7 @@ class FormSelect extends Component<FormSelectProps> {
98
98
  <span className={css(styles.formControlUtilities)}>
99
99
  {hasStatusIcon && <FormControlIcon status={validated as 'success' | 'error' | 'warning'} />}
100
100
  <span className={css(styles.formControlToggleIcon)}>
101
- <RhMicronsCaretDownIcon />
101
+ <RhMicronsCaretDownFillIcon />
102
102
  </span>
103
103
  </span>
104
104
  </span>
@@ -36,7 +36,7 @@ exports[`FormSelect Disabled FormSelect input 1`] = `
36
36
  width="1em"
37
37
  >
38
38
  <path
39
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
39
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
40
40
  />
41
41
  </svg>
42
42
  </span>
@@ -80,7 +80,7 @@ exports[`FormSelect FormSelect input with aria-label does not generate console e
80
80
  width="1em"
81
81
  >
82
82
  <path
83
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
83
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
84
84
  />
85
85
  </svg>
86
86
  </span>
@@ -125,7 +125,7 @@ exports[`FormSelect FormSelect input with id does not generate console error 1`]
125
125
  width="1em"
126
126
  >
127
127
  <path
128
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
128
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
129
129
  />
130
130
  </svg>
131
131
  </span>
@@ -168,7 +168,7 @@ exports[`FormSelect FormSelect input with no aria-label or id generates console
168
168
  width="1em"
169
169
  >
170
170
  <path
171
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
171
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
172
172
  />
173
173
  </svg>
174
174
  </span>
@@ -258,7 +258,7 @@ exports[`FormSelect Grouped FormSelect input 1`] = `
258
258
  width="1em"
259
259
  >
260
260
  <path
261
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
261
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
262
262
  />
263
263
  </svg>
264
264
  </span>
@@ -340,7 +340,7 @@ exports[`FormSelect Simple FormSelect input 1`] = `
340
340
  width="1em"
341
341
  >
342
342
  <path
343
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
343
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
344
344
  />
345
345
  </svg>
346
346
  </span>
@@ -401,7 +401,7 @@ exports[`FormSelect invalid FormSelect input 1`] = `
401
401
  width="1em"
402
402
  >
403
403
  <path
404
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
404
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
405
405
  />
406
406
  </svg>
407
407
  </span>
@@ -462,7 +462,7 @@ exports[`FormSelect validated success FormSelect input 1`] = `
462
462
  width="1em"
463
463
  >
464
464
  <path
465
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
465
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
466
466
  />
467
467
  </svg>
468
468
  </span>
@@ -523,7 +523,7 @@ exports[`FormSelect validated warning FormSelect input 1`] = `
523
523
  width="1em"
524
524
  >
525
525
  <path
526
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
526
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
527
527
  />
528
528
  </svg>
529
529
  </span>
@@ -53,7 +53,7 @@ export const Hero: React.FunctionComponent<HeroProps> = ({
53
53
  bodyWidth,
54
54
  bodyMaxWidth,
55
55
  ...props
56
- }) => {
56
+ }: HeroProps) => {
57
57
  const customStyles: { [key: string]: string } = {};
58
58
  if (backgroundSrcLight) {
59
59
  customStyles[heroBackgroundImageLight.name] = `url(${backgroundSrcLight})`;
@@ -30,7 +30,7 @@ import RhUiTableIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-table-ic
30
30
  import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon';
31
31
  import RhUiStorageDomainFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-storage-domain-fill-icon';
32
32
  import RhMicronsCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-left-icon';
33
- import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
33
+ import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
34
34
 
35
35
  ## Examples
36
36
 
@@ -1,7 +1,7 @@
1
1
  import { Component, forwardRef, isValidElement } from 'react';
2
2
  import styles from '@patternfly/react-styles/css/components/MenuToggle/menu-toggle';
3
3
  import { css } from '@patternfly/react-styles';
4
- import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
4
+ import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
5
5
  import { BadgeProps } from '../Badge';
6
6
  import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
7
7
  import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
@@ -154,7 +154,7 @@ class MenuToggleBase extends Component<MenuToggleProps> {
154
154
  <span className={css(styles.menuToggleControls)}>
155
155
  {status !== undefined && <span className={css(styles.menuToggleStatusIcon)}>{_statusIcon}</span>}
156
156
  <span className={css(styles.menuToggleToggleIcon)}>
157
- <RhMicronsCaretDownIcon />
157
+ <RhMicronsCaretDownFillIcon />
158
158
  </span>
159
159
  </span>
160
160
  );
@@ -31,7 +31,7 @@ exports[`Old Snapshot tests - remove when refactoring passes additional classes
31
31
  width="1em"
32
32
  >
33
33
  <path
34
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
34
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
35
35
  />
36
36
  </svg>
37
37
  </span>
@@ -71,7 +71,7 @@ exports[`Old Snapshot tests - remove when refactoring renders successfully 1`] =
71
71
  width="1em"
72
72
  >
73
73
  <path
74
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
74
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
75
75
  />
76
76
  </svg>
77
77
  </span>
@@ -120,7 +120,7 @@ exports[`Old Snapshot tests - remove when refactoring shows badge 1`] = `
120
120
  width="1em"
121
121
  >
122
122
  <path
123
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
123
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
124
124
  />
125
125
  </svg>
126
126
  </span>
@@ -177,7 +177,7 @@ exports[`Old Snapshot tests - remove when refactoring shows icon 1`] = `
177
177
  width="1em"
178
178
  >
179
179
  <path
180
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
180
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
181
181
  />
182
182
  </svg>
183
183
  </span>
@@ -218,7 +218,7 @@ exports[`Old Snapshot tests - remove when refactoring shows isDisabled 1`] = `
218
218
  width="1em"
219
219
  >
220
220
  <path
221
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
221
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
222
222
  />
223
223
  </svg>
224
224
  </span>
@@ -258,7 +258,7 @@ exports[`Old Snapshot tests - remove when refactoring shows isExpanded 1`] = `
258
258
  width="1em"
259
259
  >
260
260
  <path
261
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
261
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
262
262
  />
263
263
  </svg>
264
264
  </span>
@@ -329,7 +329,7 @@ exports[`Old Snapshot tests - remove when refactoring shows isPrimary 1`] = `
329
329
  width="1em"
330
330
  >
331
331
  <path
332
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
332
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
333
333
  />
334
334
  </svg>
335
335
  </span>
@@ -369,7 +369,7 @@ exports[`Old Snapshot tests - remove when refactoring shows plain text 1`] = `
369
369
  width="1em"
370
370
  >
371
371
  <path
372
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
372
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
373
373
  />
374
374
  </svg>
375
375
  </span>
@@ -8,7 +8,6 @@ ouia: true
8
8
 
9
9
  import { Fragment, useRef, useState } from 'react';
10
10
  import WarningTriangleIcon from '@patternfly/react-icons/dist/esm/icons/warning-triangle-icon';
11
- import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
12
11
  import RhUiAttentionBellFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-attention-bell-fill-icon';
13
12
  import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
14
13
  import formStyles from '@patternfly/react-styles/css/components/Form/form';
@@ -43,7 +43,7 @@ exports[`PaginationOptionsMenu should match snapshot (auto-generated) 1`] = `
43
43
  width="1em"
44
44
  >
45
45
  <path
46
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
46
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
47
47
  />
48
48
  </svg>
49
49
  </span>
@@ -63,7 +63,7 @@ exports[`Pagination API verify inset2xl inset breakpoints 1`] = `
63
63
  width="1em"
64
64
  >
65
65
  <path
66
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
66
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
67
67
  />
68
68
  </svg>
69
69
  </span>
@@ -324,7 +324,7 @@ exports[`Pagination API verify insetLg inset breakpoints 1`] = `
324
324
  width="1em"
325
325
  >
326
326
  <path
327
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
327
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
328
328
  />
329
329
  </svg>
330
330
  </span>
@@ -585,7 +585,7 @@ exports[`Pagination API verify insetMd inset breakpoints 1`] = `
585
585
  width="1em"
586
586
  >
587
587
  <path
588
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
588
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
589
589
  />
590
590
  </svg>
591
591
  </span>
@@ -846,7 +846,7 @@ exports[`Pagination API verify insetNone inset breakpoints 1`] = `
846
846
  width="1em"
847
847
  >
848
848
  <path
849
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
849
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
850
850
  />
851
851
  </svg>
852
852
  </span>
@@ -1107,7 +1107,7 @@ exports[`Pagination API verify insetSm inset breakpoints 1`] = `
1107
1107
  width="1em"
1108
1108
  >
1109
1109
  <path
1110
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1110
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
1111
1111
  />
1112
1112
  </svg>
1113
1113
  </span>
@@ -1368,7 +1368,7 @@ exports[`Pagination API verify insetXl inset breakpoints 1`] = `
1368
1368
  width="1em"
1369
1369
  >
1370
1370
  <path
1371
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1371
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
1372
1372
  />
1373
1373
  </svg>
1374
1374
  </span>
@@ -1615,7 +1615,7 @@ exports[`Pagination component render custom pagination toggle 1`] = `
1615
1615
  width="1em"
1616
1616
  >
1617
1617
  <path
1618
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1618
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
1619
1619
  />
1620
1620
  </svg>
1621
1621
  </span>
@@ -1880,7 +1880,7 @@ exports[`Pagination component render custom perPageOptions 1`] = `
1880
1880
  width="1em"
1881
1881
  >
1882
1882
  <path
1883
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
1883
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
1884
1884
  />
1885
1885
  </svg>
1886
1886
  </span>
@@ -2145,7 +2145,7 @@ exports[`Pagination component render custom start end 1`] = `
2145
2145
  width="1em"
2146
2146
  >
2147
2147
  <path
2148
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2148
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
2149
2149
  />
2150
2150
  </svg>
2151
2151
  </span>
@@ -2625,7 +2625,7 @@ exports[`Pagination component render last page 1`] = `
2625
2625
  width="1em"
2626
2626
  >
2627
2627
  <path
2628
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2628
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
2629
2629
  />
2630
2630
  </svg>
2631
2631
  </span>
@@ -2890,7 +2890,7 @@ exports[`Pagination component render limited number of pages 1`] = `
2890
2890
  width="1em"
2891
2891
  >
2892
2892
  <path
2893
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
2893
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
2894
2894
  />
2895
2895
  </svg>
2896
2896
  </span>
@@ -3146,7 +3146,7 @@ exports[`Pagination component render should render correctly bottom 1`] = `
3146
3146
  width="1em"
3147
3147
  >
3148
3148
  <path
3149
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3149
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
3150
3150
  />
3151
3151
  </svg>
3152
3152
  </span>
@@ -3399,7 +3399,7 @@ exports[`Pagination component render should render correctly bottom sticky 1`] =
3399
3399
  width="1em"
3400
3400
  >
3401
3401
  <path
3402
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3402
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
3403
3403
  />
3404
3404
  </svg>
3405
3405
  </span>
@@ -3664,7 +3664,7 @@ exports[`Pagination component render should render correctly compact 1`] = `
3664
3664
  width="1em"
3665
3665
  >
3666
3666
  <path
3667
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3667
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
3668
3668
  />
3669
3669
  </svg>
3670
3670
  </span>
@@ -3930,7 +3930,7 @@ exports[`Pagination component render should render correctly disabled 1`] = `
3930
3930
  width="1em"
3931
3931
  >
3932
3932
  <path
3933
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
3933
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
3934
3934
  />
3935
3935
  </svg>
3936
3936
  </span>
@@ -4198,7 +4198,7 @@ exports[`Pagination component render should render correctly sticky 1`] = `
4198
4198
  width="1em"
4199
4199
  >
4200
4200
  <path
4201
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
4201
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
4202
4202
  />
4203
4203
  </svg>
4204
4204
  </span>
@@ -4463,7 +4463,7 @@ exports[`Pagination component render should render correctly top 1`] = `
4463
4463
  width="1em"
4464
4464
  >
4465
4465
  <path
4466
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
4466
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
4467
4467
  />
4468
4468
  </svg>
4469
4469
  </span>
@@ -4728,7 +4728,7 @@ exports[`Pagination component render titles 1`] = `
4728
4728
  width="1em"
4729
4729
  >
4730
4730
  <path
4731
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
4731
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
4732
4732
  />
4733
4733
  </svg>
4734
4734
  </span>
@@ -4993,7 +4993,7 @@ exports[`Pagination component render up drop direction 1`] = `
4993
4993
  width="1em"
4994
4994
  >
4995
4995
  <path
4996
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
4996
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
4997
4997
  />
4998
4998
  </svg>
4999
4999
  </span>
@@ -5258,7 +5258,7 @@ exports[`Pagination component render zero results 1`] = `
5258
5258
  width="1em"
5259
5259
  >
5260
5260
  <path
5261
- d="M18.71 5.29a.996.996 0 0 0-1.41 0l-7.29 7.29-7.3-7.29a.987.987 0 0 0-1.41-.02.987.987 0 0 0-.02 1.41l.02.02 7.65 7.65c.29.29.68.44 1.06.44s.77-.15 1.06-.44l7.65-7.65a.996.996 0 0 0 0-1.41Z"
5261
+ d="m17.65 8.76-6.674 5.72a1.496 1.496 0 0 1-.976.365c-.347 0-.694-.122-.978-.366l-6.673-5.72A1 1 0 0 1 3 7h14a1 1 0 0 1 .65 1.76Z"
5262
5262
  />
5263
5263
  </svg>
5264
5264
  </span>
@@ -205,9 +205,11 @@ export interface PopoverProps {
205
205
  shouldOpen?: (event: MouseEvent | KeyboardEvent, showFunction?: () => void) => void;
206
206
  /** Flag indicating whether the close button should be shown. */
207
207
  showClose?: boolean;
208
- /** Sets an interaction to open popover, defaults to "click" */
208
+ /** @deprecated Sets an interaction to open popover, defaults to "click" */
209
209
  triggerAction?: 'click' | 'hover';
210
- /** Whether to trap focus in the popover. */
210
+ /** Whether to trap focus in the popover. When using a triggerAction of "hover", this will be set to false
211
+ * by default and must remain false.
212
+ */
211
213
  withFocusTrap?: boolean;
212
214
  /** The z-index of the popover. */
213
215
  zIndex?: number;
@@ -267,7 +269,7 @@ export const Popover: React.FunctionComponent<PopoverProps> = ({
267
269
  ],
268
270
  animationDuration = 300,
269
271
  id,
270
- withFocusTrap: propWithFocusTrap,
272
+ withFocusTrap: propWithFocusTrap = triggerAction === 'hover' ? false : undefined,
271
273
  triggerRef,
272
274
  hasNoPadding = false,
273
275
  hasAutoWidth = false,
@@ -25,7 +25,11 @@ By default, the `appendTo` prop of the popover will append to the document body
25
25
 
26
26
  ### Hoverable
27
27
 
28
- ```ts file="./PopoverHover.tsx"
28
+ Pass the `triggerAction="hover"` property to make a `<Popover>` that is triggered via hover and focus rather than on click. When using a hoverable Popover, you **must not** include any interactive or semantic content (e.g. buttons, links, headings, lists, etc), as focus is not intended to enter a hoverable `<Popover>`. Including such content may cause an inaccessible UI for users who are not able to reach the content when navigating via assistive tech.
29
+
30
+ It is instead recommended to use our [tooltip component](/components/tooltip).
31
+
32
+ ```ts isDeprecated file="./PopoverHover.tsx"
29
33
 
30
34
  ```
31
35
 
@@ -3,12 +3,11 @@ import { css } from '@patternfly/react-styles';
3
3
  import { Button, ButtonVariant } from '../Button';
4
4
  import { Badge } from '../Badge';
5
5
  import { Icon } from '../Icon';
6
- import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-icon';
7
6
  import AngleUpIcon from '@patternfly/react-icons/dist/esm/icons/angle-up-icon';
8
7
  import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon';
9
8
  import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
10
9
  import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon';
11
- import RhMicronsCaretDownIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-icon';
10
+ import RhMicronsCaretDownFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-down-fill-icon';
12
11
  import { AdvancedSearchMenu } from './AdvancedSearchMenu';
13
12
  import { TextInputGroup, TextInputGroupMain, TextInputGroupUtilities } from '../TextInputGroup';
14
13
  import { InputGroup, InputGroupItem } from '../InputGroup';
@@ -340,7 +339,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
340
339
  aria-label={nextNavigationButtonAriaLabel}
341
340
  isDisabled={isDisabled || isNextNavigationButtonDisabled}
342
341
  onClick={onNextClick}
343
- icon={<AngleDownIcon />}
342
+ icon={<RhMicronsCaretDownFillIcon />}
344
343
  />
345
344
  </div>
346
345
  )}
@@ -465,7 +464,7 @@ const SearchInputBase: React.FunctionComponent<SearchInputProps> = ({
465
464
  onClick={onToggle}
466
465
  isDisabled={isDisabled}
467
466
  aria-expanded={isSearchMenuOpen}
468
- icon={<RhMicronsCaretDownIcon />}
467
+ icon={<RhMicronsCaretDownFillIcon />}
469
468
  />
470
469
  </InputGroupItem>
471
470
  )}