@sberbusiness/triplex-next 1.48.0 → 1.50.0

package/components/Amount/Amount.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { formatAmount } from "../../utils/amountUtils.js";
-const adaptive = "adaptive__a4582149";
+const adaptive = "adaptive__868d923d";
 const styles = {
   adaptive
 };
@@ -20,7 +20,7 @@ const Amount = React__default.forwardRef(
       },
       className
     );
-    return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, ref, "data-tx": "1.48.0", children: [
+    return /* @__PURE__ */ jsxs("span", { className: classNames, ...restProps, ref, "data-tx": "1.50.0", children: [
       /* @__PURE__ */ jsx("span", { "data-test-id": dataTestId && `${dataTestId}__amount`, children: formattedAmount }),
       currency && /* @__PURE__ */ jsxs(Fragment, { children: [
         NON_BREAKING_SPACE,

package/components/AmountField/AmountField.js

@@ -20,14 +20,14 @@ import { setCaretPosition } from "../../utils/inputUtils.js";
 import { setForwardedRef } from "../../helpers/setForwardedRef.js";
 import { createPlaceholder, syncCoreAndGetFormattedValue, setFallbackCaret } from "./utils.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const amountFieldInputWrapper = "amountFieldInputWrapper__82ca784d";
-const currencyLayout = "currencyLayout__a6dd6a69";
-const sm = "sm__c87266f3";
-const md = "md__6bc65692";
-const lg = "lg__2231f070";
-const valueMirror = "valueMirror__9b40c458";
-const currencyUnit = "currencyUnit__41e20028";
-const disabled = "disabled__72730938";
+const amountFieldInputWrapper = "amountFieldInputWrapper__7169edcb";
+const currencyLayout = "currencyLayout__78008865";
+const sm = "sm__571c0006";
+const md = "md__c6ad1805";
+const lg = "lg__12dea2ac";
+const valueMirror = "valueMirror__798f009b";
+const currencyUnit = "currencyUnit__224894ff";
+const disabled = "disabled__a723210a";
 const styles = {
   amountFieldInputWrapper,
   currencyLayout,

package/components/Avatar/Avatar.js

@@ -2,19 +2,19 @@ import { EAvatarSize } from "./enums.js";
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const avatar = "avatar__ff09e373";
-const borderRadius6 = "borderRadius6__b28c2995";
-const borderRadius8 = "borderRadius8__df5f1ba5";
-const borderRadius10 = "borderRadius10__f72d39d6";
-const borderRadius12 = "borderRadius12__2c644f9c";
-const borderRadius16 = "borderRadius16__f64e4257";
-const xxs = "xxs__48981843";
-const xs = "xs__b4c11de2";
-const sm = "sm__269c671c";
-const md = "md__7e6cb2c0";
-const lg = "lg__adf55526";
-const xl = "xl__5d2c5d36";
-const xxl = "xxl__19f855af";
+const avatar = "avatar__72e009e3";
+const borderRadius6 = "borderRadius6__e7315273";
+const borderRadius8 = "borderRadius8__8edf8f7b";
+const borderRadius10 = "borderRadius10__47056de6";
+const borderRadius12 = "borderRadius12__224a33c5";
+const borderRadius16 = "borderRadius16__503be842";
+const xxs = "xxs__5659388d";
+const xs = "xs__4de6da65";
+const sm = "sm__0084191f";
+const md = "md__86ff9db8";
+const lg = "lg__53990b83";
+const xl = "xl__58a780b9";
+const xxl = "xxl__0ae2465d";
 const styles = {
   avatar,
   borderRadius6,

package/components/Badge/Badge.js

@@ -6,10 +6,10 @@ import { BadgeDot } from "./BadgeDot.js";
 import { BadgeContent } from "./components/BadgeContent.js";
 import { BadgePrefix } from "./components/BadgePrefix.js";
 import { BadgePostfix } from "./components/BadgePostfix.js";
-const badge = "badge__c77a7d07";
-const sm = "sm__27dba09f";
-const md = "md__78079d90";
-const lg = "lg__1eac1556";
+const badge = "badge__ad14aefe";
+const sm = "sm__4bdb943d";
+const md = "md__11d3e16a";
+const lg = "lg__a4495be3";
 const styles = {
   badge,
   sm,

package/components/Badge/BadgeDot.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const badgeDot = "badgeDot__ae1d5725";
-const sm = "sm__27dba09f";
-const md = "md__78079d90";
-const lg = "lg__1eac1556";
+const badgeDot = "badgeDot__8f5e494f";
+const sm = "sm__4bdb943d";
+const md = "md__11d3e16a";
+const lg = "lg__a4495be3";
 const styles = {
   badgeDot,
   sm,

package/components/Badge/components/BadgeContent.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-const badgeContent = "badgeContent__ea8bbaab";
-const sm = "sm__27dba09f";
-const md = "md__78079d90";
-const lg = "lg__1eac1556";
-const noPaddingLeft = "noPaddingLeft__be223935";
-const noPaddingRight = "noPaddingRight__27aee954";
+const badgeContent = "badgeContent__01941980";
+const sm = "sm__4bdb943d";
+const md = "md__11d3e16a";
+const lg = "lg__a4495be3";
+const noPaddingLeft = "noPaddingLeft__3b6faa63";
+const noPaddingRight = "noPaddingRight__2de52a20";
 const styles = {
   badgeContent,
   sm,

package/components/Badge/components/BadgePostfix.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const badgePostfix = "badgePostfix__c1a86b74";
+const badgePostfix = "badgePostfix__d58c6c6e";
 const styles = {
   badgePostfix
 };

package/components/Badge/components/BadgePrefix.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const badgePrefix = "badgePrefix__d9963b02";
+const badgePrefix = "badgePrefix__af99536e";
 const styles = {
   badgePrefix
 };

package/components/Body/Body.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const body = "body__5b47c10f";
-const bodyInner = "bodyInner__d560907f";
+const body = "body__8b07bcac";
+const bodyInner = "bodyInner__7ae98593";
 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.48.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
+const Body = React__default.forwardRef(({ children, className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.body, className), ...rest, "data-tx": "1.50.0", ref, children: /* @__PURE__ */ jsx("div", { className: styles.bodyInner, children }) }));
 Body.displayName = "Body";
 export {
   Body

package/components/Button/Button.js

@@ -7,48 +7,47 @@ import "../Loader/LoaderMiddle/LoaderMiddle.js";
 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__8322ea59";
-const expanded$4 = "expanded__905c3dcf";
+const general = "general__bba9603f";
+const expanded$4 = "expanded__4f7da3a2";
 const generalStyles = {
   general,
   expanded: expanded$4
 };
-const secondary = "secondary__0477f287";
-const expanded$3 = "expanded__905c3dcf";
+const secondary = "secondary__de77bf59";
+const expanded$3 = "expanded__4f7da3a2";
 const secondaryStyles = {
   secondary,
   expanded: expanded$3
 };
-const secondaryLight = "secondaryLight__3caed36a";
-const expanded$2 = "expanded__905c3dcf";
+const secondaryLight = "secondaryLight__be24cf8a";
+const expanded$2 = "expanded__4f7da3a2";
 const secondaryLightStyles = {
   secondaryLight,
   expanded: expanded$2
 };
-const danger = "danger__2c40e57f";
-const expanded$1 = "expanded__905c3dcf";
+const danger = "danger__c20a3473";
+const expanded$1 = "expanded__4f7da3a2";
 const dangerStyles = {
   danger,
   expanded: expanded$1
 };
-const link = "link__590db802";
-const expanded = "expanded__905c3dcf";
+const link = "link__235e3c59";
+const expanded = "expanded__4f7da3a2";
 const linkStyles = {
   link,
   expanded
 };
-const button = "button__4e46e182";
-const sm = "sm__e95f089d";
-const icon = "icon__9814fda5";
-const md = "md__257d70a5";
-const lg = "lg__55f102b8";
-const block = "block__66b633c5";
-const content = "content__7804e826";
-const loading = "loading__ccddf57b";
-const loader = "loader__06d51b7d";
-const hidden = "hidden__0960e4d2";
+const button = "button__723607b2";
+const sm = "sm__772521bc";
+const icon = "icon__d0a8bcc2";
+const md = "md__0bc0b5f8";
+const lg = "lg__f84aab63";
+const block = "block__11af20f7";
+const content = "content__5121b807";
+const loading = "loading__d0cb8663";
+const loader = "loader__ac3e0008";
+const hidden = "hidden__4aa29b64";
 const styles = {
   button,
   sm,
@@ -88,16 +87,21 @@ const Button = React__default.forwardRef((props, ref) => {
     styles.button,
     THEME_TO_CLASS_NAME_MAP[theme],
     SIZE_TO_CLASS_NAME_MAP[size],
+    // Глобальные классы @sberbusiness/icons-next: должны стоять прямо на <button>, а не на внутренней обёртке
+    // icon+текста — иначе наведение на паддинг кнопки не перекрашивало иконку (см. Button-ai.md → История изменений).
+    "hoverable",
     {
       [styles.block]: block2,
       [styles.loading]: loading2,
       [styles.icon]: Boolean(icon2) && !children,
-      [THEME_TO_EXPANDED_CLASS_NAME_MAP[theme]]: expanded2
+      [THEME_TO_EXPANDED_CLASS_NAME_MAP[theme]]: expanded2,
+      active: expanded2,
+      disabled
     },
     className
   );
   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: [
+    /* @__PURE__ */ jsxs("span", { className: styles.content, children: [
       icon2,
       children
     ] }),

package/components/Button/Button.js.map

@@ -1 +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    /** Размер кнопки. По умолчанию EComponentSize.MD. */\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    /** Размер кнопки. По умолчанию EComponentSize.MD. */\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    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Danger. */\nexport interface IButtonDangerProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.DANGER;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\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    /** Размер кнопки. По умолчанию EComponentSize.MD. */\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 | IButtonSecondaryProps | IButtonSecondaryLightProps | IButtonDangerProps | 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 loaderTheme = [EButtonTheme.SECONDARY, EButtonTheme.SECONDARY_LIGHT].includes(theme)\n        ? ELoaderSmallTheme.BRAND\n        : ELoaderSmallTheme.NEUTRAL;\n\n    return <LoaderSmall theme={loaderTheme} size={size} />;\n};\n\n/**\n * Кнопка — основной интерактивный элемент для запуска действий.\n * Поддерживает пять тем (EButtonTheme), три размера, состояние загрузки, иконку и блочный режим.\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    // aria-expanded остаётся в rest и попадает на DOM-элемент, здесь читается для визуального состояния «раскрыто».\n    // Тип атрибута — Booleanish: строковое \"false\" — валидное «закрытое» состояние, поэтому truthy-проверки недостаточно.\n    const ariaExpanded = props[\"aria-expanded\"];\n    const expanded = ariaExpanded === true || ariaExpanded === \"true\";\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]: Boolean(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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,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,cAAc,CAAC,aAAa,WAAW,aAAa,eAAe,EAAE,SAAS,KAAK,IACnF,kBAAkB,QAClB,kBAAkB;AAExB,SAAO,oBAAC,aAAA,EAAY,OAAO,aAAa,KAAA,CAAY;AACxD;AAMO,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;AAI1G,QAAM,eAAe,MAAM,eAAe;AAC1C,QAAMC,YAAW,iBAAiB,QAAQ,iBAAiB;AAC3D,QAAM,aAAa;AAAA,IACf,OAAO;AAAA,IACP,wBAAwB,KAAK;AAAA,IAC7B,uBAAuB,IAAI;AAAA,IAC3B;AAAA,MACI,CAAC,OAAO,KAAK,GAAGH;AAAA,MAChB,CAAC,OAAO,OAAO,GAAGC;AAAA,MAClB,CAAC,OAAO,IAAI,GAAG,QAAQC,KAAI,KAAK,CAAC;AAAA,MACjC,CAAC,iCAAiC,KAAK,CAAC,GAAGC;AAAA,IAAA;AAAA,IAE/C;AAAA,EAAA;AAGJ,SACI,qBAAC,YAAA,EAAW,WAAW,YAAY,UAAUF,WAAU,KAAK,QAAW,UAAqB,GAAG,MAAM,KACjG,UAAA;AAAA,IAAA,qBAAC,eAAY,WAAW,OAAO,SAAS,UAAoB,QAAQE,WAC/D,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;"}
+{"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 { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n/** Свойства кнопки типа General. */\nexport interface IButtonGeneralProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.GENERAL;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\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    /** Размер кнопки. По умолчанию EComponentSize.MD. */\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    /** Размер кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Блочный режим. */\n    block?: boolean;\n    /** Режим загрузки. */\n    loading?: boolean;\n    /** Иконка. */\n    icon?: React.ReactElement;\n    /** Содержимое кнопки. */\n    children?: React.ReactNode;\n}\n\n/** Свойства кнопки типа Danger. */\nexport interface IButtonDangerProps extends IButtonBaseProps {\n    /** Тема кнопки. */\n    theme: EButtonTheme.DANGER;\n    /** Размер кнопки. По умолчанию EComponentSize.MD. */\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    /** Размер кнопки. По умолчанию EComponentSize.MD. */\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 | IButtonSecondaryProps | IButtonSecondaryLightProps | IButtonDangerProps | 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 loaderTheme = [EButtonTheme.SECONDARY, EButtonTheme.SECONDARY_LIGHT].includes(theme)\n        ? ELoaderSmallTheme.BRAND\n        : ELoaderSmallTheme.NEUTRAL;\n\n    return <LoaderSmall theme={loaderTheme} size={size} />;\n};\n\n/**\n * Кнопка — основной интерактивный элемент для запуска действий.\n * Поддерживает пять тем (EButtonTheme), три размера, состояние загрузки, иконку и блочный режим.\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    // aria-expanded остаётся в rest и попадает на DOM-элемент, здесь читается для визуального состояния «раскрыто».\n    // Тип атрибута — Booleanish: строковое \"false\" — валидное «закрытое» состояние, поэтому truthy-проверки недостаточно.\n    const ariaExpanded = props[\"aria-expanded\"];\n    const expanded = ariaExpanded === true || ariaExpanded === \"true\";\n    const classNames = clsx(\n        styles.button,\n        THEME_TO_CLASS_NAME_MAP[theme],\n        SIZE_TO_CLASS_NAME_MAP[size],\n        // Глобальные классы @sberbusiness/icons-next: должны стоять прямо на <button>, а не на внутренней обёртке\n        // icon+текста — иначе наведение на паддинг кнопки не перекрашивало иконку (см. Button-ai.md → История изменений).\n        \"hoverable\",\n        {\n            [styles.block]: block,\n            [styles.loading]: loading,\n            [styles.icon]: Boolean(icon) && !children,\n            [THEME_TO_EXPANDED_CLASS_NAME_MAP[theme]]: expanded,\n            active: expanded,\n            disabled,\n        },\n        className,\n    );\n\n    return (\n        <ButtonBase className={classNames} tabIndex={loading ? -1 : undefined} disabled={disabled} {...rest} ref={ref}>\n            <span className={styles.content}>\n                {icon}\n                {children}\n            </span>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkGA,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,cAAc,CAAC,aAAa,WAAW,aAAa,eAAe,EAAE,SAAS,KAAK,IACnF,kBAAkB,QAClB,kBAAkB;AAExB,SAAO,oBAAC,aAAA,EAAY,OAAO,aAAa,KAAA,CAAY;AACxD;AAMO,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;AAI1G,QAAM,eAAe,MAAM,eAAe;AAC1C,QAAMC,YAAW,iBAAiB,QAAQ,iBAAiB;AAC3D,QAAM,aAAa;AAAA,IACf,OAAO;AAAA,IACP,wBAAwB,KAAK;AAAA,IAC7B,uBAAuB,IAAI;AAAA;AAAA;AAAA,IAG3B;AAAA,IACA;AAAA,MACI,CAAC,OAAO,KAAK,GAAGH;AAAA,MAChB,CAAC,OAAO,OAAO,GAAGC;AAAA,MAClB,CAAC,OAAO,IAAI,GAAG,QAAQC,KAAI,KAAK,CAAC;AAAA,MACjC,CAAC,iCAAiC,KAAK,CAAC,GAAGC;AAAA,MAC3C,QAAQA;AAAA,MACR;AAAA,IAAA;AAAA,IAEJ;AAAA,EAAA;AAGJ,SACI,qBAAC,YAAA,EAAW,WAAW,YAAY,UAAUF,WAAU,KAAK,QAAW,UAAqB,GAAG,MAAM,KACjG,UAAA;AAAA,IAAA,qBAAC,QAAA,EAAK,WAAW,OAAO,SACnB,UAAA;AAAA,MAAAC;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,7 +1,7 @@
 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.48.0", ref });
+  return /* @__PURE__ */ jsx("button", { type: "button", ...props, "data-tx": "1.50.0", ref });
 });
 ButtonBase.displayName = "ButtonBase";
 export {

package/components/Button/ButtonDropdown.js

@@ -10,7 +10,7 @@ import { isKey } from "../../utils/keyboard.js";
 import { DropdownListContext } from "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-cXbzcYKR.js";
+import "../../chunks/DropdownListItem-BDtBpFPH.js";
 import { EDropdownAlignment, EDropdownWidth } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
@@ -30,13 +30,13 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const buttonDropdown = "buttonDropdown__b65be4e7";
-const block = "block__66b633c5";
-const buttonDropdownTarget = "buttonDropdownTarget__671bd888";
-const dots = "dots__6662ae04";
-const caretIcon = "caretIcon__96c2f01e";
-const active = "active__69b044ec";
-const buttonDropdownMenuItem = "buttonDropdownMenuItem__7ac7a536";
+const buttonDropdown = "buttonDropdown__a2742fec";
+const block = "block__11af20f7";
+const buttonDropdownTarget = "buttonDropdownTarget__443ef6e9";
+const dots = "dots__e906726c";
+const caretIcon = "caretIcon__fef66689";
+const active = "active__6a8e1a25";
+const buttonDropdownMenuItem = "buttonDropdownMenuItem__e1b02b42";
 const styles = {
   buttonDropdown,
   block,

package/components/Button/ButtonDropdownExtended.js

@@ -4,8 +4,8 @@ import { Dropdown } from "../Dropdown/Dropdown.js";
 import { isKey } from "../../utils/keyboard.js";
 import { DropdownList } from "../Dropdown/desktop/DropdownList.js";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const buttonDropdownExtended = "buttonDropdownExtended__5728a18e";
-const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__29045abc";
+const buttonDropdownExtended = "buttonDropdownExtended__2739f977";
+const buttonDropdownExtendedBlock = "buttonDropdownExtendedBlock__f0994f22";
 const styles = {
   buttonDropdownExtended,
   buttonDropdownExtendedBlock

package/components/Button/ButtonIcon.js

@@ -3,9 +3,9 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EButtonIconShape } from "./enums.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const buttonIcon = "buttonIcon__99b5917d";
-const circle = "circle__e4e04d8e";
-const squircle = "squircle__7ab67680";
+const buttonIcon = "buttonIcon__98c94bfb";
+const circle = "circle__4018fd23";
+const squircle = "squircle__408f4a38";
 const styles = {
   buttonIcon,
   circle,

package/components/Calendar/Calendar.js

@@ -14,9 +14,9 @@ import { CalendarView } from "./components/CalendarView.js";
 import { CalendarFooter } from "./components/CalendarFooter.js";
 import { CalendarFooterButton } from "./components/CalendarFooterButton.js";
 import { parsePickedDate, formatDate } from "./utils.js";
-const calendar = "calendar__24af1946";
-const extraBottom = "extraBottom__57efc748";
-const adaptive = "adaptive__45ecc577";
+const calendar = "calendar__f635e13a";
+const extraBottom = "extraBottom__3d9f0090";
+const adaptive = "adaptive__0252981f";
 const styles = {
   calendar,
   extraBottom,
@@ -179,7 +179,7 @@ class Calendar extends React__default.PureComponent {
       this.props.adaptiveMode ? styles.adaptive : (viewMode !== ECalendarViewMode.DAYS || todayButtonProps) && styles.extraBottom
     );
     const pickedDate = parsePickedDate(this.props.pickedDate, format);
-    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.48.0", children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx("div", { className: classNames, "data-tx": "1.50.0", children: /* @__PURE__ */ jsxs(
       CalendarContext.Provider,
       {
         value: {

package/components/Calendar/components/CalendarControls.js

@@ -14,7 +14,7 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { globalLimitRange } from "../../../consts/DateConst.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const calendarControls = "calendarControls__d1a9416d";
+const calendarControls = "calendarControls__53e0c396";
 const styles = {
   calendarControls
 };

package/components/Calendar/components/CalendarFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const calendarFooter = "calendarFooter__4206fa6c";
+const calendarFooter = "calendarFooter__edb3cc47";
 const styles = {
   calendarFooter
 };

package/components/Calendar/components/CalendarViewDays.js

@@ -5,7 +5,7 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { isDateOutOfRange, isDayDisabled, getFirstEnabledDate, getNavigationShift, shiftDate } from "../utils.js";
 import { WEEKDAYS_SET, WEEKS_SET } from "../../../consts/DateConst.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-8tfDv-A9.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BCcAb-X6.js";
 import { ECalendarDateMarkType, ECalendarViewMode } from "../enums.js";
 import { CalendarContext } from "../CalendarContext.js";
 const NAVIGATION_STEPS = {

package/components/Calendar/components/CalendarViewItem.js

@@ -4,7 +4,7 @@ import "../../../chunks/vendor-CUIykw0y.js";
 import "../enums.js";
 import "../CalendarViewContext.js";
 import "../../../utils/keyboard.js";
-import { C } from "../../../chunks/CalendarViewItem-8tfDv-A9.js";
+import { C } from "../../../chunks/CalendarViewItem-BCcAb-X6.js";
 export {
   C as CalendarViewItem
 };

package/components/Calendar/components/CalendarViewMonths.js

@@ -4,7 +4,7 @@ import moment from "moment";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-8tfDv-A9.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BCcAb-X6.js";
 import { ECalendarPickType, ECalendarViewMode } from "../enums.js";
 const NAVIGATION_STEPS = {
   horizontal: { amount: 1, unit: "month" },

package/components/Calendar/components/CalendarViewYears.js

@@ -3,7 +3,7 @@ import { useContext, useCallback, useState, useEffect } from "react";
 import { CalendarContext } from "../CalendarContext.js";
 import { CalendarViewContext } from "../CalendarViewContext.js";
 import { isDateOutOfRange, getFirstEnabledDate, VIEW_GRID_ROWS, VIEW_GRID_COLUMNS, getNavigationShift, shiftDate, getShiftedDateInRange } from "../utils.js";
-import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-8tfDv-A9.js";
+import { s as styles, C as CalendarViewItem } from "../../../chunks/CalendarViewItem-BCcAb-X6.js";
 import { ECalendarViewMode } from "../enums.js";
 const YEARS_BEFORE_VIEW_DATE = 5;
 const YEARS_AFTER_VIEW_DATE = 6;

package/components/Calendar/utils.js

@@ -25,7 +25,7 @@ function formatDate(viewDate, viewMode) {
     case ECalendarViewMode.YEARS: {
       const yearFrom = checkedDate.clone().add(-5, "y").format("YYYY");
       const yearTo = checkedDate.clone().add(6, "y").format("YYYY");
-      return `${yearFrom} - ${yearTo}`;
+      return `${yearFrom}–${yearTo}`;
     }
   }
 }

package/components/Calendar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/Calendar/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { headerDateFormat, globalLimitRange } from \"../../consts/DateConst\";\nimport { ECalendarViewMode } from \"./enums\";\nimport { TPickedDate, TPickedDateProp } from \"./types\";\nimport { IDateLimitRange } from \"../../types/DateTypes\";\nimport { isKey } from \"../../utils/keyboard\";\n\n/** Направление сдвига даты. */\nexport type TCalendarShiftOperation = \"add\" | \"subtract\";\n\n/** Единица измерения сдвига даты внутри календаря. */\nexport type TCalendarShiftUnit = \"day\" | \"week\" | \"month\" | \"year\";\n\n/** Величина сдвига даты по одной из осей клавиатурной навигации. */\nexport interface ICalendarNavigationStep {\n    /** Количество единиц сдвига. */\n    amount: number;\n    /** Единица измерения сдвига. */\n    unit: TCalendarShiftUnit;\n}\n\n/** Величины сдвига даты по всем осям клавиатурной навигации конкретного вида календаря. */\nexport interface ICalendarNavigationSteps {\n    /** Шаг по горизонтали — соседняя ячейка строки (ArrowLeft / ArrowRight). */\n    horizontal: ICalendarNavigationStep;\n    /** Шаг по вертикали — соседняя строка сетки (ArrowUp / ArrowDown). */\n    vertical: ICalendarNavigationStep;\n    /** Шаг на страницу — соседняя страница календаря (PageUp / PageDown). */\n    page: ICalendarNavigationStep;\n}\n\n/** Сдвиг даты: направление и величина. */\nexport interface ICalendarNavigationShift extends ICalendarNavigationStep {\n    /** Направление сдвига. */\n    operation: TCalendarShiftOperation;\n}\n\n/**\n * Приведение даты к типу Moment.\n * @param value Значение.\n * @param [format] Формат для значения.\n */\nexport function parsePickedDate(value: TPickedDateProp | undefined, format?: string): TPickedDate {\n    if (!value) {\n        return null;\n    } else if (typeof value === \"string\") {\n        return moment(value, format);\n    } else {\n        return value;\n    }\n}\n\n/**\n * Получить актуальный заголовок. Для пустой или невалидной даты используется текущая дата.\n * @param {TPickedDate} date Дата для построения заголовка.\n */\nexport function getHeader(date: TPickedDate): string {\n    const currentDate = date && date.isValid() ? date : moment();\n\n    return currentDate.format(headerDateFormat);\n}\n\n/**\n * Получить текст заголовка из текущей даты.\n * @param viewDate Отображаемая дата.\n * @param viewMode Текущая вкладка.\n */\nexport function formatDate(viewDate: TPickedDate, viewMode: ECalendarViewMode): string {\n    const checkedDate = viewDate ? viewDate : moment();\n\n    switch (viewMode) {\n        case ECalendarViewMode.DAYS:\n            return getHeader(checkedDate);\n        case ECalendarViewMode.MONTHS:\n            return checkedDate.clone().format(\"YYYY\");\n        case ECalendarViewMode.YEARS: {\n            const yearFrom = checkedDate.clone().add(-5, \"y\").format(\"YYYY\");\n            const yearTo = checkedDate.clone().add(6, \"y\").format(\"YYYY\");\n\n            return `${yearFrom} - ${yearTo}`;\n        }\n    }\n}\n\n/** Проверяет, выходит ли дата за разрешённый период. */\nexport function isDateOutOfRange(date: moment.Moment, limitRange: IDateLimitRange, unit: \"day\" | \"month\" | \"year\") {\n    const dateFrom = limitRange.dateFrom || globalLimitRange.dateFrom;\n    const dateTo = limitRange.dateTo || globalLimitRange.dateTo;\n\n    return date.isBefore(dateFrom, unit) || date.isAfter(dateTo, unit);\n}\n\n/** Проверяет, является ли день недоступным для выбора. */\nexport function isDayDisabled(day: string, disabledDays: string[] | undefined) {\n    if (disabledDays === undefined) {\n        return false;\n    }\n\n    return disabledDays.includes(day);\n}\n\n/**\n * Сдвигает дату на указанную величину в указанном направлении. Мутирует переданную дату (как и методы moment).\n * @param date Дата, которую нужно сдвинуть.\n * @param shift Направление и величина сдвига.\n */\nexport function shiftDate(date: moment.Moment, shift: ICalendarNavigationShift): moment.Moment {\n    const { operation, amount, unit } = shift;\n\n    return operation === \"add\" ? date.add(amount, unit) : date.subtract(amount, unit);\n}\n\n/**\n * Возвращает дату после сдвига. Если сдвинутая дата выходит за разрешённый период — возвращает исходную дату.\n * @param date Исходная дата.\n * @param shift Направление и величина сдвига.\n * @param limitRange Ограничение выбираемого периода.\n * @param limitUnit Единица сравнения даты с ограничением периода.\n */\nexport function getShiftedDateInRange(\n    date: moment.Moment,\n    shift: ICalendarNavigationShift,\n    limitRange: IDateLimitRange,\n    limitUnit: \"day\" | \"month\" | \"year\",\n): moment.Moment {\n    const shiftedDate = shiftDate(date.clone(), shift);\n\n    return isDateOutOfRange(shiftedDate, limitRange, limitUnit) ? date : shiftedDate;\n}\n\n/**\n * Возвращает первую не отключённую дату среди `count` дат-кандидатов, начиная с `startDate`,\n * с шагом в одну единицу `unit` между соседними кандидатами. Исходная дата не мутируется.\n * Если все кандидаты отключены — возвращает undefined.\n * @param startDate Первая дата-кандидат.\n * @param count Количество проверяемых кандидатов.\n * @param unit Единица измерения шага между кандидатами.\n * @param isDateDisabled Предикат отключённой даты.\n */\nexport function getFirstEnabledDate(\n    startDate: moment.Moment,\n    count: number,\n    unit: TCalendarShiftUnit,\n    isDateDisabled: (date: moment.Moment) => boolean,\n): moment.Moment | undefined {\n    for (let i = 0; i < count; i++) {\n        const date = startDate.clone().add(i, unit);\n\n        if (!isDateDisabled(date)) {\n            return date;\n        }\n    }\n}\n\n/**\n * Возвращает направление и величину сдвига даты для нажатой клавиши навигации.\n * Для клавиш, не участвующих в навигации по сетке календаря, возвращает undefined.\n * @param key Код нажатой клавиши.\n * @param steps Величины сдвига по осям навигации для текущего вида календаря.\n */\nexport function getNavigationShift(\n    key: string | number,\n    steps: ICalendarNavigationSteps,\n): ICalendarNavigationShift | undefined {\n    if (isKey(key, \"ARROW_RIGHT\")) {\n        return { operation: \"add\", ...steps.horizontal };\n    } else if (isKey(key, \"ARROW_LEFT\")) {\n        return { operation: \"subtract\", ...steps.horizontal };\n    } else if (isKey(key, \"ARROW_DOWN\")) {\n        return { operation: \"add\", ...steps.vertical };\n    } else if (isKey(key, \"ARROW_UP\")) {\n        return { operation: \"subtract\", ...steps.vertical };\n    } else if (isKey(key, \"PAGE_DOWN\")) {\n        return { operation: \"add\", ...steps.page };\n    } else if (isKey(key, \"PAGE_UP\")) {\n        return { operation: \"subtract\", ...steps.page };\n    }\n}\n\n/** Строки сетки видов месяцев и годов. */\nexport const VIEW_GRID_ROWS = [0, 1, 2, 3];\n\n/** Колонки сетки видов месяцев и годов. */\nexport const VIEW_GRID_COLUMNS = [0, 1, 2];\n"],"names":[],"mappings":";;;;AA0CO,SAAS,gBAAgB,OAAoC,QAA8B;AAC9F,MAAI,CAAC,OAAO;AACR,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO,OAAO,OAAO,MAAM;AAAA,EAC/B,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAMO,SAAS,UAAU,MAA2B;AACjD,QAAM,cAAc,QAAQ,KAAK,QAAA,IAAY,OAAO,OAAA;AAEpD,SAAO,YAAY,OAAO,gBAAgB;AAC9C;AAOO,SAAS,WAAW,UAAuB,UAAqC;AACnF,QAAM,cAAc,WAAW,WAAW,OAAA;AAE1C,UAAQ,UAAA;AAAA,IACJ,KAAK,kBAAkB;AACnB,aAAO,UAAU,WAAW;AAAA,IAChC,KAAK,kBAAkB;AACnB,aAAO,YAAY,QAAQ,OAAO,MAAM;AAAA,IAC5C,KAAK,kBAAkB,OAAO;AAC1B,YAAM,WAAW,YAAY,QAAQ,IAAI,IAAI,GAAG,EAAE,OAAO,MAAM;AAC/D,YAAM,SAAS,YAAY,QAAQ,IAAI,GAAG,GAAG,EAAE,OAAO,MAAM;AAE5D,aAAO,GAAG,QAAQ,MAAM,MAAM;AAAA,IAClC;AAAA,EAAA;AAER;AAGO,SAAS,iBAAiB,MAAqB,YAA6B,MAAgC;AAC/G,QAAM,WAAW,WAAW,YAAY,iBAAiB;AACzD,QAAM,SAAS,WAAW,UAAU,iBAAiB;AAErD,SAAO,KAAK,SAAS,UAAU,IAAI,KAAK,KAAK,QAAQ,QAAQ,IAAI;AACrE;AAGO,SAAS,cAAc,KAAa,cAAoC;AAC3E,MAAI,iBAAiB,QAAW;AAC5B,WAAO;AAAA,EACX;AAEA,SAAO,aAAa,SAAS,GAAG;AACpC;AAOO,SAAS,UAAU,MAAqB,OAAgD;AAC3F,QAAM,EAAE,WAAW,QAAQ,KAAA,IAAS;AAEpC,SAAO,cAAc,QAAQ,KAAK,IAAI,QAAQ,IAAI,IAAI,KAAK,SAAS,QAAQ,IAAI;AACpF;AASO,SAAS,sBACZ,MACA,OACA,YACA,WACa;AACb,QAAM,cAAc,UAAU,KAAK,MAAA,GAAS,KAAK;AAEjD,SAAO,iBAAiB,aAAa,YAAY,SAAS,IAAI,OAAO;AACzE;AAWO,SAAS,oBACZ,WACA,OACA,MACA,gBACyB;AACzB,WAAS,IAAI,GAAG,IAAI,OAAO,KAAK;AAC5B,UAAM,OAAO,UAAU,MAAA,EAAQ,IAAI,GAAG,IAAI;AAE1C,QAAI,CAAC,eAAe,IAAI,GAAG;AACvB,aAAO;AAAA,IACX;AAAA,EACJ;AACJ;AAQO,SAAS,mBACZ,KACA,OACoC;AACpC,MAAI,MAAM,KAAK,aAAa,GAAG;AAC3B,WAAO,EAAE,WAAW,OAAO,GAAG,MAAM,WAAA;AAAA,EACxC,WAAW,MAAM,KAAK,YAAY,GAAG;AACjC,WAAO,EAAE,WAAW,YAAY,GAAG,MAAM,WAAA;AAAA,EAC7C,WAAW,MAAM,KAAK,YAAY,GAAG;AACjC,WAAO,EAAE,WAAW,OAAO,GAAG,MAAM,SAAA;AAAA,EACxC,WAAW,MAAM,KAAK,UAAU,GAAG;AAC/B,WAAO,EAAE,WAAW,YAAY,GAAG,MAAM,SAAA;AAAA,EAC7C,WAAW,MAAM,KAAK,WAAW,GAAG;AAChC,WAAO,EAAE,WAAW,OAAO,GAAG,MAAM,KAAA;AAAA,EACxC,WAAW,MAAM,KAAK,SAAS,GAAG;AAC9B,WAAO,EAAE,WAAW,YAAY,GAAG,MAAM,KAAA;AAAA,EAC7C;AACJ;AAGO,MAAM,iBAAiB,CAAC,GAAG,GAAG,GAAG,CAAC;AAGlC,MAAM,oBAAoB,CAAC,GAAG,GAAG,CAAC;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/Calendar/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { headerDateFormat, globalLimitRange } from \"../../consts/DateConst\";\nimport { ECalendarViewMode } from \"./enums\";\nimport { TPickedDate, TPickedDateProp } from \"./types\";\nimport { IDateLimitRange } from \"../../types/DateTypes\";\nimport { isKey } from \"../../utils/keyboard\";\n\n/** Направление сдвига даты. */\nexport type TCalendarShiftOperation = \"add\" | \"subtract\";\n\n/** Единица измерения сдвига даты внутри календаря. */\nexport type TCalendarShiftUnit = \"day\" | \"week\" | \"month\" | \"year\";\n\n/** Величина сдвига даты по одной из осей клавиатурной навигации. */\nexport interface ICalendarNavigationStep {\n    /** Количество единиц сдвига. */\n    amount: number;\n    /** Единица измерения сдвига. */\n    unit: TCalendarShiftUnit;\n}\n\n/** Величины сдвига даты по всем осям клавиатурной навигации конкретного вида календаря. */\nexport interface ICalendarNavigationSteps {\n    /** Шаг по горизонтали — соседняя ячейка строки (ArrowLeft / ArrowRight). */\n    horizontal: ICalendarNavigationStep;\n    /** Шаг по вертикали — соседняя строка сетки (ArrowUp / ArrowDown). */\n    vertical: ICalendarNavigationStep;\n    /** Шаг на страницу — соседняя страница календаря (PageUp / PageDown). */\n    page: ICalendarNavigationStep;\n}\n\n/** Сдвиг даты: направление и величина. */\nexport interface ICalendarNavigationShift extends ICalendarNavigationStep {\n    /** Направление сдвига. */\n    operation: TCalendarShiftOperation;\n}\n\n/**\n * Приведение даты к типу Moment.\n * @param value Значение.\n * @param [format] Формат для значения.\n */\nexport function parsePickedDate(value: TPickedDateProp | undefined, format?: string): TPickedDate {\n    if (!value) {\n        return null;\n    } else if (typeof value === \"string\") {\n        return moment(value, format);\n    } else {\n        return value;\n    }\n}\n\n/**\n * Получить актуальный заголовок. Для пустой или невалидной даты используется текущая дата.\n * @param {TPickedDate} date Дата для построения заголовка.\n */\nexport function getHeader(date: TPickedDate): string {\n    const currentDate = date && date.isValid() ? date : moment();\n\n    return currentDate.format(headerDateFormat);\n}\n\n/**\n * Получить текст заголовка из текущей даты.\n * @param viewDate Отображаемая дата.\n * @param viewMode Текущая вкладка.\n */\nexport function formatDate(viewDate: TPickedDate, viewMode: ECalendarViewMode): string {\n    const checkedDate = viewDate ? viewDate : moment();\n\n    switch (viewMode) {\n        case ECalendarViewMode.DAYS:\n            return getHeader(checkedDate);\n        case ECalendarViewMode.MONTHS:\n            return checkedDate.clone().format(\"YYYY\");\n        case ECalendarViewMode.YEARS: {\n            const yearFrom = checkedDate.clone().add(-5, \"y\").format(\"YYYY\");\n            const yearTo = checkedDate.clone().add(6, \"y\").format(\"YYYY\");\n\n            return `${yearFrom}–${yearTo}`;\n        }\n    }\n}\n\n/** Проверяет, выходит ли дата за разрешённый период. */\nexport function isDateOutOfRange(date: moment.Moment, limitRange: IDateLimitRange, unit: \"day\" | \"month\" | \"year\") {\n    const dateFrom = limitRange.dateFrom || globalLimitRange.dateFrom;\n    const dateTo = limitRange.dateTo || globalLimitRange.dateTo;\n\n    return date.isBefore(dateFrom, unit) || date.isAfter(dateTo, unit);\n}\n\n/** Проверяет, является ли день недоступным для выбора. */\nexport function isDayDisabled(day: string, disabledDays: string[] | undefined) {\n    if (disabledDays === undefined) {\n        return false;\n    }\n\n    return disabledDays.includes(day);\n}\n\n/**\n * Сдвигает дату на указанную величину в указанном направлении. Мутирует переданную дату (как и методы moment).\n * @param date Дата, которую нужно сдвинуть.\n * @param shift Направление и величина сдвига.\n */\nexport function shiftDate(date: moment.Moment, shift: ICalendarNavigationShift): moment.Moment {\n    const { operation, amount, unit } = shift;\n\n    return operation === \"add\" ? date.add(amount, unit) : date.subtract(amount, unit);\n}\n\n/**\n * Возвращает дату после сдвига. Если сдвинутая дата выходит за разрешённый период — возвращает исходную дату.\n * @param date Исходная дата.\n * @param shift Направление и величина сдвига.\n * @param limitRange Ограничение выбираемого периода.\n * @param limitUnit Единица сравнения даты с ограничением периода.\n */\nexport function getShiftedDateInRange(\n    date: moment.Moment,\n    shift: ICalendarNavigationShift,\n    limitRange: IDateLimitRange,\n    limitUnit: \"day\" | \"month\" | \"year\",\n): moment.Moment {\n    const shiftedDate = shiftDate(date.clone(), shift);\n\n    return isDateOutOfRange(shiftedDate, limitRange, limitUnit) ? date : shiftedDate;\n}\n\n/**\n * Возвращает первую не отключённую дату среди `count` дат-кандидатов, начиная с `startDate`,\n * с шагом в одну единицу `unit` между соседними кандидатами. Исходная дата не мутируется.\n * Если все кандидаты отключены — возвращает undefined.\n * @param startDate Первая дата-кандидат.\n * @param count Количество проверяемых кандидатов.\n * @param unit Единица измерения шага между кандидатами.\n * @param isDateDisabled Предикат отключённой даты.\n */\nexport function getFirstEnabledDate(\n    startDate: moment.Moment,\n    count: number,\n    unit: TCalendarShiftUnit,\n    isDateDisabled: (date: moment.Moment) => boolean,\n): moment.Moment | undefined {\n    for (let i = 0; i < count; i++) {\n        const date = startDate.clone().add(i, unit);\n\n        if (!isDateDisabled(date)) {\n            return date;\n        }\n    }\n}\n\n/**\n * Возвращает направление и величину сдвига даты для нажатой клавиши навигации.\n * Для клавиш, не участвующих в навигации по сетке календаря, возвращает undefined.\n * @param key Код нажатой клавиши.\n * @param steps Величины сдвига по осям навигации для текущего вида календаря.\n */\nexport function getNavigationShift(\n    key: string | number,\n    steps: ICalendarNavigationSteps,\n): ICalendarNavigationShift | undefined {\n    if (isKey(key, \"ARROW_RIGHT\")) {\n        return { operation: \"add\", ...steps.horizontal };\n    } else if (isKey(key, \"ARROW_LEFT\")) {\n        return { operation: \"subtract\", ...steps.horizontal };\n    } else if (isKey(key, \"ARROW_DOWN\")) {\n        return { operation: \"add\", ...steps.vertical };\n    } else if (isKey(key, \"ARROW_UP\")) {\n        return { operation: \"subtract\", ...steps.vertical };\n    } else if (isKey(key, \"PAGE_DOWN\")) {\n        return { operation: \"add\", ...steps.page };\n    } else if (isKey(key, \"PAGE_UP\")) {\n        return { operation: \"subtract\", ...steps.page };\n    }\n}\n\n/** Строки сетки видов месяцев и годов. */\nexport const VIEW_GRID_ROWS = [0, 1, 2, 3];\n\n/** Колонки сетки видов месяцев и годов. */\nexport const VIEW_GRID_COLUMNS = [0, 1, 2];\n"],"names":[],"mappings":";;;;AA0CO,SAAS,gBAAgB,OAAoC,QAA8B;AAC9F,MAAI,CAAC,OAAO;AACR,WAAO;AAAA,EACX,WAAW,OAAO,UAAU,UAAU;AAClC,WAAO,OAAO,OAAO,MAAM;AAAA,EAC/B,OAAO;AACH,WAAO;AAAA,EACX;AACJ;AAMO,SAAS,UAAU,MAA2B;AACjD,QAAM,cAAc,QAAQ,KAAK,QAAA,IAAY,OAAO,OAAA;AAEpD,SAAO,YAAY,OAAO,gBAAgB;AAC9C;AAOO,SAAS,WAAW,UAAuB,UAAqC;AACnF,QAAM,cAAc,WAAW,WAAW,OAAA;AAE1C,UAAQ,UAAA;AAAA,IACJ,KAAK,kBAAkB;AACnB,aAAO,UAAU,WAAW;AAAA,IAChC,KAAK,kBAAkB;AACnB,aAAO,YAAY,QAAQ,OAAO,MAAM;AAAA,IAC5C,KAAK,kBAAkB,OAAO;AAC1B,YAAM,WAAW,YAAY,QAAQ,IAAI,IAAI,GAAG,EAAE,OAAO,MAAM;AAC/D,YAAM,SAAS,YAAY,QAAQ,IAAI,GAAG,GAAG,EAAE,OAAO,MAAM;AAE5D,aAAO,GAAG,QAAQ,IAAI,MAAM;AAAA,IAChC;AAAA,EAAA;AAER;AAGO,SAAS,iBAAiB,MAAqB,YAA6B,MAAgC;AAC/G,QAAM,WAAW,WAAW,YAAY,iBAAiB;AACzD,QAAM,SAAS,WAAW,UAAU,iBAAiB;AAErD,SAAO,KAAK,SAAS,UAAU,IAAI,KAAK,KAAK,QAAQ,QAAQ,IAAI;AACrE;AAGO,SAAS,cAAc,KAAa,cAAoC;AAC3E,MAAI,iBAAiB,QAAW;AAC5B,WAAO;AAAA,EACX;AAEA,SAAO,aAAa,SAAS,GAAG;AACpC;AAOO,SAAS,UAAU,MAAqB,OAAgD;AAC3F,QAAM,EAAE,WAAW,QAAQ,KAAA,IAAS;AAEpC,SAAO,cAAc,QAAQ,KAAK,IAAI,QAAQ,IAAI,IAAI,KAAK,SAAS,QAAQ,IAAI;AACpF;AASO,SAAS,sBACZ,MACA,OACA,YACA,WACa;AACb,QAAM,cAAc,UAAU,KAAK,MAAA,GAAS,KAAK;AAEjD,SAAO,iBAAiB,aAAa,YAAY,SAAS,IAAI,OAAO;AACzE;AAWO,SAAS,oBACZ,WACA,OACA,MACA,gBACyB;AACzB,WAAS,IAAI,GAAG,IAAI,OAAO,KAAK;AAC5B,UAAM,OAAO,UAAU,MAAA,EAAQ,IAAI,GAAG,IAAI;AAE1C,QAAI,CAAC,eAAe,IAAI,GAAG;AACvB,aAAO;AAAA,IACX;AAAA,EACJ;AACJ;AAQO,SAAS,mBACZ,KACA,OACoC;AACpC,MAAI,MAAM,KAAK,aAAa,GAAG;AAC3B,WAAO,EAAE,WAAW,OAAO,GAAG,MAAM,WAAA;AAAA,EACxC,WAAW,MAAM,KAAK,YAAY,GAAG;AACjC,WAAO,EAAE,WAAW,YAAY,GAAG,MAAM,WAAA;AAAA,EAC7C,WAAW,MAAM,KAAK,YAAY,GAAG;AACjC,WAAO,EAAE,WAAW,OAAO,GAAG,MAAM,SAAA;AAAA,EACxC,WAAW,MAAM,KAAK,UAAU,GAAG;AAC/B,WAAO,EAAE,WAAW,YAAY,GAAG,MAAM,SAAA;AAAA,EAC7C,WAAW,MAAM,KAAK,WAAW,GAAG;AAChC,WAAO,EAAE,WAAW,OAAO,GAAG,MAAM,KAAA;AAAA,EACxC,WAAW,MAAM,KAAK,SAAS,GAAG;AAC9B,WAAO,EAAE,WAAW,YAAY,GAAG,MAAM,KAAA;AAAA,EAC7C;AACJ;AAGO,MAAM,iBAAiB,CAAC,GAAG,GAAG,GAAG,CAAC;AAGlC,MAAM,oBAAoB,CAAC,GAAG,GAAG,CAAC;"}

package/components/Card/CardAction.js

@@ -10,10 +10,10 @@ import { EFocusSource } from "../../enums/EFocusSource.js";
 import { mapCardRoundingSizeToCssClass, mapCardThemeToCssClass } from "./utils.js";
 import { isKey } from "../../utils/keyboard.js";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../chunks/Card.module-kIFwMArU.js";
-const action = "action__640b5ade";
-const selected = "selected__1359844d";
-const focusVisible = "focusVisible__68ce1ec9";
+import { c as cardStyles } from "../../chunks/Card.module-BgGathht.js";
+const action = "action__2d951dc9";
+const selected = "selected__ef859f5c";
+const focusVisible = "focusVisible__ebe0036b";
 const actionStyles = {
   action,
   selected,
@@ -140,7 +140,7 @@ class CardAction extends React__default.Component {
         role: "button",
         ...attributes,
         ref: this.ref,
-        "data-tx": "1.48.0",
+        "data-tx": "1.50.0",
         children
       }
     );

package/components/Card/CardStatic.js

@@ -5,7 +5,7 @@ import { CardContent } from "./components/CardContent/CardContent.js";
 import { CardMedia } from "./components/CardMedia.js";
 import { ECardTheme, ECardRoundingSize } from "./enums.js";
 import { mapCardThemeToCssClass, mapCardRoundingSizeToCssClass } from "./utils.js";
-import { c as cardStyles } from "../../chunks/Card.module-kIFwMArU.js";
+import { c as cardStyles } from "../../chunks/Card.module-BgGathht.js";
 const CardStaticRoot = React__default.forwardRef(
   ({ children, className, roundingSize = ECardRoundingSize.MD, theme = ECardTheme.GENERAL, ...rest }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -18,7 +18,7 @@ const CardStaticRoot = React__default.forwardRef(
       ),
       ...rest,
       ref,
-      "data-tx": "1.48.0",
+      "data-tx": "1.50.0",
       children
     }
   )

package/components/Card/components/CardContent/CardContent.js

@@ -4,7 +4,7 @@ import { CardContentHeader } from "./components/CardContentHeader.js";
 import { CardContentFooter } from "./components/CardContentFooter.js";
 import { ECardContentPaddingSize } from "../../enums.js";
 import { c as clsx } from "../../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../../chunks/Card.module-kIFwMArU.js";
+import { c as cardStyles } from "../../../../chunks/Card.module-BgGathht.js";
 const mapCardContentPaddingSizeToCssClass = {
   [ECardContentPaddingSize.MD]: cardStyles.paddingMD,
   [ECardContentPaddingSize.SM]: cardStyles.paddingSM

package/components/Card/components/CardContent/components/CardContentBody.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-kIFwMArU.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-BgGathht.js";
 const CardContentBody = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentBody, className), ...rest, children });
 CardContentBody.displayName = "CardContentBody";
 export {

package/components/Card/components/CardContent/components/CardContentFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-kIFwMArU.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-BgGathht.js";
 const CardContentFooter = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentFooter, className), ...rest, children });
 CardContentFooter.displayName = "CardContentFooter";
 export {

package/components/Card/components/CardContent/components/CardContentHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../../../chunks/Card.module-kIFwMArU.js";
+import { c as cardStyles } from "../../../../../chunks/Card.module-BgGathht.js";
 const CardContentHeader = ({ children, className, ...rest }) => /* @__PURE__ */ jsx("div", { className: clsx(cardStyles.cardContentHeader, className), ...rest, children });
 CardContentHeader.displayName = "CardContentHeader";
 export {

package/components/Card/components/CardMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-import { c as cardStyles } from "../../../chunks/Card.module-kIFwMArU.js";
+import { c as cardStyles } from "../../../chunks/Card.module-BgGathht.js";
 const CardMedia = ({ children, className, ...attributes }) => {
   const classNames = clsx(cardStyles.cardMedia, className);
   return /* @__PURE__ */ jsx("div", { className: classNames, ...attributes, children });