@arthurzakharov/ui-kit 1.5.8 → 1.6.0

package/dist/assets/button-BEelW-t0.css

@@ -0,0 +1 @@
+._Button_1l8qm_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:border-color ease-in-out var(--rm-ui-amimation-speed-primary),background-color ease-in-out var(--rm-ui-amimation-speed-primary)}._SM_1l8qm_14{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_1l8qm_19._Tertiary_1l8qm_19{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_1l8qm_14 ._Text_1l8qm_23{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._MD_1l8qm_29{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_1l8qm_29._Tertiary_1l8qm_19{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_1l8qm_19{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_1l8qm_19._Tertiary_1l8qm_19{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_1l8qm_29 ._Text_1l8qm_23{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_1l8qm_19 ._Text_1l8qm_23{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_1l8qm_57{background-color:var(--rm-ui-next-btn-bg)}._Primary_1l8qm_57:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_1l8qm_57 ._Text_1l8qm_23,._Primary_1l8qm_57 ._Info_1l8qm_66{color:#fff}._Secondary_1l8qm_70{border:1px solid transparent;background-color:transparent}._Secondary_1l8qm_70:hover{border-color:var(--rm-ui-grey-400)}._Secondary_1l8qm_70:hover ._Text_1l8qm_23{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_1l8qm_70 ._Text_1l8qm_23,._Secondary_1l8qm_70 ._Info_1l8qm_66{color:var(--rm-ui-color-text-secondary)}._Tertiary_1l8qm_19{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_1l8qm_19:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_1l8qm_19:hover ._Text_1l8qm_23{color:var(--rm-ui-grey-700)}._Tertiary_1l8qm_19 ._Text_1l8qm_23,._Tertiary_1l8qm_19 ._Info_1l8qm_66{color:var(--rm-ui-color-text-primary)}._Button_1l8qm_1:not(._Loading_1l8qm_106):not(:disabled):hover{cursor:pointer}._Button_1l8qm_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_1l8qm_114{width:100%}._Content_1l8qm_118{display:flex;flex-direction:column}._Info_1l8qm_66{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Text_1l8qm_23{font-weight:var(--rm-ui-font-weight-medium);transform:color ease-in-out var(--rm-ui-amimation-speed-primary)}._Loader_1l8qm_135{position:absolute;display:flex}

package/dist/assets/{main-BrKLCio0.css → main-BVXeOR-N.css}

@@ -1 +1 @@
-*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #ff9900;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-box-border-radius: 10px;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-payment-text-blocks-gap: var(--rm-ui-padding-lg);--rm-ui-data-protected-label-icon: var(--rm-ui-next-btn-bg);--rm-ui-data-protected-label-text: var(--rm-ui-color-text-primary);--rm-ui-status-idle-color: #82868f;--rm-ui-status-success-color: var(--rm-ui-color-accent-primary);--rm-ui-status-error-color: var(--rm-ui-color-error);--rm-ui-not-found-color: var(--rm-ui-color-text-primary);--rm-ui-not-found-border: var(--rm-ui-grey-300);--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: #23bf96;--rm-ui-next-btn-bg-hover: #3adbb1;--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #f9fcff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .45s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.65, 0, .35, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.68, -.6, .32, 1.6);--rm-ui-warranty-bg: #f9fcff}
+*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--rm-ui-body-bg);font-family:Lato,sans-serif;font-weight:var(--rm-ui-font-weight-regular);font-size:16px;line-height:24px;-webkit-hyphens:manual;hyphens:manual;white-space:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6,b,strong{font-weight:var(--rm-ui-font-weight-medium)}h1{font-size:var(--rm-ui-font-size-hl1);line-height:var(--rm-ui-line-height-hl1)}h2{font-size:var(--rm-ui-font-size-hl2);line-height:var(--rm-ui-line-height-hl2)}h3{font-size:var(--rm-ui-font-size-hl3);line-height:var(--rm-ui-line-height-hl3)}h4{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}h5,h6{font-size:var(--rm-ui-font-size-hl5);line-height:var(--rm-ui-line-height-hl5)}a{text-decoration:none;color:inherit;border-radius:var(--rm-ui-border-radius-sm);outline:2px solid transparent}button,*[role=button]{border:none;border-radius:0;background-color:transparent;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;color:inherit;-webkit-hyphens:inherit;hyphens:inherit;white-space:inherit;outline-offset:-2px;outline:2px solid transparent}a:hover,button:hover,*[role=button]:hover{cursor:pointer}a:active,button:active,*[role=button]:active{outline:none}a:focus-visible,button:focus-visible,*[role=button]:focus-visible{outline-color:var(--rm-ui-color-focus);outline-offset:-2px;transition:outline-color var(--rm-ui-amimation-speed-primary) ease-in-out;transition-delay:calc(var(--rm-ui-amimation-speed-primary) / 2)}.text-primary{color:var(--rm-ui-color-text-primary)}.text-secondary{color:var(--rm-ui-color-text-secondary)}.fw-light{font-weight:var(--rm-ui-font-weight-light)}.fw-regular{font-weight:var(--rm-ui-font-weight-regular)}.fw-medium{font-weight:var(--rm-ui-font-weight-medium)}.fw-bold{font-weight:var(--rm-ui-font-weight-bold)}:root{--rm-ui-padding-xxs: 4px;--rm-ui-padding-xs: 8px;--rm-ui-padding-sm: 12px;--rm-ui-padding-md: 16px;--rm-ui-padding-lg: 24px;--rm-ui-padding-xl: 32px;--rm-ui-padding-xxl: 40px;--rm-ui-padding-xxxl: 48px;--rm-ui-border-radius-sm: 8px;--rm-ui-border-radius-md: 12px;--rm-ui-border-radius-lg: 16px;--rm-ui-border-radius-xl: 24px;--rm-ui-font-size-body-extra-small: 12px;--rm-ui-line-height-body-extra-small: 16px;--rm-ui-font-size-body-small: 14px;--rm-ui-line-height-body-small: 20px;--rm-ui-font-size-body: 16px;--rm-ui-line-height-body: 24px;--rm-ui-font-size-body-large: 20px;--rm-ui-line-height-body-large: 30px;--rm-ui-font-size-hl5: 14px;--rm-ui-line-height-hl5: 22px;--rm-ui-font-size-hl4: 18px;--rm-ui-line-height-hl4: 24px;--rm-ui-font-size-hl3: 20px;--rm-ui-line-height-hl3: 30px;--rm-ui-font-size-hl2: 24px;--rm-ui-line-height-hl2: 32px;--rm-ui-font-size-hl1: 28px;--rm-ui-line-height-hl1: 36px;--rm-ui-font-weight-light: 300;--rm-ui-font-weight-regular: 400;--rm-ui-font-weight-medium: 700;--rm-ui-font-weight-bold: 900;--rm-ui-grey-950: #0a0a0a;--rm-ui-grey-900: #171717;--rm-ui-grey-800: #262626;--rm-ui-grey-700: #404040;--rm-ui-grey-600: #525252;--rm-ui-grey-500: #737373;--rm-ui-grey-400: #a3a3a3;--rm-ui-grey-300: #d4d4d4;--rm-ui-grey-200: #e5e5e5;--rm-ui-grey-100: #f5f5f5;--rm-ui-grey-50: #fafafa;--rm-ui-color-text-primary: var(--rm-ui-grey-800);--rm-ui-color-text-secondary: var(--rm-ui-grey-500);--rm-ui-color-accent-primary: #23bf96;--rm-ui-color-accent-secondary: #ff9900;--rm-ui-color-theme-primary: #302677;--rm-ui-color-theme-secondary: #302677;--rm-ui-color-action: #006cff;--rm-ui-color-inverted: #ffffff;--rm-ui-color-error: #dc2626;--rm-ui-color-success: #00b649;--rm-ui-color-focus: #ff8d02;--rm-ui-color-link: #ff8206;--rm-ui-body-color: #f0faff;--rm-ui-box-border-radius: 10px;--rm-ui-header-logo-height: 30px;--rm-ui-header-phone: #ff9900;--rm-ui-header-phone-size: 22px;--rm-ui-header-text: var(--rm-ui-color-text-primary);--rm-ui-header-check-icon: var(--rm-ui-color-text-primary);--rm-ui-certifications-color: #b1b4c7;--rm-ui-certifications-size: 20px;--rm-ui-message-success-primary: #29c667;--rm-ui-message-success-secondary: #f1fdf4;--rm-ui-message-question-primary: #a76000;--rm-ui-message-question-secondary: #fefce8;--rm-ui-message-error-primary: var(--rm-ui-color-error);--rm-ui-message-error-secondary: #fef3f3;--rm-ui-message-info-primary: #3289c4;--rm-ui-message-info-secondary: #f3f7fe;--rm-ui-payment-sidebar-bg: #f8fcff;--rm-ui-payment-text-blocks-gap: var(--rm-ui-padding-lg);--rm-ui-data-protected-label-icon: var(--rm-ui-next-btn-bg);--rm-ui-data-protected-label-text: var(--rm-ui-color-text-primary);--rm-ui-status-idle-color: #82868f;--rm-ui-status-success-color: var(--rm-ui-color-accent-primary);--rm-ui-status-error-color: var(--rm-ui-color-error);--rm-ui-not-found-color: var(--rm-ui-color-text-primary);--rm-ui-not-found-border: var(--rm-ui-grey-300);--rm-ui-card-background: #ffffff;--rm-ui-next-btn-bg: rgba(35, 191, 150, 1);--rm-ui-next-btn-bg-hover: rgba(35, 191, 150, .9);--rm-ui-info-panel-bg: var(--rm-ui-body-color);--rm-ui-sidebar-bg: #f6f6f6;--rm-ui-sidebar-line-color: var(--rm-ui-grey-200);--rm-ui-loading-screen-height: 400px;--rm-ui-body-bg: #f9fcff;--rm-ui-content-bg: #ffffff;--rm-ui-amimation-speed-primary: .15s;--rm-ui-amimation-speed-secondary: .3s;--rm-ui-amimation-speed-tertiary: .45s;--rm-ui-amimation-cubic-primary: cubic-bezier(.3, 0, 0, 1);--rm-ui-amimation-cubic-secondary: cubic-bezier(.65, 0, .35, 1);--rm-ui-amimation-cubic-tertiary: cubic-bezier(.68, -.6, .32, 1.6);--rm-ui-warranty-bg: #f9fcff}

package/dist/components/bottom-bar/bottom-bar.component.d.ts

@@ -1,3 +1,4 @@
+import { TextProps } from '../text/text.component';
 import { Base, FontColor, FontSize, FontWeight } from '../../utils/types';
 type BottomBarInfoItem<T> = {
     lined?: boolean;
@@ -18,10 +19,16 @@ type BottomBarInfo = {
     bottomLeft?: BottomBarInfoItem<string> | string;
     bottomRight?: BottomBarInfoItem<string> | string;
 };
+type BottomBarMessage = {
+    text: string;
+    hidden?: boolean;
+    color?: TextProps['color'];
+    align?: TextProps['align'];
+};
 interface BottomBarProps extends Base {
     button: BottomBarButton;
     info: BottomBarInfo;
-    message?: string;
+    message?: BottomBarMessage;
     staticFrom?: number;
 }
 export declare const BottomBar: ({ button, info, message, staticFrom, ...base }: BottomBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/bottom-bar/bottom-bar.component.js

@@ -1,11 +1,11 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
 import { useRef as p, useEffect as B, useMemo as u } from "react";
 import b from "clsx";
 import { useResizeObserver as _, useWindowSize as k } from "usehooks-ts";
-import { Text as c } from "../text/text.component.js";
+import { Text as l } from "../text/text.component.js";
 import { Button as y } from "../../controls/buttons/button/button.component.js";
 import "../../controls/primitives/box/box.component.js";
-import { baseProps as g } from "../../utils/functions/functions.util.js";
+import { baseProps as h } from "../../utils/functions/functions.util.js";
 import "lucide-react";
 import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w = "_Fixed_xd6ok_7", R = "_Static_xd6ok_16", z = "_TopBlock_xd6ok_20", L = "_LeftBlock_xd6ok_24", v = "_RightBlock_xd6ok_31", N = "_Message_xd6ok_38", M = "_Button_xd6ok_43", r = {
   BottomBar: f,
@@ -34,14 +34,14 @@ import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w
   weight: t.weight || "regular",
   size: t.size || "body",
   color: t.color || "text-primary"
-}, I = ({ button: o, info: t, message: a = "", staticFrom: h = 768, ...m }) => {
-  const d = p(null), { height: n } = _({
-    ref: d,
+}, I = ({ button: o, info: t, message: c, staticFrom: x = 768, ...a }) => {
+  const m = p(null), { height: d } = _({
+    ref: m,
     box: "border-box"
-  }), { width: x } = k({ initializeWithValue: !0, debounceDelay: 150 });
-  B(() => (n ? document.body.style.marginBottom = `${Math.round(n)}px` : document.body.style.removeProperty("margin-bottom"), () => {
+  }), { width: g } = k({ initializeWithValue: !0, debounceDelay: 150 });
+  B(() => (d ? document.body.style.marginBottom = `${Math.round(d)}px` : document.body.style.removeProperty("margin-bottom"), () => {
     document.body.style.removeProperty("margin-bottom");
-  }), [n]);
+  }), [d]);
   const e = u(
     () => ({
       topLeft: s(t.topLeft, { weight: "medium", color: "text-primary" }),
@@ -51,24 +51,24 @@ import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w
     }),
     [t]
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ n(
     "div",
     {
-      "data-testid": g(m, "data-testid", "bottom-bar"),
-      ref: d,
-      className: b(r.BottomBar, g(m, "className"), x >= h ? r.Static : r.Fixed),
+      "data-testid": h(a, "data-testid", "bottom-bar"),
+      ref: m,
+      className: b(r.BottomBar, h(a, "className"), g >= x ? r.Static : r.Fixed),
       children: [
-        /* @__PURE__ */ l("div", { className: r.TopBlock, children: [
-          /* @__PURE__ */ l("div", { className: r.LeftBlock, children: [
-            /* @__PURE__ */ i(c, { ...e.topLeft, children: e.topLeft.text }),
-            /* @__PURE__ */ i(c, { ...e.bottomLeft, children: e.bottomLeft.text })
+        /* @__PURE__ */ n("div", { className: r.TopBlock, children: [
+          /* @__PURE__ */ n("div", { className: r.LeftBlock, children: [
+            /* @__PURE__ */ i(l, { ...e.topLeft, children: e.topLeft.text }),
+            /* @__PURE__ */ i(l, { ...e.bottomLeft, children: e.bottomLeft.text })
           ] }),
-          /* @__PURE__ */ l("div", { className: r.RightBlock, children: [
-            /* @__PURE__ */ i(c, { ...e.topRight, children: e.topRight.text }),
-            /* @__PURE__ */ i(c, { ...e.bottomRight, children: e.bottomRight.text })
+          /* @__PURE__ */ n("div", { className: r.RightBlock, children: [
+            /* @__PURE__ */ i(l, { ...e.topRight, children: e.topRight.text }),
+            /* @__PURE__ */ i(l, { ...e.bottomRight, children: e.bottomRight.text })
           ] })
         ] }),
-        a && /* @__PURE__ */ i(c, { color: "text-secondary", align: "center", className: r.Message, children: a }),
+        c && !c.hidden && /* @__PURE__ */ i(l, { color: c.color || "text-secondary", align: c.align || "center", className: r.Message, children: c.text }),
         /* @__PURE__ */ i(
           y,
           {

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

@@ -1 +1 @@
-export { Text } from './text.component';
+export { Text, type TextProps } from './text.component';

package/dist/components/text/text.component.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
 import { Base, FontAlign, FontColor, FontSize, FontWeight, TagNames, TextPreset } from '../../utils/types';
-interface TextFieldProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsWithChildren<Base> {
+export interface TextProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsWithChildren<Base> {
     preset?: TextPreset;
     tag?: TagNames;
     lined?: boolean;
@@ -9,5 +9,4 @@ interface TextFieldProps extends HTMLAttributes<HTMLElementTagNameMap>, PropsWit
     size?: FontSize;
     color?: FontColor;
 }
-export declare const Text: ({ children, className, preset, lined, align, tag, weight, size, color, ...rest }: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const Text: ({ children, className, preset, lined, align, tag, weight, size, color, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/buttons/button/button.component.js

@@ -1,65 +1,65 @@
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import h from "clsx";
-import { FadeScale as c } from "../../../animations/fade-scale/fade-scale.component.js";
+import { FadeScale as m } from "../../../animations/fade-scale/fade-scale.component.js";
 import { Loader as x } from "../../../components/loader/loader.component.js";
 import { Content as M } from "../../../utils/content/content.component.js";
-import { withControl as S, baseProps as i } from "../../../utils/functions/functions.util.js";
-import '../../../assets/button-Tzg6F5Dp.css';const C = "_Button_1b52a_1", T = "_SM_1b52a_11", B = "_LG_1b52a_16", F = "_Tertiary_1b52a_16", N = "_Text_1b52a_20", P = "_MD_1b52a_26", D = "_Primary_1b52a_54", G = "_Info_1b52a_59", I = "_Secondary_1b52a_63", W = "_Loading_1b52a_82", w = "_FullWidth_1b52a_90", $ = "_Content_1b52a_94", g = "_Loader_1b52a_110", t = {
+import { withControl as S, baseProps as c } from "../../../utils/functions/functions.util.js";
+import '../../../assets/button-BEelW-t0.css';const C = "_Button_1l8qm_1", T = "_SM_1l8qm_14", B = "_LG_1l8qm_19", F = "_Tertiary_1l8qm_19", N = "_Text_1l8qm_23", b = "_MD_1l8qm_29", P = "_Primary_1l8qm_57", D = "_Info_1l8qm_66", G = "_Secondary_1l8qm_70", I = "_Loading_1l8qm_106", W = "_FullWidth_1l8qm_114", w = "_Content_1l8qm_118", $ = "_Loader_1l8qm_135", t = {
   Button: C,
   SM: T,
   LG: B,
   Tertiary: F,
   Text: N,
-  MD: P,
-  Primary: D,
-  Info: G,
-  Secondary: I,
-  Loading: W,
-  FullWidth: w,
-  Content: $,
-  Loader: g
+  MD: b,
+  Primary: P,
+  Info: D,
+  Secondary: G,
+  Loading: I,
+  FullWidth: W,
+  Content: w,
+  Loader: $
 }, H = ({
-  text: _,
-  color: a = "primary",
-  size: r = "md",
-  type: d = "button",
-  disabled: m = !1,
-  info: l = "",
+  text: l,
+  color: n = "primary",
+  size: e = "md",
+  type: i = "button",
+  disabled: _ = !1,
+  info: d = "",
   fullWidth: y = !1,
-  loading: n = !1,
+  loading: o = !1,
   preventDefault: u = !1,
-  blurAfterClick: b = !1,
-  onClick: f = () => {
+  blurAfterClick: f = !1,
+  onClick: p = () => {
   },
-  onFocus: p,
-  onBlur: L,
-  ...e
+  onFocus: L,
+  onBlur: q,
+  ...a
 }) => /* @__PURE__ */ s(
   "button",
   {
-    "data-testid": i(e, "data-testid", "button"),
-    type: d,
-    disabled: m || n,
-    className: h(t.Button, i(e, "className"), {
-      [t.SM]: r === "sm",
-      [t.MD]: r === "md",
-      [t.LG]: r === "lg",
-      [t.Primary]: a === "primary",
-      [t.Secondary]: a === "secondary",
-      [t.Tertiary]: a === "tertiary",
+    "data-testid": c(a, "data-testid", "button"),
+    type: i,
+    disabled: _ || o,
+    className: h(t.Button, c(a, "className"), {
+      [t.SM]: e === "sm",
+      [t.MD]: e === "md",
+      [t.LG]: e === "lg",
+      [t.Primary]: n === "primary",
+      [t.Secondary]: n === "secondary",
+      [t.Tertiary]: n === "tertiary",
       [t.FullWidth]: y,
-      [t.Loading]: n
+      [t.Loading]: o
     }),
-    onClick: S(f, { prevent: u, blur: b }),
-    onFocus: () => p?.(),
-    onBlur: () => L?.(),
+    onClick: S(p, { prevent: u, blur: f }),
+    onFocus: () => L?.(),
+    onBlur: () => q?.(),
     children: [
-      /* @__PURE__ */ o(c, { name: "loader", condition: n, className: t.Loader, children: /* @__PURE__ */ o(
+      /* @__PURE__ */ r(m, { name: "loader", condition: o, className: t.Loader, children: /* @__PURE__ */ r(
         x,
         {
           size: "xs",
           color: (() => {
-            switch (a) {
+            switch (n) {
               case "primary":
                 return "white";
               case "secondary":
@@ -70,9 +70,9 @@ import '../../../assets/button-Tzg6F5Dp.css';const C = "_Button_1b52a_1", T = "_
           })()
         }
       ) }),
-      /* @__PURE__ */ s(c, { name: "content", keepMount: !0, condition: !n, className: t.Content, children: [
-        /* @__PURE__ */ o("span", { className: t.Text, children: _ }),
-        /* @__PURE__ */ o(M, { className: t.Info, children: l })
+      /* @__PURE__ */ s(m, { name: "content", keepMount: !0, condition: !o, className: t.Content, children: [
+        /* @__PURE__ */ r("span", { className: t.Text, children: l }),
+        /* @__PURE__ */ r(M, { className: t.Info, children: d })
       ] })
     ]
   }

package/dist/main.js

@@ -49,7 +49,7 @@ import { Svg as qo } from "./utils/svg/svg.component.js";
 import { Text as Jo } from "./components/text/text.component.js";
 import { UserPanel as Oo } from "./components/user-panel/user-panel.component.js";
 import { Warranty as Vo } from "./components/warranty/warranty.component.js";
-import './assets/main-BrKLCio0.css';export {
+import './assets/main-BVXeOR-N.css';export {
   Z as AccordionTable,
   $ as BottomBar,
   H as Box,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "1.5.8",
+  "version": "1.6.0",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/assets/button-Tzg6F5Dp.css

@@ -1 +0,0 @@
-._Button_1b52a_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}._SM_1b52a_11{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_1b52a_16._Tertiary_1b52a_16{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_1b52a_11 ._Text_1b52a_20{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._MD_1b52a_26{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_1b52a_26._Tertiary_1b52a_16{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_1b52a_16{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_1b52a_16._Tertiary_1b52a_16{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_1b52a_26 ._Text_1b52a_20{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_1b52a_16 ._Text_1b52a_20{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_1b52a_54{background-color:var(--rm-ui-next-btn-bg)}._Primary_1b52a_54 ._Text_1b52a_20,._Primary_1b52a_54 ._Info_1b52a_59{color:#fff}._Secondary_1b52a_63{background-color:transparent}._Secondary_1b52a_63 ._Text_1b52a_20,._Secondary_1b52a_63 ._Info_1b52a_59{color:var(--rm-ui-color-text-secondary)}._Tertiary_1b52a_16{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_1b52a_16 ._Text_1b52a_20,._Tertiary_1b52a_16 ._Info_1b52a_59{color:var(--rm-ui-color-text-primary)}._Button_1b52a_1:not(._Loading_1b52a_82):not(:disabled):hover{cursor:pointer}._Button_1b52a_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_1b52a_90{width:100%}._Content_1b52a_94{display:flex;flex-direction:column}._Info_1b52a_59{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Text_1b52a_20{font-weight:var(--rm-ui-font-weight-medium)}._Loader_1b52a_110{position:absolute;display:flex}