From c397d9fe7e9de57aec3710fc8f604e39864d2ebf Mon Sep 17 00:00:00 2001 From: Victor Genaev Date: Thu, 7 Dec 2023 15:09:57 +0100 Subject: [PATCH] fix(Stepper): fix disabled background color --- .../orbit-components/src/Stepper/StepperStateless/index.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/orbit-components/src/Stepper/StepperStateless/index.tsx b/packages/orbit-components/src/Stepper/StepperStateless/index.tsx index def1656340..1da5d6a3f0 100644 --- 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 = ({