fix(GripVerticalIcon): Replace GripVerticalIcon with RhUiGripVerticalFillIcon (#12478)

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

Author: rebeccaalpert

packages/react-core/src/components/DataList/DataListDragButton.tsx

@@ -1,6 +1,6 @@
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/DataList/data-list';
-import GripVerticalIcon from '@patternfly/react-icons/dist/esm/icons/grip-vertical-icon';
+import RhUiGripVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-vertical-fill-icon';
 
 export interface DataListDragButtonProps extends React.HTMLProps<HTMLButtonElement> {
   /** Additional classes added to the drag button */
@@ -23,7 +23,7 @@ export const DataListDragButton: React.FunctionComponent<DataListDragButtonProps
     {...props}
   >
     <span className={css(styles.dataListItemDraggableIcon)}>
-      <GripVerticalIcon />
+      <RhUiGripVerticalFillIcon />
     </span>
   </button>
 );

packages/react-core/src/components/DualListSelector/DualListSelectorListItem.tsx

@@ -2,7 +2,7 @@ import { forwardRef, useContext, useRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector';
 import { css } from '@patternfly/react-styles';
 import { useSSRSafeId } from '../../helpers';
-import GripVerticalIcon from '@patternfly/react-icons/dist/esm/icons/grip-vertical-icon';
+import RhUiGripVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-vertical-fill-icon';
 import { Button, ButtonVariant } from '../Button';
 import { DualListSelectorListContext } from './DualListSelectorContext';
 
@@ -86,7 +86,7 @@ export const DualListSelectorListItemBase: React.FunctionComponent<DualListSelec
             <Button
               variant={ButtonVariant.plain}
               component="span"
-              icon={<GripVerticalIcon style={{ verticalAlign: '-0.3em' }} />}
+              icon={<RhUiGripVerticalFillIcon style={{ verticalAlign: '-0.3em' }} />}
             />
           </div>
         )}

packages/react-core/src/deprecated/components/DualListSelector/DualListSelectorListItem.tsx

@@ -2,7 +2,7 @@ import { forwardRef, useContext, useRef } from 'react';
 import styles from '@patternfly/react-styles/css/components/DualListSelector/dual-list-selector';
 import { css } from '@patternfly/react-styles';
 import { useSSRSafeId } from '../../../helpers';
-import GripVerticalIcon from '@patternfly/react-icons/dist/esm/icons/grip-vertical-icon';
+import RhUiGripVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-vertical-fill-icon';
 import { Button, ButtonVariant } from '../../../components/Button';
 import { DualListSelectorListContext } from './DualListSelectorContext';
 
@@ -86,7 +86,7 @@ export const DualListSelectorListItemBase: React.FunctionComponent<DualListSelec
             <Button
               variant={ButtonVariant.plain}
               component="span"
-              icon={<GripVerticalIcon style={{ verticalAlign: '-0.3em' }} />}
+              icon={<RhUiGripVerticalFillIcon style={{ verticalAlign: '-0.3em' }} />}
             />
           </div>
         )}

packages/react-table/src/components/Table/DraggableCell.tsx

@@ -1,4 +1,4 @@
-import GripVerticalIcon from '@patternfly/react-icons/dist/esm/icons/grip-vertical-icon';
+import RhUiGripVerticalFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-grip-vertical-fill-icon';
 import { Button } from '@patternfly/react-core/dist/esm/components/Button';
 
 export interface DraggableCellProps {
@@ -23,7 +23,7 @@ export const DraggableCell: React.FunctionComponent<DraggableCellProps> = ({
     aria-label={ariaLabel || `Draggable row draggable button`}
     onClick={onClick}
     {...props}
-    icon={<GripVerticalIcon />}
+    icon={<RhUiGripVerticalFillIcon />}
   />
 );