@arthurzakharov/ui-kit 2.0.3 → 2.0.5

package/dist/assets/button-CE_Bd7VQ.css

@@ -0,0 +1 @@
+._Button_esa05_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_esa05_1:disabled{cursor:not-allowed;opacity:.33}._Button_esa05_1._SM_esa05_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._Button_esa05_1._LG_esa05_24._Tertiary_esa05_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._Button_esa05_1._SM_esa05_19 ._Text_esa05_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_esa05_1._MD_esa05_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_esa05_1._MD_esa05_34._Tertiary_esa05_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_esa05_1._LG_esa05_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._Button_esa05_1._LG_esa05_24._Tertiary_esa05_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._Button_esa05_1._MD_esa05_34 ._Text_esa05_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._Button_esa05_1._LG_esa05_24 ._Text_esa05_28{font-size:var(--rm-ui-font-size-body-large);line-height:1.2}._Button_esa05_1._Primary_esa05_62{background-color:var(--rm-ui-next-btn-bg)}._Button_esa05_1._Primary_esa05_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Button_esa05_1._Primary_esa05_62 ._Text_esa05_28,._Button_esa05_1._Primary_esa05_62 ._Info_esa05_71{color:#fff}._Button_esa05_1._Secondary_esa05_75{border:1px solid transparent;background-color:transparent}._Button_esa05_1._Secondary_esa05_75:hover{border-color:var(--rm-ui-grey-400)}._Button_esa05_1._Secondary_esa05_75:hover ._Text_esa05_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Button_esa05_1._Secondary_esa05_75 ._Text_esa05_28,._Button_esa05_1._Secondary_esa05_75 ._Info_esa05_71{color:var(--rm-ui-color-text-secondary)}._Button_esa05_1._Tertiary_esa05_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Button_esa05_1._Tertiary_esa05_24:hover{border-color:var(--rm-ui-grey-200)}._Button_esa05_1._Tertiary_esa05_24:hover ._Text_esa05_28{color:var(--rm-ui-grey-700)}._Button_esa05_1._Tertiary_esa05_24 ._Text_esa05_28,._Button_esa05_1._Tertiary_esa05_24 ._Info_esa05_71{color:var(--rm-ui-color-text-primary)}._Button_esa05_1:not(._Loading_esa05_111):not(:disabled):hover{cursor:pointer}._Button_esa05_1:focus{outline-color:var(--rm-ui-color-focus)}._Button_esa05_1._FullWidth_esa05_119{width:100%}._Content_esa05_123{display:flex;flex-direction:column}._Info_esa05_71{flex-basis:100%;font-weight:var(--rm-ui-font-weight-regular)}._Info_esa05_71._SM_esa05_19{font-size:var(--rm-ui-font-size-body-small);line-height:1.2}._Info_esa05_71._MD_esa05_34{font-size:var(--rm-ui-font-size-body);line-height:1.2}._Info_esa05_71._LG_esa05_24{font-size:var(--rm-ui-font-size-body-large);line-height:1.2}._Text_esa05_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_esa05_154{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,10 +1,10 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import c from "clsx";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import _ 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 = {
+import { withControl as B, baseProps as d } from "../../../utils/functions/functions.util.js";
+import '../../../assets/button-CE_Bd7VQ.css';const F = "_Button_esa05_1", N = "_SM_esa05_19", S = "_LG_esa05_24", b = "_Tertiary_esa05_24", D = "_Text_esa05_28", G = "_MD_esa05_34", P = "_Primary_esa05_62", I = "_Info_esa05_71", W = "_Secondary_esa05_75", g = "_Loading_esa05_111", w = "_FullWidth_esa05_119", $ = "_Content_esa05_123", j = "_Loader_esa05_154", t = {
   Button: F,
   SM: N,
   LG: S,
@@ -19,48 +19,48 @@ import '../../../assets/button-B5n1Rk4g.css';const F = "_Button_7nu7i_1", N = "_
   Content: $,
   Loader: j
 }, J = ({
-  text: d,
-  color: n = "primary",
-  textSize: o = "md",
-  infoSize: e = "sm",
+  text: i,
+  color: e = "primary",
+  textSize: s = "md",
+  infoSize: r = "sm",
   type: m = "button",
-  disabled: u = !1,
-  info: l = "",
-  fullWidth: y = !1,
-  loading: r = !1,
+  disabled: l = !1,
+  info: y = "",
+  fullWidth: u = !1,
+  loading: a = !1,
   preventDefault: p = !1,
   blurAfterClick: L = !1,
   onClick: f = () => {
   },
   onFocus: h,
   onBlur: M,
-  ...s
-}) => /* @__PURE__ */ i(
+  ...o
+}) => /* @__PURE__ */ c(
   "button",
   {
-    "data-testid": _(s, "data-testid", "button"),
+    "data-testid": d(o, "data-testid", "button"),
     type: m,
-    disabled: u || r,
-    className: c(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.FullWidth]: y,
-      [t.Loading]: r
+    disabled: l || a,
+    className: _(t.Button, d(o, "className"), {
+      [t.SM]: s === "sm",
+      [t.MD]: s === "md",
+      [t.LG]: s === "lg",
+      [t.Primary]: e === "primary",
+      [t.Secondary]: e === "secondary",
+      [t.Tertiary]: e === "tertiary",
+      [t.FullWidth]: u,
+      [t.Loading]: a
     }),
     onClick: B(f, { prevent: p, blur: L }),
     onFocus: () => h?.(),
     onBlur: () => M?.(),
     children: [
-      r && /* @__PURE__ */ a(
+      a && /* @__PURE__ */ n(
         C,
         {
           size: "xs",
           color: (() => {
-            switch (n) {
+            switch (e) {
               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__ */ a("span", { className: t.Text, children: d }),
-        /* @__PURE__ */ a(
+      /* @__PURE__ */ c(x, { name: "content", keepMount: !0, condition: !a, className: t.Content, children: [
+        /* @__PURE__ */ n("span", { className: t.Text, children: i }),
+        /* @__PURE__ */ n(
           T,
           {
-            className: c(t.Info, {
-              [t.SM]: e === "sm",
-              [t.MD]: e === "md",
-              [t.LG]: e === "lg"
+            className: _(t.Info, {
+              [t.SM]: r === "sm",
+              [t.MD]: r === "md",
+              [t.LG]: r === "lg"
             }),
-            children: l
+            children: y
           }
         )
       ] })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arthurzakharov/ui-kit",
   "private": false,
-  "version": "2.0.3",
+  "version": "2.0.5",
   "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}