@sberbusiness/triplex-next 1.46.0 → 1.47.0

package/components/Confirm/components/ConfirmContentSubTitle.js

@@ -1,14 +1,13 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { ETextSize } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-const ConfirmContentSubTitle = ({
-  children,
-  size = ETextSize.B2,
-  ...rest
-}) => /* @__PURE__ */ jsx(Text, { size, tag: "div", ...rest, children });
+const ConfirmContentSubTitle = React__default.forwardRef(
+  ({ children, size = ETextSize.B2, ...rest }, ref) => /* @__PURE__ */ jsx(Text, { size, tag: "div", ...rest, ref, children })
+);
 ConfirmContentSubTitle.displayName = "ConfirmContentSubTitle";
 export {
   ConfirmContentSubTitle

package/components/Confirm/components/ConfirmContentSubTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmContentSubTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentSubTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"../../Typography\";\nimport { ETextSize } from \"../../Typography/enums\";\nimport { TTextProps } from \"../../Typography/Text\";\n\n/** Свойства компонента ConfirmContentSubTitle. */\nexport interface IConfirmContentSubTitleProps extends Partial<TTextProps<\"div\">> {}\n\nexport const ConfirmContentSubTitle: React.FC<IConfirmContentSubTitleProps> = ({\n    children,\n    size = ETextSize.B2,\n    ...rest\n}) => (\n    <Text size={size} tag=\"div\" {...rest}>\n        {children}\n    </Text>\n);\n\nConfirmContentSubTitle.displayName = \"ConfirmContentSubTitle\";\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,yBAAiE,CAAC;AAAA,EAC3E;AAAA,EACA,OAAO,UAAU;AAAA,EACjB,GAAG;AACP,0BACK,MAAA,EAAK,MAAY,KAAI,OAAO,GAAG,MAC3B,SAAA,CACL;AAGJ,uBAAuB,cAAc;"}
+{"version":3,"file":"ConfirmContentSubTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentSubTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"../../Typography\";\nimport { ETextSize } from \"../../Typography/enums\";\nimport { TTextProps } from \"../../Typography/Text\";\n\n/** Свойства компонента ConfirmContentSubTitle. */\nexport interface IConfirmContentSubTitleProps extends Partial<TTextProps<\"div\">> {}\n\n/**\n * Подзаголовок предупреждения — поясняющий текст под заголовком.\n * Обёртка над {@link Text} с дефолтами `size=B2` и `tag=\"div\"` — тег можно переопределить.\n *\n * Ref типизирован как `HTMLElement`, а не `HTMLDivElement`: переопределённый\n * `tag` меняет тип реального DOM-узла, и обещать `div` было бы неправдой.\n */\nexport const ConfirmContentSubTitle = React.forwardRef<HTMLElement, IConfirmContentSubTitleProps>(\n    ({ children, size = ETextSize.B2, ...rest }, ref) => (\n        <Text size={size} tag=\"div\" {...rest} ref={ref}>\n            {children}\n        </Text>\n    ),\n);\n\nConfirmContentSubTitle.displayName = \"ConfirmContentSubTitle\";\n"],"names":["React"],"mappings":";;;;;;;AAeO,MAAM,yBAAyBA,eAAM;AAAA,EACxC,CAAC,EAAE,UAAU,OAAO,UAAU,IAAI,GAAG,KAAA,GAAQ,QACzC,oBAAC,QAAK,MAAY,KAAI,OAAO,GAAG,MAAM,KACjC,SAAA,CACL;AAER;AAEA,uBAAuB,cAAc;"}

package/components/Confirm/components/ConfirmContentTitle.js

@@ -1,14 +1,12 @@
 import { jsx } from "react/jsx-runtime";
+import React__default from "react";
 import { ETitleSize } from "../../Typography/enums.js";
 import { Title } from "../../Typography/Title.js";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/Confirm.module-D5ujpaan.js";
-const ConfirmContentTitle = ({
-  children,
-  className,
-  size = ETitleSize.H3,
-  ...rest
-}) => /* @__PURE__ */ jsx(Title, { size, className: clsx(className, styles.confirmContentTitle), ...rest, children });
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Confirm.module-Cu7K98Sg.js";
+const ConfirmContentTitle = React__default.forwardRef(
+  ({ children, className, size = ETitleSize.H3, ...rest }, ref) => /* @__PURE__ */ jsx(Title, { size, className: clsx(styles.confirmContentTitle, className), ...rest, ref, children })
+);
 ConfirmContentTitle.displayName = "ConfirmContentTitle";
 export {
   ConfirmContentTitle

package/components/Confirm/components/ConfirmContentTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmContentTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETitleSize } from \"../../Typography/enums\";\nimport { TTitleProps } from \"../../Typography/Title\";\nimport { Title } from \"../../Typography/Title\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmContentTitle. */\nexport interface IConfirmContentTitleProps extends Partial<TTitleProps<\"h1\">> {}\n\nexport const ConfirmContentTitle: React.FC<IConfirmContentTitleProps> = ({\n    children,\n    className,\n    size = ETitleSize.H3,\n    ...rest\n}) => (\n    <Title size={size} className={clsx(className, styles.confirmContentTitle)} {...rest}>\n        {children}\n    </Title>\n);\n\nConfirmContentTitle.displayName = \"ConfirmContentTitle\";\n"],"names":[],"mappings":";;;;;AAUO,MAAM,sBAA2D,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA,OAAO,WAAW;AAAA,EAClB,GAAG;AACP,MACI,oBAAC,OAAA,EAAM,MAAY,WAAW,KAAK,WAAW,OAAO,mBAAmB,GAAI,GAAG,MAC1E,SAAA,CACL;AAGJ,oBAAoB,cAAc;"}
+{"version":3,"file":"ConfirmContentTitle.js","sources":["../../../../src/components/Confirm/components/ConfirmContentTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { ETitleSize } from \"../../Typography/enums\";\nimport { TTitleProps } from \"../../Typography/Title\";\nimport { Title } from \"../../Typography/Title\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmContentTitle. */\nexport interface IConfirmContentTitleProps extends Partial<TTitleProps<\"h1\">> {}\n\n/**\n * Заголовок предупреждения.\n * Обёртка над {@link Title} с дефолтом `size=H3` и отступом до подзаголовка.\n *\n * Ref типизирован как `HTMLElement`, а не `HTMLHeadingElement`: тег\n * переопределяется через `tag` (см. Confirm-ai.md), и тогда в DOM окажется\n * не заголовок.\n */\nexport const ConfirmContentTitle = React.forwardRef<HTMLElement, IConfirmContentTitleProps>(\n    ({ children, className, size = ETitleSize.H3, ...rest }, ref) => (\n        <Title size={size} className={clsx(styles.confirmContentTitle, className)} {...rest} ref={ref}>\n            {children}\n        </Title>\n    ),\n);\n\nConfirmContentTitle.displayName = \"ConfirmContentTitle\";\n"],"names":["React"],"mappings":";;;;;;AAkBO,MAAM,sBAAsBA,eAAM;AAAA,EACrC,CAAC,EAAE,UAAU,WAAW,OAAO,WAAW,IAAI,GAAG,KAAA,GAAQ,4BACpD,OAAA,EAAM,MAAY,WAAW,KAAK,OAAO,qBAAqB,SAAS,GAAI,GAAG,MAAM,KAChF,SAAA,CACL;AAER;AAEA,oBAAoB,cAAc;"}

package/components/Confirm/components/ConfirmControls.js

@@ -1,7 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles } from "../../../chunks/Confirm.module-D5ujpaan.js";
-const ConfirmControls = ({ children, className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(className, styles.confirmControls), ...htmlDivAttributes, children });
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles } from "../../../chunks/Confirm.module-Cu7K98Sg.js";
+const ConfirmControls = React__default.forwardRef(
+  ({ children, className, ...htmlDivAttributes }, ref) => /* @__PURE__ */ jsx("div", { className: clsx(styles.confirmControls, className), ...htmlDivAttributes, ref, children })
+);
 ConfirmControls.displayName = "ConfirmControls";
 export {
   ConfirmControls

package/components/Confirm/components/ConfirmControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmControls.js","sources":["../../../../src/components/Confirm/components/ConfirmControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmControls. */\nexport interface IConfirmControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const ConfirmControls: React.FC<IConfirmControlsProps> = ({ children, className, ...htmlDivAttributes }) => (\n    <div className={clsx(className, styles.confirmControls)} {...htmlDivAttributes}>\n        {children}\n    </div>\n);\n\nConfirmControls.displayName = \"ConfirmControls\";\n"],"names":[],"mappings":";;;AAOO,MAAM,kBAAmD,CAAC,EAAE,UAAU,WAAW,GAAG,wBACvF,oBAAC,OAAA,EAAI,WAAW,KAAK,WAAW,OAAO,eAAe,GAAI,GAAG,mBACxD,SAAA,CACL;AAGJ,gBAAgB,cAAc;"}
+{"version":3,"file":"ConfirmControls.js","sources":["../../../../src/components/Confirm/components/ConfirmControls.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"../styles/Confirm.module.less\";\n\n/** Свойства компонента ConfirmControls. */\nexport interface IConfirmControlsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Контейнер кнопок действий предупреждения. Запрещает перенос кнопок на новую строку. */\nexport const ConfirmControls = React.forwardRef<HTMLDivElement, IConfirmControlsProps>(\n    ({ children, className, ...htmlDivAttributes }, ref) => (\n        <div className={clsx(styles.confirmControls, className)} {...htmlDivAttributes} ref={ref}>\n            {children}\n        </div>\n    ),\n);\n\nConfirmControls.displayName = \"ConfirmControls\";\n"],"names":["React"],"mappings":";;;;AAQO,MAAM,kBAAkBA,eAAM;AAAA,EACjC,CAAC,EAAE,UAAU,WAAW,GAAG,kBAAA,GAAqB,QAC5C,oBAAC,SAAI,WAAW,KAAK,OAAO,iBAAiB,SAAS,GAAI,GAAG,mBAAmB,KAC3E,SAAA,CACL;AAER;AAEA,gBAAgB,cAAc;"}

package/components/Confirm/enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"enums.js","sources":["../../../src/components/Confirm/enums.ts"],"sourcesContent":["/** Компоненты, в которых можно открыть Confirm.\n *  От этого зависит максимальная ширина Confirm.\n */\nexport enum EConfirmParentComponent {\n    LIGHTBOX = \"lightBox\",\n    SIDE_OVERLAY_SM = \"sideOverlaySM\",\n    SIDE_OVERLAY_MD = \"sideOverlayMD\",\n    SIDE_OVERLAY_LG = \"sideOverlayLG\",\n}\n"],"names":["EConfirmParentComponent"],"mappings":"AAGO,IAAK,4CAAAA,6BAAL;AACHA,2BAAA,UAAA,IAAW;AACXA,2BAAA,iBAAA,IAAkB;AAClBA,2BAAA,iBAAA,IAAkB;AAClBA,2BAAA,iBAAA,IAAkB;AAJV,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;"}
+{"version":3,"file":"enums.js","sources":["../../../src/components/Confirm/enums.ts"],"sourcesContent":["/** Компоненты, в которых можно открыть Confirm.\n *  От этого зависит максимальная ширина Confirm.\n */\nexport enum EConfirmParentComponent {\n    /** LightBox — ширина контента лайтбокса. */\n    LIGHTBOX = \"lightBox\",\n    /** LightBoxSideOverlay размера SM. */\n    SIDE_OVERLAY_SM = \"sideOverlaySM\",\n    /** LightBoxSideOverlay размера MD. */\n    SIDE_OVERLAY_MD = \"sideOverlayMD\",\n    /** LightBoxSideOverlay размера LG. */\n    SIDE_OVERLAY_LG = \"sideOverlayLG\",\n}\n"],"names":["EConfirmParentComponent"],"mappings":"AAGO,IAAK,4CAAAA,6BAAL;AAEHA,2BAAA,UAAA,IAAW;AAEXA,2BAAA,iBAAA,IAAkB;AAElBA,2BAAA,iBAAA,IAAkB;AAElBA,2BAAA,iBAAA,IAAkB;AARV,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;"}

package/components/DateField/DateFieldTarget.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext } from "react";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { CalendarStrokeSrvIcon24, CalendarStrokeSrvIcon20, CalendarStrokeSrvIcon16 } from "@sberbusiness/icons-next";
 import { DatePickerExtendedContext } from "../DatePickerExtended/DatePickerExtendedContext.js";
 import { DateFieldContext } from "./DateFieldContext.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__acf7d62c";
-const minWidthSM = "minWidthSM__44d77fcf";
-const minWidthMD = "minWidthMD__33df30f5";
-const minWidthLG = "minWidthLG__0dfed22a";
+const dateFieldTarget = "dateFieldTarget__f1c45eb8";
+const minWidthSM = "minWidthSM__8b2138d6";
+const minWidthMD = "minWidthMD__d6b8af5c";
+const minWidthLG = "minWidthLG__1407f8a2";
 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-BaP5AaMK.js";
+import "../../chunks/DropdownListItem-B9cIx_8A.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__default.forwardRef((props, ref) => {
       onKeyDown: handleKeyDown,
       onMouseDown: handleMouseDown,
       ...restProps,
-      "data-tx": "1.46.0",
+      "data-tx": "1.47.0",
       ref: setRef,
       children: /* @__PURE__ */ jsxs(DatePickerExtendedContext.Provider, { value: { dropdownOpen, mouseUsedRef, setDropdownOpen }, children: [
         renderTarget(),

package/components/DatePickerExtended/DatePickerExtendedDropdown.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { useContext, useRef } from "react";
-import { j as focusTrapReactExports } from "../../chunks/vendor-DqjKLGwf.js";
+import { j as focusTrapReactExports } from "../../chunks/vendor-CUIykw0y.js";
 import { Dropdown } from "../Dropdown/Dropdown.js";
 import { DatePickerExtendedContext } from "./DatePickerExtendedContext.js";
 import "../Dropdown/mobile/DropdownMobile.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__49f3af37";
+const datePickerExtendedMobileDropdown = "datePickerExtendedMobileDropdown__f8459bb1";
 const styles = {
   datePickerExtendedMobileDropdown
 };

package/components/DateRange/DateRange.js

@@ -1,93 +1,80 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import moment from "moment";
+import React__default from "react";
 import { CaretleftStrokeSrvIcon20, RangeStrokeSrvIcon16, CaretrightStrokeSrvIcon20 } from "@sberbusiness/icons-next";
-import { dateFormatYYYYMMDD } from "../../consts/DateConst.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { EDateRangeShiftUnit } from "./enums.js";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-const dateRange = "dateRange__5b21418a";
-const dateRangeButton = "dateRangeButton__051c2536";
-const separator = "separator__62ab292b";
+import { shiftDateRange } from "./utils.js";
+const dateRange = "dateRange__aa91e9ae";
+const dateRangeButton = "dateRangeButton__db76128e";
+const separator = "separator__34d60f77";
 const styles = {
   dateRange,
   dateRangeButton,
   separator
 };
-const DateRange = ({
-  children,
-  className,
-  value,
-  onChange,
-  shiftAmount = 1,
-  shiftUnit = EDateRangeShiftUnit.MONTH,
-  hideNavigation,
-  renderPickerFrom,
-  renderPickerTo,
-  renderButtonForward,
-  renderButtonBack,
-  ...rest
-}) => {
-  const [start, end] = value;
-  const classNames = clsx(styles.dateRange, className);
-  const handleChangePickerFrom = (date) => {
-    if (!date || !end || date <= end) {
-      onChange([date, end]);
-    } else {
-      onChange([date, ""]);
-    }
-  };
-  const handleChangePickerTo = (date) => {
-    if (!date || !start || date >= start) {
-      onChange([start, date]);
-    } else {
-      onChange(["", date]);
-    }
-  };
-  const shiftRangeBack = () => {
-    if (!start || !end) {
-      return;
-    }
-    const momentStart = moment(start, dateFormatYYYYMMDD);
-    const momentEnd = moment(end, dateFormatYYYYMMDD);
-    onChange([
-      momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
-      momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
-    ]);
-  };
-  const shiftRangeForward = () => {
-    if (!start || !end) {
-      return;
-    }
-    const momentStart = moment(start, dateFormatYYYYMMDD);
-    const momentEnd = moment(end, dateFormatYYYYMMDD);
-    onChange([
-      momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),
-      momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD)
-    ]);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, children: [
-    !hideNavigation && renderButtonBack({
-      children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
-      className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),
-      disabled: !(start && end),
-      onClick: shiftRangeBack
-    }),
-    renderPickerFrom({
-      onChange: handleChangePickerFrom,
-      value: start
-    }),
-    /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
-    renderPickerTo({
-      onChange: handleChangePickerTo,
-      value: end
-    }),
-    !hideNavigation && renderButtonForward({
-      children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),
-      className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),
-      disabled: !(start && end),
-      onClick: shiftRangeForward
-    })
-  ] });
-};
+const DateRange = React__default.forwardRef(
+  ({
+    children,
+    className,
+    value,
+    onChange,
+    shiftAmount = 1,
+    shiftUnit = EDateRangeShiftUnit.MONTH,
+    hideNavigation,
+    renderPickerFrom,
+    renderPickerTo,
+    renderButtonForward,
+    renderButtonBack,
+    ...rest
+  }, ref) => {
+    const [start, end] = value;
+    const classNames = clsx(styles.dateRange, className);
+    const shiftDisabled = !(start && end);
+    const handleChangePickerFrom = (date) => {
+      if (!date || !end || date <= end) {
+        onChange([date, end]);
+      } else {
+        onChange([date, ""]);
+      }
+    };
+    const handleChangePickerTo = (date) => {
+      if (!date || !start || date >= start) {
+        onChange([start, date]);
+      } else {
+        onChange(["", date]);
+      }
+    };
+    const shiftRange = (amount) => {
+      if (shiftDisabled) {
+        return;
+      }
+      onChange(shiftDateRange(value, amount, shiftUnit));
+    };
+    return /* @__PURE__ */ jsxs("div", { className: classNames, ...rest, ref, children: [
+      !hideNavigation && renderButtonBack({
+        children: /* @__PURE__ */ jsx(CaretleftStrokeSrvIcon20, { paletteIndex: 5 }),
+        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),
+        disabled: shiftDisabled,
+        onClick: () => shiftRange(-shiftAmount)
+      }),
+      renderPickerFrom({
+        onChange: handleChangePickerFrom,
+        value: start
+      }),
+      /* @__PURE__ */ jsx(RangeStrokeSrvIcon16, { className: styles.separator, paletteIndex: 5 }),
+      renderPickerTo({
+        onChange: handleChangePickerTo,
+        value: end
+      }),
+      !hideNavigation && renderButtonForward({
+        children: /* @__PURE__ */ jsx(CaretrightStrokeSrvIcon20, { paletteIndex: 5 }),
+        className: clsx(styles.dateRangeButton, { disabled: shiftDisabled }),
+        disabled: shiftDisabled,
+        onClick: () => shiftRange(shiftAmount)
+      })
+    ] });
+  }
+);
 DateRange.displayName = "DateRange";
 export {
   DateRange

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 moment from \"moment\";\nimport { RangeStrokeSrvIcon16, CaretleftStrokeSrvIcon20, CaretrightStrokeSrvIcon20 } from \"@sberbusiness/icons-next\";\nimport { dateFormatYYYYMMDD } from \"../../consts/DateConst\";\nimport { EDateRangeShiftUnit } from \"./enums\";\nimport clsx from \"clsx\";\nimport styles from \"./styles/DateRange.module.less\";\n\n/** Свойства функции рендеринга кнопки сдвига диапазона дат. */\nexport interface IDateRangeButtonProvideProps {\n    children: React.ReactNode;\n    className: string;\n    onClick: () => void;\n    disabled: boolean;\n}\n\n/** Свойства функции рендеринга поля выбора даты. */\nexport interface IDateRangePickerProvideProps {\n    value: string;\n    onChange: (value: string) => void;\n}\n\n/** Значение компонента DateRange. */\nexport type TDateRangeValue = [string, string];\n\n/** Свойства компонента DateRange. */\nexport interface IDateRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"defaultValue\" | \"onChange\"> {\n    /** Диапазон дат. */\n    value: TDateRangeValue;\n    /** Функция, вызывающаяся при изменении диапазона дат. */\n    onChange: (value: TDateRangeValue) => void;\n    /** Численная величина сдвига диапазона дат. */\n    shiftAmount?: number;\n    /** Единица измерения сдвига диапазона дат. */\n    shiftUnit?: EDateRangeShiftUnit;\n    /** Управление отображением/скрытием кнопок сдвига диапазона дат. */\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/** Выбор диапазона дат. */\nexport const DateRange: React.FC<IDateRangeProps> = ({\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    const [start, end] = value;\n    const classNames = clsx(styles.dateRange, className);\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    /** Функция, смещающая диапазон дат назад. */\n    const shiftRangeBack = () => {\n        if (!start || !end) {\n            return;\n        }\n\n        const momentStart = moment(start, dateFormatYYYYMMDD);\n        const momentEnd = moment(end, dateFormatYYYYMMDD);\n\n        onChange([\n            momentStart.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            momentEnd.subtract(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n        ]);\n    };\n\n    /** Функция, смещающая диапазон дат вперёд. */\n    const shiftRangeForward = () => {\n        if (!start || !end) {\n            return;\n        }\n\n        const momentStart = moment(start, dateFormatYYYYMMDD);\n        const momentEnd = moment(end, dateFormatYYYYMMDD);\n\n        onChange([\n            momentStart.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n            momentEnd.add(shiftAmount, shiftUnit).format(dateFormatYYYYMMDD),\n        ]);\n    };\n\n    return (\n        <div className={classNames} {...rest}>\n            {!hideNavigation &&\n                renderButtonBack({\n                    children: <CaretleftStrokeSrvIcon20 paletteIndex={5} />,\n                    className: clsx(styles.dateRangeButton, { disabled: !(start && end) }),\n                    disabled: !(start && end),\n                    onClick: shiftRangeBack,\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: !(start && end) }),\n                    disabled: !(start && end),\n                    onClick: shiftRangeForward,\n                })}\n        </div>\n    );\n};\n\nDateRange.displayName = \"DateRange\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAgDO,MAAM,YAAuC,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,YAAY,oBAAoB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,CAAC,OAAO,GAAG,IAAI;AACrB,QAAM,aAAa,KAAK,OAAO,WAAW,SAAS;AAGnD,QAAM,yBAAyB,CAAC,SAAiB;AAC7C,QAAI,CAAC,QAAQ,CAAC,OAAO,QAAQ,KAAK;AAC9B,eAAS,CAAC,MAAM,GAAG,CAAC;AAAA,IACxB,OAAO;AACH,eAAS,CAAC,MAAM,EAAE,CAAC;AAAA,IACvB;AAAA,EACJ;AAGA,QAAM,uBAAuB,CAAC,SAAiB;AAC3C,QAAI,CAAC,QAAQ,CAAC,SAAS,QAAQ,OAAO;AAClC,eAAS,CAAC,OAAO,IAAI,CAAC;AAAA,IAC1B,OAAO;AACH,eAAS,CAAC,IAAI,IAAI,CAAC;AAAA,IACvB;AAAA,EACJ;AAGA,QAAM,iBAAiB,MAAM;AACzB,QAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,IACJ;AAEA,UAAM,cAAc,OAAO,OAAO,kBAAkB;AACpD,UAAM,YAAY,OAAO,KAAK,kBAAkB;AAEhD,aAAS;AAAA,MACL,YAAY,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MACtE,UAAU,SAAS,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,IAAA,CACvE;AAAA,EACL;AAGA,QAAM,oBAAoB,MAAM;AAC5B,QAAI,CAAC,SAAS,CAAC,KAAK;AAChB;AAAA,IACJ;AAEA,UAAM,cAAc,OAAO,OAAO,kBAAkB;AACpD,UAAM,YAAY,OAAO,KAAK,kBAAkB;AAEhD,aAAS;AAAA,MACL,YAAY,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,MACjE,UAAU,IAAI,aAAa,SAAS,EAAE,OAAO,kBAAkB;AAAA,IAAA,CAClE;AAAA,EACL;AAEA,SACI,qBAAC,OAAA,EAAI,WAAW,YAAa,GAAG,MAC3B,UAAA;AAAA,IAAA,CAAC,kBACE,iBAAiB;AAAA,MACb,UAAU,oBAAC,0BAAA,EAAyB,cAAc,EAAA,CAAG;AAAA,MACrD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,EAAE,SAAS,MAAM;AAAA,MACrE,UAAU,EAAE,SAAS;AAAA,MACrB,SAAS;AAAA,IAAA,CACZ;AAAA,IACJ,iBAAiB;AAAA,MACd,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACV;AAAA,wBACA,sBAAA,EAAqB,WAAW,OAAO,WAAW,cAAc,GAAG;AAAA,IACnE,eAAe;AAAA,MACZ,UAAU;AAAA,MACV,OAAO;AAAA,IAAA,CACV;AAAA,IACA,CAAC,kBACE,oBAAoB;AAAA,MAChB,UAAU,oBAAC,2BAAA,EAA0B,cAAc,EAAA,CAAG;AAAA,MACtD,WAAW,KAAK,OAAO,iBAAiB,EAAE,UAAU,EAAE,SAAS,MAAM;AAAA,MACrE,UAAU,EAAE,SAAS;AAAA,MACrB,SAAS;AAAA,IAAA,CACZ;AAAA,EAAA,GACT;AAER;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 { 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":["React"],"mappings":";;;;;;;;;;;;;;AAuDO,MAAM,YAAYA,eAAM;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;"}

package/components/DateRange/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/components/DateRange/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/DateRange/utils.js

@@ -0,0 +1,8 @@
+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)];
+export {
+  shiftDateRange
+};
+//# sourceMappingURL=utils.js.map

package/components/DateRange/utils.js.map

@@ -0,0 +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;"}

package/components/DesignTokens/DesignTokenUtils.js

@@ -3,7 +3,7 @@ import { DesignTokensCore } from "./DesignTokensCore.js";
 import { DesignTokensCoreThemeDark } from "./DesignTokensCoreThemeDark.js";
 import { DesignTokensComponents } from "./DesignTokensComponents.js";
 import { DesignTokensComponentsThemeDark } from "./DesignTokensComponentsThemeDark.js";
-import { m as defaultsDeep } from "../../chunks/vendor-DqjKLGwf.js";
+import { l as defaultsDeep } from "../../chunks/vendor-CUIykw0y.js";
 const resolveTokenValue = (tokenValue, tokens, visitedRefs) => {
   if (tokenValue.value !== void 0) {
     return tokenValue.value;
@@ -31,7 +31,7 @@ const DesignTokenUtils = {
   getCSSVariableByTokenGroup: (tokenGroup, tokens) => {
     const tokenGroupTitle = Object.keys(tokenGroup)[0];
     const tokenPrefix = "triplex-next";
-    let tokenVersion = "1.46.0";
+    let tokenVersion = "1.47.0";
     tokenVersion = tokenVersion.replace(/\./g, "-");
     return Object.keys(tokenGroup[tokenGroupTitle]).map(
       (tokenTitle) => `--${tokenPrefix}-${tokenGroupTitle}-${tokenTitle}-${tokenVersion}: ${DesignTokenUtils.getTokenValue(

package/components/DesignTokens/components/Step.js

@@ -25,7 +25,7 @@ const Step_Tokens = {
   // var(--triplex-next-Step-Color_Error)
   Color_Warning: [{ ref: "ColorNeutralAlpha.0" }, { ref: "ColorNeutralAlpha.0" }],
   // var(--triplex-next-Step-Color_Warning)
-  Background_Active: [{ ref: "ColorBrand.100" }, { ref: "ColorBrand.20" }],
+  Background_Active: [{ ref: "ColorBrand.95" }, { ref: "ColorBrand.20" }],
   // var(--triplex-next-Step-Background_Active)
   Background_Default: [{ ref: "ColorDarkNeutralAlpha.100" }, { ref: "ColorNeutralAlpha.90" }],
   // var(--triplex-next-Step-Background_Default)

package/components/DesignTokens/components/Step.js.map

@@ -1 +1 @@
-{"version":3,"file":"Step.js","sources":["../../../../src/components/DesignTokens/components/Step.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Step.\nexport const designTokensComponentsStepKeys = [\n    \"Color_Active\",\n    \"Color_Default\",\n    \"Color_Disabled\",\n    \"Color_Done\",\n    \"Color_Error\",\n    \"Color_Warning\",\n\n    \"Background_Active\",\n    \"Background_Default\",\n    \"Background_Disabled\",\n    \"Background_Done\",\n    \"Background_Error\",\n    \"Background_Warning\",\n] as const;\n// Тип, содержащий названия токенов компонента Step.\nexport type TDesignTokensComponentsStepKeys = (typeof designTokensComponentsStepKeys)[number];\n// Тип, содержащий названия токенов компонента Step и их значения.\nexport type TDesignTokensComponentsStepValue = Record<TDesignTokensComponentsStepKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Step и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsStepValues = Record<TDesignTokensComponentsStepKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Step.\nexport type TDesignTokensComponentsStep = { Step: TDesignTokensComponentsStepValue };\n\n// Токены компонента Step в светлой и темной темах.\nexport const Step_Tokens: TDesignTokensComponentsStepValues = {\n    Color_Active: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.100\" }], // var(--triplex-next-Step-Color_Active)\n    Color_Default: [{ ref: \"ColorDarkNeutralAlpha.40\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-Step-Color_Default)\n    Color_Disabled: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Step-Color_Disabled)\n    Color_Done: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutral.100\" }], // var(--triplex-next-Step-Color_Done)\n    Color_Error: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Error)\n    Color_Warning: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Warning)\n\n    Background_Active: [{ ref: \"ColorBrand.100\" }, { ref: \"ColorBrand.20\" }], // var(--triplex-next-Step-Background_Active)\n    Background_Default: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Default)\n    Background_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Disabled)\n    Background_Done: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Step-Background_Done)\n    Background_Error: [{ ref: \"ColorError.40\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Step-Background_Error)\n    Background_Warning: [{ ref: \"ColorWarning.40\" }, { ref: \"ColorWarning.60\" }], // var(--triplex-next-Step-Background_Warning)\n};\n"],"names":[],"mappings":"AAGO,MAAM,iCAAiC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,cAAiD;AAAA,EAC1D,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB;AAAA;AAAA,EAClE,eAAe,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACpF,gBAAgB,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7E,YAAY,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB;AAAA;AAAA,EACrE,aAAa,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC5E,eAAe,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAE9E,mBAAmB,CAAC,EAAE,KAAK,oBAAoB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACvE,oBAAoB,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,qBAAqB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,iBAAiB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACpE,kBAAkB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACrE,oBAAoB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,kBAAA,CAAmB;AAAA;AAC/E;"}
+{"version":3,"file":"Step.js","sources":["../../../../src/components/DesignTokens/components/Step.ts"],"sourcesContent":["import { TDesignTokenValue, TDesignTokenValues } from \"../types/DesignTokenTypes\";\n\n// Название токенов компонента Step.\nexport const designTokensComponentsStepKeys = [\n    \"Color_Active\",\n    \"Color_Default\",\n    \"Color_Disabled\",\n    \"Color_Done\",\n    \"Color_Error\",\n    \"Color_Warning\",\n\n    \"Background_Active\",\n    \"Background_Default\",\n    \"Background_Disabled\",\n    \"Background_Done\",\n    \"Background_Error\",\n    \"Background_Warning\",\n] as const;\n// Тип, содержащий названия токенов компонента Step.\nexport type TDesignTokensComponentsStepKeys = (typeof designTokensComponentsStepKeys)[number];\n// Тип, содержащий названия токенов компонента Step и их значения.\nexport type TDesignTokensComponentsStepValue = Record<TDesignTokensComponentsStepKeys, TDesignTokenValue>;\n// Тип, содержащий названия токенов компонента Step и их значения в светлой и темной теме.\nexport type TDesignTokensComponentsStepValues = Record<TDesignTokensComponentsStepKeys, TDesignTokenValues>;\n// Тип локальных токенов компонента Step.\nexport type TDesignTokensComponentsStep = { Step: TDesignTokensComponentsStepValue };\n\n// Токены компонента Step в светлой и темной темах.\nexport const Step_Tokens: TDesignTokensComponentsStepValues = {\n    Color_Active: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.100\" }], // var(--triplex-next-Step-Color_Active)\n    Color_Default: [{ ref: \"ColorDarkNeutralAlpha.40\" }, { ref: \"ColorNeutralAlpha.30\" }], // var(--triplex-next-Step-Color_Default)\n    Color_Disabled: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutralAlpha.80\" }], // var(--triplex-next-Step-Color_Disabled)\n    Color_Done: [{ ref: \"ColorNeutral.100\" }, { ref: \"ColorNeutral.100\" }], // var(--triplex-next-Step-Color_Done)\n    Color_Error: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Error)\n    Color_Warning: [{ ref: \"ColorNeutralAlpha.0\" }, { ref: \"ColorNeutralAlpha.0\" }], // var(--triplex-next-Step-Color_Warning)\n\n    Background_Active: [{ ref: \"ColorBrand.95\" }, { ref: \"ColorBrand.20\" }], // var(--triplex-next-Step-Background_Active)\n    Background_Default: [{ ref: \"ColorDarkNeutralAlpha.100\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Default)\n    Background_Disabled: [{ ref: \"ColorDarkNeutralAlpha.90\" }, { ref: \"ColorNeutralAlpha.90\" }], // var(--triplex-next-Step-Background_Disabled)\n    Background_Done: [{ ref: \"ColorBrand.40\" }, { ref: \"ColorBrand.60\" }], // var(--triplex-next-Step-Background_Done)\n    Background_Error: [{ ref: \"ColorError.40\" }, { ref: \"ColorError.60\" }], // var(--triplex-next-Step-Background_Error)\n    Background_Warning: [{ ref: \"ColorWarning.40\" }, { ref: \"ColorWarning.60\" }], // var(--triplex-next-Step-Background_Warning)\n};\n"],"names":[],"mappings":"AAGO,MAAM,iCAAiC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAWO,MAAM,cAAiD;AAAA,EAC1D,cAAc,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB;AAAA;AAAA,EAClE,eAAe,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EACpF,gBAAgB,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC7E,YAAY,CAAC,EAAE,KAAK,sBAAsB,EAAE,KAAK,oBAAoB;AAAA;AAAA,EACrE,aAAa,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAC5E,eAAe,CAAC,EAAE,KAAK,yBAAyB,EAAE,KAAK,uBAAuB;AAAA;AAAA,EAE9E,mBAAmB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACtE,oBAAoB,CAAC,EAAE,KAAK,+BAA+B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,qBAAqB,CAAC,EAAE,KAAK,8BAA8B,EAAE,KAAK,wBAAwB;AAAA;AAAA,EAC1F,iBAAiB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACpE,kBAAkB,CAAC,EAAE,KAAK,mBAAmB,EAAE,KAAK,iBAAiB;AAAA;AAAA,EACrE,oBAAoB,CAAC,EAAE,KAAK,qBAAqB,EAAE,KAAK,kBAAA,CAAmB;AAAA;AAC/E;"}

package/components/Divider/Divider.js

@@ -1,24 +1,24 @@
 import { jsx } from "react/jsx-runtime";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
-const divider = "divider__e59b2a37";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
+const divider = "divider__88a1734a";
 const styles = {
   divider,
-  "marginTopSize-4": "marginTopSize-4__422b5ab4",
-  "marginBottomSize-4": "marginBottomSize-4__190b0f89",
-  "marginTopSize-8": "marginTopSize-8__b2282786",
-  "marginBottomSize-8": "marginBottomSize-8__6da4af01",
-  "marginTopSize-12": "marginTopSize-12__f50baf30",
-  "marginBottomSize-12": "marginBottomSize-12__887a7f41",
-  "marginTopSize-16": "marginTopSize-16__83bcfcaa",
-  "marginBottomSize-16": "marginBottomSize-16__cc7ddc1e",
-  "marginTopSize-20": "marginTopSize-20__bef8fef5",
-  "marginBottomSize-20": "marginBottomSize-20__7f619cdb",
-  "marginTopSize-24": "marginTopSize-24__6ff09e34",
-  "marginBottomSize-24": "marginBottomSize-24__7d5fb918",
-  "marginTopSize-28": "marginTopSize-28__e8b49f4a",
-  "marginBottomSize-28": "marginBottomSize-28__4e0f8d82",
-  "marginTopSize-32": "marginTopSize-32__3c19191f",
-  "marginBottomSize-32": "marginBottomSize-32__97d14f56"
+  "marginTopSize-4": "marginTopSize-4__4d2e8c0f",
+  "marginBottomSize-4": "marginBottomSize-4__51333e09",
+  "marginTopSize-8": "marginTopSize-8__73678998",
+  "marginBottomSize-8": "marginBottomSize-8__b2f35a33",
+  "marginTopSize-12": "marginTopSize-12__1e8e36e1",
+  "marginBottomSize-12": "marginBottomSize-12__c76fcb96",
+  "marginTopSize-16": "marginTopSize-16__17ab328d",
+  "marginBottomSize-16": "marginBottomSize-16__de2b6bba",
+  "marginTopSize-20": "marginTopSize-20__3e8eb780",
+  "marginBottomSize-20": "marginBottomSize-20__01d4c359",
+  "marginTopSize-24": "marginTopSize-24__9a96446d",
+  "marginBottomSize-24": "marginBottomSize-24__9dd1db78",
+  "marginTopSize-28": "marginTopSize-28__7f780ec8",
+  "marginBottomSize-28": "marginBottomSize-28__e7778c40",
+  "marginTopSize-32": "marginTopSize-32__2305a701",
+  "marginBottomSize-32": "marginBottomSize-32__152d454a"
 };
 const Divider = (props) => {
   const { className, marginTopSize, marginBottomSize, ...htmlDivAttributes } = props;

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -6,11 +6,11 @@ import { EFontType, ETextSize } from "../Typography/enums.js";
 import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
 import { StringUtils } from "../../utils/stringUtils.js";
 import { isKey } from "../../utils/keyboard.js";
-import { c as clsx } from "../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../chunks/vendor-CUIykw0y.js";
 import { Link } from "../Link/Link.js";
-const documentNumberEdit = "documentNumberEdit__9c59d695";
-const label = "label__01b2b734";
-const inputEditWrapper = "inputEditWrapper__ae14e432";
+const documentNumberEdit = "documentNumberEdit__543e965b";
+const label = "label__bd42735f";
+const inputEditWrapper = "inputEditWrapper__a346249c";
 const styles = {
   documentNumberEdit,
   label,

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useState, useRef, useCallback, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
 import { EDropdownDirection, EDropdownAlignment, EDropdownWidth } from "./enums.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
 import { useToken } from "../../ThemeProvider/useToken.js";
 import { isKey } from "../../../utils/keyboard.js";
-const dropdownDesktop = "dropdownDesktop__f339a897";
-const sm = "sm__6b29f8dd";
-const md = "md__27f8af16";
-const lg = "lg__af1ba918";
-const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__480d2f2f";
+const dropdownDesktop = "dropdownDesktop__8034a3fc";
+const sm = "sm__16258d5d";
+const md = "md__7b97a099";
+const lg = "lg__bb097f90";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__61224147";
 const styles = {
   dropdownDesktop,
   sm,
@@ -164,7 +164,7 @@ const DropdownDesktop = React__default.forwardRef((props, ref) => {
       className: classNames,
       style: { ...styleState, ...styleProp },
       ...rest,
-      "data-tx": "1.46.0",
+      "data-tx": "1.47.0",
       ref: setRef,
       children
     }

package/components/Dropdown/desktop/DropdownList.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useRef, useState, useEffect } from "react";
-import { c as clsx } from "../../../chunks/vendor-DqjKLGwf.js";
-import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-BaP5AaMK.js";
+import { c as clsx } from "../../../chunks/vendor-CUIykw0y.js";
+import { s as styles, D as DropdownListItem } from "../../../chunks/DropdownListItem-B9cIx_8A.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 import { DropdownListContext } from "../DropdownListContext.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";

package/components/Dropdown/desktop/DropdownListItem.js

@@ -1,10 +1,10 @@
 import "react/jsx-runtime";
 import "react";
-import "../../../chunks/vendor-DqjKLGwf.js";
+import "../../../chunks/vendor-CUIykw0y.js";
 import "../../../enums/EComponentSize.js";
 import "../../../utils/keyboard.js";
 import "../../Badge/Badge.js";
-import { D } from "../../../chunks/DropdownListItem-BaP5AaMK.js";
+import { D } from "../../../chunks/DropdownListItem-B9cIx_8A.js";
 export {
   D as DropdownListItem
 };

package/components/Dropdown/desktop/index.js

@@ -1,6 +1,6 @@
 import { DropdownDesktop } from "./DropdownDesktop.js";
 import { DropdownList } from "./DropdownList.js";
-import { D } from "../../../chunks/DropdownListItem-BaP5AaMK.js";
+import { D } from "../../../chunks/DropdownListItem-B9cIx_8A.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./enums.js";
 export {
   DropdownDesktop,

package/components/Dropdown/index.js

@@ -1,7 +1,7 @@
 import { DropdownListContext } from "./DropdownListContext.js";
 import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
 import { DropdownList } from "./desktop/DropdownList.js";
-import { D } from "../../chunks/DropdownListItem-BaP5AaMK.js";
+import { D } from "../../chunks/DropdownListItem-B9cIx_8A.js";
 import { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from "./desktop/enums.js";
 import { DropdownMobile } from "./mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "./mobile/DropdownMobileBody.js";