allow inherit to use brand evolution style

MetaMask · Aug 27, 2024 · 11b0a1d · 11b0a1d
1 parent 2cdc110
commit 11b0a1d
Showing 1 changed file with 17 additions and 5 deletions.
diff --git a/ui/components/component-library/text/text.stories.tsx b/ui/components/component-library/text/text.stories.tsx
@@ -289,11 +289,23 @@ export const Strong: StoryFn<typeof Text> = (args) => (
 
 export const IsBrandEvolution = (args) => (
   <>
-    {Object.values(TextVariant).map((variant) => (
-      <Text {...args} variant={variant} key={variant}>
-        {args.children || variant}
-      </Text>
-    ))}
+    {Object.values(TextVariant).map((variant) => {
+      // Wrap TextVariant.inherit in a span to show it's inherited styles
+      if (variant === TextVariant.inherit) {
+        return (
+          <Text as="span" {...args}>
+            <Text {...args} variant={variant} key={variant}>
+              {args.children || variant}
+            </Text>
+          </Text>
+        );
+      }
+      return (
+        <Text {...args} variant={variant} key={variant}>
+          {args.children || variant}
+        </Text>
+      );
+    })}
   </>
 );