@sberbusiness/triplex-next 1.43.0 → 1.45.0

package/components/Radio/Radio.js

@@ -8,14 +8,14 @@ import { Text } from "../Typography/Text.js";
 import "../Typography/Title.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const label = "label__b165f6df";
-const sm = "sm__4b928881";
-const nonempty = "nonempty__741a0972";
-const md = "md__5e5a18a7";
-const lg = "lg__cff2c5fd";
-const disabled = "disabled__e5fa4cdb";
-const radio = "radio__062fe1a2";
-const radioIcon = "radioIcon__347fda33";
+const label = "label__a718eaa9";
+const sm = "sm__4cc031da";
+const nonempty = "nonempty__ec3ae951";
+const md = "md__5f72b53c";
+const lg = "lg__7656ace4";
+const disabled = "disabled__8653eb29";
+const radio = "radio__5288cee4";
+const radioIcon = "radioIcon__0c10e02f";
 const styles = {
   label,
   sm,
@@ -41,7 +41,7 @@ const Radio = React__default.forwardRef((props, ref) => {
     { [styles.disabled]: !!disabled2, [styles.nonempty]: !!children },
     labelAttributes == null ? void 0 : labelAttributes.className
   );
-  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.43.0", children: [
+  return /* @__PURE__ */ jsxs("label", { ...labelAttributes, className: classNamesLabel, "data-tx": "1.45.0", children: [
     /* @__PURE__ */ jsx("input", { type: "radio", className: classNames, disabled: disabled2, ...inputAttributes, ref }),
     /* @__PURE__ */ jsx("span", { className: styles.radioIcon }),
     children && /* @__PURE__ */ jsx(Text, { size: sizeToTextSizeMap[size], tag: "div", children })

package/components/Radio/RadioXGroup.js

@@ -1,16 +1,16 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const radioXGroup = "radioXGroup__5914d00c";
-const label = "label__b165f6df";
+const radioXGroup = "radioXGroup__8419ca2a";
+const label = "label__a718eaa9";
 const styles = {
   radioXGroup,
-  "indent-12": "indent-12__20c97cb9",
+  "indent-12": "indent-12__3c380dbf",
   label,
-  "indent-16": "indent-16__90772f88",
-  "indent-20": "indent-20__015cecfd",
-  "indent-24": "indent-24__5b3afb8f",
-  "indent-28": "indent-28__896e2cb5",
-  "indent-32": "indent-32__cc7c2392"
+  "indent-16": "indent-16__b21587bb",
+  "indent-20": "indent-20__ddaa155e",
+  "indent-24": "indent-24__94cae224",
+  "indent-28": "indent-28__4b478709",
+  "indent-32": "indent-32__39da216f"
 };
 const RadioXGroup = (props) => {
   const { children, className, indent = 12, ...rest } = props;

package/components/Radio/RadioYGroup.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
-const radioYGroup = "radioYGroup__6c4ba5e5";
+const radioYGroup = "radioYGroup__b17be09d";
 const styles = {
   radioYGroup
 };

package/components/Row/Row.js

@@ -3,10 +3,10 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 import { RowContext } from "./RowContext.js";
-const row = "row__b21428c2";
-const noPaddingBottom = "noPaddingBottom__82db5a08";
-const SM = "SM__dd448c4a";
-const MD = "MD__cace836a";
+const row = "row__b5d2f522";
+const noPaddingBottom = "noPaddingBottom__a6bd3fec";
+const SM = "SM__7d99f09c";
+const MD = "MD__c9f05323";
 const styles = {
   row,
   noPaddingBottom,

package/components/SMSField/SMSField.js

@@ -1,16 +1,37 @@
 import { jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { useState } from "react";
+import { EFormFieldStatus } from "../FormField/enums.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldInput.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../FormField/components/FormFieldTextarea.js";
+import "../FormField/FormField.js";
 import { SMSFieldContext } from "./SMSFieldContext.js";
 import { SMSFieldInput } from "./components/SMSFieldInput.js";
 import { SMSFieldRefresh } from "./components/SMSFieldRefresh.js";
 import { SMSFieldSubmit } from "./components/SMSFieldSubmit.js";
 import { SMSFieldTooltip } from "./components/SMSFieldTooltip.js";
-import { s as styles } from "../../chunks/SMSField.module-e3cgZTSU.js";
+import { s as styles } from "../../chunks/SMSField.module-CGuPONeF.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
 const sizeToClassNameMap = createSizeToClassNameMap(styles);
 const SMSField = (props) => {
-  const { children, className, code, disabled, error, onChangeCode, onSubmitCode, size, ...htmlDivAttributes } = props;
+  const {
+    children,
+    className,
+    code,
+    onChangeCode,
+    onSubmitCode,
+    size,
+    status = EFormFieldStatus.DEFAULT,
+    ...htmlDivAttributes
+  } = props;
   const [disabledSubmit, setDisabledSubmit] = useState(true);
   const [tooltipId, setTooltipId] = useState();
   const classSMSField = clsx(styles.smsField, className);
@@ -19,18 +40,17 @@ const SMSField = (props) => {
     {
       value: {
         code,
-        disabled: !!disabled,
         disabledSubmit,
-        error: !!error,
         onChangeCode,
         onSubmitCode,
         setDisabledSubmit,
         setTooltipId,
         size,
         sizeClassName: sizeToClassNameMap[size],
+        status,
         tooltipId
       },
-      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.43.0", children })
+      children: /* @__PURE__ */ jsx("div", { className: classSMSField, ...htmlDivAttributes, "data-tx": "1.45.0", children })
     }
   );
 };

package/components/SMSField/SMSField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSField.js","sources":["../../../src/components/SMSField/SMSField.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useState } from \"react\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { ISMSFieldProps } from \"@sberbusiness/triplex-next/components/SMSField/types\";\nimport { SMSFieldInput } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldInput\";\nimport { SMSFieldRefresh } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldRefresh\";\nimport { SMSFieldSubmit } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldSubmit\";\nimport { SMSFieldTooltip } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldTooltip\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Внутренние составляющие SMSField. */\ninterface ISMSFieldComposition {\n    Tooltip: typeof SMSFieldTooltip;\n    Refresh: typeof SMSFieldRefresh;\n    Input: typeof SMSFieldInput;\n    Submit: typeof SMSFieldSubmit;\n}\n\n/** Компонент для ввода СМС. */\nexport const SMSField: React.FC<ISMSFieldProps> & ISMSFieldComposition = (props) => {\n    const { children, className, code, disabled, error, onChangeCode, onSubmitCode, size, ...htmlDivAttributes } =\n        props;\n\n    const [disabledSubmit, setDisabledSubmit] = useState(true);\n    const [tooltipId, setTooltipId] = useState<string>();\n    const classSMSField = clsx(styles.smsField, className);\n\n    return (\n        <SMSFieldContext.Provider\n            value={{\n                code,\n                disabled: !!disabled,\n                disabledSubmit,\n                error: !!error,\n                onChangeCode,\n                onSubmitCode,\n                setDisabledSubmit,\n                setTooltipId,\n                size,\n                sizeClassName: sizeToClassNameMap[size],\n                tooltipId,\n            }}\n        >\n            <div className={classSMSField} {...htmlDivAttributes} data-tx={process.env.npm_package_version}>\n                {children}\n            </div>\n        </SMSFieldContext.Provider>\n    );\n};\n\nSMSField.displayName = \"SMSField\";\nSMSField.Tooltip = SMSFieldTooltip;\nSMSField.Refresh = SMSFieldRefresh;\nSMSField.Input = SMSFieldInput;\nSMSField.Submit = SMSFieldSubmit;\n"],"names":[],"mappings":";;;;;;;;;;AAYA,MAAM,qBAAqB,yBAAyB,MAAM;AAWnD,MAAM,WAA4D,CAAC,UAAU;AAChF,QAAM,EAAE,UAAU,WAAW,MAAM,UAAU,OAAO,cAAc,cAAc,MAAM,GAAG,kBAAA,IACrF;AAEJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,IAAI;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAA;AAClC,QAAM,gBAAgB,KAAK,OAAO,UAAU,SAAS;AAErD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,OAAO;AAAA,QACH;AAAA,QACA,UAAU,CAAC,CAAC;AAAA,QACZ;AAAA,QACA,OAAO,CAAC,CAAC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,mBAAmB,IAAI;AAAA,QACtC;AAAA,MAAA;AAAA,MAGJ,UAAA,oBAAC,OAAA,EAAI,WAAW,eAAgB,GAAG,mBAAmB,WAAS,UAC1D,SAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,QAAQ;AACjB,SAAS,SAAS;"}
+{"version":3,"file":"SMSField.js","sources":["../../../src/components/SMSField/SMSField.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useState } from \"react\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { ISMSFieldProps } from \"@sberbusiness/triplex-next/components/SMSField/types\";\nimport { SMSFieldInput } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldInput\";\nimport { SMSFieldRefresh } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldRefresh\";\nimport { SMSFieldSubmit } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldSubmit\";\nimport { SMSFieldTooltip } from \"@sberbusiness/triplex-next/components/SMSField/components/SMSFieldTooltip\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\nimport { createSizeToClassNameMap } from \"@sberbusiness/triplex-next/utils/classNameMaps\";\n\n// Соответствие размера имени класса.\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Внутренние составляющие SMSField. */\ninterface ISMSFieldComposition {\n    Tooltip: typeof SMSFieldTooltip;\n    Refresh: typeof SMSFieldRefresh;\n    Input: typeof SMSFieldInput;\n    Submit: typeof SMSFieldSubmit;\n}\n\n/** Компонент для ввода СМС. */\nexport const SMSField: React.FC<ISMSFieldProps> & ISMSFieldComposition = (props) => {\n    const {\n        children,\n        className,\n        code,\n        onChangeCode,\n        onSubmitCode,\n        size,\n        status = EFormFieldStatus.DEFAULT,\n        ...htmlDivAttributes\n    } = props;\n\n    const [disabledSubmit, setDisabledSubmit] = useState(true);\n    const [tooltipId, setTooltipId] = useState<string>();\n    const classSMSField = clsx(styles.smsField, className);\n\n    return (\n        <SMSFieldContext.Provider\n            value={{\n                code,\n                disabledSubmit,\n                onChangeCode,\n                onSubmitCode,\n                setDisabledSubmit,\n                setTooltipId,\n                size,\n                sizeClassName: sizeToClassNameMap[size],\n                status,\n                tooltipId,\n            }}\n        >\n            <div className={classSMSField} {...htmlDivAttributes} data-tx={process.env.npm_package_version}>\n                {children}\n            </div>\n        </SMSFieldContext.Provider>\n    );\n};\n\nSMSField.displayName = \"SMSField\";\nSMSField.Tooltip = SMSFieldTooltip;\nSMSField.Refresh = SMSFieldRefresh;\nSMSField.Input = SMSFieldInput;\nSMSField.Submit = SMSFieldSubmit;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,qBAAqB,yBAAyB,MAAM;AAWnD,MAAM,WAA4D,CAAC,UAAU;AAChF,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,iBAAiB;AAAA,IAC1B,GAAG;AAAA,EAAA,IACH;AAEJ,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,IAAI;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAA;AAClC,QAAM,gBAAgB,KAAK,OAAO,UAAU,SAAS;AAErD,SACI;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACG,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,eAAe,mBAAmB,IAAI;AAAA,QACtC;AAAA,QACA;AAAA,MAAA;AAAA,MAGJ,UAAA,oBAAC,OAAA,EAAI,WAAW,eAAgB,GAAG,mBAAmB,WAAS,UAC1D,SAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,QAAQ;AACjB,SAAS,SAAS;"}

package/components/SMSField/SMSFieldContext.js

@@ -1,10 +1,20 @@
 import React__default from "react";
+import { EFormFieldStatus } from "../FormField/enums.js";
+import "../FormField/components/FormFieldClear.js";
+import "../FormField/components/FormFieldCounter.js";
+import "../FormField/components/FormFieldDescription.js";
+import "../FormField/components/FormFieldInput.js";
+import "../FormField/components/FormFieldLabel.js";
+import "../FormField/components/FormFieldMaskedInput.js";
+import "../FormField/components/FormFieldPostfix.js";
+import "../FormField/components/FormFieldPrefix.js";
+import "../FormField/components/FormFieldTarget.js";
+import "../FormField/components/FormFieldTextarea.js";
+import "../FormField/FormField.js";
 import { EComponentSize } from "../../enums/EComponentSize.js";
 const contextInitial = {
   code: "",
-  disabled: false,
   disabledSubmit: true,
-  error: false,
   onChangeCode: () => {
   },
   onSubmitCode: () => {
@@ -15,6 +25,7 @@ const contextInitial = {
   },
   size: EComponentSize.LG,
   sizeClassName: "",
+  status: EFormFieldStatus.DEFAULT,
   tooltipId: void 0
 };
 const SMSFieldContext = React__default.createContext(contextInitial);

package/components/SMSField/SMSFieldContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldContext.js","sources":["../../../src/components/SMSField/SMSFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\nexport interface ISMSFieldContext {\n    /** Значение кода. */\n    code: string;\n    /** Признак блокировки компонента. */\n    disabled: boolean;\n    /** Отключённое состояние кнопки Submit. */\n    disabledSubmit: boolean;\n    /** Признак наличия ошибки. */\n    error: boolean;\n    /** Обработчик изменения кода. */\n    onChangeCode: (code: string) => void;\n    /** Обработчик отправки кода. */\n    onSubmitCode: (code: string) => void;\n    /** Установить отключённое состояние кнопки Submit. */\n    setDisabledSubmit: (disabled: boolean) => void;\n    /** Установить уникальный идентификатор Tooltip. */\n    setTooltipId: (id: string) => void;\n    /** Размер поля. */\n    size: EComponentSize;\n    /** CSS класс размера. */\n    sizeClassName: string;\n    /** Уникальный идентификатор Tooltip. */\n    tooltipId?: string;\n}\n\nconst contextInitial: ISMSFieldContext = {\n    code: \"\",\n    disabled: false,\n    disabledSubmit: true,\n    error: false,\n    onChangeCode: () => {},\n    onSubmitCode: () => {},\n    setDisabledSubmit: () => {},\n    setTooltipId: () => {},\n    size: EComponentSize.LG,\n    sizeClassName: \"\",\n    tooltipId: undefined,\n};\n\nexport const SMSFieldContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";;AA4BA,MAAM,iBAAmC;AAAA,EACrC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,MAAM,eAAe;AAAA,EACrB,eAAe;AAAA,EACf,WAAW;AACf;AAEO,MAAM,kBAAkBA,eAAM,cAAc,cAAc;"}
+{"version":3,"file":"SMSFieldContext.js","sources":["../../../src/components/SMSField/SMSFieldContext.ts"],"sourcesContent":["import React from \"react\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField\";\nimport { EComponentSize } from \"@sberbusiness/triplex-next/enums/EComponentSize\";\n\nexport interface ISMSFieldContext {\n    /** Значение кода. */\n    code: string;\n    /** Отключённое состояние кнопки Submit. */\n    disabledSubmit: boolean;\n    /** Обработчик изменения кода. */\n    onChangeCode: (code: string) => void;\n    /** Обработчик отправки кода. */\n    onSubmitCode: (code: string) => void;\n    /** Установить отключённое состояние кнопки Submit. */\n    setDisabledSubmit: (disabled: boolean) => void;\n    /** Установить уникальный идентификатор Tooltip. */\n    setTooltipId: (id: string) => void;\n    /** Размер поля. */\n    size: EComponentSize;\n    /** CSS класс размера. */\n    sizeClassName: string;\n    /** Визуальное состояние компонента. */\n    status: Exclude<EFormFieldStatus, EFormFieldStatus.WARNING>;\n    /** Уникальный идентификатор Tooltip. */\n    tooltipId?: string;\n}\n\nconst contextInitial: ISMSFieldContext = {\n    code: \"\",\n    disabledSubmit: true,\n    onChangeCode: () => {},\n    onSubmitCode: () => {},\n    setDisabledSubmit: () => {},\n    setTooltipId: () => {},\n    size: EComponentSize.LG,\n    sizeClassName: \"\",\n    status: EFormFieldStatus.DEFAULT,\n    tooltipId: undefined,\n};\n\nexport const SMSFieldContext = React.createContext(contextInitial);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AA2BA,MAAM,iBAAmC;AAAA,EACrC,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,mBAAmB,MAAM;AAAA,EAAC;AAAA,EAC1B,cAAc,MAAM;AAAA,EAAC;AAAA,EACrB,MAAM,eAAe;AAAA,EACrB,eAAe;AAAA,EACf,QAAQ,iBAAiB;AAAA,EACzB,WAAW;AACf;AAEO,MAAM,kBAAkBA,eAAM,cAAc,cAAc;"}

package/components/SMSField/components/RefreshIcon.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import { s as styles } from "../../../chunks/SMSField.module-e3cgZTSU.js";
+import { s as styles } from "../../../chunks/SMSField.module-CGuPONeF.js";
 import { EComponentSize } from "../../../enums/EComponentSize.js";
 const iconPath = "M2 10c0-4.42 3.58-8 8-8 2.52 0 4.77 1.16 6.24 3H13.5c-.56 0-1 .44-1 1 0 .55.44 1 1 1h5c.55 0 1-.45 1-1V1c0-.56-.45-1-1-1-.56 0-1 .44-1 1v2.38A10.02 10.02 0 0 0 10 0C4.47 0 0 4.47 0 10c0 5.52 4.47 10 10 10 5.52 0 10-4.48 10-10 0-.56-.45-1-1-1-.56 0-1 .44-1 1 0 4.41-3.59 8-8 8-4.42 0-8-3.59-8-8";
 const bigIconPath = "M27 16c0 .81-.09 1.61-.27 2.39a10.9 10.9 0 0 1-1.54 3.65c-.41.62-.88 1.2-1.42 1.73-.53.54-1.11 1.01-1.73 1.42a10.906 10.906 0 0 1-3.65 1.54c-.78.18-1.58.27-2.39.27q-1.23 0-2.4-.27a10.9 10.9 0 0 1-3.65-1.54c-.62-.41-1.2-.88-1.73-1.42-.54-.53-1.01-1.11-1.42-1.73a10.906 10.906 0 0 1-1.54-3.65C5.08 17.61 5 16.81 5 16c0-.82.08-1.62.26-2.4A10.9 10.9 0 0 1 6.8 9.95c.41-.62.88-1.2 1.42-1.73.53-.54 1.11-1.01 1.73-1.42a10.906 10.906 0 0 1 3.65-1.54C14.38 5.08 15.18 5 16 5a11.1 11.1 0 0 1 2.93.39c.44.12.86.27 1.27.44.47.19.93.42 1.37.68.39.23.75.47 1.1.74.4.31.78.64 1.14 1 .06.06.12.13.19.2V6c0-.57.44-1 1-1s1 .43 1 1v5c0 .66-.34 1-1 1h-5c-.56 0-1-.44-1-1 0-.57.44-1 1-1h2.7c-.1-.12-.21-.23-.31-.34-.3-.3-.61-.58-.95-.83-.28-.21-.57-.41-.88-.59a8.753 8.753 0 0 0-3-1.11C17.05 7.04 16.53 7 16 7c-.69 0-1.35.07-2 .22-.52.11-1.02.27-1.51.48-.5.21-.97.47-1.42.76a9 9 0 0 0-2.61 2.61c-.29.45-.55.92-.76 1.42-.21.49-.37.99-.48 1.51A8.8 8.8 0 0 0 7 16c0 .68.07 1.34.22 1.99.11.52.27 1.02.48 1.51.21.5.47.97.76 1.42q.51.78 1.17 1.44c.45.44.92.83 1.44 1.17.45.29.92.55 1.42.76.49.21.99.37 1.51.48a8.803 8.803 0 0 0 3.99 0c.52-.11 1.02-.27 1.51-.48.5-.21.97-.47 1.42-.76a9 9 0 0 0 2.61-2.61c.29-.45.55-.92.76-1.42.21-.49.37-.99.48-1.51.15-.65.23-1.31.23-1.99 0-.57.44-1 1-1s1 .43 1 1";

package/components/SMSField/components/SMSFieldInput.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { c as clsx } from "../../../chunks/vendor-D4wvHis9.js";
-import React__default, { useContext } from "react";
+import React__default, { useContext, useState } from "react";
 import { EFormFieldStatus } from "../../FormField/enums.js";
 import "../../FormField/components/FormFieldClear.js";
 import { FormFieldCounter } from "../../FormField/components/FormFieldCounter.js";
@@ -15,30 +15,33 @@ import "../../FormField/components/FormFieldTextarea.js";
 import { FormField } from "../../FormField/FormField.js";
 import { FormGroup } from "../../FormGroup/FormGroup.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
-import { s as styles } from "../../../chunks/SMSField.module-e3cgZTSU.js";
+import { s as styles } from "../../../chunks/SMSField.module-CGuPONeF.js";
 import { EVENT_KEY_CODES } from "../../../utils/keyboard.js";
 const regExp = new RegExp(/^[0-9]*$/);
 const SMSFieldInput = React__default.forwardRef(
-  ({ className, counter, description, disabled, maxLength = 8, onChange, onKeyDown, placeholder, ...restProps }, ref) => {
-    const {
-      code,
-      disabled: allDisabled,
-      disabledSubmit,
-      error,
-      onChangeCode,
-      onSubmitCode,
-      size,
-      sizeClassName
-    } = useContext(SMSFieldContext);
-    const inputDisabled = allDisabled || disabled;
-    const inputClassName = clsx(styles.input, sizeClassName, className);
-    let status = EFormFieldStatus.DEFAULT;
-    if (inputDisabled) {
-      status = EFormFieldStatus.DISABLED;
-    }
-    if (error) {
-      status = EFormFieldStatus.ERROR;
-    }
+  ({
+    className,
+    counter,
+    description,
+    errorText,
+    maxLength = 8,
+    onBlur,
+    onChange,
+    onFocus,
+    onKeyDown,
+    placeholder,
+    ...restProps
+  }, ref) => {
+    const { code, disabledSubmit, onChangeCode, onSubmitCode, size, sizeClassName, status } = useContext(SMSFieldContext);
+    const [focused, setFocused] = useState(false);
+    const error = status === EFormFieldStatus.ERROR;
+    const showErrorText = error && !focused && Boolean(errorText);
+    const inputClassName = clsx(
+      styles.input,
+      sizeClassName,
+      { [styles.errorPlaceholder]: showErrorText },
+      className
+    );
     const handleChange = (e) => {
       const value = e.target.value;
       if (!regExp.test(value)) {
@@ -47,6 +50,14 @@ const SMSFieldInput = React__default.forwardRef(
       onChangeCode(value);
       onChange == null ? void 0 : onChange(e);
     };
+    const handleFocus = (e) => {
+      setFocused(true);
+      onFocus == null ? void 0 : onFocus(e);
+    };
+    const handleBlur = (e) => {
+      setFocused(false);
+      onBlur == null ? void 0 : onBlur(e);
+    };
     const handleKeyDown = (e) => {
       if (e.keyCode === EVENT_KEY_CODES.ENTER && !disabledSubmit) {
         onSubmitCode(code);
@@ -60,11 +71,14 @@ const SMSFieldInput = React__default.forwardRef(
           autoComplete: "off",
           className: inputClassName,
           maxLength,
+          onBlur: handleBlur,
           onChange: handleChange,
-          placeholder,
+          onFocus: handleFocus,
+          placeholder: showErrorText ? errorText : placeholder,
           ref,
           value: code,
-          ...restProps
+          ...restProps,
+          "aria-invalid": error || void 0
         }
       ) }),
       description || counter ? /* @__PURE__ */ jsxs(FormFieldDescription, { children: [

package/components/SMSField/components/SMSFieldInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldInput.js","sources":["../../../../src/components/SMSField/components/SMSFieldInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useContext } from \"react\";\nimport {\n    EFormFieldStatus,\n    FormField,\n    FormFieldCounter,\n    FormFieldDescription,\n    FormFieldInput,\n} from \"@sberbusiness/triplex-next/components/FormField\";\nimport { FormGroup } from \"@sberbusiness/triplex-next/components/FormGroup\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\n\n/** Свойства SMSField.Input. */\nexport interface ISMSFieldInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n    /** Счётчик символов */\n    counter?: React.ReactNode;\n    /** Описание поля ввода */\n    description?: React.ReactNode;\n}\n\nconst regExp = new RegExp(/^[0-9]*$/);\n\nexport const SMSFieldInput = React.forwardRef<HTMLInputElement, ISMSFieldInputProps>(\n    (\n        { className, counter, description, disabled, maxLength = 8, onChange, onKeyDown, placeholder, ...restProps },\n        ref,\n    ) => {\n        const {\n            code,\n            disabled: allDisabled,\n            disabledSubmit,\n            error,\n            onChangeCode,\n            onSubmitCode,\n            size,\n            sizeClassName,\n        } = useContext(SMSFieldContext);\n\n        const inputDisabled = allDisabled || disabled;\n        const inputClassName = clsx(styles.input, sizeClassName, className);\n\n        let status = EFormFieldStatus.DEFAULT;\n\n        if (inputDisabled) {\n            status = EFormFieldStatus.DISABLED;\n        }\n\n        if (error) {\n            status = EFormFieldStatus.ERROR;\n        }\n\n        /** Обработчик ввода sms-кода. */\n        const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            const value = e.target.value;\n            if (!regExp.test(value)) {\n                return;\n            }\n            onChangeCode(value);\n            onChange?.(e);\n        };\n\n        /** Обработчик нажатия клавиши Enter (для отправки sms-кода). */\n        const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.keyCode === EVENT_KEY_CODES.ENTER && !disabledSubmit) {\n                onSubmitCode(code);\n            }\n            onKeyDown?.(e);\n        };\n\n        return (\n            <FormGroup>\n                <FormField className={sizeClassName} onKeyDown={handleKeyDown} size={size} status={status}>\n                    <FormFieldInput\n                        autoComplete=\"off\"\n                        className={inputClassName}\n                        maxLength={maxLength}\n                        onChange={handleChange}\n                        placeholder={placeholder}\n                        ref={ref}\n                        value={code}\n                        {...restProps}\n                    />\n                </FormField>\n\n                {description || counter ? (\n                    <FormFieldDescription>\n                        {description}\n                        {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                    </FormFieldDescription>\n                ) : null}\n            </FormGroup>\n        );\n    },\n);\n\nSMSFieldInput.displayName = \"SMSFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAsBA,MAAM,SAAS,IAAI,OAAO,UAAU;AAE7B,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CACI,EAAE,WAAW,SAAS,aAAa,UAAU,YAAY,GAAG,UAAU,WAAW,aAAa,GAAG,UAAA,GACjG,QACC;AACD,UAAM;AAAA,MACF;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACA,WAAW,eAAe;AAE9B,UAAM,gBAAgB,eAAe;AACrC,UAAM,iBAAiB,KAAK,OAAO,OAAO,eAAe,SAAS;AAElE,QAAI,SAAS,iBAAiB;AAE9B,QAAI,eAAe;AACf,eAAS,iBAAiB;AAAA,IAC9B;AAEA,QAAI,OAAO;AACP,eAAS,iBAAiB;AAAA,IAC9B;AAGA,UAAM,eAAe,CAAC,MAA2C;AAC7D,YAAM,QAAQ,EAAE,OAAO;AACvB,UAAI,CAAC,OAAO,KAAK,KAAK,GAAG;AACrB;AAAA,MACJ;AACA,mBAAa,KAAK;AAClB,2CAAW;AAAA,IACf;AAGA,UAAM,gBAAgB,CAAC,MAA6C;AAChE,UAAI,EAAE,YAAY,gBAAgB,SAAS,CAAC,gBAAgB;AACxD,qBAAa,IAAI;AAAA,MACrB;AACA,6CAAY;AAAA,IAChB;AAEA,gCACK,WAAA,EACG,UAAA;AAAA,MAAA,oBAAC,aAAU,WAAW,eAAe,WAAW,eAAe,MAAY,QACvE,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cAAa;AAAA,UACb,WAAW;AAAA,UACX;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,OAAO;AAAA,UACN,GAAG;AAAA,QAAA;AAAA,MAAA,GAEZ;AAAA,MAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,QAAA;AAAA,QACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,MAAA,EAAA,CAChE,IACA;AAAA,IAAA,GACR;AAAA,EAER;AACJ;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"SMSFieldInput.js","sources":["../../../../src/components/SMSField/components/SMSFieldInput.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useContext, useState } from \"react\";\nimport {\n    EFormFieldStatus,\n    FormField,\n    FormFieldCounter,\n    FormFieldDescription,\n    FormFieldInput,\n} from \"@sberbusiness/triplex-next/components/FormField\";\nimport { FormGroup } from \"@sberbusiness/triplex-next/components/FormGroup\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\nimport { EVENT_KEY_CODES } from \"@sberbusiness/triplex-next/utils/keyboard\";\n\n/** Свойства SMSField.Input. */\nexport interface ISMSFieldInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"disabled\"> {\n    /** Счётчик символов */\n    counter?: React.ReactNode;\n    /** Описание поля ввода */\n    description?: React.ReactNode;\n    /** Текст ошибки. Отображается вместо placeholder в статусе EFormFieldStatus.ERROR, пока поле не в фокусе. */\n    errorText?: string;\n}\n\nconst regExp = new RegExp(/^[0-9]*$/);\n\nexport const SMSFieldInput = React.forwardRef<HTMLInputElement, ISMSFieldInputProps>(\n    (\n        {\n            className,\n            counter,\n            description,\n            errorText,\n            maxLength = 8,\n            onBlur,\n            onChange,\n            onFocus,\n            onKeyDown,\n            placeholder,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const { code, disabledSubmit, onChangeCode, onSubmitCode, size, sizeClassName, status } =\n            useContext(SMSFieldContext);\n\n        const [focused, setFocused] = useState(false);\n\n        const error = status === EFormFieldStatus.ERROR;\n\n        const showErrorText = error && !focused && Boolean(errorText);\n\n        const inputClassName = clsx(\n            styles.input,\n            sizeClassName,\n            { [styles.errorPlaceholder]: showErrorText },\n            className,\n        );\n\n        /** Обработчик ввода sms-кода. */\n        const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            const value = e.target.value;\n            if (!regExp.test(value)) {\n                return;\n            }\n            onChangeCode(value);\n            onChange?.(e);\n        };\n\n        /** Обработчик получения фокуса. */\n        const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(true);\n            onFocus?.(e);\n        };\n\n        /** Обработчик потери фокуса. */\n        const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(false);\n            onBlur?.(e);\n        };\n\n        /** Обработчик нажатия клавиши Enter (для отправки sms-кода). */\n        const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.keyCode === EVENT_KEY_CODES.ENTER && !disabledSubmit) {\n                onSubmitCode(code);\n            }\n            onKeyDown?.(e);\n        };\n\n        return (\n            <FormGroup>\n                <FormField className={sizeClassName} onKeyDown={handleKeyDown} size={size} status={status}>\n                    <FormFieldInput\n                        autoComplete=\"off\"\n                        className={inputClassName}\n                        maxLength={maxLength}\n                        onBlur={handleBlur}\n                        onChange={handleChange}\n                        onFocus={handleFocus}\n                        placeholder={showErrorText ? errorText : placeholder}\n                        ref={ref}\n                        value={code}\n                        {...restProps}\n                        aria-invalid={error || undefined}\n                    />\n                </FormField>\n\n                {description || counter ? (\n                    <FormFieldDescription>\n                        {description}\n                        {counter ? <FormFieldCounter>{counter}</FormFieldCounter> : null}\n                    </FormFieldDescription>\n                ) : null}\n            </FormGroup>\n        );\n    },\n);\n\nSMSFieldInput.displayName = \"SMSFieldInput\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAwBA,MAAM,SAAS,IAAI,OAAO,UAAU;AAE7B,MAAM,gBAAgBA,eAAM;AAAA,EAC/B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,EAAE,MAAM,gBAAgB,cAAc,cAAc,MAAM,eAAe,OAAA,IAC3E,WAAW,eAAe;AAE9B,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,UAAM,QAAQ,WAAW,iBAAiB;AAE1C,UAAM,gBAAgB,SAAS,CAAC,WAAW,QAAQ,SAAS;AAE5D,UAAM,iBAAiB;AAAA,MACnB,OAAO;AAAA,MACP;AAAA,MACA,EAAE,CAAC,OAAO,gBAAgB,GAAG,cAAA;AAAA,MAC7B;AAAA,IAAA;AAIJ,UAAM,eAAe,CAAC,MAA2C;AAC7D,YAAM,QAAQ,EAAE,OAAO;AACvB,UAAI,CAAC,OAAO,KAAK,KAAK,GAAG;AACrB;AAAA,MACJ;AACA,mBAAa,KAAK;AAClB,2CAAW;AAAA,IACf;AAGA,UAAM,cAAc,CAAC,MAA0C;AAC3D,iBAAW,IAAI;AACf,yCAAU;AAAA,IACd;AAGA,UAAM,aAAa,CAAC,MAA0C;AAC1D,iBAAW,KAAK;AAChB,uCAAS;AAAA,IACb;AAGA,UAAM,gBAAgB,CAAC,MAA6C;AAChE,UAAI,EAAE,YAAY,gBAAgB,SAAS,CAAC,gBAAgB;AACxD,qBAAa,IAAI;AAAA,MACrB;AACA,6CAAY;AAAA,IAChB;AAEA,gCACK,WAAA,EACG,UAAA;AAAA,MAAA,oBAAC,aAAU,WAAW,eAAe,WAAW,eAAe,MAAY,QACvE,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,cAAa;AAAA,UACb,WAAW;AAAA,UACX;AAAA,UACA,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,UACT,aAAa,gBAAgB,YAAY;AAAA,UACzC;AAAA,UACA,OAAO;AAAA,UACN,GAAG;AAAA,UACJ,gBAAc,SAAS;AAAA,QAAA;AAAA,MAAA,GAE/B;AAAA,MAEC,eAAe,UACZ,qBAAC,sBAAA,EACI,UAAA;AAAA,QAAA;AAAA,QACA,UAAU,oBAAC,kBAAA,EAAkB,UAAA,QAAA,CAAQ,IAAsB;AAAA,MAAA,EAAA,CAChE,IACA;AAAA,IAAA,GACR;AAAA,EAER;AACJ;AAEA,cAAc,cAAc;"}

package/components/SMSField/components/SMSFieldRefresh.js

@@ -6,24 +6,37 @@ import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
+import { EFormFieldStatus } from "../../FormField/enums.js";
+import "../../FormField/components/FormFieldClear.js";
+import "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldDescription.js";
+import "../../FormField/components/FormFieldInput.js";
+import "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTarget.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import "../../FormField/FormField.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { RefreshIcon } from "./RefreshIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-e3cgZTSU.js";
+import { s as styles } from "../../../chunks/SMSField.module-CGuPONeF.js";
 const SMSFieldRefresh = forwardRef(
-  ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {
-    const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);
+  ({ className, countdownTime, countdownTimeLeft, disabled, onClick, onRefresh, ...restProps }, ref) => {
+    const { size, sizeClassName, status, tooltipId } = useContext(SMSFieldContext);
+    const fieldDisabled = status === EFormFieldStatus.DISABLED;
     const isSmsCountdownTicking = countdownTimeLeft > 0;
-    const refreshDisabled = allDisabled && !error || disabled || isSmsCountdownTicking;
+    const refreshDisabled = fieldDisabled || disabled || isSmsCountdownTicking;
     const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {
       [styles.disabled]: refreshDisabled
     });
     const percent = useMemo(() => {
-      if (countdownTimeLeft >= countdownTime || allDisabled || disabled) {
+      if (countdownTimeLeft >= countdownTime || fieldDisabled || disabled) {
         return 0;
       } else {
         return (countdownTime - countdownTimeLeft) / countdownTime;
       }
-    }, [countdownTime, countdownTimeLeft, allDisabled, disabled]);
+    }, [countdownTime, countdownTimeLeft, disabled, fieldDisabled]);
     const handleClick = (event) => {
       onRefresh();
       onClick == null ? void 0 : onClick(event);
@@ -38,7 +51,7 @@ const SMSFieldRefresh = forwardRef(
         ref,
         shape: EButtonIconShape.SQUIRCLE,
         ...restProps,
-        children: /* @__PURE__ */ jsx(RefreshIcon, { percent: percent || 0, size, disabled: Boolean(allDisabled || disabled) })
+        children: /* @__PURE__ */ jsx(RefreshIcon, { percent: percent || 0, size, disabled: Boolean(fieldDisabled || disabled) })
       }
     );
   }

package/components/SMSField/components/SMSFieldRefresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldRefresh.js","sources":["../../../../src/components/SMSField/components/SMSFieldRefresh.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useContext, useMemo } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { RefreshIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/RefreshIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Refresh. */\nexport interface ISMSFieldRefreshProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Число секунд обратного отсчета. */\n    countdownTime: number;\n    /** Число оставшихся секунд обратного отсчета. */\n    countdownTimeLeft: number;\n    /** Обработчик запроса кода. */\n    onRefresh: () => void;\n}\n\nexport const SMSFieldRefresh = forwardRef<HTMLButtonElement, ISMSFieldRefreshProps>(\n    ({ className, disabled, countdownTime, countdownTimeLeft, onClick, onRefresh, ...restProps }, ref) => {\n        const { disabled: allDisabled, error, size, sizeClassName, tooltipId } = useContext(SMSFieldContext);\n\n        const isSmsCountdownTicking = countdownTimeLeft > 0;\n        const refreshDisabled = (allDisabled && !error) || disabled || isSmsCountdownTicking;\n        const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {\n            [styles.disabled]: refreshDisabled,\n        });\n\n        // Проценты выражаются в долях единицы.\n        const percent = useMemo(() => {\n            if (countdownTimeLeft >= countdownTime || allDisabled || disabled) {\n                return 0;\n            } else {\n                return (countdownTime - countdownTimeLeft) / countdownTime;\n            }\n        }, [countdownTime, countdownTimeLeft, allDisabled, disabled]);\n\n        /** Обработчик запроса sms-кода. */\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onRefresh();\n            onClick?.(event);\n        };\n\n        return (\n            <ButtonIcon\n                aria-describedby={tooltipId}\n                className={refreshClassName}\n                disabled={refreshDisabled}\n                onClick={handleClick}\n                ref={ref}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...restProps}\n            >\n                <RefreshIcon percent={percent || 0} size={size} disabled={Boolean(allDisabled || disabled)} />\n            </ButtonIcon>\n        );\n    },\n);\n\nSMSFieldRefresh.displayName = \"SMSFieldRefresh\";\n"],"names":[],"mappings":";;;;;;;;;;;AAkBO,MAAM,kBAAkB;AAAA,EAC3B,CAAC,EAAE,WAAW,UAAU,eAAe,mBAAmB,SAAS,WAAW,GAAG,UAAA,GAAa,QAAQ;AAClG,UAAM,EAAE,UAAU,aAAa,OAAO,MAAM,eAAe,UAAA,IAAc,WAAW,eAAe;AAEnG,UAAM,wBAAwB,oBAAoB;AAClD,UAAM,kBAAmB,eAAe,CAAC,SAAU,YAAY;AAC/D,UAAM,mBAAmB,KAAK,OAAO,YAAY,eAAe,WAAW;AAAA,MACvE,CAAC,OAAO,QAAQ,GAAG;AAAA,IAAA,CACtB;AAGD,UAAM,UAAU,QAAQ,MAAM;AAC1B,UAAI,qBAAqB,iBAAiB,eAAe,UAAU;AAC/D,eAAO;AAAA,MACX,OAAO;AACH,gBAAQ,gBAAgB,qBAAqB;AAAA,MACjD;AAAA,IACJ,GAAG,CAAC,eAAe,mBAAmB,aAAa,QAAQ,CAAC;AAG5D,UAAM,cAAc,CAAC,UAA+C;AAChE,gBAAA;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAkB;AAAA,QAClB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT;AAAA,QACA,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QAEJ,UAAA,oBAAC,aAAA,EAAY,SAAS,WAAW,GAAG,MAAY,UAAU,QAAQ,eAAe,QAAQ,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGxG;AACJ;AAEA,gBAAgB,cAAc;"}
+{"version":3,"file":"SMSFieldRefresh.js","sources":["../../../../src/components/SMSField/components/SMSFieldRefresh.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef, useContext, useMemo } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { RefreshIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/RefreshIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Refresh. */\nexport interface ISMSFieldRefreshProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Число секунд обратного отсчета. */\n    countdownTime: number;\n    /** Число оставшихся секунд обратного отсчета. */\n    countdownTimeLeft: number;\n    /** Обработчик запроса кода. */\n    onRefresh: () => void;\n}\n\nexport const SMSFieldRefresh = forwardRef<HTMLButtonElement, ISMSFieldRefreshProps>(\n    ({ className, countdownTime, countdownTimeLeft, disabled, onClick, onRefresh, ...restProps }, ref) => {\n        const { size, sizeClassName, status, tooltipId } = useContext(SMSFieldContext);\n\n        const fieldDisabled = status === EFormFieldStatus.DISABLED;\n        const isSmsCountdownTicking = countdownTimeLeft > 0;\n        const refreshDisabled = fieldDisabled || disabled || isSmsCountdownTicking;\n        const refreshClassName = clsx(styles.btnRefresh, sizeClassName, className, {\n            [styles.disabled]: refreshDisabled,\n        });\n\n        // Проценты выражаются в долях единицы.\n        const percent = useMemo(() => {\n            if (countdownTimeLeft >= countdownTime || fieldDisabled || disabled) {\n                return 0;\n            } else {\n                return (countdownTime - countdownTimeLeft) / countdownTime;\n            }\n        }, [countdownTime, countdownTimeLeft, disabled, fieldDisabled]);\n\n        /** Обработчик запроса sms-кода. */\n        const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n            onRefresh();\n            onClick?.(event);\n        };\n\n        return (\n            <ButtonIcon\n                aria-describedby={tooltipId}\n                className={refreshClassName}\n                disabled={refreshDisabled}\n                onClick={handleClick}\n                ref={ref}\n                shape={EButtonIconShape.SQUIRCLE}\n                {...restProps}\n            >\n                <RefreshIcon percent={percent || 0} size={size} disabled={Boolean(fieldDisabled || disabled)} />\n            </ButtonIcon>\n        );\n    },\n);\n\nSMSFieldRefresh.displayName = \"SMSFieldRefresh\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,kBAAkB;AAAA,EAC3B,CAAC,EAAE,WAAW,eAAe,mBAAmB,UAAU,SAAS,WAAW,GAAG,UAAA,GAAa,QAAQ;AAClG,UAAM,EAAE,MAAM,eAAe,QAAQ,UAAA,IAAc,WAAW,eAAe;AAE7E,UAAM,gBAAgB,WAAW,iBAAiB;AAClD,UAAM,wBAAwB,oBAAoB;AAClD,UAAM,kBAAkB,iBAAiB,YAAY;AACrD,UAAM,mBAAmB,KAAK,OAAO,YAAY,eAAe,WAAW;AAAA,MACvE,CAAC,OAAO,QAAQ,GAAG;AAAA,IAAA,CACtB;AAGD,UAAM,UAAU,QAAQ,MAAM;AAC1B,UAAI,qBAAqB,iBAAiB,iBAAiB,UAAU;AACjE,eAAO;AAAA,MACX,OAAO;AACH,gBAAQ,gBAAgB,qBAAqB;AAAA,MACjD;AAAA,IACJ,GAAG,CAAC,eAAe,mBAAmB,UAAU,aAAa,CAAC;AAG9D,UAAM,cAAc,CAAC,UAA+C;AAChE,gBAAA;AACA,yCAAU;AAAA,IACd;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,oBAAkB;AAAA,QAClB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT;AAAA,QACA,OAAO,iBAAiB;AAAA,QACvB,GAAG;AAAA,QAEJ,UAAA,oBAAC,aAAA,EAAY,SAAS,WAAW,GAAG,MAAY,UAAU,QAAQ,iBAAiB,QAAQ,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAG1G;AACJ;AAEA,gBAAgB,cAAc;"}

package/components/SMSField/components/SMSFieldSubmit.js

@@ -6,19 +6,25 @@ import { ButtonIcon } from "../../Button/ButtonIcon.js";
 import "../../Button/ButtonDropdown.js";
 import "../../Button/ButtonDropdownExtended.js";
 import { EButtonIconShape } from "../../Button/enums.js";
+import { EFormFieldStatus } from "../../FormField/enums.js";
+import "../../FormField/components/FormFieldClear.js";
+import "../../FormField/components/FormFieldCounter.js";
+import "../../FormField/components/FormFieldDescription.js";
+import "../../FormField/components/FormFieldInput.js";
+import "../../FormField/components/FormFieldLabel.js";
+import "../../FormField/components/FormFieldMaskedInput.js";
+import "../../FormField/components/FormFieldPostfix.js";
+import "../../FormField/components/FormFieldPrefix.js";
+import "../../FormField/components/FormFieldTarget.js";
+import "../../FormField/components/FormFieldTextarea.js";
+import "../../FormField/FormField.js";
 import { SMSFieldContext } from "../SMSFieldContext.js";
 import { SubmitIcon } from "./SubmitIcon.js";
-import { s as styles } from "../../../chunks/SMSField.module-e3cgZTSU.js";
+import { s as styles } from "../../../chunks/SMSField.module-CGuPONeF.js";
 const SMSFieldSubmit = ({ className, disabled, onClick, ...restProps }) => {
-  const {
-    code,
-    disabled: allDisabled,
-    onSubmitCode,
-    setDisabledSubmit,
-    size,
-    sizeClassName
-  } = useContext(SMSFieldContext);
-  const submitDisabled = allDisabled || disabled || code === "";
+  const { code, onSubmitCode, setDisabledSubmit, size, sizeClassName, status } = useContext(SMSFieldContext);
+  const fieldDisabled = status === EFormFieldStatus.DISABLED;
+  const submitDisabled = fieldDisabled || disabled || code === "";
   const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);
   useEffect(() => {
     setDisabledSubmit(submitDisabled);

package/components/SMSField/components/SMSFieldSubmit.js.map

@@ -1 +1 @@
-{"version":3,"file":"SMSFieldSubmit.js","sources":["../../../../src/components/SMSField/components/SMSFieldSubmit.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useContext } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { SubmitIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/SubmitIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Submit. */\nexport interface ISMSFieldSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const SMSFieldSubmit: React.FC<ISMSFieldSubmitProps> = ({ className, disabled, onClick, ...restProps }) => {\n    const {\n        code,\n        disabled: allDisabled,\n        onSubmitCode,\n        setDisabledSubmit,\n        size,\n        sizeClassName,\n    } = useContext(SMSFieldContext);\n\n    const submitDisabled = allDisabled || disabled || code === \"\";\n    const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);\n\n    useEffect(() => {\n        setDisabledSubmit(submitDisabled);\n    }, [submitDisabled, setDisabledSubmit]);\n\n    /** Обработчик отправки sms-кода. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        onSubmitCode(code);\n        onClick?.(event);\n    };\n\n    return (\n        <ButtonIcon\n            active={!!code}\n            className={submitClassName}\n            disabled={submitDisabled}\n            onClick={handleClick}\n            shape={EButtonIconShape.CIRCLE}\n            {...restProps}\n        >\n            <SubmitIcon size={size} />\n        </ButtonIcon>\n    );\n};\n\nSMSFieldSubmit.displayName = \"SMSFieldSubmit\";\n"],"names":[],"mappings":";;;;;;;;;;;AAWO,MAAM,iBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,gBAAgB;AAC9G,QAAM;AAAA,IACF;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACA,WAAW,eAAe;AAE9B,QAAM,iBAAiB,eAAe,YAAY,SAAS;AAC3D,QAAM,kBAAkB,KAAK,OAAO,WAAW,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,CAAC,QAAQ,eAAe,SAAS;AAEpG,YAAU,MAAM;AACZ,sBAAkB,cAAc;AAAA,EACpC,GAAG,CAAC,gBAAgB,iBAAiB,CAAC;AAGtC,QAAM,cAAc,CAAC,UAA+C;AAChE,iBAAa,IAAI;AACjB,uCAAU;AAAA,EACd;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,CAAC,CAAC;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,iBAAiB;AAAA,MACvB,GAAG;AAAA,MAEJ,UAAA,oBAAC,cAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEA,eAAe,cAAc;"}
+{"version":3,"file":"SMSFieldSubmit.js","sources":["../../../../src/components/SMSField/components/SMSFieldSubmit.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useEffect, useContext } from \"react\";\nimport { EButtonIconShape } from \"@sberbusiness/triplex-next/components/Button\";\nimport { ButtonIcon } from \"@sberbusiness/triplex-next/components/Button/ButtonIcon\";\nimport { EFormFieldStatus } from \"@sberbusiness/triplex-next/components/FormField\";\nimport { SMSFieldContext } from \"@sberbusiness/triplex-next/components/SMSField/SMSFieldContext\";\nimport { SubmitIcon } from \"@sberbusiness/triplex-next/components/SMSField/components/SubmitIcon\";\nimport styles from \"@sberbusiness/triplex-next/components/SMSField/styles/SMSField.module.less\";\n\n/** Свойства SMSField.Submit. */\nexport interface ISMSFieldSubmitProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {}\n\nexport const SMSFieldSubmit: React.FC<ISMSFieldSubmitProps> = ({ className, disabled, onClick, ...restProps }) => {\n    const { code, onSubmitCode, setDisabledSubmit, size, sizeClassName, status } = useContext(SMSFieldContext);\n\n    const fieldDisabled = status === EFormFieldStatus.DISABLED;\n    const submitDisabled = fieldDisabled || disabled || code === \"\";\n    const submitClassName = clsx(styles.btnSubmit, { [styles.active]: !!code }, sizeClassName, className);\n\n    useEffect(() => {\n        setDisabledSubmit(submitDisabled);\n    }, [submitDisabled, setDisabledSubmit]);\n\n    /** Обработчик отправки sms-кода. */\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        onSubmitCode(code);\n        onClick?.(event);\n    };\n\n    return (\n        <ButtonIcon\n            active={!!code}\n            className={submitClassName}\n            disabled={submitDisabled}\n            onClick={handleClick}\n            shape={EButtonIconShape.CIRCLE}\n            {...restProps}\n        >\n            <SubmitIcon size={size} />\n        </ButtonIcon>\n    );\n};\n\nSMSFieldSubmit.displayName = \"SMSFieldSubmit\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,iBAAiD,CAAC,EAAE,WAAW,UAAU,SAAS,GAAG,gBAAgB;AAC9G,QAAM,EAAE,MAAM,cAAc,mBAAmB,MAAM,eAAe,OAAA,IAAW,WAAW,eAAe;AAEzG,QAAM,gBAAgB,WAAW,iBAAiB;AAClD,QAAM,iBAAiB,iBAAiB,YAAY,SAAS;AAC7D,QAAM,kBAAkB,KAAK,OAAO,WAAW,EAAE,CAAC,OAAO,MAAM,GAAG,CAAC,CAAC,QAAQ,eAAe,SAAS;AAEpG,YAAU,MAAM;AACZ,sBAAkB,cAAc;AAAA,EACpC,GAAG,CAAC,gBAAgB,iBAAiB,CAAC;AAGtC,QAAM,cAAc,CAAC,UAA+C;AAChE,iBAAa,IAAI;AACjB,uCAAU;AAAA,EACd;AAEA,SACI;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,CAAC,CAAC;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,SAAS;AAAA,MACT,OAAO,iBAAiB;AAAA,MACvB,GAAG;AAAA,MAEJ,UAAA,oBAAC,cAAW,KAAA,CAAY;AAAA,IAAA;AAAA,EAAA;AAGpC;AAEA,eAAe,cAAc;"}

package/components/SegmentedControl/SegmentedControl.js

@@ -5,14 +5,14 @@ import React__default from "react";
 import { c as clsx } from "../../chunks/vendor-D4wvHis9.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
-const segmentedControl = "segmentedControl__e53ee933";
-const general1 = "general1__ce5fe5eb";
-const secondary1 = "secondary1__f69661b1";
-const general2 = "general2__e6bccd5b";
-const secondary2 = "secondary2__5771728b";
-const sm = "sm__f419a2d3";
-const md = "md__d0074a56";
-const lg = "lg__704f171b";
+const segmentedControl = "segmentedControl__a2189a62";
+const general1 = "general1__d642e2bd";
+const secondary1 = "secondary1__ddb22be0";
+const general2 = "general2__826bd403";
+const secondary2 = "secondary2__ecfe4e16";
+const sm = "sm__dc4358ee";
+const md = "md__2b8b5914";
+const lg = "lg__5e7d712e";
 const styles = {
   segmentedControl,
   general1,
@@ -66,7 +66,7 @@ const SegmentedControl = Object.assign(
             disabled: Boolean(disabled),
             onSegmentSelect: handleSegmentSelect
           },
-          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.43.0", ref, children })
+          children: /* @__PURE__ */ jsx("div", { className: classNames, ...rest, "data-tx": "1.45.0", ref, children })
         }
       );
     }

package/components/SegmentedControl/SegmentedControlSegment.js

@@ -5,9 +5,9 @@ import { ButtonBase } from "../Button/ButtonBase.js";
 import { ESegmentedControlType } from "./enums.js";
 import { SegmentedControlContext } from "./SegmentedControlContext.js";
 import { IconWrapper } from "../IconWrapper/IconWrapper.js";
-const segmentedControlSegment = "segmentedControlSegment__dd8449e0";
-const selected = "selected__a98bffbb";
-const content = "content__14413fe5";
+const segmentedControlSegment = "segmentedControlSegment__e14b36cc";
+const selected = "selected__a09ed6d3";
+const content = "content__ffd7020e";
 const styles = {
   segmentedControlSegment,
   selected,

package/components/SelectExtendedField/SelectExtendedField.js

@@ -6,7 +6,7 @@ import { KeyDownListener } from "../KeyDownListener/KeyDownListener.js";
 import "../KeyDownListener/ComposedKeyDownListener.js";
 import { SelectExtendedFieldTarget } from "./components/SelectExtendedFieldTarget.js";
 import { SelectExtendedFieldDropdown } from "./components/SelectExtendedFieldDropdown.js";
-const selectExtendedField = "selectExtendedField__7fa61beb";
+const selectExtendedField = "selectExtendedField__40eaaa3b";
 const styles = {
   selectExtendedField
 };

package/components/SelectExtendedField/components/SelectExtendedFieldDropdown.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import { DropdownList } from "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import "../../../chunks/DropdownListItem-kMroiHoh.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import "../../Dropdown/mobile/DropdownMobileBody.js";
 import "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldDropdownDefault.js

@@ -3,7 +3,7 @@ import { SelectExtendedField } from "../SelectExtendedField.js";
 import "../../Dropdown/DropdownListContext.js";
 import "../../Dropdown/desktop/DropdownDesktop.js";
 import "../../Dropdown/desktop/DropdownList.js";
-import "../../../chunks/DropdownListItem-hLJFQ_q0.js";
+import "../../../chunks/DropdownListItem-kMroiHoh.js";
 import "../../Dropdown/mobile/DropdownMobile.js";
 import { DropdownMobileBody } from "../../Dropdown/mobile/DropdownMobileBody.js";
 import { DropdownMobileClose } from "../../Dropdown/mobile/DropdownMobileClose.js";

package/components/SelectExtendedField/components/SelectExtendedFieldTarget.js

@@ -20,12 +20,12 @@ import { IconWrapper } from "../../IconWrapper/IconWrapper.js";
 import { LoaderSmall } from "../../Loader/LoaderSmall/LoaderSmall.js";
 import { ELoaderSmallTheme } from "../../Loader/LoaderSmall/enum.js";
 import "../../Loader/LoaderMiddle/LoaderMiddle.js";
-const selectExtendedFieldTarget = "selectExtendedFieldTarget__67de6897";
-const caretIcon = "caretIcon__d4314cdf";
-const selectOpened = "selectOpened__7ddb0541";
-const disabled = "disabled__f241cd52";
-const target = "target__88c4fd77";
-const caretWrapper = "caretWrapper__ecf7edf8";
+const selectExtendedFieldTarget = "selectExtendedFieldTarget__2be45d1d";
+const caretIcon = "caretIcon__4ec30abe";
+const selectOpened = "selectOpened__3bac1ee9";
+const disabled = "disabled__f5ffb89e";
+const target = "target__d056417e";
+const caretWrapper = "caretWrapper__a7013edd";
 const styles = {
   selectExtendedFieldTarget,
   caretIcon,
@@ -111,7 +111,7 @@ const SelectExtendedFieldTarget = React__default.forwardRef(
         ),
         "aria-expanded": opened,
         "aria-haspopup": "listbox",
-        "data-tx": "1.43.0",
+        "data-tx": "1.45.0",
         active: opened,
         ...rest,
         children: [