[Common actions] Update Button storybook examples to use `PlusCircleI…

…con` (Shopify#11795)
AnnaCheba · Mar 28, 2024 · 8b398b8 · 8b398b8
1 parent 2517315
commit 8b398b8
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/polaris-react/src/components/Button/Button.stories.tsx b/polaris-react/src/components/Button/Button.stories.tsx
@@ -17,6 +17,7 @@ import {
 } from '@shopify/polaris';
 import {
   PlusIcon,
+  PlusCircleIcon,
   XSmallIcon,
   ChevronDownIcon,
   EditIcon,
@@ -211,10 +212,10 @@ export function Plain() {
         <Button variant="plain" disabled>
           Label
         </Button>
-        <Button variant="plain" icon={PlusIcon}>
+        <Button variant="plain" icon={PlusCircleIcon}>
           Label
         </Button>
-        <Button variant="plain" disabled icon={PlusIcon}>
+        <Button variant="plain" disabled icon={PlusCircleIcon}>
           Label
         </Button>
         <Button variant="plain" disclosure>
@@ -246,10 +247,10 @@ export function MonochromePlain() {
     <Box padding="400">
       <InlineStack gap="400" blockAlign="center">
         <Button variant="monochromePlain">Default</Button>
-        <Button variant="monochromePlain" icon={PlusIcon}>
+        <Button variant="monochromePlain" icon={PlusCircleIcon}>
           With icon
         </Button>
-        <Button variant="monochromePlain" disabled icon={PlusIcon}>
+        <Button variant="monochromePlain" disabled icon={PlusCircleIcon}>
           Disabled with icon
         </Button>
         <Button variant="monochromePlain" disclosure>
@@ -281,10 +282,10 @@ export function Tertiary() {
           <Button variant="tertiary" disabled>
             Label
           </Button>
-          <Button variant="tertiary" icon={PlusIcon}>
+          <Button variant="tertiary" icon={PlusCircleIcon}>
             Label
           </Button>
-          <Button variant="tertiary" disabled icon={PlusIcon}>
+          <Button variant="tertiary" disabled icon={PlusCircleIcon}>
             Label
           </Button>
           <Button variant="tertiary" disclosure>
@@ -311,10 +312,10 @@ export function Tertiary() {
           <Button variant="tertiary" disabled>
             Label
           </Button>
-          <Button variant="tertiary" icon={PlusIcon}>
+          <Button variant="tertiary" icon={PlusCircleIcon}>
             Label
           </Button>
-          <Button variant="tertiary" disabled icon={PlusIcon}>
+          <Button variant="tertiary" disabled icon={PlusCircleIcon}>
             Label
           </Button>
           <Button variant="tertiary" disclosure>