@kvell-group/ui 1.11.0 → 1.11.2
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/assets/CvvInput.css +1 -0
- package/dist/assets/PasswordInput.css +1 -0
- package/dist/assets/clsx.css +1 -0
- package/dist/clsx-BvFBxcni.js +23 -0
- package/dist/components/Button/constants.d.ts +4 -0
- package/dist/components/Button/constants.js +11 -0
- package/dist/components/Button/types.d.ts +5 -0
- package/dist/components/Button/types.js +1 -0
- package/dist/components/Inputs/CardInput/CardInput.d.ts +4 -0
- package/dist/components/Inputs/CardInput/CardInput.js +27 -0
- package/dist/components/Inputs/CardInput/index.d.ts +1 -0
- package/dist/components/Inputs/CardInput/index.js +4 -0
- package/dist/components/Inputs/CvvInput/CvvInput.d.ts +4 -0
- package/dist/components/Inputs/CvvInput/CvvInput.js +19 -0
- package/dist/components/Inputs/CvvInput/index.d.ts +1 -0
- package/dist/components/Inputs/CvvInput/index.js +4 -0
- package/dist/components/Inputs/Input.js +10 -0
- package/dist/components/Inputs/MaskedInput/MaskedInput.d.ts +4 -0
- package/dist/{input-CT_F2u-Q.js → components/Inputs/MaskedInput/MaskedInput.js} +98 -89
- package/dist/components/Inputs/MaskedInput/index.d.ts +1 -0
- package/dist/components/Inputs/MaskedInput/index.js +4 -0
- package/dist/components/Inputs/PasswordInput/PasswordInput.d.ts +4 -0
- package/dist/components/Inputs/PasswordInput/PasswordInput.js +17 -0
- package/dist/components/Inputs/PasswordInput/index.d.ts +1 -0
- package/dist/components/Inputs/PasswordInput/index.js +4 -0
- package/dist/components/Inputs/types.d.ts +5 -0
- package/dist/components/Inputs/types.js +1 -0
- package/dist/components/Text/Text.d.ts +2 -3
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/Text/types.d.ts +5 -0
- package/dist/components/Text/types.js +1 -0
- package/dist/components/theme.js +3 -1
- package/dist/constants/font-variants.d.ts +4 -0
- package/dist/constants/font-variants.js +11 -0
- package/dist/constants/masks.d.ts +4 -0
- package/dist/constants/masks.js +7 -0
- package/dist/main.d.ts +5 -3
- package/dist/main.js +14 -10
- package/dist/{Text.module-D3VLOIGk.js → typography.module-D5hr9RHB.js} +1 -1
- package/package.json +1 -1
- package/dist/assets/Input.css +0 -1
- package/dist/assets/InputMasked.css +0 -1
- package/dist/clsx-OuTLNxxd.js +0 -16
- package/dist/components/Input/Input.js +0 -11
- package/dist/components/InputCard/InputCard.d.ts +0 -145
- package/dist/components/InputCard/InputCard.js +0 -34
- package/dist/components/InputCard/index.d.ts +0 -1
- package/dist/components/InputCard/index.js +0 -4
- package/dist/components/InputMasked/InputMasked.d.ts +0 -139
- package/dist/components/InputMasked/InputMasked.js +0 -15
- package/dist/components/InputMasked/index.d.ts +0 -1
- package/dist/components/InputMasked/index.js +0 -4
- /package/dist/assets/{Text.css → typography.css} +0 -0
- /package/dist/components/{InputCard → Inputs/CardInput}/useCardLogo.d.ts +0 -0
- /package/dist/components/{InputCard → Inputs/CardInput}/useCardLogo.js +0 -0
- /package/dist/components/{Input → Inputs}/Input.d.ts +0 -0
- /package/dist/components/{Input → Inputs}/index.d.ts +0 -0
- /package/dist/components/{Input → Inputs}/index.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@font-face{font-family:Password;src:local("Password"),url(data:font/woff2;base64,d09GMgABAAAAAAVYAA0AAAAAJSAAAAUBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCUhEICq8YpR4LgU4AATYCJAOBVAQgBY8hB4FuG24eEdWkAsm+OjAPyTNn7SvElrLSBE3XkiIe+b2FmyxZS458FA/Pr+P/1545cyG1J7Je1sdohPKqMpX4Q4FDIhqAA8Tl4M1R54on9s4R2xDjAs/eD+v8Ka1BfLjz6FIA/R96WfxvLlVXGIIESP47WNjuWBkd+6dj+5d8lj6pKe8gvDXiMvUbtQLS1v474JE/cG1YGlcrpenbTzCYiYZ71dIpAv+gsQBFIxYLclgjmPFwBtgtEYO4HAI+//jzBPhq85eLcLcuUIUWZEJuWEjIkCVxQyFlMgCYsOc1wydIgBMEAKzekURgqb6+kIU0lxKQjWQj6BPIYU9X3o92o1ygSzIVZcpkONbXHg390NfnjQZ////w7fpv1woAooQARIYMoS7IU1FSuvSzLgetW0T/gMXiiWQqncnm8oViCZBYECVZUTW9XKnW6o2mKMmKqumGadmO6/lBGMVJmuVFWdVN2/XDCACdDQ1PM4jG/72mjvze/4QxSm5RcQNQBwoQIjdP6ZPXC3/C42VbhNENqy0dGt52bniMrC8bvLT7i5N7/srLu14ndj4VnuLPeOW54hxYcSncI8cRvRHfc698ehHb+YJdI/9/PL6/LCsEywrVY0abDtFXhAAADG4vuIOc+6u602HPL/y1rDI5Kkmils9IUGbJYXJHlDbGTBEEdwr9wSd2kfgkmnooGdGomJCBZfrinBBtM91GqDaKTKmzyFW7i6TZDyjkEShRHf0oNSHOo0xLfIdy5VkVKgxl36LS8vwjqixI51CtK/2DGhOKA4c3Glf8KBepHFMBEDpsQKbGEeQ6XEUy3iMUSvyJEh1RoNTumIIyE+MeyjXEH6jwLmtBpTO5iipHUw2qzU1vUWN30f5eGm0vblpRAeIEnqUZAo1ZrSWP9ESABITJDMfly8e2XXrqJdzCcjWDYSnD2B7xSqiLCAaXA16uS8IAa4rWa2Q8eB1Bn3J3nWosltyay4f1zPkIIIajU0kTDOukDVdbIB2xIYB2ryDQLjyDIa87U1JaGa+GLrYwV3lkgbTgHnDX5mFUGYI7xtntFMZbJZsijOdyLgNgCOGwEYTWpRJyyx8sGM8yDXEBncavD8blAgEjMhYyRH1i1kNzPash/qVYwnTzfAMrKczSOoqHlsx6Bc9yhM2TORLVs4vPDFBbBmYW0FSWRtRBPMNGI3CMETDzEhERK39j3v+PXwvaNFi9g+uAm/9N0/R4XNOlr6YLgLM5ummCM+No+ZYkkXVsdI6xdvutsdiDQfZijBGFRqdA19EhTJSLkjgey01OY2c8/EPZ9TEzKZqu4Fm6lZ6UJJwcd0KPEfmURqaqYbSf6jhOr832k0cCmqxKadzb1k2nWTDlqWniEDsK6iCtdnAeh1qE8KxcP6C9cPWy5eq65oc/eGEwWLBxiwpGC8wVdZms1z+yCkqHKfiwuSAmAgQZLi6xnjl1F9WaThVbTtFuy/E8xCIQGgyL7rzUnKWhm16mULM6GvqnOEbgMbRHGgKdhNmU+plUSnD5d2xu9e9ymK7IuYV/5UzwjHtqBE8BP9knzlUJcAAAAJyIRAbv9uoM62UaIWVWR99HpSrVatSqY2Pn4OTi5uHl4xcQFBIWERUTl5CUkpaRlZNXUFQCEGECkUSmUGl0ZRVVNXUNTWMTUzNzC6fOnLtw6cq1G7fI3a2sbdy59+DRk2cvXr159yGRyvz49eUb) format("woff2");font-weight:100}._input_17dgl_9{font-family:Password,monospace;font-display:swap}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._section_1lzoc_1[data-position=right]{margin-right:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._input_10rw6_1{padding:19px 16px;border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);box-shadow:var(--mantine-shadows-xs);color:var(--mantine-color-text-base-tertiary-0)}._input_10rw6_1[data-error=true]{border:1px solid var(--mantine-color-border-action-destructive-0);margin-bottom:-2px}._section_10rw6_14[data-position=left]{padding-left:10px}._section_10rw6_14[data-position=left]+input{padding-left:40px}._section_10rw6_14[data-position=right]{margin-right:1rem}._label_10rw6_26{margin-bottom:.25rem}._error_10rw6_30{color:var(--mantine-color-text-status-destructive-0);padding-left:.25rem}._error_10rw6_30:before{content:url("data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M8.50001%2014.6666C4.81801%2014.6666%201.83334%2011.6819%201.83334%207.99992C1.83334%204.31792%204.81801%201.33325%208.50001%201.33325C12.182%201.33325%2015.1667%204.31792%2015.1667%207.99992C15.1667%2011.6819%2012.182%2014.6666%208.50001%2014.6666ZM8.50001%2013.3333C9.9145%2013.3333%2011.2711%2012.7713%2012.2712%2011.7712C13.2714%2010.771%2013.8333%209.41441%2013.8333%207.99992C13.8333%206.58543%2013.2714%205.22888%2012.2712%204.22868C11.2711%203.22849%209.9145%202.66659%208.50001%202.66659C7.08552%202.66659%205.72897%203.22849%204.72877%204.22868C3.72858%205.22888%203.16668%206.58543%203.16668%207.99992C3.16668%209.41441%203.72858%2010.771%204.72877%2011.7712C5.72897%2012.7713%207.08552%2013.3333%208.50001%2013.3333ZM7.83334%204.66659H9.16668V5.99992H7.83334V4.66659ZM7.83334%207.33325H9.16668V11.3333H7.83334V7.33325Z'%20fill='currentColor'%20style='fill:%23E6483D;fill:color(display-p3%200.9020%200.2824%200.2392);fill-opacity:1;'/%3e%3c/svg%3e");position:relative;top:3px;left:-.25rem}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import './assets/clsx.css';const a = "_input_10rw6_1", i = "_section_10rw6_14", c = "_label_10rw6_26", l = "_error_10rw6_30", _ = {
|
|
2
|
+
input: a,
|
|
3
|
+
section: i,
|
|
4
|
+
label: c,
|
|
5
|
+
error: l
|
|
6
|
+
};
|
|
7
|
+
function e(r) {
|
|
8
|
+
var o, n, t = "";
|
|
9
|
+
if (typeof r == "string" || typeof r == "number") t += r;
|
|
10
|
+
else if (typeof r == "object") if (Array.isArray(r)) {
|
|
11
|
+
var s = r.length;
|
|
12
|
+
for (o = 0; o < s; o++) r[o] && (n = e(r[o])) && (t && (t += " "), t += n);
|
|
13
|
+
} else for (n in r) r[n] && (t && (t += " "), t += n);
|
|
14
|
+
return t;
|
|
15
|
+
}
|
|
16
|
+
function u() {
|
|
17
|
+
for (var r, o, n = 0, t = "", s = arguments.length; n < s; n++) (r = arguments[n]) && (o = e(r)) && (t && (t += " "), t += o);
|
|
18
|
+
return t;
|
|
19
|
+
}
|
|
20
|
+
export {
|
|
21
|
+
_ as b,
|
|
22
|
+
u as c
|
|
23
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import * as e from "react";
|
|
3
|
+
import { forwardRef as i } from "react";
|
|
4
|
+
import { MaskedInput as _ } from "../MaskedInput/MaskedInput.js";
|
|
5
|
+
import { useCardLogo as a } from "./useCardLogo.js";
|
|
6
|
+
import { CARD_NUMBER_MASK as m } from "../../../constants/masks.js";
|
|
7
|
+
const f = (t) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M2.49984 2.5H17.4998C17.7209 2.5 17.9328 2.5878 18.0891 2.74408C18.2454 2.90036 18.3332 3.11232 18.3332 3.33333V16.6667C18.3332 16.8877 18.2454 17.0996 18.0891 17.2559C17.9328 17.4122 17.7209 17.5 17.4998 17.5H2.49984C2.27882 17.5 2.06686 17.4122 1.91058 17.2559C1.7543 17.0996 1.6665 16.8877 1.6665 16.6667V3.33333C1.6665 3.11232 1.7543 2.90036 1.91058 2.74408C2.06686 2.5878 2.27882 2.5 2.49984 2.5ZM16.6665 9.16667H3.33317V15.8333H16.6665V9.16667ZM16.6665 7.5V4.16667H3.33317V7.5H16.6665ZM11.6665 12.5H14.9998V14.1667H11.6665V12.5Z", fill: "currentColor", fillOpacity: 0.4, style: {
|
|
8
|
+
fill: "#0D1126",
|
|
9
|
+
fill: "color(display-p3 0.0510 0.0667 0.1490)",
|
|
10
|
+
fillOpacity: 0.4
|
|
11
|
+
} })), d = i((t, l) => {
|
|
12
|
+
const r = a(t.value);
|
|
13
|
+
return /* @__PURE__ */ o(
|
|
14
|
+
_,
|
|
15
|
+
{
|
|
16
|
+
ref: l,
|
|
17
|
+
...t,
|
|
18
|
+
mask: m,
|
|
19
|
+
rightSection: r && /* @__PURE__ */ o(r, {}),
|
|
20
|
+
leftSection: /* @__PURE__ */ o(f, {}),
|
|
21
|
+
placeholder: "____ ____ ____ ____"
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
});
|
|
25
|
+
export {
|
|
26
|
+
d as CardInput
|
|
27
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CardInput } from './CardInput';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { MaskedInput as a } from "../MaskedInput/MaskedInput.js";
|
|
3
|
+
import { c as m, b as p } from "../../../clsx-BvFBxcni.js";
|
|
4
|
+
import { forwardRef as r } from "react";
|
|
5
|
+
import { CARD_CVV_MASK as n } from "../../../constants/masks.js";
|
|
6
|
+
import '../../../assets/CvvInput.css';const i = "_input_17dgl_9", e = {
|
|
7
|
+
input: i
|
|
8
|
+
}, { input: c, ...u } = p, f = m(c, e.input), x = r((s, t) => /* @__PURE__ */ o(
|
|
9
|
+
a,
|
|
10
|
+
{
|
|
11
|
+
ref: t,
|
|
12
|
+
...s,
|
|
13
|
+
mask: n,
|
|
14
|
+
classNames: { ...u, input: f }
|
|
15
|
+
}
|
|
16
|
+
));
|
|
17
|
+
export {
|
|
18
|
+
x as CvvInput
|
|
19
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { CvvInput } from './CvvInput';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { InputBase as a } from "@mantine/core";
|
|
2
|
+
import { c as s, b as o } from "../../clsx-BvFBxcni.js";
|
|
3
|
+
import { c as t } from "../../typography.module-D5hr9RHB.js";
|
|
4
|
+
import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../constants/font-variants.js";
|
|
5
|
+
const { input: m, error: p, ...n } = o, r = t[e], c = s(m, r), i = s(p, r), I = a.withProps({
|
|
6
|
+
classNames: { ...n, input: c, error: i }
|
|
7
|
+
});
|
|
8
|
+
export {
|
|
9
|
+
I as Input
|
|
10
|
+
};
|