diff --git a/packages/shadcn-vue/src/components/uiv2/cva.ts b/packages/shadcn-vue/src/components/uiv2/cva.ts index 3bee8900..9a96769f 100644 --- a/packages/shadcn-vue/src/components/uiv2/cva.ts +++ b/packages/shadcn-vue/src/components/uiv2/cva.ts @@ -48,24 +48,35 @@ export const SwitchClass = cva("", { variant: { default: "", }, - size: { - 1: "", - 2: "", - }, + size: { + 1: "", + 2: "", + }, component: { root: "unset box-border select-none [&::before]:box-border [&::after]:box-border inline-flex items-center justify-center leading-none m-0 outline-none bg-[#e6e8eb] rounded-full relative focus-within:shadow-[0_0_0_2px_#c1c8cd] data-[state=checked]:bg-[#0091ff] data-[state=checked]:focus-within:shadow-[0_0_0_2px_#5eb0ef]", - thumb: "absolute left-0 bg-white rounded-full shadow-switch transition-transform duration-100 ease-[cubic-bezier(0.22,_1,_0.36,_1)]", + thumb: + "absolute left-0 bg-white rounded-full shadow-switch transition-transform duration-100 ease-[cubic-bezier(0.22,_1,_0.36,_1)]", }, }, compoundVariants: [ { size: 1, component: "root", class: "w-[25px] h-[15px]" }, { size: 2, component: "root", class: "w-[45px] h-[25px]" }, - { size: 1, component: "thumb", class: "w-[13px] h-[13px] translate-x-[1px] data-[state=checked]:translate-x-[11px]" }, - { size: 2, component: "thumb", class: "w-[21px] h-[21px] translate-x-0.5 data-[state=checked]:translate-x-[22px]" }, + { + size: 1, + component: "thumb", + class: + "w-[13px] h-[13px] translate-x-[1px] data-[state=checked]:translate-x-[11px]", + }, + { + size: 2, + component: "thumb", + class: + "w-[21px] h-[21px] translate-x-0.5 data-[state=checked]:translate-x-[22px]", + }, ], defaultVariants: { variant: "default", - size: 1, + size: 1, }, }); -export type SwitchClassProps = VariantProps; \ No newline at end of file +export type SwitchClassProps = VariantProps;