@inspirare/design-system 0.0.31 → 0.0.33
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.
- package/dist/components/ui/alert-dialog.js +2 -2
- package/dist/components/ui/badge.js +1 -1
- package/dist/components/ui/card.js +3 -3
- package/dist/components/ui/command.js +2 -2
- package/dist/components/ui/dialog.js +2 -2
- package/dist/components/ui/empty.js +1 -1
- package/dist/components/ui/sidebar.js +1 -1
- package/dist/index.css +1 -1
- package/package.json +1 -1
- package/src/components/ui/alert-dialog.tsx +2 -2
- package/src/components/ui/attachment.tsx +2 -2
- package/src/components/ui/badge.tsx +1 -1
- package/src/components/ui/bubble.tsx +1 -1
- package/src/components/ui/card.tsx +3 -3
- package/src/components/ui/command.tsx +2 -2
- package/src/components/ui/dialog.tsx +2 -2
- package/src/components/ui/empty.tsx +1 -1
- package/src/components/ui/sidebar.tsx +1 -1
- package/src/index.css +44 -44
|
@@ -37,7 +37,7 @@ function l({ className: t, size: a = "default", ...o }) {
|
|
|
37
37
|
children: /* @__PURE__ */ n(i.Popup, {
|
|
38
38
|
"data-slot": "alert-dialog-content",
|
|
39
39
|
"data-size": a,
|
|
40
|
-
className: e("pointer-events-auto relative z-50 my-auto grid w-full max-h-[85dvh] overflow-y-auto gap-4 rounded-
|
|
40
|
+
className: e("pointer-events-auto relative z-50 my-auto grid w-full max-h-[85dvh] overflow-y-auto gap-4 rounded-lg bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
|
|
41
41
|
...o
|
|
42
42
|
})
|
|
43
43
|
})] });
|
|
@@ -52,7 +52,7 @@ function u({ className: t, ...r }) {
|
|
|
52
52
|
function d({ className: t, ...r }) {
|
|
53
53
|
return /* @__PURE__ */ n("div", {
|
|
54
54
|
"data-slot": "alert-dialog-footer",
|
|
55
|
-
className: e("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-
|
|
55
|
+
className: e("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-lg border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", t),
|
|
56
56
|
...r
|
|
57
57
|
});
|
|
58
58
|
}
|
|
@@ -4,7 +4,7 @@ import { cva as t } from "class-variance-authority";
|
|
|
4
4
|
import { mergeProps as n } from "@base-ui/react/merge-props";
|
|
5
5
|
import { useRender as r } from "@base-ui/react/use-render";
|
|
6
6
|
//#region src/components/ui/badge.tsx
|
|
7
|
-
var i = t("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-
|
|
7
|
+
var i = t("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-md border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!", {
|
|
8
8
|
variants: { variant: {
|
|
9
9
|
default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
|
|
10
10
|
secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
|
|
@@ -7,14 +7,14 @@ function n({ className: n, size: r = "default", ...i }) {
|
|
|
7
7
|
return /* @__PURE__ */ t("div", {
|
|
8
8
|
"data-slot": "card",
|
|
9
9
|
"data-size": r,
|
|
10
|
-
className: e("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-
|
|
10
|
+
className: e("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-lg bg-card py-(--card-spacing) text-sm text-card-foreground border border-border/50 shadow-sm [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-lg *:[img:last-child]:rounded-b-lg", n),
|
|
11
11
|
...i
|
|
12
12
|
});
|
|
13
13
|
}
|
|
14
14
|
function r({ className: n, ...r }) {
|
|
15
15
|
return /* @__PURE__ */ t("div", {
|
|
16
16
|
"data-slot": "card-header",
|
|
17
|
-
className: e("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-
|
|
17
|
+
className: e("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", n),
|
|
18
18
|
...r
|
|
19
19
|
});
|
|
20
20
|
}
|
|
@@ -49,7 +49,7 @@ function s({ className: n, ...r }) {
|
|
|
49
49
|
function c({ className: n, ...r }) {
|
|
50
50
|
return /* @__PURE__ */ t("div", {
|
|
51
51
|
"data-slot": "card-footer",
|
|
52
|
-
className: e("flex items-center rounded-b-
|
|
52
|
+
className: e("flex items-center rounded-b-lg border-t bg-muted/50 p-(--card-spacing)", n),
|
|
53
53
|
...r
|
|
54
54
|
});
|
|
55
55
|
}
|
|
@@ -10,7 +10,7 @@ import { Command as f } from "cmdk";
|
|
|
10
10
|
function p({ className: t, ...n }) {
|
|
11
11
|
return /* @__PURE__ */ u(f, {
|
|
12
12
|
"data-slot": "command",
|
|
13
|
-
className: e("flex size-full flex-col overflow-hidden rounded-
|
|
13
|
+
className: e("flex size-full flex-col overflow-hidden rounded-lg! bg-popover p-1 text-popover-foreground", t),
|
|
14
14
|
...n
|
|
15
15
|
});
|
|
16
16
|
}
|
|
@@ -21,7 +21,7 @@ function m({ title: t = "Command Palette", description: n = "Search for a comman
|
|
|
21
21
|
className: "sr-only",
|
|
22
22
|
children: [/* @__PURE__ */ u(s, { children: t }), /* @__PURE__ */ u(a, { children: n })]
|
|
23
23
|
}), /* @__PURE__ */ u(i, {
|
|
24
|
-
className: e("top-1/3 translate-y-0 overflow-hidden rounded-
|
|
24
|
+
className: e("top-1/3 translate-y-0 overflow-hidden rounded-lg! p-0", l),
|
|
25
25
|
showCloseButton: f,
|
|
26
26
|
children: c
|
|
27
27
|
})]
|
|
@@ -43,13 +43,13 @@ var f = a.forwardRef(({ className: a, children: s, showCloseButton: c = !0, ...u
|
|
|
43
43
|
children: /* @__PURE__ */ i(o.Popup, {
|
|
44
44
|
ref: f,
|
|
45
45
|
"data-slot": "dialog-content",
|
|
46
|
-
className: e("pointer-events-auto relative z-50 my-auto grid w-[90vw] max-w-lg max-h-[85dvh] overflow-y-auto gap-4 rounded-
|
|
46
|
+
className: e("pointer-events-auto relative z-50 my-auto grid w-[90vw] max-w-lg max-h-[85dvh] overflow-y-auto gap-4 rounded-lg bg-popover/95 backdrop-blur-xl p-6 text-sm text-popover-foreground shadow-2xl ring-1 ring-border duration-200 outline-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", a),
|
|
47
47
|
...u,
|
|
48
48
|
children: [s, c && /* @__PURE__ */ i(o.Close, {
|
|
49
49
|
"data-slot": "dialog-close",
|
|
50
50
|
render: /* @__PURE__ */ r(t, {
|
|
51
51
|
variant: "ghost",
|
|
52
|
-
className: "absolute top-4 right-4 rounded-
|
|
52
|
+
className: "absolute top-4 right-4 rounded-md",
|
|
53
53
|
size: "icon-sm"
|
|
54
54
|
}),
|
|
55
55
|
children: [/* @__PURE__ */ r(n, {}), /* @__PURE__ */ r("span", {
|
|
@@ -6,7 +6,7 @@ import { cva as n } from "class-variance-authority";
|
|
|
6
6
|
function r({ className: n, ...r }) {
|
|
7
7
|
return /* @__PURE__ */ t("div", {
|
|
8
8
|
"data-slot": "empty",
|
|
9
|
-
className: e("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-
|
|
9
|
+
className: e("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-6 text-center text-balance", n),
|
|
10
10
|
...r
|
|
11
11
|
});
|
|
12
12
|
}
|
|
@@ -151,7 +151,7 @@ function M({ className: t, ...n }) {
|
|
|
151
151
|
function N({ className: t, ...n }) {
|
|
152
152
|
return /* @__PURE__ */ h("main", {
|
|
153
153
|
"data-slot": "sidebar-inset",
|
|
154
|
-
className: e("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-
|
|
154
|
+
className: e("relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-lg md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2", t),
|
|
155
155
|
...n
|
|
156
156
|
});
|
|
157
157
|
}
|