From d1d8d4c2cef1d619a4a6cbeed175342c45be48c7 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Wed, 17 Jun 2026 15:13:30 -0400 Subject: [PATCH] fix(FilterIcon): Replace FilterIcon with RhUiFilterFillIcon Co-authored-by: Cursor --- .../src/components/Toolbar/examples/Toolbar.md | 2 +- .../examples/ToolbarComponentManagedToggleGroups.tsx | 4 ++-- .../examples/ToolbarConsumerManagedToggleGroups.tsx | 4 ++-- .../examples/ToolbarCustomLabelGroupContent.tsx | 4 ++-- .../components/Toolbar/examples/ToolbarStacked.tsx | 4 ++-- .../Toolbar/examples/ToolbarWithFilters.tsx | 4 ++-- packages/react-core/src/demos/Filters/FilterDemos.md | 2 +- .../demos/Filters/examples/FilterAttributeSearch.tsx | 6 +++--- .../demos/Filters/examples/FilterCheckboxSelect.tsx | 4 ++-- .../src/demos/Filters/examples/FilterFaceted.tsx | 6 +++--- .../Filters/examples/FilterMixedSelectGroup.tsx | 8 ++++---- .../demos/Filters/examples/FilterSameSelectGroup.tsx | 8 ++++---- .../demos/Filters/examples/FilterSingleSelect.tsx | 4 ++-- packages/react-core/src/demos/PrimaryDetail.md | 2 +- packages/react-core/src/demos/Tabs.md | 2 +- .../PrimaryDetail/PrimaryDetailContentPadding.tsx | 4 ++-- .../examples/PrimaryDetail/PrimaryDetailFullPage.tsx | 4 ++-- .../PrimaryDetail/PrimaryDetailInlineModifier.tsx | 4 ++-- .../src/demos/examples/Tabs/TabsAndTable.tsx | 4 ++-- .../src/components/demos/ToolbarDemo/ToolbarDemo.tsx | 4 ++-- .../demos/ToolbarDemo/ToolbarVisibilityDemo.tsx | 12 ++++++------ packages/react-table/src/demos/Table.md | 2 +- .../src/demos/examples/TableColumnManagement.tsx | 4 ++-- .../examples/TableColumnManagementWithDraggable.tsx | 4 ++-- .../react-table/src/demos/examples/TableCompact.tsx | 4 ++-- .../src/demos/examples/TableCompoundExpansion.tsx | 4 ++-- .../src/demos/examples/TableFilterable.tsx | 6 +++--- .../demos/examples/TableStaticBottomPagination.tsx | 4 ++-- 28 files changed, 62 insertions(+), 62 deletions(-) diff --git a/packages/react-core/src/components/Toolbar/examples/Toolbar.md b/packages/react-core/src/components/Toolbar/examples/Toolbar.md index e66b7907c47..02a6c703a79 100644 --- a/packages/react-core/src/components/Toolbar/examples/Toolbar.md +++ b/packages/react-core/src/components/Toolbar/examples/Toolbar.md @@ -10,7 +10,7 @@ import { Fragment, useState, useLayoutEffect, useRef } from 'react'; import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarComponentManagedToggleGroups.tsx b/packages/react-core/src/components/Toolbar/examples/ToolbarComponentManagedToggleGroups.tsx index 155eec1712d..88f2b01bc5e 100644 --- a/packages/react-core/src/components/Toolbar/examples/ToolbarComponentManagedToggleGroups.tsx +++ b/packages/react-core/src/components/Toolbar/examples/ToolbarComponentManagedToggleGroups.tsx @@ -12,7 +12,7 @@ import { SelectList, SelectOption } from '@patternfly/react-core'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; export const ToolbarComponentManagedToggleGroup: React.FunctionComponent = () => { const [inputValue, setInputValue] = useState(''); @@ -124,7 +124,7 @@ export const ToolbarComponentManagedToggleGroup: React.FunctionComponent = () => ); const items = ( - } breakpoint="xl"> + } breakpoint="xl"> {toggleGroupItems} ); diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarConsumerManagedToggleGroups.tsx b/packages/react-core/src/components/Toolbar/examples/ToolbarConsumerManagedToggleGroups.tsx index e91c85c30cd..2c46597a326 100644 --- a/packages/react-core/src/components/Toolbar/examples/ToolbarConsumerManagedToggleGroups.tsx +++ b/packages/react-core/src/components/Toolbar/examples/ToolbarConsumerManagedToggleGroups.tsx @@ -12,7 +12,7 @@ import { SelectList, SelectOption } from '@patternfly/react-core'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; export const ToolbarConsumerManagedToggleGroup: React.FunctionComponent = () => { const [isExpanded, setIsExpanded] = useState(false); @@ -129,7 +129,7 @@ export const ToolbarConsumerManagedToggleGroup: React.FunctionComponent = () => ); const items = ( - } breakpoint="xl"> + } breakpoint="xl"> {toggleGroupItems} ); diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarCustomLabelGroupContent.tsx b/packages/react-core/src/components/Toolbar/examples/ToolbarCustomLabelGroupContent.tsx index aaa17084d55..36715be7eb4 100644 --- a/packages/react-core/src/components/Toolbar/examples/ToolbarCustomLabelGroupContent.tsx +++ b/packages/react-core/src/components/Toolbar/examples/ToolbarCustomLabelGroupContent.tsx @@ -14,7 +14,7 @@ import { SelectList, SelectOption } from '@patternfly/react-core'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; @@ -169,7 +169,7 @@ export const ToolbarCustomLabelGroupContent: React.FunctionComponent = () => { const toolbarItems = ( - } breakpoint="xl"> + } breakpoint="xl"> {toggleGroupItems} diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarStacked.tsx b/packages/react-core/src/components/Toolbar/examples/ToolbarStacked.tsx index a037c592f8b..1d917f43baf 100644 --- a/packages/react-core/src/components/Toolbar/examples/ToolbarStacked.tsx +++ b/packages/react-core/src/components/Toolbar/examples/ToolbarStacked.tsx @@ -23,8 +23,8 @@ import { ToolbarToggleGroup, ToolbarItem } from '@patternfly/react-core'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; export const ToolbarStacked: React.FunctionComponent = () => { // toggle group - three option menus with labels, two icon buttons, Kebab menu - right aligned @@ -203,7 +203,7 @@ export const ToolbarStacked: React.FunctionComponent = () => { - } breakpoint="lg"> + } breakpoint="lg"> {toggleGroupItems} diff --git a/packages/react-core/src/components/Toolbar/examples/ToolbarWithFilters.tsx b/packages/react-core/src/components/Toolbar/examples/ToolbarWithFilters.tsx index a249b5a76b9..8aff6c44e71 100644 --- a/packages/react-core/src/components/Toolbar/examples/ToolbarWithFilters.tsx +++ b/packages/react-core/src/components/Toolbar/examples/ToolbarWithFilters.tsx @@ -18,7 +18,7 @@ import { SelectList, SelectOption } from '@patternfly/react-core'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; @@ -205,7 +205,7 @@ export const ToolbarWithFilters: React.FunctionComponent = () => { const toolbarItems = ( - } breakpoint="xl"> + } breakpoint="xl"> {toggleGroupItems} diff --git a/packages/react-core/src/demos/Filters/FilterDemos.md b/packages/react-core/src/demos/Filters/FilterDemos.md index 4c8f7aa328a..a7fe7d0819b 100644 --- a/packages/react-core/src/demos/Filters/FilterDemos.md +++ b/packages/react-core/src/demos/Filters/FilterDemos.md @@ -29,7 +29,7 @@ Button, Bullseye, ToolbarToggleGroup } from '@patternfly/react-core'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; diff --git a/packages/react-core/src/demos/Filters/examples/FilterAttributeSearch.tsx b/packages/react-core/src/demos/Filters/examples/FilterAttributeSearch.tsx index 0f7c16c4096..6d43088ab64 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterAttributeSearch.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterAttributeSearch.tsx @@ -25,7 +25,7 @@ import { } from '@patternfly/react-core'; import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; interface Repository { name: string; @@ -523,7 +523,7 @@ export const FilterAttributeSearch: React.FunctionComponent = () => { ref={attributeToggleRef} onClick={onAttributeToggleClick} isExpanded={isAttributeMenuOpen} - icon={} + icon={} > {activeAttributeMenu} @@ -582,7 +582,7 @@ export const FilterAttributeSearch: React.FunctionComponent = () => { > {toolbarBulkSelect} - } breakpoint="xl"> + } breakpoint="xl"> {attributeDropdown} { ref={toggleRef} onClick={onToggleClick} isExpanded={isOpen} - icon={} + icon={} {...(selections.length > 0 && { badge: {selections.length} })} style={ { diff --git a/packages/react-core/src/demos/Filters/examples/FilterFaceted.tsx b/packages/react-core/src/demos/Filters/examples/FilterFaceted.tsx index f96c9eec76b..f922a314a5e 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterFaceted.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterFaceted.tsx @@ -24,7 +24,7 @@ import { } from '@patternfly/react-core'; import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; interface Repository { name: string; @@ -320,7 +320,7 @@ export const FilterFaceted: React.FunctionComponent = () => { {...(areSelectionsPresent && { badge: {locationSelections.length + statusSelections.length} })} - icon={} + icon={} style={ { width: '200px' @@ -413,7 +413,7 @@ export const FilterFaceted: React.FunctionComponent = () => { > {toolbarBulkSelect} - } breakpoint="xl"> + } breakpoint="xl"> onLabelDelete(category as string, label as string)} diff --git a/packages/react-core/src/demos/Filters/examples/FilterMixedSelectGroup.tsx b/packages/react-core/src/demos/Filters/examples/FilterMixedSelectGroup.tsx index b4610509a51..34e3ab7c382 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterMixedSelectGroup.tsx @@ -23,7 +23,7 @@ import { } from '@patternfly/react-core'; import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; interface Repository { name: string; @@ -290,7 +290,7 @@ export const FilterMixedSelectGroup: React.FunctionComponent = () => { ref={statusToggleRef} onClick={onStatusToggleClick} isExpanded={isStatusMenuOpen} - icon={} + icon={} style={ { width: '200px' @@ -389,7 +389,7 @@ export const FilterMixedSelectGroup: React.FunctionComponent = () => { onClick={onLocationMenuToggleClick} isExpanded={isLocationMenuOpen} {...(locationSelections.length > 0 && { badge: {locationSelections.length} })} - icon={} + icon={} style={ { width: '200px' @@ -464,7 +464,7 @@ export const FilterMixedSelectGroup: React.FunctionComponent = () => { > {toolbarBulkSelect} - } breakpoint="xl"> + } breakpoint="xl"> setStatusSelection('')} diff --git a/packages/react-core/src/demos/Filters/examples/FilterSameSelectGroup.tsx b/packages/react-core/src/demos/Filters/examples/FilterSameSelectGroup.tsx index 40320bbf21c..ffa1998ad44 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterSameSelectGroup.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterSameSelectGroup.tsx @@ -21,7 +21,7 @@ import { } from '@patternfly/react-core'; import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; interface Repository { name: string; @@ -291,7 +291,7 @@ export const FilterSameSelectGroup: React.FunctionComponent = () => { ref={statusToggleRef} onClick={onStatusToggleClick} isExpanded={isStatusMenuOpen} - icon={} + icon={} style={ { width: '200px' @@ -385,7 +385,7 @@ export const FilterSameSelectGroup: React.FunctionComponent = () => { ref={locationToggleRef} onClick={onLocationMenuToggleClick} isExpanded={isLocationMenuOpen} - icon={} + icon={} style={ { width: '200px' @@ -451,7 +451,7 @@ export const FilterSameSelectGroup: React.FunctionComponent = () => { > {toolbarBulkSelect} - } breakpoint="xl"> + } breakpoint="xl"> {statusSelect} {locationSelect} diff --git a/packages/react-core/src/demos/Filters/examples/FilterSingleSelect.tsx b/packages/react-core/src/demos/Filters/examples/FilterSingleSelect.tsx index 0511982670e..d69572cdfb9 100644 --- a/packages/react-core/src/demos/Filters/examples/FilterSingleSelect.tsx +++ b/packages/react-core/src/demos/Filters/examples/FilterSingleSelect.tsx @@ -13,7 +13,7 @@ import { Pagination } from '@patternfly/react-core'; import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; interface Repository { name: string; @@ -293,7 +293,7 @@ export const FilterSingleSelect: React.FunctionComponent = () => { ref={toggleRef} onClick={onToggleClick} isExpanded={isOpen} - icon={} + icon={} style={ { width: '200px' diff --git a/packages/react-core/src/demos/PrimaryDetail.md b/packages/react-core/src/demos/PrimaryDetail.md index c0822af4a6a..2d3e5d53642 100644 --- a/packages/react-core/src/demos/PrimaryDetail.md +++ b/packages/react-core/src/demos/PrimaryDetail.md @@ -10,7 +10,7 @@ import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon'; import pfIcon from './assets/pf-logo-small.svg'; diff --git a/packages/react-core/src/demos/Tabs.md b/packages/react-core/src/demos/Tabs.md index 416c476ac5b..238c948b919 100644 --- a/packages/react-core/src/demos/Tabs.md +++ b/packages/react-core/src/demos/Tabs.md @@ -9,9 +9,9 @@ import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-u import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import display from '@patternfly/react-styles/css/utilities/Display/display'; import sizing from '@patternfly/react-styles/css/utilities/Sizing/sizing'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx index d9e9e55b466..56653a18046 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx @@ -44,7 +44,7 @@ import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-bra import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon'; @@ -172,7 +172,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { ); const ToolbarItems = ( - } breakpoint="xl"> + } breakpoint="xl"> {toggleGroupItems} ); diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx index 71264eb3931..38a496b4285 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx @@ -44,7 +44,7 @@ import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-bra import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon'; @@ -172,7 +172,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { ); const ToolbarItems = ( - } breakpoint="xl"> + } breakpoint="xl"> {toggleGroupItems} ); diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx index 8e88df36a42..6066a875cde 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx @@ -44,7 +44,7 @@ import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-bra import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon'; @@ -172,7 +172,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { ); const ToolbarItems = ( - } breakpoint="xl"> + } breakpoint="xl"> {toggleGroupItems} ); diff --git a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx index 2a7f8e85bd3..57d30b68700 100644 --- a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx +++ b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx @@ -52,8 +52,8 @@ import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import { KeyTypes } from '../../../helpers'; import { DashboardWrapper } from '@patternfly/react-core/src/demos/DashboardWrapper'; @@ -178,7 +178,7 @@ export const TablesAndTabs = () => { const toolbar = ( - } breakpoint="xl"> + } breakpoint="xl"> Name diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarDemo.tsx index d69e22d546e..fe6690d6ef0 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarDemo.tsx @@ -24,7 +24,7 @@ import { SelectOption } from '@patternfly/react-core'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; @@ -249,7 +249,7 @@ class ToolbarDemo extends Component { const toolbarItems = ( <> - } breakpoint="xl" id="demo-toggle-group"> + } breakpoint="xl" id="demo-toggle-group"> {toggleGroupItems} diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarVisibilityDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarVisibilityDemo.tsx index a079652ad11..bebf2d777c7 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarVisibilityDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/ToolbarDemo/ToolbarVisibilityDemo.tsx @@ -1,6 +1,6 @@ import { Component } from 'react'; import { Toolbar, ToolbarContent, ToolbarGroup, ToolbarItem, ToolbarToggleGroup } from '@patternfly/react-core'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; export class ToolbarVisibilityDemo extends Component { static displayName = 'ToolbarVisibilityDemo'; @@ -61,7 +61,7 @@ export class ToolbarVisibilityDemo extends Component { } + toggleIcon={} breakpoint="md" visibility={{ default: 'visible', md: 'hidden' }} > @@ -72,7 +72,7 @@ export class ToolbarVisibilityDemo extends Component { } + toggleIcon={} breakpoint="lg" visibility={{ default: 'hidden', md: 'visible', lg: 'hidden' }} > @@ -83,7 +83,7 @@ export class ToolbarVisibilityDemo extends Component { } + toggleIcon={} breakpoint="xl" visibility={{ default: 'hidden', lg: 'visible', xl: 'hidden' }} > @@ -94,7 +94,7 @@ export class ToolbarVisibilityDemo extends Component { } + toggleIcon={} breakpoint="2xl" visibility={{ default: 'hidden', xl: 'visible', '2xl': 'hidden' }} > @@ -105,7 +105,7 @@ export class ToolbarVisibilityDemo extends Component { } + toggleIcon={} breakpoint="md" visibility={{ default: 'hidden', '2xl': 'visible' }} > diff --git a/packages/react-table/src/demos/Table.md b/packages/react-table/src/demos/Table.md index b029a6754b2..a902e5b0bb6 100644 --- a/packages/react-table/src/demos/Table.md +++ b/packages/react-table/src/demos/Table.md @@ -54,8 +54,8 @@ import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; import RhUiErrorFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-error-fill-icon'; diff --git a/packages/react-table/src/demos/examples/TableColumnManagement.tsx b/packages/react-table/src/demos/examples/TableColumnManagement.tsx index cab93e27641..dbce50c5231 100644 --- a/packages/react-table/src/demos/examples/TableColumnManagement.tsx +++ b/packages/react-table/src/demos/examples/TableColumnManagement.tsx @@ -26,8 +26,8 @@ import { PaginationVariant } from '@patternfly/react-core'; import { Table, TableText, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper'; import { capitalize } from '@patternfly/react-table/src/components/Table/utils/utils'; import { rows, columns, SampleDataRow } from '@patternfly/react-table/dist/esm/demos/sampleData'; @@ -411,7 +411,7 @@ export const TableColumnManagement: React.FunctionComponent = () => { - }>Name + }>Name } /> diff --git a/packages/react-table/src/demos/examples/TableColumnManagementWithDraggable.tsx b/packages/react-table/src/demos/examples/TableColumnManagementWithDraggable.tsx index 7f11f9cc04f..37397a91b8d 100644 --- a/packages/react-table/src/demos/examples/TableColumnManagementWithDraggable.tsx +++ b/packages/react-table/src/demos/examples/TableColumnManagementWithDraggable.tsx @@ -26,8 +26,8 @@ import { } from '@patternfly/react-core'; import { Table, TableText, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; import { DragDropSort } from '@patternfly/react-drag-drop'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper'; import { capitalize } from '@patternfly/react-table/src/components/Table/utils/utils'; import { rows, columns, SampleDataRow } from '@patternfly/react-table/dist/esm/demos/sampleData'; @@ -306,7 +306,7 @@ export const TableColumnManagement: React.FunctionComponent = () => { - }>Name + }>Name { aria-label="Select Input" toggle={(toggleRef: React.Ref) => ( } + icon={} ref={toggleRef} onClick={() => setIsSelectOpen(!isSelectOpen)} isExpanded={isSelectOpen} diff --git a/packages/react-table/src/demos/examples/TableCompoundExpansion.tsx b/packages/react-table/src/demos/examples/TableCompoundExpansion.tsx index 3a2bb3a572e..7352689664d 100644 --- a/packages/react-table/src/demos/examples/TableCompoundExpansion.tsx +++ b/packages/react-table/src/demos/examples/TableCompoundExpansion.tsx @@ -20,7 +20,7 @@ import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; export const TableCompoundExpansion: React.FunctionComponent = () => { // In real usage, this data would come from some external source like an API via props. @@ -93,7 +93,7 @@ export const TableCompoundExpansion: React.FunctionComponent = () => { ref={toggleRef} onClick={() => setIsSelectOpen(!isSelectOpen)} isExpanded={isSelectOpen} - icon={} + icon={} > Status diff --git a/packages/react-table/src/demos/examples/TableFilterable.tsx b/packages/react-table/src/demos/examples/TableFilterable.tsx index a823314c14c..5248c0405f4 100644 --- a/packages/react-table/src/demos/examples/TableFilterable.tsx +++ b/packages/react-table/src/demos/examples/TableFilterable.tsx @@ -22,7 +22,7 @@ import { ToolbarLabelGroup } from '@patternfly/react-core'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; -import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; +import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon'; import { Table, TableText, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; import { rows, columns } from '@patternfly/react-table/dist/esm/demos/sampleData'; @@ -125,7 +125,7 @@ export const TableFilterable: React.FunctionComponent = () => { ref={toggleRef} onClick={onCategoryToggle} isExpanded={isCategoryDropdownOpen} - icon={} + icon={} style={ { width: '100%', @@ -276,7 +276,7 @@ export const TableFilterable: React.FunctionComponent = () => { collapseListedFiltersBreakpoint="xl" > - } breakpoint="xl"> + } breakpoint="xl"> { aria-label="Select Input" toggle={(toggleRef: React.Ref) => ( } + icon={} ref={toggleRef} onClick={() => setIsSelectOpen(!isSelectOpen)} isExpanded={isSelectOpen}