Clean up story

vimeo · Sep 12, 2023 · e684b8f · e684b8f
1 parent 92e43f9
commit e684b8f
Showing 1 changed file with 20 additions and 16 deletions.
diff --git a/src/components/inputs/Checkbox/Checkbox.story.tsx b/src/components/inputs/Checkbox/Checkbox.story.tsx
@@ -34,42 +34,46 @@ export default {
   },
 };
 
-const StyledCheck = styled(Checkbox)`
-  // input {
-  //   &:checked ~ div[type='checkbox'] {
-  //     border: 1px solid black;
-  //     &::after {
-  //       border-color: black;
-  //       background-color: black;
-  //     }
-  //   }
-  // }
-  --checked-color: black;
-`;
-
 const Template: Story<Props> = (args) => {
   return (
     <Layout.StoryVertical>
       <Checkbox {...args} />
+      <Checkbox label="default disabled" value="default" disabled />
       <Checkbox label="default checked" value="default" checked />
       <Checkbox
         label="default checked disabled"
         value="default"
         checked
         disabled
       />
-      <StyledCheck
+      <Checkbox
+        label="default checked disabled indeterminate"
+        value="default"
+        checked
+        disabled
+        indeterminate
+      />
+      <Checkbox
+        style={{ '--checked-color': 'black' } as React.CSSProperties}
+        label="--checked-color:black disabled"
+        value="black"
+        disabled
+      />
+      <Checkbox
+        style={{ '--checked-color': 'black' } as React.CSSProperties}
         label="--checked-color:black checked"
         value="black"
         checked
       />
-      <StyledCheck
+      <Checkbox
+        style={{ '--checked-color': 'black' } as React.CSSProperties}
         label="--checked-color:black disabled"
         value="black"
         checked
         disabled
       />
-      <StyledCheck
+      <Checkbox
+        style={{ '--checked-color': 'black' } as React.CSSProperties}
         label="--checked-color:black disabled indeterminate"
         value="black"
         checked