@arthurzakharov/ui-kit 1.4.3 → 1.4.5

package/dist/components/message-block/message-block.component.js

@@ -1,35 +1,24 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import m from "clsx";
-import { baseProps as r } from "../../utils/functions/functions.util.js";
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import n from "clsx";
+import { baseProps as d } from "../../utils/functions/functions.util.js";
 import { Text as o } from "../text/text.component.js";
-import '../../assets/message-block-DG1cePyB.css';const d = "_MessageBlock_14g5p_1", n = "_Emoji_14g5p_7", p = "_Titles_14g5p_12", _ = "_Content_14g5p_18", s = {
-  MessageBlock: d,
-  Emoji: n,
-  Titles: p,
-  Content: _
-}, b = ({ children: g, emoji: i = "", title: t = "", subtitle: a = "", ...c }) => /* @__PURE__ */ l(
+import '../../assets/message-block-DG1cePyB.css';const g = "_MessageBlock_14g5p_1", r = "_Emoji_14g5p_7", _ = "_Titles_14g5p_12", k = "_Content_14g5p_18", e = {
+  MessageBlock: g,
+  Emoji: r,
+  Titles: _,
+  Content: k
+}, b = ({ children: m, emoji: c = "", title: t = "", subtitle: a = "", ...i }) => /* @__PURE__ */ l(
   "div",
   {
-    "data-testid": r(c, "data-testid", "message-block"),
-    className: m(s.MessageBlock, r(c, "className")),
+    "data-testid": d(i, "data-testid", "message-block"),
+    className: n(e.MessageBlock, d(i, "className")),
     children: [
-      i && /* @__PURE__ */ e("div", { "data-testid": "message-block-emoji", className: s.Emoji, children: i }),
-      (t || a) && /* @__PURE__ */ l("div", { "data-testid": "message-block-titles", className: s.Titles, children: [
-        t && /* @__PURE__ */ e(o.Tag, { "data-testid": "message-block-title", tag: "h2", weight: "medium", size: "hl2", color: "primary", children: t }),
-        a && /* @__PURE__ */ e(o.Tag, { "data-testid": "message-block-subtitle", tag: "h6", weight: "regular", size: "regular", color: "secondary", children: a })
+      c && /* @__PURE__ */ s("div", { "data-testid": "message-block-emoji", className: e.Emoji, children: c }),
+      (t || a) && /* @__PURE__ */ l("div", { "data-testid": "message-block-titles", className: e.Titles, children: [
+        t && /* @__PURE__ */ s(o, { "data-testid": "message-block-title", tag: "h2", weight: "medium", size: "hl2", children: t }),
+        a && /* @__PURE__ */ s(o, { "data-testid": "message-block-subtitle", tag: "h6", color: "text-secondary", children: a })
       ] }),
-      /* @__PURE__ */ e(
-        o.Tag,
-        {
-          "data-testid": "message-block-content",
-          tag: "div",
-          weight: "regular",
-          size: "regular",
-          color: "primary",
-          className: s.Content,
-          children: g
-        }
-      )
+      /* @__PURE__ */ s(o, { "data-testid": "message-block-content", tag: "div", className: e.Content, children: m })
     ]
   }
 );

package/dist/components/payment/components/text-blocks/text-blocks.component.js

@@ -4,7 +4,7 @@ import '../../../../assets/text-blocks-BFlmgDQ2.css';const B = "_TextBlocks_16ga
   TextBlocks: B,
   TextBlocksContent: d,
   TextBlocksTitle: k
-}, g = (x) => {
+}, f = (x) => {
   const { blocks: a = [] } = x, T = (t) => {
     let e = t.title, s = t.text;
     return t.placeholders && Object.keys(t.placeholders).forEach((l) => {
@@ -18,9 +18,9 @@ import '../../../../assets/text-blocks-BFlmgDQ2.css';const B = "_TextBlocks_16ga
   };
   return /* @__PURE__ */ c("div", { className: o.TextBlocks, children: a.map(T).map(({ title: t, text: e }, s) => /* @__PURE__ */ r("div", { className: o.TextBlocksContent, children: [
     /* @__PURE__ */ c("h6", { className: o.TextBlocksTitle, children: t }),
-    /* @__PURE__ */ c(p.Tag, { children: e })
+    /* @__PURE__ */ c(p, { children: e })
   ] }, s)) });
 };
 export {
-  g as TextBlocks
+  f as TextBlocks
 };

package/dist/components/sidebar/components/info/info.component.js

@@ -1,13 +1,13 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { Flex as t } from "../../../flex/flex.component.js";
-import { Text as a } from "../../../text/text.component.js";
-const m = (i) => {
-  const { data: o = [] } = i;
-  return /* @__PURE__ */ r(t, { direction: "column", justify: "start", gap: "sm", children: o.map(([e, n]) => /* @__PURE__ */ s(t, { direction: "row", gap: "xs", align: "center", justify: "space-between", children: [
-    /* @__PURE__ */ r(a.Tag, { tag: "span", weight: "regular", size: "small", color: "secondary", children: e }),
-    /* @__PURE__ */ r(a.Tag, { tag: "span", weight: "regular", size: "small", color: "primary", align: "right", children: n })
-  ] }, e)) });
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import { Flex as e } from "../../../flex/flex.component.js";
+import { Text as o } from "../../../text/text.component.js";
+const d = (i) => {
+  const { data: n = [] } = i;
+  return /* @__PURE__ */ t(e, { direction: "column", justify: "start", gap: "sm", children: n.map(([r, s]) => /* @__PURE__ */ a(e, { direction: "row", gap: "xs", align: "center", justify: "space-between", children: [
+    /* @__PURE__ */ t(o, { tag: "span", size: "body-small", color: "text-secondary", children: r }),
+    /* @__PURE__ */ t(o, { tag: "span", size: "body-small", align: "right", children: s })
+  ] }, r)) });
 };
 export {
-  m as Info
+  d as Info
 };

package/dist/components/sidebar/components/step/step.component.js

@@ -1,14 +1,14 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { ControlStatus as s } from "../../../../controls/control-status/control-status.component.js";
 import { Flex as m } from "../../../flex/flex.component.js";
-import { Text as a } from "../../../text/text.component.js";
-const d = (e) => {
+import { Text as n } from "../../../text/text.component.js";
+const c = (e) => {
   const { state: t = "idle", text: o = "" } = e;
   return /* @__PURE__ */ i(m, { direction: "row", align: "center", justify: "start", gap: "xs", children: [
     /* @__PURE__ */ r(s, { state: t }),
-    /* @__PURE__ */ r(a.Tag, { tag: "span", weight: "medium", size: "small", color: t === "idle" ? "secondary" : "primary", children: o })
+    /* @__PURE__ */ r(n, { tag: "span", weight: "medium", size: "body-small", color: t === "idle" ? "text-secondary" : "text-primary", children: o })
   ] });
 };
 export {
-  d as Step
+  c as Step
 };

package/dist/components/sidebar/sidebar.component.js

@@ -2,31 +2,31 @@ import { jsxs as e, jsx as t } from "react/jsx-runtime";
 import { AnimationFadeScale as r } from "../../animations/animation-fade-scale/animation-fade-scale.component.js";
 import { Certifications as f } from "../certifications/certifications.component.js";
 import { Line as o } from "../line/line.component.js";
-import { Text as S } from "../text/text.component.js";
-import { UserPanel as p } from "../user-panel/user-panel.component.js";
+import { Text as p } from "../text/text.component.js";
+import { UserPanel as S } from "../user-panel/user-panel.component.js";
 import { Board as h } from "./components/board/board.component.js";
 import { Info as u } from "./components/info/info.component.js";
-import { Steps as T } from "./components/steps/steps.component.js";
-import '../../assets/sidebar-B3KPFpFU.css';const _ = "_SidebarTitle_1sscs_1", B = "_SidebarButton_1sscs_2", a = {
-  SidebarTitle: _,
-  SidebarButton: B
+import { Steps as _ } from "./components/steps/steps.component.js";
+import '../../assets/sidebar-B3KPFpFU.css';const B = "_SidebarTitle_1sscs_1", T = "_SidebarButton_1sscs_2", a = {
+  SidebarTitle: B,
+  SidebarButton: T
 }, F = ({
   children: n,
   isButtonVisible: d = !1,
-  isUserOpen: m = !1,
-  title: c = "Ihre Übersicht",
-  steps: s = [],
+  isUserOpen: s = !1,
+  title: m = "Ihre Übersicht",
+  steps: c = [],
   info: l = [],
   certifications: b = [],
   user: i
 }) => /* @__PURE__ */ e(h, { children: [
-  /* @__PURE__ */ t("div", { className: a.SidebarTitle, children: /* @__PURE__ */ t(S.SidebarTitle, { children: c }) }),
-  /* @__PURE__ */ t(T, { data: s }),
+  /* @__PURE__ */ t(p, { preset: "sidebar-title", className: a.SidebarTitle, children: m }),
+  /* @__PURE__ */ t(_, { data: c }),
   /* @__PURE__ */ t(o, {}),
   /* @__PURE__ */ t(u, { data: l }),
   /* @__PURE__ */ t(o, {}),
-  /* @__PURE__ */ e(r, { name: "user", condition: m, children: [
-    /* @__PURE__ */ t(p, { title: i.title, button: i.button, data: i.data, onClick: i.onClick }),
+  /* @__PURE__ */ e(r, { name: "user", condition: s, children: [
+    /* @__PURE__ */ t(S, { title: i.title, button: i.button, data: i.data, onClick: i.onClick }),
     /* @__PURE__ */ t(o, {})
   ] }),
   /* @__PURE__ */ t(r, { name: "button", condition: d, duration: 0.2, delay: 0.1, children: /* @__PURE__ */ t("div", { className: a.SidebarButton, children: n }) }),