From 366ac90eb85832e1919562f4592e6d7df6458c8a Mon Sep 17 00:00:00 2001 From: p-sw Date: Fri, 12 Jul 2024 02:15:05 +0900 Subject: [PATCH] refactor(Checkbox): make transition smoother --- packages/react/components/Checkbox.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react/components/Checkbox.tsx b/packages/react/components/Checkbox.tsx index 6a8ced0..cedc000 100644 --- a/packages/react/components/Checkbox.tsx +++ b/packages/react/components/Checkbox.tsx @@ -21,7 +21,7 @@ const checkboxColors = { }; const [checkboxVariant, resolveCheckboxVariantProps] = vcn({ - base: `inline-block rounded-md ${checkboxColors.background.disabled} ${checkboxColors.background.default} ${checkboxColors.background.hover} ${checkboxColors.background.checked} ${checkboxColors.background.checkedHover} ${checkboxColors.background.disabledChecked} ${checkboxColors.background.disabledCheckedHover} has-[input[type="checkbox"]:disabled]:cursor-not-allowed transition-colors duration-75 ease-in-out`, + base: `inline-block rounded-md ${checkboxColors.background.disabled} ${checkboxColors.background.default} ${checkboxColors.background.hover} ${checkboxColors.background.checked} ${checkboxColors.background.checkedHover} ${checkboxColors.background.disabledChecked} ${checkboxColors.background.disabledCheckedHover} has-[input[type="checkbox"]:disabled]:cursor-not-allowed transition-colors duration-150 ease-in-out`, variants: { size: { base: "size-[1em] p-0 [&>svg]:size-[1em]",