fix(ClockIcon): Replace ClockIcon with RhUiClockFillIcon (#12464)

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

Author: rebeccaalpert

packages/react-core/src/components/TextInput/examples/TextInput.md

@@ -8,7 +8,7 @@ propComponents: ['TextInput', 'TextInputExpandedObj']
 
 import { useRef, useState } from 'react';
 import RhUiCalendarFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-fill-icon';
-import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon';
+import RhUiClockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clock-fill-icon';
 
 ## Examples
 

packages/react-core/src/components/TextInput/examples/TextInputCustomIcon.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { TextInput } from '@patternfly/react-core';
 import RhUiCalendarFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-calendar-fill-icon';
-import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon';
+import RhUiClockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clock-fill-icon';
 
 export const TextInputCustomIcon: React.FunctionComponent = () => {
   const [calendar, setCalendar] = useState('');
@@ -21,7 +21,7 @@ export const TextInputCustomIcon: React.FunctionComponent = () => {
       <TextInput
         value={clock}
         type="text"
-        customIcon={<ClockIcon />}
+        customIcon={<RhUiClockFillIcon />}
         onChange={(_event, value) => setClock(value)}
         aria-label="text input example with clock icon"
       />

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

@@ -8,8 +8,8 @@ import translationsEn from "./examples/translations.en.json";
 import translationsHe from "./examples/translations.he.json";
 import AlignRightIcon from '@patternfly/react-icons/dist/esm/icons/align-right-icon';
 import ToolsIcon from '@patternfly/react-icons/dist/esm/icons/tools-icon';
-import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon';
 import RhUiRunningIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-running-icon';
+import RhUiClockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clock-fill-icon';
 import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
 import RhUiMenuBarsIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-menu-bars-icon';
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';

packages/react-core/src/demos/RTL/examples/PaginatedTable.tsx

@@ -46,8 +46,8 @@ import translationsEn from './examples/translations.en.json';
 import translationsHe from './examples/translations.he.json';
 import AlignRightIcon from '@patternfly/react-icons/dist/esm/icons/align-right-icon';
 import ToolsIcon from '@patternfly/react-icons/dist/esm/icons/tools-icon';
-import ClockIcon from '@patternfly/react-icons/dist/esm/icons/clock-icon';
 import RhUiRunningIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-running-icon';
+import RhUiClockFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-clock-fill-icon';
 import pfLogo from '@patternfly/react-core/src/demos/assets/pf-logo.svg';
 import RhUiSettingsFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-settings-fill-icon';
 import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon';
@@ -215,7 +215,7 @@ export const PaginatedTableAction: React.FunctionComponent = () => {
       case 'Down':
       case 'מטה':
         return (
-          <Label icon={<ClockIcon />} color={LabelColor.orange}>
+          <Label icon={<RhUiClockFillIcon />} color={LabelColor.orange}>
             {translation.table.rows.status.down}
           </Label>
         );