@yuno-payments/dashboard-design-system 2.3.9 → 2.3.10
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/atoms/search-field/search-field.js +10 -10
- package/dist/components/molecules/highlight-banner/highlight-banner.js +8 -11
- package/dist/components/molecules/pagination/pagination.d.ts +1 -1
- package/dist/dashboard-design-system.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.esm.min.js +1076 -1079
- package/dist/index.umd.min.js +4 -4
- package/dist/lib/utils.d.ts +1 -1
- package/dist/lib/utils.js +5 -5
- package/dist/vendor/shadcn/button.js +11 -11
- package/dist/vendor/shadcn/input-group.js +15 -15
- package/dist/vendor/shadcn/input.js +1 -1
- package/package.json +1 -1
- package/registry/components-registry.json +2 -2
package/dist/lib/utils.d.ts
CHANGED
|
@@ -23,7 +23,7 @@ export type SupportedLanguage = "en" | "es" | "ja" | "ar" | "fr" | "pt" | "tr" |
|
|
|
23
23
|
/**
|
|
24
24
|
* localStorage key for storing the user's preferred language
|
|
25
25
|
*/
|
|
26
|
-
export declare const LANGUAGE_STORAGE_KEY = "
|
|
26
|
+
export declare const LANGUAGE_STORAGE_KEY = "lang";
|
|
27
27
|
/**
|
|
28
28
|
* Gets the default language from localStorage, falling back to "en"
|
|
29
29
|
* @returns The language code from localStorage or "en" as default
|
package/dist/lib/utils.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { clsx as i } from "../node_modules/clsx/dist/clsx.js";
|
|
2
|
-
import { twMerge as
|
|
2
|
+
import { twMerge as c } from "../node_modules/tailwind-merge/dist/bundle-mjs.js";
|
|
3
3
|
function a(...n) {
|
|
4
|
-
return
|
|
4
|
+
return c(i(n));
|
|
5
5
|
}
|
|
6
6
|
function d(n) {
|
|
7
7
|
if (n !== void 0)
|
|
@@ -10,7 +10,7 @@ function d(n) {
|
|
|
10
10
|
function m(n, t = 8, e = "...", r = 3, o = 4) {
|
|
11
11
|
return n.length <= t ? n : n.substring(0, r) + e + n.substring(n.length - o);
|
|
12
12
|
}
|
|
13
|
-
const
|
|
13
|
+
const u = [
|
|
14
14
|
"en",
|
|
15
15
|
"es",
|
|
16
16
|
"ja",
|
|
@@ -21,12 +21,12 @@ const c = [
|
|
|
21
21
|
"ru",
|
|
22
22
|
"de",
|
|
23
23
|
"zh"
|
|
24
|
-
], g = "
|
|
24
|
+
], g = "lang";
|
|
25
25
|
function p() {
|
|
26
26
|
if (typeof window > "u") return "en";
|
|
27
27
|
try {
|
|
28
28
|
const n = localStorage.getItem(g);
|
|
29
|
-
if (n &&
|
|
29
|
+
if (n && u.includes(n))
|
|
30
30
|
return n;
|
|
31
31
|
} catch {
|
|
32
32
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { j as
|
|
1
|
+
import { j as s } from "../../_virtual/jsx-runtime.js";
|
|
2
2
|
import * as d from "react";
|
|
3
3
|
import { Slot as u } from "@radix-ui/react-slot";
|
|
4
4
|
import { cva as c } from "../../node_modules/class-variance-authority/dist/index.js";
|
|
@@ -8,10 +8,10 @@ const g = c(
|
|
|
8
8
|
{
|
|
9
9
|
variants: {
|
|
10
10
|
variant: {
|
|
11
|
-
default: "bg-primary text-primary-foreground
|
|
12
|
-
destructive: "bg-destructive text-white
|
|
13
|
-
outline: "border bg-input
|
|
14
|
-
secondary: "bg-secondary text-secondary-foreground
|
|
11
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
12
|
+
destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
13
|
+
outline: "border bg-input hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
14
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
15
15
|
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
16
16
|
link: "text-primary hover:underline"
|
|
17
17
|
},
|
|
@@ -27,16 +27,16 @@ const g = c(
|
|
|
27
27
|
size: "default"
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
), p = d.forwardRef(({ className: e, variant: r, size: t, asChild: i = !1, ...
|
|
31
|
-
const
|
|
32
|
-
return /* @__PURE__ */
|
|
33
|
-
|
|
30
|
+
), p = d.forwardRef(({ className: e, variant: r, size: t, asChild: i = !1, ...n }, o) => {
|
|
31
|
+
const a = i ? u : "button";
|
|
32
|
+
return /* @__PURE__ */ s.jsx(
|
|
33
|
+
a,
|
|
34
34
|
{
|
|
35
35
|
type: "button",
|
|
36
|
-
ref:
|
|
36
|
+
ref: o,
|
|
37
37
|
"data-slot": "button",
|
|
38
38
|
className: v(g({ variant: r, size: t, className: e })),
|
|
39
|
-
...
|
|
39
|
+
...n
|
|
40
40
|
}
|
|
41
41
|
);
|
|
42
42
|
});
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { j as n } from "../../_virtual/jsx-runtime.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as e from "react";
|
|
3
3
|
import { cva as i } from "../../node_modules/class-variance-authority/dist/index.js";
|
|
4
|
-
import { cn as
|
|
4
|
+
import { cn as a } from "../../lib/utils.js";
|
|
5
5
|
import { Input as u } from "./input.js";
|
|
6
6
|
import { Textarea as p } from "./textarea.js";
|
|
7
7
|
import { Button as d } from "./button.js";
|
|
8
|
-
const l =
|
|
8
|
+
const l = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
|
|
9
9
|
"div",
|
|
10
10
|
{
|
|
11
11
|
ref: o,
|
|
12
|
-
className:
|
|
13
|
-
"flex min-w-0 w-full rounded-md border border-input bg-background
|
|
12
|
+
className: a(
|
|
13
|
+
"flex min-w-0 w-full rounded-md border border-input bg-background overflow-hidden",
|
|
14
14
|
"has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]",
|
|
15
15
|
"has-[[data-slot=input-group-control][aria-invalid='true']]:border-destructive has-[[data-slot=input-group-control][aria-invalid='true']]:ring-destructive/20 dark:has-[[data-slot=input-group-control][aria-invalid='true']]:ring-destructive/40",
|
|
16
16
|
t
|
|
@@ -19,11 +19,11 @@ const l = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
|
|
|
19
19
|
}
|
|
20
20
|
));
|
|
21
21
|
l.displayName = "InputGroup";
|
|
22
|
-
const c =
|
|
22
|
+
const c = e.forwardRef(({ className: t, align: r = "inline-start", ...o }, s) => /* @__PURE__ */ n.jsx(
|
|
23
23
|
"div",
|
|
24
24
|
{
|
|
25
25
|
ref: s,
|
|
26
|
-
className:
|
|
26
|
+
className: a(
|
|
27
27
|
"flex items-center gap-1.5 h-9 shrink-0",
|
|
28
28
|
r === "inline-start" && "order-first pl-3",
|
|
29
29
|
r === "inline-end" && "order-last pr-3",
|
|
@@ -35,12 +35,12 @@ const c = a.forwardRef(({ className: t, align: r = "inline-start", ...o }, s) =>
|
|
|
35
35
|
}
|
|
36
36
|
));
|
|
37
37
|
c.displayName = "InputGroupAddon";
|
|
38
|
-
const f =
|
|
38
|
+
const f = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
|
|
39
39
|
u,
|
|
40
40
|
{
|
|
41
41
|
ref: o,
|
|
42
42
|
"data-slot": "input-group-control",
|
|
43
|
-
className:
|
|
43
|
+
className: a(
|
|
44
44
|
"flex-1 min-w-0 border-0 shadow-none rounded-none bg-transparent",
|
|
45
45
|
"focus-visible:ring-0 focus-visible:border-0",
|
|
46
46
|
"aria-invalid:border-0 aria-invalid:ring-0",
|
|
@@ -50,12 +50,12 @@ const f = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
|
|
|
50
50
|
}
|
|
51
51
|
));
|
|
52
52
|
f.displayName = "InputGroupInput";
|
|
53
|
-
const m =
|
|
53
|
+
const m = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
|
|
54
54
|
p,
|
|
55
55
|
{
|
|
56
56
|
ref: o,
|
|
57
57
|
"data-slot": "input-group-control",
|
|
58
|
-
className:
|
|
58
|
+
className: a(
|
|
59
59
|
"flex-1 min-w-0 border-0 shadow-none rounded-none bg-transparent",
|
|
60
60
|
"focus-visible:ring-0 focus-visible:border-0",
|
|
61
61
|
t
|
|
@@ -64,11 +64,11 @@ const m = a.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
|
|
|
64
64
|
}
|
|
65
65
|
));
|
|
66
66
|
m.displayName = "InputGroupTextarea";
|
|
67
|
-
const x =
|
|
67
|
+
const x = e.forwardRef(({ className: t, ...r }, o) => /* @__PURE__ */ n.jsx(
|
|
68
68
|
"span",
|
|
69
69
|
{
|
|
70
70
|
ref: o,
|
|
71
|
-
className:
|
|
71
|
+
className: a(
|
|
72
72
|
"text-sm text-muted-foreground whitespace-nowrap",
|
|
73
73
|
t
|
|
74
74
|
),
|
|
@@ -91,11 +91,11 @@ const b = i(
|
|
|
91
91
|
size: "sm"
|
|
92
92
|
}
|
|
93
93
|
}
|
|
94
|
-
), g =
|
|
94
|
+
), g = e.forwardRef(({ className: t, size: r, ...o }, s) => /* @__PURE__ */ n.jsx(
|
|
95
95
|
d,
|
|
96
96
|
{
|
|
97
97
|
ref: s,
|
|
98
|
-
className:
|
|
98
|
+
className: a(b({ size: r }), t),
|
|
99
99
|
...o
|
|
100
100
|
}
|
|
101
101
|
));
|
|
@@ -9,7 +9,7 @@ const l = n.forwardRef(
|
|
|
9
9
|
ref: t,
|
|
10
10
|
"data-slot": "input",
|
|
11
11
|
className: a(
|
|
12
|
-
"font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-input px-3 py-1 text-base
|
|
12
|
+
"font-normal file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-input px-3 py-1 text-base transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-normal disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 text-sm",
|
|
13
13
|
"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
14
14
|
"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
|
|
15
15
|
e
|
package/package.json
CHANGED