mimir-ui-kit 1.35.3 → 1.36.0

package/dist/components/Accordion/Accordion.js

@@ -1,204 +1,208 @@
-import { jsxs as A, Fragment as X, jsx as h } from "react/jsx-runtime";
+import { jsxs as x, Fragment as X, jsx as v } from "react/jsx-runtime";
 import { c as D } from "../../index-DIxK0V-G.js";
-import k, { createContext as F, useRef as O, Fragment as oe, useReducer as ue, useMemo as M, useId as re, useEffect as le, useContext as H, forwardRef as de, useState as pe } from "react";
-import { AccordionItem as fe } from "./AccordionItem/AccordionItem.js";
-import { EAccordionButtonType as T, EAccordionSize as B, EAccordionLinkIconSize as J, EAccordionButtonStyle as me, EAccordionIconType as Y, EAccordionButtonIconSize as Z } from "./constants.js";
+import S, { createContext as F, useRef as oe, Fragment as ne, useReducer as de, useMemo as R, useId as re, useEffect as le, useState as se, useContext as L, forwardRef as pe } from "react";
+import { AccordionItem as me } from "./AccordionItem/AccordionItem.js";
+import { EAccordionButtonType as w, EAccordionSize as O, EAccordionLinkIconSize as G, EAccordionButtonStyle as fe, EAccordionIconType as J, EAccordionButtonIconSize as Y } from "./constants.js";
 import { useMediaQuery as _e } from "../../hooks/useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as Ie } from "../../hooks/useMediaQuery/constants.js";
-import { Icon as Pe } from "../../icons/Icon.js";
+import { EMediaQuery as Ee } from "../../hooks/useMediaQuery/constants.js";
+import { Icon as ke } from "../../icons/Icon.js";
 import { Link as Se } from "../AnchorLink/Link.js";
-import { M as ee, W as K, y as q, T as ke, o as x, a as V, H as W, I as se, $ as ve, b as ye, D as ne, u as Ee, c as w } from "../../keyboard-B0lm_zyn.js";
-import { w as he } from "../../use-active-press-86hajhdd.js";
-import { T as De } from "../../use-resolve-button-type-BAxjHhds.js";
-import { c as $e, i as L, u as be, V as ge, A as Te, s as we } from "../../open-closed-Cy6VDfYc.js";
+import { M as Z, W as K, y as U, T as Ie, o as $, a as q, H as j, I as ae, $ as be, b as ve, D as ee, u as he, c as N } from "../../keyboard-B0lm_zyn.js";
+import { w as ye } from "../../use-active-press-86hajhdd.js";
+import { e as De } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { c as $e, i as M, u as Pe, R as ge, H as Te, s as we } from "../../open-closed-CdldUPoq.js";
 import { r as Ne } from "../../bugs-diTMAGNw.js";
-import '../../assets/Accordion.css';let Re = F(() => {
+import '../../assets/Accordion.css';let Ce = F(() => {
 });
-function Ce({ value: e, children: n }) {
-  return k.createElement(Re.Provider, { value: e }, n);
+function Be({ value: e, children: t }) {
+  return S.createElement(Ce.Provider, { value: e }, t);
 }
 var te;
-let Ae = (te = k.startTransition) != null ? te : function(e) {
+let Ae = (te = S.startTransition) != null ? te : function(e) {
   e();
 };
-var Be = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Be || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.LinkPanel = 4] = "LinkPanel", e[e.UnlinkPanel = 5] = "UnlinkPanel", e))(Oe || {});
-let xe = { 0: (e) => ({ ...e, disclosureState: V(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 4(e) {
-  return e.linkedPanel === !0 ? e : { ...e, linkedPanel: !0 };
-}, 5(e) {
-  return e.linkedPanel === !1 ? e : { ...e, linkedPanel: !1 };
-}, 2(e, n) {
-  return e.buttonId === n.buttonId ? e : { ...e, buttonId: n.buttonId };
-}, 3(e, n) {
-  return e.panelId === n.panelId ? e : { ...e, panelId: n.panelId };
-} }, j = F(null);
-j.displayName = "DisclosureContext";
+var xe = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(xe || {}), Oe = ((e) => (e[e.ToggleDisclosure = 0] = "ToggleDisclosure", e[e.CloseDisclosure = 1] = "CloseDisclosure", e[e.SetButtonId = 2] = "SetButtonId", e[e.SetPanelId = 3] = "SetPanelId", e[e.SetButtonElement = 4] = "SetButtonElement", e[e.SetPanelElement = 5] = "SetPanelElement", e))(Oe || {});
+let Re = { 0: (e) => ({ ...e, disclosureState: q(e.disclosureState, { 0: 1, 1: 0 }) }), 1: (e) => e.disclosureState === 1 ? e : { ...e, disclosureState: 1 }, 2(e, t) {
+  return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
+}, 3(e, t) {
+  return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
+}, 4(e, t) {
+  return e.buttonElement === t.element ? e : { ...e, buttonElement: t.element };
+}, 5(e, t) {
+  return e.panelElement === t.element ? e : { ...e, panelElement: t.element };
+} }, W = F(null);
+W.displayName = "DisclosureContext";
 function Q(e) {
-  let n = H(j);
-  if (n === null) {
-    let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(s, Q), s;
+  let t = L(W);
+  if (t === null) {
+    let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(a, Q), a;
   }
-  return n;
+  return t;
 }
-let z = F(null);
-z.displayName = "DisclosureAPIContext";
-function ae(e) {
-  let n = H(z);
-  if (n === null) {
-    let s = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(s, ae), s;
+let V = F(null);
+V.displayName = "DisclosureAPIContext";
+function ce(e) {
+  let t = L(V);
+  if (t === null) {
+    let a = new Error(`<${e} /> is missing a parent <Disclosure /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(a, ce), a;
   }
-  return n;
+  return t;
 }
-let G = F(null);
-G.displayName = "DisclosurePanelContext";
+let z = F(null);
+z.displayName = "DisclosurePanelContext";
 function Me() {
-  return H(G);
+  return L(z);
 }
-function Le(e, n) {
-  return V(n.type, xe, e, n);
+function Fe(e, t) {
+  return q(t.type, Re, e, t);
 }
-let Fe = oe;
-function Ue(e, n) {
-  let { defaultOpen: s = !1, ...p } = e, o = O(null), f = q(n, ke((r) => {
-    o.current = r;
-  }, e.as === void 0 || e.as === oe)), u = O(null), t = O(null), l = ue(Le, { disclosureState: s ? 0 : 1, linkedPanel: !1, buttonRef: t, panelRef: u, buttonId: null, panelId: null }), [{ disclosureState: m, buttonId: a }, _] = l, c = x((r) => {
-    _({ type: 1 });
-    let S = Ee(o);
-    if (!S || !a) return;
-    let y = r ? r instanceof HTMLElement ? r : r.current instanceof HTMLElement ? r.current : S.getElementById(a) : S.getElementById(a);
-    y == null || y.focus();
-  }), I = M(() => ({ close: c }), [c]), P = M(() => ({ open: m === 0, close: c }), [m, c]), v = { ref: f };
-  return k.createElement(j.Provider, { value: l }, k.createElement(z.Provider, { value: I }, k.createElement(Ce, { value: c }, k.createElement($e, { value: V(m, { 0: L.Open, 1: L.Closed }) }, W({ ourProps: v, theirProps: p, slot: P, defaultTag: Fe, name: "Disclosure" })))));
+let He = ne;
+function Le(e, t) {
+  let { defaultOpen: a = !1, ...d } = e, n = oe(null), p = U(t, Ie((c) => {
+    n.current = c;
+  }, e.as === void 0 || e.as === ne)), m = de(Fe, { disclosureState: a ? 0 : 1, buttonElement: null, panelElement: null, buttonId: null, panelId: null }), [{ disclosureState: o, buttonId: r }, k] = m, l = $((c) => {
+    k({ type: 1 });
+    let E = he(n);
+    if (!E || !r) return;
+    let u = c ? c instanceof HTMLElement ? c : c.current instanceof HTMLElement ? c.current : E.getElementById(r) : E.getElementById(r);
+    u == null || u.focus();
+  }), I = R(() => ({ close: l }), [l]), f = R(() => ({ open: o === 0, close: l }), [o, l]), _ = { ref: p };
+  return S.createElement(W.Provider, { value: m }, S.createElement(V.Provider, { value: I }, S.createElement(Be, { value: l }, S.createElement($e, { value: q(o, { 0: M.Open, 1: M.Closed }) }, j({ ourProps: _, theirProps: d, slot: f, defaultTag: He, name: "Disclosure" })))));
 }
-let He = "button";
-function Ke(e, n) {
-  let s = re(), { id: p = `headlessui-disclosure-button-${s}`, disabled: o = !1, autoFocus: f = !1, ...u } = e, [t, l] = Q("Disclosure.Button"), m = Me(), a = m === null ? !1 : m === t.panelId, _ = O(null), c = q(_, n, a ? null : t.buttonRef), I = se();
+let Ke = "button";
+function Ue(e, t) {
+  let a = re(), { id: d = `headlessui-disclosure-button-${a}`, disabled: n = !1, autoFocus: p = !1, ...m } = e, [o, r] = Q("Disclosure.Button"), k = Me(), l = k === null ? !1 : k === o.panelId, I = oe(null), f = U(I, t, $((s) => {
+    if (!l) return r({ type: 4, element: s });
+  })), _ = ae();
   le(() => {
-    if (!a) return l({ type: 2, buttonId: p }), () => {
-      l({ type: 2, buttonId: null });
+    if (!l) return r({ type: 2, buttonId: d }), () => {
+      r({ type: 2, buttonId: null });
     };
-  }, [p, l, a]);
-  let P = x((i) => {
-    var g;
-    if (a) {
-      if (t.disclosureState === 1) return;
-      switch (i.key) {
-        case w.Space:
-        case w.Enter:
-          i.preventDefault(), i.stopPropagation(), l({ type: 0 }), (g = t.buttonRef.current) == null || g.focus();
+  }, [d, r, l]);
+  let c = $((s) => {
+    var T;
+    if (l) {
+      if (o.disclosureState === 1) return;
+      switch (s.key) {
+        case N.Space:
+        case N.Enter:
+          s.preventDefault(), s.stopPropagation(), r({ type: 0 }), (T = o.buttonElement) == null || T.focus();
           break;
       }
-    } else switch (i.key) {
-      case w.Space:
-      case w.Enter:
-        i.preventDefault(), i.stopPropagation(), l({ type: 0 });
+    } else switch (s.key) {
+      case N.Space:
+      case N.Enter:
+        s.preventDefault(), s.stopPropagation(), r({ type: 0 });
         break;
     }
-  }), v = x((i) => {
-    switch (i.key) {
-      case w.Space:
-        i.preventDefault();
+  }), E = $((s) => {
+    switch (s.key) {
+      case N.Space:
+        s.preventDefault();
         break;
     }
-  }), r = x((i) => {
-    var g;
-    Ne(i.currentTarget) || o || (a ? (l({ type: 0 }), (g = t.buttonRef.current) == null || g.focus()) : l({ type: 0 }));
-  }), { isFocusVisible: S, focusProps: y } = ve({ autoFocus: f }), { isHovered: E, hoverProps: $ } = ye({ isDisabled: o }), { pressed: N, pressProps: R } = he({ disabled: o }), U = M(() => ({ open: t.disclosureState === 0, hover: E, active: N, disabled: o, focus: S, autofocus: f }), [t, E, N, S, o, f]), C = De(e, _), b = a ? ne({ ref: c, type: C, disabled: o || void 0, autoFocus: f, onKeyDown: P, onClick: r }, y, $, R) : ne({ ref: c, id: p, type: C, "aria-expanded": t.disclosureState === 0, "aria-controls": t.linkedPanel ? t.panelId : void 0, disabled: o || void 0, autoFocus: f, onKeyDown: P, onKeyUp: v, onClick: r }, y, $, R);
-  return W({ mergeRefs: I, ourProps: b, theirProps: u, slot: U, defaultTag: He, name: "Disclosure.Button" });
+  }), u = $((s) => {
+    var T;
+    Ne(s.currentTarget) || n || (l ? (r({ type: 0 }), (T = o.buttonElement) == null || T.focus()) : r({ type: 0 }));
+  }), { isFocusVisible: h, focusProps: y } = be({ autoFocus: p }), { isHovered: b, hoverProps: P } = ve({ isDisabled: n }), { pressed: C, pressProps: B } = ye({ disabled: n }), H = R(() => ({ open: o.disclosureState === 0, hover: b, active: C, disabled: n, focus: h, autofocus: p }), [o, b, C, h, n, p]), A = De(e, o.buttonElement), g = l ? ee({ ref: f, type: A, disabled: n || void 0, autoFocus: p, onKeyDown: c, onClick: u }, y, P, B) : ee({ ref: f, id: d, type: A, "aria-expanded": o.disclosureState === 0, "aria-controls": o.panelElement ? o.panelId : void 0, disabled: n || void 0, autoFocus: p, onKeyDown: c, onKeyUp: E, onClick: u }, y, P, B);
+  return j({ mergeRefs: _, ourProps: g, theirProps: m, slot: H, defaultTag: Ke, name: "Disclosure.Button" });
 }
-let qe = "div", Ve = ee.RenderStrategy | ee.Static;
-function We(e, n) {
-  let s = re(), { id: p = `headlessui-disclosure-panel-${s}`, transition: o = !1, ...f } = e, [u, t] = Q("Disclosure.Panel"), { close: l } = ae("Disclosure.Panel"), m = se(), a = q(n, u.panelRef, (r) => {
-    Ae(() => t({ type: r ? 4 : 5 }));
-  });
-  le(() => (t({ type: 3, panelId: p }), () => {
-    t({ type: 3, panelId: null });
-  }), [p, t]);
-  let _ = be(), [c, I] = ge(o, u.panelRef, _ !== null ? (_ & L.Open) === L.Open : u.disclosureState === 0), P = M(() => ({ open: u.disclosureState === 0, close: l }), [u.disclosureState, l]), v = { ref: a, id: p, ...Te(I) };
-  return k.createElement(we, null, k.createElement(G.Provider, { value: u.panelId }, W({ mergeRefs: m, ourProps: v, theirProps: f, slot: P, defaultTag: qe, features: Ve, visible: c, name: "Disclosure.Panel" })));
+let qe = "div", je = Z.RenderStrategy | Z.Static;
+function We(e, t) {
+  let a = re(), { id: d = `headlessui-disclosure-panel-${a}`, transition: n = !1, ...p } = e, [m, o] = Q("Disclosure.Panel"), { close: r } = ce("Disclosure.Panel"), k = ae(), [l, I] = se(null), f = U(t, $((y) => {
+    Ae(() => o({ type: 5, element: y }));
+  }), I);
+  le(() => (o({ type: 3, panelId: d }), () => {
+    o({ type: 3, panelId: null });
+  }), [d, o]);
+  let _ = Pe(), [c, E] = ge(n, l, _ !== null ? (_ & M.Open) === M.Open : m.disclosureState === 0), u = R(() => ({ open: m.disclosureState === 0, close: r }), [m.disclosureState, r]), h = { ref: f, id: d, ...Te(E) };
+  return S.createElement(we, null, S.createElement(z.Provider, { value: m.panelId }, j({ mergeRefs: k, ourProps: h, theirProps: p, slot: u, defaultTag: qe, features: je, visible: c, name: "Disclosure.Panel" })));
 }
-let je = K(Ue), ce = K(Ke), ie = K(We), Qe = Object.assign(je, { Button: ce, Panel: ie });
-const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26", Je = "_icon_1p5o7_33", Ye = "_circle_1p5o7_43", Ze = "_square_1p5o7_50", en = "_panel_1p5o7_60", nn = "_open_1p5o7_67", tn = "_m_1p5o7_87", on = "_s_1p5o7_50", d = {
+let Qe = K(Le), ie = K(Ue), ue = K(We), Ve = Object.assign(Qe, { Button: ie, Panel: ue });
+const ze = "_accordion_1k9to_2", Xe = "_header_1k9to_13", Ge = "_disabled_1k9to_25", Je = "_title_1k9to_29", Ye = "_icon_1k9to_36", Ze = "_circle_1k9to_46", et = "_square_1k9to_53", tt = "_panel_1k9to_73", ot = "_open_1k9to_80", nt = "_m_1k9to_106", rt = "_s_1k9to_53", i = {
   accordion: ze,
-  "is-link": "_is-link_1p5o7_9",
-  header: Ge,
-  title: Xe,
-  "title-uppercase": "_title-uppercase_1p5o7_29",
-  icon: Je,
-  "icon-container": "_icon-container_1p5o7_36",
-  circle: Ye,
-  square: Ze,
-  panel: en,
-  open: nn,
-  "link-open": "_link-open_1p5o7_83",
-  m: tn,
-  s: on,
-  "wrapper-button": "_wrapper-button_1p5o7_115"
-}, kn = de(
+  "is-link": "_is-link_1k9to_9",
+  header: Xe,
+  disabled: Ge,
+  title: Je,
+  "title-uppercase": "_title-uppercase_1k9to_32",
+  icon: Ye,
+  "icon-container": "_icon-container_1k9to_39",
+  circle: Ze,
+  square: et,
+  panel: tt,
+  open: ot,
+  "link-open": "_link-open_1k9to_102",
+  m: nt,
+  s: rt,
+  "wrapper-button": "_wrapper-button_1k9to_134"
+}, It = pe(
   ({
     title: e,
-    disabled: n,
-    buttonType: s = T.BUTTON,
-    children: p,
-    size: o = B.M,
-    titleUppercase: f,
-    buttonStyle: u = me.CIRCLE,
-    iconType: t = Y.ARROW,
-    classNameTitle: l,
-    classNameContent: m,
-    classNameAccordion: a,
-    classNameIconButton: _,
-    subtitleNode: c,
-    onlyOpenSubtitleNode: I,
-    classNameSubtitleContainer: P
-  }, v) => {
-    const [r, S] = pe(!1), y = _e(Ie.XS1), E = s === T.LINK, $ = {
-      [d["is-link"]]: E
-    }, N = () => {
-      n || S((b) => !b);
-    }, R = o === B.S ? J.S : J.M, U = {
+    disabled: t,
+    buttonType: a = w.BUTTON,
+    children: d,
+    size: n = O.M,
+    titleUppercase: p,
+    buttonStyle: m = fe.CIRCLE,
+    iconType: o = J.ARROW,
+    classNameTitle: r,
+    classNameContent: k,
+    classNameAccordion: l,
+    classNameIconButton: I,
+    subtitleNode: f,
+    onlyOpenSubtitleNode: _,
+    classNameSubtitleContainer: c
+  }, E) => {
+    const [u, h] = se(!1), y = _e(Ee.XS1), b = a === w.LINK, P = {
+      [i["is-link"]]: b
+    }, C = () => {
+      t || h((g) => !g);
+    }, B = n === O.S ? G.S : G.M, H = {
       variant: "anchor",
       size: y ? "s" : "l",
       rightIcon: {
-        iconName: R,
+        iconName: B,
         className: D({
-          [d["link-open"]]: r
+          [i["link-open"]]: u
         })
       }
-    }, C = (b) => {
-      const i = () => t === Y.DROPDOWN ? o === B.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : o === B.S ? Z.S : Z.M;
-      switch (s) {
-        case T.LINK:
+    }, A = (g) => {
+      const s = () => o === J.DROPDOWN ? n === O.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px" : n === O.S ? Y.S : Y.M;
+      switch (a) {
+        case w.LINK:
           return e;
-        case T.BUTTON:
-          return /* @__PURE__ */ A(X, { children: [
-            /* @__PURE__ */ h(
+        case w.BUTTON:
+          return /* @__PURE__ */ x(X, { children: [
+            /* @__PURE__ */ v(
               "span",
               {
                 className: D(
-                  d.title,
-                  l,
-                  f && d["title-uppercase"]
+                  i.title,
+                  r,
+                  p && i["title-uppercase"]
                 ),
                 children: e
               }
             ),
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ v(
               "div",
               {
                 className: D(
-                  d["icon-container"],
-                  b && d.open,
-                  d[u],
-                  _
+                  i["icon-container"],
+                  g && i.open,
+                  t && i.disabled,
+                  i[m],
+                  I
                 ),
                 "data-testid": "accordion-icon-container",
-                children: /* @__PURE__ */ h(
-                  Pe,
+                children: /* @__PURE__ */ v(
+                  ke,
                   {
-                    iconName: i(),
-                    className: d.icon,
+                    iconName: s(),
+                    className: i.icon,
                     "data-testid": "accordion-icon"
                   }
                 )
@@ -209,51 +213,53 @@ const ze = "_accordion_1p5o7_2", Ge = "_header_1p5o7_13", Xe = "_title_1p5o7_26"
           return null;
       }
     };
-    return /* @__PURE__ */ A(X, { children: [
-      /* @__PURE__ */ h(
+    return /* @__PURE__ */ x(X, { children: [
+      /* @__PURE__ */ v(
         "div",
         {
           className: D(
-            d.accordion,
-            d[o],
-            $,
-            a
+            i.accordion,
+            i[n],
+            P,
+            l
           ),
-          children: /* @__PURE__ */ A(Qe, { ref: v, children: [
-            /* @__PURE__ */ h(
-              ce,
+          children: /* @__PURE__ */ x(Ve, { ref: E, children: [
+            /* @__PURE__ */ v(
+              ie,
               {
-                as: E ? Se : T.BUTTON,
-                onClick: N,
+                disabled: t,
+                as: b ? Se : w.BUTTON,
+                onClick: C,
                 className: D({
-                  [d.header]: !E
+                  [i.header]: !b,
+                  [i.disabled]: t
                 }),
-                ...E ? U : {},
-                children: C(r)
+                ...b ? H : {},
+                children: A(u)
               }
             ),
-            r && /* @__PURE__ */ h(
-              ie,
+            u && /* @__PURE__ */ v(
+              ue,
               {
                 "data-testid": "accordion-panel",
                 className: D(
-                  d.panel,
-                  m,
-                  $
+                  i.panel,
+                  k,
+                  P
                 ),
-                children: /* @__PURE__ */ h(fe, { size: o, children: p })
+                children: /* @__PURE__ */ v(me, { size: n, children: d })
               }
             )
           ] })
         }
       ),
-      (c || I) && /* @__PURE__ */ A("div", { className: P, children: [
-        c,
-        r && I
+      (f || _) && /* @__PURE__ */ x("div", { className: c, children: [
+        f,
+        u && _
       ] })
     ] });
   }
 );
 export {
-  kn as Accordion
+  It as Accordion
 };

package/dist/components/Button/Button.d.ts

@@ -7,6 +7,10 @@ export type TProps = TCommonButtonProps & ComponentProps<'button'> & {
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -41,6 +45,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -71,6 +79,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -101,6 +113,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -131,6 +147,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -161,6 +181,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -191,6 +215,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -221,6 +249,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */
@@ -251,6 +283,10 @@ export declare const Button: import('react').ForwardRefExoticComponent<(Omit<imp
      * Класс, применяемый к корневому элементу кнопки.
      */
     className?: string;
+    /**
+     * Класс, применяемый к иконке.
+     */
+    iconButtonClassName?: string;
     /**
      * Флаг, указывающий, отключена ли кнопка.
      */