@arthurzakharov/ui-kit 1.7.1 → 1.7.3

package/dist/components/text/text.component.js

@@ -1,13 +1,13 @@
 import { jsx as G } from "react/jsx-runtime";
 import h from "clsx";
 import { Content as L } from "../../utils/content/content.component.js";
-import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", u = "_Left_553v9_7", S = "_Center_553v9_11", f = "_Right_553v9_15", T = "_Light_553v9_21", b = "_Regular_553v9_25", B = "_Medium_553v9_29", H = "_Bold_553v9_33", w = "_BodyExtraSmall_553v9_39", P = "_BodySmall_553v9_44", R = "_Body_553v9_39", z = "_BodyLarge_553v9_54", A = "_HL1_553v9_59", E = "_HL2_553v9_64", C = "_HL3_553v9_69", k = "_HL4_553v9_74", M = "_HL5_553v9_79", F = "_TextPrimary_553v9_86", $ = "_TextSecondary_553v9_90", N = "_AccentPrimary_553v9_94", j = "_AccentSecondary_553v9_98", W = "_ThemePrimary_553v9_102", q = "_ThemeSecondary_553v9_106", D = "_Success_553v9_114", I = "_Focus_553v9_118", J = "_Link_553v9_122", K = "_Grey950_553v9_126", O = "_Grey900_553v9_130", Q = "_Grey800_553v9_134", U = "_Grey700_553v9_138", V = "_Grey600_553v9_142", X = "_Grey500_553v9_146", Y = "_Grey400_553v9_150", Z = "_Grey300_553v9_154", ee = "_Grey200_553v9_158", re = "_Grey100_553v9_162", te = "_Grey50_553v9_146", e = {
+import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", S = "_Left_553v9_7", u = "_Center_553v9_11", b = "_Right_553v9_15", f = "_Light_553v9_21", T = "_Regular_553v9_25", B = "_Medium_553v9_29", H = "_Bold_553v9_33", w = "_BodyExtraSmall_553v9_39", P = "_BodySmall_553v9_44", R = "_Body_553v9_39", z = "_BodyLarge_553v9_54", A = "_HL1_553v9_59", E = "_HL2_553v9_64", C = "_HL3_553v9_69", k = "_HL4_553v9_74", M = "_HL5_553v9_79", F = "_TextPrimary_553v9_86", $ = "_TextSecondary_553v9_90", N = "_AccentPrimary_553v9_94", j = "_AccentSecondary_553v9_98", W = "_ThemePrimary_553v9_102", q = "_ThemeSecondary_553v9_106", D = "_Success_553v9_114", I = "_Focus_553v9_118", J = "_Link_553v9_122", K = "_Grey950_553v9_126", O = "_Grey900_553v9_130", Q = "_Grey800_553v9_134", U = "_Grey700_553v9_138", V = "_Grey600_553v9_142", X = "_Grey500_553v9_146", Y = "_Grey400_553v9_150", Z = "_Grey300_553v9_154", ee = "_Grey200_553v9_158", re = "_Grey100_553v9_162", te = "_Grey50_553v9_146", e = {
   Lined: x,
-  Left: u,
-  Center: S,
-  Right: f,
-  Light: T,
-  Regular: b,
+  Left: S,
+  Center: u,
+  Right: b,
+  Light: f,
+  Regular: T,
   Medium: B,
   Bold: H,
   BodyExtraSmall: w,
@@ -44,7 +44,7 @@ import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", u = "_Left_5
   "page-info": { tag: "p", weight: "light", size: "body", color: "text-secondary" },
   "page-subtitle": { tag: "h6", weight: "regular", size: "body", color: "text-primary" },
   "page-title": { tag: "h1", weight: "bold", size: "hl1", color: "text-primary" },
-  "sidebar-title": { tag: "h3", weight: "medium", size: "hl3", color: "text-primary" },
+  "sidebar-title": { tag: "h3", weight: "bold", size: "hl3", color: "text-primary" },
   "step-title": { tag: "h2", weight: "bold", size: "hl4", color: "text-primary" }
 }, _e = ({
   children: m,

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

@@ -1,45 +1,45 @@
 import { jsxs as s, jsx as e } 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 S } from "../../../utils/content/content.component.js";
-import { withControl as C, baseProps as c } from "../../../utils/functions/functions.util.js";
-import '../../../assets/button-quDWRhSN.css';const T = "_Button_12lx1_1", B = "_SM_12lx1_14", F = "_LG_12lx1_19", N = "_Tertiary_12lx1_19", b = "_Text_12lx1_23", P = "_MD_12lx1_29", D = "_Primary_12lx1_57", G = "_Info_12lx1_66", I = "_Secondary_12lx1_70", W = "_Loading_12lx1_106", w = "_FullWidth_12lx1_114", $ = "_Content_12lx1_118", g = "_Loader_12lx1_135", t = {
-  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
+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-BjcertIq.css';const C = "_Button_2uv09_1", T = "_SM_2uv09_19", B = "_LG_2uv09_24", F = "_Tertiary_2uv09_24", N = "_Text_2uv09_28", b = "_MD_2uv09_34", P = "_Primary_2uv09_62", D = "_Info_2uv09_71", G = "_Secondary_2uv09_75", I = "_Loading_2uv09_111", W = "_FullWidth_2uv09_119", w = "_Content_2uv09_123", $ = "_Loader_2uv09_140", 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: $
 }, H = ({
-  text: l,
+  text: _,
   color: r = "primary",
   size: o = "md",
-  type: _ = "button",
-  disabled: i = !1,
+  type: i = "button",
+  disabled: u = !1,
   info: d = "",
   fullWidth: m = !1,
   loading: n = !1,
-  preventDefault: x = !1,
+  preventDefault: l = !1,
   blurAfterClick: y = !1,
-  onClick: u = () => {
+  onClick: f = () => {
   },
-  onFocus: f,
-  onBlur: p,
+  onFocus: p,
+  onBlur: v,
   ...a
 }) => /* @__PURE__ */ s(
   "button",
   {
     "data-testid": c(a, "data-testid", "button"),
-    type: _,
-    disabled: i || n,
+    type: i,
+    disabled: u || n,
     className: L(t.Button, c(a, "className"), {
       [t.SM]: o === "sm",
       [t.MD]: o === "md",
@@ -50,12 +50,12 @@ import '../../../assets/button-quDWRhSN.css';const T = "_Button_12lx1_1", B = "_
       [t.FullWidth]: m,
       [t.Loading]: n
     }),
-    onClick: C(u, { prevent: x, blur: y }),
-    onFocus: () => f?.(),
-    onBlur: () => p?.(),
+    onClick: S(f, { prevent: l, blur: y }),
+    onFocus: () => p?.(),
+    onBlur: () => v?.(),
     children: [
       n && /* @__PURE__ */ e(
-        M,
+        x,
         {
           size: "xs",
           color: (() => {
@@ -72,8 +72,8 @@ import '../../../assets/button-quDWRhSN.css';const T = "_Button_12lx1_1", B = "_
         }
       ),
       /* @__PURE__ */ s(h, { name: "content", keepMount: !0, condition: !n, className: t.Content, children: [
-        /* @__PURE__ */ e("span", { className: t.Text, children: l }),
-        /* @__PURE__ */ e(S, { className: t.Info, children: d })
+        /* @__PURE__ */ e("span", { className: t.Text, children: _ }),
+        /* @__PURE__ */ e(M, { className: t.Info, children: d })
       ] })
     ]
   }

package/package.json

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

package/dist/assets/button-quDWRhSN.css

@@ -1 +0,0 @@
-._Button_12lx1_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_12lx1_14{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._LG_12lx1_19._Tertiary_12lx1_19{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._SM_12lx1_14 ._Text_12lx1_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_12lx1_29{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._MD_12lx1_29._Tertiary_12lx1_19{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._LG_12lx1_19{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._LG_12lx1_19._Tertiary_12lx1_19{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._MD_12lx1_29 ._Text_12lx1_23{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._LG_12lx1_19 ._Text_12lx1_23{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._Primary_12lx1_57{background-color:var(--rm-ui-next-btn-bg)}._Primary_12lx1_57:hover{background-color:var(--rm-ui-next-btn-bg-hover)}._Primary_12lx1_57 ._Text_12lx1_23,._Primary_12lx1_57 ._Info_12lx1_66{color:#fff}._Secondary_12lx1_70{border:1px solid transparent;background-color:transparent}._Secondary_12lx1_70:hover{border-color:var(--rm-ui-grey-400)}._Secondary_12lx1_70:hover ._Text_12lx1_23{color:var(--rm-ui-grey-400);border-color:var(--rm-ui-grey-400)}._Secondary_12lx1_70 ._Text_12lx1_23,._Secondary_12lx1_70 ._Info_12lx1_66{color:var(--rm-ui-color-text-secondary)}._Tertiary_12lx1_19{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._Tertiary_12lx1_19:hover{border-color:var(--rm-ui-grey-200)}._Tertiary_12lx1_19:hover ._Text_12lx1_23{color:var(--rm-ui-grey-700)}._Tertiary_12lx1_19 ._Text_12lx1_23,._Tertiary_12lx1_19 ._Info_12lx1_66{color:var(--rm-ui-color-text-primary)}._Button_12lx1_1:not(._Loading_12lx1_106):not(:disabled):hover{cursor:pointer}._Button_12lx1_1:focus{outline-color:var(--rm-ui-color-focus)}._FullWidth_12lx1_114{width:100%}._Content_12lx1_118{display:flex;flex-direction:column}._Info_12lx1_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_12lx1_23{font-weight:var(--rm-ui-font-weight-medium);transition:color var(--rm-ui-amimation-speed-primary) var(--rm-ui-amimation-cubic-primary)}._Loader_12lx1_135{position:absolute}

package/dist/assets/dialog-8uCE6NKB.css

@@ -1 +0,0 @@
-._Backdrop_1y4te_1{--backdrop-padding: 115px;position:fixed;z-index:1000000;inset:0;background-color:#000000b3;display:flex;flex-direction:row;padding-top:var(--backdrop-padding)}._BackdropSizeFull_1y4te_15 ._Dialog_1y4te_15{flex-basis:100%}._BackdropSizeFull_1y4te_15 ._DialogContent_1y4te_19{overflow:initial;max-height:initial;padding-right:initial;margin-right:initial}._BackdropPositionCenter_1y4te_26,._BackdropPositionTopCenter_1y4te_27{align-items:flex-end;justify-content:center}._Dialog_1y4te_15{flex-basis:580px;position:relative;z-index:1;background-color:var(--rm-ui-content-bg);border-top-left-radius:var(--rm-ui-border-radius-xl);border-top-right-radius:var(--rm-ui-border-radius-xl);padding:var(--rm-ui-padding-lg) var(--rm-ui-padding-lg)}._DialogContent_1y4te_19{overflow:auto;max-height:calc(100vh - var(--backdrop-padding) - var(--rm-ui-padding-xl) * 2);padding-right:10px;margin-right:-10px}._DialogCloseButton_1y4te_49{position:absolute;z-index:100;top:12px;right:10px;display:flex;border-radius:4px;border:none;padding:2px;background-color:transparent}._DialogCloseButton_1y4te_49:hover{cursor:pointer}._DialogCloseButton_1y4te_49:focus-visible{outline:2px solid var(--rm-ui-color-focus)}._DialogCloseButtonIcon_1y4te_69{width:24px;height:24px;stroke:var(--rm-ui-color-text-secondary)}@media screen and (min-width:768px){._BackdropSizeOneThird_1y4te_76 ._Dialog_1y4te_15{flex-basis:33.33%}._BackdropSizeHalf_1y4te_80 ._Dialog_1y4te_15{flex-basis:50%}._BackdropSizeTwoThird_1y4te_84 ._Dialog_1y4te_15{flex-basis:66.66%}._BackdropSizeFull_1y4te_15 ._Dialog_1y4te_15{flex-basis:initial}._BackdropPositionCenter_1y4te_26{align-items:center}._BackdropPositionTopCenter_1y4te_27{align-items:flex-start;padding-top:115px;padding-bottom:115px}._DialogContent_1y4te_19{max-height:calc(100vh - var(--backdrop-padding) * 2 - var(--rm-ui-padding-xxl) * 2)}._DialogCloseButton_1y4te_49{top:26px;right:18px}._Dialog_1y4te_15{border-radius:var(--rm-ui-border-radius-lg);padding:var(--rm-ui-padding-xxl)}}