@alfalab/core-components 27.13.1 → 27.14.0

package/notification-manager/esm/index.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-import './component-d8eaa6b2.js';
+import './component-0064ca8e.js';
 import 'react-transition-group';
 import '../../portal/esm';
 import '../../stack/esm';

package/notification-manager/index.css

@@ -30,7 +30,7 @@
     --gap-8xl-neg: -128px;
 }
 
-.notification-manager__component_18vvp {
+.notification-manager__component_pltxt {
     position: fixed;
     top: 0;
     right: var(--gap-s);
@@ -38,48 +38,48 @@
     flex-direction: column;
 }
 
-.notification-manager__component_18vvp .notification-manager__notification_18vvp {
+.notification-manager__component_pltxt .notification-manager__notification_pltxt {
     position: static;
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
     will-change: transform;
 }
 
-.notification-manager__enter_18vvp {
+.notification-manager__enter_pltxt {
     visibility: hidden;
     transform: translate(0, -500px);
     transition: transform 0.4s ease-out;
 }
 
-.notification-manager__enterActive_18vvp {
+.notification-manager__enterActive_pltxt {
     visibility: visible;
     transform: translate(0);
 }
 
-.notification-manager__exit_18vvp {
+.notification-manager__exit_pltxt {
     opacity: 0;
     transition: opacity 0.15s ease-in-out;
 }
 
-.notification-manager__exitActive_18vvp {
+.notification-manager__exitActive_pltxt {
     visibility: hidden;
     opacity: 0;
 }
 
 @media (min-width: 600px) {
-    .notification-manager__component_18vvp {
+    .notification-manager__component_pltxt {
         right: var(--gap-4xl);
     }
 
-    .notification-manager__component_18vvp .notification-manager__notification_18vvp {
+    .notification-manager__component_pltxt .notification-manager__notification_pltxt {
         width: auto;
     }
 
-    .notification-manager__enter_18vvp {
+    .notification-manager__enter_pltxt {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_18vvp {
+    .notification-manager__enterActive_pltxt {
         transform: translate(0);
     }
 }

package/notification-manager/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-984753c1.js');
+require('./component-5e6071bf.js');
 require('react');
 require('classnames');
 require('react-transition-group');

package/notification-manager/modern/component.js

@@ -5,7 +5,7 @@ import { Portal } from '../../portal/modern';
 import { stackingOrder, Stack } from '../../stack/modern';
 import { Notification } from './components/notification/component.js';
 
-var styles = {"component":"notification-manager__component_18vvp","notification":"notification-manager__notification_18vvp","enter":"notification-manager__enter_18vvp","enterActive":"notification-manager__enterActive_18vvp","exit":"notification-manager__exit_18vvp","exitActive":"notification-manager__exitActive_18vvp"};
+var styles = {"component":"notification-manager__component_pltxt","notification":"notification-manager__notification_pltxt","enter":"notification-manager__enter_pltxt","enterActive":"notification-manager__enterActive_pltxt","exit":"notification-manager__exit_pltxt","exitActive":"notification-manager__exitActive_pltxt"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/notification-manager/modern/index.css

@@ -30,7 +30,7 @@
     --gap-8xl-neg: -128px;
 }
 
-.notification-manager__component_18vvp {
+.notification-manager__component_pltxt {
     position: fixed;
     top: 0;
     right: var(--gap-s);
@@ -38,48 +38,48 @@
     flex-direction: column;
 }
 
-.notification-manager__component_18vvp .notification-manager__notification_18vvp {
+.notification-manager__component_pltxt .notification-manager__notification_pltxt {
     position: static;
     width: calc(100vw - var(--gap-xl));
     margin-top: var(--gap-s);
     will-change: transform;
 }
 
-.notification-manager__enter_18vvp {
+.notification-manager__enter_pltxt {
     visibility: hidden;
     transform: translate(0, -500px);
     transition: transform 0.4s ease-out;
 }
 
-.notification-manager__enterActive_18vvp {
+.notification-manager__enterActive_pltxt {
     visibility: visible;
     transform: translate(0);
 }
 
-.notification-manager__exit_18vvp {
+.notification-manager__exit_pltxt {
     opacity: 0;
     transition: opacity 0.15s ease-in-out;
 }
 
-.notification-manager__exitActive_18vvp {
+.notification-manager__exitActive_pltxt {
     visibility: hidden;
     opacity: 0;
 }
 
 @media (min-width: 600px) {
-    .notification-manager__component_18vvp {
+    .notification-manager__component_pltxt {
         right: var(--gap-4xl);
     }
 
-    .notification-manager__component_18vvp .notification-manager__notification_18vvp {
+    .notification-manager__component_pltxt .notification-manager__notification_pltxt {
         width: auto;
     }
 
-    .notification-manager__enter_18vvp {
+    .notification-manager__enter_pltxt {
         transform: translate(100%, 0);
     }
 
-    .notification-manager__enterActive_18vvp {
+    .notification-manager__enterActive_pltxt {
         transform: translate(0);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "27.13.1",
+  "version": "27.14.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -59,6 +59,7 @@
     "@alfalab/icons-logotype": "^1.28.0",
     "@alfalab/stylelint-core-vars": "^1.4.0",
     "@alfalab/utils": "^1.11.0",
+    "@juggle/resize-observer": "^3.3.1",
     "@popperjs/core": "^2.3.3",
     "classnames": "^2.2.6",
     "compute-scroll-into-view": "^1.0.13",
@@ -80,7 +81,6 @@
     "react-transition-group": "^4.4.1",
     "react-virtual": "^2.3.2",
     "recharts": "^2.1.2",
-    "resize-observer": "^1.0.0",
     "simplebar": "^5.3.6",
     "swiper": "^6.8.2",
     "react-virtuoso": "^2.12.0",

package/pagination/Component.js

@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"pagination__component_dcxf9","defaultView":"pagination__defaultView_dcxf9"};
+var styles = {"component":"pagination__component_6c1f5","defaultView":"pagination__defaultView_6c1f5"};
 require('./index.css');
 
 var Pagination = function (_a) {

package/pagination/components/default-view/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__dots_1m8si {
+.pagination__dots_157if {
     width: 32px;
     height: 32px;
     text-align: center;

package/pagination/components/default-view/index.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"dots":"pagination__dots_1m8si"};
+var styles = {"dots":"pagination__dots_157if"};
 require('./index.css');
 
 var DefaultView = function (_a) {

package/pagination/components/per-page-view/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__component_3v0m3 {
+.pagination__component_yz9v4 {
     display: block;
     margin: 0 var(--gap-m);
 }

package/pagination/components/per-page-view/index.js

@@ -6,7 +6,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"component":"pagination__component_3v0m3"};
+var styles = {"component":"pagination__component_yz9v4"};
 require('./index.css');
 
 var PerPageView = function (_a) {

package/pagination/components/tag/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__tag_j5a71.pagination__tag_j5a71 {
+.pagination__tag_6ugng.pagination__tag_6ugng {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -733,24 +733,24 @@
     height: 32px;
     padding: 0
 }
-.pagination__tag_j5a71.pagination__tag_j5a71:disabled:not(.pagination__checked_j5a71) {
+.pagination__tag_6ugng.pagination__tag_6ugng:disabled:not(.pagination__checked_6ugng) {
         opacity: 0.3;
     }
-.pagination__tag_j5a71.pagination__tag_j5a71:hover:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71:active:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71.pagination__checked_j5a71 {
+.pagination__tag_6ugng.pagination__tag_6ugng.pagination__checked_6ugng {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71.pagination__checked_j5a71:hover:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng.pagination__checked_6ugng:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71.pagination__checked_j5a71:active:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng.pagination__checked_6ugng:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/pagination/components/tag/index.js

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"tag":"pagination__tag_j5a71","checked":"pagination__checked_j5a71"};
+var styles = {"tag":"pagination__tag_6ugng","checked":"pagination__checked_6ugng"};
 require('./index.css');
 
 var Tag = function (_a) {

package/pagination/esm/Component.js

@@ -7,7 +7,7 @@ import { Tag } from './components/tag/index.js';
 import { DefaultView } from './components/default-view/index.js';
 import { PerPageView } from './components/per-page-view/index.js';
 
-var styles = {"component":"pagination__component_dcxf9","defaultView":"pagination__defaultView_dcxf9"};
+var styles = {"component":"pagination__component_6c1f5","defaultView":"pagination__defaultView_6c1f5"};
 require('./index.css');
 
 var Pagination = function (_a) {

package/pagination/esm/components/default-view/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__dots_1m8si {
+.pagination__dots_157if {
     width: 32px;
     height: 32px;
     text-align: center;

package/pagination/esm/components/default-view/index.js

@@ -3,7 +3,7 @@ import 'classnames';
 import '../../../../tag/esm';
 import { Tag } from '../tag/index.js';
 
-var styles = {"dots":"pagination__dots_1m8si"};
+var styles = {"dots":"pagination__dots_157if"};
 require('./index.css');
 
 var DefaultView = function (_a) {

package/pagination/esm/components/per-page-view/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__component_3v0m3 {
+.pagination__component_yz9v4 {
     display: block;
     margin: 0 var(--gap-m);
 }

package/pagination/esm/components/per-page-view/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var styles = {"component":"pagination__component_3v0m3"};
+var styles = {"component":"pagination__component_yz9v4"};
 require('./index.css');
 
 var PerPageView = function (_a) {

package/pagination/esm/components/tag/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__tag_j5a71.pagination__tag_j5a71 {
+.pagination__tag_6ugng.pagination__tag_6ugng {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -733,24 +733,24 @@
     height: 32px;
     padding: 0
 }
-.pagination__tag_j5a71.pagination__tag_j5a71:disabled:not(.pagination__checked_j5a71) {
+.pagination__tag_6ugng.pagination__tag_6ugng:disabled:not(.pagination__checked_6ugng) {
         opacity: 0.3;
     }
-.pagination__tag_j5a71.pagination__tag_j5a71:hover:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71:active:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71.pagination__checked_j5a71 {
+.pagination__tag_6ugng.pagination__tag_6ugng.pagination__checked_6ugng {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71.pagination__checked_j5a71:hover:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng.pagination__checked_6ugng:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71.pagination__checked_j5a71:active:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng.pagination__checked_6ugng:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/pagination/esm/components/tag/index.js

@@ -41,7 +41,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"tag":"pagination__tag_j5a71","checked":"pagination__checked_j5a71"};
+var styles = {"tag":"pagination__tag_6ugng","checked":"pagination__checked_6ugng"};
 require('./index.css');
 
 var Tag = function (_a) {

package/pagination/esm/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__component_dcxf9 {
+.pagination__component_6c1f5 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -733,9 +733,9 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.pagination__defaultView_dcxf9 > * {
+.pagination__defaultView_6c1f5 > * {
         margin-right: var(--gap-xs)
     }
-.pagination__defaultView_dcxf9 > *:last-child {
+.pagination__defaultView_6c1f5 > *:last-child {
             margin-right: 0;
         }

package/pagination/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__component_dcxf9 {
+.pagination__component_6c1f5 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -733,9 +733,9 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.pagination__defaultView_dcxf9 > * {
+.pagination__defaultView_6c1f5 > * {
         margin-right: var(--gap-xs)
     }
-.pagination__defaultView_dcxf9 > *:last-child {
+.pagination__defaultView_6c1f5 > *:last-child {
             margin-right: 0;
         }

package/pagination/modern/Component.js

@@ -7,7 +7,7 @@ import { Tag } from './components/tag/index.js';
 import { DefaultView } from './components/default-view/index.js';
 import { PerPageView } from './components/per-page-view/index.js';
 
-var styles = {"component":"pagination__component_dcxf9","defaultView":"pagination__defaultView_dcxf9"};
+var styles = {"component":"pagination__component_6c1f5","defaultView":"pagination__defaultView_6c1f5"};
 require('./index.css');
 
 const Pagination = ({ currentPageIndex = 0, pagesCount, className, sidePadding = 1, activePadding = 2, hideArrows = true, view = 'default', onPageChange = () => null, dataTestId, }) => {

package/pagination/modern/components/default-view/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__dots_1m8si {
+.pagination__dots_157if {
     width: 32px;
     height: 32px;
     text-align: center;

package/pagination/modern/components/default-view/index.js

@@ -3,7 +3,7 @@ import 'classnames';
 import '../../../../tag/modern';
 import { Tag } from '../tag/index.js';
 
-var styles = {"dots":"pagination__dots_1m8si"};
+var styles = {"dots":"pagination__dots_157if"};
 require('./index.css');
 
 const DefaultView = ({ sidePadding = 2, activePadding = 1, pagesCount, currentPageIndex, onPageChange = () => null, }) => {

package/pagination/modern/components/per-page-view/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__component_3v0m3 {
+.pagination__component_yz9v4 {
     display: block;
     margin: 0 var(--gap-m);
 }

package/pagination/modern/components/per-page-view/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-var styles = {"component":"pagination__component_3v0m3"};
+var styles = {"component":"pagination__component_yz9v4"};
 require('./index.css');
 
 const PerPageView = ({ pagesCount, currentPageIndex }) => (React.createElement("span", { className: styles.component },

package/pagination/modern/components/tag/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__tag_j5a71.pagination__tag_j5a71 {
+.pagination__tag_6ugng.pagination__tag_6ugng {
     color: var(--color-light-text-secondary);
     border-radius: var(--border-radius-m);
     border: none;
@@ -733,24 +733,24 @@
     height: 32px;
     padding: 0
 }
-.pagination__tag_j5a71.pagination__tag_j5a71:disabled:not(.pagination__checked_j5a71) {
+.pagination__tag_6ugng.pagination__tag_6ugng:disabled:not(.pagination__checked_6ugng) {
         opacity: 0.3;
     }
-.pagination__tag_j5a71.pagination__tag_j5a71:hover:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng:hover:not(:disabled) {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71:active:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng:active:not(:disabled) {
         background-color: var(--color-light-bg-quaternary);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71.pagination__checked_j5a71 {
+.pagination__tag_6ugng.pagination__tag_6ugng.pagination__checked_6ugng {
         cursor: default;
         background-color: var(--color-light-bg-secondary-inverted);
         color: var(--color-light-text-primary-inverted);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71.pagination__checked_j5a71:hover:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng.pagination__checked_6ugng:hover:not(:disabled) {
         color: var(--color-light-text-primary-inverted);
     }
-.pagination__tag_j5a71.pagination__tag_j5a71.pagination__checked_j5a71:active:not(:disabled) {
+.pagination__tag_6ugng.pagination__tag_6ugng.pagination__checked_6ugng:active:not(:disabled) {
         color: var(--color-light-text-primary);
     }

package/pagination/modern/components/tag/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Tag as Tag$1 } from '../../../../tag/modern';
 
-var styles = {"tag":"pagination__tag_j5a71","checked":"pagination__checked_j5a71"};
+var styles = {"tag":"pagination__tag_6ugng","checked":"pagination__checked_6ugng"};
 require('./index.css');
 
 const Tag = ({ className, checked, ...restProps }) => (React.createElement(Tag$1, Object.assign({}, restProps, { checked: checked, size: 'xxs', className: cn(className, styles.tag, { [styles.checked]: checked }) })));

package/pagination/modern/index.css

@@ -722,7 +722,7 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.pagination__component_dcxf9 {
+.pagination__component_6c1f5 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -733,9 +733,9 @@
     font-feature-settings: "tnum";
     font-variant-numeric: tabular-nums;
 }
-.pagination__defaultView_dcxf9 > * {
+.pagination__defaultView_6c1f5 > * {
         margin-right: var(--gap-xs)
     }
-.pagination__defaultView_dcxf9 > *:last-child {
+.pagination__defaultView_6c1f5 > *:last-child {
             margin-right: 0;
         }

package/password-input/component.js

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"eye":"password-input__eye_108ew","xl":"password-input__xl_108ew","input":"password-input__input_108ew"};
+var styles = {"eye":"password-input__eye_tlg6u","xl":"password-input__xl_tlg6u","input":"password-input__input_tlg6u"};
 require('./index.css');
 
 var PasswordInput = React.forwardRef(function (_a, ref) {

package/password-input/esm/component.js

@@ -44,7 +44,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"eye":"password-input__eye_108ew","xl":"password-input__xl_108ew","input":"password-input__input_108ew"};
+var styles = {"eye":"password-input__eye_tlg6u","xl":"password-input__xl_tlg6u","input":"password-input__input_tlg6u"};
 require('./index.css');
 
 var PasswordInput = forwardRef(function (_a, ref) {

package/password-input/esm/index.css

@@ -722,15 +722,15 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.password-input__eye_108ew:last-child {
+.password-input__eye_tlg6u:last-child {
     margin-right: var(--gap-s-neg);
 }
-.password-input__xl_108ew .password-input__eye_108ew:last-child {
+.password-input__xl_tlg6u .password-input__eye_tlg6u:last-child {
         margin-right: var(--gap-m-neg);
     }
-.password-input__xl_108ew .password-input__eye_108ew {
+.password-input__xl_tlg6u .password-input__eye_tlg6u {
         margin-left: var(--gap-2xs);
     }
-.password-input__input_108ew::-ms-reveal {
+.password-input__input_tlg6u::-ms-reveal {
     display: none;
 }

package/password-input/index.css

@@ -722,15 +722,15 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.password-input__eye_108ew:last-child {
+.password-input__eye_tlg6u:last-child {
     margin-right: var(--gap-s-neg);
 }
-.password-input__xl_108ew .password-input__eye_108ew:last-child {
+.password-input__xl_tlg6u .password-input__eye_tlg6u:last-child {
         margin-right: var(--gap-m-neg);
     }
-.password-input__xl_108ew .password-input__eye_108ew {
+.password-input__xl_tlg6u .password-input__eye_tlg6u {
         margin-left: var(--gap-2xs);
     }
-.password-input__input_108ew::-ms-reveal {
+.password-input__input_tlg6u::-ms-reveal {
     display: none;
 }

package/password-input/modern/component.js

@@ -5,7 +5,7 @@ import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 import { Input } from '../../input/modern';
 import { IconButton } from '../../icon-button/modern';
 
-var styles = {"eye":"password-input__eye_108ew","xl":"password-input__xl_108ew","input":"password-input__input_108ew"};
+var styles = {"eye":"password-input__eye_tlg6u","xl":"password-input__xl_tlg6u","input":"password-input__input_tlg6u"};
 require('./index.css');
 
 const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 's', className, ...restProps }, ref) => {