feat: replace deprecated icons

Author: tkajtoch

packages/eui/src/components/accordion/accordion_trigger/accordion_arrow.tsx

@@ -47,7 +47,7 @@ export const EuiAccordionArrow: FunctionComponent<_EuiAccordionArrowProps> = ({
       {...rest}
       className={classes}
       css={cssStyles}
-      iconType="arrowRight"
+      iconType="chevronSingleRight"
     />
   );
 };

packages/eui/src/components/basic_table/basic_table.a11y.tsx

@@ -195,8 +195,8 @@ describe('EuiTable', () => {
                 }
                 iconType={
                   itemIdToExpandedRowMapValues[user.id]
-                    ? 'arrowDown'
-                    : 'arrowRight'
+                    ? 'chevronSingleDown'
+                    : 'chevronSingleRight'
                 }
               />
             );

packages/eui/src/components/basic_table/basic_table.stories.tsx

@@ -150,7 +150,7 @@ const columns: Array<EuiBasicTableColumn<User>> = [
         name: 'User profile',
         description: ({ firstName, lastName }) =>
           `Visit ${firstName} ${lastName}'s profile`,
-        icon: 'editorLink',
+        icon: 'link',
         color: 'primary',
         type: 'icon',
         enabled: ({ online }) => !!online,

packages/eui/src/components/basic_table/basic_table.tsx

@@ -968,7 +968,7 @@ export class EuiBasicTable<T extends object = any> extends Component<
           colSpan={colSpan}
           mobileOptions={{ width: '100%' }}
         >
-          <EuiIcon type="minusInCircle" color="danger" /> {error}
+          <EuiIcon type="minusCircle" color="danger" /> {error}
         </EuiTableRowCell>
       </EuiTableRow>
     );

packages/eui/src/components/basic_table/collapsed_item_actions.tsx

@@ -135,7 +135,7 @@ export const CollapsedItemActions = <T extends {}>({
           : allActionsButtonAriaLabel
       }
       title={actionsDisabled ? allActionsButtonDisabledAriaLabel : undefined}
-      iconType="boxesHorizontal"
+      iconType="boxesVertical"
       color="text"
       isDisabled={actionsDisabled}
       onClick={() => setPopoverOpen((isOpen) => !isOpen)}

packages/eui/src/components/basic_table/in_memory_table.stories.tsx

@@ -133,7 +133,7 @@ const columns: Array<EuiBasicTableColumn<User>> = [
         name: 'User profile',
         description: ({ firstName, lastName }) =>
           `Visit ${firstName} ${lastName}'s profile`,
-        icon: 'editorLink',
+        icon: 'link',
         color: 'primary',
         type: 'icon',
         enabled: ({ online }) => !!online,

packages/eui/src/components/breadcrumbs/_breadcrumb_content.tsx

@@ -213,7 +213,7 @@ const EuiBreadcrumbPopover = forwardRef<
           >
             <span css={truncationStyles}>{children}</span>
             <EuiIcon
-              type="arrowDown"
+              type="chevronSingleDown"
               size="s"
               aria-label={` - ${popoverAriaLabel}`}
             />

packages/eui/src/components/button/button_group/button_group.stories.tsx

@@ -136,7 +136,7 @@ export const WithTooltips: Story = {
     options: [
       {
         id: 'button1',
-        iconType: 'securitySignal',
+        iconType: 'radar',
         label: 'No tooltip',
       },
       {

packages/eui/src/components/button/split_button/split_button.stories.tsx

@@ -53,7 +53,7 @@ export const Playground: Story = {
     children: [
       <EuiSplitButton.ActionPrimary>Button</EuiSplitButton.ActionPrimary>,
       <EuiSplitButton.ActionSecondary
-        iconType="arrowDown"
+        iconType="chevronSingleDown"
         aria-label="Secondary action"
       />,
     ],
@@ -86,7 +86,7 @@ export const WithTooltip: Story = {
         Button
       </EuiSplitButton.ActionPrimary>,
       <EuiSplitButton.ActionSecondary
-        iconType="arrowDown"
+        iconType="chevronSingleDown"
         aria-label="Secondary action"
         tooltipProps={{
           content: 'Tooltip content',
@@ -109,7 +109,7 @@ export const WithPopover: Story = {
     children: [
       <EuiSplitButton.ActionPrimary>Button</EuiSplitButton.ActionPrimary>,
       <EuiSplitButton.ActionSecondary
-        iconType="arrowDown"
+        iconType="chevronSingleDown"
         aria-label="Secondary action"
         popoverProps={{
           isOpen: true,
@@ -123,7 +123,7 @@ export const WithPopover: Story = {
                   items: [
                     {
                       name: 'Action 1 (click)',
-                      icon: 'search',
+                      icon: 'magnify',
                       onClick: () => {},
                     },
                     {
@@ -190,7 +190,7 @@ export const WithWrappingPopover: Story = {
   args: {
     children: [
       <EuiSplitButton.ActionPrimary>Button</EuiSplitButton.ActionPrimary>,
-      <EuiSplitButton.ActionSecondary iconType="arrowDown" />,
+      <EuiSplitButton.ActionSecondary iconType="chevronSingleDown" />,
     ],
   },
   render: function Render({ children, ...rest }) {
@@ -243,7 +243,7 @@ export const KitchenSink: Story = {
     const label = 'Button';
     const secondaryLabel = 'Secondary Button';
     const primaryIconType = 'faceHappy';
-    const secondaryIconType = 'arrowDown';
+    const secondaryIconType = 'chevronSingleDown';
 
     const variants = BUTTON_COLORS;
 

packages/eui/src/components/button/split_button/split_button.test.tsx

@@ -24,7 +24,7 @@ const defaultPrimaryActionProps = {
 };
 
 const defaultSecondaryActionProps = {
-  iconType: 'arrowDown',
+  iconType: 'chevronSingleDown',
   'aria-label': 'Secondary action',
   'data-test-subj': 'secondary-action',
 };