Skip to content

Commit 930a34b

Browse files
rebeccaalpertcursoragent
rebeccaalpert
and
cursoragent
authored
fix(SearchIcon): Replace SearchIcon with RhMicronsSearchIcon (#12525)
Co-authored-by: Cursor <cursoragent@cursor.com>
1 parent 6f2385b commit 930a34b

65 files changed

Lines changed: 215 additions & 253 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎packages/react-core/src/components/DualListSelector/__tests__/__snapshots__/DualListSelector.test.tsx.snap‎

Lines changed: 4 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -90,24 +90,12 @@ exports[`DualListSelector with search inputs 1`] = `
9090
fill="currentColor"
9191
height="1em"
9292
role="img"
93+
viewBox="0 0 20 20"
9394
width="1em"
9495
>
95-
<svg
96-
class="pf-v6-icon-default"
97-
viewBox="0 0 512 512"
98-
>
99-
<path
100-
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"
101-
/>
102-
</svg>
103-
<svg
104-
class="pf-v6-icon-rh-ui"
105-
viewBox="0 0 32 32"
106-
>
107-
<path
108-
d="m30.796 29.205-8.557-8.557A11.945 11.945 0 0 0 25 13c0-6.617-5.383-12-12-12S1 6.383 1 13s5.383 12 12 12c2.904 0 5.57-1.038 7.648-2.761l8.556 8.556a1.122 1.122 0 0 0 1.592 0 1.127 1.127 0 0 0 0-1.591ZM3 13C3 7.486 7.486 3 13 3s10 4.486 10 10-4.486 10-10 10S3 18.514 3 13Z"
109-
/>
110-
</svg>
96+
<path
97+
d="m18.8 17.21-4.41-4.41A7.906 7.906 0 0 0 16 8c0-4.41-3.59-8-8-8S0 3.59 0 8s3.59 8 8 8c1.73 0 3.42-.57 4.8-1.61l4.41 4.41c.44.44 1.15.44 1.59 0 .44-.44.44-1.15 0-1.59ZM8 14c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6Z"
98+
/>
11199
</svg>
112100
</span>
113101
<input

‎packages/react-core/src/components/DualListSelector/examples/DualListSelector.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@ import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-ico
2121
import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
2222
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
2323
import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon';
24-
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
2524
import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
25+
import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
2626
import { DragDropSort, DragDropContainer, Droppable as NewDroppable } from '@patternfly/react-drag-drop';
2727

2828
## Examples

‎packages/react-core/src/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons
1818
import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
1919
import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
2020
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
21-
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
21+
import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
2222

2323
interface Option {
2424
text: string;
@@ -107,7 +107,12 @@ export const DualListSelectorSearch: React.FunctionComponent = () => {
107107
);
108108

109109
const buildEmptyState = (isAvailable: boolean) => (
110-
<EmptyState titleText="No results found" variant={EmptyStateVariant.sm} headingLevel="h4" icon={SearchIcon}>
110+
<EmptyState
111+
titleText="No results found"
112+
variant={EmptyStateVariant.sm}
113+
headingLevel="h4"
114+
icon={RhMicronsSearchIcon}
115+
>
111116
<EmptyStateBody>No results match the filter criteria. Clear all filters and try again.</EmptyStateBody>
112117
<EmptyStateFooter>
113118
<EmptyStateActions>

‎packages/react-core/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,8 @@ import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-ico
2626
import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
2727
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
2828
import RhMicronsSortDownSmallToLargeIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-small-to-large-icon';
29-
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
3029
import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
30+
import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
3131

3232
interface Option {
3333
text: string;
@@ -221,7 +221,12 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent
221221
};
222222

223223
const buildEmptyState = (isAvailable: boolean) => (
224-
<EmptyState headingLevel="h4" titleText="No results found" icon={SearchIcon} variant={EmptyStateVariant.sm}>
224+
<EmptyState
225+
headingLevel="h4"
226+
titleText="No results found"
227+
icon={RhMicronsSearchIcon}
228+
variant={EmptyStateVariant.sm}
229+
>
225230
<EmptyStateBody>No results match the filter criteria. Clear all filters and try again.</EmptyStateBody>
226231
<EmptyStateFooter>
227232
<EmptyStateActions>

‎packages/react-core/src/components/DualListSelector/examples/DualListSelectorTree.tsx‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ import RhMicronsDoubleCaretLeftIcon from '@patternfly/react-icons/dist/esm/icons
1919
import AngleLeftIcon from '@patternfly/react-icons/dist/esm/icons/angle-left-icon';
2020
import AngleDoubleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-double-right-icon';
2121
import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
22-
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
22+
import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
2323

2424
interface FoodNode {
2525
id: string;
@@ -259,7 +259,12 @@ export const DualListSelectorComposableTree: React.FunctionComponent<ExampleProp
259259
listMinHeight="300px"
260260
>
261261
{filterApplied && options.length === 0 && (
262-
<EmptyState headingLevel="h4" titleText="No results found" icon={SearchIcon} variant={EmptyStateVariant.sm}>
262+
<EmptyState
263+
headingLevel="h4"
264+
titleText="No results found"
265+
icon={RhMicronsSearchIcon}
266+
variant={EmptyStateVariant.sm}
267+
>
263268
<EmptyStateBody>No results match the filter criteria. Clear all filters and try again.</EmptyStateBody>
264269
<EmptyStateFooter>
265270
<EmptyStateActions>

‎packages/react-core/src/components/EmptyState/examples/EmptyState.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ propComponents: ['EmptyState', 'EmptyStateBody', 'EmptyStateFooter', 'EmptyState
77

88
import { useState } from 'react';
99
import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
10-
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
10+
import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
1111

1212
## Examples
1313
### Basic

‎packages/react-core/src/components/EmptyState/examples/EmptyStateNoMatchFound.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateActions } from '@patternfly/react-core';
2-
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
2+
import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
33

44
export const EmptyStateNoMatchFound: React.FunctionComponent = () => (
5-
<EmptyState titleText="No results found" headingLevel="h4" icon={SearchIcon}>
5+
<EmptyState titleText="No results found" headingLevel="h4" icon={RhMicronsSearchIcon}>
66
<EmptyStateBody>No results match the filter criteria. Clear all filters and try again.</EmptyStateBody>
77
<EmptyStateFooter>
88
<EmptyStateActions>

‎packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawer.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,8 @@ propComponents:
1717
---
1818

1919
import { useState } from 'react';
20-
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
2120
import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
21+
import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
2222

2323
## Examples
2424

‎packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerGroups.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ import {
2222
MenuToggleElement
2323
} from '@patternfly/react-core';
2424
import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon';
25-
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
25+
import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
2626

2727
export const NotificationDrawerGroups: React.FunctionComponent = () => {
2828
const [firstGroupExpanded, setFirstGroupExpanded] = useState(false);
@@ -369,7 +369,7 @@ export const NotificationDrawerGroups: React.FunctionComponent = () => {
369369
<EmptyState
370370
headingLevel="h2"
371371
titleText="No alerts found"
372-
icon={SearchIcon}
372+
icon={RhMicronsSearchIcon}
373373
variant={EmptyStateVariant.full}
374374
>
375375
<EmptyStateBody>

‎packages/react-core/src/components/NotificationDrawer/examples/NotificationDrawerLightweight.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ import {
1616
NotificationDrawerListItemHeader,
1717
EmptyStateActions
1818
} from '@patternfly/react-core';
19-
import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
19+
import RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
2020

2121
export const NotificationDrawerLightweight: React.FunctionComponent = () => {
2222
const [firstGroupExpanded, setFirstGroupExpanded] = useState(false);
@@ -174,7 +174,7 @@ export const NotificationDrawerLightweight: React.FunctionComponent = () => {
174174
<EmptyState
175175
headingLevel="h2"
176176
titleText="No alerts found"
177-
icon={SearchIcon}
177+
icon={RhMicronsSearchIcon}
178178
variant={EmptyStateVariant.full}
179179
>
180180
<EmptyStateBody>

0 commit comments

Comments
 (0)