mimir-ui-kit 1.24.4 → 1.25.0

package/dist/components/Accordion/Accordion.d.ts

@@ -2,14 +2,31 @@ import { ReactNode } from 'react';
 import { EAccordionButtonStyle, EAccordionButtonType, EAccordionIconType, EAccordionSize } from './constants';
 
 export type TAccordionProps = {
+    /** Заголовок аккордеона */
     title: string;
+    /** Содержимое аккордеона */
     children: ReactNode;
+    /** Размер аккордеона */
     size?: EAccordionSize;
+    /** Преобразование заголовка в верхний регистр */
     titleUppercase?: boolean;
+    /** Тип кнопки аккордеона */
     buttonType?: EAccordionButtonType | `${EAccordionButtonType}`;
+    /** Стиль кнопки аккордеона */
     buttonStyle?: EAccordionButtonStyle | `${EAccordionButtonStyle}`;
+    /** Тип иконки аккордеона */
     iconType?: EAccordionIconType | `${EAccordionIconType}`;
+    /** Дополнительный класс для заголовка */
     classNameTitle?: string;
+    /** Дополнительный класс для содержимого */
     classNameContent?: string;
+    /** Дополнительный класс для всего аккордеона */
+    classNameAccordion?: string;
+    /** Дополнительный класс для кнопки с иконкой */
+    classNameIconButton?: string;
+    /** Дополнительный класс для react-ноды для отображения под заголовком */
+    classNameSubtitleNode?: string;
+    /** React-нода для отображения под заголовком */
+    subtitleNode?: ReactNode;
 };
 export declare const Accordion: import('react').ForwardRefExoticComponent<TAccordionProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Accordion/Accordion.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
+import { jsxs, Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 import { c as classNames } from "../../index-CweZ_OcN.js";
 import React__default, { createContext, useRef, Fragment, useReducer, useMemo, useId, useEffect, useContext, forwardRef } from "react";
 import { AccordionItem } from "./AccordionItem/AccordionItem.js";
@@ -155,7 +155,11 @@ const Accordion = forwardRef(
     buttonStyle = EAccordionButtonStyle.CIRCLE,
     iconType = EAccordionIconType.ARROW,
     classNameTitle,
-    classNameContent
+    classNameContent,
+    classNameAccordion,
+    classNameIconButton,
+    classNameSubtitleNode,
+    subtitleNode
   }, ref) => {
     const isMobile = useMediaQuery(EMediaQuery.XS1);
     const isLink = buttonType === "link";
@@ -206,7 +210,8 @@ const Accordion = forwardRef(
                 className: classNames(
                   cls["icon-container"],
                   open2 && cls.open,
-                  cls[buttonStyle]
+                  cls[buttonStyle],
+                  classNameIconButton
                 ),
                 children: /* @__PURE__ */ jsx(Icon, { iconName: getIconName(), className: cls.icon })
               }
@@ -218,27 +223,43 @@ const Accordion = forwardRef(
         }
       }
     };
-    return /* @__PURE__ */ jsx("div", { className: classNames(cls.accordion, cls[size], linkClasses), children: /* @__PURE__ */ jsx(We, { ref, children: ({ open: open2 }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
       /* @__PURE__ */ jsx(
-        Ce,
-        {
-          as: isLink ? Fragment : EAccordionButtonType.BUTTON,
-          className: classNames({ [cls.header]: !isLink }),
-          children: renderButton(open2)
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Ie,
+        "div",
         {
           className: classNames(
-            cls.panel,
-            classNameContent,
-            linkClasses
+            cls.accordion,
+            cls[size],
+            linkClasses,
+            classNameAccordion
           ),
-          children: /* @__PURE__ */ jsx(AccordionItem, { size, children })
+          children: /* @__PURE__ */ jsx(We, { ref, children: ({ open: open2 }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsx(
+              Ce,
+              {
+                as: isLink ? Fragment : EAccordionButtonType.BUTTON,
+                className: classNames({
+                  [cls.header]: !isLink
+                }),
+                children: renderButton(open2)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Ie,
+              {
+                className: classNames(
+                  cls.panel,
+                  classNameContent,
+                  linkClasses
+                ),
+                children: /* @__PURE__ */ jsx(AccordionItem, { size, children })
+              }
+            )
+          ] }) })
         }
-      )
-    ] }) }) });
+      ),
+      subtitleNode && /* @__PURE__ */ jsx("div", { className: classNames(cls.subtitle, classNameSubtitleNode), children: subtitleNode })
+    ] });
   }
 );
 export {

package/package.json

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