diff --git a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx index b104a215a68..8fa1e34ec1b 100644 --- a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx @@ -16,7 +16,7 @@ import { TooltipPosition } from '@patternfly/react-core/dist/esm/components/Tool import { getResizeObserver } from '@patternfly/react-core/dist/esm/helpers/resizeObserver'; import Editor, { BeforeMount, EditorProps, Monaco } from '@monaco-editor/react'; import type { editor } from 'monaco-editor'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon'; import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon'; import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; @@ -517,7 +517,7 @@ export const CodeEditor = ({ {isCopyEnabled && (!showEmptyState || !!value) && ( } + icon={} aria-label={copyButtonAriaLabel} tooltipProps={{ ...tooltipProps, diff --git a/packages/react-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap b/packages/react-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap index fd1515c08ab..f91566a42f9 100644 --- a/packages/react-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap +++ b/packages/react-code-editor/src/components/CodeEditor/__test__/__snapshots__/CodeEditor.test.tsx.snap @@ -39,24 +39,12 @@ exports[`Matches snapshot with control buttons enabled 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - + diff --git a/packages/react-core/src/components/Button/examples/Button.md b/packages/react-core/src/components/Button/examples/Button.md index aa4e229bb9b..137db78d86c 100644 --- a/packages/react-core/src/components/Button/examples/Button.md +++ b/packages/react-core/src/components/Button/examples/Button.md @@ -10,7 +10,7 @@ import { Fragment, useState } from 'react'; import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; import RhUiExternalLinkFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-external-link-fill-icon'; import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-caret-right-icon'; import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; diff --git a/packages/react-core/src/components/Button/examples/ButtonCircle.tsx b/packages/react-core/src/components/Button/examples/ButtonCircle.tsx index f01a19013ac..615bde1efc5 100644 --- a/packages/react-core/src/components/Button/examples/ButtonCircle.tsx +++ b/packages/react-core/src/components/Button/examples/ButtonCircle.tsx @@ -1,7 +1,7 @@ import { Button, Flex } from '@patternfly/react-core'; import RhMicronsCloseIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-close-icon'; import RhUiAddCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-add-circle-fill-icon'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import RhUiNotificationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-notification-fill-icon'; import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon'; @@ -48,7 +48,7 @@ export const ButtonCircle: React.FunctionComponent = () => { aria-label="Add warning circle variant example" /> - - diff --git a/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md b/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md index da8e7bb5b1c..7a19db8f164 100644 --- a/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md +++ b/packages/react-core/src/components/CodeBlock/examples/CodeBlock.md @@ -6,7 +6,7 @@ propComponents: ['CodeBlock', 'CodeBlockAction', 'CodeBlockCode'] --- import { Fragment, useState } from 'react'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import PlayIcon from '@patternfly/react-icons/dist/esm/icons/play-icon'; **Important note:** to format code exactly as it is, you should use String.raw\`your code here\`. diff --git a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md index fdb70c987f0..bf4d3411748 100644 --- a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md +++ b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroup.md @@ -10,7 +10,7 @@ import './toggleGroup.css'; import { useRef, useState } from 'react'; import { ToggleGroup, ToggleGroupItem, Button, Stack, StackItem } from '@patternfly/react-core'; import UndoIcon from '@patternfly/react-icons/dist/esm/icons/undo-icon'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import ShareSquareIcon from '@patternfly/react-icons/dist/esm/icons/share-square-icon'; ## Examples diff --git a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupIcon.tsx b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupIcon.tsx index b3b1e74530e..ad8078c3059 100644 --- a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupIcon.tsx +++ b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupIcon.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core'; import UndoIcon from '@patternfly/react-icons/dist/esm/icons/undo-icon'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import ShareSquareIcon from '@patternfly/react-icons/dist/esm/icons/share-square-icon'; export const ToggleGroupIcon: React.FunctionComponent = () => { @@ -17,7 +17,7 @@ export const ToggleGroupIcon: React.FunctionComponent = () => { return ( } + icon={} aria-label="copy" buttonId="toggle-group-icons-1" isSelected={isSelected['toggle-group-icons-1']} diff --git a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx index d2a67b438cd..e70a1304654 100644 --- a/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx +++ b/packages/react-core/src/components/ToggleGroup/examples/ToggleGroupTextIcon.tsx @@ -1,7 +1,7 @@ import { useState } from 'react'; import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core'; import UndoIcon from '@patternfly/react-icons/dist/esm/icons/undo-icon'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import ShareSquareIcon from '@patternfly/react-icons/dist/esm/icons/share-square-icon'; export const ToggleGroupIcon: React.FunctionComponent = () => { @@ -18,7 +18,7 @@ export const ToggleGroupIcon: React.FunctionComponent = () => { <> } + icon={} text="Copy" buttonId="toggle-group-text-icons-1" isSelected={isSelected['toggle-group-text-icons-1']} @@ -42,7 +42,7 @@ export const ToggleGroupIcon: React.FunctionComponent = () => {
} + icon={} iconPosition="end" text="Copy" buttonId="toggle-group-text-icons-4" diff --git a/packages/react-core/src/components/Tooltip/examples/Tooltip.md b/packages/react-core/src/components/Tooltip/examples/Tooltip.md index f0934553608..582a5515ec9 100644 --- a/packages/react-core/src/components/Tooltip/examples/Tooltip.md +++ b/packages/react-core/src/components/Tooltip/examples/Tooltip.md @@ -7,7 +7,7 @@ propComponents: ['Tooltip'] import { useEffect, useRef, useState } from 'react'; import RhUiQuestionMarkCircleIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-icon'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import './TooltipExamples.css'; ## Examples diff --git a/packages/react-core/src/components/Tooltip/examples/TooltipIcon.tsx b/packages/react-core/src/components/Tooltip/examples/TooltipIcon.tsx index 33a46b37b92..4c44a82dcf9 100644 --- a/packages/react-core/src/components/Tooltip/examples/TooltipIcon.tsx +++ b/packages/react-core/src/components/Tooltip/examples/TooltipIcon.tsx @@ -1,6 +1,6 @@ import { useState } from 'react'; import { Tooltip, Button } from '@patternfly/react-core'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; export const TooltipIcon: React.FunctionComponent = () => { const [showSuccessContent, setShowSuccessContent] = useState(false); @@ -15,7 +15,7 @@ export const TooltipIcon: React.FunctionComponent = () => { variant="plain" id="tt-ref" onClick={() => setShowSuccessContent(!showSuccessContent)} - icon={} + icon={} /> diff --git a/packages/react-integration/demo-app-ts/src/components/demos/ToggleGroupDemo/ToggleGroupDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/ToggleGroupDemo/ToggleGroupDemo.tsx index 30a405935d1..0f3784780c3 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/ToggleGroupDemo/ToggleGroupDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/ToggleGroupDemo/ToggleGroupDemo.tsx @@ -1,7 +1,7 @@ import { Component } from 'react'; import { ToggleGroup, ToggleGroupItem, ToggleGroupProps } from '@patternfly/react-core'; import UndoIcon from '@patternfly/react-icons/dist/esm/icons/undo-icon'; -import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; +import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon'; import ShareSquareIcon from '@patternfly/react-icons/dist/esm/icons/share-square-icon'; interface ToggleGroupState { @@ -67,7 +67,7 @@ export class ToggleGroupDemo extends Component } + icon={} key={3} buttonId="third" isSelected={isSelected.third} @@ -107,7 +107,7 @@ export class ToggleGroupDemo extends Component - } text="Option 3" key={8} isDisabled /> + } text="Option 3" key={8} isDisabled /> );