npm - @arthurzakharov/ui-kit - Versions diffs - 2.0.1 → 2.0.2 - Mend

@arthurzakharov/ui-kit 2.0.1 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/assets/button-CG0UkrYi.css ADDED Viewed

@@ -0,0 +1 @@

+ ._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/components/bottom-bar/bottom-bar.component.js CHANGED Viewed

@@ -90,7 +90,7 @@ import '../../assets/bottom-bar-DE6QuEjZ.css';const k = "_BottomBar_1pxm3_1", w
             fullWidth: !0,
             text: o.text,
             color: "primary",
-            size: "lg",
+            textSize: "lg",
             loading: o.loading,
             disabled: o.disabled,
             className: r.Button,

package/dist/components/dialog-article/dialog-article.component.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { useRef as g, useState as v } from "react";
-import { useWindowSize as h, useResizeObserver as x } from "usehooks-ts";
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { useRef as g, useState as x } from "react";
+import { useWindowSize as v, useResizeObserver as h } from "usehooks-ts";
 import b from "clsx";
-import { Button as l } from "../../controls/buttons/button/button.component.js";
+import { Button as s } from "../../controls/buttons/button/button.component.js";
 import "../../controls/primitives/box/box.component.js";
 import "../../utils/content/content.component.js";
 import { baseProps as c } from "../../utils/functions/functions.util.js";
@@ -10,12 +10,12 @@ import "lucide-react";
 import '../../assets/dialog-article-BdDXX1FV.css';const A = "_DialogArticle_vv4cw_1", B = "_Buttons_vv4cw_8", n = {
   DialogArticle: A,
   Buttons: B
-}, j = (d) => {
-  const { children: m, cancel: t, confirm: e, ...i } = d, o = g(null), [u, f] = v(0), { width: p } = h();
-  return x({
+}, N = (d) => {
+  const { children: m, cancel: t, confirm: e, ...i } = d, o = g(null), [u, f] = x(0), { width: p } = v();
+  return h({
     ref: o,
     onResize: (r) => f(p < 768 && r.height ? r.height : 0)
-  }), /* @__PURE__ */ s(
+  }), /* @__PURE__ */ a(
     "div",
     {
       "data-testid": c(i, "data-testid", "dialog-article"),
@@ -23,28 +23,28 @@ import '../../assets/dialog-article-BdDXX1FV.css';const A = "_DialogArticle_vv4c
       style: { paddingBottom: u },
       children: [
         m,
-        (t || e) && /* @__PURE__ */ s("div", { "data-testid": "dialog-article-buttons", ref: o, className: n.Buttons, children: [
-          t && /* @__PURE__ */ a(
-            l,
+        (t || e) && /* @__PURE__ */ a("div", { "data-testid": "dialog-article-buttons", ref: o, className: n.Buttons, children: [
+          t && /* @__PURE__ */ l(
+            s,
             {
               "data-testid": "dialog-article-cancel",
               blurAfterClick: !0,
               preventDefault: !0,
               text: t.text,
               color: "tertiary",
-              size: "md",
+              textSize: "md",
               onClick: t.fn
             }
           ),
-          e && /* @__PURE__ */ a(
-            l,
+          e && /* @__PURE__ */ l(
+            s,
             {
               "data-testid": "dialog-article-confirm",
               blurAfterClick: !0,
               preventDefault: !0,
               text: e.text,
               color: "primary",
-              size: "md",
+              textSize: "md",
               onClick: e.fn
             }
           )
@@ -54,5 +54,5 @@ import '../../assets/dialog-article-BdDXX1FV.css';const A = "_DialogArticle_vv4c
   );
 };
 export {
-  j as DialogArticle
+  N as DialogArticle
 };

package/dist/controls/buttons/button/button.component.d.ts CHANGED Viewed

@@ -4,7 +4,8 @@ import { Base } from '../../../utils/types';
 export interface ButtonProps extends Base {
     text: string;
     color?: ControlButtonColor;
-    size?: ControlButtonSize;
+    textSize?: ControlButtonSize;
+    infoSize?: ControlButtonSize;
     type?: ControlButtonType;
     disabled?: boolean;
     info?: ReactNode;
@@ -16,4 +17,4 @@ export interface ButtonProps extends Base {
     onFocus?: () => void;
     onBlur?: () => void;
 }
-export declare const Button: ({ text, color, size, type, disabled, info, fullWidth, loading, preventDefault, blurAfterClick, onClick, onFocus, onBlur, ...base }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ text, color, textSize, infoSize, type, disabled, info, fullWidth, loading, preventDefault, blurAfterClick, onClick, onFocus, onBlur, ...base }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,65 +1,66 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import p from "clsx";
-import { FadeScale as L } from "../../../animations/fade-scale/fade-scale.component.js";
+import { jsxs as c, jsx as e } 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 M } from "../../../utils/content/content.component.js";
-import { withControl as S, baseProps as c } from "../../../utils/functions/functions.util.js";
-import '../../../assets/button-Dev1TPny.css';const C = "_Button_17hg9_1", T = "_SM_17hg9_19", B = "_LG_17hg9_24", F = "_Tertiary_17hg9_24", N = "_Text_17hg9_28", b = "_MD_17hg9_34", P = "_Primary_17hg9_62", D = "_Info_17hg9_71", G = "_Secondary_17hg9_75", I = "_Loading_17hg9_111", W = "_FullWidth_17hg9_119", w = "_Content_17hg9_123", $ = "_Loader_17hg9_140", t = {
-  Button: C,
-  SM: T,
-  LG: B,
-  Tertiary: F,
-  Text: N,
-  MD: b,
-  Primary: P,
-  Info: D,
-  Secondary: G,
-  Loading: I,
-  FullWidth: W,
+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,
   Loader: $
-}, H = ({
-  text: _,
-  color: r = "primary",
-  size: o = "md",
+}, J = ({
+  text: d,
+  color: a = "primary",
+  textSize: n = "md",
+  infoSize: o = "sm",
   type: i = "button",
-  disabled: d = !1,
-  info: m = "",
-  fullWidth: l = !1,
-  loading: n = !1,
-  preventDefault: h = !1,
-  blurAfterClick: y = !1,
-  onClick: u = () => {
+  disabled: m = !1,
+  info: j = "",
+  fullWidth: y = !1,
+  loading: r = !1,
+  preventDefault: u = !1,
+  blurAfterClick: p = !1,
+  onClick: L = () => {
   },
   onFocus: f,
-  onBlur: g,
-  ...a
-}) => /* @__PURE__ */ s(
+  onBlur: h,
+  ...s
+}) => /* @__PURE__ */ c(
   "button",
   {
-    "data-testid": c(a, "data-testid", "button"),
+    "data-testid": _(s, "data-testid", "button"),
     type: i,
-    disabled: d || n,
-    className: p(t.Button, c(a, "className"), {
-      [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]: l,
-      [t.Loading]: n
+    disabled: m || r,
+    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.FullWidth]: y,
+      [t.Loading]: r
     }),
-    onClick: S(u, { prevent: h, blur: y }),
+    onClick: T(L, { prevent: u, blur: p }),
     onFocus: () => f?.(),
-    onBlur: () => g?.(),
+    onBlur: () => h?.(),
     children: [
-      n && /* @__PURE__ */ e(
+      r && /* @__PURE__ */ e(
         x,
         {
           size: "xs",
           color: (() => {
-            switch (r) {
+            switch (a) {
               case "primary":
                 return "white";
               case "secondary":
@@ -71,13 +72,23 @@ import '../../../assets/button-Dev1TPny.css';const C = "_Button_17hg9_1", T = "_
           className: t.Loader
         }
       ),
-      /* @__PURE__ */ s(L, { name: "content", keepMount: !0, condition: !n, className: t.Content, children: [
-        /* @__PURE__ */ e("span", { className: t.Text, children: _ }),
-        /* @__PURE__ */ e(M, { className: t.Info, children: m })
+      /* @__PURE__ */ c(M, { name: "content", keepMount: !0, condition: !r, className: t.Content, children: [
+        /* @__PURE__ */ e("span", { className: t.Text, children: d }),
+        /* @__PURE__ */ e(
+          C,
+          {
+            className: l(t.Info, {
+              [t.SM]: o === "sm",
+              [t.MD]: o === "md",
+              [t.LG]: o === "lg"
+            }),
+            children: j
+          }
+        )
       ] })
     ]
   }
 );
 export {
-  H as Button
+  J as Button
 };

package/dist/controls/interactives/dropdown/dropdown.component.js CHANGED Viewed

@@ -43,16 +43,16 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
   onOpen: A,
   onClose: G,
   // Base props
-  ...b
+  ...S
 }) => {
-  const B = u(null), _ = u(null), S = u(null), { value: l, setFalse: m, toggle: L } = M(!1), [C, O] = f(""), [n, $] = f({ width: 0, height: 0 }), [a, N] = f([]);
+  const b = u(null), _ = u(null), B = u(null), { value: l, setFalse: m, toggle: L } = M(!1), [C, O] = f(""), [n, $] = f({ width: 0, height: 0 }), [a, N] = f([]);
   E({
     ref: _,
     onResize: (e) => $({ width: e.width || 0, height: e.height || 0 })
   }), P(_, (e) => {
-    X(e, B) || (c && h(a), m());
+    X(e, b) || (c && h(a), m());
   }), y(() => N(Array.isArray(d) ? d : []), [d]), y(() => {
-    l && n.width && n.height ? (S.current?.focus(), A?.call(null, n.height, n.width)) : G?.call(null);
+    l && n.width && n.height ? (B.current?.focus(), A?.call(null, n.height, n.width)) : G?.call(null);
   }, [l, n]);
   const j = (e, t) => {
     N((r) => r.some(({ value: p }) => p === e) ? r.filter(({ value: p }) => p !== e) : [...r, { value: e, label: t }]);
@@ -65,10 +65,10 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
   return /* @__PURE__ */ i(
     "div",
     {
-      "data-testid": H(b, "data-testid", "dropdown"),
-      className: k(o.Dropdown, H(b, "className")),
+      "data-testid": H(S, "data-testid", "dropdown"),
+      className: k(o.Dropdown, H(S, "className")),
       children: [
-        /* @__PURE__ */ s(R, { ref: B, onClick: L, children: /* @__PURE__ */ i("div", { className: o.Border, children: [
+        /* @__PURE__ */ s(R, { ref: b, onClick: L, children: /* @__PURE__ */ i("div", { className: o.Border, children: [
           /* @__PURE__ */ i("div", { className: o.Content, children: [
             /* @__PURE__ */ s(U, { text: z, position: "active" }),
             /* @__PURE__ */ s(
@@ -88,7 +88,7 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
             /* @__PURE__ */ s(
               "input",
               {
-                ref: S,
+                ref: B,
                 value: C,
                 type: "text",
                 className: o.Input,
@@ -117,7 +117,16 @@ import '../../../assets/dropdown-DLhCAHEx.css';const Z = "_Dropdown_1kidn_1", ee
             },
             e + r
           )) : /* @__PURE__ */ s("li", { className: k(o.Choice, o.ChoiceNoResult), children: /* @__PURE__ */ s(x, { text: V, size: "body", checked: !1 }) }) }),
-          c && /* @__PURE__ */ s("div", { className: o.Close, children: /* @__PURE__ */ s(J, { color: "primary", size: "sm", type: "button", onClick: () => F(), children: W }) })
+          c && /* @__PURE__ */ s("div", { className: o.Close, children: /* @__PURE__ */ s(
+            J,
+            {
+              color: "primary",
+              textSize: "sm",
+              type: "button",
+              text: W,
+              onClick: () => F()
+            }
+          ) })
         ] }) })
       ]
     }

package/package.json CHANGED Viewed

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

package/dist/assets/button-Dev1TPny.css DELETED Viewed

@@ -1 +0,0 @@

- ._Button_17hg9_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_17hg9_1:disabled{cursor:not-allowed;opacity:.33}._SM_17hg9_19{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_17hg9_24._Tertiary_17hg9_24{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_17hg9_19 ._Text_17hg9_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_17hg9_34{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_17hg9_34._Tertiary_17hg9_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_17hg9_24{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_17hg9_24._Tertiary_17hg9_24{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_17hg9_34 ._Text_17hg9_28{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_17hg9_24 ._Text_17hg9_28{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_17hg9_62{background-color:var(--rm-ui-next-btn-bg)}._Primary_17hg9_62:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_17hg9_62 ._Text_17hg9_28,._Primary_17hg9_62 ._Info_17hg9_71{color:#fff}._Secondary_17hg9_75{border:1px solid transparent;background-color:transparent}._Secondary_17hg9_75:hover{border-color:var(--rm-ui-grey-400)}._Secondary_17hg9_75:hover ._Text_17hg9_28{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_17hg9_75 ._Text_17hg9_28,._Secondary_17hg9_75 ._Info_17hg9_71{color:var(--rm-ui-color-text-secondary)}._Tertiary_17hg9_24{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_17hg9_24:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_17hg9_24:hover ._Text_17hg9_28{color:var(--rm-ui-grey-700)}._Tertiary_17hg9_24 ._Text_17hg9_28,._Tertiary_17hg9_24 ._Info_17hg9_71{color:var(--rm-ui-color-text-primary)}._Button_17hg9_1:not(._Loading_17hg9_111):not(:disabled):hover{cursor:pointer}._Button_17hg9_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_17hg9_119{width:100%}._Content_17hg9_123{display:flex;flex-direction:column}._Info_17hg9_71{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_17hg9_28{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_17hg9_140{position:absolute}