@kvell-group/ui 1.12.2 → 1.12.3

package/dist/assets/Loader.css

@@ -0,0 +1 @@
+._container_6ptye_1{position:relative;display:inline-block}._container_6ptye_1[data-size=auto]{width:100%;height:100%}._container_6ptye_1[data-size=sm]{width:1.5rem;height:1.5rem}._container_6ptye_1[data-size=md]{width:2rem;height:2rem}._container_6ptye_1[data-size=lg]{width:4rem;height:4rem}._part_6ptye_26{position:absolute;left:45%;top:36%;width:8%;height:26%;background:var(--mantine-color-typography-secondary-0);opacity:0;border-radius:3rem;box-shadow:0 0 3px #0003;animation:_fade_6ptye_1 1s linear infinite}@keyframes _fade_6ptye_1{0%{opacity:1}to{opacity:.25}}

package/dist/components/Inputs/Input.js

@@ -1,8 +1,8 @@
-import { InputBase as r } from "@mantine/core";
-import { c as s, b as a } from "../../clsx-BvFBxcni.js";
-import { t as o } from "../../typography.module-CkcKr7wr.js";
+import { InputBase as a } from "@mantine/core";
+import { c as s, b as o } from "../../clsx-BvFBxcni.js";
+import { c as t } from "../../typography.module-gwO-h9Os.js";
 import { CAPTION_L_REGULAR_FONT_VARIANT as e } from "../../constants/font-variants.js";
-const { input: m, error: p, ...n } = a, t = o[e], c = s(m, t), i = s(p, t), I = r.withProps({
+const { input: m, error: p, ...n } = o, r = t[e], c = s(m, r), i = s(p, r), I = a.withProps({
   classNames: { ...n, input: c, error: i }
 });
 export {

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

@@ -1,6 +1,6 @@
 import { PasswordInput as t } from "@mantine/core";
 import { c as s, b as a } from "../../../clsx-BvFBxcni.js";
-import { t as r } from "../../../typography.module-CkcKr7wr.js";
+import { c as r } from "../../../typography.module-gwO-h9Os.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

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,7 @@
+import { LoaderSizes } from './constants';
+type LoaderSizesTypes = typeof LoaderSizes;
+type LoaderProps = {
+    size?: LoaderSizesTypes[number];
+};
+export declare const Loader: ({ size }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Loader/Loader.js

@@ -0,0 +1,25 @@
+import { jsx as e } from "react/jsx-runtime";
+import '../../assets/Loader.css';const n = "_container_6ptye_1", s = "_part_6ptye_26", r = {
+  container: n,
+  part: s
+}, o = (a) => ({
+  transform: `rotate(${a * 360 / 8}deg) translate(0, -130%)`,
+  animationDelay: `${-(8 - a) * 0.125}s`
+}), i = ({ size: a = "auto" }) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: r.container,
+    "data-size": a,
+    children: Array(8).fill(0).map((c, t) => /* @__PURE__ */ e(
+      "div",
+      {
+        className: r.part,
+        style: o(t)
+      },
+      t
+    ))
+  }
+);
+export {
+  i as Loader
+};

package/dist/components/Loader/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const LOADER_SIZE_AUTO = "auto";
+export declare const LOADER_SIZE_SM = "sm";
+export declare const LOADER_SIZE_MD = "md";
+export declare const LOADER_SIZE_LG = "lg";
+export declare const LoaderSizes: string[];

package/dist/components/Loader/constants.js

@@ -0,0 +1,8 @@
+const o = "auto", E = "sm", _ = "md", s = "lg", t = [o, E, _, s];
+export {
+  o as LOADER_SIZE_AUTO,
+  s as LOADER_SIZE_LG,
+  _ as LOADER_SIZE_MD,
+  E as LOADER_SIZE_SM,
+  t as LoaderSizes
+};

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

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

package/dist/components/Loader/index.js

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

package/dist/components/Modal/Modal.js

@@ -1,13 +1,13 @@
 import { Modal as o } from "@mantine/core";
-import { t } from "../../typography.module-CkcKr7wr.js";
-import { BODY_M_MEDIUM_FONT_VARIANT as c } from "../../constants/font-variants.js";
-import '../../assets/Modal.css';const s = "_root_jcnc7_1", e = "_content_jcnc7_5", a = "_header_jcnc7_12", n = "_close_jcnc7_16", _ = {
-  root: s,
+import { c } from "../../typography.module-gwO-h9Os.js";
+import { BODY_M_MEDIUM_FONT_VARIANT as s } from "../../constants/font-variants.js";
+import '../../assets/Modal.css';const t = "_root_jcnc7_1", e = "_content_jcnc7_5", a = "_header_jcnc7_12", n = "_close_jcnc7_16", _ = {
+  root: t,
   content: e,
   header: a,
   close: n
 }, d = o.withProps({
-  classNames: { ..._, title: t[c] },
+  classNames: { ..._, title: c[s] },
   withOverlay: !1
 });
 export {

package/dist/components/Text/Text.js

@@ -1,15 +1,15 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Text as m } from "@mantine/core";
-import { forwardRef as a } from "react";
-import { t as e } from "../../typography.module-CkcKr7wr.js";
-const p = a((t, o) => /* @__PURE__ */ r(
+import { forwardRef as s } from "react";
+import { c as a } from "../../typography.module-gwO-h9Os.js";
+const c = s((t, o) => /* @__PURE__ */ r(
   m,
   {
     ref: o,
     ...t,
-    classNames: { root: e[t.variant || "text"] }
+    classNames: { root: a[t.variant || "text"] }
   }
 ));
 export {
-  p as Text
+  c as Text
 };

package/dist/components/theme.js

@@ -22,7 +22,9 @@ const a = {
     //text
     "text-base-secondary": e("#0f132499"),
     "text-base-tertiary": e("#0d112666"),
-    "text-status-destructive": e("#e6483d")
+    "text-status-destructive": e("#e6483d"),
+    //typography
+    "typography-secondary": e("#91989e")
   },
   primaryShade: 6,
   // { light: 6, dark: 8 } default mantine by theme

package/dist/main.d.ts

@@ -7,5 +7,6 @@ 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';
+export { Loader } from './components/Loader';
 export { Modal } from './components/Modal';
+export { Text } from './components/Text';

package/dist/main.js

@@ -2,24 +2,26 @@ import { ColorSchemeScript as t, mantineHtmlProps as e } from "@mantine/core";
 import { MantineProvider as m } from "./components/MainProvider/MantineProvider.js";
 import { theme as f } from "./components/theme.js";
 import { Button as a } from "./components/Button/Button.js";
-import { Input as d } from "./components/Inputs/Input.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 { Text as h } from "./components/Text/Text.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";
 export {
   a as Button,
   i as CardInput,
   t as ColorSchemeScript,
   P as CvvInput,
-  d as Input,
+  u as Input,
+  h as Loader,
   m as MantineProvider,
   l as MaskedInput,
   k as Modal,
   C as PasswordInput,
-  h as Text,
+  B as Text,
   e as mantineHtmlProps,
   f as theme
 };

package/dist/{typography.module-CkcKr7wr.js → typography.module-gwO-h9Os.js}

@@ -5,5 +5,5 @@ import './assets/typography.css';const m = {
   "caption-l-regular": "_caption-l-regular_1la8r_28"
 };
 export {
-  m as t
+  m as c
 };

package/package.json

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