@sberbusiness/triplex-next 0.44.0 → 0.46.0

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-D9gIOfO8.js";
+import { s as styles } from "../../chunks/Notification.module-DglH8ziQ.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-D9gIOfO8.js";
+import { s as styles } from "../../../chunks/Notification.module-DglH8ziQ.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 { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { UnorderedList } from "../../UnorderedList/UnorderedList.js";
-import { s as styles } from "../../../chunks/Notification.module-D9gIOfO8.js";
+import { s as styles } from "../../../chunks/Notification.module-DglH8ziQ.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-D9gIOfO8.js";
+import { s as styles } from "../../../chunks/Notification.module-DglH8ziQ.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-D9gIOfO8.js";
+import { s as styles } from "../../../chunks/Notification.module-DglH8ziQ.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-DqGxntec.js";
-import { s as styles } from "../../../chunks/Notification.module-D9gIOfO8.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../../chunks/Notification.module-DglH8ziQ.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-D9gIOfO8.js";
+import { s as styles } from "../../../chunks/Notification.module-DglH8ziQ.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-D9gIOfO8.js";
+import { s as styles } from "../../../chunks/Notification.module-DglH8ziQ.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-D9gIOfO8.js";
+import { s as styles } from "../../../chunks/Notification.module-DglH8ziQ.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 from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { OrderedListItem } from "./OrderedListItem.js";
-const orderedList = "orderedList__83d7b436";
+const orderedList = "orderedList__c5cff3a7";
 const styles = {
   orderedList
 };
@@ -17,7 +17,7 @@ const OrderedList = Object.assign(
         ["--start-index-tx"]: start - 1
       } : style,
       ...restProps,
-      "data-tx": "0.44.0",
+      "data-tx": "0.46.0",
       ref
     }
   )),

package/components/OrderedList/OrderedListItem.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.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__ef66850f";
+const orderedListItem = "orderedListItem__ec6ca087";
 const styles = {
   orderedListItem
 };
@@ -18,7 +18,7 @@ const OrderedListItem = React.forwardRef(
       size: ETextSize.B3,
       tag: "li",
       ...restProps,
-      "data-tx": "0.44.0",
+      "data-tx": "0.46.0",
       ref
     }
   )

package/components/Overlay/Overlay.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { OverlayBase } from "./OverlayBase.js";
 import { OverlayMask } from "./OverlayMask.js";
 import { OverlayPanel } from "./OverlayPanel.js";
-import { s as styles } from "../../chunks/Overlay.module-j5KD3ldz.js";
+import { s as styles } from "../../chunks/Overlay.module-BbLwB4SO.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-DqGxntec.js";
-import { s as styles } from "../../chunks/Overlay.module-j5KD3ldz.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+import { s as styles } from "../../chunks/Overlay.module-BbLwB4SO.js";
 const OverlayMask = React.forwardRef(
   ({ className, opened, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx(
     "div",

package/components/Overlay/OverlayPanel.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { EOverlayDirection } from "./OverlayBase.js";
-import { s as styles } from "../../chunks/Overlay.module-j5KD3ldz.js";
+import { s as styles } from "../../chunks/Overlay.module-BbLwB4SO.js";
 const OverlayPanel = React.forwardRef(
   ({
     children,

package/components/Page/Page.js

@@ -1,10 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.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-BRP4gfeA.js";
+import { s as styles } from "../../chunks/Page.module-CncYHHMN.js";
 import "./components/enums.js";
 const Page = Object.assign(
   React.forwardRef(function Page2({ children, className, ...rest }, ref) {

package/components/Page/components/BodyPage.js

@@ -1,17 +1,17 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { Body } from "../../Body/Body.js";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { EBodyPageVerticalMargin, EBodyPageType } from "./enums.js";
 import { Island } from "../../Island/Island.js";
 import { EIslandType } from "../../Island/enums.js";
-const bodyPage = "bodyPage__868e5fa8";
-const marginTopLarge = "marginTopLarge__bec00d2e";
-const marginTopSmall = "marginTopSmall__a58ee5f5";
-const marginTopNone = "marginTopNone__e4c653f4";
-const marginBottomLarge = "marginBottomLarge__a43285e8";
-const marginBottomSmall = "marginBottomSmall__ff43957c";
-const marginBottomNone = "marginBottomNone__ae8661ba";
+const bodyPage = "bodyPage__6881396f";
+const marginTopLarge = "marginTopLarge__a9b66ccc";
+const marginTopSmall = "marginTopSmall__e940abb7";
+const marginTopNone = "marginTopNone__9052d9b7";
+const marginBottomLarge = "marginBottomLarge__816dfc82";
+const marginBottomSmall = "marginBottomSmall__34980e96";
+const marginBottomNone = "marginBottomNone__2d6a5ed5";
 const styles = {
   bodyPage,
   marginTopLarge,

package/components/Page/components/FooterPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { Footer } from "../../Footer/Footer.js";
 import { EFooterPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.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-BRP4gfeA.js";
+import { s as styles } from "../../../chunks/Page.module-CncYHHMN.js";
 const FooterPage = Object.assign(
   React.forwardRef(
     ({ className, type, size, sticky, ...rest }, ref) => {

package/components/Page/components/HeaderPage.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useRef } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { Header } from "../../Header/Header.js";
 import { EHeaderPageType } from "./enums.js";
 import { useStickyCornerRadius } from "./useStickyCornerRadius.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-BRP4gfeA.js";
+import { s as styles } from "../../../chunks/Page.module-CncYHHMN.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-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import React from "react";
-const paginationExtended = "paginationExtended__60d9fa5a";
+const paginationExtended = "paginationExtended__8ae871cb";
 const styles = {
   paginationExtended
 };
@@ -11,7 +11,7 @@ const PaginationExtended = React.forwardRef(
       "nav",
       {
         className: clsx(styles.paginationExtended, className),
-        "data-tx": "0.44.0",
+        "data-tx": "0.46.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__7def099c";
-const directionIconNext = "directionIconNext__f22bc292";
+const paginationNavigationButton = "paginationNavigationButton__66add0b8";
+const directionIconNext = "directionIconNext__dc424c7c";
 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-DqGxntec.js";
-const paginationNavigationExtended = "paginationNavigationExtended__75b06e52";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
+const paginationNavigationExtended = "paginationNavigationExtended__443a69db";
 const styles = {
   paginationNavigationExtended
 };

package/components/Pagination/components/PaginationPageButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React, { useContext } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.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__f4135dc2";
-const currentPage = "currentPage__1fa31620";
+const paginationPageButton = "paginationPageButton__d7c3ccee";
+const currentPage = "currentPage__d10f2a8d";
 const styles = {
   paginationPageButton,
   currentPage

package/components/Pagination/components/PaginationPageEllipsis.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import React from "react";
 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 paginationPageEllipsis = "paginationPageEllipsis__838e1e48";
+const paginationPageEllipsis = "paginationPageEllipsis__5db588fc";
 const styles = {
   paginationPageEllipsis
 };

package/components/Pagination/components/PaginationSelect.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useContext } from "react";
-import { u as uniqueId, c as clsx } from "../../../chunks/vendor-DqGxntec.js";
+import { u as uniqueId, c as clsx } from "../../../chunks/vendor-BxhAzfnS.js";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
@@ -10,14 +10,24 @@ 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__a73531de";
-const paginationSelectControl = "paginationSelectControl__d40b4762";
+const paginationSelect = "paginationSelect__7ad030cd";
+const paginationSelectControl = "paginationSelectControl__8bf54743";
 const styles = {
   paginationSelect,
   paginationSelectControl
 };
 const PaginationSelect = React.forwardRef(
-  ({ paginationLabel, className, options, value, onChange, status }, ref) => {
+  ({
+    paginationLabel,
+    className,
+    options,
+    value,
+    onChange,
+    status,
+    targetProps,
+    mobileTitle = paginationLabel,
+    ...rest
+  }, ref) => {
     const [instanceId] = useState(() => `Pagination-${uniqueId()}`);
     const { loading } = useContext(MasterTableContext);
     return /* @__PURE__ */ jsxs("div", { className: clsx(styles.paginationSelect, className), ref, children: [
@@ -27,14 +37,13 @@ const PaginationSelect = React.forwardRef(
         {
           size: EComponentSize.SM,
           value,
-          mobileTitle: paginationLabel,
+          mobileTitle,
           options,
           onChange,
           status: loading ? EFormFieldStatus.DISABLED : status,
-          targetProps: {
-            fieldLabel: ""
-          },
-          "aria-labelledby": instanceId
+          "aria-labelledby": instanceId,
+          ...rest,
+          targetProps: { fieldLabel: "", ...targetProps }
         }
       ) })
     ] });

package/components/Pagination/components/PaginationSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationSelect.js","sources":["../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/PaginationSelect.module.less\";\nimport { ETextSize, Text } from \"../../Typography\";\nimport { SelectField, ISelectFieldProps } from \"../../SelectField\";\nimport { EFormFieldStatus } from \"../../FormField/enums\";\nimport { MasterTableContext } from \"@sberbusiness/triplex-next/components/Table/MasterTableContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства компонента PaginationSelect. */\nexport interface IPaginationSelectProps\n    extends Omit<ISelectFieldProps, \"size\" | \"value\">, Required<Pick<ISelectFieldProps, \"value\">> {\n    /** Текст лейбла пагинации. */\n    paginationLabel: React.ReactNode;\n}\n\n/** Выбор количества элементов на странице. */\nexport const PaginationSelect = React.forwardRef<HTMLDivElement, IPaginationSelectProps>(\n    ({ paginationLabel, className, options, value, onChange, status }, ref) => {\n        const [instanceId] = useState(() => `Pagination-${uniqueId()}`);\n        const { loading } = useContext(MasterTableContext);\n\n        return (\n            <div className={clsx(styles.paginationSelect, className)} ref={ref}>\n                <Text size={ETextSize.B3} id={instanceId}>\n                    {paginationLabel}\n                </Text>\n                <div className={styles.paginationSelectControl}>\n                    <SelectField\n                        size={EComponentSize.SM}\n                        value={value}\n                        mobileTitle={paginationLabel}\n                        options={options}\n                        onChange={onChange}\n                        status={loading ? EFormFieldStatus.DISABLED : status}\n                        targetProps={{\n                            fieldLabel: \"\",\n                        }}\n                        aria-labelledby={instanceId}\n                    />\n                </div>\n            </div>\n        );\n    },\n);\n\nPaginationSelect.displayName = \"PaginationSelect\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBO,MAAM,mBAAmB,MAAM;AAAA,EAClC,CAAC,EAAE,iBAAiB,WAAW,SAAS,OAAO,UAAU,OAAA,GAAU,QAAQ;AACvE,UAAM,CAAC,UAAU,IAAI,SAAS,MAAM,cAAc,SAAA,CAAU,EAAE;AAC9D,UAAM,EAAE,QAAA,IAAY,WAAW,kBAAkB;AAEjD,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,kBAAkB,SAAS,GAAG,KACtD,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAM,UAAU,IAAI,IAAI,YACzB,UAAA,iBACL;AAAA,MACA,oBAAC,OAAA,EAAI,WAAW,OAAO,yBACnB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,eAAe;AAAA,UACrB;AAAA,UACA,aAAa;AAAA,UACb;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,iBAAiB,WAAW;AAAA,UAC9C,aAAa;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAEhB,mBAAiB;AAAA,QAAA;AAAA,MAAA,EACrB,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}
+{"version":3,"file":"PaginationSelect.js","sources":["../../../../src/components/Pagination/components/PaginationSelect.tsx"],"sourcesContent":["import React, { useContext, useState } from \"react\";\nimport { uniqueId } from \"lodash-es\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/PaginationSelect.module.less\";\nimport { ETextSize, Text } from \"../../Typography\";\nimport { SelectField, ISelectFieldProps } from \"../../SelectField\";\nimport { EFormFieldStatus } from \"../../FormField/enums\";\nimport { MasterTableContext } from \"@sberbusiness/triplex-next/components/Table/MasterTableContext\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\n/** Свойства компонента PaginationSelect. */\nexport interface IPaginationSelectProps\n    extends Omit<ISelectFieldProps, \"size\" | \"value\">, Required<Pick<ISelectFieldProps, \"value\">> {\n    /** Текст лейбла пагинации. */\n    paginationLabel: React.ReactNode;\n}\n\n/** Выбор количества элементов на странице. */\nexport const PaginationSelect = React.forwardRef<HTMLDivElement, IPaginationSelectProps>(\n    (\n        {\n            paginationLabel,\n            className,\n            options,\n            value,\n            onChange,\n            status,\n            targetProps,\n            mobileTitle = paginationLabel,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [instanceId] = useState(() => `Pagination-${uniqueId()}`);\n        const { loading } = useContext(MasterTableContext);\n\n        return (\n            <div className={clsx(styles.paginationSelect, className)} ref={ref}>\n                <Text size={ETextSize.B3} id={instanceId}>\n                    {paginationLabel}\n                </Text>\n                <div className={styles.paginationSelectControl}>\n                    <SelectField\n                        size={EComponentSize.SM}\n                        value={value}\n                        mobileTitle={mobileTitle}\n                        options={options}\n                        onChange={onChange}\n                        status={loading ? EFormFieldStatus.DISABLED : status}\n                        aria-labelledby={instanceId}\n                        {...rest}\n                        targetProps={{ fieldLabel: \"\", ...targetProps }}\n                    />\n                </div>\n            </div>\n        );\n    },\n);\n\nPaginationSelect.displayName = \"PaginationSelect\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAkBO,MAAM,mBAAmB,MAAM;AAAA,EAClC,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,UAAU,IAAI,SAAS,MAAM,cAAc,SAAA,CAAU,EAAE;AAC9D,UAAM,EAAE,QAAA,IAAY,WAAW,kBAAkB;AAEjD,WACI,qBAAC,SAAI,WAAW,KAAK,OAAO,kBAAkB,SAAS,GAAG,KACtD,UAAA;AAAA,MAAA,oBAAC,QAAK,MAAM,UAAU,IAAI,IAAI,YACzB,UAAA,iBACL;AAAA,MACA,oBAAC,OAAA,EAAI,WAAW,OAAO,yBACnB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,eAAe;AAAA,UACrB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,iBAAiB,WAAW;AAAA,UAC9C,mBAAiB;AAAA,UAChB,GAAG;AAAA,UACJ,aAAa,EAAE,YAAY,IAAI,GAAG,YAAA;AAAA,QAAY;AAAA,MAAA,EAClD,CACJ;AAAA,IAAA,GACJ;AAAA,EAER;AACJ;AAEA,iBAAiB,cAAc;"}

package/components/Pagination/utils.js

@@ -1,4 +1,4 @@
-import { j as range } from "../../chunks/vendor-DqGxntec.js";
+import { j as range } from "../../chunks/vendor-BxhAzfnS.js";
 const PAGINATION_ELLIPSIS_VALUE = -1;
 const PaginationUtils = {
   /** Создание массива чисел в заданном диапазоне (включительно) с заданным шагом. Возвращает пустой массив, если from > to. */

package/components/Radio/Radio.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { ETextSize } from "../Typography/enums.js";
 import "../Typography/Caption.js";
 import "../Typography/CodeText.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__b22f29e3";
-const sm = "sm__d409ad77";
-const nonempty = "nonempty__329639af";
-const md = "md__17eb61c6";
-const lg = "lg__9094d7ef";
-const disabled = "disabled__e2eb0a51";
-const radio = "radio__47fdb92e";
-const radioIcon = "radioIcon__10d09bd2";
+const label = "label__2ac324ef";
+const sm = "sm__e9b4fde8";
+const nonempty = "nonempty__46b242c0";
+const md = "md__b69f8ac6";
+const lg = "lg__dd9e0cc7";
+const disabled = "disabled__05d49b94";
+const radio = "radio__d10b59f5";
+const radioIcon = "radioIcon__e2e5751e";
 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.44.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "0.46.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-DqGxntec.js";
-const radioXGroup = "radioXGroup__d1758aa8";
-const label = "label__b22f29e3";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+const radioXGroup = "radioXGroup__c7cfcd25";
+const label = "label__2ac324ef";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__cb45fe2a",
+  "indent-12": "indent-12__fa02c78b",
   label,
-  "indent-16": "indent-16__e4bff6be",
-  "indent-20": "indent-20__d3fe5148",
-  "indent-24": "indent-24__fd320341",
-  "indent-28": "indent-28__f8a7052a",
-  "indent-32": "indent-32__5e961de6"
+  "indent-16": "indent-16__677f8a48",
+  "indent-20": "indent-20__1bd4e6d7",
+  "indent-24": "indent-24__fffdb1f2",
+  "indent-28": "indent-28__489da548",
+  "indent-32": "indent-32__a224b466"
 };
 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-DqGxntec.js";
-const radioYGroup = "radioYGroup__14deaa19";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
+const radioYGroup = "radioYGroup__311c7988";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__79e900df";
-const noPaddingBottom = "noPaddingBottom__67ffabde";
-const SM = "SM__829b5483";
-const MD = "MD__5c94a0b8";
+const row = "row__2d234766";
+const noPaddingBottom = "noPaddingBottom__9ae7681a";
+const SM = "SM__28a9130a";
+const MD = "MD__8e5ecabd";
 const styles = {
   row,
   noPaddingBottom,

package/components/SMSField/SMSField.js

@@ -1,16 +1,37 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
+import { c as clsx } from "../../chunks/vendor-BxhAzfnS.js";
 import { useState } from "react";
+import { EFormFieldStatus } from "../FormField/enums.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldInput.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../FormField/components/FormFieldTextarea.js";
+import "../FormField/FormField.js";
 import { SMSFieldContext } from "./SMSFieldContext.js";
 import { SMSFieldInput } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
-import { s as styles } from "../../chunks/SMSField.module-CTB3viUu.js";
+import { s as styles } from "../../chunks/SMSField.module-CwjRD_od.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SMSField = (props) => {
-  const { children, className, code, disabled, error, onChangeCode, onSubmitCode, size, ...htmlDivAttributes } = props;
+  const {
+    children,
+    className,
+    code,
+    onChangeCode,
+    onSubmitCode,
+    size,
+    status = EFormFieldStatus.DEFAULT,
+    ...htmlDivAttributes
+  } = props;
   const [disabledSubmit, setDisabledSubmit] = useState(true);
   const [tooltipId, setTooltipId] = useState();
   const classSMSField = clsx(styles.smsField, className);
@@ -19,18 +40,17 @@ const SMSField = (props) => {
     {
       value: {
         code,
-        disabled: !!disabled,
         disabledSubmit,
-        error: !!error,
         onChangeCode,
         onSubmitCode,
         setDisabledSubmit,
         setTooltipId,
         size,
         sizeClassName: sizeToClassNameMap[size],
+        status,
         tooltipId
       },
-      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "0.44.0", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "0.46.0", children })
     }
   );
 };

package/components/SMSField/SMSField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSField.js","sources":["../../../src/components/SMSField/SMSField.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useState } from \"react\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { ISMSFieldProps } from \"@sberbusiness/triplex-next/components/SMSField/types\";\nimport { SMSFieldInput } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldInput\";\nimport { SMSFieldRefresh } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldRefresh\";\nimport { SMSFieldSubmit } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldSubmit\";\nimport { SMSFieldTooltip } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldTooltip\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Внутренние составляющие SMSField. */\ninterface ISMSFieldComposition {\n    Tooltip: typeof SMSFieldTooltip;\n    Refresh: typeof SMSFieldRefresh;\n    Input: typeof SMSFieldInput;\n    Submit: typeof SMSFieldSubmit;\n}\n\n/** Компонент для ввода СМС. */\nexport const SMSField: React.FC<ISMSFieldProps> & ISMSFieldComposition = (props) => {\n    const { children, className, code, disabled, error, onChangeCode, onSubmitCode, size, ...htmlDivAttributes } =\n        props;\n\n    const [disabledSubmit, setDisabledSubmit] = useState(true);\n    const [tooltipId, setTooltipId] = useState<string>();\n    const classSMSField = clsx(styles.smsField, className);\n\n    return (\n        <SMSFieldContext.Provider\n            value={{\n                code,\n                disabled: !!disabled,\n                disabledSubmit,\n                error: !!error,\n                onChangeCode,\n                onSubmitCode,\n                setDisabledSubmit,\n                setTooltipId,\n                size,\n                sizeClassName: sizeToClassNameMap[size],\n                tooltipId,\n            }}\n        >\n            <div className={classSMSField} {...htmlDivAttributes} data-tx={process.env.npm_package_version}>\n                {children}\n            </div>\n        </SMSFieldContext.Provider>\n    );\n};\n\nSMSField.displayName = \"SMSField\";\nSMSField.Tooltip = SMSFieldTooltip;\nSMSField.Refresh = SMSFieldRefresh;\nSMSField.Input = SMSFieldInput;\nSMSField.Submit = SMSFieldSubmit;\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,qBAAqB,yBAAyB,MAAM;AAWnD,MAAM,WAA4D,CAAC,UAAU;AAChF,QAAM,EAAE,UAAU,WAAW,MAAM,UAAU,OAAO,cAAc,cAAc,MAAM,GAAG,kBAAA,IACrF;AAEJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,IAAI;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAA;AAClC,QAAM,gBAAgB,KAAK,OAAO,UAAU,SAAS;AAErD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,OAAO;AAAA,QACH;AAAA,QACA,UAAU,CAAC,CAAC;AAAA,QACZ;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,mBAAmB,IAAI;AAAA,QACtC;AAAA,MAAA;AAAA,MAGJ,UAAA,oBAAC,OAAA,EAAI,WAAW,eAAgB,GAAG,mBAAmB,WAAS,UAC1D,SAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,QAAQ;AACjB,SAAS,SAAS;"}
+{"version":3,"file":"SMSField.js","sources":["../../../src/components/SMSField/SMSField.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useState } from \"react\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { ISMSFieldProps } from \"@sberbusiness/triplex-next/components/SMSField/types\";\nimport { SMSFieldInput } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldInput\";\nimport { SMSFieldRefresh } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldRefresh\";\nimport { SMSFieldSubmit } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldSubmit\";\nimport { SMSFieldTooltip } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldTooltip\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Внутренние составляющие SMSField. */\ninterface ISMSFieldComposition {\n    Tooltip: typeof SMSFieldTooltip;\n    Refresh: typeof SMSFieldRefresh;\n    Input: typeof SMSFieldInput;\n    Submit: typeof SMSFieldSubmit;\n}\n\n/** Компонент для ввода СМС. */\nexport const SMSField: React.FC<ISMSFieldProps> & ISMSFieldComposition = (props) => {\n    const {\n        children,\n        className,\n        code,\n        onChangeCode,\n        onSubmitCode,\n        size,\n        status = EFormFieldStatus.DEFAULT,\n        ...htmlDivAttributes\n    } = props;\n\n    const [disabledSubmit, setDisabledSubmit] = useState(true);\n    const [tooltipId, setTooltipId] = useState<string>();\n    const classSMSField = clsx(styles.smsField, className);\n\n    return (\n        <SMSFieldContext.Provider\n            value={{\n                code,\n                disabledSubmit,\n                onChangeCode,\n                onSubmitCode,\n                setDisabledSubmit,\n                setTooltipId,\n                size,\n                sizeClassName: sizeToClassNameMap[size],\n                status,\n                tooltipId,\n            }}\n        >\n            <div className={classSMSField} {...htmlDivAttributes} data-tx={process.env.npm_package_version}>\n                {children}\n            </div>\n        </SMSFieldContext.Provider>\n    );\n};\n\nSMSField.displayName = \"SMSField\";\nSMSField.Tooltip = SMSFieldTooltip;\nSMSField.Refresh = SMSFieldRefresh;\nSMSField.Input = SMSFieldInput;\nSMSField.Submit = SMSFieldSubmit;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AAWnD,MAAM,WAA4D,CAAC,UAAU;AAChF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,iBAAiB;AAAA,IAC1B,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,IAAI;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAA;AAClC,QAAM,gBAAgB,KAAK,OAAO,UAAU,SAAS;AAErD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,mBAAmB,IAAI;AAAA,QACtC;AAAA,QACA;AAAA,MAAA;AAAA,MAGJ,UAAA,oBAAC,OAAA,EAAI,WAAW,eAAgB,GAAG,mBAAmB,WAAS,UAC1D,SAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,QAAQ;AACjB,SAAS,SAAS;"}

package/components/SMSField/SMSFieldContext.js

@@ -1,10 +1,20 @@
 import React from "react";
+import { EFormFieldStatus } from "../FormField/enums.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldInput.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../FormField/components/FormFieldTextarea.js";
+import "../FormField/FormField.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 const contextInitial = {
   code: "",
-  disabled: false,
   disabledSubmit: true,
-  error: false,
   onChangeCode: () => {
   },
   onSubmitCode: () => {
@@ -15,6 +25,7 @@ const contextInitial = {
   },
   size: EComponentSize.LG,
   sizeClassName: "",
+  status: EFormFieldStatus.DEFAULT,
   tooltipId: void 0
 };
 const SMSFieldContext = React.createContext(contextInitial);