@cmdniels/uikit 1.1.1 → 1.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,12 +2,12 @@ import { cva } from "class-variance-authority";
|
|
|
2
2
|
export const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
|
|
3
3
|
variants: {
|
|
4
4
|
variant: {
|
|
5
|
-
default: "bg-primary text-primary-foreground hover:bg-primary/80",
|
|
5
|
+
default: "bg-primary bg-clip-padding text-primary-foreground hover:bg-primary/80",
|
|
6
6
|
outline: "border-border bg-card shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
|
|
7
|
-
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
|
|
8
|
-
ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
|
|
9
|
-
destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
|
|
10
|
-
link: "text-primary underline-offset-4 hover:underline",
|
|
7
|
+
secondary: "bg-secondary bg-clip-padding text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
|
|
8
|
+
ghost: "bg-clip-padding hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground",
|
|
9
|
+
destructive: "bg-destructive/10 bg-clip-padding text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
|
|
10
|
+
link: "bg-clip-padding text-primary underline-offset-4 hover:underline",
|
|
11
11
|
none: "text-primary",
|
|
12
12
|
},
|
|
13
13
|
size: {
|
|
@@ -15,5 +15,5 @@ import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
|
|
|
15
15
|
import cn from "../../cn";
|
|
16
16
|
export default function ScrollBar(_a) {
|
|
17
17
|
var { className, orientation = "vertical" } = _a, props = __rest(_a, ["className", "orientation"]);
|
|
18
|
-
return (_jsx(ScrollAreaPrimitive.Scrollbar, Object.assign({ "data-slot": "scroll-area-scrollbar", "data-orientation": orientation, orientation: orientation, className: cn("flex touch-none p-px
|
|
18
|
+
return (_jsx(ScrollAreaPrimitive.Scrollbar, Object.assign({ "data-slot": "scroll-area-scrollbar", "data-orientation": orientation, orientation: orientation, className: cn("flex touch-none p-px select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent", "opacity-0 transition-opacity duration-300 ease-in-out data-hovering:opacity-100", className) }, props, { children: _jsx(ScrollAreaPrimitive.Thumb, { "data-slot": "scroll-area-thumb", className: "relative flex-1 rounded-full bg-border" }) })));
|
|
19
19
|
}
|