@sberbusiness/triplex-next 1.34.0 → 1.35.1

package/components/Badge/components/BadgeContent.js

@@ -1,35 +1,43 @@
-import { jsx as g } from "react/jsx-runtime";
-import { c } from "../../../chunks/vendor-D5cfSbgz.js";
-import { createSizeToClassNameMap as i } from "../../../utils/classNameMaps.js";
-const _ = "badgeContent__e3a6ec84", m = "sm__4086e834", f = "md__18f5b040", P = "lg__45fccdcd", b = "noPaddingLeft__a8b44c48", l = "noPaddingRight__4bdcba4a", n = {
-  badgeContent: _,
-  sm: m,
-  md: f,
-  lg: P,
-  noPaddingLeft: b,
-  noPaddingRight: l
-}, r = i(n), C = ({
-  children: t,
-  size: o,
-  noPaddingLeft: d,
-  noPaddingRight: a,
-  className: e,
-  ...s
-}) => /* @__PURE__ */ g(
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+const badgeContent = "badgeContent__eb9a69f2";
+const sm = "sm__b8d5c13d";
+const md = "md__d3113794";
+const lg = "lg__8ccbf4c1";
+const noPaddingLeft = "noPaddingLeft__bca88b5b";
+const noPaddingRight = "noPaddingRight__92c38f7d";
+const styles = {
+  badgeContent,
+  sm,
+  md,
+  lg,
+  noPaddingLeft,
+  noPaddingRight
+};
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
+const BadgeContent = ({
+  children,
+  size,
+  noPaddingLeft: noPaddingLeft2,
+  noPaddingRight: noPaddingRight2,
+  className,
+  ...restProps
+}) => /* @__PURE__ */ jsx(
   "span",
   {
-    className: c(
-      n.badgeContent,
-      r[o],
-      { [n.noPaddingLeft]: d, [n.noPaddingRight]: a },
-      e
+    className: clsx(
+      styles.badgeContent,
+      SIZE_TO_CLASS_NAME_MAP[size],
+      { [styles.noPaddingLeft]: noPaddingLeft2, [styles.noPaddingRight]: noPaddingRight2 },
+      className
     ),
-    ...s,
-    children: t
+    ...restProps,
+    children
   }
 );
-C.displayName = "BadgeContent";
+BadgeContent.displayName = "BadgeContent";
 export {
-  C as BadgeContent
+  BadgeContent
 };
 //# sourceMappingURL=BadgeContent.js.map

package/components/Badge/components/BadgeContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeContent.js","sources":["../../../../src/components/Badge/components/BadgeContent.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { IBadgeContentProps } from \"../types\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport styles from \"./styles/BadgeContent.module.less\";\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Контент Badge. */\nexport const BadgeContent: React.FC<IBadgeContentProps> = ({\n    children,\n    size,\n    noPaddingLeft,\n    noPaddingRight,\n    className,\n    ...restProps\n}) => (\n    <span\n        className={clsx(\n            styles.badgeContent,\n            SIZE_TO_CLASS_NAME_MAP[size],\n            { [styles.noPaddingLeft]: noPaddingLeft, [styles.noPaddingRight]: noPaddingRight },\n            className,\n        )}\n        {...restProps}\n    >\n        {children}\n    </span>\n);\n\nBadgeContent.displayName = \"BadgeContent\";\n"],"names":["noPaddingLeft","noPaddingRight"],"mappings":";;;;;;;;;;;;;;;;;AAMA,MAAM,yBAAyB,yBAAyB,MAAM;AAGvD,MAAM,eAA6C,CAAC;AAAA,EACvD;AAAA,EACA;AAAA,EACA,eAAAA;AAAA,EACA,gBAAAC;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW;AAAA,MACP,OAAO;AAAA,MACP,uBAAuB,IAAI;AAAA,MAC3B,EAAE,CAAC,OAAO,aAAa,GAAGD,gBAAe,CAAC,OAAO,cAAc,GAAGC,gBAAA;AAAA,MAClE;AAAA,IAAA;AAAA,IAEH,GAAG;AAAA,IAEH;AAAA,EAAA;AACL;AAGJ,aAAa,cAAc;"}

package/components/Badge/components/BadgePostfix.js

@@ -1,14 +1,16 @@
-import { jsx as a } from "react/jsx-runtime";
-import { c as e } from "../../../chunks/vendor-D5cfSbgz.js";
-const f = "badgePostfix__f49b4013", i = {
-  badgePostfix: f
-}, x = ({
-  children: s,
-  className: o,
-  ...t
-}) => /* @__PURE__ */ a("span", { className: e(i.badgePostfix, o), ...t, children: s });
-x.displayName = "BadgePostfix";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const badgePostfix = "badgePostfix__cc4cdc50";
+const styles = {
+  badgePostfix
+};
+const BadgePostfix = ({
+  children,
+  className,
+  ...restProps
+}) => /* @__PURE__ */ jsx("span", { className: clsx(styles.badgePostfix, className), ...restProps, children });
+BadgePostfix.displayName = "BadgePostfix";
 export {
-  x as BadgePostfix
+  BadgePostfix
 };
 //# sourceMappingURL=BadgePostfix.js.map

package/components/Badge/components/BadgePostfix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgePostfix.js","sources":["../../../../src/components/Badge/components/BadgePostfix.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/BadgePostfix.module.less\";\n\n/** Постфикс Badge. */\nexport const BadgePostfix: React.FC<React.HTMLAttributes<HTMLSpanElement>> = ({\n    children,\n    className,\n    ...restProps\n}) => (\n    <span className={clsx(styles.badgePostfix, className)} {...restProps}>\n        {children}\n    </span>\n);\n\nBadgePostfix.displayName = \"BadgePostfix\";\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,eAAgE,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA,GAAG;AACP,MACI,oBAAC,QAAA,EAAK,WAAW,KAAK,OAAO,cAAc,SAAS,GAAI,GAAG,WACtD,SAAA,CACL;AAGJ,aAAa,cAAc;"}

package/components/Badge/components/BadgePrefix.js

@@ -1,10 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as f } from "../../../chunks/vendor-D5cfSbgz.js";
-const i = "badgePrefix__57c1719f", x = {
-  badgePrefix: i
-}, o = ({ children: e, className: a, ...s }) => /* @__PURE__ */ r("span", { className: f(x.badgePrefix, a), ...s, children: e });
-o.displayName = "BadgePrefix";
+import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+const badgePrefix = "badgePrefix__5d3dcf15";
+const styles = {
+  badgePrefix
+};
+const BadgePrefix = ({ children, className, ...restProps }) => /* @__PURE__ */ jsx("span", { className: clsx(styles.badgePrefix, className), ...restProps, children });
+BadgePrefix.displayName = "BadgePrefix";
 export {
-  o as BadgePrefix
+  BadgePrefix
 };
 //# sourceMappingURL=BadgePrefix.js.map

package/components/Badge/components/BadgePrefix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgePrefix.js","sources":["../../../../src/components/Badge/components/BadgePrefix.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/BadgePrefix.module.less\";\n\n/** Префикс Badge. */\nexport const BadgePrefix: React.FC<React.HTMLAttributes<HTMLSpanElement>> = ({ children, className, ...restProps }) => (\n    <span className={clsx(styles.badgePrefix, className)} {...restProps}>\n        {children}\n    </span>\n);\n\nBadgePrefix.displayName = \"BadgePrefix\";\n"],"names":[],"mappings":";;;;;;AAKO,MAAM,cAA+D,CAAC,EAAE,UAAU,WAAW,GAAG,gBACnG,oBAAC,QAAA,EAAK,WAAW,KAAK,OAAO,aAAa,SAAS,GAAI,GAAG,WACrD,SAAA,CACL;AAGJ,YAAY,cAAc;"}

package/components/Badge/index.js

@@ -1,5 +1,5 @@
-import { Badge as r } from "./Badge.js";
+import { Badge } from "./Badge.js";
 export {
-  r as Badge
+  Badge
 };
 //# sourceMappingURL=index.js.map

package/components/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Badge/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/Body/Body.js

@@ -1,12 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
-import n from "react";
-import { c as t } from "../../chunks/vendor-D5cfSbgz.js";
-const y = "body__b55334cd", c = "bodyInner__e41ab326", d = {
-  body: y,
-  bodyInner: c
-}, b = n.forwardRef(({ children: e, className: r, ...s }, a) => /* @__PURE__ */ o("div", { className: t(d.body, r), ...s, "data-tx": "1.34.0", ref: a, children: /* @__PURE__ */ o("div", { className: d.bodyInner, children: e }) }));
-b.displayName = "Body";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+const body = "body__87f94e14";
+const bodyInner = "bodyInner__16dc0d8a";
+const styles = {
+  body,
+  bodyInner
+};
+const Body = React__default.forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.body, className), ...rest, "data-tx": "1.35.1", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
+Body.displayName = "Body";
 export {
-  b as Body
+  Body
 };
 //# sourceMappingURL=Body.js.map

package/components/Body/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sources":["../../../src/components/Body/Body.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/Body.module.less\";\n\n/** Свойства компонента Body. */\nexport interface IBodyProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Компонент Body, используется как один из детей(Header, Body и Footer) компонента Page.\n * Используется как контейнер для контента страницы. Имеет дефолтные отступы со всех сторон.\n */\nexport const Body = React.forwardRef<HTMLDivElement, IBodyProps>(({ children, className, ...rest }, ref) => (\n    <div className={clsx(styles.body, className)} {...rest} data-tx={process.env.npm_package_version} ref={ref}>\n        <div className={styles.bodyInner}>{children}</div>\n    </div>\n));\n\nBody.displayName = \"Body\";\n"],"names":["React"],"mappings":";;;;;;;;;AAWO,MAAM,OAAOA,eAAM,WAAuC,CAAC,EAAE,UAAU,WAAW,GAAG,KAAA,GAAQ,QAChG,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,MAAM,WAAS,UAAiC,KAC9F,UAAA,oBAAC,SAAI,WAAW,OAAO,WAAY,SAAA,CAAS,EAAA,CAChD,CACH;AAED,KAAK,cAAc;"}

package/components/Body/index.js

@@ -1,5 +1,5 @@
-import { Body as d } from "./Body.js";
+import { Body } from "./Body.js";
 export {
-  d as Body
+  Body
 };
 //# sourceMappingURL=index.js.map

package/components/Body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Button/Button.js

@@ -1,78 +1,110 @@
-import { jsxs as i, jsx as x } from "react/jsx-runtime";
-import y from "react";
-import { c as m } from "../../chunks/vendor-D5cfSbgz.js";
-import { LoaderSmall as R } from "../Loader/LoaderSmall/LoaderSmall.js";
-import { ELoaderSmallTheme as p } from "../Loader/LoaderSmall/enum.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
+import { ELoaderSmallTheme } from "../Loader/LoaderSmall/enum.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-import { ButtonBase as T } from "./ButtonBase.js";
-import { EButtonTheme as e } from "./enums.js";
-import { EComponentSize as u } from "../../enums/EComponentSize.js";
-import { IconWrapper as D } from "../IconWrapper/IconWrapper.js";
-import { createSizeToClassNameMap as C } from "../../utils/classNameMaps.js";
-const k = "general__885bc4a2", M = "expanded__7b0e2a6d", E = {
-  general: k,
-  expanded: M
-}, I = "secondary__b7a62615", O = "expanded__7b0e2a6d", N = {
-  secondary: I,
-  expanded: O
-}, G = "secondaryLight__948054bd", B = "expanded__7b0e2a6d", b = {
-  secondaryLight: G,
-  expanded: B
-}, Y = "danger__3221394f", H = "expanded__7b0e2a6d", f = {
-  danger: Y,
-  expanded: H
-}, P = "link__7dee03af", $ = "expanded__7b0e2a6d", g = {
-  link: P,
-  expanded: $
-}, v = "button__c73d2db8", z = "sm__8084e127", j = "icon__978facc6", K = "md__34a213ae", w = "lg__bf9b3a6e", U = "block__45e0c163", W = "content__c6b5dcf5", X = "loading__f06faf57", Z = "loader__6f16efad", q = "hidden__9406fb38", n = {
-  button: v,
-  sm: z,
-  icon: j,
-  md: K,
-  lg: w,
-  block: U,
-  content: W,
-  loading: X,
-  loader: Z,
-  hidden: q
-}, F = {
-  [e.GENERAL]: E.general,
-  [e.SECONDARY]: N.secondary,
-  [e.SECONDARY_LIGHT]: b.secondaryLight,
-  [e.DANGER]: f.danger,
-  [e.LINK]: g.link
-}, J = {
-  [e.GENERAL]: E.expanded,
-  [e.SECONDARY]: N.expanded,
-  [e.SECONDARY_LIGHT]: b.expanded,
-  [e.DANGER]: f.expanded,
-  [e.LINK]: g.expanded
-}, Q = C(n), V = (d, a) => {
-  const o = [e.SECONDARY, e.SECONDARY_LIGHT].includes(d) ? p.BRAND : p.NEUTRAL;
-  return /* @__PURE__ */ x(R, { theme: o, size: a });
-}, ee = y.forwardRef((d, a) => {
-  const { children: o, className: A, disabled: s, theme: t, size: r = u.MD, block: S, loading: c, icon: _, ...L } = d, { "aria-expanded": l } = d, h = m(
-    n.button,
-    F[t],
-    Q[r],
+import { ButtonBase } from "./ButtonBase.js";
+import { EButtonTheme } from "./enums.js";
+import { EComponentSize } from "../../enums/EComponentSize.js";
+import { IconWrapper } from "../IconWrapper/IconWrapper.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+const general = "general__f975a7ad";
+const expanded$4 = "expanded__98087b5a";
+const generalStyles = {
+  general,
+  expanded: expanded$4
+};
+const secondary = "secondary__3a825378";
+const expanded$3 = "expanded__98087b5a";
+const secondaryStyles = {
+  secondary,
+  expanded: expanded$3
+};
+const secondaryLight = "secondaryLight__feb7f78a";
+const expanded$2 = "expanded__98087b5a";
+const secondaryLightStyles = {
+  secondaryLight,
+  expanded: expanded$2
+};
+const danger = "danger__847855cb";
+const expanded$1 = "expanded__98087b5a";
+const dangerStyles = {
+  danger,
+  expanded: expanded$1
+};
+const link = "link__f26da0e4";
+const expanded = "expanded__98087b5a";
+const linkStyles = {
+  link,
+  expanded
+};
+const button = "button__7669c3d7";
+const sm = "sm__0b3458ea";
+const icon = "icon__a78a78e7";
+const md = "md__6cfef303";
+const lg = "lg__15aeb76e";
+const block = "block__d67a6b3f";
+const content = "content__59dc6856";
+const loading = "loading__adad4223";
+const loader = "loader__43eaf9dd";
+const hidden = "hidden__2e091d16";
+const styles = {
+  button,
+  sm,
+  icon,
+  md,
+  lg,
+  block,
+  content,
+  loading,
+  loader,
+  hidden
+};
+const THEME_TO_CLASS_NAME_MAP = {
+  [EButtonTheme.GENERAL]: generalStyles.general,
+  [EButtonTheme.SECONDARY]: secondaryStyles.secondary,
+  [EButtonTheme.SECONDARY_LIGHT]: secondaryLightStyles.secondaryLight,
+  [EButtonTheme.DANGER]: dangerStyles.danger,
+  [EButtonTheme.LINK]: linkStyles.link
+};
+const THEME_TO_EXPANDED_CLASS_NAME_MAP = {
+  [EButtonTheme.GENERAL]: generalStyles.expanded,
+  [EButtonTheme.SECONDARY]: secondaryStyles.expanded,
+  [EButtonTheme.SECONDARY_LIGHT]: secondaryLightStyles.expanded,
+  [EButtonTheme.DANGER]: dangerStyles.expanded,
+  [EButtonTheme.LINK]: linkStyles.expanded
+};
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
+const renderLoadingIcon = (theme, size) => {
+  const dotsTheme = [EButtonTheme.SECONDARY, EButtonTheme.SECONDARY_LIGHT].includes(theme) ? ELoaderSmallTheme.BRAND : ELoaderSmallTheme.NEUTRAL;
+  return /* @__PURE__ */ jsx(LoaderSmall, { theme: dotsTheme, size });
+};
+const Button = React__default.forwardRef((props, ref) => {
+  const { children, className, disabled, theme, size = EComponentSize.MD, block: block2, loading: loading2, icon: icon2, ...rest } = props;
+  const { "aria-expanded": expanded2 } = props;
+  const classNames = clsx(
+    styles.button,
+    THEME_TO_CLASS_NAME_MAP[theme],
+    SIZE_TO_CLASS_NAME_MAP[size],
     {
-      [n.block]: !!S,
-      [n.loading]: !!c,
-      [n.icon]: !!_ && !o,
-      [J[t]]: !!l
+      [styles.block]: !!block2,
+      [styles.loading]: !!loading2,
+      [styles.icon]: !!icon2 && !children,
+      [THEME_TO_EXPANDED_CLASS_NAME_MAP[theme]]: !!expanded2
     },
-    A
+    className
   );
-  return /* @__PURE__ */ i(T, { className: h, tabIndex: c ? -1 : void 0, disabled: s, ...L, ref: a, children: [
-    /* @__PURE__ */ i(D, { className: n.content, disabled: s, active: !!l, children: [
-      _,
-      o
+  return /* @__PURE__ */ jsxs(ButtonBase, { className: classNames, tabIndex: loading2 ? -1 : void 0, disabled, ...rest, ref, children: [
+    /* @__PURE__ */ jsxs(IconWrapper, { className: styles.content, disabled, active: !!expanded2, children: [
+      icon2,
+      children
     ] }),
-    /* @__PURE__ */ x("div", { className: m(n.loader, !c && n.hidden), children: V(t, r) })
+    /* @__PURE__ */ jsx("div", { className: clsx(styles.loader, !loading2 && styles.hidden), children: renderLoadingIcon(theme, size) })
   ] });
 });
-ee.displayName = "Button";
+Button.displayName = "Button";
 export {
-  ee as Button
+  Button
 };
 //# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { LoaderSmall, ELoaderSmallTheme } from \"../Loader\";\nimport generalStyles from \"./styles/ButtonGeneral.module.less\";\nimport secondaryStyles from \"./styles/ButtonSecondary.module.less\";\nimport secondaryLightStyles from \"./styles/ButtonSecondaryLight.module.less\";\nimport dangerStyles from \"./styles/ButtonDanger.module.less\";\nimport linkStyles from \"./styles/ButtonLink.module.less\";\nimport styles from \"./styles/Button.module.less\";\nimport { ButtonBase, IButtonBaseProps } from \"./ButtonBase\";\nimport { EButtonTheme } from \"./enums\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n/** Свойства кнопки типа General. */\nexport interface IButtonGeneralProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.GENERAL;\n    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Secondary. */\nexport interface IButtonSecondaryProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.SECONDARY;\n    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа SecondaryLight. */\nexport interface IButtonSecondaryLightProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.SECONDARY_LIGHT;\n    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n/** Свойства кнопки типа Danger. */\nexport interface IButtonDangerProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.DANGER;\n    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Link. */\nexport interface IButtonLinkProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.LINK;\n    /** Размер кнопки. */\n    size: EComponentSize;\n    /** Блочный режим. */\n    block?: never;\n    /** Режим загрузки. */\n    loading?: never;\n    /** Иконка. */\n    icon?: never;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства компонента Button. */\nexport type TButtonProps =\n    | IButtonGeneralProps\n    | IButtonSecondaryProps\n    | IButtonSecondaryLightProps\n    | IButtonDangerProps\n    | IButtonLinkProps;\n\nconst THEME_TO_CLASS_NAME_MAP: Record<EButtonTheme, string> = {\n    [EButtonTheme.GENERAL]: generalStyles.general,\n    [EButtonTheme.SECONDARY]: secondaryStyles.secondary,\n    [EButtonTheme.SECONDARY_LIGHT]: secondaryLightStyles.secondaryLight,\n    [EButtonTheme.DANGER]: dangerStyles.danger,\n    [EButtonTheme.LINK]: linkStyles.link,\n};\n\nconst THEME_TO_EXPANDED_CLASS_NAME_MAP: Record<EButtonTheme, string> = {\n    [EButtonTheme.GENERAL]: generalStyles.expanded,\n    [EButtonTheme.SECONDARY]: secondaryStyles.expanded,\n    [EButtonTheme.SECONDARY_LIGHT]: secondaryLightStyles.expanded,\n    [EButtonTheme.DANGER]: dangerStyles.expanded,\n    [EButtonTheme.LINK]: linkStyles.expanded,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/** Отрисовка анимации загрузки. */\nconst renderLoadingIcon = (theme: EButtonTheme, size: EComponentSize) => {\n    const dotsTheme = [EButtonTheme.SECONDARY, EButtonTheme.SECONDARY_LIGHT].includes(theme)\n        ? ELoaderSmallTheme.BRAND\n        : ELoaderSmallTheme.NEUTRAL;\n\n    return <LoaderSmall theme={dotsTheme} size={size} />;\n};\n\n/** Кнопка. */\nexport const Button = React.forwardRef<HTMLButtonElement, TButtonProps>((props, ref) => {\n    const { children, className, disabled, theme, size = EComponentSize.MD, block, loading, icon, ...rest } = props;\n\n    const { \"aria-expanded\": expanded } = props;\n    const classNames = clsx(\n        styles.button,\n        THEME_TO_CLASS_NAME_MAP[theme],\n        SIZE_TO_CLASS_NAME_MAP[size],\n        {\n            [styles.block]: !!block,\n            [styles.loading]: !!loading,\n            [styles.icon]: !!icon && !children,\n            [THEME_TO_EXPANDED_CLASS_NAME_MAP[theme]]: !!expanded,\n        },\n        className,\n    );\n\n    return (\n        <ButtonBase className={classNames} tabIndex={loading ? -1 : undefined} disabled={disabled} {...rest} ref={ref}>\n            <IconWrapper className={styles.content} disabled={disabled} active={!!expanded}>\n                {icon}\n                {children}\n            </IconWrapper>\n            <div className={clsx(styles.loader, !loading && styles.hidden)}>{renderLoadingIcon(theme, size)}</div>\n        </ButtonBase>\n    );\n});\n\nButton.displayName = \"Button\";\n"],"names":["React","block","loading","icon","expanded"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA,MAAM,0BAAwD;AAAA,EAC1D,CAAC,aAAa,OAAO,GAAG,cAAc;AAAA,EACtC,CAAC,aAAa,SAAS,GAAG,gBAAgB;AAAA,EAC1C,CAAC,aAAa,eAAe,GAAG,qBAAqB;AAAA,EACrD,CAAC,aAAa,MAAM,GAAG,aAAa;AAAA,EACpC,CAAC,aAAa,IAAI,GAAG,WAAW;AACpC;AAEA,MAAM,mCAAiE;AAAA,EACnE,CAAC,aAAa,OAAO,GAAG,cAAc;AAAA,EACtC,CAAC,aAAa,SAAS,GAAG,gBAAgB;AAAA,EAC1C,CAAC,aAAa,eAAe,GAAG,qBAAqB;AAAA,EACrD,CAAC,aAAa,MAAM,GAAG,aAAa;AAAA,EACpC,CAAC,aAAa,IAAI,GAAG,WAAW;AACpC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAG9D,MAAM,oBAAoB,CAAC,OAAqB,SAAyB;AACrE,QAAM,YAAY,CAAC,aAAa,WAAW,aAAa,eAAe,EAAE,SAAS,KAAK,IACjF,kBAAkB,QAClB,kBAAkB;AAExB,SAAO,oBAAC,aAAA,EAAY,OAAO,WAAW,KAAA,CAAY;AACtD;AAGO,MAAM,SAASA,eAAM,WAA4C,CAAC,OAAO,QAAQ;AACpF,QAAM,EAAE,UAAU,WAAW,UAAU,OAAO,OAAO,eAAe,IAAI,OAAAC,QAAO,SAAAC,UAAS,MAAAC,OAAM,GAAG,SAAS;AAE1G,QAAM,EAAE,iBAAiBC,UAAA,IAAa;AACtC,QAAM,aAAa;AAAA,IACf,OAAO;AAAA,IACP,wBAAwB,KAAK;AAAA,IAC7B,uBAAuB,IAAI;AAAA,IAC3B;AAAA,MACI,CAAC,OAAO,KAAK,GAAG,CAAC,CAACH;AAAA,MAClB,CAAC,OAAO,OAAO,GAAG,CAAC,CAACC;AAAA,MACpB,CAAC,OAAO,IAAI,GAAG,CAAC,CAACC,SAAQ,CAAC;AAAA,MAC1B,CAAC,iCAAiC,KAAK,CAAC,GAAG,CAAC,CAACC;AAAA,IAAA;AAAA,IAEjD;AAAA,EAAA;AAGJ,SACI,qBAAC,YAAA,EAAW,WAAW,YAAY,UAAUF,WAAU,KAAK,QAAW,UAAqB,GAAG,MAAM,KACjG,UAAA;AAAA,IAAA,qBAAC,aAAA,EAAY,WAAW,OAAO,SAAS,UAAoB,QAAQ,CAAC,CAACE,WACjE,UAAA;AAAA,MAAAD;AAAA,MACA;AAAA,IAAA,GACL;AAAA,IACA,oBAAC,OAAA,EAAI,WAAW,KAAK,OAAO,QAAQ,CAACD,YAAW,OAAO,MAAM,GAAI,UAAA,kBAAkB,OAAO,IAAI,EAAA,CAAE;AAAA,EAAA,GACpG;AAER,CAAC;AAED,OAAO,cAAc;"}

package/components/Button/ButtonBase.js

@@ -1,8 +1,10 @@
-import { jsx as a } from "react/jsx-runtime";
-import e from "react";
-const r = e.forwardRef((t, o) => /* @__PURE__ */ a("button", { type: "button", ...t, "data-tx": "1.34.0", ref: o }));
-r.displayName = "ButtonBase";
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+const ButtonBase = React__default.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.35.1", ref });
+});
+ButtonBase.displayName = "ButtonBase";
 export {
-  r as ButtonBase
+  ButtonBase
 };
 //# sourceMappingURL=ButtonBase.js.map

package/components/Button/ButtonBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonBase.js","sources":["../../../src/components/Button/ButtonBase.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface IButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const ButtonBase = React.forwardRef<HTMLButtonElement, IButtonBaseProps>((props, ref) => {\n    return <button type=\"button\" {...props} data-tx={process.env.npm_package_version} ref={ref} />;\n});\n\nButtonBase.displayName = \"ButtonBase\";\n"],"names":["React"],"mappings":";;AAIO,MAAM,aAAaA,eAAM,WAAgD,CAAC,OAAO,QAAQ;AAC5F,SAAO,oBAAC,UAAA,EAAO,MAAK,UAAU,GAAG,OAAO,WAAS,UAAiC,KAAU;AAChG,CAAC;AAED,WAAW,cAAc;"}