@arthurzakharov/ui-kit 2.0.2 → 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 c, jsx as e } from "react/jsx-runtime";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
 import l from "clsx";
-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 C } from "../../../utils/content/content.component.js";
-import { withControl as T, baseProps as _ } from "../../../utils/functions/functions.util.js";
-import '../../../assets/button-CG0UkrYi.css';const B = "_Button_1jlaj_1", F = "_SM_1jlaj_19", N = "_LG_1jlaj_24", S = "_Tertiary_1jlaj_24", b = "_Text_1jlaj_28", D = "_MD_1jlaj_34", G = "_Primary_1jlaj_62", P = "_Info_1jlaj_71", I = "_Secondary_1jlaj_75", W = "_Loading_1jlaj_111", g = "_FullWidth_1jlaj_119", w = "_Content_1jlaj_123", $ = "_Loader_1jlaj_153", t = {
-  Button: B,
-  SM: F,
-  LG: N,
-  Tertiary: S,
-  Text: b,
-  MD: D,
-  Primary: G,
-  Info: P,
-  Secondary: I,
-  Loading: W,
-  FullWidth: g,
-  Content: w,
+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: a = "primary",
-  textSize: n = "md",
-  infoSize: o = "sm",
+  color: r = "primary",
+  textSize: o = "md",
+  infoSize: e = "sm",
   type: i = "button",
   disabled: m = !1,
-  info: j = "",
+  info: u = "",
   fullWidth: y = !1,
-  loading: r = !1,
-  preventDefault: u = !1,
-  blurAfterClick: p = !1,
-  onClick: L = () => {
+  loading: n = !1,
+  preventDefault: w = !1,
+  blurAfterClick: k = !1,
+  onClick: p = () => {
   },
-  onFocus: f,
-  onBlur: h,
+  onFocus: L,
+  onBlur: f,
   ...s
 }) => /* @__PURE__ */ c(
   "button",
   {
     "data-testid": _(s, "data-testid", "button"),
     type: i,
-    disabled: m || r,
+    disabled: m || n,
     className: l(t.Button, _(s, "className"), {
-      [t.SM]: n === "sm",
-      [t.MD]: n === "md",
-      [t.LG]: n === "lg",
-      [t.Primary]: a === "primary",
-      [t.Secondary]: a === "secondary",
-      [t.Tertiary]: a === "tertiary",
+      [t.SM]: o === "sm",
+      [t.MD]: o === "md",
+      [t.LG]: o === "lg",
+      [t.Primary]: r === "primary",
+      [t.Secondary]: r === "secondary",
+      [t.Tertiary]: r === "tertiary",
       [t.FullWidth]: y,
-      [t.Loading]: r
+      [t.Loading]: n
     }),
-    onClick: T(L, { prevent: u, blur: p }),
-    onFocus: () => f?.(),
-    onBlur: () => h?.(),
+    onClick: C(p, { prevent: w, blur: k }),
+    onFocus: () => L?.(),
+    onBlur: () => f?.(),
     children: [
-      r && /* @__PURE__ */ e(
-        x,
+      n && /* @__PURE__ */ a(
+        M,
         {
           size: "xs",
           color: (() => {
-            switch (a) {
+            switch (r) {
               case "primary":
                 return "white";
               case "secondary":
@@ -72,17 +72,17 @@ import '../../../assets/button-CG0UkrYi.css';const B = "_Button_1jlaj_1", F = "_
           className: t.Loader
         }
       ),
-      /* @__PURE__ */ c(M, { name: "content", keepMount: !0, condition: !r, className: t.Content, children: [
-        /* @__PURE__ */ e("span", { className: t.Text, children: d }),
-        /* @__PURE__ */ e(
-          C,
+      /* @__PURE__ */ c(h, { name: "content", keepMount: !0, condition: !n, className: t.Content, children: [
+        /* @__PURE__ */ a("span", { className: t.Text, children: d }),
+        /* @__PURE__ */ a(
+          x,
           {
             className: l(t.Info, {
-              [t.SM]: o === "sm",
-              [t.MD]: o === "md",
-              [t.LG]: o === "lg"
+              [t.SM]: e === "sm",
+              [t.MD]: e === "md",
+              [t.LG]: e === "lg"
             }),
-            children: j
+            children: u
           }
         )
       ] })

package/package.json

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

package/dist/assets/button-CG0UkrYi.css

@@ -1 +0,0 @@
-._Button_1jlaj_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_1jlaj_1:disabled{cursor:not-allowed;opacity:.33}._SM_1jlaj_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_1jlaj_24._Tertiary_1jlaj_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_1jlaj_19 ._Text_1jlaj_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)}._MD_1jlaj_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_1jlaj_34._Tertiary_1jlaj_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_1jlaj_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_1jlaj_24._Tertiary_1jlaj_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_1jlaj_34 ._Text_1jlaj_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_1jlaj_24 ._Text_1jlaj_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_1jlaj_62{background-color:var(--rm-ui-next-btn-bg)}._Primary_1jlaj_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_1jlaj_62 ._Text_1jlaj_28,._Primary_1jlaj_62 ._Info_1jlaj_71{color:#fff}._Secondary_1jlaj_75{border:1px solid transparent;background-color:transparent}._Secondary_1jlaj_75:hover{border-color:var(--rm-ui-grey-400)}._Secondary_1jlaj_75:hover ._Text_1jlaj_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_1jlaj_75 ._Text_1jlaj_28,._Secondary_1jlaj_75 ._Info_1jlaj_71{color:var(--rm-ui-color-text-secondary)}._Tertiary_1jlaj_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_1jlaj_24:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_1jlaj_24:hover ._Text_1jlaj_28{color:var(--rm-ui-grey-700)}._Tertiary_1jlaj_24 ._Text_1jlaj_28,._Tertiary_1jlaj_24 ._Info_1jlaj_71{color:var(--rm-ui-color-text-primary)}._Button_1jlaj_1:not(._Loading_1jlaj_111):not(:disabled):hover{cursor:pointer}._Button_1jlaj_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_1jlaj_119{width:100%}._Content_1jlaj_123{display:flex;flex-direction:column}._Info_1jlaj_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular)}._Info_1jlaj_71._SM_1jlaj_19{font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px)}._Info_1jlaj_71._MD_1jlaj_34{font-size:var(--rm-ui-font-size-body);line-height:calc(var(--rm-ui-line-height-body) - 2px)}._Info_1jlaj_71._LG_1jlaj_24{font-size:var(--rm-ui-font-size-body-large);line-height:calc(var(--rm-ui-line-height-body-large) - 2px)}._Text_1jlaj_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_1jlaj_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}