@yuno-payments/dashboard-design-system 2.1.1 → 2.2.0
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/organisms/dialog/dialog.js +31 -31
- package/dist/components/organisms/sheet/sheet.js +23 -23
- package/dist/dashboard-design-system.css +1 -12
- package/dist/index.css +1 -12
- package/dist/index.esm.min.js +5214 -5202
- package/dist/index.umd.min.js +23 -23
- package/dist/vendor/shadcn/combobox.js +9 -9
- package/dist/vendor/shadcn/dropdown-menu.js +2 -2
- package/dist/vendor/shadcn/popover.js +8 -8
- package/dist/vendor/shadcn/select.js +12 -12
- package/dist/vendor/shadcn/tooltip.js +9 -9
- package/package.json +1 -1
- package/registry/components-registry.json +2 -2
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as t } from "../../_virtual/jsx-runtime.js";
|
|
2
2
|
import * as s from "react";
|
|
3
3
|
import * as o from "@radix-ui/react-popover";
|
|
4
4
|
import { cn as m } from "../../lib/utils.js";
|
|
5
|
-
const
|
|
5
|
+
const f = o.Root, b = o.Trigger, n = s.forwardRef(({ className: e, align: a = "start", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t.jsx(o.Portal, { children: /* @__PURE__ */ t.jsx(
|
|
6
6
|
o.Content,
|
|
7
7
|
{
|
|
8
|
-
ref:
|
|
9
|
-
align:
|
|
10
|
-
sideOffset:
|
|
8
|
+
ref: i,
|
|
9
|
+
align: a,
|
|
10
|
+
sideOffset: r,
|
|
11
11
|
className: m(
|
|
12
12
|
"z-popover w-[var(--radix-popover-trigger-width)] rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
13
|
-
|
|
13
|
+
e
|
|
14
14
|
),
|
|
15
15
|
role: "combobox",
|
|
16
|
-
...
|
|
16
|
+
...d
|
|
17
17
|
}
|
|
18
|
-
));
|
|
18
|
+
) }));
|
|
19
19
|
n.displayName = o.Content.displayName;
|
|
20
20
|
export {
|
|
21
|
-
|
|
21
|
+
f as Combobox,
|
|
22
22
|
n as ComboboxContent,
|
|
23
23
|
b as ComboboxTrigger
|
|
24
24
|
};
|
|
@@ -25,7 +25,7 @@ function b({
|
|
|
25
25
|
sideOffset: o = 4,
|
|
26
26
|
...a
|
|
27
27
|
}) {
|
|
28
|
-
return /* @__PURE__ */ t.jsx(
|
|
28
|
+
return /* @__PURE__ */ t.jsx(n.Portal, { children: /* @__PURE__ */ t.jsx(
|
|
29
29
|
n.Content,
|
|
30
30
|
{
|
|
31
31
|
"data-slot": "dropdown-menu-content",
|
|
@@ -36,7 +36,7 @@ function b({
|
|
|
36
36
|
),
|
|
37
37
|
...a
|
|
38
38
|
}
|
|
39
|
-
);
|
|
39
|
+
) });
|
|
40
40
|
}
|
|
41
41
|
function h(e) {
|
|
42
42
|
return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "dropdown-menu-group", ...e });
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as t } from "../../_virtual/jsx-runtime.js";
|
|
2
2
|
import * as s from "react";
|
|
3
3
|
import * as o from "@radix-ui/react-popover";
|
|
4
4
|
import { cn as n } from "../../lib/utils.js";
|
|
5
|
-
const l = o.Root, c = o.Trigger, m = s.forwardRef(({ className:
|
|
5
|
+
const l = o.Root, c = o.Trigger, m = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t.jsx(o.Portal, { children: /* @__PURE__ */ t.jsx(
|
|
6
6
|
o.Content,
|
|
7
7
|
{
|
|
8
|
-
ref:
|
|
9
|
-
align:
|
|
10
|
-
sideOffset:
|
|
8
|
+
ref: i,
|
|
9
|
+
align: a,
|
|
10
|
+
sideOffset: r,
|
|
11
11
|
className: n(
|
|
12
12
|
"z-popover w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
13
|
-
|
|
13
|
+
e
|
|
14
14
|
),
|
|
15
|
-
...
|
|
15
|
+
...d
|
|
16
16
|
}
|
|
17
|
-
));
|
|
17
|
+
) }));
|
|
18
18
|
m.displayName = o.Content.displayName;
|
|
19
19
|
export {
|
|
20
20
|
l as Popover,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { j as t } from "../../_virtual/jsx-runtime.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as l from "react";
|
|
3
3
|
import * as e from "@radix-ui/react-select";
|
|
4
4
|
import { Icon as n } from "../../components/atoms/icon/icon.js";
|
|
5
5
|
import { cn as o } from "../../lib/utils.js";
|
|
6
|
-
const j = e.Root, N = e.Group, b = e.Value, p =
|
|
6
|
+
const j = e.Root, N = e.Group, b = e.Value, p = l.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__ */ t.jsxs(
|
|
7
7
|
e.Trigger,
|
|
8
8
|
{
|
|
9
|
-
ref:
|
|
9
|
+
ref: d,
|
|
10
10
|
className: o(
|
|
11
11
|
"flex h-9 w-full items-center justify-between gap-2 rounded-md border border-input bg-input px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 shadow-xs [&>span]:min-w-0 [&>span]:truncate",
|
|
12
12
|
s
|
|
@@ -19,7 +19,7 @@ const j = e.Root, N = e.Group, b = e.Value, p = d.forwardRef(({ className: s, ch
|
|
|
19
19
|
}
|
|
20
20
|
));
|
|
21
21
|
p.displayName = e.Trigger.displayName;
|
|
22
|
-
const i =
|
|
22
|
+
const i = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
|
|
23
23
|
e.ScrollUpButton,
|
|
24
24
|
{
|
|
25
25
|
ref: a,
|
|
@@ -32,7 +32,7 @@ const i = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
|
|
|
32
32
|
}
|
|
33
33
|
));
|
|
34
34
|
i.displayName = e.ScrollUpButton.displayName;
|
|
35
|
-
const c =
|
|
35
|
+
const c = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
|
|
36
36
|
e.ScrollDownButton,
|
|
37
37
|
{
|
|
38
38
|
ref: a,
|
|
@@ -45,7 +45,7 @@ const c = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
|
|
|
45
45
|
}
|
|
46
46
|
));
|
|
47
47
|
c.displayName = e.ScrollDownButton.displayName;
|
|
48
|
-
const f =
|
|
48
|
+
const f = l.forwardRef(({ className: s, children: r, position: a = "popper", ...d }, m) => /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsxs(
|
|
49
49
|
e.Content,
|
|
50
50
|
{
|
|
51
51
|
ref: m,
|
|
@@ -55,7 +55,7 @@ const f = d.forwardRef(({ className: s, children: r, position: a = "popper", ...
|
|
|
55
55
|
s
|
|
56
56
|
),
|
|
57
57
|
position: a,
|
|
58
|
-
...
|
|
58
|
+
...d,
|
|
59
59
|
children: [
|
|
60
60
|
/* @__PURE__ */ t.jsx(i, {}),
|
|
61
61
|
/* @__PURE__ */ t.jsx(
|
|
@@ -71,9 +71,9 @@ const f = d.forwardRef(({ className: s, children: r, position: a = "popper", ...
|
|
|
71
71
|
/* @__PURE__ */ t.jsx(c, {})
|
|
72
72
|
]
|
|
73
73
|
}
|
|
74
|
-
));
|
|
74
|
+
) }));
|
|
75
75
|
f.displayName = e.Content.displayName;
|
|
76
|
-
const u =
|
|
76
|
+
const u = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
|
|
77
77
|
e.Label,
|
|
78
78
|
{
|
|
79
79
|
ref: a,
|
|
@@ -85,10 +85,10 @@ const u = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
|
|
|
85
85
|
}
|
|
86
86
|
));
|
|
87
87
|
u.displayName = e.Label.displayName;
|
|
88
|
-
const x =
|
|
88
|
+
const x = l.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__ */ t.jsxs(
|
|
89
89
|
e.Item,
|
|
90
90
|
{
|
|
91
|
-
ref:
|
|
91
|
+
ref: d,
|
|
92
92
|
className: o(
|
|
93
93
|
"relative flex w-full cursor-default select-none items-center rounded-xs py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
94
94
|
s
|
|
@@ -101,7 +101,7 @@ const x = d.forwardRef(({ className: s, children: r, ...a }, l) => /* @__PURE__
|
|
|
101
101
|
}
|
|
102
102
|
));
|
|
103
103
|
x.displayName = e.Item.displayName;
|
|
104
|
-
const g =
|
|
104
|
+
const g = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
|
|
105
105
|
e.Separator,
|
|
106
106
|
{
|
|
107
107
|
ref: a,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as o } from "../../_virtual/jsx-runtime.js";
|
|
2
2
|
import * as d from "react";
|
|
3
3
|
import * as t from "@radix-ui/react-tooltip";
|
|
4
4
|
import { cn as s } from "../../lib/utils.js";
|
|
5
|
-
const
|
|
5
|
+
const c = t.Provider, f = t.Root, p = t.Trigger, l = d.forwardRef(({ className: e, sideOffset: i = 4, ...a }, r) => /* @__PURE__ */ o.jsx(t.Portal, { children: /* @__PURE__ */ o.jsxs(
|
|
6
6
|
t.Content,
|
|
7
7
|
{
|
|
8
8
|
ref: r,
|
|
@@ -14,17 +14,17 @@ const f = t.Provider, p = t.Root, c = t.Trigger, l = d.forwardRef(({ className:
|
|
|
14
14
|
"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
15
15
|
e
|
|
16
16
|
),
|
|
17
|
-
...
|
|
17
|
+
...a,
|
|
18
18
|
children: [
|
|
19
|
-
|
|
20
|
-
/* @__PURE__ */
|
|
19
|
+
a.children,
|
|
20
|
+
/* @__PURE__ */ o.jsx(t.Arrow, { className: "fill-black dark:fill-white" })
|
|
21
21
|
]
|
|
22
22
|
}
|
|
23
|
-
));
|
|
23
|
+
) }));
|
|
24
24
|
l.displayName = t.Content.displayName;
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
f as Tooltip,
|
|
27
27
|
l as TooltipContent,
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
c as TooltipProvider,
|
|
29
|
+
p as TooltipTrigger
|
|
30
30
|
};
|
package/package.json
CHANGED