@alfalab/core-components 48.22.1-beta.0 → 48.22.1-beta.1

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-3eb2e4a6.js';
+import './layout.module-37d03953.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-3eb2e4a6.js';
+import '../layout.module-37d03953.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -12,6 +12,6 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
-import '../layout.module-3eb2e4a6.js';
+import '../layout.module-37d03953.js';
 import '../Context.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-1fe3d4d0.js';
+import './layout.module-c1966482.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-1fe3d4d0.js';
+import { l as layoutStyles } from '../../layout.module-c1966482.js';
 
 const styles = {"component":"modal__component_rfswo"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-1fe3d4d0.js';
+import '../../layout.module-c1966482.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-1fe3d4d0.js';
+import { l as layoutStyles } from '../../layout.module-c1966482.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_bwe6q","sticky":"modal__sticky_bwe6q","fullscreen":"modal__fullscreen_bwe6q","size-500":"modal__size-500_bwe6q","size-600":"modal__size-600_bwe6q","size-800":"modal__size-800_bwe6q","size-1140":"modal__size-1140_bwe6q"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-1fe3d4d0.js';
+import '../layout.module-c1966482.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
-import '../layout.module-1fe3d4d0.js';
+import '../layout.module-c1966482.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';
 import '../Context.js';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-1fe3d4d0.js';
+import './layout.module-c1966482.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-1fe3d4d0.js';
+import '../layout.module-c1966482.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -11,6 +11,6 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/modern';
-import '../layout.module-1fe3d4d0.js';
+import '../layout.module-c1966482.js';
 import '../Context.js';
 import '../../../navigation-bar-private/modern';

package/notification/cssm/utils/getNotificationTestIds.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var detectBrowser = require('detect-browser');
-var React = require('react');
+require('react');
 require('@alfalab/hooks');
 
 function getDataTestId(dataTestId, element) {
@@ -13,8 +13,6 @@ detectBrowser.detect();
 
 detectBrowser.detect();
 
-React.createContext(function () { return null; });
-
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/notification/esm/utils/getNotificationTestIds.js

@@ -1,5 +1,5 @@
 import { detect } from 'detect-browser';
-import { createContext } from 'react';
+import 'react';
 import '@alfalab/hooks';
 
 function getDataTestId(dataTestId, element) {
@@ -11,8 +11,6 @@ detect();
 
 detect();
 
-createContext(function () { return null; });
-
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/notification/modern/utils/getNotificationTestIds.js

@@ -1,5 +1,5 @@
 import { detect } from 'detect-browser';
-import { createContext } from 'react';
+import 'react';
 import '@alfalab/hooks';
 
 function getDataTestId(dataTestId, element) {
@@ -11,8 +11,6 @@ detect();
 
 detect();
 
-createContext(() => null);
-
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/notification/moderncssm/utils/getNotificationTestIds.js

@@ -1,5 +1,5 @@
 import { detect } from 'detect-browser';
-import { createContext } from 'react';
+import 'react';
 import '@alfalab/hooks';
 
 function getDataTestId(dataTestId, element) {
@@ -11,8 +11,6 @@ detect();
 
 detect();
 
-createContext(() => null);
-
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/notification/utils/getNotificationTestIds.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var detectBrowser = require('detect-browser');
-var React = require('react');
+require('react');
 require('@alfalab/hooks');
 
 function getDataTestId(dataTestId, element) {
@@ -13,8 +13,6 @@ detectBrowser.detect();
 
 detectBrowser.detect();
 
-React.createContext(function () { return null; });
-
 /* eslint-disable no-console */
 if (process.env.NODE_ENV === 'development') ;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "48.22.1-beta.0",
+  "version": "48.22.1-beta.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -214,7 +214,7 @@
     "url-loader": "^4.1.1"
   },
   "peerDependencies": {
-    "@alfalab/core-config": "^1.0.0",
+    "@alfalab/core-config": "1.0.0-beta.0",
     "@alfalab/stack-context": "^1.16.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"

package/password-input/component.d.ts

@@ -11,6 +11,13 @@ type PasswordInputProps = Omit<InputProps, 'size'> & {
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    };
     /**
      * Коллбэк при изменении видимости пароля
      */
@@ -26,6 +33,13 @@ declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "s
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean | undefined;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    } | undefined;
     /**
      * Коллбэк при изменении видимости пароля
      */

package/password-input/component.js

@@ -27,23 +27,25 @@ var SIZE_TO_CLASSNAME_MAP = {
     72: 'size-72',
 };
 var PasswordInput = React.forwardRef(function (_a, ref) {
-    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, className = _a.className, restProps = tslib.__rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "className"]);
+    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, _c = _a.passwordHint, passwordHint = _c === void 0 ? {
+        visible: 'Скрыть',
+        hidden: 'Показать',
+    } : _c, className = _a.className, restProps = tslib.__rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "passwordHint", "className"]);
+    var visible = passwordHint.visible, hidden = passwordHint.hidden;
     var uncontrolled = passwordVisible === undefined;
-    var _c = React.useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _c[0], setStatePasswordVisible = _c[1];
+    var _d = React.useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _d[0], setStatePasswordVisible = _d[1];
     var handleButtonClick = React.useCallback(function () {
         if (onPasswordVisibleChange) {
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible(function (visible) { return !visible; });
+            setStatePasswordVisible(function (prevVisible) { return !prevVisible; });
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     var isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
     return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn__default.default(className, styles[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
             rightAddons,
-            React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible
-                    ? 'Скрыть введённые цифры'
-                    : 'Показать введённые цифры' })), addonsClassName: styles.addons, inputClassName: styles.input })));
+            React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible ? visible : hidden })), addonsClassName: styles.addons, inputClassName: styles.input })));
 });
 PasswordInput.displayName = 'PasswordInput';
 

package/password-input/cssm/component.d.ts

@@ -11,6 +11,13 @@ type PasswordInputProps = Omit<InputProps, 'size'> & {
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    };
     /**
      * Коллбэк при изменении видимости пароля
      */
@@ -26,6 +33,13 @@ declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "s
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean | undefined;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    } | undefined;
     /**
      * Коллбэк при изменении видимости пароля
      */

package/password-input/cssm/component.js

@@ -26,23 +26,25 @@ var SIZE_TO_CLASSNAME_MAP = {
     72: 'size-72',
 };
 var PasswordInput = React.forwardRef(function (_a, ref) {
-    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, className = _a.className, restProps = tslib.__rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "className"]);
+    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, _c = _a.passwordHint, passwordHint = _c === void 0 ? {
+        visible: 'Скрыть',
+        hidden: 'Показать',
+    } : _c, className = _a.className, restProps = tslib.__rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "passwordHint", "className"]);
+    var visible = passwordHint.visible, hidden = passwordHint.hidden;
     var uncontrolled = passwordVisible === undefined;
-    var _c = React.useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _c[0], setStatePasswordVisible = _c[1];
+    var _d = React.useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _d[0], setStatePasswordVisible = _d[1];
     var handleButtonClick = React.useCallback(function () {
         if (onPasswordVisibleChange) {
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible(function (visible) { return !visible; });
+            setStatePasswordVisible(function (prevVisible) { return !prevVisible; });
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     var isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
     return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn__default.default(className, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
             rightAddons,
-            React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible
-                    ? 'Скрыть введённые цифры'
-                    : 'Показать введённые цифры' })), addonsClassName: styles__default.default.addons, inputClassName: styles__default.default.input })));
+            React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible ? visible : hidden })), addonsClassName: styles__default.default.addons, inputClassName: styles__default.default.input })));
 });
 PasswordInput.displayName = 'PasswordInput';
 

package/password-input/esm/component.d.ts

@@ -11,6 +11,13 @@ type PasswordInputProps = Omit<InputProps, 'size'> & {
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    };
     /**
      * Коллбэк при изменении видимости пароля
      */
@@ -26,6 +33,13 @@ declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "s
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean | undefined;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    } | undefined;
     /**
      * Коллбэк при изменении видимости пароля
      */

package/password-input/esm/component.js

@@ -20,23 +20,25 @@ var SIZE_TO_CLASSNAME_MAP = {
     72: 'size-72',
 };
 var PasswordInput = forwardRef(function (_a, ref) {
-    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, className = _a.className, restProps = __rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "className"]);
+    var onPasswordVisibleChange = _a.onPasswordVisibleChange, passwordVisible = _a.passwordVisible, disabled = _a.disabled, colors = _a.colors, rightAddons = _a.rightAddons, _b = _a.size, size = _b === void 0 ? 48 : _b, _c = _a.passwordHint, passwordHint = _c === void 0 ? {
+        visible: 'Скрыть',
+        hidden: 'Показать',
+    } : _c, className = _a.className, restProps = __rest(_a, ["onPasswordVisibleChange", "passwordVisible", "disabled", "colors", "rightAddons", "size", "passwordHint", "className"]);
+    var visible = passwordHint.visible, hidden = passwordHint.hidden;
     var uncontrolled = passwordVisible === undefined;
-    var _c = useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _c[0], setStatePasswordVisible = _c[1];
+    var _d = useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _d[0], setStatePasswordVisible = _d[1];
     var handleButtonClick = useCallback(function () {
         if (onPasswordVisibleChange) {
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible(function (visible) { return !visible; });
+            setStatePasswordVisible(function (prevVisible) { return !prevVisible; });
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     var isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
     return (React.createElement(Input, __assign({}, restProps, { disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React.createElement(React.Fragment, null,
             rightAddons,
-            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible
-                    ? 'Скрыть введённые цифры'
-                    : 'Показать введённые цифры' })), addonsClassName: styles.addons, inputClassName: styles.input })));
+            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible ? visible : hidden })), addonsClassName: styles.addons, inputClassName: styles.input })));
 });
 PasswordInput.displayName = 'PasswordInput';
 

package/password-input/modern/component.d.ts

@@ -11,6 +11,13 @@ type PasswordInputProps = Omit<InputProps, 'size'> & {
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    };
     /**
      * Коллбэк при изменении видимости пароля
      */
@@ -26,6 +33,13 @@ declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "s
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean | undefined;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    } | undefined;
     /**
      * Коллбэк при изменении видимости пароля
      */

package/password-input/modern/component.js

@@ -18,7 +18,11 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 48, className, ...restProps }, ref) => {
+const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 48, passwordHint = {
+    visible: 'Скрыть',
+    hidden: 'Показать',
+}, className, ...restProps }, ref) => {
+    const { visible, hidden } = passwordHint;
     const uncontrolled = passwordVisible === undefined;
     const [statePasswordVisible, setStatePasswordVisible] = useState(uncontrolled ? false : passwordVisible);
     const handleButtonClick = useCallback(() => {
@@ -26,15 +30,13 @@ const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, di
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible((visible) => !visible);
+            setStatePasswordVisible((prevVisible) => !prevVisible);
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     const isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
     return (React.createElement(Input, { ...restProps, disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React.createElement(React.Fragment, null,
             rightAddons,
-            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible
-                    ? 'Скрыть введённые цифры'
-                    : 'Показать введённые цифры' })), addonsClassName: styles.addons, inputClassName: styles.input }));
+            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible ? visible : hidden })), addonsClassName: styles.addons, inputClassName: styles.input }));
 });
 PasswordInput.displayName = 'PasswordInput';
 

package/password-input/moderncssm/component.d.ts

@@ -11,6 +11,13 @@ type PasswordInputProps = Omit<InputProps, 'size'> & {
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    };
     /**
      * Коллбэк при изменении видимости пароля
      */
@@ -26,6 +33,13 @@ declare const PasswordInput: React.ForwardRefExoticComponent<Omit<InputProps, "s
      * Управление видимостью пароля (controlled)
      */
     passwordVisible?: boolean | undefined;
+    /**
+     * Управление текстом подсказки
+     */
+    passwordHint?: {
+        visible: string;
+        hidden: string;
+    } | undefined;
     /**
      * Коллбэк при изменении видимости пароля
      */

package/password-input/moderncssm/component.js

@@ -16,7 +16,11 @@ const SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 48, className, ...restProps }, ref) => {
+const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 48, passwordHint = {
+    visible: 'Скрыть',
+    hidden: 'Показать',
+}, className, ...restProps }, ref) => {
+    const { visible, hidden } = passwordHint;
     const uncontrolled = passwordVisible === undefined;
     const [statePasswordVisible, setStatePasswordVisible] = useState(uncontrolled ? false : passwordVisible);
     const handleButtonClick = useCallback(() => {
@@ -24,15 +28,13 @@ const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, di
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible((visible) => !visible);
+            setStatePasswordVisible((prevVisible) => !prevVisible);
         }
     }, [passwordVisible, uncontrolled, onPasswordVisibleChange]);
     const isPasswordVisible = uncontrolled ? statePasswordVisible : passwordVisible;
     return (React.createElement(Input, { ...restProps, disabled: disabled, type: isPasswordVisible ? 'text' : 'password', size: size, ref: ref, colors: colors, className: cn(className, styles[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React.createElement(React.Fragment, null,
             rightAddons,
-            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible
-                    ? 'Скрыть введённые цифры'
-                    : 'Показать введённые цифры' })), addonsClassName: styles.addons, inputClassName: styles.input }));
+            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled, title: isPasswordVisible ? visible : hidden })), addonsClassName: styles.addons, inputClassName: styles.input }));
 });
 PasswordInput.displayName = 'PasswordInput';
 

package/picker-button/Component-c44170fe.d.ts

@@ -140,7 +140,7 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     disableUserInput?: boolean;
 };
-declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "size" | "type" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
+declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onClick" | "value" | "onMouseDown" | "size" | "defaultValue" | "onChange" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */
@@ -161,7 +161,7 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: "s" | "m" | "l" | "xl" | 48 | 40 | 56 | 64 | 72 | undefined;
+    size?: "s" | 64 | "m" | "l" | "xl" | 48 | 40 | 56 | 72 | undefined;
     /**
      * Набор цветов для компонента
      */

package/picker-button/cssm/index-11f20b2e.d.ts

@@ -11,7 +11,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element;
+    getPortalContainer?: () => Element | null;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */
@@ -199,7 +199,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element | null;
+declare const usePortalContainer: () => () => Element;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

package/picker-button/esm/index-11f20b2e.d.ts

@@ -11,7 +11,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element;
+    getPortalContainer?: () => Element | null;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */
@@ -199,7 +199,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element | null;
+declare const usePortalContainer: () => () => Element;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

package/picker-button/index-11f20b2e.d.ts

@@ -11,7 +11,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element;
+    getPortalContainer?: () => Element | null;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */
@@ -199,7 +199,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element | null;
+declare const usePortalContainer: () => () => Element;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

package/picker-button/modern/index-11f20b2e.d.ts

@@ -11,7 +11,7 @@ type PortalProps = {
     /**
      * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
      */
-    getPortalContainer?: () => Element;
+    getPortalContainer?: () => Element | null;
     /**
      * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
      */
@@ -199,7 +199,7 @@ type StackProps = {
     value?: number;
 };
 declare const Stack: FC<StackProps>;
-declare const usePortalContainer: () => () => Element | null;
+declare const usePortalContainer: () => () => Element;
 declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
 declare const getDefaultPortalContainer: () => Element;
 declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;