@sberbusiness/triplex-next 0.43.0 → 0.45.0

package/components/Col/Col.js

@@ -3,141 +3,141 @@ import React, { useContext } from "react";
 import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__ef2700eb";
-const gridHorizontalGapMD = "gridHorizontalGapMD__379c6b8e";
+const gridHorizontalGapSM = "gridHorizontalGapSM__2521d843";
+const gridHorizontalGapMD = "gridHorizontalGapMD__475805fd";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__71fd976c",
-  "col-2": "col-2__b80b9f7d",
-  "col-3": "col-3__8e675495",
-  "col-4": "col-4__b3b292de",
-  "col-5": "col-5__5131f826",
-  "col-6": "col-6__628e756f",
-  "col-7": "col-7__814adbdf",
-  "col-8": "col-8__756c6fa1",
-  "col-9": "col-9__d944ea93",
-  "col-10": "col-10__31c0da87",
-  "col-11": "col-11__d77ca75a",
-  "col-12": "col-12__1dbd25f1",
-  "offset-0": "offset-0__f837c7e6",
-  "offset-1": "offset-1__90d3907d",
-  "offset-2": "offset-2__7c1b1eb9",
-  "offset-3": "offset-3__23b82fb5",
-  "offset-4": "offset-4__7b897040",
-  "offset-5": "offset-5__204aadad",
-  "offset-6": "offset-6__24606f7e",
-  "offset-7": "offset-7__a24e0f04",
-  "offset-8": "offset-8__c383fe84",
-  "offset-9": "offset-9__63c50bdc",
-  "offset-10": "offset-10__823fda91",
-  "offset-11": "offset-11__87e19999",
-  "d-none": "d-none__17be35d8",
-  "d-block": "d-block__5e131503",
-  "col-sm-1": "col-sm-1__e8748f72",
-  "col-sm-2": "col-sm-2__33ce95d5",
-  "col-sm-3": "col-sm-3__82538135",
-  "col-sm-4": "col-sm-4__5c17f973",
-  "col-sm-5": "col-sm-5__c3b26240",
-  "col-sm-6": "col-sm-6__693f6f03",
-  "col-sm-7": "col-sm-7__96571e8c",
-  "col-sm-8": "col-sm-8__3d15046d",
-  "col-sm-9": "col-sm-9__3f3fb4e8",
-  "col-sm-10": "col-sm-10__36c1968f",
-  "col-sm-11": "col-sm-11__be409f79",
-  "col-sm-12": "col-sm-12__71a6ec08",
-  "offset-sm-0": "offset-sm-0__8bbd7c43",
-  "offset-sm-1": "offset-sm-1__176ac0a5",
-  "offset-sm-2": "offset-sm-2__899bfd7d",
-  "offset-sm-3": "offset-sm-3__4f1441ec",
-  "offset-sm-4": "offset-sm-4__0f1e8059",
-  "offset-sm-5": "offset-sm-5__043749a2",
-  "offset-sm-6": "offset-sm-6__bd939bf4",
-  "offset-sm-7": "offset-sm-7__3d5ab6c8",
-  "offset-sm-8": "offset-sm-8__b4eccd33",
-  "offset-sm-9": "offset-sm-9__12f54e31",
-  "offset-sm-10": "offset-sm-10__c13d4a10",
-  "offset-sm-11": "offset-sm-11__46a7ddba",
-  "d-none-sm": "d-none-sm__303654ce",
-  "d-block-sm": "d-block-sm__60f04e2e",
-  "col-md-1": "col-md-1__96a3e477",
-  "col-md-2": "col-md-2__03162b7f",
-  "col-md-3": "col-md-3__c539b683",
-  "col-md-4": "col-md-4__7c31f2fe",
-  "col-md-5": "col-md-5__f3e06d2e",
-  "col-md-6": "col-md-6__c0d3fad9",
-  "col-md-7": "col-md-7__c8a3e7b1",
-  "col-md-8": "col-md-8__2e0c1ef5",
-  "col-md-9": "col-md-9__33cafb67",
-  "col-md-10": "col-md-10__ca2631d3",
-  "col-md-11": "col-md-11__fea6932c",
-  "col-md-12": "col-md-12__e01c7c8b",
-  "offset-md-0": "offset-md-0__e46ba60b",
-  "offset-md-1": "offset-md-1__8f3f2698",
-  "offset-md-2": "offset-md-2__1bd750a2",
-  "offset-md-3": "offset-md-3__41d1ab35",
-  "offset-md-4": "offset-md-4__07584119",
-  "offset-md-5": "offset-md-5__2e7ead3e",
-  "offset-md-6": "offset-md-6__ea383791",
-  "offset-md-7": "offset-md-7__8da0b6c0",
-  "offset-md-8": "offset-md-8__a3a70732",
-  "offset-md-9": "offset-md-9__f9a71ad8",
-  "offset-md-10": "offset-md-10__0ffbc1bb",
-  "offset-md-11": "offset-md-11__7d09e1e0",
-  "d-none-md": "d-none-md__370e3fba",
-  "d-block-md": "d-block-md__543ceac4",
-  "col-lg-1": "col-lg-1__97e79bb6",
-  "col-lg-2": "col-lg-2__829e7ce0",
-  "col-lg-3": "col-lg-3__d9afbf3a",
-  "col-lg-4": "col-lg-4__b52d8e7b",
-  "col-lg-5": "col-lg-5__5868ca7b",
-  "col-lg-6": "col-lg-6__00ab92a1",
-  "col-lg-7": "col-lg-7__3fba50e3",
-  "col-lg-8": "col-lg-8__1b01699e",
-  "col-lg-9": "col-lg-9__a88f213c",
-  "col-lg-10": "col-lg-10__88ceab5e",
-  "col-lg-11": "col-lg-11__3f0e57a4",
-  "col-lg-12": "col-lg-12__8495d166",
-  "offset-lg-0": "offset-lg-0__05a7b4b0",
-  "offset-lg-1": "offset-lg-1__6303d7e7",
-  "offset-lg-2": "offset-lg-2__3a532e28",
-  "offset-lg-3": "offset-lg-3__1b6d0cf8",
-  "offset-lg-4": "offset-lg-4__7dba8197",
-  "offset-lg-5": "offset-lg-5__a83588bf",
-  "offset-lg-6": "offset-lg-6__717171d1",
-  "offset-lg-7": "offset-lg-7__ba2548fa",
-  "offset-lg-8": "offset-lg-8__42510501",
-  "offset-lg-9": "offset-lg-9__5bab957f",
-  "offset-lg-10": "offset-lg-10__cf140345",
-  "offset-lg-11": "offset-lg-11__3d1a0b54",
-  "d-none-lg": "d-none-lg__a23e2045",
-  "d-block-lg": "d-block-lg__0eeb36fd",
-  "col-xl-1": "col-xl-1__5ca792d6",
-  "col-xl-2": "col-xl-2__83907fd1",
-  "col-xl-3": "col-xl-3__0eb79dd3",
-  "col-xl-4": "col-xl-4__ffc4e7af",
-  "col-xl-5": "col-xl-5__d51e39e4",
-  "col-xl-6": "col-xl-6__afba20ca",
-  "col-xl-7": "col-xl-7__2830a696",
-  "col-xl-8": "col-xl-8__5801c4be",
-  "col-xl-9": "col-xl-9__89ccbe42",
-  "col-xl-10": "col-xl-10__7bdde338",
-  "col-xl-11": "col-xl-11__af0bf3e4",
-  "col-xl-12": "col-xl-12__1667b7e7",
-  "offset-xl-0": "offset-xl-0__0dee7d78",
-  "offset-xl-1": "offset-xl-1__eb84d43f",
-  "offset-xl-2": "offset-xl-2__dab5b673",
-  "offset-xl-3": "offset-xl-3__1ed65afa",
-  "offset-xl-4": "offset-xl-4__0ad7401a",
-  "offset-xl-5": "offset-xl-5__aaefb849",
-  "offset-xl-6": "offset-xl-6__e3f41c75",
-  "offset-xl-7": "offset-xl-7__c2acc63f",
-  "offset-xl-8": "offset-xl-8__59c3c217",
-  "offset-xl-9": "offset-xl-9__64207740",
-  "offset-xl-10": "offset-xl-10__2bdec2b7",
-  "offset-xl-11": "offset-xl-11__5e42d2d5",
-  "d-none-xl": "d-none-xl__4d1fa693",
-  "d-block-xl": "d-block-xl__227ccc14"
+  "col-1": "col-1__fb3ebf8b",
+  "col-2": "col-2__e2c886df",
+  "col-3": "col-3__8d3d50f5",
+  "col-4": "col-4__4b78d7b2",
+  "col-5": "col-5__aff97426",
+  "col-6": "col-6__b271d9dc",
+  "col-7": "col-7__f7c6cb26",
+  "col-8": "col-8__00347b86",
+  "col-9": "col-9__213eedb0",
+  "col-10": "col-10__e5069800",
+  "col-11": "col-11__d1aa6ce3",
+  "col-12": "col-12__9c8773f8",
+  "offset-0": "offset-0__7b68188f",
+  "offset-1": "offset-1__0d19aab8",
+  "offset-2": "offset-2__d9c45e1a",
+  "offset-3": "offset-3__202c31bb",
+  "offset-4": "offset-4__7c236f47",
+  "offset-5": "offset-5__6ba7def4",
+  "offset-6": "offset-6__07a01858",
+  "offset-7": "offset-7__3a4d674f",
+  "offset-8": "offset-8__bb7dd662",
+  "offset-9": "offset-9__a6a0a59c",
+  "offset-10": "offset-10__071654d0",
+  "offset-11": "offset-11__9bf27023",
+  "d-none": "d-none__fdc20c5e",
+  "d-block": "d-block__2b270435",
+  "col-sm-1": "col-sm-1__e622466f",
+  "col-sm-2": "col-sm-2__ce0b1366",
+  "col-sm-3": "col-sm-3__b9312388",
+  "col-sm-4": "col-sm-4__a66e2b6d",
+  "col-sm-5": "col-sm-5__e9a2068b",
+  "col-sm-6": "col-sm-6__1f906ba8",
+  "col-sm-7": "col-sm-7__a8f77afd",
+  "col-sm-8": "col-sm-8__22b50c39",
+  "col-sm-9": "col-sm-9__62b7a20b",
+  "col-sm-10": "col-sm-10__99f5962b",
+  "col-sm-11": "col-sm-11__640ef8c4",
+  "col-sm-12": "col-sm-12__030bee8a",
+  "offset-sm-0": "offset-sm-0__7f6015fa",
+  "offset-sm-1": "offset-sm-1__1a162c03",
+  "offset-sm-2": "offset-sm-2__cfce057e",
+  "offset-sm-3": "offset-sm-3__24cc93c9",
+  "offset-sm-4": "offset-sm-4__5415c97e",
+  "offset-sm-5": "offset-sm-5__2a198cce",
+  "offset-sm-6": "offset-sm-6__2bc7543b",
+  "offset-sm-7": "offset-sm-7__61841268",
+  "offset-sm-8": "offset-sm-8__eba3d87d",
+  "offset-sm-9": "offset-sm-9__db3f6705",
+  "offset-sm-10": "offset-sm-10__14b83543",
+  "offset-sm-11": "offset-sm-11__42786027",
+  "d-none-sm": "d-none-sm__cd8cdcda",
+  "d-block-sm": "d-block-sm__07d0d77b",
+  "col-md-1": "col-md-1__bf3b88cb",
+  "col-md-2": "col-md-2__c434721e",
+  "col-md-3": "col-md-3__dc11077c",
+  "col-md-4": "col-md-4__a386f1af",
+  "col-md-5": "col-md-5__b1f763eb",
+  "col-md-6": "col-md-6__386a7541",
+  "col-md-7": "col-md-7__0d21e293",
+  "col-md-8": "col-md-8__87be9400",
+  "col-md-9": "col-md-9__e8199961",
+  "col-md-10": "col-md-10__06dfe0c7",
+  "col-md-11": "col-md-11__cf26c476",
+  "col-md-12": "col-md-12__7432266a",
+  "offset-md-0": "offset-md-0__b8d9bbd4",
+  "offset-md-1": "offset-md-1__ce376f67",
+  "offset-md-2": "offset-md-2__e0f5922e",
+  "offset-md-3": "offset-md-3__3bc0f2be",
+  "offset-md-4": "offset-md-4__ac3d8a9a",
+  "offset-md-5": "offset-md-5__4f29d788",
+  "offset-md-6": "offset-md-6__37e7ebb2",
+  "offset-md-7": "offset-md-7__f0b55728",
+  "offset-md-8": "offset-md-8__50c67784",
+  "offset-md-9": "offset-md-9__89962db4",
+  "offset-md-10": "offset-md-10__7c0d19a4",
+  "offset-md-11": "offset-md-11__26ba6fa5",
+  "d-none-md": "d-none-md__be0f2a7b",
+  "d-block-md": "d-block-md__99f65811",
+  "col-lg-1": "col-lg-1__778280e4",
+  "col-lg-2": "col-lg-2__6a28c64e",
+  "col-lg-3": "col-lg-3__68f4619d",
+  "col-lg-4": "col-lg-4__73eddedd",
+  "col-lg-5": "col-lg-5__432c3c9b",
+  "col-lg-6": "col-lg-6__854b0332",
+  "col-lg-7": "col-lg-7__501eed57",
+  "col-lg-8": "col-lg-8__8ed14d88",
+  "col-lg-9": "col-lg-9__c91609b0",
+  "col-lg-10": "col-lg-10__9fbad41b",
+  "col-lg-11": "col-lg-11__a8b164fa",
+  "col-lg-12": "col-lg-12__b07ad371",
+  "offset-lg-0": "offset-lg-0__d8662ac3",
+  "offset-lg-1": "offset-lg-1__d7287bfd",
+  "offset-lg-2": "offset-lg-2__d611e7cd",
+  "offset-lg-3": "offset-lg-3__8427ceaf",
+  "offset-lg-4": "offset-lg-4__06ffd020",
+  "offset-lg-5": "offset-lg-5__4d877377",
+  "offset-lg-6": "offset-lg-6__41ab70de",
+  "offset-lg-7": "offset-lg-7__9a9e244f",
+  "offset-lg-8": "offset-lg-8__f0f78f69",
+  "offset-lg-9": "offset-lg-9__481c8687",
+  "offset-lg-10": "offset-lg-10__b6704b0c",
+  "offset-lg-11": "offset-lg-11__2366bfa0",
+  "d-none-lg": "d-none-lg__d0f38fb4",
+  "d-block-lg": "d-block-lg__f12bfd26",
+  "col-xl-1": "col-xl-1__598b5431",
+  "col-xl-2": "col-xl-2__32944724",
+  "col-xl-3": "col-xl-3__4d614fae",
+  "col-xl-4": "col-xl-4__fc634543",
+  "col-xl-5": "col-xl-5__3fb1498b",
+  "col-xl-6": "col-xl-6__5a0a3536",
+  "col-xl-7": "col-xl-7__a6064690",
+  "col-xl-8": "col-xl-8__aa20fbb6",
+  "col-xl-9": "col-xl-9__54c6bdfc",
+  "col-xl-10": "col-xl-10__b139f94b",
+  "col-xl-11": "col-xl-11__ac95aae9",
+  "col-xl-12": "col-xl-12__1ef3f7d5",
+  "offset-xl-0": "offset-xl-0__29b7ba8b",
+  "offset-xl-1": "offset-xl-1__9375c9a7",
+  "offset-xl-2": "offset-xl-2__c94f1420",
+  "offset-xl-3": "offset-xl-3__1397339d",
+  "offset-xl-4": "offset-xl-4__24e6a76f",
+  "offset-xl-5": "offset-xl-5__cf24e1a9",
+  "offset-xl-6": "offset-xl-6__2f67b1a1",
+  "offset-xl-7": "offset-xl-7__a47c6451",
+  "offset-xl-8": "offset-xl-8__8ef6ddf0",
+  "offset-xl-9": "offset-xl-9__8edd31b0",
+  "offset-xl-10": "offset-xl-10__fa13581d",
+  "offset-xl-11": "offset-xl-11__3eec59d9",
+  "d-none-xl": "d-none-xl__346e9d64",
+  "d-block-xl": "d-block-xl__680f19f2"
 };
 const GRID_HORIZONTAL_GAP_TO_CLASS_NAME_MAP = {
   [EComponentSize.SM]: styles.gridHorizontalGapSM,

package/components/CollapsibleTree/CollapsibleTree.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__f5961d93";
+const collapsibleTree = "collapsibleTree__47021494";
 const styles = {
   collapsibleTree
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafContent.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__1d732977";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__862026ee";
 const styles = {
   collapsibleTreeLeafContent
 };

package/components/CollapsibleTree/components/CollapsibleTreeLeafNode.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { CollapsibleTreeExtended } from "../../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeLeafContent } from "./CollapsibleTreeLeafContent.js";
 import { y as noop } from "../../../chunks/vendor-DqGxntec.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__23adb8c5";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__a444379d";
 const styles = {
   collapsibleTreeLeafNode
 };

package/components/CollapsibleTree/components/CollapsibleTreeNodeHeader.js

@@ -2,10 +2,10 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__408dbf06";
-const interactive = "interactive__19fe5ba3";
-const chevron = "chevron__f504896a";
-const opened = "opened__59f6f6a0";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__faff6355";
+const interactive = "interactive__60b48c31";
+const chevron = "chevron__75c622ee";
+const opened = "opened__996f7cab";
 const styles = {
   collapsibleTreeNodeHeader,
   interactive,

package/components/CollapsibleTreeExtended/components/CollapsibleTreeExtendedNode.js

@@ -6,7 +6,7 @@ import React from "react";
 import { TreeView } from "../../TreeView/TreeView.js";
 import { AccordionBase } from "../../AccordionBase/protected/AccordionBase.js";
 import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__c613df37";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__de22be7c";
 const styles = {
   collapsibleTreeExtendedNodeContent
 };

package/components/Confirm/Confirm.js

@@ -9,7 +9,7 @@ import "../Island/components/IslandBody.js";
 import "../Island/components/IslandHeader.js";
 import "../Island/components/IslandFooter.js";
 import { EConfirmParentComponent } from "./enums.js";
-import { s as styles } from "../../chunks/Confirm.module-7i7bWV8o.js";
+import { s as styles } from "../../chunks/Confirm.module-BQh_lhtz.js";
 const parentComponentToClassNameMap = {
   [EConfirmParentComponent.LIGHTBOX]: styles.isInLightBox,
   [EConfirmParentComponent.SIDE_OVERLAY_SM]: styles.isInSideOverlaySM,

package/components/Confirm/components/ConfirmCloseButton.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { CrossStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/Confirm.module-7i7bWV8o.js";
+import { s as styles } from "../../../chunks/Confirm.module-BQh_lhtz.js";
 import { Button } from "../../Button/Button.js";
 import { EButtonTheme } from "../../Button/enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";

package/components/Confirm/components/ConfirmContent.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { ConfirmContentSubTitle } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle } from "./ConfirmContentTitle.js";
 import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/Confirm.module-7i7bWV8o.js";
+import { s as styles } from "../../../chunks/Confirm.module-BQh_lhtz.js";
 const ConfirmContent = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmContent), ...htmlDivAttributes, children });
 ConfirmContent.displayName = "ConfirmContent";
 ConfirmContent.Title = ConfirmContentTitle;

package/components/Confirm/components/ConfirmContentTitle.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { ETitleSize } from "../../Typography/enums.js";
 import { Title } from "../../Typography/Title.js";
 import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/Confirm.module-7i7bWV8o.js";
+import { s as styles } from "../../../chunks/Confirm.module-BQh_lhtz.js";
 const ConfirmContentTitle = ({
   children,
   className,

package/components/Confirm/components/ConfirmControls.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-DqGxntec.js";
-import { s as styles } from "../../../chunks/Confirm.module-7i7bWV8o.js";
+import { s as styles } from "../../../chunks/Confirm.module-BQh_lhtz.js";
 const ConfirmControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmControls), ...htmlDivAttributes, children });
 ConfirmControls.displayName = "ConfirmControls";
 export {

package/components/DateField/DateFieldTarget.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-DqGxntec.js";
 import { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { DateFieldContext } from "./DateFieldContext.js";
-import { MaskedField } from "../TextField/MaskedField.js";
+import { MaskedField } from "../MaskedField/MaskedField.js";
 import { FormFieldClear } from "../FormField/components/FormFieldClear.js";
 import { ButtonIcon } from "../Button/ButtonIcon.js";
 import "../MobileView/MobileView.js";
@@ -12,10 +12,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 dateFieldTarget = "dateFieldTarget__ea876aa2";
-const minWidthSM = "minWidthSM__e33ce8fc";
-const minWidthMD = "minWidthMD__f0231571";
-const minWidthLG = "minWidthLG__a9dd8438";
+const dateFieldTarget = "dateFieldTarget__16ea5d0d";
+const minWidthSM = "minWidthSM__77dd8d14";
+const minWidthMD = "minWidthMD__4c53f416";
+const minWidthLG = "minWidthLG__b8eb1569";
 const styles = {
   dateFieldTarget,
   minWidthSM,
@@ -90,7 +90,6 @@ const DateFieldTarget = React.forwardRef(
         maskedInputProps: {
           ...restInputProps,
           className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),
-          disabled,
           onFocus: handleInputFocus,
           onBlur: handleInputBlur,
           onMouseDown: handleMouseDown,

package/components/DateField/DateFieldTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateFieldTarget.js","sources":["../../../src/components/DateField/DateFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { MaskedField } from \"../TextField/MaskedField\";\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 { IDateFieldTargetProps } from \"./types\";\nimport styles from \"./styles/DateFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const DateFieldTarget = React.forwardRef<HTMLDivElement, IDateFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { inputFocusedRef, triggerChangeFromInput } = useContext(DateFieldContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onFocus: onInputFocus,\n            onBlur: onInputBlur,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = maskedInputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = true;\n            onInputFocus?.(event);\n        };\n\n        const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = false;\n\n            if (!dropdownOpen) {\n                triggerChangeFromInput();\n            }\n\n            onInputBlur?.(event);\n        };\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\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon active={dropdownOpen} disabled={disabled} onClick={handleButtonClick}>\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <MaskedField\n                className={clsx(styles.dateFieldTarget, className)}\n                size={size}\n                maskedInputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    disabled: disabled,\n                    onFocus: handleInputFocus,\n                    onBlur: handleInputBlur,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,kBAAkB,MAAM;AAAA,EACjC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,kBAAkB,SAAS,GAAG,UAAA,GAAa,QAAQ;AAChG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,iBAAiB,2BAA2B,WAAW,gBAAgB;AAC/E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,mBAA8D,CAAC,UAAU;AAC3E,sBAAgB,UAAU;AAC1B,mDAAe;AAAA,IACnB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,sBAAgB,UAAU;AAE1B,UAAI,CAAC,cAAc;AACf,+BAAA;AAAA,MACJ;AAEA,iDAAc;AAAA,IAClB;AAEA,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;AAEA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAgE,MAAM,gBAAgB,CAAC,YAAY;AAEzG,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C,oBAAC,cAAW,QAAQ,cAAc,UAAoB,SAAS,mBAC1D,UAAA,0BAA0B,IAAI,EAAA,CACnC;AAAA,MACC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,QACjD;AAAA,QACA,kBAAkB;AAAA,UACd,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE;AAAA,UACA,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}
+{"version":3,"file":"DateFieldTarget.js","sources":["../../../src/components/DateField/DateFieldTarget.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { CalendarStrokeSrvIcon16, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { DatePickerExtendedContext } from \"../DatePickerExtended/DatePickerExtendedContext\";\nimport { DateFieldContext } from \"./DateFieldContext\";\nimport { MaskedField } from \"../MaskedField/MaskedField\";\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 { IDateFieldTargetProps } from \"./types\";\nimport styles from \"./styles/DateFieldTarget.module.less\";\n\n/** Соответствие размера имени класса поля ввода. */\nconst SIZE_TO_INPUT_CLASS_NAME_MAP = {\n    [EComponentSize.SM]: styles.minWidthSM,\n    [EComponentSize.MD]: styles.minWidthMD,\n    [EComponentSize.LG]: styles.minWidthLG,\n};\n\n/** Соответствие размера иконке календаря. */\nconst SIZE_TO_CALENDAR_ICON_MAP = {\n    [EComponentSize.SM]: <CalendarStrokeSrvIcon16 paletteIndex={5} />,\n    [EComponentSize.MD]: <CalendarStrokeSrvIcon20 paletteIndex={5} />,\n    [EComponentSize.LG]: <CalendarStrokeSrvIcon24 paletteIndex={5} />,\n};\n\nexport const DateFieldTarget = React.forwardRef<HTMLDivElement, IDateFieldTargetProps>(\n    ({ className, size = EComponentSize.MD, postfix, maskedInputProps, onClear, ...restProps }, ref) => {\n        const { dropdownOpen, setDropdownOpen } = useContext(DatePickerExtendedContext);\n        const { inputFocusedRef, triggerChangeFromInput } = useContext(DateFieldContext);\n        const { status } = restProps;\n        const {\n            className: inputClassName,\n            onFocus: onInputFocus,\n            onBlur: onInputBlur,\n            onKeyDown: onInputKeyDown,\n            onMouseDown: onInputMouseDown,\n            ...restInputProps\n        } = maskedInputProps;\n        const adaptive = useMobileView();\n        const disabled = status === EFormFieldStatus.DISABLED;\n\n        const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = true;\n            onInputFocus?.(event);\n        };\n\n        const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = (event) => {\n            inputFocusedRef.current = false;\n\n            if (!dropdownOpen) {\n                triggerChangeFromInput();\n            }\n\n            onInputBlur?.(event);\n        };\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\n            onInputKeyDown?.(event);\n        };\n\n        const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = () => setDropdownOpen(!dropdownOpen);\n\n        const renderPostfixContent = () => (\n            <>\n                {onClear && <FormFieldClear onClick={onClear} />}\n                <ButtonIcon active={dropdownOpen} disabled={disabled} onClick={handleButtonClick}>\n                    {SIZE_TO_CALENDAR_ICON_MAP[size]}\n                </ButtonIcon>\n                {postfix}\n            </>\n        );\n\n        return (\n            <MaskedField\n                className={clsx(styles.dateFieldTarget, className)}\n                size={size}\n                maskedInputProps={{\n                    ...restInputProps,\n                    className: clsx(SIZE_TO_INPUT_CLASS_NAME_MAP[size], inputClassName),\n                    onFocus: handleInputFocus,\n                    onBlur: handleInputBlur,\n                    onMouseDown: handleMouseDown,\n                    onKeyDown: handleInputKeyDown,\n                }}\n                postfix={renderPostfixContent()}\n                {...restProps}\n                ref={ref}\n            />\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,+BAA+B;AAAA,EACjC,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAAA,EAC5B,CAAC,eAAe,EAAE,GAAG,OAAO;AAChC;AAGA,MAAM,4BAA4B;AAAA,EAC9B,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,GAAG;AAAA,EAC/D,CAAC,eAAe,EAAE,GAAG,oBAAC,yBAAA,EAAwB,cAAc,EAAA,CAAG;AACnE;AAEO,MAAM,kBAAkB,MAAM;AAAA,EACjC,CAAC,EAAE,WAAW,OAAO,eAAe,IAAI,SAAS,kBAAkB,SAAS,GAAG,UAAA,GAAa,QAAQ;AAChG,UAAM,EAAE,cAAc,oBAAoB,WAAW,yBAAyB;AAC9E,UAAM,EAAE,iBAAiB,2BAA2B,WAAW,gBAAgB;AAC/E,UAAM,EAAE,WAAW;AACnB,UAAM;AAAA,MACF,WAAW;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,aAAa;AAAA,MACb,GAAG;AAAA,IAAA,IACH;AACJ,UAAM,WAAW,cAAA;AACjB,UAAM,WAAW,WAAW,iBAAiB;AAE7C,UAAM,mBAA8D,CAAC,UAAU;AAC3E,sBAAgB,UAAU;AAC1B,mDAAe;AAAA,IACnB;AAEA,UAAM,kBAA6D,CAAC,UAAU;AAC1E,sBAAgB,UAAU;AAE1B,UAAI,CAAC,cAAc;AACf,+BAAA;AAAA,MACJ;AAEA,iDAAc;AAAA,IAClB;AAEA,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;AAEA,uDAAiB;AAAA,IACrB;AAEA,UAAM,oBAAgE,MAAM,gBAAgB,CAAC,YAAY;AAEzG,UAAM,uBAAuB,MACzB,qBAAA,UAAA,EACK,UAAA;AAAA,MAAA,WAAW,oBAAC,gBAAA,EAAe,SAAS,QAAA,CAAS;AAAA,MAC9C,oBAAC,cAAW,QAAQ,cAAc,UAAoB,SAAS,mBAC1D,UAAA,0BAA0B,IAAI,EAAA,CACnC;AAAA,MACC;AAAA,IAAA,GACL;AAGJ,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAW,KAAK,OAAO,iBAAiB,SAAS;AAAA,QACjD;AAAA,QACA,kBAAkB;AAAA,UACd,GAAG;AAAA,UACH,WAAW,KAAK,6BAA6B,IAAI,GAAG,cAAc;AAAA,UAClE,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,aAAa;AAAA,UACb,WAAW;AAAA,QAAA;AAAA,QAEf,SAAS,qBAAA;AAAA,QACR,GAAG;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;"}

package/components/DatePickerExtended/DatePickerExtended.js

@@ -5,7 +5,7 @@ import { Calendar } from "../Calendar/Calendar.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-DN0dqzpi.js";
+import "../../chunks/DropdownListItem-Dxy-pk9m.js";
 import { EDropdownAlignment } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -28,7 +28,7 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
     dropdownTargetRef,
     alignment = EDropdownAlignment.LEFT,
     focusTrapProps,
-    // Calendar props
+    // Calendar props — перечислены явно, иначе они попадут в restProps и осядут на корневом div.
     pickType,
     format,
     defaultViewDate,
@@ -45,7 +45,9 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
     prevButtonProps,
     nextButtonProps,
     viewButtonProps,
+    yesterdayButtonProps,
     todayButtonProps,
+    tomorrowButtonProps,
     onDateChange,
     // Other
     renderTarget,
@@ -54,6 +56,9 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
     onMouseDown,
     onDropdownOpen,
     onDropdownClose,
+    // adaptiveMode исключён из публичного типа, но JS-потребитель и старый скомпилированный код
+    // всё ещё могут его передать. Снимаем значение здесь, иначе оно уйдёт на корневой div.
+    adaptiveMode,
     ...restProps
   } = props;
   const [dropdownOpen, setDropdownOpen] = useState(false);
@@ -61,27 +66,25 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
   const dropdownRef = useRef(null);
   const mouseUsedRef = useRef(false);
   useEffect(() => {
+    if (!dropdownOpen) {
+      mouseUsedRef.current = false;
+      return;
+    }
     const handleOutsideMouseDown = (event) => {
       var _a, _b;
       if (!((_a = containerRef.current) == null ? void 0 : _a.contains(event.target)) && !((_b = dropdownRef.current) == null ? void 0 : _b.contains(event.target))) {
         setDropdownOpen(false);
       }
     };
-    if (dropdownOpen) {
-      document.addEventListener("mousedown", handleOutsideMouseDown);
-      return () => {
-        document.removeEventListener("mousedown", handleOutsideMouseDown);
-      };
-    } else {
-      mouseUsedRef.current = false;
-    }
+    document.addEventListener("mousedown", handleOutsideMouseDown);
+    return () => {
+      document.removeEventListener("mousedown", handleOutsideMouseDown);
+    };
   }, [dropdownOpen]);
   const handleKeyDown = (event) => {
     const key = event.code || event.keyCode;
-    if (isKey(key, "ESCAPE")) {
-      if (dropdownOpen) {
-        setDropdownOpen(false);
-      }
+    if (dropdownOpen && isKey(key, "ESCAPE")) {
+      setDropdownOpen(false);
     }
     onKeyDown == null ? void 0 : onKeyDown(event);
   };
@@ -89,7 +92,11 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
     mouseUsedRef.current = true;
     onMouseDown == null ? void 0 : onMouseDown(event);
   };
-  const renderCalendar = (adaptiveMode) => /* @__PURE__ */ jsx(
+  const handleDateChange = (date) => {
+    setDropdownOpen(false);
+    onDateChange(date);
+  };
+  const renderCalendar = (adaptive) => /* @__PURE__ */ jsx(
     Calendar,
     {
       defaultViewDate,
@@ -100,8 +107,8 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
       markedDays,
       disabledDays,
       reversedPick,
-      adaptiveMode,
-      onDateChange: handleChangeDate,
+      adaptiveMode: adaptive,
+      onDateChange: handleDateChange,
       onPageChange,
       onViewChange,
       dayHtmlAttributes,
@@ -110,13 +117,11 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
       prevButtonProps,
       nextButtonProps,
       viewButtonProps,
-      todayButtonProps
+      yesterdayButtonProps,
+      todayButtonProps,
+      tomorrowButtonProps
     }
   );
-  const handleChangeDate = (date) => {
-    setDropdownOpen(false);
-    onDateChange(date);
-  };
   const setRef = (node) => {
     containerRef.current = node;
     if (typeof ref === "function") {
@@ -131,7 +136,7 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
       onKeyDown: handleKeyDown,
       onMouseDown: handleMouseDown,
       ...restProps,
-      "data-tx": "0.43.0",
+      "data-tx": "0.45.0",
       ref: setRef,
       children: /* @__PURE__ */ jsxs(DatePickerExtendedContext.Provider, { value: { dropdownOpen, mouseUsedRef, setDropdownOpen }, children: [
         renderTarget(),