One Calendar is a privacy-first calendar web app built with Next.js. It has modern security features, including e2ee, password-protected sharing, and self-destructing share links 📅
calendar.xyehr.cn
ui: update ui library
authored by
Evan Huang
and committed by
GitHub
0fa350b8
7a0d0bf9
+10
-10
+10
-10
components/ui/checkbox.tsx
+10
-10
components/ui/checkbox.tsx
···
1
-
"use client";
1
+
"use client"
2
2
3
-
import { Checkbox as CheckboxPrimitive } from "radix-ui";
4
-
import * as React from "react";
3
+
import * as React from "react"
4
+
import { CheckIcon } from "lucide-react"
5
+
import { Checkbox as CheckboxPrimitive } from "radix-ui"
5
6
6
-
import { cn } from "@/lib/utils";
7
-
import { CheckIcon } from "lucide-react";
7
+
import { cn } from "@/lib/utils"
8
8
9
9
function Checkbox({
10
10
className,
···
14
14
<CheckboxPrimitive.Root
15
15
data-slot="checkbox"
16
16
className={cn(
17
-
"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 flex size-4 items-center justify-center rounded-[4px] border transition-colors group-has-disabled/field:opacity-50 focus-visible:ring-[3px] aria-invalid:ring-[3px] peer relative shrink-0 outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50",
18
-
className,
17
+
"peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",
18
+
className
19
19
)}
20
20
{...props}
21
21
>
22
22
<CheckboxPrimitive.Indicator
23
23
data-slot="checkbox-indicator"
24
-
className="[&>svg]:size-3.5 grid place-content-center text-current transition-none"
24
+
className="grid place-content-center text-current transition-none [&>svg]:size-3.5"
25
25
>
26
26
<CheckIcon />
27
27
</CheckboxPrimitive.Indicator>
28
28
</CheckboxPrimitive.Root>
29
-
);
29
+
)
30
30
}
31
31
32
-
export { Checkbox };
32
+
export { Checkbox }