@sberbusiness/triplex-next 0.51.0 → 0.52.0

package/components/Chip/ChipSuggest/ChipSuggestTarget.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React, { useCallback } from "react";
 import { useSuggestContext } from "../../Suggest/SuggestContext.js";
 import "../../Suggest/Suggest.js";
-import { C as Chip } from "../../../chunks/Chip-SVIdZjNC.js";
+import { C as Chip } from "../../../chunks/Chip-KA-wuCSC.js";
 import { ChipClearButton } from "../ChipClearButton.js";
 import { ChipDropdownArrow } from "../ChipDropdownArrow.js";
 import { isKey } from "../../../utils/keyboard.js";

package/components/Chip/ChipSuggest/desktop/ChipSuggestDesktopDropdownField.js

@@ -18,7 +18,7 @@ import { ETooltipSize } from "../../../Tooltip/enums.js";
 import { LoaderSmall } from "../../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../../Loader/LoaderSmall/enum.js";
 import "../../../Loader/LoaderMiddle/LoaderMiddle.js";
-const chipSuggestInputWrapper = "chipSuggestInputWrapper__38098c55";
+const chipSuggestInputWrapper = "chipSuggestInputWrapper__0c997fcc";
 const styles = {
   chipSuggestInputWrapper
 };

package/components/Chip/index.js

@@ -1,5 +1,5 @@
 import { EChipType } from "./enums.js";
-import { C } from "../../chunks/Chip-SVIdZjNC.js";
+import { C } from "../../chunks/Chip-KA-wuCSC.js";
 import { ChipDatePicker } from "./ChipDatePicker/ChipDatePicker.js";
 import { ChipDatePickerTarget } from "./ChipDatePicker/ChipDatePickerTarget.js";
 import { ChipClearButton } from "./ChipClearButton.js";

package/components/ChipGroup/ChipGroup.js

@@ -3,12 +3,12 @@ import React from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const chipGroup = "chipGroup__5849f9ff";
-const oneLine = "oneLine__e3130041";
-const multiLine = "multiLine__19bf2a32";
-const lg = "lg__690424f5";
-const md = "md__9e47db6d";
-const sm = "sm__39a6581d";
+const chipGroup = "chipGroup__1e563fa8";
+const oneLine = "oneLine__05cff4d7";
+const multiLine = "multiLine__e9a306de";
+const lg = "lg__63759a11";
+const md = "md__8c656d88";
+const sm = "sm__2486487b";
 const styles = {
   chipGroup,
   oneLine,
@@ -31,7 +31,7 @@ const ChipGroup = React.forwardRef(
         ),
         ...rest,
         ref,
-        "data-tx": "0.51.0",
+        "data-tx": "0.52.0",
         children
       }
     );

package/components/Col/Col.js

@@ -3,141 +3,141 @@ import React, { useContext } from "react";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
 import { RowContext } from "../Row/RowContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const gridHorizontalGapSM = "gridHorizontalGapSM__13461720";
-const gridHorizontalGapMD = "gridHorizontalGapMD__8c896a4f";
+const gridHorizontalGapSM = "gridHorizontalGapSM__f06d9a06";
+const gridHorizontalGapMD = "gridHorizontalGapMD__2f7db641";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__f5054fd7",
-  "col-2": "col-2__78c04226",
-  "col-3": "col-3__1c970d52",
-  "col-4": "col-4__9277f2d8",
-  "col-5": "col-5__e98dc738",
-  "col-6": "col-6__362b0b46",
-  "col-7": "col-7__bf107de4",
-  "col-8": "col-8__879ce381",
-  "col-9": "col-9__a2e3a7d4",
-  "col-10": "col-10__c376fdf6",
-  "col-11": "col-11__6adcbe88",
-  "col-12": "col-12__55563d4e",
-  "offset-0": "offset-0__575bcf73",
-  "offset-1": "offset-1__85a85dab",
-  "offset-2": "offset-2__a03e55da",
-  "offset-3": "offset-3__b7fef41a",
-  "offset-4": "offset-4__b71a392a",
-  "offset-5": "offset-5__321987f6",
-  "offset-6": "offset-6__ebfcc13e",
-  "offset-7": "offset-7__9b98e025",
-  "offset-8": "offset-8__c90918d8",
-  "offset-9": "offset-9__c6b09420",
-  "offset-10": "offset-10__8b6848b3",
-  "offset-11": "offset-11__10c6198e",
-  "d-none": "d-none__7b75bb15",
-  "d-block": "d-block__2a5c3f0b",
-  "col-sm-1": "col-sm-1__f3ac1929",
-  "col-sm-2": "col-sm-2__46ee3095",
-  "col-sm-3": "col-sm-3__d46e705e",
-  "col-sm-4": "col-sm-4__039ef3ee",
-  "col-sm-5": "col-sm-5__5ee8892b",
-  "col-sm-6": "col-sm-6__0be1e633",
-  "col-sm-7": "col-sm-7__a5b7a73c",
-  "col-sm-8": "col-sm-8__96b3ae7b",
-  "col-sm-9": "col-sm-9__91db177a",
-  "col-sm-10": "col-sm-10__6cc369f9",
-  "col-sm-11": "col-sm-11__3f8d0415",
-  "col-sm-12": "col-sm-12__dedaf030",
-  "offset-sm-0": "offset-sm-0__98a13ed9",
-  "offset-sm-1": "offset-sm-1__da81bc09",
-  "offset-sm-2": "offset-sm-2__b5219a47",
-  "offset-sm-3": "offset-sm-3__b5166ce1",
-  "offset-sm-4": "offset-sm-4__91ee8d9f",
-  "offset-sm-5": "offset-sm-5__ebef7a13",
-  "offset-sm-6": "offset-sm-6__f8709768",
-  "offset-sm-7": "offset-sm-7__51db73a5",
-  "offset-sm-8": "offset-sm-8__fe84cbf4",
-  "offset-sm-9": "offset-sm-9__c2f8e60a",
-  "offset-sm-10": "offset-sm-10__834759fb",
-  "offset-sm-11": "offset-sm-11__05964c0c",
-  "d-none-sm": "d-none-sm__16202363",
-  "d-block-sm": "d-block-sm__2530153d",
-  "col-md-1": "col-md-1__8444a269",
-  "col-md-2": "col-md-2__f684ea01",
-  "col-md-3": "col-md-3__6cb97982",
-  "col-md-4": "col-md-4__32daf320",
-  "col-md-5": "col-md-5__ea386373",
-  "col-md-6": "col-md-6__b2277629",
-  "col-md-7": "col-md-7__ae724f7e",
-  "col-md-8": "col-md-8__2d5db06f",
-  "col-md-9": "col-md-9__22ec17c4",
-  "col-md-10": "col-md-10__9e05bf56",
-  "col-md-11": "col-md-11__1ce92a97",
-  "col-md-12": "col-md-12__d8db1a31",
-  "offset-md-0": "offset-md-0__84652cd2",
-  "offset-md-1": "offset-md-1__5d19ba49",
-  "offset-md-2": "offset-md-2__460f6d85",
-  "offset-md-3": "offset-md-3__f706ae38",
-  "offset-md-4": "offset-md-4__7bd5d205",
-  "offset-md-5": "offset-md-5__1e27c8b7",
-  "offset-md-6": "offset-md-6__b7a7b23e",
-  "offset-md-7": "offset-md-7__359fc3ca",
-  "offset-md-8": "offset-md-8__f30a8038",
-  "offset-md-9": "offset-md-9__d5a2d381",
-  "offset-md-10": "offset-md-10__54fb24d3",
-  "offset-md-11": "offset-md-11__2a62033e",
-  "d-none-md": "d-none-md__59c9ffd8",
-  "d-block-md": "d-block-md__b1eb5b6a",
-  "col-lg-1": "col-lg-1__fc85fe88",
-  "col-lg-2": "col-lg-2__4dd8e323",
-  "col-lg-3": "col-lg-3__74c25479",
-  "col-lg-4": "col-lg-4__ade45d21",
-  "col-lg-5": "col-lg-5__cad18c24",
-  "col-lg-6": "col-lg-6__848a0d27",
-  "col-lg-7": "col-lg-7__c8df1d8f",
-  "col-lg-8": "col-lg-8__8d20c31e",
-  "col-lg-9": "col-lg-9__452c67a1",
-  "col-lg-10": "col-lg-10__a3b055e6",
-  "col-lg-11": "col-lg-11__d8fd9494",
-  "col-lg-12": "col-lg-12__d875eda6",
-  "offset-lg-0": "offset-lg-0__743c1daf",
-  "offset-lg-1": "offset-lg-1__7e25962e",
-  "offset-lg-2": "offset-lg-2__3b55f7a2",
-  "offset-lg-3": "offset-lg-3__141a4cde",
-  "offset-lg-4": "offset-lg-4__b7163c36",
-  "offset-lg-5": "offset-lg-5__2fdaf898",
-  "offset-lg-6": "offset-lg-6__53d58d82",
-  "offset-lg-7": "offset-lg-7__3dccc526",
-  "offset-lg-8": "offset-lg-8__4a2367b3",
-  "offset-lg-9": "offset-lg-9__630c5de7",
-  "offset-lg-10": "offset-lg-10__ce03dd6a",
-  "offset-lg-11": "offset-lg-11__2753675b",
-  "d-none-lg": "d-none-lg__a00b2891",
-  "d-block-lg": "d-block-lg__c097a523",
-  "col-xl-1": "col-xl-1__08d20692",
-  "col-xl-2": "col-xl-2__15513389",
-  "col-xl-3": "col-xl-3__f03dbf69",
-  "col-xl-4": "col-xl-4__baded8f7",
-  "col-xl-5": "col-xl-5__e122353c",
-  "col-xl-6": "col-xl-6__cf86d8cc",
-  "col-xl-7": "col-xl-7__40727dac",
-  "col-xl-8": "col-xl-8__57859604",
-  "col-xl-9": "col-xl-9__bd27e2ec",
-  "col-xl-10": "col-xl-10__7e4ed73d",
-  "col-xl-11": "col-xl-11__3acd5d52",
-  "col-xl-12": "col-xl-12__35975d95",
-  "offset-xl-0": "offset-xl-0__3e99536a",
-  "offset-xl-1": "offset-xl-1__0099f270",
-  "offset-xl-2": "offset-xl-2__d865dfe0",
-  "offset-xl-3": "offset-xl-3__0a75e2a3",
-  "offset-xl-4": "offset-xl-4__8058c076",
-  "offset-xl-5": "offset-xl-5__f32137de",
-  "offset-xl-6": "offset-xl-6__6fef4db1",
-  "offset-xl-7": "offset-xl-7__d0de2199",
-  "offset-xl-8": "offset-xl-8__6715681e",
-  "offset-xl-9": "offset-xl-9__4daf687a",
-  "offset-xl-10": "offset-xl-10__1492db6b",
-  "offset-xl-11": "offset-xl-11__1310ae41",
-  "d-none-xl": "d-none-xl__516ad812",
-  "d-block-xl": "d-block-xl__366fbd1a"
+  "col-1": "col-1__e861f3c2",
+  "col-2": "col-2__66ec506b",
+  "col-3": "col-3__4b268f23",
+  "col-4": "col-4__b4b49dd7",
+  "col-5": "col-5__39fac14f",
+  "col-6": "col-6__d866531f",
+  "col-7": "col-7__07f04ed9",
+  "col-8": "col-8__060a7092",
+  "col-9": "col-9__11a1332b",
+  "col-10": "col-10__8bbd5aa9",
+  "col-11": "col-11__8b874c55",
+  "col-12": "col-12__2b09d373",
+  "offset-0": "offset-0__4400b216",
+  "offset-1": "offset-1__b2c213dc",
+  "offset-2": "offset-2__b5936112",
+  "offset-3": "offset-3__16e8e73a",
+  "offset-4": "offset-4__80f590aa",
+  "offset-5": "offset-5__b9743354",
+  "offset-6": "offset-6__c23e5aa8",
+  "offset-7": "offset-7__91be5ed3",
+  "offset-8": "offset-8__ca6db81d",
+  "offset-9": "offset-9__2d68a5aa",
+  "offset-10": "offset-10__7fc9e9f6",
+  "offset-11": "offset-11__fe1a9bb3",
+  "d-none": "d-none__e1f47c98",
+  "d-block": "d-block__ba0ede01",
+  "col-sm-1": "col-sm-1__8b9d7962",
+  "col-sm-2": "col-sm-2__e1673054",
+  "col-sm-3": "col-sm-3__26f9f8c6",
+  "col-sm-4": "col-sm-4__68f40808",
+  "col-sm-5": "col-sm-5__a3ca01af",
+  "col-sm-6": "col-sm-6__01c1ed26",
+  "col-sm-7": "col-sm-7__f3a05c4f",
+  "col-sm-8": "col-sm-8__2ef9a2cb",
+  "col-sm-9": "col-sm-9__2665c317",
+  "col-sm-10": "col-sm-10__ad548dec",
+  "col-sm-11": "col-sm-11__be53d2fa",
+  "col-sm-12": "col-sm-12__f067aedd",
+  "offset-sm-0": "offset-sm-0__1cf13e72",
+  "offset-sm-1": "offset-sm-1__875c67dd",
+  "offset-sm-2": "offset-sm-2__7f174cf5",
+  "offset-sm-3": "offset-sm-3__98f13b61",
+  "offset-sm-4": "offset-sm-4__27f9d1fa",
+  "offset-sm-5": "offset-sm-5__62d39457",
+  "offset-sm-6": "offset-sm-6__761f9fa0",
+  "offset-sm-7": "offset-sm-7__b0104265",
+  "offset-sm-8": "offset-sm-8__cf8a0414",
+  "offset-sm-9": "offset-sm-9__5a0cad89",
+  "offset-sm-10": "offset-sm-10__c7c5d46f",
+  "offset-sm-11": "offset-sm-11__bc2c4afb",
+  "d-none-sm": "d-none-sm__a83d9105",
+  "d-block-sm": "d-block-sm__90f64da9",
+  "col-md-1": "col-md-1__8cd4e236",
+  "col-md-2": "col-md-2__599d1c1d",
+  "col-md-3": "col-md-3__ab612e2e",
+  "col-md-4": "col-md-4__e6e30bce",
+  "col-md-5": "col-md-5__e8f8761e",
+  "col-md-6": "col-md-6__1795ee68",
+  "col-md-7": "col-md-7__e7f22f43",
+  "col-md-8": "col-md-8__f35c85be",
+  "col-md-9": "col-md-9__c6ee57ba",
+  "col-md-10": "col-md-10__2af7bd0d",
+  "col-md-11": "col-md-11__f15badf0",
+  "col-md-12": "col-md-12__d9551ef4",
+  "offset-md-0": "offset-md-0__7d8dbadc",
+  "offset-md-1": "offset-md-1__5c844f9a",
+  "offset-md-2": "offset-md-2__eb67445f",
+  "offset-md-3": "offset-md-3__e9a974ab",
+  "offset-md-4": "offset-md-4__412685ec",
+  "offset-md-5": "offset-md-5__ed8a86a5",
+  "offset-md-6": "offset-md-6__6cd35a08",
+  "offset-md-7": "offset-md-7__5210d680",
+  "offset-md-8": "offset-md-8__cb154b0a",
+  "offset-md-9": "offset-md-9__ef17bb35",
+  "offset-md-10": "offset-md-10__aa4aadb4",
+  "offset-md-11": "offset-md-11__d182cd7d",
+  "d-none-md": "d-none-md__dc63794f",
+  "d-block-md": "d-block-md__3f4208a1",
+  "col-lg-1": "col-lg-1__85f19179",
+  "col-lg-2": "col-lg-2__9fbfe30c",
+  "col-lg-3": "col-lg-3__bdc4a2fd",
+  "col-lg-4": "col-lg-4__b6d3243c",
+  "col-lg-5": "col-lg-5__c0b31759",
+  "col-lg-6": "col-lg-6__92bbdf66",
+  "col-lg-7": "col-lg-7__e89a0e17",
+  "col-lg-8": "col-lg-8__c8d3d67d",
+  "col-lg-9": "col-lg-9__00e8968c",
+  "col-lg-10": "col-lg-10__d90ab8af",
+  "col-lg-11": "col-lg-11__12c817a6",
+  "col-lg-12": "col-lg-12__82b441dd",
+  "offset-lg-0": "offset-lg-0__69931bc3",
+  "offset-lg-1": "offset-lg-1__60d23abe",
+  "offset-lg-2": "offset-lg-2__3fc2a9bc",
+  "offset-lg-3": "offset-lg-3__7fda3f18",
+  "offset-lg-4": "offset-lg-4__0f08547c",
+  "offset-lg-5": "offset-lg-5__17cf383b",
+  "offset-lg-6": "offset-lg-6__66763bea",
+  "offset-lg-7": "offset-lg-7__42b6099a",
+  "offset-lg-8": "offset-lg-8__3d7ff3e1",
+  "offset-lg-9": "offset-lg-9__06b7fcbf",
+  "offset-lg-10": "offset-lg-10__c0f60073",
+  "offset-lg-11": "offset-lg-11__22211073",
+  "d-none-lg": "d-none-lg__ad5f4a56",
+  "d-block-lg": "d-block-lg__02d6a615",
+  "col-xl-1": "col-xl-1__a13c8ce5",
+  "col-xl-2": "col-xl-2__c56a115a",
+  "col-xl-3": "col-xl-3__0c7727f9",
+  "col-xl-4": "col-xl-4__6c8a58e2",
+  "col-xl-5": "col-xl-5__ba97940d",
+  "col-xl-6": "col-xl-6__30f4f830",
+  "col-xl-7": "col-xl-7__eddfdff6",
+  "col-xl-8": "col-xl-8__9e8612a2",
+  "col-xl-9": "col-xl-9__4b7b11c9",
+  "col-xl-10": "col-xl-10__cc2faa01",
+  "col-xl-11": "col-xl-11__9590884e",
+  "col-xl-12": "col-xl-12__06638b09",
+  "offset-xl-0": "offset-xl-0__3656c182",
+  "offset-xl-1": "offset-xl-1__0a8911f3",
+  "offset-xl-2": "offset-xl-2__03ed5e68",
+  "offset-xl-3": "offset-xl-3__457df854",
+  "offset-xl-4": "offset-xl-4__b87234d4",
+  "offset-xl-5": "offset-xl-5__08cfe7cc",
+  "offset-xl-6": "offset-xl-6__66b3f5e9",
+  "offset-xl-7": "offset-xl-7__dfc40377",
+  "offset-xl-8": "offset-xl-8__72aef487",
+  "offset-xl-9": "offset-xl-9__d66c67be",
+  "offset-xl-10": "offset-xl-10__d3d74722",
+  "offset-xl-11": "offset-xl-11__206c106d",
+  "d-none-xl": "d-none-xl__2daf83df",
+  "d-block-xl": "d-block-xl__f5f7673c"
 };
 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-Bf_-FiU6.js";
 import { CollapsibleTreeExtended } from "../CollapsibleTreeExtended/CollapsibleTreeExtended.js";
 import { CollapsibleTreeBranchNode } from "./components/CollapsibleTreeBranchNode.js";
-const collapsibleTree = "collapsibleTree__5dd0af98";
+const collapsibleTree = "collapsibleTree__597d32b0";
 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-Bf_-FiU6.js";
-const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__b972352b";
+const collapsibleTreeLeafContent = "collapsibleTreeLeafContent__a0e9d70a";
 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 { x as noop } from "../../../chunks/vendor-Bf_-FiU6.js";
-const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__cbedd54e";
+const collapsibleTreeLeafNode = "collapsibleTreeLeafNode__64bc2971";
 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-Bf_-FiU6.js";
-const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__06bdbfbf";
-const interactive = "interactive__2230e93b";
-const chevron = "chevron__2794fa2a";
-const opened = "opened__78d932b7";
+const collapsibleTreeNodeHeader = "collapsibleTreeNodeHeader__1b5b409d";
+const interactive = "interactive__e0833bd3";
+const chevron = "chevron__241643f7";
+const opened = "opened__8ceec678";
 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-Bf_-FiU6.js";
-const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__d18b5c31";
+const collapsibleTreeExtendedNodeContent = "collapsibleTreeExtendedNodeContent__24631cb9";
 const styles = {
   collapsibleTreeExtendedNodeContent
 };

package/components/Confirm/Confirm.js

@@ -10,7 +10,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-YWhb2Ve3.js";
+import { s as styles } from "../../chunks/Confirm.module-CQVT-_Lm.js";
 const PARENT_COMPONENT_TO_CLASS_NAME_MAP = {
   [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-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/Confirm.module-YWhb2Ve3.js";
+import { s as styles } from "../../../chunks/Confirm.module-CQVT-_Lm.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

@@ -3,7 +3,7 @@ import React from "react";
 import { ConfirmContentSubTitle } from "./ConfirmContentSubTitle.js";
 import { ConfirmContentTitle } from "./ConfirmContentTitle.js";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/Confirm.module-YWhb2Ve3.js";
+import { s as styles } from "../../../chunks/Confirm.module-CQVT-_Lm.js";
 const ConfirmContent = Object.assign(
   React.forwardRef(({ children, className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.confirmContent, className), ...htmlDivAttributes, ref, children })),
   {

package/components/Confirm/components/ConfirmContentTitle.js

@@ -3,7 +3,7 @@ import React from "react";
 import { ETitleSize } from "../../Typography/enums.js";
 import { Title } from "../../Typography/Title.js";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/Confirm.module-YWhb2Ve3.js";
+import { s as styles } from "../../../chunks/Confirm.module-CQVT-_Lm.js";
 const TitleBase = Title;
 const ConfirmContentTitle = React.forwardRef(
   ({ children, className, size = ETitleSize.H3, ...rest }, ref) => /* @__PURE__ */ jsx(TitleBase, { size, className: clsx(styles.confirmContentTitle, className), ...rest, ref, children })

package/components/Confirm/components/ConfirmControls.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-Bf_-FiU6.js";
-import { s as styles } from "../../../chunks/Confirm.module-YWhb2Ve3.js";
+import { s as styles } from "../../../chunks/Confirm.module-CQVT-_Lm.js";
 const ConfirmControls = React.forwardRef(
   ({ children, className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.confirmControls, className), ...htmlDivAttributes, ref, children })
 );

package/components/DateField/DateFieldTarget.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__e283704f";
-const minWidthSM = "minWidthSM__46e163a4";
-const minWidthMD = "minWidthMD__22ac509e";
-const minWidthLG = "minWidthLG__7a022dba";
+const dateFieldTarget = "dateFieldTarget__12e12650";
+const minWidthSM = "minWidthSM__a9855939";
+const minWidthMD = "minWidthMD__1c9e094f";
+const minWidthLG = "minWidthLG__98be0811";
 const styles = {
   dateFieldTarget,
   minWidthSM,

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-DbG8a_Rw.js";
+import "../../chunks/DropdownListItem-B220hwlD.js";
 import { EDropdownAlignment } from "../Dropdown/desktop/enums.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import "../Dropdown/mobile/DropdownMobileBody.js";
@@ -136,7 +136,7 @@ const DatePickerExtended = React.forwardRef((props, ref) => {
       onKeyDown: handleKeyDown,
       onMouseDown: handleMouseDown,
       ...restProps,
-      "data-tx": "0.51.0",
+      "data-tx": "0.52.0",
       ref: setRef,
       children: /* @__PURE__ */ jsxs(DatePickerExtendedContext.Provider, { value: { dropdownOpen, mouseUsedRef, setDropdownOpen }, children: [
         renderTarget(),

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -14,7 +14,7 @@ import "../Dropdown/mobile/DropdownMobileList.js";
 import "../Dropdown/mobile/DropdownMobileListItem.js";
 import "../Loader/LoaderSmall/LoaderSmall.js";
 import "../Loader/LoaderMiddle/LoaderMiddle.js";
-const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__1225f6eb";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__8ec339ba";
 const styles = {
   datePickerExtendedMobileDropdown
 };

package/components/DateRange/DateRange.js

@@ -2,11 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
 import { c as clsx } from "../../chunks/vendor-Bf_-FiU6.js";
+import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
 import { EDateRangeShiftUnit } from "./enums.js";
-import { shiftDateRange } from "./utils.js";
-const dateRange = "dateRange__31f1fae8";
-const dateRangeButton = "dateRangeButton__285b6101";
-const separator = "separator__784e6546";
+import { shiftDateRange, isDateAfter } from "./utils.js";
+const dateRange = "dateRange__c1feee5d";
+const dateRangeButton = "dateRangeButton__52fe159e";
+const separator = "separator__1ea43875";
 const styles = {
   dateRange,
   dateRangeButton,
@@ -17,40 +18,41 @@ const DateRange = React.forwardRef(
     children,
     className,
     value,
-    onChange,
+    format = dateFormatYYYYMMDD,
     shiftAmount = 1,
     shiftUnit = EDateRangeShiftUnit.MONTH,
     hideNavigation,
+    onChange,
     renderPickerFrom,
     renderPickerTo,
     renderButtonForward,
     renderButtonBack,
-    ...rest
+    ...restProps
   }, ref) => {
     const [start, end] = value;
     const classNames = clsx(styles.dateRange, className);
     const shiftDisabled = !(start && end);
     const handleChangePickerFrom = (date) => {
-      if (!date || !end || date <= end) {
+      if (!date || !end || !isDateAfter(date, end, format)) {
         onChange([date, end]);
       } else {
         onChange([date, ""]);
       }
     };
     const handleChangePickerTo = (date) => {
-      if (!date || !start || date >= start) {
+      if (!date || !start || !isDateAfter(start, date, format)) {
         onChange([start, date]);
       } else {
         onChange(["", date]);
       }
     };
     const shiftRange = (amount) => {
-      if (shiftDisabled) {
-        return;
+      const shiftedValue = shiftDateRange(value, amount, shiftUnit, format);
+      if (shiftedValue) {
+        onChange(shiftedValue);
       }
-      onChange(shiftDateRange(value, amount, shiftUnit));
     };
-    return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, ref, children: [
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...restProps, ref, children: [
       !hideNavigation && renderButtonBack({
         children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
         className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),
@@ -58,13 +60,15 @@ const DateRange = React.forwardRef(
         onClick: () => shiftRange(-shiftAmount)
       }),
       renderPickerFrom({
-        onChange: handleChangePickerFrom,
-        value: start
+        value: start,
+        format,
+        onChange: handleChangePickerFrom
       }),
       /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
       renderPickerTo({
-        onChange: handleChangePickerTo,
-        value: end
+        value: end,
+        format,
+        onChange: handleChangePickerTo
       }),
       !hideNavigation && renderButtonForward({
         children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),

package/components/DateRange/DateRange.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRange.js","sources":["../../../src/components/DateRange/DateRange.tsx"],"sourcesContent":["import React from \"react\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport { TDateRangeValue } from \"./types\";\nimport { shiftDateRange } from \"./utils\";\nimport styles from \"./styles/DateRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона дат. */\nexport interface IDateRangeButtonProvideProps {\n    /** Иконка направления сдвига. */\n    children: React.ReactNode;\n    /** Класс кнопки сдвига. */\n    className: string;\n    /** Обработчик клика, сдвигающий диапазон дат. */\n    onClick: () => void;\n    /** Кнопка недоступна — диапазон дат заполнен не полностью. */\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора даты. */\nexport interface IDateRangePickerProvideProps {\n    /** Дата в формате YYYYMMDD, пустая строка — дата не выбрана. */\n    value: string;\n    /** Обработчик изменения даты. Принимает дату в формате YYYYMMDD. */\n    onChange: (value: string) => void;\n}\n\n/** Свойства компонента DateRange. */\nexport interface IDateRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Диапазон дат. */\n    value: TDateRangeValue;\n    /** Функция, вызывающаяся при изменении диапазона дат. */\n    onChange: (value: TDateRangeValue) => void;\n    /** Численная величина сдвига диапазона дат. По умолчанию 1. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига диапазона дат. По умолчанию EDateRangeShiftUnit.MONTH. */\n    shiftUnit?: EDateRangeShiftUnit;\n    /** Управление отображением/скрытием кнопок сдвига диапазона дат. По умолчанию false. */\n    hideNavigation?: boolean;\n    /** Функция рендеринга поля выбора даты \"от\". */\n    renderPickerFrom: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга поля выбора даты \"до\". */\n    renderPickerTo: (props: IDateRangePickerProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"назад\". */\n    renderButtonBack: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n    /** Функция рендеринга кнопки сдвига диапазона дат \"вперёд\". */\n    renderButtonForward: (props: IDateRangeButtonProvideProps) => React.ReactNode;\n}\n\n/**\n * Выбор диапазона дат. Рендерит два поля выбора даты и кнопки сдвига диапазона,\n * которые передаются через render-props. Следит за тем, чтобы дата \"от\" не была\n * больше даты \"до\", и сдвигает обе границы диапазона сразу.\n */\nexport const DateRange = React.forwardRef<HTMLDivElement, IDateRangeProps>(\n    (\n        {\n            children,\n            className,\n            value,\n            onChange,\n            shiftAmount = 1,\n            shiftUnit = EDateRangeShiftUnit.MONTH,\n            hideNavigation,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...rest\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.dateRange, className);\n        /** Сдвиг возможен только при обеих заполненных границах диапазона. */\n        const shiftDisabled = !(start && end);\n\n        /** Обработчик изменения значения в поле выбора даты \"от\". Сбрасывает дату \"до\", если она оказалась меньше. */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || date <= end) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора даты \"до\". Сбрасывает дату \"от\", если она оказалась больше. */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || date >= start) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Смещает обе границы диапазона на amount единиц. Неполный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            if (shiftDisabled) {\n                return;\n            }\n\n            onChange(shiftDateRange(value, amount, shiftUnit));\n        };\n\n        return (\n            <div className={classNames} {...rest} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\n                    })}\n                {renderPickerFrom({\n                    onChange: handleChangePickerFrom,\n                    value: start,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    onChange: handleChangePickerTo,\n                    value: end,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nDateRange.displayName = \"DateRange\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuDO,MAAM,YAAY,MAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,YAAY,oBAAoB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,WAAW,SAAS;AAEnD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,aAAa,CAAC,WAAmB;AACnC,UAAI,eAAe;AACf;AAAA,MACJ;AAEA,eAAS,eAAe,OAAO,QAAQ,SAAS,CAAC;AAAA,IACrD;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,MAAM,KACjC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,eAAe;AAAA,QACnE,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;AAAA,MACJ,iBAAiB;AAAA,QACd,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACV;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,eAAe;AAAA,QACnE,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"DateRange.js","sources":["../../../src/components/DateRange/DateRange.tsx"],"sourcesContent":["import React from \"react\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport clsx from \"clsx\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport { IDateRangeProps } from \"./types\";\nimport { isDateAfter, shiftDateRange } from \"./utils\";\nimport styles from \"./styles/DateRange.module.less\";\n\n/**\n * Выбор диапазона дат. Рендерит два поля выбора даты и кнопки сдвига диапазона,\n * которые передаются через render-props. Следит за тем, чтобы дата \"от\" не была\n * больше даты \"до\", и сдвигает обе границы диапазона сразу.\n */\nexport const DateRange = React.forwardRef<HTMLDivElement, IDateRangeProps>(\n    (\n        {\n            children,\n            className,\n            value,\n            format = dateFormatYYYYMMDD,\n            shiftAmount = 1,\n            shiftUnit = EDateRangeShiftUnit.MONTH,\n            hideNavigation,\n            onChange,\n            renderPickerFrom,\n            renderPickerTo,\n            renderButtonForward,\n            renderButtonBack,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [start, end] = value;\n        const classNames = clsx(styles.dateRange, className);\n        /** Сдвиг возможен только при обеих заполненных границах диапазона. */\n        const shiftDisabled = !(start && end);\n\n        /** Обработчик изменения значения в поле выбора даты \"от\". Сбрасывает дату \"до\", если она оказалась меньше. */\n        const handleChangePickerFrom = (date: string) => {\n            if (!date || !end || !isDateAfter(date, end, format)) {\n                onChange([date, end]);\n            } else {\n                onChange([date, \"\"]);\n            }\n        };\n\n        /** Обработчик изменения значения в поле выбора даты \"до\". Сбрасывает дату \"от\", если она оказалась больше. */\n        const handleChangePickerTo = (date: string) => {\n            if (!date || !start || !isDateAfter(start, date, format)) {\n                onChange([start, date]);\n            } else {\n                onChange([\"\", date]);\n            }\n        };\n\n        /** Смещает обе границы диапазона на amount единиц. Неполный или невалидный диапазон не сдвигается. */\n        const shiftRange = (amount: number) => {\n            const shiftedValue = shiftDateRange(value, amount, shiftUnit, format);\n\n            if (shiftedValue) {\n                onChange(shiftedValue);\n            }\n        };\n\n        return (\n            <div className={classNames} {...restProps} ref={ref}>\n                {!hideNavigation &&\n                    renderButtonBack({\n                        children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(-shiftAmount),\n                    })}\n                {renderPickerFrom({\n                    value: start,\n                    format,\n                    onChange: handleChangePickerFrom,\n                })}\n                <RangeStrokeSrvIcon16 className={styles.separator} paletteIndex={5} />\n                {renderPickerTo({\n                    value: end,\n                    format,\n                    onChange: handleChangePickerTo,\n                })}\n                {!hideNavigation &&\n                    renderButtonForward({\n                        children: <CaretrightStrokeSrvIcon20 paletteIndex={5} />,\n                        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),\n                        disabled: shiftDisabled,\n                        onClick: () => shiftRange(shiftAmount),\n                    })}\n            </div>\n        );\n    },\n);\n\nDateRange.displayName = \"DateRange\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAcO,MAAM,YAAY,MAAM;AAAA,EAC3B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,cAAc;AAAA,IACd,YAAY,oBAAoB;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,CAAC,OAAO,GAAG,IAAI;AACrB,UAAM,aAAa,KAAK,OAAO,WAAW,SAAS;AAEnD,UAAM,gBAAgB,EAAE,SAAS;AAGjC,UAAM,yBAAyB,CAAC,SAAiB;AAC7C,UAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,MAAM,KAAK,MAAM,GAAG;AAClD,iBAAS,CAAC,MAAM,GAAG,CAAC;AAAA,MACxB,OAAO;AACH,iBAAS,CAAC,MAAM,EAAE,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,uBAAuB,CAAC,SAAiB;AAC3C,UAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,YAAY,OAAO,MAAM,MAAM,GAAG;AACtD,iBAAS,CAAC,OAAO,IAAI,CAAC;AAAA,MAC1B,OAAO;AACH,iBAAS,CAAC,IAAI,IAAI,CAAC;AAAA,MACvB;AAAA,IACJ;AAGA,UAAM,aAAa,CAAC,WAAmB;AACnC,YAAM,eAAe,eAAe,OAAO,QAAQ,WAAW,MAAM;AAEpE,UAAI,cAAc;AACd,iBAAS,YAAY;AAAA,MACzB;AAAA,IACJ;AAEA,gCACK,OAAA,EAAI,WAAW,YAAa,GAAG,WAAW,KACtC,UAAA;AAAA,MAAA,CAAC,kBACE,iBAAiB;AAAA,QACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,QACrD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,eAAe;AAAA,QACnE,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,CAAC,WAAW;AAAA,MAAA,CACzC;AAAA,MACJ,iBAAiB;AAAA,QACd,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA,CACb;AAAA,0BACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,MACnE,eAAe;AAAA,QACZ,OAAO;AAAA,QACP;AAAA,QACA,UAAU;AAAA,MAAA,CACb;AAAA,MACA,CAAC,kBACE,oBAAoB;AAAA,QAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,QACtD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,eAAe;AAAA,QACnE,UAAU;AAAA,QACV,SAAS,MAAM,WAAW,WAAW;AAAA,MAAA,CACxC;AAAA,IAAA,GACT;AAAA,EAER;AACJ;AAEA,UAAU,cAAc;"}