@arthurzakharov/ui-kit 2.12.0 → 2.13.0

package/dist/assets/sidebar-DyDlIXV0.css

@@ -0,0 +1 @@
+._Sidebar_17t5d_1{display:block}._Board_17t5d_5{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-lg);background-color:var(--rm-ui-sidebar-bg)}._SidebarTitle_17t5d_11,._SidebarButton_17t5d_12{padding-bottom:var(--rm-ui-padding-md)}._Steps_17t5d_16,._Info_17t5d_17{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rm-ui-padding-sm)}._Step_17t5d_16{display:inline-flex;align-items:center;gap:var(--rm-ui-padding-xs)}._InfoRow_17t5d_30{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xs)}._SidebarButton_17t5d_12{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}._NothingAbove_17t5d_44{margin-top:var(--rm-ui-padding-lg)}@media screen and (min-width:1024px){._Board_17t5d_5{padding:var(--rm-ui-padding-xl)}}@media screen and (min-width:1200px){._Board_17t5d_5{padding:var(--rm-ui-padding-xxl)}._SidebarTitle_17t5d_11,._SidebarButton_17t5d_12{padding-bottom:var(--rm-ui-padding-lg)}}

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

@@ -1,90 +1,92 @@
-import { jsx as t, jsxs as o, Fragment as I } from "react/jsx-runtime";
-import { clsx as l, baseProps as h } from "../../utils/functions/functions.util.js";
-import { FadeScale as f } from "../../animations/fade-scale/fade-scale.component.js";
-import { Certifications as u } from "../certifications/certifications.component.js";
-import { Line as c } from "../line/line.component.js";
+import { jsx as t, jsxs as o, Fragment as S } from "react/jsx-runtime";
+import { clsx as c, baseProps as f } from "../../utils/functions/functions.util.js";
+import { FadeScale as v } from "../../animations/fade-scale/fade-scale.component.js";
+import { Certifications as A } from "../certifications/certifications.component.js";
+import { Line as d } from "../line/line.component.js";
 import { Text as m } from "../text/text.component.js";
-import { UserPanel as w } from "../user-panel/user-panel.component.js";
+import { UserPanel as B } from "../user-panel/user-panel.component.js";
 import "../../controls/primitives/box/box.component.js";
 import "../../utils/content/content.component.js";
 import "lucide-react";
 import "usehooks-ts";
-import { Status as A } from "../../controls/primitives/status/status.component.js";
-import '../../assets/sidebar-rLhJNVa5.css';const B = "_Sidebar_ex9j5_1", y = "_Board_ex9j5_5", T = "_SidebarTitle_ex9j5_11", E = "_SidebarButton_ex9j5_12", R = "_Steps_ex9j5_16", z = "_Info_ex9j5_17", C = "_Step_ex9j5_16", $ = "_InfoRow_ex9j5_30", F = "_SidebarExtras_ex9j5_44", P = "_NothingAbove_ex9j5_54", e = {
-  Sidebar: B,
-  Board: y,
-  SidebarTitle: T,
-  SidebarButton: E,
-  Steps: R,
-  Info: z,
-  Step: C,
-  InfoRow: $,
-  SidebarExtras: F,
+import { Status as x } from "../../controls/primitives/status/status.component.js";
+import '../../assets/sidebar-DyDlIXV0.css';const y = "_Sidebar_17t5d_1", T = "_Board_17t5d_5", R = "_SidebarTitle_17t5d_11", z = "_SidebarButton_17t5d_12", C = "_Steps_17t5d_16", $ = "_Info_17t5d_17", j = "_Step_17t5d_16", F = "_InfoRow_17t5d_30", P = "_NothingAbove_17t5d_44", i = {
+  Sidebar: y,
+  Board: T,
+  SidebarTitle: R,
+  SidebarButton: z,
+  Steps: C,
+  Info: $,
+  Step: j,
+  InfoRow: F,
   NothingAbove: P
-}, Y = ({
+}, X = ({
   // Sidebar props
-  children: v,
+  children: g,
   isButtonVisible: b = !1,
   isUserOpen: r = !1,
-  title: x = "Ihre Übersicht",
-  steps: g = [],
-  info: N = [],
-  certifications: _,
-  user: d,
-  extras: n,
+  title: N = "Ihre Übersicht",
+  steps: I = [],
+  info: u = [],
+  certifications: p,
+  user: n,
+  extras: s,
   // Base props
-  ...S
+  ..._
 }) => {
-  const p = N.filter(([, i]) => i.trim() !== ""), a = p.length > 0;
+  const h = u.filter(([, e]) => e.trim() !== ""), a = h.length > 0;
   return /* @__PURE__ */ t(
     "div",
     {
-      "data-testid": h(S, "data-testid", "sidebar"),
-      className: l(e.Sidebar, h(S, "className")),
-      children: /* @__PURE__ */ o("div", { className: e.Board, children: [
-        /* @__PURE__ */ t(m, { preset: "sidebar-title", className: e.SidebarTitle, children: x }),
-        /* @__PURE__ */ t("div", { className: e.Steps, "data-testid": "sidebar-steps", children: g.map(({ state: i, text: s }) => /* @__PURE__ */ o("div", { className: e.Step, "data-testid": "sidebar-step", children: [
-          /* @__PURE__ */ t(A, { state: i }),
-          /* @__PURE__ */ t(m, { tag: "span", weight: "medium", size: "body-small", color: i === "idle" ? "grey-400" : "text-primary", children: s })
-        ] }, s)) }),
-        a && /* @__PURE__ */ o(I, { children: [
-          /* @__PURE__ */ t(c, {}),
-          /* @__PURE__ */ t("div", { className: e.Info, "data-testid": "sidebar-info", children: p.map(([i, s], j) => /* @__PURE__ */ o("div", { className: e.InfoRow, "data-testid": "sidebar-info-row", children: [
-            /* @__PURE__ */ t(m, { tag: "span", size: "body-small", color: "text-secondary", children: i }),
-            /* @__PURE__ */ t(m, { tag: "span", size: "body-small", align: "right", children: s })
-          ] }, `${i}-${j}`)) }),
-          /* @__PURE__ */ t(c, {})
+      "data-testid": f(_, "data-testid", "sidebar"),
+      className: c(i.Sidebar, f(_, "className")),
+      children: /* @__PURE__ */ o("div", { className: i.Board, children: [
+        /* @__PURE__ */ t(m, { preset: "sidebar-title", className: i.SidebarTitle, children: N }),
+        /* @__PURE__ */ t("div", { className: i.Steps, "data-testid": "sidebar-steps", children: I.map(({ state: e, text: l }) => /* @__PURE__ */ o("div", { className: i.Step, "data-testid": "sidebar-step", children: [
+          /* @__PURE__ */ t(x, { state: e }),
+          /* @__PURE__ */ t(m, { tag: "span", weight: "medium", size: "body-small", color: e === "idle" ? "grey-400" : "text-primary", children: l })
+        ] }, l)) }),
+        a && /* @__PURE__ */ o(S, { children: [
+          /* @__PURE__ */ t(d, {}),
+          /* @__PURE__ */ t("div", { className: i.Info, "data-testid": "sidebar-info", children: h.map(([e, l], w) => /* @__PURE__ */ o("div", { className: i.InfoRow, "data-testid": "sidebar-info-row", children: [
+            /* @__PURE__ */ t(m, { tag: "span", size: "body-small", color: "text-secondary", children: e }),
+            /* @__PURE__ */ t(m, { tag: "span", size: "body-small", align: "right", children: l })
+          ] }, `${e}-${w}`)) }),
+          /* @__PURE__ */ t(d, {})
         ] }),
-        /* @__PURE__ */ o(f, { name: "user", condition: r, children: [
-          !a && /* @__PURE__ */ t(c, {}),
-          /* @__PURE__ */ t(w, { title: d.title, button: d.button, data: d.data, onClick: d.onClick }),
-          /* @__PURE__ */ t(c, {})
+        /* @__PURE__ */ o(v, { name: "user", condition: r, children: [
+          !a && /* @__PURE__ */ t(d, {}),
+          /* @__PURE__ */ t(B, { title: n.title, button: n.button, data: n.data, onClick: n.onClick }),
+          /* @__PURE__ */ t(d, {})
         ] }),
-        /* @__PURE__ */ t(f, { name: "button", condition: b, children: /* @__PURE__ */ t(
+        /* @__PURE__ */ t(v, { name: "button", condition: b, children: /* @__PURE__ */ t(
           "div",
           {
-            className: l(e.SidebarButton, {
-              [e.NothingAbove]: !a && !r
+            className: c(i.SidebarButton, {
+              [i.NothingAbove]: !a && !r
             }),
-            children: v
+            children: g
           }
         ) }),
-        n != null && /* @__PURE__ */ t(
-          "div",
-          {
-            "data-testid": "sidebar-extras",
-            className: l(e.SidebarExtras, {
-              [e.NothingAbove]: !a && !r && !b
-            }),
-            children: n
-          }
-        ),
-        /* @__PURE__ */ t(u, { icons: _.icons, tuvSrc: _.tuvSrc, align: _.align }),
+        s != null && /* @__PURE__ */ o(S, { children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              "data-testid": "sidebar-extras",
+              className: c(i.SidebarExtras, {
+                [i.NothingAbove]: !a && !r && !b
+              }),
+              children: s
+            }
+          ),
+          /* @__PURE__ */ t(d, {})
+        ] }),
+        /* @__PURE__ */ t(A, { icons: p.icons, tuvSrc: p.tuvSrc, align: p.align }),
         /* @__PURE__ */ t(
           "div",
           {
-            className: l({
-              [e.NothingAbove]: !a && !r && !b && n == null
+            className: c({
+              [i.NothingAbove]: !a && !r && !b && s == null
             })
           }
         )
@@ -93,5 +95,5 @@ import '../../assets/sidebar-rLhJNVa5.css';const B = "_Sidebar_ex9j5_1", y = "_B
   );
 };
 export {
-  Y as Sidebar
+  X as Sidebar
 };

package/package.json

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

package/dist/assets/sidebar-rLhJNVa5.css

@@ -1 +0,0 @@
-._Sidebar_ex9j5_1{display:block}._Board_ex9j5_5{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-lg);background-color:var(--rm-ui-sidebar-bg)}._SidebarTitle_ex9j5_11,._SidebarButton_ex9j5_12{padding-bottom:var(--rm-ui-padding-md)}._Steps_ex9j5_16,._Info_ex9j5_17{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rm-ui-padding-sm)}._Step_ex9j5_16{display:inline-flex;align-items:center;gap:var(--rm-ui-padding-xs)}._InfoRow_ex9j5_30{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-xs)}._SidebarButton_ex9j5_12{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}._SidebarExtras_ex9j5_44{padding-bottom:var(--rm-ui-padding-md)}@media screen and (min-width:1200px){._SidebarExtras_ex9j5_44{padding-bottom:var(--rm-ui-padding-lg)}}._NothingAbove_ex9j5_54{margin-top:var(--rm-ui-padding-lg)}@media screen and (min-width:1024px){._Board_ex9j5_5{padding:var(--rm-ui-padding-xl)}}@media screen and (min-width:1200px){._Board_ex9j5_5{padding:var(--rm-ui-padding-xxl)}._SidebarTitle_ex9j5_11,._SidebarButton_ex9j5_12{padding-bottom:var(--rm-ui-padding-lg)}}