@sberbusiness/triplex-next 1.49.0 → 1.50.0

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__119d4436";
+const modalWindowClose = "modalWindowClose__b41e7106";
 const styles = {
   modalWindowClose
 };

package/components/ModalWindow/components/ModalWindowContent.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-WEL7LBGm.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-D_kBZ7O8.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

@@ -2,7 +2,7 @@ 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-CUIykw0y.js";
-const modalWindowHeader = "modalWindowHeader__68130969";
+const modalWindowHeader = "modalWindowHeader__27f933ea";
 const styles = {
   modalWindowHeader
 };

package/components/ModalWindow/components/ModalWindowViewManager.js

@@ -2,7 +2,7 @@ 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-CUIykw0y.js";
 import { Portal } from "../../Portal/Portal.js";
-import { s as styles } from "../../../chunks/ModalWindow.module-WEL7LBGm.js";
+import { s as styles } from "../../../chunks/ModalWindow.module-D_kBZ7O8.js";
 const modalWindowViewManagerNodeId = "modalWindowViewManagerNodeId";
 const getOrCreateModalWindowViewManagerNode = () => {
   let node = document.querySelector(`#${modalWindowViewManagerNodeId}`);

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -11,10 +11,10 @@ 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 monthYearFieldTarget = "monthYearFieldTarget__cd22c11f";
-const minWidthSM = "minWidthSM__9ec3cda3";
-const minWidthMD = "minWidthMD__13cc87cc";
-const minWidthLG = "minWidthLG__fff6eebc";
+const monthYearFieldTarget = "monthYearFieldTarget__a8e481e7";
+const minWidthSM = "minWidthSM__44584490";
+const minWidthMD = "minWidthMD__687896ac";
+const minWidthLG = "minWidthLG__9bc4f7db";
 const styles = {
   monthYearFieldTarget,
   minWidthSM,

package/components/MonthYearRange/MonthYearRange.js

@@ -5,9 +5,9 @@ import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__874b1f7b";
-const monthYearRangeButton = "monthYearRangeButton__d81c975c";
-const separator = "separator__8283930c";
+const monthYearRange = "monthYearRange__48db4249";
+const monthYearRangeButton = "monthYearRangeButton__fa11459d";
+const separator = "separator__a191952c";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { j as focusTrapReactExports } from "../../../chunks/vendor-CUIykw0y.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-DjQdo1YB.js";
+import "../../../chunks/DropdownListItem-BDtBpFPH.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/MultiselectField/components/MultiselectFieldDropdownContent.js

@@ -4,11 +4,11 @@ import { MultiselectFieldContext } from "../MultiselectFieldContext.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__1d4c33fe";
-const loaderScreen = "loaderScreen__f45b4d7b";
-const sm = "sm__d62ce2b6";
-const md = "md__d00c389e";
-const lg = "lg__663f0842";
+const multiselectFieldContent = "multiselectFieldContent__f0a0460a";
+const loaderScreen = "loaderScreen__a79f3da3";
+const sm = "sm__c9e0338e";
+const md = "md__c6da7c3a";
+const lg = "lg__d5d9a40a";
 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-CUIykw0y.js";
-const multiselectFieldFooter = "multiselectFieldFooter__850aac20";
+const multiselectFieldFooter = "multiselectFieldFooter__559cc6c4";
 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-CUIykw0y.js";
-const multiselectFieldHeader = "multiselectFieldHeader__6e61666a";
+const multiselectFieldHeader = "multiselectFieldHeader__e7effe72";
 const styles = {
   multiselectFieldHeader
 };

package/components/Notification/Notification.js

@@ -5,7 +5,7 @@ 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-DVuwgVX2.js";
+import { s as styles } from "../../chunks/Notification.module-D6HiZ6Jt.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.49.0",
+        "data-tx": "1.50.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-DVuwgVX2.js";
+import { s as styles } from "../../chunks/Notification.module-D6HiZ6Jt.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.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,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
-import { s as styles } from "../../../chunks/Notification.module-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
 const NotificationBodyList = ({ className, ...restProps }) => /* @__PURE__ */ jsx(UnorderedList, { className: clsx(styles.notificationBodyList, className), ...restProps });
 NotificationBodyList.displayName = "NotificationBodyList";
 export {

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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.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-CUIykw0y.js";
-import { s as styles } from "../../../chunks/Notification.module-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.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-DVuwgVX2.js";
+import { s as styles } from "../../../chunks/Notification.module-D6HiZ6Jt.js";
 const NotificationTime = ({ time }) => /* @__PURE__ */ jsx("span", { className: styles.notificationTime, children: time });
 NotificationTime.displayName = "NotificationTime";
 export {

package/components/OrderedList/OrderedList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__bcae49ca";
+const orderedList = "orderedList__ab827bb9";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "1.49.0",
+      "data-tx": "1.50.0",
       ref
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -6,7 +6,7 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const orderedListItem = "orderedListItem__bcfc0353";
+const orderedListItem = "orderedListItem__e72019c9";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React__default.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "1.49.0",
+      "data-tx": "1.50.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-gHJE_l5f.js";
+import { s as styles } from "../../chunks/Overlay.module-BNLC7R-z.js";
 const Overlay = Object.assign(
   React__default.forwardRef(
     ({

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-import { s as styles } from "../../chunks/Overlay.module-gHJE_l5f.js";
+import { s as styles } from "../../chunks/Overlay.module-BNLC7R-z.js";
 const OverlayMask = React__default.forwardRef(
   ({ className, opened, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-gHJE_l5f.js";
+import { s as styles } from "../../chunks/Overlay.module-BNLC7R-z.js";
 const OverlayPanel = React__default.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { BodyPage } from "./components/BodyPage.js";
 import { HeaderPage } from "./components/HeaderPage.js";
 import { FooterPage } from "./components/FooterPage.js";
-import { s as styles } from "../../chunks/Page.module-DWSh8Qo6.js";
+import { s as styles } from "../../chunks/Page.module-CIIKtXO3.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React__default.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -5,13 +5,13 @@ import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__0f1397fe";
-const marginTopLarge = "marginTopLarge__add402ac";
-const marginTopSmall = "marginTopSmall__382833c0";
-const marginTopNone = "marginTopNone__75852331";
-const marginBottomLarge = "marginBottomLarge__54b2beaf";
-const marginBottomSmall = "marginBottomSmall__4addcb9a";
-const marginBottomNone = "marginBottomNone__1aeec942";
+const bodyPage = "bodyPage__6efcc11f";
+const marginTopLarge = "marginTopLarge__258619c4";
+const marginTopSmall = "marginTopSmall__7a7aa46e";
+const marginTopNone = "marginTopNone__22bd4126";
+const marginBottomLarge = "marginBottomLarge__0b3f309a";
+const marginBottomSmall = "marginBottomSmall__6c34ba39";
+const marginBottomNone = "marginBottomNone__646f21cc";
 const styles = {
   bodyPage,
   marginTopLarge,

package/components/Page/components/FooterPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-DWSh8Qo6.js";
+import { s as styles } from "../../../chunks/Page.module-CIIKtXO3.js";
 const FooterPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...restProps }, ref) => {

package/components/Page/components/HeaderPage.js

@@ -9,7 +9,7 @@ import { EIslandType } from "../../Island/enums.js";
 import "../../Island/components/IslandBody.js";
 import "../../Island/components/IslandHeader.js";
 import "../../Island/components/IslandFooter.js";
-import { s as styles } from "../../../chunks/Page.module-DWSh8Qo6.js";
+import { s as styles } from "../../../chunks/Page.module-CIIKtXO3.js";
 const HeaderPage = Object.assign(
   React__default.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Pagination/components/PaginationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import React__default from "react";
-const paginationExtended = "paginationExtended__b28ad1a2";
+const paginationExtended = "paginationExtended__ebe9893e";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React__default.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "1.49.0",
+        "data-tx": "1.50.0",
         ...rest,
         ref,
         children

package/components/Pagination/components/PaginationNavigationButton.js

@@ -5,8 +5,8 @@ import { EButtonIconShape } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
-const paginationNavigationButton = "paginationNavigationButton__9ce5d564";
-const directionIconNext = "directionIconNext__162e4275";
+const paginationNavigationButton = "paginationNavigationButton__860f1a53";
+const directionIconNext = "directionIconNext__21a083a5";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
-const paginationNavigationExtended = "paginationNavigationExtended__ae542a44";
+const paginationNavigationExtended = "paginationNavigationExtended__4ffb02d9";
 const styles = {
   paginationNavigationExtended
 };

package/components/Pagination/components/PaginationPageButton.js

@@ -8,8 +8,8 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { ButtonBase } from "../../Button/ButtonBase.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
-const paginationPageButton = "paginationPageButton__286940c4";
-const currentPage = "currentPage__22f922d9";
+const paginationPageButton = "paginationPageButton__c2dca25d";
+const currentPage = "currentPage__968b3819";
 const styles = {
   paginationPageButton,
   currentPage

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -6,7 +6,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const paginationPageEllipsis = "paginationPageEllipsis__908c0660";
+const paginationPageEllipsis = "paginationPageEllipsis__093ff9d5";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -10,8 +10,8 @@ import { SelectField } from "../../SelectField/SelectField.js";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import { MasterTableContext } from "../../Table/MasterTableContext.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const paginationSelect = "paginationSelect__60c2a870";
-const paginationSelectControl = "paginationSelectControl__06ddd1a7";
+const paginationSelect = "paginationSelect__22836b83";
+const paginationSelectControl = "paginationSelectControl__8b9b55c2";
 const styles = {
   paginationSelect,
   paginationSelectControl

package/components/Radio/Radio.js

@@ -8,14 +8,14 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__39f664c3";
-const sm = "sm__4e491b9c";
-const nonempty = "nonempty__42f65c05";
-const md = "md__c2fc0574";
-const lg = "lg__21d38184";
-const disabled = "disabled__8b81531f";
-const radio = "radio__1b7d2b57";
-const radioIcon = "radioIcon__0f8cddb6";
+const label = "label__5b3b0eca";
+const sm = "sm__c59208e5";
+const nonempty = "nonempty__ee413806";
+const md = "md__bc1db2a9";
+const lg = "lg__f7ddd6c9";
+const disabled = "disabled__6dca6cdd";
+const radio = "radio__496b8150";
+const radioIcon = "radioIcon__fb199bf6";
 const styles = {
   label,
   sm,
@@ -26,25 +26,25 @@ const styles = {
   radio,
   radioIcon
 };
-const sizeToTextSizeMap = {
+const SIZE_TO_TEXT_SIZE_MAP = {
   [EComponentSize.LG]: ETextSize.B2,
   [EComponentSize.MD]: ETextSize.B3,
   [EComponentSize.SM]: ETextSize.B4
 };
-const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);
 const Radio = React__default.forwardRef((props, ref) => {
   const { children, className, disabled: disabled2, labelAttributes, size = EComponentSize.MD, ...inputAttributes } = props;
-  const classNames = clsx(styles.radio, className, sizeToClassNameMap[size]);
-  const classNamesLabel = clsx(
+  const inputClassName = clsx(styles.radio, className, SIZE_TO_CLASS_NAME_MAP[size]);
+  const labelClassName = clsx(
     styles.label,
     styles[size],
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.49.0", children: [
-    /* @__PURE__ */ jsx("input", { type: "radio", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: labelClassName, "data-tx": "1.50.0", children: [
+    /* @__PURE__ */ jsx("input", { type: "radio", className: inputClassName, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
-    children && /* @__PURE__ */ jsx(Text, { size: sizeToTextSizeMap[size], tag: "div", children })
+    children && /* @__PURE__ */ jsx(Text, { size: SIZE_TO_TEXT_SIZE_MAP[size], tag: "div", children })
   ] });
 });
 Radio.displayName = "Radio";

package/components/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text, ETextSize } from \"../Typography\";\nimport styles from \"./styles/Radio.module.less\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\n\n/** Свойства компонента Radio. */\nexport interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Объект label-атрибутов. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Размер радио-кнопки. */\n    size?: EComponentSize;\n}\n\nconst sizeToTextSizeMap = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Радио-кнопка с описанием. */\nexport const Radio = React.forwardRef<HTMLInputElement, IRadioProps>((props, ref) => {\n    const { children, className, disabled, labelAttributes, size = EComponentSize.MD, ...inputAttributes } = props;\n    const classNames = clsx(styles.radio, className, sizeToClassNameMap[size]);\n    const classNamesLabel = clsx(\n        styles.label,\n        styles[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        labelAttributes?.className,\n    );\n\n    return (\n        <label {...labelAttributes} className={classNamesLabel} data-tx={process.env.npm_package_version}>\n            <input type=\"radio\" className={classNames} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.radioIcon} />\n            {children && (\n                <Text size={sizeToTextSizeMap[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nRadio.displayName = \"Radio\";\n"],"names":["React","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,oBAAoB;AAAA,EACtB,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,qBAAqB,yBAAyB,MAAM;AAGnD,MAAM,QAAQA,eAAM,WAA0C,CAAC,OAAO,QAAQ;AACjF,QAAM,EAAE,UAAU,WAAW,UAAAC,WAAU,iBAAiB,OAAO,eAAe,IAAI,GAAG,gBAAA,IAAoB;AACzG,QAAM,aAAa,KAAK,OAAO,OAAO,WAAW,mBAAmB,IAAI,CAAC;AACzE,QAAM,kBAAkB;AAAA,IACpB,OAAO;AAAA,IACP,OAAO,IAAI;AAAA,IACX,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD,mDAAiB;AAAA,EAAA;AAGrB,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,iBAAiB,WAAS,UAC7D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,SAAQ,WAAW,YAAY,UAAAA,WAAqB,GAAG,iBAAiB,KAAU;AAAA,wBAC7F,QAAA,EAAK,WAAW,OAAO,WAAW;AAAA,IAClC,gCACI,MAAA,EAAK,MAAM,kBAAkB,IAAI,GAAG,KAAI,OACpC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,MAAM,cAAc;"}
+{"version":3,"file":"Radio.js","sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { Text, ETextSize } from \"../Typography\";\nimport { EComponentSize } from \"../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../utils/classNameMaps\";\nimport styles from \"./styles/Radio.module.less\";\n\n/** Свойства компонента Radio. */\nexport interface IRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n    /** Атрибуты корневого label. Его className объединяется с внутренними классами label. */\n    labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;\n    /** Размер радио-кнопки. По умолчанию EComponentSize.MD. */\n    size?: EComponentSize;\n    /** Контент лейбла радио-кнопки. */\n    children?: React.ReactNode;\n}\n\nconst SIZE_TO_TEXT_SIZE_MAP: Record<EComponentSize, ETextSize> = {\n    [EComponentSize.LG]: ETextSize.B2,\n    [EComponentSize.MD]: ETextSize.B3,\n    [EComponentSize.SM]: ETextSize.B4,\n};\n\nconst SIZE_TO_CLASS_NAME_MAP = createSizeToClassNameMap(styles);\n\n/**\n * Радио-кнопка с описанием.\n * Корневой элемент — label, внутри него нативный input[type=\"radio\"], на который указывает ref.\n * className и остальные input-атрибуты применяются к input, labelAttributes — к label.\n */\nexport const Radio = React.forwardRef<HTMLInputElement, IRadioProps>((props, ref) => {\n    const { children, className, disabled, labelAttributes, size = EComponentSize.MD, ...inputAttributes } = props;\n    const inputClassName = clsx(styles.radio, className, SIZE_TO_CLASS_NAME_MAP[size]);\n    const labelClassName = clsx(\n        styles.label,\n        styles[size],\n        { [styles.disabled]: !!disabled, [styles.nonempty]: !!children },\n        labelAttributes?.className,\n    );\n\n    return (\n        <label {...labelAttributes} className={labelClassName} data-tx={process.env.npm_package_version}>\n            <input type=\"radio\" className={inputClassName} disabled={disabled} {...inputAttributes} ref={ref} />\n            <span className={styles.radioIcon} />\n            {children && (\n                <Text size={SIZE_TO_TEXT_SIZE_MAP[size]} tag=\"div\">\n                    {children}\n                </Text>\n            )}\n        </label>\n    );\n});\n\nRadio.displayName = \"Radio\";\n"],"names":["React","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,wBAA2D;AAAA,EAC7D,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AAAA,EAC/B,CAAC,eAAe,EAAE,GAAG,UAAU;AACnC;AAEA,MAAM,yBAAyB,yBAAyB,MAAM;AAOvD,MAAM,QAAQA,eAAM,WAA0C,CAAC,OAAO,QAAQ;AACjF,QAAM,EAAE,UAAU,WAAW,UAAAC,WAAU,iBAAiB,OAAO,eAAe,IAAI,GAAG,gBAAA,IAAoB;AACzG,QAAM,iBAAiB,KAAK,OAAO,OAAO,WAAW,uBAAuB,IAAI,CAAC;AACjF,QAAM,iBAAiB;AAAA,IACnB,OAAO;AAAA,IACP,OAAO,IAAI;AAAA,IACX,EAAE,CAAC,OAAO,QAAQ,GAAG,CAAC,CAACA,WAAU,CAAC,OAAO,QAAQ,GAAG,CAAC,CAAC,SAAA;AAAA,IACtD,mDAAiB;AAAA,EAAA;AAGrB,SACI,qBAAC,WAAO,GAAG,iBAAiB,WAAW,gBAAgB,WAAS,UAC5D,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAM,MAAK,SAAQ,WAAW,gBAAgB,UAAAA,WAAqB,GAAG,iBAAiB,KAAU;AAAA,wBACjG,QAAA,EAAK,WAAW,OAAO,WAAW;AAAA,IAClC,gCACI,MAAA,EAAK,MAAM,sBAAsB,IAAI,GAAG,KAAI,OACxC,SAAA,CACL;AAAA,EAAA,GAER;AAER,CAAC;AAED,MAAM,cAAc;"}

package/components/Radio/RadioXGroup.js

@@ -1,22 +1,23 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const radioXGroup = "radioXGroup__86e06175";
-const label = "label__39f664c3";
+const radioXGroup = "radioXGroup__293a52f2";
+const label = "label__5b3b0eca";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__a75572a9",
+  "indent-12": "indent-12__855d9da8",
   label,
-  "indent-16": "indent-16__666a07b6",
-  "indent-20": "indent-20__ad1dc9c9",
-  "indent-24": "indent-24__ee5b3798",
-  "indent-28": "indent-28__a302f878",
-  "indent-32": "indent-32__859e49b0"
+  "indent-16": "indent-16__b403025b",
+  "indent-20": "indent-20__e9581801",
+  "indent-24": "indent-24__bcec32f5",
+  "indent-28": "indent-28__09885061",
+  "indent-32": "indent-32__38a14316"
 };
-const RadioXGroup = (props) => {
+const RadioXGroup = React__default.forwardRef((props, ref) => {
   const { children, className, indent = 12, ...rest } = props;
   const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);
-  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, children });
-};
+  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, ref, children });
+});
 RadioXGroup.displayName = "RadioXGroup";
 export {
   RadioXGroup

package/components/Radio/RadioXGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioXGroup.js","sources":["../../../src/components/Radio/RadioXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { TIndentSize } from \"@sberbusiness/triplex-next/consts/IndentConst\";\nimport styles from \"./styles/RadioXGroup.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента RadioXGroup. */\nexport interface IRadioXGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Размер отступа. */\n    indent?: TIndentSize;\n}\n\n/** Группа радио-кнопок с направлением по оси X. */\nexport const RadioXGroup: React.FC<IRadioXGroupProps> = (props) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest}>\n            {children}\n        </div>\n    );\n};\n\nRadioXGroup.displayName = \"RadioXGroup\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAYO,MAAM,cAA2C,CAAC,UAAU;AAC/D,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,aAAa,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEjF,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAC7C,UACL;AAER;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"RadioXGroup.js","sources":["../../../src/components/Radio/RadioXGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { TIndentSize } from \"@sberbusiness/triplex-next/consts/IndentConst\";\nimport styles from \"./styles/RadioXGroup.module.less\";\n\n/** Свойства компонента RadioXGroup. */\nexport interface IRadioXGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Радио-кнопки группы. */\n    children?: React.ReactNode;\n    /** Размер горизонтального отступа между радио-кнопками. По умолчанию 12. */\n    indent?: TIndentSize;\n}\n\n/** Группа радио-кнопок с направлением по оси X. */\nexport const RadioXGroup = React.forwardRef<HTMLDivElement, IRadioXGroupProps>((props, ref) => {\n    const { children, className, indent = 12, ...rest } = props;\n    const classNames = clsx(styles.radioXGroup, styles[`indent-${indent}`], className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nRadioXGroup.displayName = \"RadioXGroup\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM,EAAE,UAAU,WAAW,SAAS,IAAI,GAAG,SAAS;AACtD,QAAM,aAAa,KAAK,OAAO,aAAa,OAAO,UAAU,MAAM,EAAE,GAAG,SAAS;AAEjF,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAAM,KACnD,SAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/Radio/RadioYGroup.js

@@ -1,14 +1,15 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
-const radioYGroup = "radioYGroup__c82d69e2";
+const radioYGroup = "radioYGroup__156e07e6";
 const styles = {
   radioYGroup
 };
-const RadioYGroup = (props) => {
+const RadioYGroup = React__default.forwardRef((props, ref) => {
   const { children, className, ...rest } = props;
   const classNames = clsx(styles.radioYGroup, className);
-  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, children });
-};
+  return /* @__PURE__ */ jsx("div", { className: classNames, role: "radiogroup", ...rest, ref, children });
+});
 RadioYGroup.displayName = "RadioYGroup";
 export {
   RadioYGroup

package/components/Radio/RadioYGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioYGroup.js","sources":["../../../src/components/Radio/RadioYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./styles/RadioYGroup.module.less\";\nimport clsx from \"clsx\";\n\n/** Свойства компонента RadioYGroup. */\nexport interface IRadioYGroupProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Группа радио-кнопок с направлением по оси Y. */\nexport const RadioYGroup: React.FC<IRadioYGroupProps> = (props) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.radioYGroup, className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest}>\n            {children}\n        </div>\n    );\n};\n\nRadioYGroup.displayName = \"RadioYGroup\";\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,cAA2C,CAAC,UAAU;AAC/D,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,aAAa,SAAS;AAErD,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAC7C,UACL;AAER;AAEA,YAAY,cAAc;"}
+{"version":3,"file":"RadioYGroup.js","sources":["../../../src/components/Radio/RadioYGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/RadioYGroup.module.less\";\n\n/** Свойства компонента RadioYGroup. */\nexport interface IRadioYGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Содержимое группы, обычно набор Radio с одинаковым name. */\n    children?: React.ReactNode;\n}\n\n/**\n * Группа радио-кнопок с направлением по оси Y.\n * Корневой div получает ref, className и остальные HTML-атрибуты.\n * По умолчанию имеет роль radiogroup, которую можно переопределить через role.\n */\nexport const RadioYGroup = React.forwardRef<HTMLDivElement, IRadioYGroupProps>((props, ref) => {\n    const { children, className, ...rest } = props;\n    const classNames = clsx(styles.radioYGroup, className);\n\n    return (\n        <div className={classNames} role=\"radiogroup\" {...rest} ref={ref}>\n            {children}\n        </div>\n    );\n});\n\nRadioYGroup.displayName = \"RadioYGroup\";\n"],"names":["React"],"mappings":";;;;;;;AAeO,MAAM,cAAcA,eAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM,EAAE,UAAU,WAAW,GAAG,SAAS;AACzC,QAAM,aAAa,KAAK,OAAO,aAAa,SAAS;AAErD,SACI,oBAAC,SAAI,WAAW,YAAY,MAAK,cAAc,GAAG,MAAM,KACnD,SAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/Row/Row.js

@@ -3,10 +3,10 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__446835a5";
-const noPaddingBottom = "noPaddingBottom__312c1dae";
-const SM = "SM__30b8842a";
-const MD = "MD__f3ce5557";
+const row = "row__7d0c79b0";
+const noPaddingBottom = "noPaddingBottom__8b435a7c";
+const SM = "SM__7b321cb6";
+const MD = "MD__d452c79f";
 const styles = {
   row,
   noPaddingBottom,