Skip to content

Commit 68787b2

Browse files
benjamincanacbenjamincanac
committed
fix(Switch): prevent transition on focus outline
1 parent f7604e5 commit 68787b2

File tree

3 files changed

+51
-51
lines changed

3 files changed

+51
-51
lines changed

‎src/theme/switch.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import type { ModuleOptions } from '../module'
33
export default (options: Required<ModuleOptions>) => ({
44
slots: {
55
root: 'relative flex items-start',
6-
base: ['inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-(--ui-bg-accented)', options.theme.transitions && 'transition-colors duration-200'],
6+
base: ['inline-flex items-center shrink-0 rounded-full border-2 border-transparent focus-visible:outline-2 focus-visible:outline-offset-2 data-[state=unchecked]:bg-(--ui-bg-accented)', options.theme.transitions && 'transition-[background] duration-200'],
77
container: 'flex items-center',
88
thumb: 'group pointer-events-none rounded-full bg-(--ui-bg) shadow-lg ring-0 transition-transform duration-200 data-[state=unchecked]:translate-x-0 data-[state=unchecked]:rtl:-translate-x-0 flex items-center justify-center',
99
icon: ['absolute shrink-0 group-data-[state=unchecked]:text-(--ui-text-dimmed) opacity-0 size-10/12', options.theme.transitions && 'transition-[color,opacity] duration-200'],

0 commit comments

Comments
 (0)