Update Icon story from tone currentColor to inherit (#11315)

Shopify · Dec 11, 2023 · c776e7f · c776e7f
1 parent d0babcc
commit c776e7f
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/polaris-react/src/components/Icon/Icon.stories.tsx b/polaris-react/src/components/Icon/Icon.stories.tsx
@@ -92,36 +92,36 @@ export function Colored() {
   );
 }
 
-export function CurrentColor() {
+export function WithToneInherit() {
   return (
     <BlockStack gap="200">
       <Text as="p" tone="caution" variant="bodyMd" alignment="center">
         Caution tone
-        <Icon source={icons.CirclePlusMinor} tone="currentColor" />
+        <Icon source={icons.CirclePlusMinor} tone="inherit" />
       </Text>
       <Text as="p" tone="critical" variant="bodyMd" alignment="center">
         Critical tone
-        <Icon source={icons.CirclePlusMinor} tone="currentColor" />
+        <Icon source={icons.CirclePlusMinor} tone="inherit" />
       </Text>
       <Text as="p" tone="magic" variant="bodyMd" alignment="center">
         Magic tone
-        <Icon source={icons.CirclePlusMinor} tone="currentColor" />
+        <Icon source={icons.CirclePlusMinor} tone="inherit" />
       </Text>
       <Text as="p" tone="magic-subdued" variant="bodyMd" alignment="center">
         Magic subdued tone
-        <Icon source={icons.CirclePlusMinor} tone="currentColor" />
+        <Icon source={icons.CirclePlusMinor} tone="inherit" />
       </Text>
       <Text as="p" tone="subdued" variant="bodyMd" alignment="center">
         Subdued tone
-        <Icon source={icons.CirclePlusMinor} tone="currentColor" />
+        <Icon source={icons.CirclePlusMinor} tone="inherit" />
       </Text>
       <Text as="p" tone="success" variant="bodyMd" alignment="center">
         Success tone
-        <Icon source={icons.CirclePlusMinor} tone="currentColor" />
+        <Icon source={icons.CirclePlusMinor} tone="inherit" />
       </Text>
       <Text as="p" tone="text-inverse" variant="bodyMd" alignment="center">
         Text inverse tone
-        <Icon source={icons.CirclePlusMinor} tone="currentColor" />
+        <Icon source={icons.CirclePlusMinor} tone="inherit" />
       </Text>
     </BlockStack>
   );