fix(Stepper): fix disabled background color

kiwicom · Dec 11, 2023 · 4a61be6 · 4a61be6
1 parent effcac7
commit 4a61be6
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/orbit-components/src/Stepper/StepperStateless/index.tsx b/packages/orbit-components/src/Stepper/StepperStateless/index.tsx
@@ -21,12 +21,12 @@ const stepperButtonMixin = ({ disabled, active }: { disabled: boolean; active?:
     "[&_svg]:rounded-circle",
     "focus:outline-0",
     "[&_svg]:focus:outline-blue-normal [&_svg]:focus:outline [&_svg]:focus:outline-2",
+    active ? "[&_svg]:bg-blue-normal" : "[&_svg]:bg-cloud-normal",
     !disabled && [
       active
-        ? "[&_svg]:bg-blue-normal hover:[&_svg]:bg-blue-normal-hover [&_svg]:active:focus:shadow-[inset_0_0_0_2px_var(--palette-blue-light-active)]"
-        : "[&_svg]:bg-cloud-normal hover:[&_svg]:bg-cloud-normal-hover [&_svg]:active:focus:shadow-[inset_0_0_0_2px_var(--palette-cloud-normal-active)]",
+        ? "hover:[&_svg]:bg-blue-normal-hover [&_svg]:active:focus:shadow-[inset_0_0_0_2px_var(--palette-blue-light-active)]"
+        : "hover:[&_svg]:bg-cloud-normal-hover [&_svg]:active:focus:shadow-[inset_0_0_0_2px_var(--palette-cloud-normal-active)]",
     ],
-    disabled && "[&_svg]:bg-cloud-normal",
   );
 
 const StepperStateless = ({