@sberbusiness/triplex-next 0.50.0 → 0.52.0

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__6353b9c1";
-const gridHorizontalGapMD = "gridHorizontalGapMD__d68f67c4";
+const gridHorizontalGapSM = "gridHorizontalGapSM__f06d9a06";
+const gridHorizontalGapMD = "gridHorizontalGapMD__2f7db641";
 const styles = {
   gridHorizontalGapSM,
   gridHorizontalGapMD,
-  "col-1": "col-1__a1e9d2d4",
-  "col-2": "col-2__2f34c4b5",
-  "col-3": "col-3__dd8d5f58",
-  "col-4": "col-4__5143dee3",
-  "col-5": "col-5__bf8a764d",
-  "col-6": "col-6__3c71c875",
-  "col-7": "col-7__36985d88",
-  "col-8": "col-8__81787a7f",
-  "col-9": "col-9__9f37030e",
-  "col-10": "col-10__9f54a4f1",
-  "col-11": "col-11__bbcc1f46",
-  "col-12": "col-12__7ace45d0",
-  "offset-0": "offset-0__8293cadb",
-  "offset-1": "offset-1__6af43a50",
-  "offset-2": "offset-2__ff18a621",
-  "offset-3": "offset-3__0d3d6114",
-  "offset-4": "offset-4__9b6f3da8",
-  "offset-5": "offset-5__2955faa2",
-  "offset-6": "offset-6__1b173162",
-  "offset-7": "offset-7__c5b7396e",
-  "offset-8": "offset-8__a74d26d4",
-  "offset-9": "offset-9__fe154f40",
-  "offset-10": "offset-10__f035a634",
-  "offset-11": "offset-11__abf09dba",
-  "d-none": "d-none__2f60e2cc",
-  "d-block": "d-block__95422ddf",
-  "col-sm-1": "col-sm-1__a57aec8e",
-  "col-sm-2": "col-sm-2__dcf56541",
-  "col-sm-3": "col-sm-3__de9edc6e",
-  "col-sm-4": "col-sm-4__b074e157",
-  "col-sm-5": "col-sm-5__a441d309",
-  "col-sm-6": "col-sm-6__910450f9",
-  "col-sm-7": "col-sm-7__52fc2d3e",
-  "col-sm-8": "col-sm-8__fb81802c",
-  "col-sm-9": "col-sm-9__549e583b",
-  "col-sm-10": "col-sm-10__ffe83c48",
-  "col-sm-11": "col-sm-11__606add1a",
-  "col-sm-12": "col-sm-12__40260245",
-  "offset-sm-0": "offset-sm-0__8bdc5dc1",
-  "offset-sm-1": "offset-sm-1__7d97bebc",
-  "offset-sm-2": "offset-sm-2__c15b71c7",
-  "offset-sm-3": "offset-sm-3__19a186ba",
-  "offset-sm-4": "offset-sm-4__7ca97053",
-  "offset-sm-5": "offset-sm-5__fb2b72b2",
-  "offset-sm-6": "offset-sm-6__5c50834f",
-  "offset-sm-7": "offset-sm-7__9130db9a",
-  "offset-sm-8": "offset-sm-8__5ba150c4",
-  "offset-sm-9": "offset-sm-9__66f5e141",
-  "offset-sm-10": "offset-sm-10__34a063c0",
-  "offset-sm-11": "offset-sm-11__560fc944",
-  "d-none-sm": "d-none-sm__f0ffcdc2",
-  "d-block-sm": "d-block-sm__8b5380dd",
-  "col-md-1": "col-md-1__5bc44479",
-  "col-md-2": "col-md-2__046538dd",
-  "col-md-3": "col-md-3__6ade1aea",
-  "col-md-4": "col-md-4__ce0b5cf5",
-  "col-md-5": "col-md-5__0db90994",
-  "col-md-6": "col-md-6__afe99b72",
-  "col-md-7": "col-md-7__0c887413",
-  "col-md-8": "col-md-8__fdd6f368",
-  "col-md-9": "col-md-9__cd45ff32",
-  "col-md-10": "col-md-10__75619986",
-  "col-md-11": "col-md-11__9a493855",
-  "col-md-12": "col-md-12__8ded1a21",
-  "offset-md-0": "offset-md-0__6285945a",
-  "offset-md-1": "offset-md-1__34f8d6b2",
-  "offset-md-2": "offset-md-2__d01e376a",
-  "offset-md-3": "offset-md-3__c986c240",
-  "offset-md-4": "offset-md-4__b8889621",
-  "offset-md-5": "offset-md-5__74898f43",
-  "offset-md-6": "offset-md-6__f37d26f1",
-  "offset-md-7": "offset-md-7__4637135b",
-  "offset-md-8": "offset-md-8__2cfb240d",
-  "offset-md-9": "offset-md-9__a2393d93",
-  "offset-md-10": "offset-md-10__4212ce61",
-  "offset-md-11": "offset-md-11__af2435ae",
-  "d-none-md": "d-none-md__aca99d37",
-  "d-block-md": "d-block-md__edfdd4c5",
-  "col-lg-1": "col-lg-1__e1cb89e8",
-  "col-lg-2": "col-lg-2__f9727aed",
-  "col-lg-3": "col-lg-3__163461a9",
-  "col-lg-4": "col-lg-4__9b5b407d",
-  "col-lg-5": "col-lg-5__c725046f",
-  "col-lg-6": "col-lg-6__82fc191d",
-  "col-lg-7": "col-lg-7__a49476ea",
-  "col-lg-8": "col-lg-8__70a026ad",
-  "col-lg-9": "col-lg-9__f6a0db3f",
-  "col-lg-10": "col-lg-10__379e1e4d",
-  "col-lg-11": "col-lg-11__fe398e5f",
-  "col-lg-12": "col-lg-12__affb91de",
-  "offset-lg-0": "offset-lg-0__b00c4122",
-  "offset-lg-1": "offset-lg-1__206e3d4f",
-  "offset-lg-2": "offset-lg-2__babea59d",
-  "offset-lg-3": "offset-lg-3__611ba46f",
-  "offset-lg-4": "offset-lg-4__fc400139",
-  "offset-lg-5": "offset-lg-5__62c807a1",
-  "offset-lg-6": "offset-lg-6__941be967",
-  "offset-lg-7": "offset-lg-7__04b62b0f",
-  "offset-lg-8": "offset-lg-8__8bedea50",
-  "offset-lg-9": "offset-lg-9__89bcc58a",
-  "offset-lg-10": "offset-lg-10__1435b7f1",
-  "offset-lg-11": "offset-lg-11__ee802376",
-  "d-none-lg": "d-none-lg__b29d63b5",
-  "d-block-lg": "d-block-lg__e04a366e",
-  "col-xl-1": "col-xl-1__da5bf347",
-  "col-xl-2": "col-xl-2__fc027b5f",
-  "col-xl-3": "col-xl-3__57b4cf88",
-  "col-xl-4": "col-xl-4__6c39310f",
-  "col-xl-5": "col-xl-5__e5df89b3",
-  "col-xl-6": "col-xl-6__731c55d5",
-  "col-xl-7": "col-xl-7__6d0c087b",
-  "col-xl-8": "col-xl-8__16fd53fd",
-  "col-xl-9": "col-xl-9__0d2f061a",
-  "col-xl-10": "col-xl-10__2edcc1f3",
-  "col-xl-11": "col-xl-11__8970af06",
-  "col-xl-12": "col-xl-12__bc98c8ca",
-  "offset-xl-0": "offset-xl-0__93668bda",
-  "offset-xl-1": "offset-xl-1__ff47ed24",
-  "offset-xl-2": "offset-xl-2__747ab595",
-  "offset-xl-3": "offset-xl-3__bd7bb057",
-  "offset-xl-4": "offset-xl-4__c1b95a2c",
-  "offset-xl-5": "offset-xl-5__39558454",
-  "offset-xl-6": "offset-xl-6__d51b2c4b",
-  "offset-xl-7": "offset-xl-7__92ee8924",
-  "offset-xl-8": "offset-xl-8__549f1c28",
-  "offset-xl-9": "offset-xl-9__0007e946",
-  "offset-xl-10": "offset-xl-10__48215de1",
-  "offset-xl-11": "offset-xl-11__4547c7b1",
-  "d-none-xl": "d-none-xl__1df23ca8",
-  "d-block-xl": "d-block-xl__0477e06c"
+  "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__c1372891";
+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__6b9479b9";
+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__911375d4";
+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__b32887c4";
-const interactive = "interactive__613d7abe";
-const chevron = "chevron__9a955642";
-const opened = "opened__4994f0ae";
+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__aa8efb55";
+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-BqgJS-ki.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-BqgJS-ki.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-BqgJS-ki.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-BqgJS-ki.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-BqgJS-ki.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__3815dd13";
-const minWidthSM = "minWidthSM__03f84318";
-const minWidthMD = "minWidthMD__b45fb84e";
-const minWidthLG = "minWidthLG__819cd1fe";
+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-DnBotWoU.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.50.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__5e3903d4";
+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__8763f7a2";
-const dateRangeButton = "dateRangeButton__44286160";
-const separator = "separator__a5c5772a";
+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;"}

package/components/DateRange/utils.js

@@ -1,8 +1,15 @@
 import moment from "moment";
-import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
-const shiftDate = (date, amount, unit) => moment(date, dateFormatYYYYMMDD).add(amount, unit).format(dateFormatYYYYMMDD);
-const shiftDateRange = ([start, end], amount, unit) => [shiftDate(start, amount, unit), shiftDate(end, amount, unit)];
+const shiftDateRange = ([start, end], amount, unit, format) => {
+  const momentStart = moment(start, format, true);
+  const momentEnd = moment(end, format, true);
+  if (!momentStart.isValid() || !momentEnd.isValid()) {
+    return null;
+  }
+  return [momentStart.add(amount, unit).format(format), momentEnd.add(amount, unit).format(format)];
+};
+const isDateAfter = (date, other, format) => moment(date, format, true).isAfter(moment(other, format, true));
 export {
+  isDateAfter,
   shiftDateRange
 };
 //# sourceMappingURL=utils.js.map

package/components/DateRange/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/DateRange/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport { TDateRangeValue } from \"./types\";\n\n/** Сдвигает дату в формате YYYYMMDD на указанную величину. */\nconst shiftDate = (date: string, amount: number, unit: EDateRangeShiftUnit): string =>\n    moment(date, dateFormatYYYYMMDD).add(amount, unit).format(dateFormatYYYYMMDD);\n\n/**\n * Сдвигает обе границы диапазона дат на указанную величину.\n * Положительная величина сдвигает диапазон вперёд, отрицательная — назад.\n * Обе даты ожидаются непустыми, в формате YYYYMMDD.\n */\nexport const shiftDateRange = (\n    [start, end]: TDateRangeValue,\n    amount: number,\n    unit: EDateRangeShiftUnit,\n): TDateRangeValue => [shiftDate(start, amount, unit), shiftDate(end, amount, unit)];\n"],"names":[],"mappings":";;AAMA,MAAM,YAAY,CAAC,MAAc,QAAgB,SAC7C,OAAO,MAAM,kBAAkB,EAAE,IAAI,QAAQ,IAAI,EAAE,OAAO,kBAAkB;AAOzE,MAAM,iBAAiB,CAC1B,CAAC,OAAO,GAAG,GACX,QACA,SACkB,CAAC,UAAU,OAAO,QAAQ,IAAI,GAAG,UAAU,KAAK,QAAQ,IAAI,CAAC;"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/DateRange/utils.ts"],"sourcesContent":["import moment from \"moment\";\nimport { TDateRangeValue } from \"./types\";\n\n/**\n * Сдвигает обе границы диапазона дат на указанную величину.\n * Положительная величина сдвигает диапазон вперёд, отрицательная — назад.\n * Обе даты строго парсятся в формате format. Если хотя бы одна невалидна, возвращает null.\n */\nexport const shiftDateRange = (\n    [start, end]: TDateRangeValue,\n    amount: number,\n    unit: moment.unitOfTime.DurationConstructor,\n    format: string,\n): TDateRangeValue | null => {\n    const momentStart = moment(start, format, true);\n    const momentEnd = moment(end, format, true);\n\n    if (!momentStart.isValid() || !momentEnd.isValid()) {\n        return null;\n    }\n\n    return [momentStart.add(amount, unit).format(format), momentEnd.add(amount, unit).format(format)];\n};\n\n/**\n * Проверяет, что дата date позже даты other. Обе даты строго парсятся в формате format,\n * поэтому порядок не зависит от расположения дня, месяца и года в строке.\n * Если хотя бы одна дата невалидна, возвращает false.\n */\nexport const isDateAfter = (date: string, other: string, format: string): boolean =>\n    moment(date, format, true).isAfter(moment(other, format, true));\n"],"names":[],"mappings":";AAQO,MAAM,iBAAiB,CAC1B,CAAC,OAAO,GAAG,GACX,QACA,MACA,WACyB;AACzB,QAAM,cAAc,OAAO,OAAO,QAAQ,IAAI;AAC9C,QAAM,YAAY,OAAO,KAAK,QAAQ,IAAI;AAE1C,MAAI,CAAC,YAAY,QAAA,KAAa,CAAC,UAAU,WAAW;AAChD,WAAO;AAAA,EACX;AAEA,SAAO,CAAC,YAAY,IAAI,QAAQ,IAAI,EAAE,OAAO,MAAM,GAAG,UAAU,IAAI,QAAQ,IAAI,EAAE,OAAO,MAAM,CAAC;AACpG;AAOO,MAAM,cAAc,CAAC,MAAc,OAAe,WACrD,OAAO,MAAM,QAAQ,IAAI,EAAE,QAAQ,OAAO,OAAO,QAAQ,IAAI,CAAC;"}

package/components/DesignTokens/DesignTokenUtils.js

@@ -31,7 +31,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "0.50.0";
+    let tokenVersion = "0.52.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(