@arthurzakharov/ui-kit 2.0.3 → 2.0.4

package/dist/assets/button-0LDVBgrU.css

@@ -0,0 +1 @@
+._Button_wu4lk_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary),background-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Button_wu4lk_1:disabled{cursor:not-allowed;opacity:.33}._Button_wu4lk_1._SM_wu4lk_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._Button_wu4lk_1._LG_wu4lk_24._Tertiary_wu4lk_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._Button_wu4lk_1._SM_wu4lk_19 ._Text_wu4lk_28{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)}._Button_wu4lk_1._MD_wu4lk_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_wu4lk_1._MD_wu4lk_34._Tertiary_wu4lk_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_wu4lk_1._LG_wu4lk_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_wu4lk_1._LG_wu4lk_24._Tertiary_wu4lk_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_wu4lk_1._MD_wu4lk_34 ._Text_wu4lk_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Button_wu4lk_1._LG_wu4lk_24 ._Text_wu4lk_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Button_wu4lk_1._Primary_wu4lk_62{background-color:var(--rm-ui-next-btn-bg)}._Button_wu4lk_1._Primary_wu4lk_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Button_wu4lk_1._Primary_wu4lk_62 ._Text_wu4lk_28,._Button_wu4lk_1._Primary_wu4lk_62 ._Info_wu4lk_71{color:#fff}._Button_wu4lk_1._Secondary_wu4lk_75{border:1px solid transparent;background-color:transparent}._Button_wu4lk_1._Secondary_wu4lk_75:hover{border-color:var(--rm-ui-grey-400)}._Button_wu4lk_1._Secondary_wu4lk_75:hover ._Text_wu4lk_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Button_wu4lk_1._Secondary_wu4lk_75 ._Text_wu4lk_28,._Button_wu4lk_1._Secondary_wu4lk_75 ._Info_wu4lk_71{color:var(--rm-ui-color-text-secondary)}._Button_wu4lk_1._Tertiary_wu4lk_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Button_wu4lk_1._Tertiary_wu4lk_24:hover{border-color:var(--rm-ui-grey-200)}._Button_wu4lk_1._Tertiary_wu4lk_24:hover ._Text_wu4lk_28{color:var(--rm-ui-grey-700)}._Button_wu4lk_1._Tertiary_wu4lk_24 ._Text_wu4lk_28,._Button_wu4lk_1._Tertiary_wu4lk_24 ._Info_wu4lk_71{color:var(--rm-ui-color-text-primary)}._Button_wu4lk_1:not(._Loading_wu4lk_111):not(:disabled):hover{cursor:pointer}._Button_wu4lk_1:focus{outline-color:var(--rm-ui-color-focus)}._Button_wu4lk_1._FullWidth_wu4lk_119{width:100%}._Content_wu4lk_123{display:flex;flex-direction:column}._Info_wu4lk_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular)}._Info_wu4lk_71._SM_wu4lk_19{font-size:var(--rm-ui-font-size-body-small);line-height:1.2}._Info_wu4lk_71._MD_wu4lk_34{font-size:var(--rm-ui-font-size-body);line-height:1.2}._Info_wu4lk_71._LG_wu4lk_24{font-size:var(--rm-ui-font-size-body-large);line-height:1.2}._Text_wu4lk_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_wu4lk_153{position:absolute}

package/dist/assets/info-Bx6imeeA.css

@@ -0,0 +1 @@
+._Info_1pjmm_1{--circle-size: 20px;border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-lg);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-md);background-color:var(--rm-ui-payment-info-bg)}._Title_1pjmm_14{font-weight:var(--rm-ui-font-weight-medium);color:var(--rm-ui-color-accent-primary);font-size:var(--rm-ui-font-size-body-extra-small);line-height:var(--rm-ui-line-height-body-extra-small);letter-spacing:1px;text-transform:uppercase}._List_1pjmm_23{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._Item_1pjmm_32{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._Content_1pjmm_39{width:calc(100% - var(--circle-size) - var(--rm-ui-padding-sm));font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body-small)}._Circle_1pjmm_45{width:var(--circle-size);height:var(--circle-size);border-radius:100%;padding:var(--rm-ui-padding-xxs);display:flex;align-items:center;justify-content:center}._CircleCheck_1pjmm_55{background-color:var(--rm-ui-color-accent-primary)}._CircleArrow_1pjmm_59{background-color:var(--rm-ui-color-accent-tertiary)}._Icon_1pjmm_63{stroke:#fff;stroke-width:3px}

package/dist/components/payment/components/info/info.component.js

@@ -1,26 +1,26 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import s from "clsx";
-import { Check as u, ArrowRight as _ } from "lucide-react";
-import { Content as h } from "../../../../utils/content/content.component.js";
-import { baseProps as l } from "../../../../utils/functions/functions.util.js";
-import '../../../../assets/info-CTRSglVI.css';const C = "_Info_uwhuu_1", m = "_Title_uwhuu_14", w = "_List_uwhuu_23", p = "_Item_uwhuu_32", I = "_Content_uwhuu_39", d = "_Circle_uwhuu_45", f = "_CircleCheck_uwhuu_55", N = "_CircleArrow_uwhuu_59", k = "_Icon_uwhuu_63", c = {
+import { Check as a, ArrowRight as _ } from "lucide-react";
+import { Content as p } from "../../../../utils/content/content.component.js";
+import { baseProps as m } from "../../../../utils/functions/functions.util.js";
+import '../../../../assets/info-Bx6imeeA.css';const C = "_Info_1pjmm_1", h = "_Title_1pjmm_14", I = "_List_1pjmm_23", d = "_Item_1pjmm_32", f = "_Content_1pjmm_39", j = "_Circle_1pjmm_45", N = "_CircleCheck_1pjmm_55", k = "_CircleArrow_1pjmm_59", w = "_Icon_1pjmm_63", c = {
   Info: C,
-  Title: m,
-  List: w,
-  Item: p,
-  Content: I,
-  Circle: d,
-  CircleCheck: f,
-  CircleArrow: N,
-  Icon: k
-}, j = ({ title: r, list: i, ...n }) => /* @__PURE__ */ o(
+  Title: h,
+  List: I,
+  Item: d,
+  Content: f,
+  Circle: j,
+  CircleCheck: N,
+  CircleArrow: k,
+  Icon: w
+}, $ = ({ title: r, list: l, ...n }) => /* @__PURE__ */ o(
   "div",
   {
-    "data-testid": l(n, "data-testid", "payment-info"),
-    className: s(c.Info, l(n, "className")),
+    "data-testid": m(n, "data-testid", "payment-info"),
+    className: s(c.Info, m(n, "className")),
     children: [
       r && /* @__PURE__ */ t("h6", { className: c.Title, children: r }),
-      /* @__PURE__ */ t("ul", { className: c.List, children: i.map((e, a) => /* @__PURE__ */ o("li", { className: c.Item, children: [
+      /* @__PURE__ */ t("ul", { className: c.List, children: l.map((e, i) => /* @__PURE__ */ o("li", { className: c.Item, children: [
         /* @__PURE__ */ o(
           "span",
           {
@@ -29,16 +29,16 @@ import '../../../../assets/info-CTRSglVI.css';const C = "_Info_uwhuu_1", m = "_T
               [c.CircleArrow]: e.type === "arrow"
             }),
             children: [
-              e.type === "check" && /* @__PURE__ */ t(u, { className: c.Icon }),
+              e.type === "check" && /* @__PURE__ */ t(a, { className: c.Icon }),
               e.type === "arrow" && /* @__PURE__ */ t(_, { className: c.Icon })
             ]
           }
         ),
-        /* @__PURE__ */ t(h, { className: c.Content, children: e.text })
-      ] }, a)) })
+        /* @__PURE__ */ t(p, { className: c.Content, children: e.text })
+      ] }, i)) })
     ]
   }
 );
 export {
-  j as Info
+  $ as Info
 };

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

@@ -1,66 +1,66 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import c from "clsx";
-import { FadeScale as x } from "../../../animations/fade-scale/fade-scale.component.js";
-import { Loader as C } from "../../../components/loader/loader.component.js";
-import { Content as T } from "../../../utils/content/content.component.js";
-import { withControl as B, baseProps as _ } from "../../../utils/functions/functions.util.js";
-import '../../../assets/button-B5n1Rk4g.css';const F = "_Button_7nu7i_1", N = "_SM_7nu7i_19", S = "_LG_7nu7i_24", b = "_Tertiary_7nu7i_24", D = "_Text_7nu7i_28", G = "_MD_7nu7i_34", P = "_Primary_7nu7i_62", I = "_Info_7nu7i_71", W = "_Secondary_7nu7i_75", g = "_Loading_7nu7i_111", w = "_FullWidth_7nu7i_119", $ = "_Content_7nu7i_123", j = "_Loader_7nu7i_153", t = {
-  Button: F,
-  SM: N,
-  LG: S,
-  Tertiary: b,
-  Text: D,
-  MD: G,
-  Primary: P,
-  Info: I,
-  Secondary: W,
-  Loading: g,
-  FullWidth: w,
-  Content: $,
-  Loader: j
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import l from "clsx";
+import { FadeScale as h } from "../../../animations/fade-scale/fade-scale.component.js";
+import { Loader as M } from "../../../components/loader/loader.component.js";
+import { Content as x } from "../../../utils/content/content.component.js";
+import { withControl as C, baseProps as _ } from "../../../utils/functions/functions.util.js";
+import '../../../assets/button-0LDVBgrU.css';const T = "_Button_wu4lk_1", B = "_SM_wu4lk_19", F = "_LG_wu4lk_24", N = "_Tertiary_wu4lk_24", S = "_Text_wu4lk_28", b = "_MD_wu4lk_34", D = "_Primary_wu4lk_62", G = "_Info_wu4lk_71", P = "_Secondary_wu4lk_75", I = "_Loading_wu4lk_111", W = "_FullWidth_wu4lk_119", g = "_Content_wu4lk_123", $ = "_Loader_wu4lk_153", t = {
+  Button: T,
+  SM: B,
+  LG: F,
+  Tertiary: N,
+  Text: S,
+  MD: b,
+  Primary: D,
+  Info: G,
+  Secondary: P,
+  Loading: I,
+  FullWidth: W,
+  Content: g,
+  Loader: $
 }, J = ({
   text: d,
-  color: n = "primary",
+  color: r = "primary",
   textSize: o = "md",
   infoSize: e = "sm",
-  type: m = "button",
-  disabled: u = !1,
-  info: l = "",
+  type: i = "button",
+  disabled: m = !1,
+  info: u = "",
   fullWidth: y = !1,
-  loading: r = !1,
-  preventDefault: p = !1,
-  blurAfterClick: L = !1,
-  onClick: f = () => {
+  loading: n = !1,
+  preventDefault: w = !1,
+  blurAfterClick: k = !1,
+  onClick: p = () => {
   },
-  onFocus: h,
-  onBlur: M,
+  onFocus: L,
+  onBlur: f,
   ...s
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ c(
   "button",
   {
     "data-testid": _(s, "data-testid", "button"),
-    type: m,
-    disabled: u || r,
-    className: c(t.Button, _(s, "className"), {
+    type: i,
+    disabled: m || n,
+    className: l(t.Button, _(s, "className"), {
       [t.SM]: o === "sm",
       [t.MD]: o === "md",
       [t.LG]: o === "lg",
-      [t.Primary]: n === "primary",
-      [t.Secondary]: n === "secondary",
-      [t.Tertiary]: n === "tertiary",
+      [t.Primary]: r === "primary",
+      [t.Secondary]: r === "secondary",
+      [t.Tertiary]: r === "tertiary",
       [t.FullWidth]: y,
-      [t.Loading]: r
+      [t.Loading]: n
     }),
-    onClick: B(f, { prevent: p, blur: L }),
-    onFocus: () => h?.(),
-    onBlur: () => M?.(),
+    onClick: C(p, { prevent: w, blur: k }),
+    onFocus: () => L?.(),
+    onBlur: () => f?.(),
     children: [
-      r && /* @__PURE__ */ a(
-        C,
+      n && /* @__PURE__ */ a(
+        M,
         {
           size: "xs",
           color: (() => {
-            switch (n) {
+            switch (r) {
               case "primary":
                 return "white";
               case "secondary":
@@ -72,17 +72,17 @@ import '../../../assets/button-B5n1Rk4g.css';const F = "_Button_7nu7i_1", N = "_
           className: t.Loader
         }
       ),
-      /* @__PURE__ */ i(x, { name: "content", keepMount: !0, condition: !r, className: t.Content, children: [
+      /* @__PURE__ */ c(h, { name: "content", keepMount: !0, condition: !n, className: t.Content, children: [
         /* @__PURE__ */ a("span", { className: t.Text, children: d }),
         /* @__PURE__ */ a(
-          T,
+          x,
           {
-            className: c(t.Info, {
+            className: l(t.Info, {
               [t.SM]: e === "sm",
               [t.MD]: e === "md",
               [t.LG]: e === "lg"
             }),
-            children: l
+            children: u
           }
         )
       ] })

package/package.json

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

package/dist/assets/button-B5n1Rk4g.css

@@ -1 +0,0 @@
-._Button_7nu7i_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:border-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary),background-color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Button_7nu7i_1:disabled{cursor:not-allowed;opacity:.33}._Button_7nu7i_1._SM_7nu7i_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._Button_7nu7i_1._LG_7nu7i_24._Tertiary_7nu7i_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._Button_7nu7i_1._SM_7nu7i_19 ._Text_7nu7i_28{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)}._Button_7nu7i_1._MD_7nu7i_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_7nu7i_1._MD_7nu7i_34._Tertiary_7nu7i_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_7nu7i_1._LG_7nu7i_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_7nu7i_1._LG_7nu7i_24._Tertiary_7nu7i_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_7nu7i_1._MD_7nu7i_34 ._Text_7nu7i_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Button_7nu7i_1._LG_7nu7i_24 ._Text_7nu7i_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Button_7nu7i_1._Primary_7nu7i_62{background-color:var(--rm-ui-next-btn-bg)}._Button_7nu7i_1._Primary_7nu7i_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Button_7nu7i_1._Primary_7nu7i_62 ._Text_7nu7i_28,._Button_7nu7i_1._Primary_7nu7i_62 ._Info_7nu7i_71{color:#fff}._Button_7nu7i_1._Secondary_7nu7i_75{border:1px solid transparent;background-color:transparent}._Button_7nu7i_1._Secondary_7nu7i_75:hover{border-color:var(--rm-ui-grey-400)}._Button_7nu7i_1._Secondary_7nu7i_75:hover ._Text_7nu7i_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Button_7nu7i_1._Secondary_7nu7i_75 ._Text_7nu7i_28,._Button_7nu7i_1._Secondary_7nu7i_75 ._Info_7nu7i_71{color:var(--rm-ui-color-text-secondary)}._Button_7nu7i_1._Tertiary_7nu7i_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Button_7nu7i_1._Tertiary_7nu7i_24:hover{border-color:var(--rm-ui-grey-200)}._Button_7nu7i_1._Tertiary_7nu7i_24:hover ._Text_7nu7i_28{color:var(--rm-ui-grey-700)}._Button_7nu7i_1._Tertiary_7nu7i_24 ._Text_7nu7i_28,._Button_7nu7i_1._Tertiary_7nu7i_24 ._Info_7nu7i_71{color:var(--rm-ui-color-text-primary)}._Button_7nu7i_1:not(._Loading_7nu7i_111):not(:disabled):hover{cursor:pointer}._Button_7nu7i_1:focus{outline-color:var(--rm-ui-color-focus)}._Button_7nu7i_1._FullWidth_7nu7i_119{width:100%}._Content_7nu7i_123{display:flex;flex-direction:column}._Info_7nu7i_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular)}._Info_7nu7i_71._SM_7nu7i_19{font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Info_7nu7i_71._MD_7nu7i_34{font-size:var(--rm-ui-font-size-body);line-height:calc(var(--rm-ui-line-height-body) - 2px)}._Info_7nu7i_71._LG_7nu7i_24{font-size:var(--rm-ui-font-size-body-large);line-height:calc(var(--rm-ui-line-height-body-large) - 2px)}._Text_7nu7i_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_7nu7i_153{position:absolute}

package/dist/assets/info-CTRSglVI.css

@@ -1 +0,0 @@
-._Info_uwhuu_1{--circle-size: 20px;border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-md);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-lg);background-color:var(--rm-ui-payment-info-bg)}._Title_uwhuu_14{font-weight:var(--rm-ui-font-weight-medium);color:var(--rm-ui-color-accent-primary);font-size:var(--rm-ui-font-size-body-extra-small);line-height:var(--rm-ui-line-height-body-extra-small);letter-spacing:1px;text-transform:uppercase}._List_uwhuu_23{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._Item_uwhuu_32{display:flex;align-items:flex-start;justify-content:flex-start;gap:var(--rm-ui-padding-sm)}._Content_uwhuu_39{width:calc(100% - var(--circle-size) - var(--rm-ui-padding-sm));font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body-small)}._Circle_uwhuu_45{width:var(--circle-size);height:var(--circle-size);border-radius:100%;padding:var(--rm-ui-padding-xxs);display:flex;align-items:center;justify-content:center}._CircleCheck_uwhuu_55{background-color:var(--rm-ui-color-accent-primary)}._CircleArrow_uwhuu_59{background-color:var(--rm-ui-color-accent-tertiary)}._Icon_uwhuu_63{stroke:#fff;stroke-width:3px}