@sberbusiness/triplex-next 1.41.1 → 1.43.0

package/components/Loader/LoaderSmall/LoaderSmall.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoaderSmall.js","sources":["../../../../src/components/Loader/LoaderSmall/LoaderSmall.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/LoaderSmall.module.less\";\nimport { ELoaderSmallTheme } from \"./enum\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n/** Свойства компонента LoaderSmall. */\nexport interface ILoaderSmallProps extends React.HTMLAttributes<HTMLSpanElement> {\n    /** Тема. */\n    theme: ELoaderSmallTheme;\n    /** Размер. */\n    size: EComponentSize;\n}\n\n// Соответствие темы имени класса.\nconst themeToClassNameMap = {\n    [ELoaderSmallTheme.BRAND]: styles.brand,\n    [ELoaderSmallTheme.NEUTRAL]: styles.neutral,\n};\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nexport const LoaderSmall: React.FC<ILoaderSmallProps> = ({ className, theme, size, ...restProps }) => {\n    return (\n        <span\n            className={clsx(styles.loaderSmall, themeToClassNameMap[theme], sizeToClassNameMap[size], className)}\n            role=\"status\"\n            aria-label=\"loading\"\n            {...restProps}\n        >\n            <span className={clsx(styles.dot, styles.dot1)} />\n            <span className={clsx(styles.dot, styles.dot2)} />\n            <span className={clsx(styles.dot, styles.dot3)} />\n        </span>\n    );\n};\n\nLoaderSmall.displayName = \"LoaderSmall\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,sBAAsB;AAAA,EACxB,CAAC,kBAAkB,KAAK,GAAG,OAAO;AAAA,EAClC,CAAC,kBAAkB,OAAO,GAAG,OAAO;AACxC;AAGA,MAAM,qBAAqB,yBAAyB,MAAM;AAEnD,MAAM,cAA2C,CAAC,EAAE,WAAW,OAAO,MAAM,GAAG,gBAAgB;AAClG,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW,KAAK,OAAO,aAAa,oBAAoB,KAAK,GAAG,mBAAmB,IAAI,GAAG,SAAS;AAAA,MACnG,MAAK;AAAA,MACL,cAAW;AAAA,MACV,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"LoaderSmall.js","sources":["../../../../src/components/Loader/LoaderSmall/LoaderSmall.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\nimport { ELoaderSmallTheme } from \"./enum\";\nimport styles from \"./styles/LoaderSmall.module.less\";\n\n/** Свойства компонента LoaderSmall. */\nexport interface ILoaderSmallProps extends React.HTMLAttributes<HTMLSpanElement> {\n    /** Тема: BRAND — для светлых поверхностей, NEUTRAL — для тёмных и цветных. */\n    theme: ELoaderSmallTheme;\n    /** Размер: SM (16×16) / MD (24×24) / LG (32×32). */\n    size: EComponentSize;\n}\n\n/** Соответствие темы имени класса. */\nconst THEME_TO_CLASS_NAME_MAP = {\n    [ELoaderSmallTheme.BRAND]: styles.brand,\n    [ELoaderSmallTheme.NEUTRAL]: styles.neutral,\n};\n\n/** Соответствие размера имени класса. */\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Горизонтальный загрузчик из трёх анимированных точек.\n * Индикатор загрузки для кнопок, полей ввода и списков.\n */\nexport const LoaderSmall: React.FC<ILoaderSmallProps> = ({ className, theme, size, ...restProps }) => {\n    return (\n        <span\n            className={clsx(\n                styles.loaderSmall,\n                THEME_TO_CLASS_NAME_MAP[theme],\n                SIZE_TO_CLASS_NAME_MAP[size],\n                className,\n            )}\n            role=\"status\"\n            aria-label=\"loading\"\n            {...restProps}\n        >\n            <span className={clsx(styles.dot, styles.dot1)} />\n            <span className={clsx(styles.dot, styles.dot2)} />\n            <span className={clsx(styles.dot, styles.dot3)} />\n        </span>\n    );\n};\n\nLoaderSmall.displayName = \"LoaderSmall\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,0BAA0B;AAAA,EAC5B,CAAC,kBAAkB,KAAK,GAAG,OAAO;AAAA,EAClC,CAAC,kBAAkB,OAAO,GAAG,OAAO;AACxC;AAGA,MAAM,yBAAyB,yBAAyB,MAAM;AAMvD,MAAM,cAA2C,CAAC,EAAE,WAAW,OAAO,MAAM,GAAG,gBAAgB;AAClG,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAW;AAAA,QACP,OAAO;AAAA,QACP,wBAAwB,KAAK;AAAA,QAC7B,uBAAuB,IAAI;AAAA,QAC3B;AAAA,MAAA;AAAA,MAEJ,MAAK;AAAA,MACL,cAAW;AAAA,MACV,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAA,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,GAAG;AAAA,QAChD,oBAAC,UAAK,WAAW,KAAK,OAAO,KAAK,OAAO,IAAI,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;AAEA,YAAY,cAAc;"}

package/components/Loader/LoaderSmall/enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"enum.js","sources":["../../../../src/components/Loader/LoaderSmall/enum.ts"],"sourcesContent":["export enum ELoaderSmallTheme {\n    BRAND = \"brand\",\n    NEUTRAL = \"neutral\",\n}\n\nexport enum ELoaderSmallSize {\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n}\n"],"names":["ELoaderSmallTheme","ELoaderSmallSize"],"mappings":"AAAO,IAAK,sCAAAA,uBAAL;AACHA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,SAAA,IAAU;AAFF,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAKL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AAHG,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;"}
+{"version":3,"file":"enum.js","sources":["../../../../src/components/Loader/LoaderSmall/enum.ts"],"sourcesContent":["/** Тема компонента LoaderSmall. */\nexport enum ELoaderSmallTheme {\n    /** Для светлых поверхностей. */\n    BRAND = \"brand\",\n    /** Для тёмных и цветных поверхностей. */\n    NEUTRAL = \"neutral\",\n}\n\n/**\n * Размер компонента LoaderSmall.\n * Самим компонентом не используется — размер задаётся общим для библиотеки `EComponentSize`.\n * Сохраняется как часть публичного API для обратной совместимости.\n */\nexport enum ELoaderSmallSize {\n    SM = \"sm\",\n    MD = \"md\",\n    LG = \"lg\",\n}\n"],"names":["ELoaderSmallTheme","ELoaderSmallSize"],"mappings":"AACO,IAAK,sCAAAA,uBAAL;AAEHA,qBAAA,OAAA,IAAQ;AAERA,qBAAA,SAAA,IAAU;AAJF,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAYL,IAAK,qCAAAC,sBAAL;AACHA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AACLA,oBAAA,IAAA,IAAK;AAHG,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;"}

package/components/LoaderScreen/LoaderScreen.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { Gap } from "../Gap/Gap.js";
 import { LoaderSmall } from "../Loader/LoaderSmall/LoaderSmall.js";
@@ -11,11 +11,11 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const loaderScreen = "loaderScreen__224e0f2b";
-const loaderSmallBackdrop = "loaderSmallBackdrop__58e9a721";
-const loaderMiddleBackdrop = "loaderMiddleBackdrop__cca07187";
-const loaderContent = "loaderContent__28d6a5d5";
-const description = "description__81721c1f";
+const loaderScreen = "loaderScreen__e2d10d77";
+const loaderSmallBackdrop = "loaderSmallBackdrop__ab806313";
+const loaderMiddleBackdrop = "loaderMiddleBackdrop__ba95043b";
+const loaderContent = "loaderContent__a03d8c6a";
+const description = "description__12ba18d1";
 const styles = {
   loaderScreen,
   loaderSmallBackdrop,

package/components/Marker/Marker.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-Fg8ptXcX.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { a as styles, s as statusToClassNameMap } from "../../chunks/utils-CLqTYw8x.js";
 import { Badge } from "../Badge/Badge.js";
 import "./enums.js";
 const Marker = ({ className, status, ...rest }) => /* @__PURE__ */ jsx(Badge.Dot, { className: clsx(styles.marker, statusToClassNameMap[status], className), ...rest });

package/components/Marker/utils.js

@@ -1,5 +1,5 @@
 import "./enums.js";
-import { s } from "../../chunks/utils-Fg8ptXcX.js";
+import { s } from "../../chunks/utils-CLqTYw8x.js";
 export {
   s as statusToClassNameMap
 };

package/components/MarkerStatus/MarkerStatus.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Marker } from "../Marker/Marker.js";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
-import { s as statusToClassNameMap } from "../../chunks/utils-Fg8ptXcX.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
+import { s as statusToClassNameMap } from "../../chunks/utils-CLqTYw8x.js";
 import { ETextSize, EFontType, ECaptionSize } from "../Typography/enums.js";
 import { Caption } from "../Typography/Caption.js";
 import "../Typography/CodeText.js";
@@ -10,11 +10,11 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const markerStatus = "markerStatus__ab4727b7";
-const contentContainer = "contentContainer__f3972274";
-const md = "md__1bbd7b3a";
-const markerContainer = "markerContainer__8455bb16";
-const lg = "lg__10481888";
+const markerStatus = "markerStatus__47cda0cf";
+const contentContainer = "contentContainer__8e30b65d";
+const md = "md__e71c4129";
+const markerContainer = "markerContainer__61be14e1";
+const lg = "lg__796349d4";
 const styles = {
   markerStatus,
   contentContainer,
@@ -30,7 +30,7 @@ const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const MarkerStatus = React__default.forwardRef(
   ({ children, className, description, status, size = EComponentSize.MD, ...restProps }, ref) => {
     const classNames = clsx(styles.markerStatus, sizeToClassNameMap[size], statusToClassNameMap[status], className);
-    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.41.1", ...restProps, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, "data-tx": "1.43.0", ...restProps, ref, children: [
       /* @__PURE__ */ jsx("div", { className: styles.markerContainer, children: /* @__PURE__ */ jsx(Marker, { status, size }) }),
       /* @__PURE__ */ jsxs("div", { className: styles.contentContainer, children: [
         /* @__PURE__ */ jsx(Text, { size: markerStatusSizeToTextSizeMap[size], children }),

package/components/MediaWidth/MediaWidth.js

@@ -13,6 +13,7 @@ const MediaWidth = ({ children, fallback, maxWidth, minWidth }) => {
   }
   return fallback;
 };
+MediaWidth.displayName = "MediaWidth";
 export {
   MediaWidth
 };

package/components/MediaWidth/MediaWidth.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaWidth.js","sources":["../../../src/components/MediaWidth/MediaWidth.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { MediaMaxWidth } from \"./MediaMaxWidth\";\nimport { MediaMinWidth } from \"./MediaMinWidth\";\nimport { MediaBetweenWidth } from \"./MediaBetweenWidth\";\n\n/** Свойства компонента MediaWidth. */\nexport interface IMediaProps {\n    /** Элементы, которые рендерятся, когда ширина окна браузера попадает в диапазон minWidth и/или maxWidth. */\n    children: React.ReactElement | null;\n    /** Минимальная ширина экран, при которой будут отрендерены children. */\n    minWidth?: EScreenWidth;\n    /** Максимальная ширина экран, при которой будут отрендерены children. */\n    maxWidth?: EScreenWidth;\n    /** Элементы, которые рендерятся, когда ширина окна браузера не попадает в диапазон minWidth и/или maxWidth. */\n    fallback: React.ReactElement | null;\n}\n\n/** Компонент, который рендерит элементы в зависимости от ширины окна браузера. */\nexport const MediaWidth: React.FC<IMediaProps> = ({ children, fallback, maxWidth, minWidth }) => {\n    if (minWidth && maxWidth) {\n        return (\n            <MediaBetweenWidth minWidth={minWidth} maxWidth={maxWidth} fallback={fallback}>\n                {children}\n            </MediaBetweenWidth>\n        );\n    } else if (minWidth) {\n        return (\n            <MediaMinWidth minWidth={minWidth} fallback={fallback}>\n                {children}\n            </MediaMinWidth>\n        );\n    } else if (maxWidth) {\n        return (\n            <MediaMaxWidth maxWidth={maxWidth} fallback={fallback}>\n                {children}\n            </MediaMaxWidth>\n        );\n    }\n\n    return fallback;\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,aAAoC,CAAC,EAAE,UAAU,UAAU,UAAU,eAAe;AAC7F,MAAI,YAAY,UAAU;AACtB,WACI,oBAAC,mBAAA,EAAkB,UAAoB,UAAoB,UACtD,UACL;AAAA,EAER,WAAW,UAAU;AACjB,WACI,oBAAC,eAAA,EAAc,UAAoB,UAC9B,SAAA,CACL;AAAA,EAER,WAAW,UAAU;AACjB,WACI,oBAAC,eAAA,EAAc,UAAoB,UAC9B,SAAA,CACL;AAAA,EAER;AAEA,SAAO;AACX;"}
+{"version":3,"file":"MediaWidth.js","sources":["../../../src/components/MediaWidth/MediaWidth.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { MediaMaxWidth } from \"./MediaMaxWidth\";\nimport { MediaMinWidth } from \"./MediaMinWidth\";\nimport { MediaBetweenWidth } from \"./MediaBetweenWidth\";\n\n/** Свойства компонента MediaWidth. */\nexport interface IMediaProps {\n    /** Элементы, которые рендерятся, когда ширина окна браузера попадает в диапазон minWidth и/или maxWidth. */\n    children: React.ReactElement | null;\n    /** Минимальная ширина экрана, при которой будут отрендерены children. */\n    minWidth?: EScreenWidth;\n    /** Максимальная ширина экрана, при которой будут отрендерены children. */\n    maxWidth?: EScreenWidth;\n    /** Элементы, которые рендерятся, когда ширина окна браузера не попадает в диапазон minWidth и/или maxWidth. */\n    fallback: React.ReactElement | null;\n}\n\n/**\n * Компонент, который рендерит элементы в зависимости от ширины окна браузера.\n * Собственной разметки не добавляет: в зависимости от переданных minWidth и maxWidth делегирует рендер\n * в MediaBetweenWidth, MediaMinWidth или MediaMaxWidth. Если не передан ни minWidth, ни maxWidth,\n * медиа-запрос не строится и всегда рендерится fallback.\n */\nexport const MediaWidth: React.FC<IMediaProps> = ({ children, fallback, maxWidth, minWidth }) => {\n    if (minWidth && maxWidth) {\n        return (\n            <MediaBetweenWidth minWidth={minWidth} maxWidth={maxWidth} fallback={fallback}>\n                {children}\n            </MediaBetweenWidth>\n        );\n    } else if (minWidth) {\n        return (\n            <MediaMinWidth minWidth={minWidth} fallback={fallback}>\n                {children}\n            </MediaMinWidth>\n        );\n    } else if (maxWidth) {\n        return (\n            <MediaMaxWidth maxWidth={maxWidth} fallback={fallback}>\n                {children}\n            </MediaMaxWidth>\n        );\n    }\n\n    return fallback;\n};\n\nMediaWidth.displayName = \"MediaWidth\";\n"],"names":[],"mappings":";;;;;AAwBO,MAAM,aAAoC,CAAC,EAAE,UAAU,UAAU,UAAU,eAAe;AAC7F,MAAI,YAAY,UAAU;AACtB,WACI,oBAAC,mBAAA,EAAkB,UAAoB,UAAoB,UACtD,UACL;AAAA,EAER,WAAW,UAAU;AACjB,WACI,oBAAC,eAAA,EAAc,UAAoB,UAC9B,SAAA,CACL;AAAA,EAER,WAAW,UAAU;AACjB,WACI,oBAAC,eAAA,EAAc,UAAoB,UAC9B,SAAA,CACL;AAAA,EAER;AAEA,SAAO;AACX;AAEA,WAAW,cAAc;"}

package/components/MobileView/MobileView.js

@@ -2,6 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { EScreenWidth } from "../../helpers/breakpoints.js";
 import { MediaWidth } from "../MediaWidth/MediaWidth.js";
 const MobileView = ({ children, fallback }) => /* @__PURE__ */ jsx(MediaWidth, { maxWidth: EScreenWidth.SM_MAX, fallback, children });
+MobileView.displayName = "MobileView";
 export {
   MobileView
 };

package/components/MobileView/MobileView.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileView.js","sources":["../../../src/components/MobileView/MobileView.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { MediaWidth } from \"../MediaWidth\";\n\n/** Свойства компонента MobileView. */\nexport interface IMobileViewProps {\n    /** Элементы, которые рендерятся, когда ширина окна браузера соответствует ширине мобильного устройства (<768px). */\n    children: React.ReactElement | null;\n    /** Элементы, которые рендерятся, когда ширина окна браузера не соответствует ширине мобильного устройства (<768px). */\n    fallback: React.ReactElement | null;\n}\n\n/**\n * Компонент, который рендерит children в случае просмотра на мобильном устройстве.\n * В противном случае рендерится fallback.\n */\nexport const MobileView: React.FC<IMobileViewProps> = ({ children, fallback }) => (\n    <MediaWidth maxWidth={EScreenWidth.SM_MAX} fallback={fallback}>\n        {children}\n    </MediaWidth>\n);\n"],"names":[],"mappings":";;;AAgBO,MAAM,aAAyC,CAAC,EAAE,UAAU,SAAA,MAC/D,oBAAC,YAAA,EAAW,UAAU,aAAa,QAAQ,UACtC,SAAA,CACL;"}
+{"version":3,"file":"MobileView.js","sources":["../../../src/components/MobileView/MobileView.tsx"],"sourcesContent":["import React from \"react\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\nimport { MediaWidth } from \"../MediaWidth\";\n\n/** Свойства компонента MobileView. */\nexport interface IMobileViewProps {\n    /** Элементы, которые рендерятся, когда ширина окна браузера соответствует ширине мобильного устройства (<768px). */\n    children: React.ReactElement | null;\n    /** Элементы, которые рендерятся, когда ширина окна браузера не соответствует ширине мобильного устройства (<768px). */\n    fallback: React.ReactElement | null;\n}\n\n/**\n * Компонент, который рендерит children в случае просмотра на мобильном устройстве.\n * В противном случае рендерится fallback.\n * Сокращение над MediaWidth с maxWidth равным EScreenWidth.SM_MAX — собственной разметки не добавляет.\n */\nexport const MobileView: React.FC<IMobileViewProps> = ({ children, fallback }) => (\n    <MediaWidth maxWidth={EScreenWidth.SM_MAX} fallback={fallback}>\n        {children}\n    </MediaWidth>\n);\n\nMobileView.displayName = \"MobileView\";\n"],"names":[],"mappings":";;;AAiBO,MAAM,aAAyC,CAAC,EAAE,UAAU,SAAA,MAC/D,oBAAC,YAAA,EAAW,UAAU,aAAa,QAAQ,UACtC,SAAA,CACL;AAGJ,WAAW,cAAc;"}

package/components/MobileView/useMobileView.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMobileView.js","sources":["../../../src/components/MobileView/useMobileView.tsx"],"sourcesContent":["import { useMatchMedia } from \"../MediaWidth/useMatchMedia\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\n\n/** Медиа-запрос для проверки мобильного экрана. */\nconst MOBILE_QUERY = `(max-width: ${EScreenWidth.SM_MAX})`;\n\n/**\n * Хук для проверки, является ли устройство мобильным (экран <= SM_MAX).\n * @returns true, если ширина экрана соответствует мобильному устройству\n */\nexport const useMobileView = () => useMatchMedia(MOBILE_QUERY);\n"],"names":[],"mappings":";;AAIA,MAAM,eAAe,eAAe,aAAa,MAAM;AAMhD,MAAM,gBAAgB,MAAM,cAAc,YAAY;"}
+{"version":3,"file":"useMobileView.js","sources":["../../../src/components/MobileView/useMobileView.ts"],"sourcesContent":["import { useMatchMedia } from \"../MediaWidth/useMatchMedia\";\nimport { EScreenWidth } from \"../../helpers/breakpoints\";\n\n/** Медиа-запрос для проверки мобильного экрана. */\nconst MOBILE_QUERY = `(max-width: ${EScreenWidth.SM_MAX})`;\n\n/**\n * Хук для проверки, является ли устройство мобильным (экран <= SM_MAX).\n * Условие совпадает с условием компонента MobileView.\n * @returns true, если ширина экрана соответствует мобильному устройству\n */\nexport const useMobileView = (): boolean => useMatchMedia(MOBILE_QUERY);\n"],"names":[],"mappings":";;AAIA,MAAM,eAAe,eAAe,aAAa,MAAM;AAOhD,MAAM,gBAAgB,MAAe,cAAc,YAAY;"}

package/components/ModalWindow/ModalWindow.js

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useEffect } from "react";
-import { c as clsx, C as CSSTransition } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx, C as CSSTransition } from "../../chunks/vendor-D4wvHis9.js";
 import { Portal } from "../Portal/Portal.js";
 import { FocusTrapExtended } from "../FocusTrapExtended/FocusTrapExtended.js";
 import { ModalWindowViewManager } from "./components/ModalWindowViewManager.js";
 import { useToken } from "../ThemeProvider/useToken.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-import { s as styles } from "../../chunks/ModalWindow.module-BsRM6pWm.js";
+import { s as styles } from "../../chunks/ModalWindow.module-ClLy376h.js";
 const modalNodeName = "ufs-modal-window";
 const animationExitTime = 300;
 const bodyClassNameModalOpen = ["modal-open", "no-hash-overflow-hidden"];

package/components/ModalWindow/components/ModalWindowBody.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { Island } from "../../Island/Island.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EIslandType } from "../../Island/enums.js";
-const modalWindowBody = "modalWindowBody__93642325";
+const modalWindowBody = "modalWindowBody__979ed575";
 const styles = {
   modalWindowBody
 };

package/components/ModalWindow/components/ModalWindowBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalWindowBody.js","sources":["../../../../src/components/ModalWindow/components/ModalWindowBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ModalWindowBody.module.less\";\nimport { IIslandProps, Island } from \"../../Island/Island\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { EIslandType } from \"../../Island/enums\";\n\nexport interface IModalWindowBodyProps extends IIslandProps {}\n\n/**\n * Тело модального окна. Обёртка над `Island` с фиксированными `type` и `size`,\n * размечающая основной скроллируемый контент между `ModalWindowHeader` и\n * `ModalWindowFooter`.\n */\nexport const ModalWindowBody: React.FC<IModalWindowBodyProps> = ({ children, className, ...islandProps }) => (\n    <Island\n        className={clsx(styles.modalWindowBody, className)}\n        type={EIslandType.TYPE_1}\n        size={EComponentSize.MD}\n        {...islandProps}\n    >\n        {children}\n    </Island>\n);\n\nModalWindowBody.displayName = \"ModalWindowBody\";\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,kBAAmD,CAAC,EAAE,UAAU,WAAW,GAAG,kBACvF;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,IACjD,MAAM,YAAY;AAAA,IAClB,MAAM,eAAe;AAAA,IACpB,GAAG;AAAA,IAEH;AAAA,EAAA;AACL;AAGJ,gBAAgB,cAAc;"}
+{"version":3,"file":"ModalWindowBody.js","sources":["../../../../src/components/ModalWindow/components/ModalWindowBody.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/ModalWindowBody.module.less\";\nimport { IIslandProps, Island } from \"../../Island/Island\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { EIslandType } from \"../../Island/enums\";\n\n/**\n * Свойства компонента ModalWindowBody.\n * `loading` и `loaderScreenProps` от `Island` исключены: тело скроллируется, а `LoaderScreen`\n * позиционируется абсолютно и уезжает вместе с контентом. Состояние загрузки модального окна\n * задаётся через props `isLoading` и `loaderScreenProps` компонента `ModalWindowContent`.\n */\nexport interface IModalWindowBodyProps extends Omit<IIslandProps, \"loading\" | \"loaderScreenProps\"> {}\n\n/**\n * Тело модального окна. Обёртка над `Island` с фиксированными `type` и `size`,\n * размечающая основной скроллируемый контент между `ModalWindowHeader` и\n * `ModalWindowFooter`.\n */\nexport const ModalWindowBody: React.FC<IModalWindowBodyProps> = ({ children, className, ...islandProps }) => (\n    <Island\n        className={clsx(styles.modalWindowBody, className)}\n        type={EIslandType.TYPE_1}\n        size={EComponentSize.MD}\n        {...islandProps}\n    >\n        {children}\n    </Island>\n);\n\nModalWindowBody.displayName = \"ModalWindowBody\";\n"],"names":[],"mappings":";;;;;;;;;AAoBO,MAAM,kBAAmD,CAAC,EAAE,UAAU,WAAW,GAAG,kBACvF;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,IACjD,MAAM,YAAY;AAAA,IAClB,MAAM,eAAe;AAAA,IACpB,GAAG;AAAA,IAEH;AAAA,EAAA;AACL;AAGJ,gBAAgB,cAAc;"}

package/components/ModalWindow/components/ModalWindowClose.js

@@ -6,7 +6,7 @@ import { EButtonTheme } from "../../Button/enums.js";
 import { TriggerClickOnKeyDownEvent } from "../../Triggers/TriggerClickOnKeyDownEvent.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
-const modalWindowClose = "modalWindowClose__5f1e647c";
+const modalWindowClose = "modalWindowClose__59680ee0";
 const styles = {
   modalWindowClose
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import React__default from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-BsRM6pWm.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-ClLy376h.js";
 import { Page } from "../../Page/Page.js";
 const ModalWindowContent = React__default.forwardRef(
   ({ isLoading, className, loaderScreenProps, children, ...rest }, ref) => /* @__PURE__ */ jsxs(

package/components/ModalWindow/components/ModalWindowHeader.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { HeaderPage } from "../../Page/components/HeaderPage.js";
 import { EHeaderPageType } from "../../Page/components/enums.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const modalWindowHeader = "modalWindowHeader__22b61685";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const modalWindowHeader = "modalWindowHeader__50dd9023";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React__default, { useState, useRef, useLayoutEffect } from "react";
-import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-CtuAQuEN.js";
+import { g as useResizeDetector, i as isEqual, p as pick } from "../../../chunks/vendor-D4wvHis9.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-BsRM6pWm.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-ClLy376h.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -1,24 +1,46 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { TextField } from "../TextField/TextField.js";
 import { FormFieldClear } from "../FormField/components/FormFieldClear.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
+import "../MobileView/MobileView.js";
 import { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
-const sizeToCalendarIconMap = {
+const monthYearFieldTarget = "monthYearFieldTarget__7a8b8d80";
+const minWidthSM = "minWidthSM__02dfa750";
+const minWidthMD = "minWidthMD__40a02add";
+const minWidthLG = "minWidthLG__f9263ba4";
+const styles = {
+  monthYearFieldTarget,
+  minWidthSM,
+  minWidthMD,
+  minWidthLG
+};
+const SIZE_TO_INPUT_CLASS_NAME_MAP = {
+  [EComponentSize.SM]: styles.minWidthSM,
+  [EComponentSize.MD]: styles.minWidthMD,
+  [EComponentSize.LG]: styles.minWidthLG
+};
+const SIZE_TO_CALENDAR_ICON_MAP = {
   [EComponentSize.SM]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon16, { paletteIndex: 5 }),
   [EComponentSize.MD]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon20, { paletteIndex: 5 }),
   [EComponentSize.LG]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon24, { paletteIndex: 5 })
 };
 const MonthYearFieldTarget = React__default.forwardRef(
-  ({ size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {
+  ({ className, size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {
     const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);
     const { status } = restProps;
-    const { onKeyDown: onInputKeyDown, onMouseDown: onInputMouseDown, ...restInputProps } = inputProps;
+    const {
+      className: inputClassName,
+      onKeyDown: onInputKeyDown,
+      onMouseDown: onInputMouseDown,
+      ...restInputProps
+    } = inputProps;
     const adaptive = useMobileView();
     const disabled = status === EFormFieldStatus.DISABLED;
     const handleMouseDown = (event) => {
@@ -50,7 +72,7 @@ const MonthYearFieldTarget = React__default.forwardRef(
           active: dropdownOpen,
           disabled,
           onClick: handleButtonClick,
-          children: sizeToCalendarIconMap[size]
+          children: SIZE_TO_CALENDAR_ICON_MAP[size]
         }
       ),
       postfix
@@ -58,9 +80,11 @@ const MonthYearFieldTarget = React__default.forwardRef(
     return /* @__PURE__ */ jsx(
       TextField,
       {
+        className: clsx(styles.monthYearFieldTarget, className),
         size,
         inputProps: {
           ...restInputProps,
+          className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),
           readOnly: true,
           disabled,
           onMouseDown: handleMouseDown,

package/components/MonthYearField/MonthYearFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthYearFieldTarget.js","sources":["../../../src/components/MonthYearField/MonthYearFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { TextField } from \"../TextField/TextField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IMonthYearFieldTargetProps } from \"./types\";\n\nconst sizeToCalendarIconMap = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const MonthYearFieldTarget = React.forwardRef<HTMLDivElement, IMonthYearFieldTargetProps>(\n    ({ size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { status } = restProps;\n        const { onKeyDown: onInputKeyDown, onMouseDown: onInputMouseDown, ...restInputProps } = inputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon\n                    role=\"presentation\"\n                    tabIndex={-1}\n                    active={dropdownOpen}\n                    disabled={disabled}\n                    onClick={handleButtonClick}\n                >\n                    {sizeToCalendarIconMap[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <TextField\n                size={size}\n                inputProps={{\n                    ...restInputProps,\n                    readOnly: true,\n                    disabled: disabled,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;AAYA,MAAM,wBAAwB;AAAA,EAC1B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,OAAO,eAAe,IAAI,SAAS,SAAS,YAAY,GAAG,UAAA,GAAa,QAAQ;AAC/E,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,WAAW;AACnB,UAAM,EAAE,WAAW,gBAAgB,aAAa,kBAAkB,GAAG,mBAAmB;AACxF,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AACA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAoB,MAAM,gBAAgB,CAAC,YAAY;AAE7D,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,UACA,SAAS;AAAA,UAER,gCAAsB,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAE9B;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACA,YAAY;AAAA,UACR,GAAG;AAAA,UACH,UAAU;AAAA,UACV;AAAA,UACA,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}
+{"version":3,"file":"MonthYearFieldTarget.js","sources":["../../../src/components/MonthYearField/MonthYearFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { TextField } from \"../TextField/TextField\";\nimport { FormFieldClear } from \"../FormField/components/FormFieldClear\";\nimport { ButtonIcon } from \"../Button/ButtonIcon\";\nimport { useMobileView } from \"../MobileView\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { EComponentSize } from \"../../enums\";\nimport { EFormFieldStatus } from \"../FormField/enums\";\nimport { IMonthYearFieldTargetProps } from \"./types\";\nimport styles from \"./styles/MonthYearFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const MonthYearFieldTarget = React.forwardRef<HTMLDivElement, IMonthYearFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = inputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleMouseDown: React.MouseEventHandler<HTMLInputElement> = (event) => {\n            if (!dropdownOpen) {\n                if (adaptive) {\n                    event.preventDefault();\n                }\n                // setTimeout для корректной работы label\n                setTimeout(() => setDropdownOpen(true));\n            }\n\n            onInputMouseDown?.(event);\n        };\n\n        const handleInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n            if (isKey(event.code, \"ENTER\")) {\n                setDropdownOpen(!dropdownOpen);\n            } else if (isKey(event.code, \"SPACE\")) {\n                event.preventDefault();\n                setDropdownOpen(!dropdownOpen);\n            }\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon\n                    role=\"presentation\"\n                    tabIndex={-1}\n                    active={dropdownOpen}\n                    disabled={disabled}\n                    onClick={handleButtonClick}\n                >\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <TextField\n                className={clsx(styles.monthYearFieldTarget, className)}\n                size={size}\n                inputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    readOnly: true,\n                    disabled: disabled,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,uBAAuBA,eAAM;AAAA,EACtC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,SAAS,YAAY,GAAG,UAAA,GAAa,QAAQ;AAC1F,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,kBAA6D,CAAC,UAAU;AAC1E,UAAI,CAAC,cAAc;AACf,YAAI,UAAU;AACV,gBAAM,eAAA;AAAA,QACV;AAEA,mBAAW,MAAM,gBAAgB,IAAI,CAAC;AAAA,MAC1C;AAEA,2DAAmB;AAAA,IACvB;AAEA,UAAM,qBAAmE,CAAC,UAAU;AAChF,UAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,wBAAgB,CAAC,YAAY;AAAA,MACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,cAAM,eAAA;AACN,wBAAgB,CAAC,YAAY;AAAA,MACjC;AACA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAoB,MAAM,gBAAgB,CAAC,YAAY;AAE7D,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,UAAU;AAAA,UACV,QAAQ;AAAA,UACR;AAAA,UACA,SAAS;AAAA,UAER,oCAA0B,IAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAElC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,sBAAsB,SAAS;AAAA,QACtD;AAAA,QACA,YAAY;AAAA,UACR,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,UAAU;AAAA,UACV;AAAA,UACA,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}

package/components/MonthYearRange/MonthYearRange.js

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import moment from "moment";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__e4f468c9";
-const monthYearRangeButton = "monthYearRangeButton__7871dcb6";
-const separator = "separator__c3c6b504";
+const monthYearRange = "monthYearRange__d6bc7fa2";
+const monthYearRangeButton = "monthYearRangeButton__33d5ecf7";
+const separator = "separator__f2480f1e";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useContext, useEffect } from "react";
-import { j as focusTrapReactExports } from "../../../chunks/vendor-CtuAQuEN.js";
+import { j as focusTrapReactExports } from "../../../chunks/vendor-D4wvHis9.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-BVgGltGX.js";
+import "../../../chunks/DropdownListItem-hLJFQ_q0.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -2,13 +2,13 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__9c4f02e0";
-const loaderScreen = "loaderScreen__d550d115";
-const sm = "sm__05def08d";
-const md = "md__7a8df235";
-const lg = "lg__2deaded4";
+const multiselectFieldContent = "multiselectFieldContent__d956da61";
+const loaderScreen = "loaderScreen__9cc26e99";
+const sm = "sm__d6e16b8d";
+const md = "md__76a11a12";
+const lg = "lg__13100bb0";
 const styles = {
   multiselectFieldContent,
   loaderScreen,

package/components/MultiselectField/components/MultiselectFieldDropdownFooter.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const multiselectFieldFooter = "multiselectFieldFooter__a6083eca";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const multiselectFieldFooter = "multiselectFieldFooter__10ec8866";
 const styles = {
   multiselectFieldFooter
 };

package/components/MultiselectField/components/MultiselectFieldDropdownHeader.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const multiselectFieldHeader = "multiselectFieldHeader__d2293cd2";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+const multiselectFieldHeader = "multiselectFieldHeader__5e213413";
 const styles = {
   multiselectFieldHeader
 };

package/components/Notification/Notification.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { NotificationBody } from "./components/NotificationBody.js";
 import { NotificationClose } from "./components/NotificationClose.js";
 import { NotificationIcon } from "./components/NotificationIcon.js";
 import { NotificationTime } from "./components/NotificationTime.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-Diy7bSw7.js";
+import { s as styles } from "../../chunks/Notification.module-DAhgj_4u.js";
 const Notification = Object.assign(
   React__default.forwardRef(function Notification2({ children, className, withExtraBottomPadding = false, isShowCloseOnHover = false, onClick, ...HTMLAttributes }, ref) {
     const cn = clsx(className, styles.notification, {
@@ -20,7 +20,7 @@ const Notification = Object.assign(
         className: cn,
         onClick,
         ref,
-        "data-tx": "1.41.1",
+        "data-tx": "1.43.0",
         children
       }
     );

package/components/Notification/NotificationGrouped.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { NotificationGroupedFooter } from "./components/NotificationGroupedFooter.js";
 import React__default from "react";
-import { s as styles } from "../../chunks/Notification.module-Diy7bSw7.js";
+import { s as styles } from "../../chunks/Notification.module-DAhgj_4u.js";
 const NotificationGrouped = React__default.forwardRef(
   function NotificationGrouped2({ children }, ref) {
     return /* @__PURE__ */ jsxs("div", { className: styles.notificationGroupedWrapper, ref, children: [

package/components/Notification/components/NotificationBody.js

@@ -4,7 +4,7 @@ import { NotificationHeader } from "./NotificationHeader.js";
 import { NotificationBodyContent } from "./NotificationBodyContent.js";
 import { NotificationFooter } from "./NotificationFooter.js";
 import { NotificationBodyList } from "./NotificationBodyList.js";
-import { s as styles } from "../../../chunks/Notification.module-Diy7bSw7.js";
+import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
 const NotificationBody = Object.assign(
   React__default.forwardRef(function NotificationBody2({ children }, ref) {
     return /* @__PURE__ */ jsx("div", { className: styles.notificationBody, ref, children });

package/components/Notification/components/NotificationBodyList.js

@@ -1,9 +1,8 @@
 import { jsx } from "react/jsx-runtime";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
-import "../../UnorderedList/UnorderedListItem.js";
-import { s as styles } from "../../../chunks/Notification.module-Diy7bSw7.js";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-const NotificationBodyList = ({ className, ...props }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...props, children: props.values.map((el, index) => /* @__PURE__ */ jsx(UnorderedList.Item, { children: el }, index)) });
+import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
+const NotificationBodyList = ({ className, ...restProps }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...restProps });
 NotificationBodyList.displayName = "NotificationBodyList";
 export {
   NotificationBodyList

package/components/Notification/components/NotificationBodyList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBodyList.js","sources":["../../../../src/components/Notification/components/NotificationBodyList.tsx"],"sourcesContent":["import React from \"react\";\nimport { IUnorderedListProps, UnorderedList } from \"@sberbusiness/triplex-next/components/UnorderedList\";\nimport styles from \"../styles/Notification.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента NotificationBodyList. */\nexport interface INotificationBodyListProps extends IUnorderedListProps {\n    /** Значения элементов списка. */\n    values: string[];\n}\n\n/** Список нотификации. */\nexport const NotificationBodyList: React.FC<INotificationBodyListProps> = ({ className, ...props }) => (\n    <UnorderedList className={clsx(styles.notificationBodyList, className)} {...props}>\n        {props.values.map((el, index) => (\n            <UnorderedList.Item key={index}>{el}</UnorderedList.Item>\n        ))}\n    </UnorderedList>\n);\n\nNotificationBodyList.displayName = \"NotificationBodyList\";\n"],"names":[],"mappings":";;;;;AAYO,MAAM,uBAA6D,CAAC,EAAE,WAAW,GAAG,MAAA,MACvF,oBAAC,eAAA,EAAc,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,OACvE,UAAA,MAAM,OAAO,IAAI,CAAC,IAAI,UACnB,oBAAC,cAAc,MAAd,EAAgC,UAAA,GAAA,GAAR,KAAW,CACvC,EAAA,CACL;AAGJ,qBAAqB,cAAc;"}
+{"version":3,"file":"NotificationBodyList.js","sources":["../../../../src/components/Notification/components/NotificationBodyList.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { UnorderedList, IUnorderedListProps } from \"../../UnorderedList\";\nimport styles from \"../styles/Notification.module.less\";\n\n/** Свойства компонента NotificationBodyList. */\nexport interface INotificationBodyListProps extends IUnorderedListProps {}\n\n/** Список нотификации. */\nexport const NotificationBodyList: React.FC<INotificationBodyListProps> = ({ className, ...restProps }) => (\n    <UnorderedList className={clsx(styles.notificationBodyList, className)} {...restProps} />\n);\n\nNotificationBodyList.displayName = \"NotificationBodyList\";\n"],"names":[],"mappings":";;;;AASO,MAAM,uBAA6D,CAAC,EAAE,WAAW,GAAG,gBACvF,oBAAC,eAAA,EAAc,WAAW,KAAK,OAAO,sBAAsB,SAAS,GAAI,GAAG,UAAA,CAAW;AAG3F,qBAAqB,cAAc;"}

package/components/Notification/components/NotificationClose.js

@@ -4,7 +4,7 @@ import "../../Button/Button.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as styles } from "../../../chunks/Notification.module-Diy7bSw7.js";
+import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
 const NotificationClose = ({ onClick, ...buttonProps }) => /* @__PURE__ */ jsx("span", { className: styles.notificationClose, children: /* @__PURE__ */ jsx(ButtonIcon, { ...buttonProps, onClick, children: /* @__PURE__ */ jsx(CrossStrokeSrvIcon16, { paletteIndex: 5 }) }) });
 NotificationClose.displayName = "NotificationClose";
 export {

package/components/Notification/components/NotificationFooter.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-Diy7bSw7.js";
+import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
 const NotificationFooter = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.notificationFooter, children });
 NotificationFooter.displayName = "NotificationFooter";
 export {

package/components/Notification/components/NotificationGroupedFooter.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-CtuAQuEN.js";
-import { s as styles } from "../../../chunks/Notification.module-Diy7bSw7.js";
+import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
+import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
 const NotificationGroupedFooter = () => /* @__PURE__ */ jsxs("div", { children: [
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.first) }),
   /* @__PURE__ */ jsx("div", { className: clsx(styles.notificationGroupedFooterItem, styles.second) })

package/components/Notification/components/NotificationHeader.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-Diy7bSw7.js";
+import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
 const NotificationHeader = ({ children }) => /* @__PURE__ */ jsx("h3", { className: styles.notificationHeader, children });
 NotificationHeader.displayName = "NotificationHeader";
 export {

package/components/Notification/components/NotificationIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-Diy7bSw7.js";
+import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
 const NotificationIcon = ({ children }) => /* @__PURE__ */ jsx("div", { className: styles.notificationIcon, children });
 NotificationIcon.displayName = "NotificationIcon";
 export {

package/components/Notification/components/NotificationTime.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as styles } from "../../../chunks/Notification.module-Diy7bSw7.js";
+import { s as styles } from "../../../chunks/Notification.module-DAhgj_4u.js";
 const NotificationTime = ({ time }) => /* @__PURE__ */ jsx("span", { className: styles.notificationTime, children: time });
 NotificationTime.displayName = "NotificationTime";
 export {

package/components/OrderedList/OrderedList.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__9f4843ce";
+const orderedList = "orderedList__ea403d7f";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "1.41.1",
+      "data-tx": "1.43.0",
       ref
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
-import { c as clsx } from "../../chunks/vendor-CtuAQuEN.js";
+import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__b98e1fb7";
+const orderedListItem = "orderedListItem__fd610f13";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.41.1",
+      "data-tx": "1.43.0",
       ref
     }
   )