@kvell-group/ui 1.14.0 → 1.14.2

package/dist/assets/card.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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" fill-opacity="0.4" style="fill:#0D1126;fill:color(display-p3 0.0510 0.0667 0.1490);fill-opacity:0.4;"/>
+</svg>

package/dist/components/Inputs/CardInputTest.d.ts

@@ -0,0 +1,2 @@
+import { MaskedInputProps } from './types';
+export declare const CardInputTest: import('react').ForwardRefExoticComponent<MaskedInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Inputs/CardInputTest.js

@@ -0,0 +1,23 @@
+import { jsx as o } from "react/jsx-runtime";
+import { MaskedInput as e } from "./MaskedInput/MaskedInput.js";
+import { useCardLogo as a } from "./CardInput/useCardLogo.js";
+import { forwardRef as s } from "react";
+import { CARD_NUMBER_MASK as m } from "../../constants/masks.js";
+import { IMask as n } from "react-imask";
+const i = "/assets/card.svg?no-inline", c = n.createMask({ mask: m }), C = s((r, _) => {
+  const t = a(r.value);
+  return /* @__PURE__ */ o(
+    e,
+    {
+      ref: _,
+      ...r,
+      mask: c,
+      rightSection: t && /* @__PURE__ */ o(t, {}),
+      leftSection: /* @__PURE__ */ o(i, {}),
+      placeholder: "____ ____ ____ ____"
+    }
+  );
+});
+export {
+  C as CardInputTest
+};

package/dist/components/theme.js

@@ -1,5 +1,5 @@
 import { colorsTuple as e } from "@mantine/core";
-const a = {
+const r = {
   focusRing: "never",
   scale: 1,
   //default value
@@ -14,6 +14,7 @@ const a = {
     //borders
     "border-action-normal": e("#dee0e3"),
     "border-action-destructive": e("#f7c3c0"),
+    "border-base-alpha": e("#0a0f2914"),
     //buttons
     "background-button-tertiary": e("#0a0f290a"),
     "background-button-primary-disabled": e("#e9eaec"),
@@ -179,5 +180,5 @@ const a = {
   }
 };
 export {
-  a as theme
+  r as theme
 };

package/dist/main.d.ts

@@ -7,6 +7,7 @@ export { CardInput } from './components/Inputs/CardInput';
 export { MaskedInput } from './components/Inputs/MaskedInput';
 export { PasswordInput } from './components/Inputs/PasswordInput';
 export { CvvInput } from './components/Inputs/CvvInput';
+export { CardInputTest } from './components/Inputs/CardInputTest';
 export { Loader } from './components/Loader';
 export { Modal } from './components/Modal';
 export { Switch } from './components/Switch';

package/dist/main.js

@@ -3,27 +3,29 @@ import { MantineProvider as m } from "./components/MainProvider/MantineProvider.
 import { theme as f } from "./components/theme.js";
 import { Button as a } from "./components/Button/Button.js";
 import { Input as u } from "./components/Inputs/Input.js";
-import { CardInput as I } from "./components/Inputs/CardInput/CardInput.js";
-import { MaskedInput as c } from "./components/Inputs/MaskedInput/MaskedInput.js";
-import { PasswordInput as l } from "./components/Inputs/PasswordInput/PasswordInput.js";
-import { CvvInput as C } from "./components/Inputs/CvvInput/CvvInput.js";
-import { Loader as P } from "./components/Loader/Loader.js";
-import { Modal as w } from "./components/Modal/Modal.js";
-import { Switch as B } from "./components/Switch/Switch.js";
-import { Text as L } from "./components/Text/Text.js";
+import { CardInput as i } from "./components/Inputs/CardInput/CardInput.js";
+import { MaskedInput as C } from "./components/Inputs/MaskedInput/MaskedInput.js";
+import { PasswordInput as h } from "./components/Inputs/PasswordInput/PasswordInput.js";
+import { CvvInput as v } from "./components/Inputs/CvvInput/CvvInput.js";
+import { CardInputTest as P } from "./components/Inputs/CardInputTest.js";
+import { Loader as w } from "./components/Loader/Loader.js";
+import { Modal as k } from "./components/Modal/Modal.js";
+import { Switch as H } from "./components/Switch/Switch.js";
+import { Text as b } from "./components/Text/Text.js";
 export {
   a as Button,
-  I as CardInput,
+  i as CardInput,
+  P as CardInputTest,
   t as ColorSchemeScript,
-  C as CvvInput,
+  v as CvvInput,
   u as Input,
-  P as Loader,
+  w as Loader,
   m as MantineProvider,
-  c as MaskedInput,
-  w as Modal,
-  l as PasswordInput,
-  B as Switch,
-  L as Text,
+  C as MaskedInput,
+  k as Modal,
+  h as PasswordInput,
+  H as Switch,
+  b as Text,
   e as mantineHtmlProps,
   f as theme
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "@kvell-group/ui",
   "author": "Kvell Group",
   "private": false,
-  "version": "1.14.0",
+  "version": "1.14.2",
   "type": "module",
   "files": [
     "dist",