fix(Checkbox): make checkmark icon always visible for checked state

kiwicom · Sep 18, 2024 · 3faa9b8 · 3faa9b8
1 parent ad05c8f
commit 3faa9b8
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/orbit-components/src/Checkbox/index.tsx b/packages/orbit-components/src/Checkbox/index.tsx
@@ -77,9 +77,10 @@ const Checkbox = React.forwardRef<HTMLInputElement, Props>((props, ref) => {
             "rounded-150 de:rounded-100",
             "duration-fast transition-all ease-in-out",
             "peer-focus:outline-blue-normal peer-focus:outline peer-focus:outline-2",
-            "[&>svg]:size-icon-small [&>svg]:invisible peer-checked:[&>svg]:visible",
+            "[&>svg]:size-icon-small",
             "[&>svg]:flex [&>svg]:items-center [&>svg]:justify-center",
             "active:scale-95",
+            checked ? "[&>svg]:visible" : "[&>svg]:invisible",
             disabled && [
               "border-cloud-dark",
               checked && "bg-cloud-dark",