@alfalab/core-components 45.8.0-beta.5 → 45.9.0-beta.0

package/pass-code/modern/components/KeyPad/Component.js

@@ -5,7 +5,7 @@ import { KeyPadButton } from '../KeyPadButton/Component.js';
 import 'classnames';
 import '../../../../button/modern/mobile';
 
-const styles = {"component":"pass-code__component_1ti74","digit":"pass-code__digit_1ti74"};
+const styles = {"component":"pass-code__component_1uvsu","digit":"pass-code__digit_1uvsu"};
 require('./index.css');
 
 const CELL_COUNT = 12;

package/pass-code/modern/components/KeyPad/index.css

@@ -18,7 +18,7 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .pass-code__component_1ti74 {
+} .pass-code__component_1uvsu {
     width: 240px;
     height: 292px;
     display: grid;
@@ -27,18 +27,18 @@
     grid-column-gap: var(--gap-xl);
     grid-row-gap: var(--gap-s);
     margin: 0 auto
-} .pass-code__component_1ti74 .pass-code__digit_1ti74.pass-code__digit_1ti74 {
+} .pass-code__component_1uvsu .pass-code__digit_1uvsu.pass-code__digit_1uvsu {
         font-size: 36px;
         line-height: 1;
     } @media screen and (min-width: 360px) {
-    .pass-code__component_1ti74 {
+    .pass-code__component_1uvsu {
         width: 292px;
         height: 352px;
         grid-column-gap: var(--gap-2xl);
         grid-row-gap: var(--gap-m);
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__component_1ti74 {
+    .pass-code__component_1uvsu {
         width: 322px;
         height: 392px;
     }

package/pass-code/modern/components/KeyPadButton/Component.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { ButtonMobile } from '../../../../button/modern/mobile';
 
-const styles = {"component":"pass-code__component_ospzu","button":"pass-code__button_ospzu","secondary":"pass-code__secondary_ospzu","ghost":"pass-code__ghost_ospzu"};
+const styles = {"component":"pass-code__component_17qx1","button":"pass-code__button_17qx1","secondary":"pass-code__secondary_17qx1","ghost":"pass-code__ghost_17qx1"};
 require('./index.css');
 
 function KeyPadButton({ children, onClick, className, view = 'secondary', buttonClassName, dataTestId, }) {

package/pass-code/modern/components/KeyPadButton/index.css

@@ -21,12 +21,12 @@
 } :root {
     --button-bg-color: var(--color-light-neutral-translucent-200);
     --button-bg-color-active: var(--color-light-neutral-translucent-200-press);
-} .pass-code__component_ospzu {
+} .pass-code__component_17qx1 {
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
-} .pass-code__button_ospzu.pass-code__button_ospzu {
+} .pass-code__button_17qx1.pass-code__button_17qx1 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 500;
@@ -37,31 +37,31 @@
     width: 64px;
     height: 64px;
     text-align: center
-} .pass-code__button_ospzu.pass-code__button_ospzu > span {
+} .pass-code__button_17qx1.pass-code__button_17qx1 > span {
         vertical-align: middle
-    } .pass-code__button_ospzu.pass-code__button_ospzu > span > * {
+    } .pass-code__button_17qx1.pass-code__button_17qx1 > span > * {
             vertical-align: middle;
-        } .pass-code__secondary_ospzu.pass-code__secondary_ospzu {
+        } .pass-code__secondary_17qx1.pass-code__secondary_17qx1 {
     color: var(--color-light-text-primary);
     background: var(--button-bg-color)
-} .pass-code__secondary_ospzu.pass-code__secondary_ospzu:hover {
+} .pass-code__secondary_17qx1.pass-code__secondary_17qx1:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__secondary_ospzu.pass-code__secondary_ospzu:active {
+    } .pass-code__secondary_17qx1.pass-code__secondary_17qx1:active {
         background: var(--button-bg-color-active);
-    } .pass-code__ghost_ospzu.pass-code__ghost_ospzu {
+    } .pass-code__ghost_17qx1.pass-code__ghost_17qx1 {
     color: var(--color-light-text-primary)
-} .pass-code__ghost_ospzu.pass-code__ghost_ospzu:hover {
+} .pass-code__ghost_17qx1.pass-code__ghost_17qx1:hover {
         color: var(--color-light-text-primary);
-    } .pass-code__ghost_ospzu.pass-code__ghost_ospzu:active {
+    } .pass-code__ghost_17qx1.pass-code__ghost_17qx1:active {
         background: var(--button-bg-color-active);
     } @media screen and (min-width: 360px) {
-    .pass-code__button_ospzu.pass-code__button_ospzu {
+    .pass-code__button_17qx1.pass-code__button_17qx1 {
         min-width: 76px;
         height: 76px;
         width: 76px;
     }
 } @media screen and (min-width: 390px) {
-    .pass-code__button_ospzu.pass-code__button_ospzu {
+    .pass-code__button_17qx1.pass-code__button_17qx1 {
         min-width: 86px;
         width: 86px;
         height: 86px;

package/pass-code/modern/index.css

@@ -19,10 +19,10 @@
 } :root {
 } :root {
     --pass-code-max-width: 500px;
-} .pass-code__component_19ouf {
+} .pass-code__component_18eyl {
     max-width: var(--pass-code-max-width);
     margin: var(--gap-xs) 0;
-} .pass-code__message_19ouf {
+} .pass-code__message_18eyl {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -33,6 +33,6 @@
     overflow: hidden;
     text-overflow: ellipsis;
     color: var(--color-light-text-primary);
-} .pass-code__error_19ouf {
+} .pass-code__error_18eyl {
     color: var(--color-light-text-negative);
 }

package/password-input/component.js

@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"eye":"password-input__eye_q8bkw","size-72":"password-input__size-72_q8bkw","addons":"password-input__addons_q8bkw"};
+var styles = {"eye":"password-input__eye_q9y5p","size-72":"password-input__size-72_q9y5p","addons":"password-input__addons_q9y5p"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/password-input/cssm/component.js

@@ -1,21 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef, useState, useCallback } from 'react';
+import cn from 'classnames';
+import { IconButton } from '../../icon-button/cssm';
+import { Input } from '../../input/cssm';
+import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
+import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
+import styles from './index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsIconButton = require('../../icon-button/cssm');
-var coreComponentsInput = require('../../input/cssm');
-var EyeMIcon = require('@alfalab/icons-glyph/EyeMIcon');
-var EyeOffMIcon = require('@alfalab/icons-glyph/EyeOffMIcon');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var SIZE_TO_CLASSNAME_MAP = {
+const SIZE_TO_CLASSNAME_MAP = {
     s: 'size-48',
     m: 'size-56',
     l: 'size-64',
@@ -25,22 +16,21 @@ var SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     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 uncontrolled = passwordVisible === undefined;
-    var _c = React.useState(uncontrolled ? false : passwordVisible), statePasswordVisible = _c[0], setStatePasswordVisible = _c[1];
-    var handleButtonClick = React.useCallback(function () {
+const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 48, className, ...restProps }, ref) => {
+    const uncontrolled = passwordVisible === undefined;
+    const [statePasswordVisible, setStatePasswordVisible] = useState(uncontrolled ? false : passwordVisible);
+    const handleButtonClick = useCallback(() => {
         if (onPasswordVisibleChange) {
             onPasswordVisibleChange(!passwordVisible);
         }
         if (uncontrolled) {
-            setStatePasswordVisible(function (visible) { return !visible; });
+            setStatePasswordVisible((visible) => !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__default.default[SIZE_TO_CLASSNAME_MAP[size]]), rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
+    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__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 })), addonsClassName: styles__default.default.addons, inputClassName: styles__default.default.input })));
+            React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled })), addonsClassName: styles.addons, inputClassName: styles.input }));
 });
 
-exports.PasswordInput = PasswordInput;
+export { PasswordInput };

package/password-input/cssm/index.js

@@ -1,7 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var component = require('./component.js');
-
-
-
-exports.PasswordInput = component.PasswordInput;
+export { PasswordInput } from './component.js';
+import 'react';
+import 'classnames';
+import '../../icon-button/cssm';
+import '../../input/cssm';
+import '@alfalab/icons-glyph/EyeMIcon';
+import '@alfalab/icons-glyph/EyeOffMIcon';
+import './index.module.css';

package/password-input/esm/component.js

@@ -6,7 +6,7 @@ import { Input } from '../../input/esm';
 import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
 import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 
-var styles = {"eye":"password-input__eye_q8bkw","size-72":"password-input__size-72_q8bkw","addons":"password-input__addons_q8bkw"};
+var styles = {"eye":"password-input__eye_q9y5p","size-72":"password-input__size-72_q9y5p","addons":"password-input__addons_q9y5p"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/password-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: cwvtm */
+/* hash: johhr */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,12 +16,12 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_q8bkw:last-child {
+} .password-input__eye_q9y5p:last-child {
     height: 100%;
-} .password-input__size-72_q8bkw .password-input__eye_q8bkw:last-child {
+} .password-input__size-72_q9y5p .password-input__eye_q9y5p:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__size-72_q8bkw .password-input__eye_q8bkw {
+    } .password-input__size-72_q9y5p .password-input__eye_q9y5p {
         margin-left: var(--gap-2xs);
-    } .password-input__addons_q8bkw {
+    } .password-input__addons_q9y5p {
     padding-right: 0;
 }

package/password-input/index.css

@@ -1,4 +1,4 @@
-/* hash: cwvtm */
+/* hash: johhr */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,12 +16,12 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_q8bkw:last-child {
+} .password-input__eye_q9y5p:last-child {
     height: 100%;
-} .password-input__size-72_q8bkw .password-input__eye_q8bkw:last-child {
+} .password-input__size-72_q9y5p .password-input__eye_q9y5p:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__size-72_q8bkw .password-input__eye_q8bkw {
+    } .password-input__size-72_q9y5p .password-input__eye_q9y5p {
         margin-left: var(--gap-2xs);
-    } .password-input__addons_q8bkw {
+    } .password-input__addons_q9y5p {
     padding-right: 0;
 }

package/password-input/modern/component.js

@@ -5,7 +5,7 @@ import { Input } from '../../input/modern';
 import { EyeMIcon } from '@alfalab/icons-glyph/EyeMIcon';
 import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 
-const styles = {"eye":"password-input__eye_q8bkw","size-72":"password-input__size-72_q8bkw","addons":"password-input__addons_q8bkw"};
+const styles = {"eye":"password-input__eye_q9y5p","size-72":"password-input__size-72_q9y5p","addons":"password-input__addons_q9y5p"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {

package/password-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: cwvtm */
+/* hash: johhr */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -16,12 +16,12 @@
     --gap-m-neg: -16px;
 } :root {
 } :root {
-} .password-input__eye_q8bkw:last-child {
+} .password-input__eye_q9y5p:last-child {
     height: 100%;
-} .password-input__size-72_q8bkw .password-input__eye_q8bkw:last-child {
+} .password-input__size-72_q9y5p .password-input__eye_q9y5p:last-child {
         margin-right: var(--gap-m-neg);
-    } .password-input__size-72_q8bkw .password-input__eye_q8bkw {
+    } .password-input__size-72_q9y5p .password-input__eye_q9y5p {
         margin-left: var(--gap-2xs);
-    } .password-input__addons_q8bkw {
+    } .password-input__addons_q9y5p {
     padding-right: 0;
 }

package/pattern-lock/components/base-pattern-lock/Component.js

@@ -14,7 +14,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var commonStyles = {"component":"pattern-lock__component_uiee2","hidden":"pattern-lock__hidden_uiee2","message":"pattern-lock__message_uiee2","error":"pattern-lock__error_uiee2","forgotBtn":"pattern-lock__forgotBtn_uiee2"};
+var commonStyles = {"component":"pattern-lock__component_125rw","hidden":"pattern-lock__hidden_125rw","message":"pattern-lock__message_125rw","error":"pattern-lock__error_125rw","forgotBtn":"pattern-lock__forgotBtn_125rw"};
 require('./index.css');
 
 var BasePatternLock = React.forwardRef(function (_a, ref) {

package/pattern-lock/components/base-pattern-lock/index.css

@@ -20,12 +20,12 @@
 } :root {
     --size-xs-height: 40px;
 } :root {
-} .pattern-lock__component_uiee2 canvas {
+} .pattern-lock__component_125rw canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_uiee2 {
+    } .pattern-lock__hidden_125rw {
     visibility: hidden;
-} .pattern-lock__message_uiee2 {
+} .pattern-lock__message_125rw {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -37,9 +37,9 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock__error_uiee2 {
+} .pattern-lock__error_125rw {
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_uiee2 {
+} .pattern-lock__forgotBtn_125rw {
     display: block;
     min-height: var(--size-xs-height);
 }

package/pattern-lock/cssm/Component.responsive.js

@@ -1,21 +1,23 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { useMatchMedia } from '../../mq/cssm';
+import { PatternLockDesktop } from './desktop/Component.desktop.js';
+import { PatternLockMobile } from './mobile/Component.mobile.js';
+import './components/base-pattern-lock/Component.js';
+import 'react-canvas-pattern-lock';
+import 'classnames';
+import '../../button/cssm/mobile';
+import '../../shared/cssm';
+import './consts.js';
+import './utils.js';
+import './components/base-pattern-lock/index.module.css';
+import './desktop/desktop.module.css';
+import './mobile/mobile.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsMq = require('../../mq/cssm');
-var desktop_Component_desktop = require('./desktop/Component.desktop.js');
-var mobile_Component_mobile = require('./mobile/Component.mobile.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var PatternLock = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
-    var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
-    var Component = isDesktop ? desktop_Component_desktop.PatternLockDesktop : mobile_Component_mobile.PatternLockMobile;
-    return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
+const PatternLock = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
+    const query = `(min-width: ${breakpoint}px)`;
+    const [isDesktop] = useMatchMedia(query);
+    const Component = isDesktop ? PatternLockDesktop : PatternLockMobile;
+    return React.createElement(Component, { ref: ref, ...restProps });
 });
 
-exports.PatternLock = PatternLock;
+export { PatternLock };

package/pattern-lock/cssm/components/base-pattern-lock/Component.js

@@ -1,65 +1,52 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef, useState, useEffect } from 'react';
+import { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';
+import cn from 'classnames';
+import { ButtonMobile } from '../../../../button/cssm/mobile';
+import { getDataTestId } from '../../../../shared/cssm';
+import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from '../../consts.js';
+import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from '../../utils.js';
+import commonStyles from './index.module.css';
 
-var tslib = require('tslib');
-var React = require('react');
-var reactCanvasPatternLock = require('react-canvas-pattern-lock');
-var cn = require('classnames');
-var mobile = require('../../../../button/cssm/mobile');
-var coreComponentsShared = require('../../../../shared/cssm');
-var consts = require('../../consts.js');
-var utils = require('../../utils.js');
-var commonStyles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var commonStyles__default = /*#__PURE__*/_interopDefaultCompat(commonStyles);
-
-var BasePatternLock = React.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var _d = _a.observeTokens, observeTokens = _d === void 0 ? false : _d, _e = _a.observerParams, observerParams = _e === void 0 ? {} : _e, _f = _a.justifyNodes, justifyNodes = _f === void 0 ? 'space-between' : _f, className = _a.className, error = _a.error, dataTestId = _a.dataTestId, _g = _a.forgotCodeBtnText, forgotCodeBtnText = _g === void 0 ? 'Забыли код?' : _g, _h = _a.showForgotCodeBtn, showForgotCodeBtn = _h === void 0 ? false : _h, onForgotBtnClick = _a.onForgotBtnClick, _j = _a.extraBounds, extraBounds = _j === void 0 ? consts.DEFAULT_EXTRA_BOUNDS : _j, message = _a.message, messageClassName = _a.messageClassName, hover = _a.hover, _k = _a.styles, styles = _k === void 0 ? {} : _k, restProps = tslib.__rest(_a, ["observeTokens", "observerParams", "justifyNodes", "className", "error", "dataTestId", "forgotCodeBtnText", "showForgotCodeBtn", "onForgotBtnClick", "extraBounds", "message", "messageClassName", "hover", "styles"]);
-    var _l = React.useState(), params = _l[0], setParams = _l[1];
-    React.useEffect(function () {
-        var _a = utils.getSizes(), elementSizes = _a.elementSizes, width = _a.width, height = _a.height;
+const BasePatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, message, messageClassName, hover, styles = {}, ...restProps }, ref) => {
+    const [params, setParams] = useState();
+    useEffect(() => {
+        const { elementSizes, width, height } = getSizes();
         setParams({
-            theme: utils.getTheme(elementSizes),
-            width: width,
-            height: height,
+            theme: getTheme(elementSizes),
+            width,
+            height,
         });
     }, []);
-    React.useEffect(function () {
-        var styleObserver = null;
+    useEffect(() => {
+        let styleObserver = null;
         if (observeTokens) {
-            var _a = observerParams.options, options = _a === void 0 ? consts.OBSERVE_OPTIONS : _a, _b = observerParams.getTarget, getTarget = _b === void 0 ? utils.getDefaultObserveTarget : _b;
-            styleObserver = new MutationObserver(function () {
-                return setParams(function (prevState) {
-                    var _a = utils.getSizes(), width = _a.width, height = _a.height, elementSizes = _a.elementSizes;
-                    if (!prevState) {
-                        return { theme: utils.getTheme(elementSizes), width: width, height: height };
-                    }
-                    var prevBgColor = prevState.theme[consts.THEME_STATE.INITIAL].colors.bg;
-                    var themeChanged = prevBgColor !== utils.getColorByToken(consts.OBSERVABLE_TOKENS.BG);
-                    if (themeChanged)
-                        return tslib.__assign(tslib.__assign({}, prevState), { theme: utils.getTheme(elementSizes) });
-                    return prevState;
-                });
-            });
+            const { options = OBSERVE_OPTIONS, getTarget = getDefaultObserveTarget } = observerParams;
+            styleObserver = new MutationObserver(() => setParams((prevState) => {
+                const { width, height, elementSizes } = getSizes();
+                if (!prevState) {
+                    return { theme: getTheme(elementSizes), width, height };
+                }
+                const prevBgColor = prevState.theme[THEME_STATE.INITIAL].colors.bg;
+                const themeChanged = prevBgColor !== getColorByToken(OBSERVABLE_TOKENS.BG);
+                if (themeChanged)
+                    return { ...prevState, theme: getTheme(elementSizes) };
+                return prevState;
+            }));
             styleObserver.observe(getTarget(), options);
         }
-        return function () { return styleObserver === null || styleObserver === void 0 ? void 0 : styleObserver.disconnect(); };
+        return () => styleObserver?.disconnect();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [observeTokens]);
-    var renderMessage = function () { return (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.message, messageClassName), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'message') }, message)); };
-    var renderError = function () { return (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.message, commonStyles__default.default.error, messageClassName), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error') }, error)); };
-    return (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.component, styles.component, className, (_b = {},
-            _b[commonStyles__default.default.hidden] = !params,
-            _b)), "data-test-id": dataTestId },
+    const renderMessage = () => (React.createElement("div", { className: cn(commonStyles.message, messageClassName), "data-test-id": getDataTestId(dataTestId, 'message') }, message));
+    const renderError = () => (React.createElement("div", { className: cn(commonStyles.message, commonStyles.error, messageClassName), "data-test-id": getDataTestId(dataTestId, 'error') }, error));
+    return (React.createElement("div", { className: cn(commonStyles.component, styles.component, className, {
+            [commonStyles.hidden]: !params,
+        }), "data-test-id": dataTestId },
         error ? renderError() : renderMessage(),
-        React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes, extraBounds: extraBounds, hover: hover })),
-        showForgotCodeBtn ? (React__default.default.createElement(mobile.ButtonMobile, { view: 'transparent', className: cn__default.default(commonStyles__default.default.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React__default.default.createElement("div", { className: cn__default.default(commonStyles__default.default.forgotBtn, styles.forgotBtn, (_c = {},
-                _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
-                _c)) }))));
+        React.createElement(ReactCanvasPatternLock, { ...restProps, ...params, ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes, extraBounds: extraBounds, hover: hover }),
+        showForgotCodeBtn ? (React.createElement(ButtonMobile, { view: 'transparent', className: cn(commonStyles.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React.createElement("div", { className: cn(commonStyles.forgotBtn, styles.forgotBtn, {
+                [styles.hiddenBtn]: Boolean(styles.hiddenBtn),
+            }) }))));
 });
 
-exports.BasePatternLock = BasePatternLock;
+export { BasePatternLock };

package/pattern-lock/cssm/components/base-pattern-lock/index.js

@@ -1,7 +1,9 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_basePatternLock_Component = require('./Component.js');
-
-
-
-exports.BasePatternLock = components_basePatternLock_Component.BasePatternLock;
+export { BasePatternLock } from './Component.js';
+import 'react';
+import 'react-canvas-pattern-lock';
+import 'classnames';
+import '../../../../button/cssm/mobile';
+import '../../../../shared/cssm';
+import '../../consts.js';
+import '../../utils.js';
+import './index.module.css';

package/pattern-lock/cssm/consts.js

@@ -1,13 +1,11 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var OBSERVE_OPTIONS = {
+const OBSERVE_OPTIONS = {
     childList: true,
     attributes: false,
     characterData: false,
     subtree: true,
 };
-var DEFAULT_EXTRA_BOUNDS = [75, 50, 75, 50];
-var OBSERVABLE_TOKENS = {
+const DEFAULT_EXTRA_BOUNDS = [75, 50, 75, 50];
+const OBSERVABLE_TOKENS = {
     ACCENT_INITIAL: '--color-light-graphic-primary',
     ACCENT_SUCCESS: '--color-light-graphic-positive',
     ACCENT_FAILURE: '--color-light-graphic-negative',
@@ -20,13 +18,10 @@ var OBSERVABLE_TOKENS = {
     HOVER_INNER: '--color-light-neutral-500-hover',
     HOVER_OUTER: '--color-light-neutral-translucent-200-hover',
 };
-var THEME_STATE = {
+const THEME_STATE = {
     INITIAL: 'initial',
     SUCCESS: 'success',
     FAILURE: 'failure',
 };
 
-exports.DEFAULT_EXTRA_BOUNDS = DEFAULT_EXTRA_BOUNDS;
-exports.OBSERVABLE_TOKENS = OBSERVABLE_TOKENS;
-exports.OBSERVE_OPTIONS = OBSERVE_OPTIONS;
-exports.THEME_STATE = THEME_STATE;
+export { DEFAULT_EXTRA_BOUNDS, OBSERVABLE_TOKENS, OBSERVE_OPTIONS, THEME_STATE };

package/pattern-lock/cssm/desktop/Component.desktop.js

@@ -1,15 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var components_basePatternLock_Component = require('../components/base-pattern-lock/Component.js');
-var styles = require('./desktop.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var PatternLockDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { hover: true, ref: ref, styles: styles__default.default })); });
-
-exports.PatternLockDesktop = PatternLockDesktop;
+import React, { forwardRef } from 'react';
+import { BasePatternLock } from '../components/base-pattern-lock/Component.js';
+import styles from './desktop.module.css';
+import 'react-canvas-pattern-lock';
+import 'classnames';
+import '../../../button/cssm/mobile';
+import '../../../shared/cssm';
+import '../consts.js';
+import '../utils.js';
+import '../components/base-pattern-lock/index.module.css';
+
+const PatternLockDesktop = forwardRef((restProps, ref) => React.createElement(BasePatternLock, { ...restProps, hover: true, ref: ref, styles: styles }));
+
+export { PatternLockDesktop };