fix(TimesCircleIcon): Replace TimesCircleIcon with RhUiCloseCircleFillIcon

Co-authored-by: Cursor <cursoragent@cursor.com>

Author: rebeccaalpert

packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx

@@ -5,7 +5,7 @@ import { ExpandableSection } from '../ExpandableSection';
 import { useSSRSafeId } from '../../helpers';
 import RhUiInProgressIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-in-progress-icon';
 import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon';
-import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
+import RhUiCloseCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-close-circle-fill-icon';
 
 /** Acts as an expandable container for all uploaded file statuses.
  * An optional text and/or icon can also be passed into this sub-component.
@@ -41,7 +41,7 @@ export const MultipleFileUploadStatus: React.FunctionComponent<MultipleFileUploa
   useEffect(() => {
     switch (statusToggleIcon) {
       case 'danger':
-        setIcon(<TimesCircleIcon />);
+        setIcon(<RhUiCloseCircleFillIcon />);
         break;
       case 'success':
         setIcon(<RhUiCheckCircleFillIcon />);

packages/react-core/src/demos/PrimaryDetail.md

@@ -12,7 +12,7 @@ import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-u
 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 RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
-import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
+import RhUiCloseCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-close-circle-fill-icon';
 import pfIcon from './assets/pf-logo-small.svg';
 import activeMQIcon from './assets/activemq-core_200x150.png';
 import avroIcon from './assets/camel-avro_200x150.png';

packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx

@@ -46,7 +46,7 @@ import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-u
 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 RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
-import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
+import RhUiCloseCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-close-circle-fill-icon';
 
 interface SelectOptionType extends Omit<SelectOptionProps, 'children'> {
   label: string;
@@ -293,7 +293,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                         <RhUiWarningFillIcon /> 5
                       </FlexItem>
                       <FlexItem>
-                        <TimesCircleIcon /> 5
+                        <RhUiCloseCircleFillIcon /> 5
                       </FlexItem>
                       <FlexItem>Updated 2 days ago</FlexItem>
                     </Flex>
@@ -390,7 +390,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => {
                         <RhUiWarningFillIcon /> 5
                       </FlexItem>
                       <FlexItem>
-                        <TimesCircleIcon /> 5
+                        <RhUiCloseCircleFillIcon /> 5
                       </FlexItem>
                       <FlexItem>Updated 2 days ago</FlexItem>
                     </Flex>

packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx

@@ -46,7 +46,7 @@ import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-u
 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 RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
-import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
+import RhUiCloseCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-close-circle-fill-icon';
 
 interface SelectOptionType extends Omit<SelectOptionProps, 'children'> {
   label: string;
@@ -293,7 +293,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                         <RhUiWarningFillIcon /> 5
                       </FlexItem>
                       <FlexItem>
-                        <TimesCircleIcon /> 5
+                        <RhUiCloseCircleFillIcon /> 5
                       </FlexItem>
                       <FlexItem>Updated 2 days ago</FlexItem>
                     </Flex>
@@ -390,7 +390,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => {
                         <RhUiWarningFillIcon /> 5
                       </FlexItem>
                       <FlexItem>
-                        <TimesCircleIcon /> 5
+                        <RhUiCloseCircleFillIcon /> 5
                       </FlexItem>
                       <FlexItem>Updated 2 days ago</FlexItem>
                     </Flex>

packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx

@@ -46,7 +46,7 @@ import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-u
 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 RhMicronsSearchIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-search-icon';
-import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon';
+import RhUiCloseCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-close-circle-fill-icon';
 
 interface SelectOptionType extends Omit<SelectOptionProps, 'children'> {
   label: string;
@@ -293,7 +293,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                         <RhUiWarningFillIcon /> 5
                       </FlexItem>
                       <FlexItem>
-                        <TimesCircleIcon /> 5
+                        <RhUiCloseCircleFillIcon /> 5
                       </FlexItem>
                       <FlexItem>Updated 2 days ago</FlexItem>
                     </Flex>
@@ -390,7 +390,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => {
                         <RhUiWarningFillIcon /> 5
                       </FlexItem>
                       <FlexItem>
-                        <TimesCircleIcon /> 5
+                        <RhUiCloseCircleFillIcon /> 5
                       </FlexItem>
                       <FlexItem>Updated 2 days ago</FlexItem>
                     </Flex>

packages/react-templates/src/components/Dropdown/__tests__/__snapshots__/SimpleDropdown.test.tsx.snap

@@ -31,7 +31,7 @@ exports[`Dropdown items Matches snapshot 1`] = `
           width="1em"
         >
           <path
-            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"
+            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"
           />
         </svg>
       </span>
@@ -71,7 +71,7 @@ exports[`Dropdown toggle Matches snapshot 1`] = `
           width="1em"
         >
           <path
-            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"
+            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"
           />
         </svg>
       </span>

packages/react-templates/src/components/Select/__tests__/__snapshots__/CheckboxSelectSnapshots.test.tsx.snap

@@ -32,7 +32,7 @@ exports[`checkbox select with no props snapshot 1`] = `
           width="1em"
         >
           <path
-            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"
+            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"
           />
         </svg>
       </span>
@@ -73,7 +73,7 @@ exports[`opened checkbox select snapshot 1`] = `
           width="1em"
         >
           <path
-            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"
+            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"
           />
         </svg>
       </span>

packages/react-templates/src/components/Select/__tests__/__snapshots__/MultiTypeaheadSelect.test.tsx.snap

@@ -85,7 +85,7 @@ exports[`MultiTypeaheadSelect Matches snapshot 1`] = `
             width="1em"
           >
             <path
-              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"
+              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"
             />
           </svg>
         </span>

packages/react-templates/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap

@@ -32,7 +32,7 @@ exports[`Matches snapshot 1`] = `
           width="1em"
         >
           <path
-            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"
+            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"
           />
         </svg>
       </span>
@@ -73,7 +73,7 @@ exports[`checkbox select with no props snapshot 1`] = `
           width="1em"
         >
           <path
-            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"
+            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"
           />
         </svg>
       </span>

packages/react-templates/src/components/Select/__tests__/__snapshots__/TypeaheadSelect.test.tsx.snap

@@ -85,7 +85,7 @@ exports[`Matches snapshot 1`] = `
             width="1em"
           >
             <path
-              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"
+              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"
             />
           </svg>
         </span>