@kvell-group/ui 1.10.0 → 1.11.1

package/dist/components/Inputs/MaskedInput/index.d.ts

@@ -0,0 +1 @@
+export { MaskedInput } from './MaskedInput';

package/dist/components/Inputs/MaskedInput/index.js

@@ -0,0 +1,4 @@
+import { MaskedInput as p } from "./MaskedInput.js";
+export {
+  p as MaskedInput
+};

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

@@ -0,0 +1,4 @@
+export declare const PasswordInput: import('react').ForwardRefExoticComponent<import('@mantine/core').PasswordInputProps & import('react').RefAttributes<HTMLInputElement> & {
+    component?: any;
+    renderRoot?: (props: Record<string, any>) => React.ReactNode;
+}>;

package/dist/components/Inputs/PasswordInput/PasswordInput.js

@@ -0,0 +1,16 @@
+import { PasswordInput as t } from "@mantine/core";
+import { c as s, b as a } from "../../../clsx-BvFBxcni.js";
+import { c as o } from "../../../Text.module-D3VLOIGk.js";
+import '../../../assets/PasswordInput.css';const r = "_section_1lzoc_1", e = {
+  section: r
+}, { input: n, error: c, ...i } = a, p = s(n, o["caption-l-regular"]), l = s(c, o["caption-l-regular"]), C = t.withProps({
+  classNames: {
+    ...i,
+    input: p,
+    error: l,
+    section: e.section
+  }
+});
+export {
+  C as PasswordInput
+};

package/dist/components/Inputs/PasswordInput/index.d.ts

@@ -0,0 +1 @@
+export { PasswordInput } from './PasswordInput';

package/dist/components/Inputs/PasswordInput/index.js

@@ -0,0 +1,4 @@
+import { PasswordInput as p } from "./PasswordInput.js";
+export {
+  p as PasswordInput
+};

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

@@ -0,0 +1,5 @@
+import { ElementProps, InputBaseProps } from '@mantine/core';
+export type InputProps = InputBaseProps & ElementProps<'input'> & {
+    value?: string;
+    mask?: string;
+};

package/dist/components/Inputs/types.js

@@ -0,0 +1 @@
+

package/dist/components/theme.js

@@ -13,8 +13,10 @@ const m = {
     tertiary: e("#0a0f290a"),
     //borders
     "border-action-normal": e("#dee0e3"),
+    "border-action-destructive": e("#f7c3c0"),
     //text
-    "text-base-tertiary": e("#0d112666")
+    "text-base-tertiary": e("#0d112666"),
+    "text-status-destructive": e("#e6483d")
   },
   primaryShade: 6,
   // { light: 6, dark: 8 } default mantine by theme

package/dist/main.d.ts

@@ -2,6 +2,9 @@ export { ColorSchemeScript, mantineHtmlProps } from '@mantine/core';
 export { MantineProvider } from './components/MainProvider';
 export { theme } from './components/theme';
 export { Button } from './components/Button';
-export { CardInput } from './components/CardInput';
-export { Input } from './components/Input';
+export { Input } from './components/Inputs';
+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 { Text } from './components/Text';

package/dist/main.js

@@ -1,17 +1,23 @@
 import { ColorSchemeScript as t, mantineHtmlProps as e } from "@mantine/core";
-import { MantineProvider as p } from "./components/MainProvider/MantineProvider.js";
+import { MantineProvider as m } from "./components/MainProvider/MantineProvider.js";
 import { theme as f } from "./components/theme.js";
-import { Button as i } from "./components/Button/Button.js";
-import { CardInput as u } from "./components/CardInput/CardInput.js";
-import { Input as d } from "./components/Input/Input.js";
-import { Text as l } from "./components/Text/Text.js";
+import { Button as u } from "./components/Button/Button.js";
+import { Input as I } from "./components/Inputs/Input.js";
+import { CardInput as i } from "./components/Inputs/CardInput/CardInput.js";
+import { MaskedInput as v } from "./components/Inputs/MaskedInput/MaskedInput.js";
+import { PasswordInput as P } from "./components/Inputs/PasswordInput/PasswordInput.js";
+import { CvvInput as h } from "./components/Inputs/CvvInput/CvvInput.js";
+import { Text as M } from "./components/Text/Text.js";
 export {
-  i as Button,
-  u as CardInput,
+  u as Button,
+  i as CardInput,
   t as ColorSchemeScript,
-  d as Input,
-  p as MantineProvider,
-  l as Text,
+  h as CvvInput,
+  I as Input,
+  m as MantineProvider,
+  v as MaskedInput,
+  P as PasswordInput,
+  M 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.10.0",
+  "version": "1.11.1",
   "type": "module",
   "files": [
     "dist",

package/dist/assets/CardInput.css

@@ -1 +0,0 @@
-._input_1uqnk_1{border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);color:var(--mantine-color-text-base-tertiary-0)}._section_1uqnk_7[data-position=left]{padding-left:6px}._section_1uqnk_7[data-position=left]+input{padding-left:38px}._section_1uqnk_7[data-position=right]{margin-right:16px}

package/dist/assets/Input.css

@@ -1 +0,0 @@
-._input_huhi9_1{border-radius:var(--mantine-radius-xl);border:1px solid var(--mantine-color-border-action-normal-0);color:var(--mantine-color-text-base-tertiary-0);padding:18px 16px;box-shadow:var(--mantine-shadow-xs)}

package/dist/clsx-OuTLNxxd.js

@@ -1,16 +0,0 @@
-function a(r) {
-  var f, n, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (f = 0; f < o; f++) r[f] && (n = a(r[f])) && (t && (t += " "), t += n);
-  } else for (n in r) r[n] && (t && (t += " "), t += n);
-  return t;
-}
-function i() {
-  for (var r, f, n = 0, t = "", o = arguments.length; n < o; n++) (r = arguments[n]) && (f = a(r)) && (t && (t += " "), t += f);
-  return t;
-}
-export {
-  i as c
-};

package/dist/components/CardInput/CardInput.d.ts

@@ -1,145 +0,0 @@
-import { InputBaseProps, ElementProps } from '@mantine/core';
-export declare const CardInputBase: <L = import('react').ForwardRefExoticComponent<(Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & Omit<import('imask').MaskedDateOptions, "mask"> & {
-    mask: DateConstructor;
-} & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: typeof import('imask').MaskedDate;
-} & Omit<Omit<import('imask').MaskedDateOptions, "mask"> & {
-    mask: DateConstructor;
-}, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & Partial<Pick<import('imask').MaskedNumber, "scale" | "mask" | "max" | "min" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: typeof import('imask').MaskedNumber;
-} & Omit<Partial<Pick<import('imask').MaskedNumber, "scale" | "mask" | "max" | "min" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar" | "lazy">> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: typeof import('imask').MaskedEnum;
-} & Omit<import('imask').MaskedEnumOptions, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: typeof import('imask').MaskedRange;
-} & Omit<import('imask').MaskedRangeOptions, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & Partial<Pick<import('imask').MaskedRegExp, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: typeof import('imask').MaskedRegExp;
-} & Omit<Partial<Pick<import('imask').MaskedRegExp, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: typeof import('imask').MaskedFunction;
-} & Omit<Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: typeof import('imask').MaskedPattern;
-} & Omit<Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar" | "lazy">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "dispatch">> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: typeof import('imask').MaskedDynamic;
-} & Omit<Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: typeof import('imask').Masked;
-} & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: import('imask').MaskedDate;
-} & Omit<Omit<import('imask').MaskedDateOptions, "mask"> & {
-    mask: DateConstructor;
-}, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: import('imask').MaskedNumber;
-} & Omit<Partial<Pick<import('imask').MaskedNumber, "scale" | "mask" | "max" | "min" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: import('imask').MaskedEnum;
-} & Omit<import('imask').MaskedEnumOptions, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: import('imask').MaskedRange;
-} & Omit<import('imask').MaskedRangeOptions, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: import('imask').MaskedRegExp;
-} & Omit<Partial<Pick<import('imask').MaskedRegExp, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: import('imask').MaskedFunction<any>;
-} & Omit<Partial<Pick<import('imask').MaskedFunction<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: import('imask').MaskedPattern<string>;
-} & Omit<Partial<Pick<import('imask').MaskedPattern<string>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "definitions" | "blocks" | "placeholderChar" | "displayChar" | "lazy">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: import('imask').MaskedDynamic<any>;
-} & Omit<Partial<Pick<import('imask').MaskedDynamic<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix" | "dispatch">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref"> | Omit<import('react-imask').ReactElementProps<HTMLInputElement> & Omit<import('react-imask').ReactMaskProps<HTMLInputElement, {
-    [x: string]: unknown;
-}>, "ref"> & {
-    mask: import('imask').Masked<any>;
-} & Omit<Partial<Pick<import('imask').Masked<any>, "mask" | "format" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "eager" | "skipInvalid" | "autofix">>, "mask"> & {
-    ref?: React.Ref<React.ComponentType<import('react-imask').IMaskInputProps<HTMLInputElement>>> | undefined;
-}, "ref">) & import('react').RefAttributes<unknown>>>(props: import('@mantine/core').PolymorphicComponentProps<L, InputBaseProps>) => React.ReactElement;
-type CardInputProps = InputBaseProps & Omit<ElementProps<'input'>, 'value'> & {
-    value: string;
-};
-export declare const CardInput: (props: CardInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Input/Input.js

@@ -1,11 +0,0 @@
-import { InputBase as s } from "@mantine/core";
-import { c as t } from "../../Text.module-D3VLOIGk.js";
-import { c as p } from "../../clsx-OuTLNxxd.js";
-import '../../assets/Input.css';const a = "_input_huhi9_1", n = {
-  input: a
-}, i = p(n.input, t["caption-l-regular"]), m = s.withProps({
-  classNames: { input: i }
-});
-export {
-  m as Input
-};