diff --git a/priv/registry/checkbox.json b/priv/registry/checkbox.json index 644af1b..194271a 100644 --- a/priv/registry/checkbox.json +++ b/priv/registry/checkbox.json @@ -14,7 +14,7 @@ "colocated_css" ], "styles": { - "nova": "@layer components {\n [data-slot=\"checkbox\"] {\n @apply size-4 shrink-0 appearance-none rounded-[4px] border border-input bg-transparent dark:bg-input/30 transition-colors outline-none checked:bg-primary checked:border-primary dark:checked:bg-primary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 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 [data-slot=\"checkbox-indicator\"] {\n @apply pointer-events-none invisible size-3.5 place-self-center text-primary-foreground peer-checked:visible;\n }\n}\n", - "vega": "@layer components {\n [data-slot=\"checkbox\"] {\n @apply size-4 shrink-0 appearance-none rounded-[4px] border border-input bg-transparent dark:bg-input/30 shadow-xs transition-shadow outline-none checked:bg-primary checked:border-primary dark:checked:bg-primary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 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 [data-slot=\"checkbox-indicator\"] {\n @apply pointer-events-none invisible size-3.5 place-self-center text-primary-foreground peer-checked:visible;\n }\n}\n" + "nova": "@layer components {\n [data-slot=\"checkbox\"] {\n @apply size-4 shrink-0 appearance-none rounded-[4px] border border-input bg-transparent dark:not-checked:bg-input/30 transition-colors outline-none checked:bg-primary checked:border-primary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 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 [data-slot=\"checkbox-indicator\"] {\n @apply pointer-events-none invisible size-3.5 place-self-center text-primary-foreground peer-checked:visible;\n }\n}\n", + "vega": "@layer components {\n [data-slot=\"checkbox\"] {\n @apply size-4 shrink-0 appearance-none rounded-[4px] border border-input bg-transparent dark:not-checked:bg-input/30 shadow-xs transition-shadow outline-none checked:bg-primary checked:border-primary dark:checked:bg-primary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 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 [data-slot=\"checkbox-indicator\"] {\n @apply pointer-events-none invisible size-3.5 place-self-center text-primary-foreground peer-checked:visible;\n }\n}\n" } } \ No newline at end of file diff --git a/priv/registry/radio_group.json b/priv/registry/radio_group.json index 7e9ed20..dcee7b5 100644 --- a/priv/registry/radio_group.json +++ b/priv/registry/radio_group.json @@ -14,7 +14,7 @@ "colocated_css" ], "styles": { - "nova": "@layer components {\n [data-slot=\"radio-group\"] {\n @apply grid gap-2;\n }\n\n [data-slot=\"radio-group-item\"] {\n @apply relative flex aspect-square size-4 shrink-0 appearance-none items-center justify-center rounded-full border border-input bg-transparent dark:bg-input/30 transition-[color,box-shadow] outline-none checked:bg-primary checked:border-primary before:size-2 before:rounded-full before:bg-primary-foreground before:opacity-0 before:transition-opacity before:content-[''] checked:before:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50;\n }\n}\n", - "vega": "@layer components {\n [data-slot=\"radio-group\"] {\n @apply grid gap-3;\n }\n\n [data-slot=\"radio-group-item\"] {\n @apply relative flex aspect-square size-4 shrink-0 appearance-none items-center justify-center rounded-full border border-input bg-transparent dark:bg-input/30 shadow-xs transition-[color,box-shadow] outline-none checked:bg-primary checked:border-primary before:size-2 before:rounded-full before:bg-primary-foreground before:opacity-0 before:transition-opacity before:content-[''] checked:before:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50;\n }\n}\n" + "nova": "@layer components {\n [data-slot=\"radio-group\"] {\n @apply grid gap-2;\n }\n\n [data-slot=\"radio-group-item\"] {\n @apply relative size-4 shrink-0 appearance-none rounded-full border border-input bg-transparent dark:not-checked:bg-input/30 transition-[color,box-shadow] outline-none checked:bg-primary checked:border-primary before:absolute before:top-1/2 before:left-1/2 before:size-2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-primary-foreground before:opacity-0 before:transition-opacity before:content-[''] checked:before:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50;\n }\n}\n", + "vega": "@layer components {\n [data-slot=\"radio-group\"] {\n @apply grid gap-3;\n }\n\n [data-slot=\"radio-group-item\"] {\n @apply relative size-4 shrink-0 appearance-none rounded-full border border-input bg-transparent dark:not-checked:bg-input/30 shadow-xs transition-[color,box-shadow] outline-none checked:bg-primary checked:border-primary before:absolute before:top-1/2 before:left-1/2 before:size-2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-primary-foreground before:opacity-0 before:transition-opacity before:content-[''] checked:before:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50;\n }\n}\n" } } \ No newline at end of file diff --git a/priv/styles/nova/checkbox.css b/priv/styles/nova/checkbox.css index 15d6f04..09ab085 100644 --- a/priv/styles/nova/checkbox.css +++ b/priv/styles/nova/checkbox.css @@ -1,6 +1,6 @@ @layer components { [data-slot="checkbox"] { - @apply size-4 shrink-0 appearance-none rounded-[4px] border border-input bg-transparent dark:bg-input/30 transition-colors outline-none checked:bg-primary checked:border-primary dark:checked:bg-primary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50; + @apply size-4 shrink-0 appearance-none rounded-[4px] border border-input bg-transparent dark:not-checked:bg-input/30 transition-colors outline-none checked:bg-primary checked:border-primary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50; } [data-slot="checkbox-indicator"] { diff --git a/priv/styles/nova/radio_group.css b/priv/styles/nova/radio_group.css index 7919d05..a6f25a9 100644 --- a/priv/styles/nova/radio_group.css +++ b/priv/styles/nova/radio_group.css @@ -4,6 +4,6 @@ } [data-slot="radio-group-item"] { - @apply relative flex aspect-square size-4 shrink-0 appearance-none items-center justify-center rounded-full border border-input bg-transparent dark:bg-input/30 transition-[color,box-shadow] outline-none checked:bg-primary checked:border-primary before:size-2 before:rounded-full before:bg-primary-foreground before:opacity-0 before:transition-opacity before:content-[''] checked:before:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50; + @apply relative size-4 shrink-0 appearance-none rounded-full border border-input bg-transparent dark:not-checked:bg-input/30 transition-[color,box-shadow] outline-none checked:bg-primary checked:border-primary before:absolute before:top-1/2 before:left-1/2 before:size-2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-primary-foreground before:opacity-0 before:transition-opacity before:content-[''] checked:before:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50; } } diff --git a/priv/styles/vega/checkbox.css b/priv/styles/vega/checkbox.css index 1f42667..a9244ca 100644 --- a/priv/styles/vega/checkbox.css +++ b/priv/styles/vega/checkbox.css @@ -1,6 +1,6 @@ @layer components { [data-slot="checkbox"] { - @apply size-4 shrink-0 appearance-none rounded-[4px] border border-input bg-transparent dark:bg-input/30 shadow-xs transition-shadow outline-none checked:bg-primary checked:border-primary dark:checked:bg-primary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50; + @apply size-4 shrink-0 appearance-none rounded-[4px] border border-input bg-transparent dark:not-checked:bg-input/30 shadow-xs transition-shadow outline-none checked:bg-primary checked:border-primary dark:checked:bg-primary focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:ring-3 disabled:cursor-not-allowed disabled:opacity-50; } [data-slot="checkbox-indicator"] { diff --git a/priv/styles/vega/radio_group.css b/priv/styles/vega/radio_group.css index a6290cd..0dfcb25 100644 --- a/priv/styles/vega/radio_group.css +++ b/priv/styles/vega/radio_group.css @@ -4,6 +4,6 @@ } [data-slot="radio-group-item"] { - @apply relative flex aspect-square size-4 shrink-0 appearance-none items-center justify-center rounded-full border border-input bg-transparent dark:bg-input/30 shadow-xs transition-[color,box-shadow] outline-none checked:bg-primary checked:border-primary before:size-2 before:rounded-full before:bg-primary-foreground before:opacity-0 before:transition-opacity before:content-[''] checked:before:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50; + @apply relative size-4 shrink-0 appearance-none rounded-full border border-input bg-transparent dark:not-checked:bg-input/30 shadow-xs transition-[color,box-shadow] outline-none checked:bg-primary checked:border-primary before:absolute before:top-1/2 before:left-1/2 before:size-2 before:-translate-x-1/2 before:-translate-y-1/2 before:rounded-full before:bg-primary-foreground before:opacity-0 before:transition-opacity before:content-[''] checked:before:opacity-100 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 disabled:cursor-not-allowed disabled:opacity-50; } }