diff --git a/packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx b/packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx index ab52edf5776..6af25b0dae4 100644 --- a/packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx +++ b/packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx @@ -3,7 +3,7 @@ import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/m import { css } from '@patternfly/react-styles'; import { Progress } from '../Progress'; import { Button } from '../Button'; -import FileIcon from '@patternfly/react-icons/dist/esm/icons/file-icon'; +import RhUiDocumentFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-document-fill-icon'; import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; /** Automatically reads an uploaded file to render a visual representation of it, including @@ -149,7 +149,7 @@ export const MultipleFileUploadStatusItem: React.FunctionComponent -
{fileIcon || }
+
{fileIcon || }
{progressAriaLiveMessage && diff --git a/packages/react-core/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatusItem.test.tsx b/packages/react-core/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatusItem.test.tsx index 79b8081ea6b..f2954c62ea2 100644 --- a/packages/react-core/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatusItem.test.tsx +++ b/packages/react-core/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatusItem.test.tsx @@ -1,7 +1,7 @@ import { render, screen } from '@testing-library/react'; import { MultipleFileUploadStatusItem } from '../MultipleFileUploadStatusItem'; -import FileImageIcon from '@patternfly/react-icons/dist/esm/icons/file-image-icon'; +import RhUiImageFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-image-fill-icon'; describe('MultipleFileUploadStatusItem', () => { test('renders with expected class names', () => { @@ -26,7 +26,7 @@ describe('MultipleFileUploadStatusItem', () => { const { asFragment } = render( } + fileIcon={} fileName="testCustomFileName.txt" fileSize={42} progressId="test-progress-id" @@ -42,7 +42,7 @@ describe('MultipleFileUploadStatusItem', () => { const { asFragment } = render( } + fileIcon={} fileName="testCustomFileName.txt" fileSize={42} progressId="test-progress-id" @@ -58,7 +58,7 @@ describe('MultipleFileUploadStatusItem', () => { const { asFragment } = render( } + fileIcon={} fileName="testCustomFileName.txt" fileSize={42} progressId="test-progress-id" diff --git a/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap b/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap index c2abd82a07e..f136529574f 100644 --- a/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap +++ b/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap @@ -14,24 +14,12 @@ exports[`MultipleFileUploadStatusItem renders custom aria labels 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - +
- - - - - - +
@@ -391,11 +367,11 @@ exports[`MultipleFileUploadStatusItem renders custom function progressAriaLiveMe fill="currentColor" height="1em" role="img" - viewBox="0 0 384 512" + viewBox="0 0 32 32" width="1em" >
@@ -509,24 +485,12 @@ exports[`MultipleFileUploadStatusItem renders custom progress value/variant when fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - +
- - - - - - +
- - - - - - +
diff --git a/packages/react-core/src/components/Nav/examples/Nav.md b/packages/react-core/src/components/Nav/examples/Nav.md index 037efc47a6e..432166e95e8 100644 --- a/packages/react-core/src/components/Nav/examples/Nav.md +++ b/packages/react-core/src/components/Nav/examples/Nav.md @@ -10,8 +10,8 @@ import { useState } from 'react'; import './nav.css'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; -import FolderOpenIcon from '@patternfly/react-icons/dist/esm/icons/folder-open-icon'; +import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon'; +import RhUiFolderOpenFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-open-fill-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-link-icon'; @@ -81,7 +81,6 @@ A flyout should be a `Menu` component. Press `space` or `right arrow` to open a ``` - ## Types ### NavSelectClickHandler diff --git a/packages/react-core/src/components/Nav/examples/NavIcons.tsx b/packages/react-core/src/components/Nav/examples/NavIcons.tsx index f8260480406..2c6708fcf2f 100644 --- a/packages/react-core/src/components/Nav/examples/NavIcons.tsx +++ b/packages/react-core/src/components/Nav/examples/NavIcons.tsx @@ -1,9 +1,9 @@ import { useState } from 'react'; import { Nav, NavExpandable, NavItem, NavList } from '@patternfly/react-core'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; +import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; -import FolderOpenIcon from '@patternfly/react-icons/dist/esm/icons/folder-open-icon'; +import RhUiFolderOpenFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-open-fill-icon'; import RhUiLinkIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-link-icon'; export const NavIcons: React.FunctionComponent = () => { @@ -32,7 +32,7 @@ export const NavIcons: React.FunctionComponent = () => { to="#nav-icon-link2" itemId={1} isActive={activeItem === 1} - icon={} + icon={} > Link 2 @@ -56,7 +56,7 @@ export const NavIcons: React.FunctionComponent = () => { > Link 4 - } groupId="nav-icon-expandable"> + } groupId="nav-icon-expandable"> { const [activeItems, setActiveItems] = useState(); @@ -78,8 +78,8 @@ export const TreeViewWithIcons: React.FunctionComponent = () => { data={options} activeItems={activeItems} onSelect={onSelect} - icon={} - expandedIcon={} + icon={} + expandedIcon={} /> ); }; diff --git a/packages/react-core/src/demos/Compass/Compass.md b/packages/react-core/src/demos/Compass/Compass.md index eb8c63a531d..0f59be591d6 100644 --- a/packages/react-core/src/demos/Compass/Compass.md +++ b/packages/react-core/src/demos/Compass/Compass.md @@ -9,7 +9,7 @@ import OutlinedPlusSquare from '@patternfly/react-icons/dist/esm/icons/outlined- import RhUiCopyIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-icon'; import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; +import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; diff --git a/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx b/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx index d36fee0c37f..bffb76fd27f 100644 --- a/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx +++ b/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx @@ -29,7 +29,7 @@ import { PageToggleButton } from '@patternfly/react-core'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; +import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; @@ -268,7 +268,7 @@ export const CompassDockDemo: React.FunctionComponent = () => { to="#nav-icon-link2" itemId={1} isActive={activeItem === 1} - icon={} + icon={} anchorRef={navItem2Ref} aria-label="Policy" > diff --git a/packages/react-core/src/demos/Nav.md b/packages/react-core/src/demos/Nav.md index f51f988571b..7cee313c18f 100644 --- a/packages/react-core/src/demos/Nav.md +++ b/packages/react-core/src/demos/Nav.md @@ -13,7 +13,7 @@ import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu- import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; +import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; diff --git a/packages/react-core/src/demos/Page.md b/packages/react-core/src/demos/Page.md index e2c3115a7e5..442105d9026 100644 --- a/packages/react-core/src/demos/Page.md +++ b/packages/react-core/src/demos/Page.md @@ -13,7 +13,6 @@ import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu- import LightbulbIcon from '@patternfly/react-icons/dist/esm/icons/lightbulb-icon'; import RhUiEllipsisVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-ellipsis-vertical-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg'; diff --git a/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx b/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx index d8f54091b55..401ede86851 100644 --- a/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx @@ -32,7 +32,7 @@ import { } from '@patternfly/react-core'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; -import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; +import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; @@ -289,7 +289,7 @@ export const NavDockedNav: React.FunctionComponent = () => { to="#nav-link2" itemId={1} isActive={activeItem === 1} - icon={} + icon={} anchorRef={navItem2Ref} aria-label="Policy" > diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TreeViewDemo/TreeViewDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TreeViewDemo/TreeViewDemo.tsx index 843a89450b7..cec1512b3b2 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TreeViewDemo/TreeViewDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TreeViewDemo/TreeViewDemo.tsx @@ -7,8 +7,8 @@ import { TreeViewDataItem, TreeViewSearch } from '@patternfly/react-core'; -import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; -import FolderOpenIcon from '@patternfly/react-icons/dist/esm/icons/folder-open-icon'; +import RhUiFolderFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-fill-icon'; +import RhUiFolderOpenFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-folder-open-fill-icon'; import { Component } from 'react'; export class TreeViewDemo extends Component { @@ -189,8 +189,8 @@ export class TreeViewDemo extends Component { name: 'ApplicationLauncher', id: 'FAppLaunch', hasCheckbox: true, - icon: , - expandedIcon: , + icon: , + expandedIcon: , children: [ { name: 'Application 1', @@ -225,7 +225,7 @@ export class TreeViewDemo extends Component { id: 'FCost', hasBadge: true, customBadgeContent: 'custom badge', - action: