@arthurzakharov/ui-kit 1.6.0 → 1.6.1

package/dist/assets/button-u01No9xq.css

@@ -0,0 +1 @@
+._Button_loflo_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)}._SM_loflo_14{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_loflo_19._Tertiary_loflo_19{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_loflo_14 ._Text_loflo_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_loflo_29{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_loflo_29._Tertiary_loflo_19{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_loflo_19{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_loflo_19._Tertiary_loflo_19{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_loflo_29 ._Text_loflo_23{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_loflo_19 ._Text_loflo_23{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_loflo_57{background-color:var(--rm-ui-next-btn-bg)}._Primary_loflo_57:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_loflo_57 ._Text_loflo_23,._Primary_loflo_57 ._Info_loflo_66{color:#fff}._Secondary_loflo_70{border:1px solid transparent;background-color:transparent}._Secondary_loflo_70:hover{border-color:var(--rm-ui-grey-400)}._Secondary_loflo_70:hover ._Text_loflo_23{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_loflo_70 ._Text_loflo_23,._Secondary_loflo_70 ._Info_loflo_66{color:var(--rm-ui-color-text-secondary)}._Tertiary_loflo_19{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_loflo_19:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_loflo_19:hover ._Text_loflo_23{color:var(--rm-ui-grey-700)}._Tertiary_loflo_19 ._Text_loflo_23,._Tertiary_loflo_19 ._Info_loflo_66{color:var(--rm-ui-color-text-primary)}._Button_loflo_1:not(._Loading_loflo_106):not(:disabled):hover{cursor:pointer}._Button_loflo_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_loflo_114{width:100%}._Content_loflo_118{display:flex;flex-direction:column}._Info_loflo_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_loflo_23{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_loflo_135{position:absolute;display:flex}

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

@@ -1,65 +1,65 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import h 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 M } from "../../../utils/content/content.component.js";
-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: b,
-  Primary: P,
-  Info: D,
-  Secondary: G,
-  Loading: I,
-  FullWidth: W,
-  Content: w,
-  Loader: $
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import x from "clsx";
+import { FadeScale as s } from "../../../animations/fade-scale/fade-scale.component.js";
+import { Loader as M } from "../../../components/loader/loader.component.js";
+import { Content as S } from "../../../utils/content/content.component.js";
+import { withControl as C, baseProps as c } from "../../../utils/functions/functions.util.js";
+import '../../../assets/button-u01No9xq.css';const T = "_Button_loflo_1", B = "_SM_loflo_14", F = "_LG_loflo_19", N = "_Tertiary_loflo_19", b = "_Text_loflo_23", P = "_MD_loflo_29", D = "_Primary_loflo_57", G = "_Info_loflo_66", I = "_Secondary_loflo_70", W = "_Loading_loflo_106", w = "_FullWidth_loflo_114", $ = "_Content_loflo_118", g = "_Loader_loflo_135", o = {
+  Button: T,
+  SM: B,
+  LG: F,
+  Tertiary: N,
+  Text: b,
+  MD: P,
+  Primary: D,
+  Info: G,
+  Secondary: I,
+  Loading: W,
+  FullWidth: w,
+  Content: $,
+  Loader: g
 }, H = ({
-  text: l,
-  color: n = "primary",
+  text: i,
+  color: t = "primary",
   size: e = "md",
-  type: i = "button",
-  disabled: _ = !1,
-  info: d = "",
-  fullWidth: y = !1,
-  loading: o = !1,
-  preventDefault: u = !1,
-  blurAfterClick: f = !1,
+  type: _ = "button",
+  disabled: d = !1,
+  info: m = "",
+  fullWidth: f = !1,
+  loading: n = !1,
+  preventDefault: y = !1,
+  blurAfterClick: u = !1,
   onClick: p = () => {
   },
   onFocus: L,
-  onBlur: q,
+  onBlur: h,
   ...a
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ l(
   "button",
   {
     "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]: o
+    type: _,
+    disabled: d || n,
+    className: x(o.Button, c(a, "className"), {
+      [o.SM]: e === "sm",
+      [o.MD]: e === "md",
+      [o.LG]: e === "lg",
+      [o.Primary]: t === "primary",
+      [o.Secondary]: t === "secondary",
+      [o.Tertiary]: t === "tertiary",
+      [o.FullWidth]: f,
+      [o.Loading]: n
     }),
-    onClick: S(p, { prevent: u, blur: f }),
+    onClick: C(p, { prevent: y, blur: u }),
     onFocus: () => L?.(),
-    onBlur: () => q?.(),
+    onBlur: () => h?.(),
     children: [
-      /* @__PURE__ */ r(m, { name: "loader", condition: o, className: t.Loader, children: /* @__PURE__ */ r(
-        x,
+      /* @__PURE__ */ r(s, { name: "loader", condition: n, className: o.Loader, children: /* @__PURE__ */ r(
+        M,
         {
           size: "xs",
           color: (() => {
-            switch (n) {
+            switch (t) {
               case "primary":
                 return "white";
               case "secondary":
@@ -70,9 +70,9 @@ import '../../../assets/button-BEelW-t0.css';const C = "_Button_1l8qm_1", T = "_
           })()
         }
       ) }),
-      /* @__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 })
+      /* @__PURE__ */ l(s, { name: "content", keepMount: !0, condition: !n, className: o.Content, children: [
+        /* @__PURE__ */ r("span", { className: o.Text, children: i }),
+        /* @__PURE__ */ r(S, { className: o.Info, children: m })
       ] })
     ]
   }

package/package.json

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

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

@@ -1 +0,0 @@
-._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}