@@ -5,13 +5,13 @@ export const SfCheckbox = component$<SfCheckboxProps>(
55( { invalid, class :_class , ref, onChange$, ...attributes } ) => (
66< input
77{ ...( ref ?{ ref} :{ } ) }
8- class = { {
9- 'h-[18px] min-w-[18px] border-2 rounded-sm appearance-none cursor-pointer text-gray-500 enabled:hover:border-primary-800 enabled:active:border-primary-900 enabled:hover:checked:text-primary-800 enabled:hover:indeterminate:text-primary-800 enabled:active:checked:text-primary-900 enabled:checked:text-primary-700 checked:bg-checked-checkbox-current border-current indeterminate:bg-indeterminate-checkbox-current enabled:indeterminate:text-primary-700 disabled:text-gray-300 hover:text-gray-300 disabled:cursor-not-allowed enabled:focus-visible:outline enabled:focus-visible:outline-offset' :
10- true ,
11- 'border-negative-700 enabled:hover:border-negative-800 enabled:active:border-negative-900' :
12- invalid ,
13- _class : true ,
14- } }
8+ class = { [
9+ 'h-[18px] min-w-[18px] border-2 rounded-sm appearance-none cursor-pointer text-gray-500 enabled:hover:border-primary-800 enabled:active:border-primary-900 enabled:hover:checked:text-primary-800 enabled:hover:indeterminate:text-primary-800 enabled:active:checked:text-primary-900 enabled:checked:text-primary-700 checked:bg-checked-checkbox-current border-current indeterminate:bg-indeterminate-checkbox-current enabled:indeterminate:text-primary-700 disabled:text-gray-300 hover:text-gray-300 disabled:cursor-not-allowed enabled:focus-visible:outline enabled:focus-visible:outline-offset' ,
10+ invalid
11+ ? 'border-negative-700 enabled:hover:border-negative-800 enabled:active:border-negative-900'
12+ : '' ,
13+ _class ,
14+ ] }
1515type = "checkbox"
1616data-testid = "checkbox"
1717onChange$ = { onChange$ }