mimir-ui-kit 1.41.0 → 1.41.1

package/dist/assets/CardTrail.css

@@ -1 +1 @@
-._card-trail_13qtm_3{display:flex;flex-direction:column}._card-trail-header_13qtm_7{display:flex;align-items:flex-end;justify-content:space-between}._card-trail-header_13qtm_7:not(:last-child){margin-bottom:var(--mimir-space-xs)}._card-trail-header-title_13qtm_15{font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-s1);letter-spacing:calc(var(--mimir-size-text-l) * -.02)}@media (max-width: 600px){._card-trail-header-title_13qtm_15{font-size:var(--mimir-size-text-m);letter-spacing:calc(var(--mimir-size-text-m) * -.02)}}._card-trail-list_13qtm_28{display:flex;padding:0;overflow:auto;white-space:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}._card-trail-list_13qtm_28::-webkit-scrollbar{display:none}._card-trail-list-item_13qtm_40{scroll-snap-align:start;white-space:normal;white-space:initial}._card-trail-list-item_13qtm_40._pointer_13qtm_44{cursor:pointer}
+._card-trail_pmokd_3{display:flex;flex-direction:column}._card-trail-header_pmokd_7{display:flex;align-items:flex-end;justify-content:space-between}._card-trail-header_pmokd_7:not(:last-child){margin-bottom:var(--mimir-space-xs)}._card-trail-header-title_pmokd_15{font-weight:var(--mimir-font-weight-text-medium);font-size:var(--mimir-size-text-l);font-family:var(--mimir-font-montserrat);line-height:var(--mimir-line-height-text-s1);letter-spacing:calc(var(--mimir-size-text-l) * -.02)}@media (max-width: 600px){._card-trail-header-title_pmokd_15{font-size:var(--mimir-size-text-m);letter-spacing:calc(var(--mimir-size-text-m) * -.02)}}._card-trail-header-merged-button_pmokd_28{margin-left:auto}._card-trail-list_pmokd_31{display:flex;padding:0;overflow:auto;white-space:nowrap;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}._card-trail-list_pmokd_31::-webkit-scrollbar{display:none}._card-trail-list-item_pmokd_43{scroll-snap-align:start;white-space:normal;white-space:initial}._card-trail-list-item_pmokd_43._pointer_pmokd_47{cursor:pointer}

package/dist/components/CardTrail/CardTrail.d.ts

@@ -36,6 +36,10 @@ export type TProps = {
      * Класс, применяемый к списку карточек (ul).
      */
     cardTrailListClassName?: string;
+    /**
+     * Класс, применяемый к кнопкам переключения (MergedButton).
+     */
+    cardTrailMergedButtonClassName?: string;
     /**
      * Класс, применяемый к карточке.
      */

package/dist/components/CardTrail/CardTrail.js

@@ -1,42 +1,44 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { c as n } from "../../index-DIxK0V-G.js";
-import { forwardRef as W, useRef as D, useState as _, useEffect as I, Children as M } from "react";
-import { DEFAULT_SPACE_BETWEEN as x, DEFAULT_SCROLL_STEP as H } from "./constants.js";
-import { hasHorizontalScroll as p, isScrollAtEdge as B } from "./utils.js";
-import { useMergeRefs as R } from "../../hooks/useMergeRefs/useMergeRefs.js";
-import { useThrottledCallback as j } from "../../hooks/useThrottledCallback/index.js";
-import { MergedButton as F } from "../MergedButton/MergedButton.js";
-import '../../assets/CardTrail.css';const U = "_pointer_13qtm_44", c = {
-  "card-trail": "_card-trail_13qtm_3",
-  "card-trail-header": "_card-trail-header_13qtm_7",
-  "card-trail-header-title": "_card-trail-header-title_13qtm_15",
-  "card-trail-list": "_card-trail-list_13qtm_28",
-  "card-trail-list-item": "_card-trail-list-item_13qtm_40",
-  pointer: U
-}, X = W((C, S) => {
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { c as i } from "../../index-DIxK0V-G.js";
+import { forwardRef as D, useRef as I, useState as p, useEffect as x, Children as H } from "react";
+import { DEFAULT_SPACE_BETWEEN as R, DEFAULT_SCROLL_STEP as j } from "./constants.js";
+import { hasHorizontalScroll as _, isScrollAtEdge as C } from "./utils.js";
+import { useMergeRefs as F } from "../../hooks/useMergeRefs/useMergeRefs.js";
+import { useThrottledCallback as U } from "../../hooks/useThrottledCallback/index.js";
+import { MergedButton as $ } from "../MergedButton/MergedButton.js";
+import '../../assets/CardTrail.css';const q = "_pointer_pmokd_47", l = {
+  "card-trail": "_card-trail_pmokd_3",
+  "card-trail-header": "_card-trail-header_pmokd_7",
+  "card-trail-header-title": "_card-trail-header-title_pmokd_15",
+  "card-trail-header-merged-button": "_card-trail-header-merged-button_pmokd_28",
+  "card-trail-list": "_card-trail-list_pmokd_31",
+  "card-trail-list-item": "_card-trail-list-item_pmokd_43",
+  pointer: q
+}, Y = D((g, B) => {
   const {
-    cardClassName: g,
+    cardClassName: k,
     cardTrailClassName: N,
-    cardTrailHeaderClassName: E,
-    cardTrailListClassName: b,
+    cardTrailHeaderClassName: b,
+    cardTrailListClassName: S,
+    cardTrailMergedButtonClassName: E,
     children: d,
-    title: h,
-    spaceBetween: s = x,
-    scrollStep: m = H,
-    mergedButtonProps: l,
+    title: m,
+    spaceBetween: s = R,
+    scrollStep: h = j,
+    mergedButtonProps: c,
     scrollToCard: u = !1
-  } = C, t = D(null), [i, T] = _({
+  } = g, t = I(null), [o, T] = p({
     leftButton: !0,
     rightButton: !1
-  }), [k, L] = _(
-    () => p(t == null ? void 0 : t.current)
-  ), q = R(t, S), v = j(() => {
-    const e = !B(t.current, "left"), r = !B(t.current, "right");
+  }), [L, v] = p(
+    () => _(t == null ? void 0 : t.current)
+  ), y = F(t, B), A = U(() => {
+    const e = !C(t.current, "left"), r = !C(t.current, "right");
     T({
       leftButton: !e,
       rightButton: !r
     });
-  }, 300), y = (e) => () => {
+  }, 300), W = (e) => () => {
     var a;
     if (!u)
       return;
@@ -48,54 +50,58 @@ import '../../assets/CardTrail.css';const U = "_pointer_13qtm_44", c = {
       block: "nearest",
       inline: "center"
     }));
-  }, A = () => {
+  }, w = () => {
     var a;
-    if (!t.current || i.leftButton) return;
+    if (!t.current || o.leftButton) return;
     const e = t.current, r = ((a = e.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
     e.scrollBy({
-      left: -(r + s) * m,
+      left: -(r + s) * h,
       behavior: "smooth"
     });
-  }, w = () => {
+  }, M = () => {
     var a;
-    if (!t.current || i.rightButton) return;
+    if (!t.current || o.rightButton) return;
     const e = t.current, r = ((a = e.children[0]) == null ? void 0 : a.clientWidth) ?? 0;
     e.scrollBy({
-      left: (r + s) * m,
+      left: (r + s) * h,
       behavior: "smooth"
     });
   };
-  return I(() => {
-    L(p(t == null ? void 0 : t.current));
-  }, [d]), /* @__PURE__ */ f("section", { className: n(c["card-trail"], N), children: [
+  return x(() => {
+    v(_(t == null ? void 0 : t.current));
+  }, [d]), /* @__PURE__ */ f("section", { className: i(l["card-trail"], N), children: [
     /* @__PURE__ */ f(
       "header",
       {
-        className: n(
-          c["card-trail-header"],
-          E
+        className: i(
+          l["card-trail-header"],
+          b
         ),
         children: [
-          h && /* @__PURE__ */ o("h3", { className: c["card-trail-header-title"], children: h }),
-          k && /* @__PURE__ */ o(
-            F,
+          m && /* @__PURE__ */ n("h3", { className: l["card-trail-header-title"], children: m }),
+          L && /* @__PURE__ */ n(
+            $,
             {
+              buttonsWrapperClassName: i(
+                l["card-trail-header-merged-button"],
+                E
+              ),
               buttons: [
                 {
                   isIconButton: !0,
                   iconName: "ArrowLeft16px",
                   variant: "gray",
-                  onClick: A,
-                  disabled: i.leftButton,
-                  ...l == null ? void 0 : l.leftButton
+                  onClick: w,
+                  disabled: o.leftButton,
+                  ...c == null ? void 0 : c.leftButton
                 },
                 {
                   isIconButton: !0,
                   iconName: "ArrowRight16px",
                   variant: "gray",
-                  onClick: w,
-                  disabled: i.rightButton,
-                  ...l == null ? void 0 : l.rightButton
+                  onClick: M,
+                  disabled: o.rightButton,
+                  ...c == null ? void 0 : c.rightButton
                 }
               ]
             }
@@ -103,23 +109,23 @@ import '../../assets/CardTrail.css';const U = "_pointer_13qtm_44", c = {
         ]
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ n(
       "ul",
       {
-        onScroll: v,
+        onScroll: A,
         style: { gap: s },
-        className: n(c["card-trail-list"], b),
-        ref: q,
-        children: M.map(d, (e, r) => /* @__PURE__ */ o(
+        className: i(l["card-trail-list"], S),
+        ref: y,
+        children: H.map(d, (e, r) => /* @__PURE__ */ n(
           "li",
           {
-            onClick: y(r),
+            onClick: W(r),
             "data-active-card": r,
             "data-testid": `card-trail-item-${r}`,
-            className: n(
-              c["card-trail-list-item"],
-              { [c.pointer]: u },
-              g
+            className: i(
+              l["card-trail-list-item"],
+              { [l.pointer]: u },
+              k
             ),
             children: e
           }
@@ -129,5 +135,5 @@ import '../../assets/CardTrail.css';const U = "_pointer_13qtm_44", c = {
   ] });
 });
 export {
-  X as CardTrail
+  Y as CardTrail
 };

package/dist/components/MergedButton/MergedButton.d.ts

@@ -10,9 +10,13 @@ type TProps = {
      * Массив кнопок,  который отрисуется в контейнере
      * */
     buttons: TButtonPropsWithoutStyles[];
+    /**
+     * Класс, применяемый к списку карточек (ul).
+     */
+    buttonsWrapperClassName?: string;
 };
 /**
  * Компонент объединенных кнопок, с округлением у первой и последней кнопки, а так же с другими variant, нежели у обычного Button.
  */
-export declare const MergedButton: import('react').MemoExoticComponent<({ buttons }: TProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MergedButton: import('react').MemoExoticComponent<({ buttons, buttonsWrapperClassName }: TProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/dist/components/MergedButton/MergedButton.js

@@ -1,48 +1,50 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as _ } from "../../index-DIxK0V-G.js";
-import { memo as l } from "react";
-import { EMergedButtonVariantRound as u } from "./constants.js";
-import { Button as g } from "../Button/Button.js";
-import '../../assets/MergedButton.css';const p = "_buttons_l320r_2", d = "_gray_l320r_28", B = "_white_l320r_36", I = "_transparent_l320r_44", o = {
-  buttons: p,
+import { c as s } from "../../index-DIxK0V-G.js";
+import { memo as u } from "react";
+import { EMergedButtonVariantRound as g } from "./constants.js";
+import { Button as p } from "../Button/Button.js";
+import '../../assets/MergedButton.css';const d = "_buttons_l320r_2", B = "_gray_l320r_28", I = "_white_l320r_36", f = "_transparent_l320r_44", o = {
+  buttons: d,
   "merged-button": "_merged-button_l320r_6",
-  gray: d,
-  white: B,
-  transparent: I,
+  gray: B,
+  white: I,
+  transparent: f,
   "is-icon": "_is-icon_l320r_53",
   "one-button": "_one-button_l320r_57"
-}, f = l(({ buttons: r }) => /* @__PURE__ */ e("div", { className: o.buttons, children: r.map(
-  ({
-    variant: s = u.White,
-    disabled: n,
-    className: c,
-    ...t
-  }, i) => {
-    const a = {
-      ...t,
-      isIconButton: t.isIconButton ?? !1,
-      iconName: t.isIconButton ? t.iconName : void 0,
-      leftIcon: t.isIconButton ? void 0 : t.leftIcon,
-      rightIcon: t.isIconButton ? void 0 : t.rightIcon
-    }, m = _(o["merged-button"], c, {
-      [o[s]]: !n,
-      [o.disabled]: n,
-      [o["is-icon"]]: t.isIconButton,
-      [o["one-button"]]: r.length === 1
-    });
-    return /* @__PURE__ */ e(
-      g,
-      {
-        clear: !0,
-        disabled: n,
-        className: m,
-        ...a
-      },
-      i
-    );
-  }
-) }));
-f.displayName = "MergedButton";
+}, h = u(
+  ({ buttons: r, buttonsWrapperClassName: c }) => /* @__PURE__ */ e("div", { className: s(o.buttons, c), children: r.map(
+    ({
+      variant: i = g.White,
+      disabled: n,
+      className: a,
+      ...t
+    }, m) => {
+      const _ = {
+        ...t,
+        isIconButton: t.isIconButton ?? !1,
+        iconName: t.isIconButton ? t.iconName : void 0,
+        leftIcon: t.isIconButton ? void 0 : t.leftIcon,
+        rightIcon: t.isIconButton ? void 0 : t.rightIcon
+      }, l = s(o["merged-button"], a, {
+        [o[i]]: !n,
+        [o.disabled]: n,
+        [o["is-icon"]]: t.isIconButton,
+        [o["one-button"]]: r.length === 1
+      });
+      return /* @__PURE__ */ e(
+        p,
+        {
+          clear: !0,
+          disabled: n,
+          className: l,
+          ..._
+        },
+        m
+      );
+    }
+  ) })
+);
+h.displayName = "MergedButton";
 export {
-  f as MergedButton
+  h as MergedButton
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.41.0",
+  "version": "1.41.1",
   "type": "module",
   "exports": {
     ".": {