@sberbusiness/triplex-next 0.36.0 → 0.37.0

package/components/SelectField/SelectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.js","sources":["../../../src/components/SelectField/SelectField.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldProps,\n    ISelectExtendedFieldTargetProvideProps,\n    ISelectExtendedFieldTargetProps,\n    SelectExtendedField,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField\";\nimport { SelectExtendedFieldDropdownDefault } from \"@sberbusiness/triplex-next/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { uniqueId } from \"lodash-es\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EDropdownWidth } from \"../Dropdown\";\n\n/* Свойства опции списка. */\nexport interface ISelectFieldOption extends ISelectExtendedFieldDefaultOption {}\n\nexport interface ISelectFieldProps\n    extends\n        Omit<ISelectExtendedFieldProps, \"children\" | \"onChange\" | \"renderTarget\" | \"placeholder\">,\n        Pick<ISelectExtendedFieldTargetProps, \"loading\" | \"status\" | \"placeholder\"> {\n    /** Размер компонента. */\n    size: EComponentSize;\n    children?: never;\n    /** Текущее выбранное значение. */\n    value?: ISelectFieldOption;\n    /** Список опций. */\n    options: ISelectFieldOption[];\n    /** Обработчик изменения значения. */\n    onChange: (option: ISelectFieldOption) => void;\n    /** Свойства, передающиеся в SelectExtendedField.Target. */\n    targetProps?: Omit<ISelectExtendedFieldTargetProps, \"opened\" | \"setOpened\" | \"size\">;\n    /** ClassName передающийся в DropdownListItem. */\n    dropdownListItemClassName?: string;\n    /** Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n}\n\n/* Базовый компонент SelectField. */\nexport const SelectField = React.forwardRef<HTMLDivElement, ISelectFieldProps>((props, ref) => {\n    const {\n        children,\n        className,\n        value,\n        size,\n        options,\n        onChange,\n        placeholder,\n        loading,\n        status,\n        \"aria-labelledby\": ariaLabelledby,\n        dropdownListItemClassName,\n        mobileTitle,\n        targetProps,\n        ...rest\n    } = props;\n\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    const targetRef = useRef<HTMLDivElement | null>(null);\n    const instanceId = useRef(uniqueId());\n\n    const setRef = (node: HTMLInputElement | null) => {\n        targetRef.current = node;\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    const renderTarget = (props: ISelectExtendedFieldTargetProvideProps) => (\n        <SelectExtendedField.Target\n            label={value?.label}\n            placeholder={placeholder}\n            loading={loading}\n            status={status}\n            role=\"combobox\"\n            aria-controls={instanceId.current}\n            aria-activedescendant={activeDescendant}\n            aria-labelledby={ariaLabelledby}\n            ref={setRef}\n            size={size}\n            fieldLabel={undefined}\n            {...targetProps}\n            {...props}\n        />\n    );\n\n    const renderDropdown = (props: ISelectExtendedFieldDropdownProvideProps) => (\n        <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n            <SelectExtendedFieldDropdownDefault\n                {...props}\n                size={size}\n                width={EDropdownWidth.TARGET}\n                loading={loading}\n                listId={instanceId.current}\n                mobileTitle={mobileTitle}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        </DropdownListContext.Provider>\n    );\n\n    return (\n        <SelectExtendedField className={className} renderTarget={renderTarget} closeOnTab={true} {...rest}>\n            {renderDropdown}\n        </SelectExtendedField>\n    );\n});\n\nSelectField.displayName = \"SelectField\";\n"],"names":["props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAwCO,MAAM,cAAc,MAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAChD,QAAM,YAAY,OAA8B,IAAI;AACpD,QAAM,aAAa,OAAO,UAAU;AAEpC,QAAM,SAAS,CAAC,SAAkC;AAC9C,cAAU,UAAU;AACpB,QAAI,OAAO,QAAQ,YAAY;AAC3B,UAAI,IAAI;AAAA,IACZ,WAAW,KAAK;AACZ,UAAI,UAAU;AAAA,IAClB;AAAA,EACJ;AAEA,QAAM,eAAe,CAACA,WAClB;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO,+BAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe,WAAW;AAAA,MAC1B,yBAAuB;AAAA,MACvB,mBAAiB;AAAA,MACjB,KAAK;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACX,GAAG;AAAA,MACH,GAAGA;AAAAA,IAAA;AAAA,EAAA;AAIZ,QAAM,iBAAiB,CAACA,WACpB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,oBAAA,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGA;AAAAA,MACJ;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA,QAAQ,WAAW;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAGJ,SACI,oBAAC,uBAAoB,WAAsB,cAA4B,YAAY,MAAO,GAAG,MACxF,UAAA,eAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}
+{"version":3,"file":"SelectField.js","sources":["../../../src/components/SelectField/SelectField.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport {\n    ISelectExtendedFieldDefaultOption,\n    ISelectExtendedFieldDropdownProvideProps,\n    ISelectExtendedFieldProps,\n    ISelectExtendedFieldTargetProvideProps,\n    ISelectExtendedFieldTargetProps,\n    SelectExtendedField,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField\";\nimport {\n    ISelectExtendedFieldDropdownDefaultProps,\n    SelectExtendedFieldDropdownDefault,\n} from \"@sberbusiness/triplex-next/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault\";\nimport { DropdownListContext } from \"@sberbusiness/triplex-next/components/Dropdown/DropdownListContext\";\nimport { uniqueId } from \"lodash-es\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\nimport { EDropdownWidth } from \"../Dropdown\";\n\n/* Свойства опции списка. */\nexport interface ISelectFieldOption extends ISelectExtendedFieldDefaultOption {}\n\nexport interface ISelectFieldProps\n    extends\n        Omit<ISelectExtendedFieldProps, \"children\" | \"onChange\" | \"renderTarget\" | \"placeholder\">,\n        Pick<ISelectExtendedFieldTargetProps, \"loading\" | \"status\" | \"placeholder\"> {\n    /** Размер компонента. */\n    size: EComponentSize;\n    children?: never;\n    /** Текущее выбранное значение. */\n    value?: ISelectFieldOption;\n    /** Список опций. */\n    options: ISelectFieldOption[];\n    /** Обработчик изменения значения. */\n    onChange: (option: ISelectFieldOption) => void;\n    /** Свойства, передающиеся в SelectExtendedField.Target. */\n    targetProps?: Omit<ISelectExtendedFieldTargetProps, \"opened\" | \"setOpened\" | \"size\">;\n    /** Свойства, передающиеся в SelectExtendedField.Dropdown. */\n    dropdownProps?: ISelectExtendedFieldDropdownDefaultProps[\"dropdownProps\"];\n    /** ClassName передающийся в DropdownListItem. */\n    dropdownListItemClassName?: string;\n    /** Название Select отображающееся в мобильном режиме. */\n    mobileTitle?: React.ReactNode;\n}\n\n/* Базовый компонент SelectField. */\nexport const SelectField = React.forwardRef<HTMLDivElement, ISelectFieldProps>((props, ref) => {\n    const {\n        children,\n        className,\n        value,\n        size,\n        options,\n        onChange,\n        placeholder,\n        loading,\n        status,\n        \"aria-labelledby\": ariaLabelledby,\n        dropdownListItemClassName,\n        mobileTitle,\n        targetProps,\n        dropdownProps,\n        ...rest\n    } = props;\n\n    const [activeDescendant, setActiveDescendant] = useState<string>();\n    const targetRef = useRef<HTMLDivElement | null>(null);\n    const instanceId = useRef(uniqueId());\n\n    const setRef = (node: HTMLInputElement | null) => {\n        targetRef.current = node;\n        if (typeof ref === \"function\") {\n            ref(node);\n        } else if (ref) {\n            ref.current = node;\n        }\n    };\n\n    const renderTarget = (props: ISelectExtendedFieldTargetProvideProps) => (\n        <SelectExtendedField.Target\n            label={value?.label}\n            placeholder={placeholder}\n            loading={loading}\n            status={status}\n            role=\"combobox\"\n            aria-controls={instanceId.current}\n            aria-activedescendant={activeDescendant}\n            aria-labelledby={ariaLabelledby}\n            ref={setRef}\n            size={size}\n            fieldLabel={undefined}\n            {...targetProps}\n            {...props}\n        />\n    );\n\n    const renderDropdown = (props: ISelectExtendedFieldDropdownProvideProps) => (\n        <DropdownListContext.Provider value={{ activeDescendant, setActiveDescendant }}>\n            <SelectExtendedFieldDropdownDefault\n                {...props}\n                size={size}\n                width={EDropdownWidth.TARGET}\n                dropdownProps={dropdownProps}\n                dropdownListItemClassName={dropdownListItemClassName}\n                loading={loading}\n                listId={instanceId.current}\n                mobileTitle={mobileTitle}\n                onChange={onChange}\n                options={options}\n                value={value}\n            />\n        </DropdownListContext.Provider>\n    );\n\n    return (\n        <SelectExtendedField className={className} renderTarget={renderTarget} closeOnTab={true} {...rest}>\n            {renderDropdown}\n        </SelectExtendedField>\n    );\n});\n\nSelectField.displayName = \"SelectField\";\n"],"names":["props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA6CO,MAAM,cAAc,MAAM,WAA8C,CAAC,OAAO,QAAQ;AAC3F,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAA;AAChD,QAAM,YAAY,OAA8B,IAAI;AACpD,QAAM,aAAa,OAAO,UAAU;AAEpC,QAAM,SAAS,CAAC,SAAkC;AAC9C,cAAU,UAAU;AACpB,QAAI,OAAO,QAAQ,YAAY;AAC3B,UAAI,IAAI;AAAA,IACZ,WAAW,KAAK;AACZ,UAAI,UAAU;AAAA,IAClB;AAAA,EACJ;AAEA,QAAM,eAAe,CAACA,WAClB;AAAA,IAAC,oBAAoB;AAAA,IAApB;AAAA,MACG,OAAO,+BAAO;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,iBAAe,WAAW;AAAA,MAC1B,yBAAuB;AAAA,MACvB,mBAAiB;AAAA,MACjB,KAAK;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACX,GAAG;AAAA,MACH,GAAGA;AAAAA,IAAA;AAAA,EAAA;AAIZ,QAAM,iBAAiB,CAACA,WACpB,oBAAC,oBAAoB,UAApB,EAA6B,OAAO,EAAE,kBAAkB,oBAAA,GACrD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGA;AAAAA,MACJ;AAAA,MACA,OAAO,eAAe;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,WAAW;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAER;AAGJ,SACI,oBAAC,uBAAoB,WAAsB,cAA4B,YAAY,MAAO,GAAG,MACxF,UAAA,eAAA,CACL;AAER,CAAC;AAED,YAAY,cAAc;"}

package/components/Skeleton/Skeleton.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { ESkeletonType } from "./enums.js";
-const skeleton = "skeleton__5ab8779a";
-const light = "light__60469dc9";
-const dark = "dark__d5091683";
+const skeleton = "skeleton__fd55a5ac";
+const light = "light__40741d51";
+const dark = "dark__cd19b9b5";
 const styles = {
   skeleton,
   light,
@@ -17,7 +17,7 @@ const Skeleton = ({ className, type = ESkeletonType.DARK, ...htmlDivAttributes }
       [styles.light]: type === ESkeletonType.LIGHT
     }),
     ...htmlDivAttributes,
-    "data-tx": "0.36.0"
+    "data-tx": "0.37.0"
   }
 );
 export {

package/components/SliderExtended/SliderExtended.js

@@ -4,7 +4,7 @@ import { c as clsx, l as lodashExports } from "../../chunks/vendor-BtZO8a0z.js";
 import { SliderExtendedDot } from "./components/SliderExtendedDot/SliderExtendedDot.js";
 import { SliderExtendedMarks } from "./components/SliderExtendedMarks/SliderExtendedMarks.js";
 import { SliderExtendedMark } from "./components/SliderExtendedMarks/SliderExtendedMark.js";
-import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-DF3KTPQZ.js";
+import { s as styles, S as SliderExtendedRail } from "../../chunks/SliderExtendedRail-hyqJLlK_.js";
 import { SliderExtendedTrack } from "./components/SliderExtendedTrack/SliderExtendedTrack.js";
 import { SliderExtendedContext } from "./SliderExtendedContext.js";
 import { SliderExtendedUtils } from "./SliderExtendedUtils.js";
@@ -100,7 +100,7 @@ const SliderExtendedBase = ({
             [styles.disabled]: Boolean(disabled)
           }),
           ...htmlDivAttributes,
-          "data-tx": "0.36.0",
+          "data-tx": "0.37.0",
           children
         }
       )

package/components/SliderExtended/components/SliderExtendedDot/SliderExtendedDot.js

@@ -9,11 +9,11 @@ import { useSliderExtendedDotTabIndex } from "./useSliderExtendedDotTabIndex.js"
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedDot = "sliderExtendedDot__9a63ab9b";
-const focusedByClick = "focusedByClick__0a07d857";
-const disabled = "disabled__daed5ce6";
-const dragByMouse = "dragByMouse__e41ef554";
-const lg = "lg__839b770c";
+const sliderExtendedDot = "sliderExtendedDot__17fce840";
+const focusedByClick = "focusedByClick__e4079044";
+const disabled = "disabled__6579e255";
+const dragByMouse = "dragByMouse__6a45e641";
+const lg = "lg__29596f4e";
 const styles = {
   sliderExtendedDot,
   focusedByClick,

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMark.js

@@ -3,7 +3,7 @@ import React from "react";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { SliderExtendedMarkActions } from "./SliderExtendedMarkActions.js";
 import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-CrrfMQDX.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-Dmt4IEKt.js";
 import { EComponentSize } from "../../../../enums/EComponentSize.js";
 import { ETextSize } from "../../../Typography/enums.js";
 import { Text } from "../../../Typography/Text.js";

package/components/SliderExtended/components/SliderExtendedMarks/SliderExtendedMarks.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-CrrfMQDX.js";
+import { s as styles } from "../../../../chunks/SliderExtendedMarks.module-Dmt4IEKt.js";
 const SliderExtendedMarks = ({ className, ...htmlDivAttributes }) => /* @__PURE__ */ jsx("div", { className: clsx(styles.sliderExtendedMarks, className), ...htmlDivAttributes });
 SliderExtendedMarks.displayName = "SliderExtendedMarks";
 export {

package/components/SliderExtended/components/SliderExtendedRail.js

@@ -3,7 +3,7 @@ import "react";
 import "../SliderExtendedContext.js";
 import "../SliderExtendedUtils.js";
 import "../../../chunks/vendor-BtZO8a0z.js";
-import { S } from "../../../chunks/SliderExtendedRail-DF3KTPQZ.js";
+import { S } from "../../../chunks/SliderExtendedRail-hyqJLlK_.js";
 export {
   S as SliderExtendedRail
 };

package/components/SliderExtended/components/SliderExtendedTooltip/SliderExtendedTooltip.js

@@ -3,10 +3,10 @@ import React from "react";
 import { SliderExtendedContext } from "../../SliderExtendedContext.js";
 import { c as clsx } from "../../../../chunks/vendor-BtZO8a0z.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__ff569a4a";
-const lg = "lg__839b770c";
-const tooltipBody = "tooltipBody__06ee151e";
-const tooltipTip = "tooltipTip__7c07bf05";
+const sliderExtendedTooltipOverlay = "sliderExtendedTooltipOverlay__10ce41f9";
+const lg = "lg__29596f4e";
+const tooltipBody = "tooltipBody__fc1ef7b9";
+const tooltipTip = "tooltipTip__64b1c954";
 const styles = {
   sliderExtendedTooltipOverlay,
   lg,

package/components/SliderExtended/components/SliderExtendedTrack/SliderExtendedTrack.js

@@ -8,12 +8,12 @@ import { SliderExtendedTrackActions } from "./SliderExtendedTrackActions.js";
 import { EVENT_KEY_CODES } from "../../../../utils/keyboard.js";
 import { KeyDownListener } from "../../../KeyDownListener/KeyDownListener.js";
 import { createSizeToClassNameMap } from "../../../../utils/classNameMaps.js";
-const sliderExtendedTrack = "sliderExtendedTrack__147dddc3";
-const lg = "lg__839b770c";
-const focusedByClick = "focusedByClick__0a07d857";
-const hoverOrDragByMouse = "hoverOrDragByMouse__a5633418";
-const staticSlider = "staticSlider__8136609e";
-const disabled = "disabled__daed5ce6";
+const sliderExtendedTrack = "sliderExtendedTrack__881e3b06";
+const lg = "lg__29596f4e";
+const focusedByClick = "focusedByClick__e4079044";
+const hoverOrDragByMouse = "hoverOrDragByMouse__7ca7dc01";
+const staticSlider = "staticSlider__ac004e05";
+const disabled = "disabled__6579e255";
 const styles = {
   sliderExtendedTrack,
   lg,

package/components/SmallInput/SmallInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const smallInput = "smallInput__152255c4";
+const smallInput = "smallInput__96207092";
 const styles = {
   smallInput
 };

package/components/Spoiler/Spoiler.js

@@ -10,15 +10,15 @@ import { EButtonTheme } from "../Button/enums.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 import { u as uniqueId, c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const spoiler = "spoiler__45403518";
-const opened = "opened__3ca4324a";
-const caretIcon = "caretIcon__62da89a3";
-const head = "head__b1071787";
-const content = "content__b479242a";
-const hidden = "hidden__f2223e55";
-const lg = "lg__778b2d17";
-const md = "md__57a6b2a6";
-const sm = "sm__e40406f5";
+const spoiler = "spoiler__98093da6";
+const opened = "opened__5385d4d5";
+const caretIcon = "caretIcon__a3845f6b";
+const head = "head__42a8cfe6";
+const content = "content__96da3d83";
+const hidden = "hidden__337583a8";
+const lg = "lg__57e835ef";
+const md = "md__e4be12b4";
+const sm = "sm__c0147843";
 const styles = {
   spoiler,
   opened,
@@ -70,7 +70,7 @@ const Spoiler = React.forwardRef((props, ref) => {
     },
     className
   );
-  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "0.36.0", ref, children: [
+  return /* @__PURE__ */ jsxs("div", { ...divHTMLAttributes, className: classNames, "data-tx": "0.37.0", ref, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.head, children: [
       /* @__PURE__ */ jsxs(
         Button,

package/components/StatusTracker/StatusTracker.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../chunks/StatusTracker.module-Cxg4BpMg.js";
 import { EStatusTrackerType, EStatusTrackerVerticalAlign } from "./enums.js";
 import { StatusTrackerMedia } from "./components/StatusTrackerMedia.js";
 import { StatusTrackerHeader } from "./components/StatusTrackerHeader.js";
@@ -29,7 +29,7 @@ const StatusTracker = Object.assign(
         className: clsx(styles.statusTrackerWrapper, className),
         ...rest,
         ref,
-        "data-tx": "0.36.0",
+        "data-tx": "0.37.0",
         children: [
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerBackground, typeToClassNameMap[type]), children: /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerColor, typeToClassNameMap[type]) }) }, type),
           /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTracker, verticalAlignToClassNameMap[verticalAlign]), children })

package/components/StatusTracker/components/StatusTrackerAlert.js

@@ -3,7 +3,7 @@ import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import "../../Alert/AlertContext/AlertContext.js";
 import { AlertProcess } from "../../Alert/AlertProcess/AlertProcess.js";
 import "../../Alert/AlertTypeUtils.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 import { ETextSize, EFontType } from "../../Typography/enums.js";
 import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";

package/components/StatusTracker/components/StatusTrackerBody.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { StatusTrackerAlert } from "./StatusTrackerAlert.js";
 import { StatusTrackerStatus } from "./StatusTrackerStatus.js";
 import { StatusTrackerStatusGroup } from "./StatusTrackerStatusGroup.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 const StatusTrackerBody = Object.assign(
   React.forwardRef(function StatusTrackerBody2({ children, className, ...restProps }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...restProps, ref, children });

package/components/StatusTracker/components/StatusTrackerButton.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 import { Button } from "../../Button/Button.js";
 import "../../Button/ButtonBase.js";
 import "../../Button/ButtonIcon.js";

package/components/StatusTracker/components/StatusTrackerDescription.js

@@ -5,7 +5,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import { Text } from "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 const StatusTrackerDescription = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerFooter.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerButton } from "./StatusTrackerButton.js";
 const StatusTrackerFooter = Object.assign(

package/components/StatusTracker/components/StatusTrackerHeader.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
 import { StatusTrackerDescription } from "./StatusTrackerDescription.js";
 import { StatusTrackerTitle } from "./StatusTrackerTitle.js";
 import { StatusTrackerSum } from "./StatusTrackerSum.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 const StatusTrackerHeader = Object.assign(
   React.forwardRef(function StatusTrackerHeader2({ children, className, ...rest }, ref) {
     return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, ref, children });

package/components/StatusTracker/components/StatusTrackerMedia.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 const StatusTrackerMedia = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx("div", { className: clsx(styles.statusTrackerChild, className), ...rest, children });

package/components/StatusTracker/components/StatusTrackerStatus.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 import { MarkerStatus } from "../../MarkerStatus/MarkerStatus.js";
 const StatusTrackerStatus = (props) => {
   const { children, className, ...rest } = props;

package/components/StatusTracker/components/StatusTrackerStatusGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { c as clsx } from "../../../chunks/vendor-BtZO8a0z.js";
-const statusTrackerStatusGroup = "statusTrackerStatusGroup__2fe4be13";
+const statusTrackerStatusGroup = "statusTrackerStatusGroup__14feabb4";
 const styles = {
   statusTrackerStatusGroup
 };

package/components/StatusTracker/components/StatusTrackerSum.js

@@ -6,7 +6,7 @@ import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
 import { Amount } from "../../Amount/Amount.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 const StatusTrackerSum = (props) => {
   const { className, amountProps, ...restProps } = props;
   return /* @__PURE__ */ jsx(

package/components/StatusTracker/components/StatusTrackerTitle.js

@@ -5,7 +5,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import { Title } from "../../Typography/Title.js";
-import { s as styles } from "../../../chunks/StatusTracker.module-B8Mr5BBm.js";
+import { s as styles } from "../../../chunks/StatusTracker.module-Cxg4BpMg.js";
 const StatusTrackerTitle = (props) => {
   const { children, className, ...rest } = props;
   return /* @__PURE__ */ jsx(

package/components/Step/Step.js

@@ -11,21 +11,21 @@ import "../Typography/Title.js";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const step = "step__ddad2cc3";
-const sm = "sm__ff257fd2";
-const md = "md__92cc4b18";
-const lg = "lg__f454c1c1";
-const done = "done__4e27360a";
-const warning = "warning__4d31f449";
-const active = "active__81e9260b";
-const error = "error__2cba451f";
-const disabled = "disabled__18aa1fa4";
+const step = "step__11913ba6";
+const sm = "sm__3a87c63d";
+const md = "md__86d6d306";
+const lg = "lg__792b74e4";
+const done = "done__c58a6509";
+const warning = "warning__6162869a";
+const active = "active__259ab84c";
+const error = "error__aa58f614";
+const disabled = "disabled__db0c4239";
 const styles = {
   step,
   sm,
   md,
   lg,
-  "default": "default__9a5d72a9",
+  "default": "default__2074b0c0",
   done,
   warning,
   active,

package/components/Stepper/Stepper.js

@@ -12,14 +12,14 @@ import { scrollSmoothHorizontally } from "../../utils/scroll.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { EScreenWidth } from "../../helpers/breakpoints.js";
 import "./StepperStepIcon.js";
-const stepperCarousel = "stepperCarousel__342ca4a2";
-const stepperButtonWrapper = "stepperButtonWrapper__fad26b5a";
-const prev = "prev__366601d1";
-const next = "next__05f291fb";
-const stepperButton = "stepperButton__80b21a4b";
-const sm = "sm__8f6730d3";
-const md = "md__c086aefc";
-const lg = "lg__2ed14085";
+const stepperCarousel = "stepperCarousel__13bfbcdc";
+const stepperButtonWrapper = "stepperButtonWrapper__dfe9fa86";
+const prev = "prev__dd6b2b97";
+const next = "next__c565dbe4";
+const stepperButton = "stepperButton__ef40623a";
+const sm = "sm__bdbfc848";
+const md = "md__856e6921";
+const lg = "lg__fdec0f5e";
 const styles = {
   stepperCarousel,
   stepperButtonWrapper,

package/components/Stepper/StepperExtended.js

@@ -4,7 +4,7 @@ import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { StepperStep } from "./StepperStep.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
-const stepperExtended = "stepperExtended__1550d6d7";
+const stepperExtended = "stepperExtended__878067c4";
 const styles = {
   stepperExtended
 };

package/components/Stepper/StepperStep.js

@@ -7,7 +7,7 @@ import { isKey } from "../../utils/keyboard.js";
 import { StepperExtendedContext } from "./StepperExtendedContext.js";
 import { EFocusSource } from "../../enums/EFocusSource.js";
 import { EStepperStepType } from "./enums.js";
-import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-BY-tLPhA.js";
+import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-C7jQ8uyR.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const StepperStep = ({
@@ -92,7 +92,7 @@ const StepperStep = ({
     }
   };
   const renderIcon = () => /* @__PURE__ */ jsx(IconWrapper, { className: styles.icon, disabled: !!disabled, children: icon });
-  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "0.36.0", children: [
+  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "0.37.0", children: [
     icon && renderIcon(),
     children
   ] });

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S } from "../../chunks/StepperStepArrowBorder-BY-tLPhA.js";
+import { S } from "../../chunks/StepperStepArrowBorder-C7jQ8uyR.js";
 export {
   S as StepperStepArrowBorder
 };

package/components/Suggest/SuggestMobileDropdownContent.js

@@ -4,7 +4,7 @@ import { useSuggestContext } from "./SuggestContext.js";
 import "../Dropdown/DropdownListContext.js";
 import "../Dropdown/desktop/DropdownDesktop.js";
 import "../Dropdown/desktop/DropdownList.js";
-import "../../chunks/DropdownListItem-C8XRR4IC.js";
+import "../../chunks/DropdownListItem-XgkJENoJ.js";
 import "../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../Dropdown/mobile/DropdownMobileClose.js";
@@ -21,8 +21,8 @@ import "../Typography/Caption.js";
 import "../Typography/CodeText.js";
 import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
-const suggestDropdownMobileBody = "suggestDropdownMobileBody__c769ea02";
-const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__86111ee0";
+const suggestDropdownMobileBody = "suggestDropdownMobileBody__26ce86d8";
+const suggestDropdownMobileNoOptionsText = "suggestDropdownMobileNoOptionsText__169c09df";
 const styles = {
   suggestDropdownMobileBody,
   suggestDropdownMobileNoOptionsText

package/components/SuggestField/SuggestField.js

@@ -2,13 +2,13 @@ import "./desktop/SuggestFieldDesktopDropdown.js";
 import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import "./mobile/SuggestFieldMobileDropdown.js";
-import "../../chunks/SuggestFieldMobileDropdownHint-B6Xialt1.js";
+import "../../chunks/SuggestFieldMobileDropdownHint-Ce8nkA7q.js";
 import { jsx } from "react/jsx-runtime";
 import { MobileView } from "../MobileView/MobileView.js";
 import "../FormField/components/FormFieldClear.js";
 import "../FormField/components/FormFieldCounter.js";
 import "../FormField/components/FormFieldDescription.js";
-import { F as FormFieldInput } from "../../chunks/FormFieldInput-B5knOj4H.js";
+import { FormFieldInput } from "../FormField/components/FormFieldInput.js";
 import "../FormField/components/FormFieldLabel.js";
 import "../FormField/components/FormFieldMaskedInput.js";
 import "../FormField/components/FormFieldPostfix.js";

package/components/SuggestField/desktop/SuggestFieldDesktop.js

@@ -9,7 +9,7 @@ import { EFormFieldStatus } from "../../FormField/enums.js";
 import { FormFieldClear } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as FormFieldInput } from "../../../chunks/FormFieldInput-B5knOj4H.js";
+import { FormFieldInput } from "../../FormField/components/FormFieldInput.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -23,7 +23,7 @@ import "../../Loader/LoaderMiddle/LoaderMiddle.js";
 import { DropdownListContext } from "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C8XRR4IC.js";
+import "../../../chunks/DropdownListItem-XgkJENoJ.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SuggestField/desktop/SuggestFieldDesktopDropdown.js

@@ -4,7 +4,7 @@ import { Portal } from "../../Portal/Portal.js";
 import "../../Dropdown/DropdownListContext.js";
 import { DropdownDesktop } from "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import { D as DropdownListItem } from "../../../chunks/DropdownListItem-C8XRR4IC.js";
+import { D as DropdownListItem } from "../../../chunks/DropdownListItem-XgkJENoJ.js";
 import { EDropdownWidth } from "../../Dropdown/desktop/enums.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";

package/components/SuggestField/index.js

@@ -2,7 +2,7 @@ import { SuggestFieldDesktopDropdown } from "./desktop/SuggestFieldDesktopDropdo
 import { SuggestFieldDesktop } from "./desktop/SuggestFieldDesktop.js";
 import { SuggestFieldMobile } from "./mobile/SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./mobile/SuggestFieldMobileDropdown.js";
-import { S } from "../../chunks/SuggestFieldMobileDropdownHint-B6Xialt1.js";
+import { S } from "../../chunks/SuggestFieldMobileDropdownHint-Ce8nkA7q.js";
 import { SuggestField } from "./SuggestField.js";
 export {
   SuggestField,

package/components/SuggestField/mobile/SuggestFieldMobile.js

@@ -7,7 +7,7 @@ import { DataTestId } from "../../../consts/DataTestId.js";
 import { FormFieldClear } from "../../FormField/components/FormFieldClear.js";
 import "../../FormField/components/FormFieldCounter.js";
 import "../../FormField/components/FormFieldDescription.js";
-import { F as FormFieldInput } from "../../../chunks/FormFieldInput-B5knOj4H.js";
+import { FormFieldInput } from "../../FormField/components/FormFieldInput.js";
 import "../../FormField/components/FormFieldLabel.js";
 import "../../FormField/components/FormFieldMaskedInput.js";
 import "../../FormField/components/FormFieldPostfix.js";
@@ -18,7 +18,7 @@ import "../../FormField/FormField.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-import "../../../chunks/SuggestFieldMobileDropdownHint-B6Xialt1.js";
+import "../../../chunks/SuggestFieldMobileDropdownHint-Ce8nkA7q.js";
 const SuggestFieldMobile = ({
   value,
   options,

package/components/SuggestField/mobile/SuggestFieldMobileDropdown.js

@@ -3,7 +3,7 @@ import React, { useState, useRef, useCallback } from "react";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-C8XRR4IC.js";
+import "../../../chunks/DropdownListItem-XgkJENoJ.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";
@@ -15,7 +15,7 @@ import { DropdownMobileList } from "../../Dropdown/mobile/DropdownMobileList.js"
 import { DropdownMobileListItem } from "../../Dropdown/mobile/DropdownMobileListItem.js";
 import { DropdownMobileLoader } from "../../Dropdown/mobile/DropdownMobileLoader.js";
 import { Dropdown } from "../../Dropdown/Dropdown.js";
-import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-B6Xialt1.js";
+import { s as styles, S as SuggestFieldMobileDropdownHint } from "../../../chunks/SuggestFieldMobileDropdownHint-Ce8nkA7q.js";
 const SuggestFieldMobileDropdownBase = ({
   value,
   options,

package/components/SuggestField/mobile/SuggestFieldMobileDropdownHint.js

@@ -4,7 +4,7 @@ import "../../Typography/Caption.js";
 import "../../Typography/CodeText.js";
 import "../../Typography/Text.js";
 import "../../Typography/Title.js";
-import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-B6Xialt1.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-Ce8nkA7q.js";
 export {
   S as SuggestFieldMobileDropdownHint
 };

package/components/SuggestField/mobile/index.js

@@ -1,6 +1,6 @@
 import { SuggestFieldMobile } from "./SuggestFieldMobile.js";
 import { SuggestFieldMobileDropdown } from "./SuggestFieldMobileDropdown.js";
-import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-B6Xialt1.js";
+import { S } from "../../../chunks/SuggestFieldMobileDropdownHint-Ce8nkA7q.js";
 export {
   SuggestFieldMobile,
   SuggestFieldMobileDropdown,

package/components/SwipeableArea/SwipeableArea.js

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import React, { useState, useRef, useEffect, useImperativeHandle } from "react";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
-const swipeableArea = "swipeableArea__65b3a509";
-const content = "content__55f8ae28";
-const disableScroll = "disableScroll__f23fcac5";
-const disablePointerEvents = "disablePointerEvents__cc0a5345";
-const swipeAnimationFinish = "swipeAnimationFinish__a9deebdc";
-const leftContent = "leftContent__2d0c5eb9";
-const rightContent = "rightContent__3510f3e3";
+const swipeableArea = "swipeableArea__76301076";
+const content = "content__3baf66db";
+const disableScroll = "disableScroll__89f8c672";
+const disablePointerEvents = "disablePointerEvents__3a8b7629";
+const swipeAnimationFinish = "swipeAnimationFinish__65cb89cb";
+const leftContent = "leftContent__cb1d4a3e";
+const rightContent = "rightContent__7ab26094";
 const styles = {
   swipeableArea,
   content,
@@ -189,7 +189,7 @@ const SwipeableArea = React.forwardRef(
       {
         className: clsx(styles.swipeableArea, className),
         ...rest,
-        "data-tx": "0.36.0",
+        "data-tx": "0.37.0",
         ref: containerRef,
         children: [
           typeof leftSwipeableArea !== "undefined" ? /* @__PURE__ */ jsx(

package/components/Table/ChipPanel.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-BtZO8a0z.js";
 import { ChipPanelLinks } from "./ChipPanelLinks.js";
-const chipPanel = "chipPanel__b2184947";
+const chipPanel = "chipPanel__51200b46";
 const styles = {
   chipPanel
 };