@kvell-group/ui 1.12.18 → 1.13.0

package/dist/Input.module-CPh0cNNI.js

@@ -0,0 +1,9 @@
+import './assets/Input.css';const s = "_input_1d20c_1", t = "_section_1d20c_19", c = "_label_1d20c_24", e = "_error_1d20c_28", n = {
+  input: s,
+  section: t,
+  label: c,
+  error: e
+};
+export {
+  n as b
+};

package/dist/assets/Switch.css

@@ -0,0 +1 @@
+._track_g524i_1{--switch-height: 1rem;--switch-width: calc(1.75rem * var(--mantine-scale));--switch-color: var(--mantine-color-background-toggle-active-0)}input:not(:checked)+._track_g524i_1{background-color:var(--mantine-color-background-toggle-default-0)}._description_g524i_11{margin-top:-1px;--label-offset-start: 1rem;color:var(--mantine-color-primary)}

package/dist/assets/typography.css

@@ -1 +1 @@
-._h6-bold_1wb73_2{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-h6);line-height:var(--mantine-line-height-h6);letter-spacing:var(--mantine-spacing-h6)}._body-s-medium_1wb73_11{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-s-medium);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-spacing-body-s)}h2._body-m-medium_1wb73_19,._body-m-medium_1wb73_19{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-spacing-body-m)}._body-m-bold_1wb73_28{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-spacing-body-m)}._body-l-bold_1wb73_36{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-body-l);line-height:var(--mantine-line-height-body-l);letter-spacing:var(--mantine-spacing-body-l)}._caption-l-medium_1wb73_45{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}p._caption-l-regular_1wb73_53,._caption-l-regular_1wb73_53{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}._caption-m-regular_1wb73_62{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-m);line-height:var(--mantine-line-height-caption-m);letter-spacing:var(--mantine-spacing-caption-m)}
+._h6-bold_k821l_2{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-h6);line-height:var(--mantine-line-height-h6);letter-spacing:var(--mantine-spacing-h6)}._body-l-bold_k821l_11{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-body-l);line-height:var(--mantine-line-height-body-l);letter-spacing:var(--mantine-spacing-body-l)}._body-m-bold_k821l_19{font-family:var(--mantine-font-family);font-weight:700;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-spacing-body-m)}h2._body-m-medium_k821l_27,._body-m-medium_k821l_27{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-m);line-height:var(--mantine-line-height-body-m);letter-spacing:var(--mantine-spacing-body-m)}._body-s-medium_k821l_36{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-body-s);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-spacing-body-s)}._body-s-regular_k821l_44{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-body-s);line-height:var(--mantine-line-height-body-s);letter-spacing:var(--mantine-spacing-body-s)}._caption-l-medium_k821l_53{font-family:var(--mantine-font-family);font-weight:500;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}p._caption-l-regular_k821l_61,._caption-l-regular_k821l_61{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-l);line-height:var(--mantine-line-height-caption-l);letter-spacing:var(--mantine-spacing-caption-l)}._caption-m-regular_k821l_70{font-family:var(--mantine-font-family);font-weight:400;font-size:var(--mantine-font-size-caption-m);line-height:var(--mantine-line-height-caption-m);letter-spacing:var(--mantine-spacing-caption-m)}

package/dist/clsx-OuTLNxxd.js

@@ -0,0 +1,16 @@
+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/Inputs/CvvInput/CvvInput.js

@@ -1,20 +1,21 @@
-import { jsx as a } from "react/jsx-runtime";
-import { MaskedInput as o } from "../MaskedInput/MaskedInput.js";
-import { c as m, b as r } from "../../../clsx-oLHujfaf.js";
+import { jsx as o } from "react/jsx-runtime";
+import { MaskedInput as a } from "../MaskedInput/MaskedInput.js";
+import { b as m } from "../../../Input.module-CPh0cNNI.js";
+import { c as r } from "../../../clsx-OuTLNxxd.js";
 import { forwardRef as p } from "react";
 import { CARD_CVV_MASK as n } from "../../../constants/masks.js";
-import { IMask as e } from "react-imask";
-import '../../../assets/CvvInput.css';const i = "_input_17dgl_9", c = {
-  input: i
-}, { input: u, ...f } = r, l = m(u, c.input), C = e.createMask({ mask: n }), x = p((s, t) => /* @__PURE__ */ a(
-  o,
+import { IMask as i } from "react-imask";
+import '../../../assets/CvvInput.css';const e = "_input_17dgl_9", c = {
+  input: e
+}, { input: f, ...u } = m, l = r(f, c.input), C = i.createMask({ mask: n }), b = p((s, t) => /* @__PURE__ */ o(
+  a,
   {
     ref: t,
     ...s,
     mask: C,
-    classNames: { ...f, input: l }
+    classNames: { ...u, input: l }
   }
 ));
 export {
-  x as CvvInput
+  b as CvvInput
 };

package/dist/components/Inputs/Input.js

@@ -1,8 +1,9 @@
-import { TextInput as t } from "@mantine/core";
-import { c as s, b as o } from "../../clsx-oLHujfaf.js";
-import { c as a } from "../../typography.module-Bz7qOBla.js";
-import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../constants/font-variants.js";
-const { input: m, error: p, ...n } = o, r = a[e], c = s(m, r), i = s(p, r), I = t.withProps({
+import { TextInput as o } from "@mantine/core";
+import { b as t } from "../../Input.module-CPh0cNNI.js";
+import { c as a } from "../../typography.module-krUfTmwf.js";
+import { c as s } from "../../clsx-OuTLNxxd.js";
+import { CAPTION_L_REGULAR_FONT_VARIANT as m } from "../../constants/font-variants.js";
+const { input: e, error: p, ...n } = t, r = a[m], c = s(e, r), i = s(p, r), I = o.withProps({
   classNames: { ...n, input: c, error: i }
 });
 export {

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

@@ -1,10 +1,11 @@
 import { PasswordInput as t } from "@mantine/core";
-import { c as s, b as a } from "../../../clsx-oLHujfaf.js";
-import { c as r } from "../../../typography.module-Bz7qOBla.js";
+import { b as r } from "../../../Input.module-CPh0cNNI.js";
+import { c as a } from "../../../typography.module-krUfTmwf.js";
+import { c as s } from "../../../clsx-OuTLNxxd.js";
 import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../../constants/font-variants.js";
 import '../../../assets/PasswordInput.css';const n = "_section_1lzoc_1", c = {
   section: n
-}, { input: i, error: m, ...p } = a, o = r[e], l = s(i, o), N = s(m, o), P = t.withProps({
+}, { input: m, error: i, ...p } = r, o = a[e], l = s(m, o), N = s(i, o), P = t.withProps({
   classNames: {
     ...p,
     input: l,

package/dist/components/Modal/Modal.js

@@ -1,5 +1,5 @@
 import { Modal as o } from "@mantine/core";
-import { c as s } from "../../typography.module-Bz7qOBla.js";
+import { c as s } from "../../typography.module-krUfTmwf.js";
 import { BODY_M_MEDIUM_FONT_VARIANT as t } from "../../constants/font-variants.js";
 import '../../assets/Modal.css';const e = "_root_3afvh_1", a = "_content_3afvh_6", n = "_header_3afvh_18", _ = "_inner_3afvh_22", c = "_close_3afvh_30", r = {
   root: e,

package/dist/components/Switch/Switch.d.ts

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

package/dist/components/Switch/Switch.js

@@ -0,0 +1,17 @@
+import { Switch as c } from "@mantine/core";
+import { c as i } from "../../typography.module-krUfTmwf.js";
+import { c as t } from "../../clsx-OuTLNxxd.js";
+import { CAPTION_L_MEDIUM_FONT_VARIANT as o } from "../../constants/font-variants.js";
+import '../../assets/Switch.css';const r = "_track_g524i_1", a = "_description_g524i_11", s = {
+  track: r,
+  description: a
+}, e = t(
+  s.description,
+  i[o]
+), d = c.withProps({
+  classNames: { ...s, description: e },
+  size: "xs"
+});
+export {
+  d as Switch
+};

package/dist/components/Switch/index.d.ts

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

package/dist/components/Switch/index.js

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

package/dist/components/Text/Text.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Text as m } from "@mantine/core";
 import { forwardRef as s } from "react";
-import { c as a } from "../../typography.module-Bz7qOBla.js";
+import { c as a } from "../../typography.module-krUfTmwf.js";
 const c = s((t, o) => /* @__PURE__ */ r(
   m,
   {

package/dist/components/theme.js

@@ -27,6 +27,9 @@ const a = {
     "text-base-tertiary": e("#0d112666"),
     "text-base-quaternary": e("#0a0f2940"),
     "text-status-destructive": e("#e6483d"),
+    //toggle
+    "background-toggle-active": e("#26bd6c"),
+    "background-toggle-default": e("#babdc5"),
     //typography
     "typography-secondary": e("#91989e")
   },
@@ -94,7 +97,7 @@ const a = {
     h6: "24px",
     "body-m": "18px",
     "body-l": "20px",
-    "body-s-medium": "16px",
+    "body-s": "16px",
     "caption-l": "14px",
     "caption-m": "12px",
     // mantine default variables

package/dist/constants/font-variants.d.ts

@@ -1,9 +1,10 @@
 export declare const H6_BOLD_FONT_VARIANT: "h6-bold";
 export declare const BODY_M_MEDIUM_FONT_VARIANT: "body-m-medium";
-export declare const BODY_S_MEDIUM_FONT_VARIANT: "body-s-medium";
 export declare const BODY_M_BOLD_FONT_VARIANT: "body-m-bold";
 export declare const BODY_L_BOLD_FONT_VARIANT: "body-l-bold";
+export declare const BODY_S_MEDIUM_FONT_VARIANT: "body-s-medium";
+export declare const BODY_S_REGULAR_FONT_VARIANT: "body-s-regular";
 export declare const CAPTION_L_MEDIUM_FONT_VARIANT: "caption-l-medium";
 export declare const CAPTION_L_REGULAR_FONT_VARIANT: "caption-l-regular";
 export declare const CAPTION_M_REGULAR_FONT_VARIANT: "caption-m-regular";
-export declare const FontVariants: ("body-s-medium" | "h6-bold" | "body-m-medium" | "body-m-bold" | "body-l-bold" | "caption-l-medium" | "caption-l-regular" | "caption-m-regular")[];
+export declare const FontVariants: ("h6-bold" | "body-m-medium" | "body-m-bold" | "body-l-bold" | "body-s-medium" | "body-s-regular" | "caption-l-medium" | "caption-l-regular" | "caption-m-regular")[];

package/dist/constants/font-variants.js

@@ -1,21 +1,26 @@
-const _ = "h6-bold", o = "body-m-medium", A = "body-s-medium", N = "body-m-bold", T = "body-l-bold", O = "caption-l-medium", t = "caption-l-regular", n = "caption-m-regular", I = [
+const _ = "h6-bold", A = "body-m-medium", o = "body-m-bold", N = "body-l-bold", T = "body-s-medium", O = "body-s-regular", t = "caption-l-medium", n = "caption-l-regular", I = "caption-m-regular", R = [
+  //heading
   _,
-  o,
-  A,
+  //body
   N,
+  A,
+  o,
   T,
   O,
+  //caption
   t,
-  n
+  n,
+  I
 ];
 export {
-  T as BODY_L_BOLD_FONT_VARIANT,
-  N as BODY_M_BOLD_FONT_VARIANT,
-  o as BODY_M_MEDIUM_FONT_VARIANT,
-  A as BODY_S_MEDIUM_FONT_VARIANT,
-  O as CAPTION_L_MEDIUM_FONT_VARIANT,
-  t as CAPTION_L_REGULAR_FONT_VARIANT,
-  n as CAPTION_M_REGULAR_FONT_VARIANT,
-  I as FontVariants,
+  N as BODY_L_BOLD_FONT_VARIANT,
+  o as BODY_M_BOLD_FONT_VARIANT,
+  A as BODY_M_MEDIUM_FONT_VARIANT,
+  T as BODY_S_MEDIUM_FONT_VARIANT,
+  O as BODY_S_REGULAR_FONT_VARIANT,
+  t as CAPTION_L_MEDIUM_FONT_VARIANT,
+  n as CAPTION_L_REGULAR_FONT_VARIANT,
+  I as CAPTION_M_REGULAR_FONT_VARIANT,
+  R as FontVariants,
   _ as H6_BOLD_FONT_VARIANT
 };

package/dist/main.d.ts

@@ -9,4 +9,5 @@ export { PasswordInput } from './components/Inputs/PasswordInput';
 export { CvvInput } from './components/Inputs/CvvInput';
 export { Loader } from './components/Loader';
 export { Modal } from './components/Modal';
+export { Switch } from './components/Switch';
 export { Text } from './components/Text';

package/dist/main.js

@@ -3,25 +3,27 @@ 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 l } from "./components/Inputs/MaskedInput/MaskedInput.js";
-import { PasswordInput as C } from "./components/Inputs/PasswordInput/PasswordInput.js";
-import { CvvInput as P } from "./components/Inputs/CvvInput/CvvInput.js";
-import { Loader as h } from "./components/Loader/Loader.js";
-import { Modal as k } from "./components/Modal/Modal.js";
-import { Text as B } 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 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";
 export {
   a as Button,
-  i as CardInput,
+  I as CardInput,
   t as ColorSchemeScript,
-  P as CvvInput,
+  C as CvvInput,
   u as Input,
-  h as Loader,
+  P as Loader,
   m as MantineProvider,
-  l as MaskedInput,
-  k as Modal,
-  C as PasswordInput,
-  B as Text,
+  c as MaskedInput,
+  w as Modal,
+  l as PasswordInput,
+  B as Switch,
+  L as Text,
   e as mantineHtmlProps,
   f as theme
 };

package/dist/typography.module-krUfTmwf.js

@@ -0,0 +1,14 @@
+import './assets/typography.css';const l = {
+  "h6-bold": "_h6-bold_k821l_2",
+  "body-l-bold": "_body-l-bold_k821l_11",
+  "body-m-bold": "_body-m-bold_k821l_19",
+  "body-m-medium": "_body-m-medium_k821l_27",
+  "body-s-medium": "_body-s-medium_k821l_36",
+  "body-s-regular": "_body-s-regular_k821l_44",
+  "caption-l-medium": "_caption-l-medium_k821l_53",
+  "caption-l-regular": "_caption-l-regular_k821l_61",
+  "caption-m-regular": "_caption-m-regular_k821l_70"
+};
+export {
+  l as c
+};

package/package.json

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

package/dist/clsx-oLHujfaf.js

@@ -1,23 +0,0 @@
-import './assets/clsx.css';const e = "_input_1d20c_1", a = "_section_1d20c_19", i = "_label_1d20c_24", l = "_error_1d20c_28", _ = {
-  input: e,
-  section: a,
-  label: i,
-  error: l
-};
-function c(r) {
-  var o, n, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var s = r.length;
-    for (o = 0; o < s; o++) r[o] && (n = c(r[o])) && (t && (t += " "), t += n);
-  } else for (n in r) r[n] && (t && (t += " "), t += n);
-  return t;
-}
-function u() {
-  for (var r, o, n = 0, t = "", s = arguments.length; n < s; n++) (r = arguments[n]) && (o = c(r)) && (t && (t += " "), t += o);
-  return t;
-}
-export {
-  _ as b,
-  u as c
-};

package/dist/typography.module-Bz7qOBla.js

@@ -1,13 +0,0 @@
-import './assets/typography.css';const _ = {
-  "h6-bold": "_h6-bold_1wb73_2",
-  "body-s-medium": "_body-s-medium_1wb73_11",
-  "body-m-medium": "_body-m-medium_1wb73_19",
-  "body-m-bold": "_body-m-bold_1wb73_28",
-  "body-l-bold": "_body-l-bold_1wb73_36",
-  "caption-l-medium": "_caption-l-medium_1wb73_45",
-  "caption-l-regular": "_caption-l-regular_1wb73_53",
-  "caption-m-regular": "_caption-m-regular_1wb73_62"
-};
-export {
-  _ as c
-};