fixup! Feat(web-react): Introduce UNSTABLE_Toggle component #DS-1346

lmc-eu · Jul 18, 2024 · 9e273b5 · 9e273b5
1 parent d553946
commit 9e273b5
Show file tree

Hide file tree

Showing 10 changed files with 11 additions and 10 deletions.
diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/README.md b/packages/web-react/src/components/UNSTABLE_Toggle/README.md
@@ -73,7 +73,7 @@ Validation states can be presented by prop `validationState`. See Validation sta
 
 ## Disabled State
 
- You can add `isDisabled` prop to disable Toggle.
+You can add `isDisabled` prop to disable Toggle.
 
 ```jsx
 <UNSTABLE_Toggle id="toggle-disabled" label="Toggle Label" isDisabled />

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDefault.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDefault.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleDefault = () => (
   <>

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDisabled.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleDisabled.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleDisabled = () => (
   <>

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleFluid.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleFluid.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleFluid = () => <UNSTABLE_Toggle id="toggle-fluid" label="Toggle Label" name="default" isFluid />;
 

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHelperText.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHelperText.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleHelperText = () => (
   <>

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHiddenLabel.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleHiddenLabel.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleHiddenLabel = () => (
   <UNSTABLE_Toggle id="toggle-hidden-label" label="Toggle Label" name="default" isLabelHidden />

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleIndicators.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleIndicators.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleIndicators = () => (
   <>

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleRequired.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleRequired.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleRequired = () => <UNSTABLE_Toggle id="toggle-required" label="Toggle Label" name="default" isRequired />;
 

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleValidation.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/demo/ToggleValidation.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { UNSTABLE_Toggle } from '../index';
+import { UNSTABLE_Toggle } from '..';
 
 const ToggleValidation = () => (
   <>

diff --git a/packages/web-react/src/components/UNSTABLE_Toggle/stories/UNSTABLE_Toggle.stories.tsx b/packages/web-react/src/components/UNSTABLE_Toggle/stories/UNSTABLE_Toggle.stories.tsx
@@ -23,13 +23,14 @@ const meta: Meta<typeof UNSTABLE_Toggle> = {
     },
   },
   args: {
+    hasIndicators: false,
+    helperText: '',
     id: 'toggle',
     isRequired: false,
     isDisabled: false,
     isFluid: false,
     isChecked: false,
     label: 'Toggle Label',
-    helperText: '',
     validationState: undefined,
     validationText: '',
   },