@sberbusiness/triplex-next 0.36.0 → 0.38.0

package/components/MonthYearField/MonthYearFieldTarget.js

@@ -1,10 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useContext } from "react";
+import React, { useContext } from "react";
 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 { useMobileView } from "../MobileView/useMobileView.js";
 import { isKey } from "../../utils/keyboard.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EFormFieldStatus } from "../FormField/enums.js";
@@ -13,62 +14,65 @@ const sizeToCalendarIconMap = {
   [EComponentSize.MD]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon20, { paletteIndex: 5 }),
   [EComponentSize.LG]: /* @__PURE__ */ jsx(CalendarStrokeSrvIcon24, { paletteIndex: 5 })
 };
-const MonthYearFieldTarget = ({
-  size = EComponentSize.MD,
-  postfix,
-  onClear,
-  inputProps,
-  ...restProps
-}) => {
-  const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);
-  const { status } = restProps;
-  const { onKeyDown: onInputKeyDown, onClick: onInputClick, ...restInputProps } = inputProps;
-  const disabled = status === EFormFieldStatus.DISABLED;
-  const handleInputClick = (event) => {
-    setDropdownOpen(!dropdownOpen);
-    onInputClick == null ? void 0 : onInputClick(event);
-  };
-  const handleInputKeyDown = (event) => {
-    if (isKey(event.code, "ENTER")) {
-      setDropdownOpen(!dropdownOpen);
-    } else if (isKey(event.code, "SPACE")) {
-      event.preventDefault();
-      setDropdownOpen(!dropdownOpen);
-    }
-    onInputKeyDown == null ? void 0 : onInputKeyDown(event);
-  };
-  const handleButtonClick = () => setDropdownOpen(!dropdownOpen);
-  const renderPostfixContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
-    onClear && /* @__PURE__ */ jsx(FormFieldClear, { onClick: onClear }),
-    /* @__PURE__ */ jsx(
-      ButtonIcon,
+const MonthYearFieldTarget = React.forwardRef(
+  ({ size = EComponentSize.MD, postfix, onClear, inputProps, ...restProps }, ref) => {
+    const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);
+    const { status } = restProps;
+    const { onKeyDown: onInputKeyDown, onMouseDown: onInputMouseDown, ...restInputProps } = inputProps;
+    const adaptive = useMobileView();
+    const disabled = status === EFormFieldStatus.DISABLED;
+    const handleMouseDown = (event) => {
+      if (!dropdownOpen) {
+        if (adaptive) {
+          event.preventDefault();
+        }
+        setTimeout(() => setDropdownOpen(true));
+      }
+      onInputMouseDown == null ? void 0 : onInputMouseDown(event);
+    };
+    const handleInputKeyDown = (event) => {
+      if (isKey(event.code, "ENTER")) {
+        setDropdownOpen(!dropdownOpen);
+      } else if (isKey(event.code, "SPACE")) {
+        event.preventDefault();
+        setDropdownOpen(!dropdownOpen);
+      }
+      onInputKeyDown == null ? void 0 : onInputKeyDown(event);
+    };
+    const handleButtonClick = () => setDropdownOpen(!dropdownOpen);
+    const renderPostfixContent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+      onClear && /* @__PURE__ */ jsx(FormFieldClear, { onClick: onClear }),
+      /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          role: "presentation",
+          tabIndex: -1,
+          active: dropdownOpen,
+          disabled,
+          onClick: handleButtonClick,
+          children: sizeToCalendarIconMap[size]
+        }
+      ),
+      postfix
+    ] });
+    return /* @__PURE__ */ jsx(
+      TextField,
       {
-        role: "presentation",
-        tabIndex: -1,
-        active: dropdownOpen,
-        disabled,
-        onClick: handleButtonClick,
-        children: sizeToCalendarIconMap[size]
+        size,
+        inputProps: {
+          ...restInputProps,
+          readOnly: true,
+          disabled,
+          onMouseDown: handleMouseDown,
+          onKeyDown: handleInputKeyDown
+        },
+        postfix: renderPostfixContent(),
+        ...restProps,
+        ref
       }
-    ),
-    postfix
-  ] });
-  return /* @__PURE__ */ jsx(
-    TextField,
-    {
-      size,
-      inputProps: {
-        readOnly: true,
-        disabled,
-        onClick: handleInputClick,
-        onKeyDown: handleInputKeyDown,
-        ...restInputProps
-      },
-      postfix: renderPostfixContent(),
-      ...restProps
-    }
-  );
-};
+    );
+  }
+);
 export {
   MonthYearFieldTarget
 };

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 { 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.FC<IMonthYearFieldTargetProps> = ({\n    size = EComponentSize.MD,\n    postfix,\n    onClear,\n    inputProps,\n    ...restProps\n}) => {\n    const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n    const { status } = restProps;\n    const { onKeyDown: onInputKeyDown, onClick: onInputClick, ...restInputProps } = inputProps;\n    const disabled = status === EFormFieldStatus.DISABLED;\n\n    const handleInputClick = (event: React.MouseEvent<HTMLInputElement>) => {\n        setDropdownOpen(!dropdownOpen);\n        onInputClick?.(event);\n    };\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\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                readOnly: true,\n                disabled: disabled,\n                onClick: handleInputClick,\n                onKeyDown: handleInputKeyDown,\n                ...restInputProps,\n            }}\n            postfix={renderPostfixContent()}\n            {...restProps}\n        />\n    );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAWA,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,uBAA6D,CAAC;AAAA,EACvE,OAAO,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,QAAM,EAAE,WAAW;AACnB,QAAM,EAAE,WAAW,gBAAgB,SAAS,cAAc,GAAG,mBAAmB;AAChF,QAAM,WAAW,WAAW,iBAAiB;AAE7C,QAAM,mBAAmB,CAAC,UAA8C;AACpE,oBAAgB,CAAC,YAAY;AAC7B,iDAAe;AAAA,EACnB;AAEA,QAAM,qBAAqB,CAAC,UAAiD;AACzE,QAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,sBAAgB,CAAC,YAAY;AAAA,IACjC,WAAW,MAAM,MAAM,MAAM,OAAO,GAAG;AACnC,YAAM,eAAA;AACN,sBAAgB,CAAC,YAAY;AAAA,IACjC;AACA,qDAAiB;AAAA,EACrB;AAEA,QAAM,oBAAoB,MAAM,gBAAgB,CAAC,YAAY;AAE7D,QAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,IAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,IAC9C;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL,UAAU;AAAA,QACV,QAAQ;AAAA,QACR;AAAA,QACA,SAAS;AAAA,QAER,gCAAsB,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,IAE9B;AAAA,EAAA,GACL;AAGJ,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG;AAAA,MACA,YAAY;AAAA,QACR,UAAU;AAAA,QACV;AAAA,QACA,SAAS;AAAA,QACT,WAAW;AAAA,QACX,GAAG;AAAA,MAAA;AAAA,MAEP,SAAS,qBAAA;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"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":[],"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,uBAAuB,MAAM;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;"}

package/components/MonthYearRange/MonthYearRange.js

@@ -5,9 +5,9 @@ import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EMonthYearRangeShiftUnit } from "./enums.js";
-const monthYearRange = "monthYearRange__77a5e2aa";
-const monthYearRangeButton = "monthYearRangeButton__6efa01a8";
-const separator = "separator__fcd1c4e5";
+const monthYearRange = "monthYearRange__58d5caaa";
+const monthYearRangeButton = "monthYearRangeButton__b2030197";
+const separator = "separator__2d58d18b";
 const styles = {
   monthYearRange,
   monthYearRangeButton,

package/components/MultiselectField/components/MultiselectFieldDropdown.js

@@ -4,7 +4,7 @@ import { F as FocusTrap } from "../../../chunks/vendor-BtZO8a0z.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C8XRR4IC.js";
+import "../../../chunks/DropdownListItem-CWu2k-xN.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-BtZO8a0z.js";
 import { LoaderScreen } from "../../LoaderScreen/LoaderScreen.js";
-const multiselectFieldContent = "multiselectFieldContent__2b8c0b26";
-const loaderScreen = "loaderScreen__2e32a9b5";
-const sm = "sm__492ce9cc";
-const md = "md__d6f2917a";
-const lg = "lg__999cd7f9";
+const multiselectFieldContent = "multiselectFieldContent__529f2766";
+const loaderScreen = "loaderScreen__547276a0";
+const sm = "sm__2ea09422";
+const md = "md__d20728cc";
+const lg = "lg__407044f6";
 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-BtZO8a0z.js";
-const multiselectFieldFooter = "multiselectFieldFooter__371b1e47";
+const multiselectFieldFooter = "multiselectFieldFooter__1c955075";
 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-BtZO8a0z.js";
-const multiselectFieldHeader = "multiselectFieldHeader__0d9119a2";
+const multiselectFieldHeader = "multiselectFieldHeader__f26dfef8";
 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 from "react";
-import { s as styles } from "../../chunks/Notification.module-BwqlXrAg.js";
+import { s as styles } from "../../chunks/Notification.module-DXDtOWrl.js";
 const Notification = Object.assign(
   React.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": "0.36.0",
+        "data-tx": "0.38.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 from "react";
-import { s as styles } from "../../chunks/Notification.module-BwqlXrAg.js";
+import { s as styles } from "../../chunks/Notification.module-DXDtOWrl.js";
 const NotificationGrouped = React.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-BwqlXrAg.js";
+import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.js";
 const NotificationBody = Object.assign(
   React.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 { UnorderedList } from "../../UnorderedList/UnorderedList.js";
 import "../../UnorderedList/UnorderedListItem.js";
-import { s as styles } from "../../../chunks/Notification.module-BwqlXrAg.js";
+import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.js";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.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)) });
 NotificationBodyList.displayName = "NotificationBodyList";

package/components/Notification/components/NotificationClose.js

@@ -5,7 +5,7 @@ import "../../Button/ButtonBase.js";
 import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-import { s as styles } from "../../../chunks/Notification.module-BwqlXrAg.js";
+import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.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-BwqlXrAg.js";
+import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.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-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/Notification.module-BwqlXrAg.js";
+import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.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-BwqlXrAg.js";
+import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.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-BwqlXrAg.js";
+import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.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-BwqlXrAg.js";
+import { s as styles } from "../../../chunks/Notification.module-DXDtOWrl.js";
 const NotificationTime = ({ time }) => /* @__PURE__ */ jsx("span", { className: styles.notificationTime, children: time });
 NotificationTime.displayName = "NotificationTime";
 export {

package/components/NumberField/NumberFieldInput.js

@@ -3,7 +3,7 @@ import React, { useCallback } from "react";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as FormFieldInput } from "../../chunks/FormFieldInput-B5knOj4H.js";
+import { FormFieldInput } from "../FormField/components/FormFieldInput.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/OrderedList/OrderedList.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__b4b2c61a";
+const orderedList = "orderedList__c512c5e9";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "0.36.0",
+      "data-tx": "0.38.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__e1e4c01c";
+const orderedListItem = "orderedListItem__16634910";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "0.36.0",
+      "data-tx": "0.38.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-B-WsbwXG.js";
+import { s as styles } from "../../chunks/Overlay.module-D_FjIWyF.js";
 const Overlay = Object.assign(
   React.forwardRef(
     ({

package/components/Overlay/OverlayMask.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../chunks/Overlay.module-B-WsbwXG.js";
+import { s as styles } from "../../chunks/Overlay.module-D_FjIWyF.js";
 const OverlayMask = React.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 from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-B-WsbwXG.js";
+import { s as styles } from "../../chunks/Overlay.module-D_FjIWyF.js";
 const OverlayPanel = React.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-BtZO8a0z.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-YoA31AVC.js";
+import { s as styles } from "../../chunks/Page.module-Bq8dB1IT.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -5,9 +5,9 @@ import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__467dca45";
-const verticalMargin24 = "verticalMargin24__41601707";
-const verticalMargin16 = "verticalMargin16__a65e431b";
+const bodyPage = "bodyPage__2efca950";
+const verticalMargin24 = "verticalMargin24__5ad5e8f7";
+const verticalMargin16 = "verticalMargin16__22a97777";
 const styles = {
   bodyPage,
   verticalMargin24,

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-YoA31AVC.js";
+import { s as styles } from "../../../chunks/Page.module-Bq8dB1IT.js";
 const FooterPage = Object.assign(
   React.forwardRef(
     ({ className, type, size, sticky, ...rest }, 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-YoA31AVC.js";
+import { s as styles } from "../../../chunks/Page.module-Bq8dB1IT.js";
 const HeaderPage = Object.assign(
   React.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-BtZO8a0z.js";
 import React from "react";
-const paginationExtended = "paginationExtended__4872f908";
+const paginationExtended = "paginationExtended__efa47b1d";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "0.36.0",
+        "data-tx": "0.38.0",
         ...rest,
         ref,
         children

package/components/Pagination/components/PaginationNavigationButton.js

@@ -4,8 +4,8 @@ import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import { EButtonIconShape } from "../../Button/enums.js";
 import { EPaginationNavigationIconDirection } from "../enums.js";
 import { CaretleftStrokeSrvIcon24 } from "@sberbusiness/icons-next";
-const paginationNavigationButton = "paginationNavigationButton__08ca273f";
-const directionIconNext = "directionIconNext__a05d6f24";
+const paginationNavigationButton = "paginationNavigationButton__060d3b3a";
+const directionIconNext = "directionIconNext__d427c19a";
 const styles = {
   paginationNavigationButton,
   directionIconNext

package/components/Pagination/components/PaginationNavigationExtended.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const paginationNavigationExtended = "paginationNavigationExtended__20fe9a72";
+const paginationNavigationExtended = "paginationNavigationExtended__e4c2b379";
 const styles = {
   paginationNavigationExtended
 };

package/components/Pagination/components/PaginationPageButton.js

@@ -11,8 +11,8 @@ import { ButtonBase } from "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
-const paginationPageButton = "paginationPageButton__a07a783f";
-const currentPage = "currentPage__1dc93e63";
+const paginationPageButton = "paginationPageButton__8a1bb402";
+const currentPage = "currentPage__6702335e";
 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__0bdf3985";
+const paginationPageEllipsis = "paginationPageEllipsis__2f133f42";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -8,8 +8,8 @@ import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
 import { SelectField } from "../../SelectField/SelectField.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
-const paginationSelect = "paginationSelect__f8480c91";
-const paginationSelectControl = "paginationSelectControl__22e7f75e";
+const paginationSelect = "paginationSelect__b105f167";
+const paginationSelectControl = "paginationSelectControl__3c045fbc";
 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__03011694";
-const sm = "sm__635818dd";
-const nonempty = "nonempty__cbcb7204";
-const md = "md__ce069221";
-const lg = "lg__911e9780";
-const disabled = "disabled__8ba20b3d";
-const radio = "radio__93be56d9";
-const radioIcon = "radioIcon__3a7ecfc5";
+const label = "label__5ccf3dac";
+const sm = "sm__65122ef9";
+const nonempty = "nonempty__5d071fe7";
+const md = "md__9d157777";
+const lg = "lg__74812f35";
+const disabled = "disabled__0b5ae179";
+const radio = "radio__c112dca4";
+const radioIcon = "radioIcon__3820f4bd";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.36.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.38.0", children: [
     /* @__PURE__ */ jsx("input", { type: "radio", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
     children && /* @__PURE__ */ jsx(Text, { size: sizeToTextSizeMap[size], tag: "div", children })

package/components/Radio/RadioXGroup.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const radioXGroup = "radioXGroup__ec841f46";
-const label = "label__03011694";
+const radioXGroup = "radioXGroup__ce6bbb70";
+const label = "label__5ccf3dac";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__9dfbc050",
+  "indent-12": "indent-12__ae424fb6",
   label,
-  "indent-16": "indent-16__2806c202",
-  "indent-20": "indent-20__a9486cee",
-  "indent-24": "indent-24__33e3799f",
-  "indent-28": "indent-28__c6a1b93b",
-  "indent-32": "indent-32__eac6098e"
+  "indent-16": "indent-16__17938d28",
+  "indent-20": "indent-20__c57c5df9",
+  "indent-24": "indent-24__c65e1cdf",
+  "indent-28": "indent-28__73b95445",
+  "indent-32": "indent-32__db469acd"
 };
 const RadioXGroup = (props) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Radio/RadioYGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const radioYGroup = "radioYGroup__d8ee5939";
+const radioYGroup = "radioYGroup__94948c33";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -2,10 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__15082a0a";
-const noPaddingBottom = "noPaddingBottom__9d4ca43a";
-const SM = "SM__7fbcf376";
-const MD = "MD__daec5779";
+const row = "row__0d7b735d";
+const noPaddingBottom = "noPaddingBottom__4464b921";
+const SM = "SM__de866c04";
+const MD = "MD__8e6dd868";
 const styles = {
   row,
   noPaddingBottom,