@alfalab/core-components 48.22.1-beta.2 → 48.22.1-beta.3

package/international-phone-input/moderncssm/components/country-select/Component.js

@@ -1,24 +1,30 @@
 import React, { useMemo, useCallback } from 'react';
+import cn from 'classnames';
 import { VirtualOptionsList, BaseOption } from '../../../../select/moderncssm/shared';
 import { getDataTestId } from '../../../../shared/moderncssm';
 import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { FlagIcon } from '../flag-icon/component.js';
 import { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from '../select-field/component.js';
 import styles from './index.module.css';
-import 'classnames';
 import '../flag-icon/flagSprite.js';
 import '../flag-icon/index.module.css';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../select-field/index.module.css';
 
-const CountrySelect = ({ hideCountrySelect, countries, country, dataTestId, fieldWidth, onChange, view = 'desktop', SelectComponent, ...restProps }) => {
+const CountrySelect = ({ hideCountrySelect, countries, country, dataTestId, fieldWidth, onChange, view = 'desktop', SelectComponent, size, ...restProps }) => {
+    const isMobile = useMemo(() => view === 'mobile', [view]);
     const options = useMemo(() => countries?.map((areas) => {
         const { iso2, dialCode, name } = areas[0];
         return {
             key: iso2,
             value: areas[0],
-            content: (React.createElement("span", { className: styles.option },
+            content: (React.createElement("span", { className: cn([
+                    styles.option,
+                    size && styles[SIZE_TO_CLASSNAME_MAP[size]],
+                    isMobile && styles.mobile,
+                ]) },
                 React.createElement(FlagIcon, { country: iso2, className: styles.flag }),
                 React.createElement("span", { className: styles.optionTextWrap },
                     React.createElement("span", { className: styles.countryName }, name),
@@ -26,7 +32,7 @@ const CountrySelect = ({ hideCountrySelect, countries, country, dataTestId, fiel
                         "+",
                         dialCode)))),
         };
-    }) || [], [countries]);
+    }) || [], [countries, size, isMobile]);
     const renderOptionsList = useCallback((props) => (React.createElement("div", { style: { width: fieldWidth || 0 } },
         React.createElement(VirtualOptionsList, { ...props, optionsListWidth: 'field' }))), [fieldWidth]);
     const renderFlagIcon = () => (React.createElement("span", { className: styles.flagIconWrapper }, country?.iso2 ? (React.createElement(FlagIcon, { country: country.iso2 })) : (React.createElement(WorldMagnifierMIcon, { className: styles.emptyCountryIcon }))));
@@ -35,7 +41,7 @@ const CountrySelect = ({ hideCountrySelect, countries, country, dataTestId, fiel
         return (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
         React.createElement("div", { className: styles.component, onClick: (event) => event.stopPropagation() },
-            React.createElement(SelectComponent, { Option: BaseOption, ...restProps, dataTestId: getDataTestId(dataTestId, 'country-select'), options: options, selected: selected || EMPTY_COUNTRY_SELECT_FIELD, onChange: onChange, Field: SelectField, OptionsList: view === 'mobile' ? VirtualOptionsList : renderOptionsList, ...(view === 'mobile' && {
+            React.createElement(SelectComponent, { Option: BaseOption, size: size, ...restProps, dataTestId: getDataTestId(dataTestId, 'country-select'), options: options, selected: selected || EMPTY_COUNTRY_SELECT_FIELD, onChange: onChange, Field: SelectField, OptionsList: isMobile ? VirtualOptionsList : renderOptionsList, ...(isMobile && {
                     bottomSheetProps: {
                         title: 'Выберите страну',
                     },

package/international-phone-input/moderncssm/components/country-select/index.js

@@ -1,10 +1,11 @@
 export { CountrySelect } from './Component.js';
 import 'react';
+import 'classnames';
 import '../../../../select/moderncssm/shared';
 import '../../../../shared/moderncssm';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import '../../consts.js';
 import '../flag-icon/component.js';
-import 'classnames';
 import '../flag-icon/flagSprite.js';
 import '../flag-icon/index.module.css';
 import '../select-field/component.js';

package/international-phone-input/moderncssm/components/country-select/index.module.css

@@ -11,9 +11,14 @@
 .option {
     display: flex;
     align-items: flex-start;
-    padding: var(--gap-12);
+    padding: var(--gap-12)
 }
 
+.option.mobile,
+    .option.size-72 {
+        padding-left: var(--gap-16);
+    }
+
 .flag {
     flex-shrink: 0;
     margin-right: var(--gap-8);

package/international-phone-input/moderncssm/components/select-field/component.js

@@ -3,6 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useFocus } from '@alfalab/hooks';
 import { WorldMagnifierMIcon } from '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { FlagIcon } from '../flag-icon/component.js';
 import styles from './index.module.css';
 import '../flag-icon/flagSprite.js';
@@ -12,16 +13,6 @@ const EMPTY_COUNTRY_SELECT_FIELD = {
     value: 'EMPTY_COUNTRY_SELECT_VALUE',
     key: 'EMPTY_COUNTRY_SELECT_KEY',
 };
-const SIZE_TO_CLASSNAME_MAP = {
-    s: 'size-48',
-    m: 'size-56',
-    l: 'size-64',
-    xl: 'size-72',
-    48: 'size-48',
-    56: 'size-56',
-    64: 'size-64',
-    72: 'size-72',
-};
 const SelectField = ({ selected, Arrow, size, disabled, innerProps = {}, }) => {
     const wrapperRef = useRef(null);
     const [focusVisible] = useFocus(wrapperRef, 'keyboard');

package/international-phone-input/moderncssm/components/select-field/index.js

@@ -4,6 +4,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
+import '../../consts.js';
 import '../flag-icon/component.js';
 import '../flag-icon/flagSprite.js';
 import '../flag-icon/index.module.css';

package/international-phone-input/moderncssm/components/select-field/index.module.css

@@ -33,7 +33,6 @@
     outline: none;
 }
 
-.size-64 .inner,
 .size-72 .inner {
     padding-left: var(--gap-16);
 }

package/international-phone-input/moderncssm/consts.d.ts

@@ -1,2 +1,13 @@
 declare const DEFAULT_PHONE_FORMAT = "... ... ... ... ...";
-export { DEFAULT_PHONE_FORMAT };
+declare const SIZE_TO_CLASSNAME_MAP: {
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    40: string;
+    48: string;
+    56: string;
+    64: string;
+    72: string;
+};
+export { DEFAULT_PHONE_FORMAT, SIZE_TO_CLASSNAME_MAP };

package/international-phone-input/moderncssm/consts.js

@@ -1,3 +1,14 @@
 const DEFAULT_PHONE_FORMAT = '... ... ... ... ...';
+const SIZE_TO_CLASSNAME_MAP = {
+    s: 'size-48',
+    m: 'size-56',
+    l: 'size-64',
+    xl: 'size-72',
+    40: 'size-40',
+    48: 'size-48',
+    56: 'size-56',
+    64: 'size-64',
+    72: 'size-72',
+};
 
-export { DEFAULT_PHONE_FORMAT };
+export { DEFAULT_PHONE_FORMAT, SIZE_TO_CLASSNAME_MAP };

package/international-phone-input/moderncssm/desktop/Component.desktop.js

@@ -12,9 +12,9 @@ import '../utils/index.js';
 import '../consts.js';
 import '../data/country-data.js';
 import '../components/country-select/Component.js';
+import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import '../components/flag-icon/component.js';
-import 'classnames';
 import '../components/flag-icon/flagSprite.js';
 import '../components/flag-icon/index.module.css';
 import '../components/select-field/component.js';

package/international-phone-input/moderncssm/desktop/index.js

@@ -13,9 +13,9 @@ import '../utils/index.js';
 import '../consts.js';
 import '../data/country-data.js';
 import '../components/country-select/Component.js';
+import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import '../components/flag-icon/component.js';
-import 'classnames';
 import '../components/flag-icon/flagSprite.js';
 import '../components/flag-icon/index.module.css';
 import '../components/select-field/component.js';

package/international-phone-input/moderncssm/index.js

@@ -15,9 +15,9 @@ import '../../shared/moderncssm';
 import './utils/index.js';
 import './consts.js';
 import './components/country-select/Component.js';
+import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import './components/flag-icon/component.js';
-import 'classnames';
 import './components/flag-icon/flagSprite.js';
 import './components/flag-icon/index.module.css';
 import './components/select-field/component.js';

package/international-phone-input/moderncssm/mobile/Component.mobile.js

@@ -12,9 +12,9 @@ import '../utils/index.js';
 import '../consts.js';
 import '../data/country-data.js';
 import '../components/country-select/Component.js';
+import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import '../components/flag-icon/component.js';
-import 'classnames';
 import '../components/flag-icon/flagSprite.js';
 import '../components/flag-icon/index.module.css';
 import '../components/select-field/component.js';

package/international-phone-input/moderncssm/mobile/index.js

@@ -13,9 +13,9 @@ import '../utils/index.js';
 import '../consts.js';
 import '../data/country-data.js';
 import '../components/country-select/Component.js';
+import 'classnames';
 import '@alfalab/icons-glyph/WorldMagnifierMIcon';
 import '../components/flag-icon/component.js';
-import 'classnames';
 import '../components/flag-icon/flagSprite.js';
 import '../components/flag-icon/index.module.css';
 import '../components/select-field/component.js';

package/international-phone-input/moderncssm/types.d.ts

@@ -44,6 +44,11 @@ type CommonPhoneInputProps = {
      *Показывать крестик очистки
      */
     clear?: boolean;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Функция фильтрации номеров для автокомплита
      */

package/international-phone-input/types.d.ts

@@ -44,6 +44,11 @@ type CommonPhoneInputProps = {
      *Показывать крестик очистки
      */
     clear?: boolean;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Функция фильтрации номеров для автокомплита
      */

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-92fdb656.js');
+var layout_module = require('../../layout.module-f58f9b14.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-92fdb656.js');
+var layout_module = require('../../layout.module-f58f9b14.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-348fc08c.js';
+import './layout.module-032a7797.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 

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

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-348fc08c.js';
+import { l as layoutStyles } from '../../layout.module-032a7797.js';
 
 var styles = {"component":"modal__component_rfswo"};
 require('./index.css');

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-348fc08c.js';
+import '../../layout.module-032a7797.js';

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

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 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-348fc08c.js';
+import { l as layoutStyles } from '../../layout.module-032a7797.js';
 import '../../../../base-modal/esm';
 
 var 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/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-348fc08c.js';
+import '../layout.module-032a7797.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../components/controls/Component.js';
 import '../../../shared/esm';
-import '../layout.module-348fc08c.js';
+import '../layout.module-032a7797.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';
 import '../Context.js';

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-348fc08c.js';
+import './layout.module-032a7797.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-348fc08c.js';
+import '../layout.module-032a7797.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-348fc08c.js';
+import '../layout.module-032a7797.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-a9768ae2.js';
+import './layout.module-2df1665b.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-a9768ae2.js';
+import { l as layoutStyles } from '../../layout.module-2df1665b.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-a9768ae2.js';
+import '../../layout.module-2df1665b.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-a9768ae2.js';
+import { l as layoutStyles } from '../../layout.module-2df1665b.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-a9768ae2.js';
+import '../layout.module-2df1665b.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-a9768ae2.js';
+import '../layout.module-2df1665b.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-a9768ae2.js';
+import './layout.module-2df1665b.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-a9768ae2.js';
+import '../layout.module-2df1665b.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-a9768ae2.js';
+import '../layout.module-2df1665b.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');
-require('react');
+var React = require('react');
 require('@alfalab/hooks');
 
 function getDataTestId(dataTestId, element) {
@@ -13,6 +13,8 @@ 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 'react';
+import { createContext } from 'react';
 import '@alfalab/hooks';
 
 function getDataTestId(dataTestId, element) {
@@ -11,6 +11,8 @@ 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 'react';
+import { createContext } from 'react';
 import '@alfalab/hooks';
 
 function getDataTestId(dataTestId, element) {
@@ -11,6 +11,8 @@ 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 'react';
+import { createContext } from 'react';
 import '@alfalab/hooks';
 
 function getDataTestId(dataTestId, element) {
@@ -11,6 +11,8 @@ 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');
-require('react');
+var React = require('react');
 require('@alfalab/hooks');
 
 function getDataTestId(dataTestId, element) {
@@ -13,6 +13,8 @@ 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.2",
+  "version": "48.22.1-beta.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -214,7 +214,7 @@
     "url-loader": "^4.1.1"
   },
   "peerDependencies": {
-    "@alfalab/core-config": "1.0.0-beta.0",
+    "@alfalab/core-config": "^1.0.0",
     "@alfalab/stack-context": "^1.16.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"

package/password-input/component.d.ts

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

package/password-input/component.js

@@ -27,25 +27,23 @@ 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, _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 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 uncontrolled = passwordVisible === undefined;
-    var _d = React.useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _d[0], setStatePasswordVisible = _d[1];
+    var _c = React.useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _c[0], setStatePasswordVisible = _c[1];
     var handleButtonClick = React.useCallback(function () {
         if (onPasswordVisibleChange) {
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible(function (prevVisible) { return !prevVisible; });
+            setStatePasswordVisible(function (visible) { return !visible; });
         }
     }, [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 ? visible : hidden })), 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
+                    ? 'Скрыть введённые цифры'
+                    : 'Показать введённые цифры' })), addonsClassName: styles.addons, inputClassName: styles.input })));
 });
 PasswordInput.displayName = 'PasswordInput';