@arthurzakharov/ui-kit 1.6.0 → 1.6.2

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/assets/info-panel-BJPuE65n.css

@@ -0,0 +1 @@
+._InfoPanel_1u1r0_1{position:relative;padding:var(--rm-ui-padding-md) 0;background-color:var(--rm-ui-info-panel-bg);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)}._InfoPanel_1u1r0_1:before,._InfoPanel_1u1r0_1:after{content:"";display:block;position:absolute;top:0;z-index:1;height:100%;width:100vw;background-color:inherit}._InfoPanel_1u1r0_1:before{left:0}._InfoPanel_1u1r0_1:after{right:0}._List_1u1r0_30{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Item_1u1r0_40{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xxs)}._Key_1u1r0_48{color:var(--rm-ui-color-text-secondary)}._Value_1u1r0_52{color:var(--rm-ui-color-text-primary)}@media screen and (min-width:480px){._Item_1u1r0_40{justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}}

package/dist/components/info-panel/info-panel.component.js

@@ -1,23 +1,23 @@
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import d from "clsx";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import c from "clsx";
 import { baseProps as n } from "../../utils/functions/functions.util.js";
-import '../../assets/info-panel-kV7VEW8z.css';const c = "_InfoPanel_1xied_1", m = "_List_1xied_30", _ = "_Item_1xied_40", r = "_Key_1xied_48", f = "_Value_1xied_52", e = {
-  InfoPanel: c,
+import '../../assets/info-panel-BJPuE65n.css';const r = "_InfoPanel_1u1r0_1", m = "_List_1u1r0_30", d = "_Item_1u1r0_40", _ = "_Key_1u1r0_48", f = "_Value_1u1r0_52", a = {
+  InfoPanel: r,
   List: m,
-  Item: _,
-  Key: r,
+  Item: d,
+  Key: _,
   Value: f
-}, u = ({ data: i, ...s }) => /* @__PURE__ */ a(
+}, N = ({ data: l, ...s }) => /* @__PURE__ */ e(
   "div",
   {
     "data-testid": n(s, "data-testid", "info-panel"),
-    className: d(e.InfoPanel, n(s, "className")),
-    children: /* @__PURE__ */ a("ul", { "data-testid": "info-panel-list", className: e.List, children: i.map(([t, l]) => /* @__PURE__ */ o("li", { className: e.Item, children: [
-      /* @__PURE__ */ a("span", { "data-testid": "info-panel-key", className: e.Key, children: t }),
-      /* @__PURE__ */ a("span", { "data-testid": "info-panel-value", className: e.Value, children: l })
+    className: c(a.InfoPanel, n(s, "className")),
+    children: /* @__PURE__ */ e("ul", { "data-testid": "info-panel-list", className: a.List, children: l.map(([t, i]) => /* @__PURE__ */ o("li", { className: a.Item, children: [
+      /* @__PURE__ */ e("span", { "data-testid": "info-panel-key", className: a.Key, children: t }),
+      /* @__PURE__ */ e("span", { "data-testid": "info-panel-value", className: a.Value, children: i })
     ] }, t)) })
   }
 );
 export {
-  u as InfoPanel
+  N as InfoPanel
 };

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

@@ -1,15 +1,15 @@
 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", H = "_Medium_553v9_29", b = "_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", 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 = {
   Lined: x,
   Left: u,
   Center: S,
   Right: f,
   Light: T,
-  Regular: B,
-  Medium: H,
-  Bold: b,
+  Regular: b,
+  Medium: B,
+  Bold: H,
   BodyExtraSmall: w,
   BodySmall: P,
   Body: R,
@@ -43,9 +43,9 @@ import '../../assets/text-Bhvd-u-V.css';const x = "_Lined_553v9_1", u = "_Left_5
 }, oe = {
   "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: "medium", size: "hl2", color: "text-primary" },
+  "page-title": { tag: "h1", weight: "bold", size: "hl2", color: "text-primary" },
   "sidebar-title": { tag: "h3", weight: "medium", size: "hl3", color: "text-primary" },
-  "step-title": { tag: "h2", weight: "medium", size: "hl4", color: "text-primary" }
+  "step-title": { tag: "h2", weight: "bold", size: "hl4", color: "text-primary" }
 }, _e = ({
   children: m,
   className: g,

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.2",
   "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}

package/dist/assets/info-panel-kV7VEW8z.css

@@ -1 +0,0 @@
-._InfoPanel_1xied_1{position:relative;padding:var(--rm-ui-padding-md) 0;background-color:var(--rm-ui-info-panel-bg);font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._InfoPanel_1xied_1:before,._InfoPanel_1xied_1:after{content:"";display:block;position:absolute;top:0;z-index:1;height:100%;width:100vw;background-color:inherit}._InfoPanel_1xied_1:before{left:0}._InfoPanel_1xied_1:after{right:0}._List_1xied_30{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-xs)}._Item_1xied_40{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xxs)}._Key_1xied_48{color:var(--rm-ui-color-text-secondary)}._Value_1xied_52{color:var(--rm-ui-color-text-primary)}@media screen and (min-width:480px){._Item_1xied_40{justify-content:flex-start;gap:var(--rm-ui-padding-xxs)}}