fix(inputtoggle): fix on state styles

chanzuckerberg · Apr 8, 2024 · 581a99d · 581a99d
1 parent aa143fa
commit 581a99d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages/components/src/core/InputToggle/__storybook__/index.stories.tsx b/packages/components/src/core/InputToggle/__storybook__/index.stories.tsx
@@ -28,11 +28,18 @@ export default {
 
 // Default
 
-export const Default = {};
+export const Default = {
+  args: {
+    disabled: false,
+  },
+};
 
 // Live Preview
 
 export const LivePreview = {
+  args: {
+    disabled: false,
+  },
   parameters: {
     controls: {
       exclude: INPUT_TOGGLE_EXCLUDED_CONTROLS,
@@ -64,6 +71,9 @@ export const Controlled = {
 // Test
 
 export const Test = {
+  args: {
+    disabled: false,
+  },
   parameters: {
     controls: {
       exclude: INPUT_TOGGLE_EXCLUDED_CONTROLS,

diff --git a/packages/components/src/core/InputToggle/style.ts b/packages/components/src/core/InputToggle/style.ts
@@ -41,6 +41,10 @@ const toggle = (props: InputToggleExtraProps) => {
       padding: 0;
       transform: unset;
 
+      &.${switchClasses.checked} {
+        transform: unset;
+      }
+
       &:hover {
         background-color: transparent;
       }