chore: renamed Default to Enabled

cfpb · Jan 24, 2024 · 9e6a237 · 9e6a237
1 parent 865ec82
commit 9e6a237
Showing 1 changed file with 16 additions and 25 deletions.
diff --git a/src/components/Checkbox/Checkbox.stories.tsx b/src/components/Checkbox/Checkbox.stories.tsx
@@ -29,6 +29,7 @@ function CheckboxWrapper({ ...arguments_ }): JSX.Element {
       {...arguments_}
       checked={arguments_.checked}
       onChange={(): void => {
+        console.log('clicked');
         updateArguments({
           checked: !arguments_.checked
         });
@@ -37,13 +38,12 @@ function CheckboxWrapper({ ...arguments_ }): JSX.Element {
   );
 }
 
-export const Default: Story = {
+export const Enabled: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
-  name: 'Default',
+  name: 'Enabled',
   args: {
-    id: 'default',
-    name: 'default',
-    label: 'Default',
+    id: 'enabled',
+    label: 'Enabled',
     checked: false
   }
 };
@@ -52,9 +52,7 @@ export const Hover: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'Hover',
   args: {
-    ...Default.args,
     id: 'hover',
-    name: 'hover',
     inputClassName: 'hover',
     label: 'Hover'
   }
@@ -64,9 +62,7 @@ export const Focus: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'Focus',
   args: {
-    ...Default.args,
     id: 'focus',
-    name: 'focus',
     inputClassName: 'focus',
     label: 'Focus'
   }
@@ -76,21 +72,28 @@ export const Selected: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'Selected',
   args: {
-    ...Default.args,
     id: 'selected',
-    name: 'selected',
     label: 'Selected',
     checked: true
   }
 };
 
+export const Disabled: Story = {
+  render: _arguments => CheckboxWrapper(_arguments),
+  name: 'Disabled',
+  args: {
+    id: 'disabled',
+    label: 'Disabled',
+    checked: false,
+    disabled: true
+  }
+};
+
 export const Disabledselected: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'Disabled/selected',
   args: {
-    ...Default.args,
     id: 'disabled/selected',
-    name: 'disabled/selected',
     label: 'Disabled/selected',
     checked: true,
     disabled: true
@@ -101,9 +104,7 @@ export const Success: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'Success',
   args: {
-    ...Default.args,
     id: 'success',
-    name: 'success',
     label: 'Success',
     status: 'success'
   }
@@ -113,9 +114,7 @@ export const Warning: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'Warning',
   args: {
-    ...Default.args,
     id: 'warning',
-    name: 'warning',
     label: 'Warning',
     status: 'warning'
   }
@@ -125,9 +124,7 @@ export const Error: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'Error',
   args: {
-    ...Default.args,
     id: 'error',
-    name: 'error',
     label: 'Error',
     status: 'error'
   }
@@ -137,9 +134,7 @@ export const WithHelperText: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'With helper text',
   args: {
-    ...Default.args,
     id: 'WithHelper',
-    name: 'WithHelper',
     label: 'With helper text',
     helperText: 'This is optional helper text'
   }
@@ -149,9 +144,7 @@ export const LargeTargetArea: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'Large target area',
   args: {
-    ...Default.args,
     id: 'LargeTargetArea',
-    name: 'LargeTargetArea',
     label: 'Large target area',
     isLarge: true
   }
@@ -161,9 +154,7 @@ export const LargeTargetAreaWithHelperText: Story = {
   render: _arguments => CheckboxWrapper(_arguments),
   name: 'Large target area helper text',
   args: {
-    ...Default.args,
     id: 'LargeWithHelperText',
-    name: 'LargeWithHelperText',
     label: 'Large target area helper text',
     isLarge: true,
     helperText: 'This is optional helper text'