primary toggle button chroma test was rendenring a secondary variant

gsoft-inc · Nov 13, 2024 · deb949b · deb949b
1 parent 05721a9
commit deb949b
Showing 1 changed file with 22 additions and 22 deletions.
diff --git a/packages/components/src/button/tests/chromatic/ToggleButtonPrimary.stories.tsx b/packages/components/src/button/tests/chromatic/ToggleButtonPrimary.stories.tsx
@@ -24,24 +24,24 @@ export const Default: ToggleButtonStory = {
     render: () => (
         <Stack>
             <Inline alignY="end">
-                <ToggleButton size="sm" variant="secondary">Cutoff</ToggleButton>
-                <ToggleButton variant="secondary">Cutoff</ToggleButton>
+                <ToggleButton size="sm" variant="primary">Cutoff</ToggleButton>
+                <ToggleButton variant="primary">Cutoff</ToggleButton>
             </Inline>
-            <ToggleButton variant="secondary">
+            <ToggleButton variant="primary">
                 <Text>Cutoff</Text>
                 <LightbulbIcon />
             </ToggleButton>
             <Inline alignY="end">
-                <ToggleButton size="sm" variant="secondary">Aa</ToggleButton>
-                <ToggleButton variant="secondary">Aa</ToggleButton>
+                <ToggleButton size="sm" variant="primary">Aa</ToggleButton>
+                <ToggleButton variant="primary">Aa</ToggleButton>
             </Inline>
             <Inline alignY="end">
-                <ToggleButton checked variant="secondary">Aa</ToggleButton>
-                <ToggleButton active variant="secondary">Aa</ToggleButton>
-                <ToggleButton focus variant="secondary">Aa</ToggleButton>
-                <ToggleButton hover variant="secondary">Aa</ToggleButton>
-                <ToggleButton focus hover variant="secondary">Aa</ToggleButton>
-                <ToggleButton disabled variant="secondary">Aa</ToggleButton>
+                <ToggleButton checked variant="primary">Aa</ToggleButton>
+                <ToggleButton active variant="primary">Aa</ToggleButton>
+                <ToggleButton focus variant="primary">Aa</ToggleButton>
+                <ToggleButton hover variant="primary">Aa</ToggleButton>
+                <ToggleButton focus hover variant="primary">Aa</ToggleButton>
+                <ToggleButton disabled variant="primary">Aa</ToggleButton>
             </Inline>
         </Stack>
     )
@@ -51,12 +51,12 @@ export const States: ToggleButtonStory = {
     name: "states",
     render: () => (
         <Inline alignY="end">
-            <ToggleButton checked variant="secondary">Cutoff</ToggleButton>
-            <ToggleButton active variant="secondary">Cutoff</ToggleButton>
-            <ToggleButton focus variant="secondary">Cutoff</ToggleButton>
-            <ToggleButton hover variant="secondary">Cutoff</ToggleButton>
-            <ToggleButton focus hover variant="secondary">Cutoff</ToggleButton>
-            <ToggleButton disabled variant="secondary">Cutoff</ToggleButton>
+            <ToggleButton checked variant="primary">Cutoff</ToggleButton>
+            <ToggleButton active variant="primary">Cutoff</ToggleButton>
+            <ToggleButton focus variant="primary">Cutoff</ToggleButton>
+            <ToggleButton hover variant="primary">Cutoff</ToggleButton>
+            <ToggleButton focus hover variant="primary">Cutoff</ToggleButton>
+            <ToggleButton disabled variant="primary">Cutoff</ToggleButton>
         </Inline>
     )
 };
@@ -65,9 +65,9 @@ export const Checked: ToggleButtonStory = {
     name: "checked",
     render: () => (
         <Inline>
-            <ToggleButton checked variant="secondary">Cutoff</ToggleButton>
-            <ToggleButton defaultChecked variant="secondary">Cutoff</ToggleButton>
-            <ToggleButton checked variant="secondary">
+            <ToggleButton checked variant="primary">Cutoff</ToggleButton>
+            <ToggleButton defaultChecked variant="primary">Cutoff</ToggleButton>
+            <ToggleButton checked variant="primary">
                 <Text>Cutoff</Text>
                 <LightbulbIcon />
             </ToggleButton>
@@ -80,10 +80,10 @@ export const Zoom: ToggleButtonStory = {
     render: () => (
         <Inline>
             <Div className="zoom-in">
-                <ToggleButton variant="secondary">Cutoff</ToggleButton>
+                <ToggleButton variant="primary">Cutoff</ToggleButton>
             </Div>
             <Div className="zoom-out">
-                <ToggleButton variant="secondary">Cutoff</ToggleButton>
+                <ToggleButton variant="primary">Cutoff</ToggleButton>
             </Div>
         </Inline>
     )