diff --git a/priv/registry/switch.json b/priv/registry/switch.json index 243cad5..1acd539 100644 --- a/priv/registry/switch.json +++ b/priv/registry/switch.json @@ -14,7 +14,7 @@ "colocated_css" ], "styles": { - "nova": "@layer components {\n [data-slot=\"switch\"] {\n @apply relative inline-block h-[18.4px] w-8 shrink-0 cursor-pointer appearance-none rounded-full transition-all outline-none not-checked:bg-input checked:bg-primary dark:not-checked:bg-input/80 before:pointer-events-none before:absolute before:top-1/2 before:left-[1.2px] before:size-4 before:-translate-y-1/2 before:rounded-full before:transition-transform before:content-[''] before:bg-background dark:not-checked:before:bg-foreground dark:checked:before:bg-primary-foreground checked:before:translate-x-[13.6px] focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50;\n }\n}\n", - "vega": "@layer components {\n [data-slot=\"switch\"] {\n @apply relative inline-block h-[18.4px] w-8 shrink-0 cursor-pointer appearance-none rounded-full shadow-xs transition-all outline-none not-checked:bg-input checked:bg-primary dark:not-checked:bg-input/80 before:pointer-events-none before:absolute before:top-1/2 before:left-[1.2px] before:size-4 before:-translate-y-1/2 before:rounded-full before:transition-transform before:content-[''] before:bg-background dark:not-checked:before:bg-foreground dark:checked:before:bg-primary-foreground checked:before:translate-x-[13.6px] focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50;\n }\n}\n" + "nova": "@layer components {\n [data-slot=\"switch\"] {\n @apply relative inline-block h-[18.4px] w-8 shrink-0 cursor-pointer appearance-none rounded-full transition-all outline-none not-checked:bg-input checked:bg-primary dark:not-checked:bg-input/80 before:pointer-events-none before:absolute before:top-1/2 before:left-[1px] before:size-4 before:-translate-y-1/2 before:rounded-full before:transition-transform before:content-[''] before:bg-background dark:not-checked:before:bg-foreground dark:checked:before:bg-primary-foreground checked:before:translate-x-[14px] focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50;\n }\n}\n", + "vega": "@layer components {\n [data-slot=\"switch\"] {\n @apply relative inline-block h-[18.4px] w-8 shrink-0 cursor-pointer appearance-none rounded-full shadow-xs transition-all outline-none not-checked:bg-input checked:bg-primary dark:not-checked:bg-input/80 before:pointer-events-none before:absolute before:top-1/2 before:left-[1px] before:size-4 before:-translate-y-1/2 before:rounded-full before:transition-transform before:content-[''] before:bg-background dark:not-checked:before:bg-foreground dark:checked:before:bg-primary-foreground checked:before:translate-x-[14px] focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50;\n }\n}\n" } } \ No newline at end of file diff --git a/priv/styles/nova/switch.css b/priv/styles/nova/switch.css index 35f4505..b2a7244 100644 --- a/priv/styles/nova/switch.css +++ b/priv/styles/nova/switch.css @@ -1,5 +1,5 @@ @layer components { [data-slot="switch"] { - @apply relative inline-block h-[18.4px] w-8 shrink-0 cursor-pointer appearance-none rounded-full transition-all outline-none not-checked:bg-input checked:bg-primary dark:not-checked:bg-input/80 before:pointer-events-none before:absolute before:top-1/2 before:left-[1.2px] before:size-4 before:-translate-y-1/2 before:rounded-full before:transition-transform before:content-[''] before:bg-background dark:not-checked:before:bg-foreground dark:checked:before:bg-primary-foreground checked:before:translate-x-[13.6px] focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50; + @apply relative inline-block h-[18.4px] w-8 shrink-0 cursor-pointer appearance-none rounded-full transition-all outline-none not-checked:bg-input checked:bg-primary dark:not-checked:bg-input/80 before:pointer-events-none before:absolute before:top-1/2 before:left-[1px] before:size-4 before:-translate-y-1/2 before:rounded-full before:transition-transform before:content-[''] before:bg-background dark:not-checked:before:bg-foreground dark:checked:before:bg-primary-foreground checked:before:translate-x-[14px] focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50; } } diff --git a/priv/styles/vega/switch.css b/priv/styles/vega/switch.css index 2964b1e..2e45514 100644 --- a/priv/styles/vega/switch.css +++ b/priv/styles/vega/switch.css @@ -1,5 +1,5 @@ @layer components { [data-slot="switch"] { - @apply relative inline-block h-[18.4px] w-8 shrink-0 cursor-pointer appearance-none rounded-full shadow-xs transition-all outline-none not-checked:bg-input checked:bg-primary dark:not-checked:bg-input/80 before:pointer-events-none before:absolute before:top-1/2 before:left-[1.2px] before:size-4 before:-translate-y-1/2 before:rounded-full before:transition-transform before:content-[''] before:bg-background dark:not-checked:before:bg-foreground dark:checked:before:bg-primary-foreground checked:before:translate-x-[13.6px] focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50; + @apply relative inline-block h-[18.4px] w-8 shrink-0 cursor-pointer appearance-none rounded-full shadow-xs transition-all outline-none not-checked:bg-input checked:bg-primary dark:not-checked:bg-input/80 before:pointer-events-none before:absolute before:top-1/2 before:left-[1px] before:size-4 before:-translate-y-1/2 before:rounded-full before:transition-transform before:content-[''] before:bg-background dark:not-checked:before:bg-foreground dark:checked:before:bg-primary-foreground checked:before:translate-x-[14px] focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50; } }