fix(tag): stories now use the correct variant for each section

vtex · Aug 24, 2024 · 7feeb29 · 7feeb29
1 parent f86ad7b
commit 7feeb29
Showing 1 changed file with 31 additions and 11 deletions.
diff --git a/packages/shoreline/src/components/tag/stories/show.stories.tsx b/packages/shoreline/src/components/tag/stories/show.stories.tsx
@@ -1,5 +1,5 @@
-import { Tag } from '../index'
 import { Stack } from '../../stack'
+import { Tag } from '../index'
 
 export default {
   title: 'components/tag',
@@ -11,16 +11,36 @@ export function Show() {
       <Tag>Default</Tag>
       Primary
       <Stack horizontal>
-        <Tag color="red">Red</Tag>
-        <Tag color="yellow">Yellow</Tag>
-        <Tag color="orange">Orange</Tag>
-        <Tag color="pink">Pink</Tag>
-        <Tag color="purple">Purple</Tag>
-        <Tag color="blue">Blue</Tag>
-        <Tag color="cyan">Cyan</Tag>
-        <Tag color="teal">Teal</Tag>
-        <Tag color="green">Green</Tag>
-        <Tag color="gray">Gray</Tag>
+        <Tag color="red" variant="primary">
+          Red
+        </Tag>
+        <Tag color="yellow" variant="primary">
+          Yellow
+        </Tag>
+        <Tag color="orange" variant="primary">
+          Orange
+        </Tag>
+        <Tag color="pink" variant="primary">
+          Pink
+        </Tag>
+        <Tag color="purple" variant="primary">
+          Purple
+        </Tag>
+        <Tag color="blue" variant="primary">
+          Blue
+        </Tag>
+        <Tag color="cyan" variant="primary">
+          Cyan
+        </Tag>
+        <Tag color="teal" variant="primary">
+          Teal
+        </Tag>
+        <Tag color="green" variant="primary">
+          Green
+        </Tag>
+        <Tag color="gray" variant="primary">
+          Gray
+        </Tag>
       </Stack>
       Secondary
       <Stack horizontal>