mimir-ui-kit 1.25.0 → 1.26.1

package/dist/assets/InputPassword.css

@@ -1 +1 @@
-._input_mam1g_2{padding-right:var(--space-3xl)}._wrapper_mam1g_6{position:relative;display:flex;align-items:center;border-radius:8px}._input-wrapper_mam1g_13{flex:1}._button-wrapper_mam1g_17{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_mam1g_17{align-self:center;background-color:transparent;border-radius:8px}
+._input_34v9n_2{padding-right:var(--space-3xl)}._wrapper_34v9n_6{position:relative;display:flex;align-items:center;border-radius:8px}._input-wrapper_34v9n_13{flex:1}._button-wrapper_34v9n_17{position:absolute;top:0;right:0;z-index:2;display:flex;width:44px;height:100%;max-height:var(--button-height-xxl)}._button_34v9n_17{align-self:center;background-color:transparent;border-radius:8px}._button_34v9n_17 ._icon_34v9n_33{color:var(--black-60);transition:all .15s ease;fill:var(--black-60)}._button_34v9n_17 ._icon_34v9n_33._show_34v9n_38{color:var(--sapphire-normal);fill:var(--sapphire-normal)}

package/dist/assets/OtpInput.css

@@ -1 +1 @@
-._otp_196ev_3{display:flex;align-items:center;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}@media (max-width: 768px){._otp_196ev_3{-moz-column-gap:4.65px;column-gap:4.65px}}._otp_196ev_3 ._input-wrapper_196ev_14{flex:0 0 64px;padding:0}@media (max-width: 768px){._otp_196ev_3 ._input-wrapper_196ev_14{flex:0 0 48px}}._input_196ev_14{text-align:center}._separator_196ev_28{display:block;flex:0 0 54px;align-self:center;height:1px;margin:0 var(--space-xs);background-color:var(--black-100)}
+._otp_19unm_3{display:flex;align-items:center;width:100%;-moz-column-gap:var(--space-xs);column-gap:var(--space-xs)}@media (max-width: 768px){._otp_19unm_3{-moz-column-gap:4.65px;column-gap:4.65px}}._otp_19unm_3 ._input-wrapper_19unm_14{flex:0 0 64px;padding:0}@media (max-width: 767.9px){._otp_19unm_3 ._input-wrapper_19unm_14{flex:0 0 48px}}._input_19unm_14{text-align:center}._separator_19unm_28{display:block;flex:0 0 54px;align-self:center;height:1px;margin:0 var(--space-xs);background-color:var(--black-100)}

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

@@ -24,9 +24,11 @@ export type TAccordionProps = {
     classNameAccordion?: string;
     /** Дополнительный класс для кнопки с иконкой */
     classNameIconButton?: string;
-    /** Дополнительный класс для react-ноды для отображения под заголовком */
-    classNameSubtitleNode?: string;
     /** React-нода для отображения под заголовком */
     subtitleNode?: ReactNode;
+    /** React-нода для отображения под заголовком когда аккордеон открыт */
+    onlyOpenSubtitleNode?: ReactNode;
+    /** Дополнительный класс для контейнера subtitle */
+    classNameSubtitleContainer?: string;
 };
 export declare const Accordion: import('react').ForwardRefExoticComponent<TAccordionProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/Accordion/Accordion.js

@@ -1,6 +1,6 @@
 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 React__default, { createContext, useRef, Fragment, useReducer, useMemo, useId, useEffect, useContext, forwardRef, useState } from "react";
 import { AccordionItem } from "./AccordionItem/AccordionItem.js";
 import { EAccordionButtonType, EAccordionSize, EAccordionButtonStyle, EAccordionIconType, EAccordionLinkIconSize, EAccordionButtonIconSize } from "./constants.js";
 import { useMediaQuery } from "../../hooks/useMediaQuery/useMediaQuery.js";
@@ -158,9 +158,11 @@ const Accordion = forwardRef(
     classNameContent,
     classNameAccordion,
     classNameIconButton,
-    classNameSubtitleNode,
-    subtitleNode
+    subtitleNode,
+    onlyOpenSubtitleNode,
+    classNameSubtitleContainer
   }, ref) => {
+    const [isOpen, setIsOpen] = useState(false);
     const isMobile = useMediaQuery(EMediaQuery.XS1);
     const isLink = buttonType === "link";
     const linkClasses = {
@@ -233,32 +235,40 @@ const Accordion = forwardRef(
             linkClasses,
             classNameAccordion
           ),
-          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 })
-              }
-            )
-          ] }) })
+          children: /* @__PURE__ */ jsx(We, { ref, children: ({ open: open2 }) => {
+            if (open2 !== isOpen) {
+              setIsOpen(open2);
+            }
+            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,
+                {
+                  className: classNames(
+                    cls.panel,
+                    classNameContent,
+                    linkClasses
+                  ),
+                  children: /* @__PURE__ */ jsx(AccordionItem, { size, children })
+                }
+              )
+            ] });
+          } })
         }
       ),
-      subtitleNode && /* @__PURE__ */ jsx("div", { className: classNames(cls.subtitle, classNameSubtitleNode), children: subtitleNode })
+      (subtitleNode || onlyOpenSubtitleNode) && /* @__PURE__ */ jsxs("div", { className: classNameSubtitleContainer, children: [
+        subtitleNode,
+        isOpen && onlyOpenSubtitleNode
+      ] })
     ] });
   }
 );

package/dist/components/Drawer/Drawer.d.ts

@@ -48,9 +48,13 @@ type TProps = {
     footer?: ReactNode | ((props: {
         handleClose: VoidFunction;
     }) => JSX.Element);
+    /**
+     * Дополнительный класс для inner.
+     */
+    classNameInner?: string;
 };
 /**
  * Компонент шторки, который может выезжать слева, справа или внизу.
  */
-export declare const Drawer: ({ isOpen, onClose, title, className, unmount, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Drawer: ({ isOpen, onClose, title, className, unmount, isLoading, stickyHeader, fullBottomHeight, position, paddingRight, footer, children, classNameInner }: PropsWithChildren<TProps>) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/Drawer/Drawer.js

@@ -60,7 +60,8 @@ const Drawer = ({
   position = EDrawerPosition.RIGHT,
   paddingRight = 8,
   footer: footer2,
-  children
+  children,
+  classNameInner
 }) => {
   const [isClosing, setIsClosing] = useState(false);
   const [isMounted, setIsMounted] = useState(false);
@@ -150,7 +151,7 @@ const Drawer = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: cls.inner, children }),
+              /* @__PURE__ */ jsx("div", { className: classNames(cls.inner, classNameInner), children }),
               /* @__PURE__ */ jsx("footer", { className: cls.footer, children: typeof footer2 === "function" ? footer2({ handleClose }) : footer2 || /* @__PURE__ */ jsx(
                 Button,
                 {

package/dist/components/InputPassword/InputPassword.js

@@ -1,17 +1,22 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
 import { memo, forwardRef, useState } from "react";
 import { Icon } from "../../icons/Icon.js";
 import { Button } from "../Button/Button.js";
 import { I as Input } from "../../Input-6mudFqTb.js";
-import '../../assets/InputPassword.css';const input = "_input_mam1g_2";
-const wrapper = "_wrapper_mam1g_6";
-const button = "_button_mam1g_17";
+import '../../assets/InputPassword.css';const input = "_input_34v9n_2";
+const wrapper = "_wrapper_34v9n_6";
+const button = "_button_34v9n_17";
+const icon = "_icon_34v9n_33";
+const show = "_show_34v9n_38";
 const cls = {
   input,
   wrapper,
-  "input-wrapper": "_input-wrapper_mam1g_13",
-  "button-wrapper": "_button-wrapper_mam1g_17",
-  button
+  "input-wrapper": "_input-wrapper_34v9n_13",
+  "button-wrapper": "_button-wrapper_34v9n_17",
+  button,
+  icon,
+  show
 };
 const InputPassword = memo(
   forwardRef(
@@ -37,7 +42,15 @@ const InputPassword = memo(
             type: "button",
             className: cls.button,
             onClick: handleClick,
-            children: /* @__PURE__ */ jsx(Icon, { iconName: "Eye24px" })
+            children: /* @__PURE__ */ jsx(
+              Icon,
+              {
+                className: classNames(cls.icon, {
+                  [cls.show]: showPassword
+                }),
+                iconName: "Eye24px"
+              }
+            )
           }
         ) })
       ] });

package/dist/components/OtpInput/OtpInput.js

@@ -4,12 +4,12 @@ import { forwardRef, useImperativeHandle, Fragment } from "react";
 import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
 import { useOTPInput } from "./hooks.js";
 import { I as Input } from "../../Input-6mudFqTb.js";
-import '../../assets/OtpInput.css';const otp = "_otp_196ev_3";
-const input = "_input_196ev_14";
-const separator = "_separator_196ev_28";
+import '../../assets/OtpInput.css';const otp = "_otp_19unm_3";
+const input = "_input_19unm_14";
+const separator = "_separator_19unm_28";
 const cls = {
   otp,
-  "input-wrapper": "_input-wrapper_196ev_14",
+  "input-wrapper": "_input-wrapper_19unm_14",
   input,
   separator
 };

package/dist/components/RadioGroup/RadioGroup.js

@@ -149,7 +149,7 @@ const RadioGroup = forwardRef(
                 /* @__PURE__ */ jsx(
                   K,
                   {
-                    as: "button",
+                    as: "span",
                     className: classNames(cls.radio, {
                       [cls.disabled]: props.disabled
                     }),

package/package.json

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