@alfalab/core-components 46.0.0-beta.6 → 46.0.0-beta.7

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

@@ -1,69 +0,0 @@
-/* hash: 8ydd7 */
-: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 {
-    --color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
-    --color-light-neutral-translucent-200-press: rgba(5, 12, 41, 0.14);
-    --color-light-text-primary: rgba(3, 3, 6, 0.88); /* 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 */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-    --border-radius-circle: 50%;
-} :root {
-} :root {
-} :root {
-} :root {
-    --button-bg-color: var(--color-light-neutral-translucent-200);
-    --button-bg-color-active: var(--color-light-neutral-translucent-200-press);
-} .pass-code-v1__component_tnkyi {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-} .pass-code-v1__button_tnkyi.pass-code-v1__button_tnkyi {
-    font-size: 14px;
-    line-height: 18px;
-    font-weight: 500;
-
-    border-radius: var(--border-radius-circle);
-    padding: 0;
-    min-width: 64px;
-    width: 64px;
-    height: 64px;
-    text-align: center
-} .pass-code-v1__button_tnkyi.pass-code-v1__button_tnkyi > span {
-        vertical-align: middle
-    } .pass-code-v1__button_tnkyi.pass-code-v1__button_tnkyi > span > * {
-            vertical-align: middle;
-        } .pass-code-v1__secondary_tnkyi.pass-code-v1__secondary_tnkyi {
-    color: var(--color-light-text-primary);
-    background: var(--button-bg-color)
-} .pass-code-v1__secondary_tnkyi.pass-code-v1__secondary_tnkyi:hover {
-        color: var(--color-light-text-primary);
-    } .pass-code-v1__secondary_tnkyi.pass-code-v1__secondary_tnkyi:active {
-        background: var(--button-bg-color-active);
-    } .pass-code-v1__ghost_tnkyi.pass-code-v1__ghost_tnkyi {
-    color: var(--color-light-text-primary)
-} .pass-code-v1__ghost_tnkyi.pass-code-v1__ghost_tnkyi:hover {
-        color: var(--color-light-text-primary);
-    } .pass-code-v1__ghost_tnkyi.pass-code-v1__ghost_tnkyi:active {
-        background: var(--button-bg-color-active);
-    } @media screen and (min-width: 360px) {
-    .pass-code-v1__button_tnkyi.pass-code-v1__button_tnkyi {
-        min-width: 76px;
-        height: 76px;
-        width: 76px;
-    }
-} @media screen and (min-width: 390px) {
-    .pass-code-v1__button_tnkyi.pass-code-v1__button_tnkyi {
-        min-width: 86px;
-        width: 86px;
-        height: 86px;
-    }
-}

package/pass-code-v1/modern/components/KeyPadButton/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

package/pass-code-v1/modern/components/KeyPadButton/index.js

@@ -1,4 +0,0 @@
-export { KeyPadButton } from './Component.js';
-import 'react';
-import 'classnames';
-import '../../../../button/modern/mobile';

package/pass-code-v1/modern/index.css

@@ -1,38 +0,0 @@
-/* hash: 1e1al */
-: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 {
-    --color-light-text-negative: #ec2d20;
-    --color-light-text-primary: rgba(3, 3, 6, 0.88); /* 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 */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-    --gap-xs: 8px;
-} :root {
-} :root {
-} :root {
-    --pass-code-max-width: 500px;
-} .pass-code-v1__component_lyu8o {
-    max-width: var(--pass-code-max-width);
-    margin: var(--gap-xs) 0;
-} .pass-code-v1__message_lyu8o {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 400;
-
-    min-height: 24px;
-    text-align: center;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    color: var(--color-light-text-primary);
-} .pass-code-v1__error_lyu8o {
-    color: var(--color-light-text-negative);
-}

package/pass-code-v1/modern/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component";
-export * from "./components/KeyPadButton/index";

package/pass-code-v1/modern/index.js

@@ -1,11 +0,0 @@
-export { PassCodeV1 } from './Component.js';
-export { KeyPadButton } from './components/KeyPadButton/Component.js';
-import 'react';
-import 'classnames';
-import '../../gap/modern';
-import '../../shared/modern';
-import './components/InputProgress/Component.js';
-import 'react-transition-group';
-import './components/KeyPad/Component.js';
-import '@alfalab/icons-glyph/BackspaceXxlIcon';
-import '../../button/modern/mobile';

package/pass-code-v1/modern/shared/index.d.ts

@@ -1 +0,0 @@
-export { getPassCodeTestIds } from "../utils";

package/pass-code-v1/modern/shared/index.js

@@ -1,2 +0,0 @@
-export { getPassCodeTestIds } from '../utils.js';
-import '../../../shared/modern';

package/pass-code-v1/modern/utils.d.ts

@@ -1,10 +0,0 @@
-declare function getPassCodeTestIds(dataTestId: string): {
-    passCode: string;
-    inputProgress: string;
-    keypad: string;
-    keypadButton: string;
-    backspaceButton: string;
-    error: string;
-    message: string;
-};
-export { getPassCodeTestIds };

package/pass-code-v1/modern/utils.js

@@ -1,15 +0,0 @@
-import { getDataTestId } from '../../shared/modern';
-
-function getPassCodeTestIds(dataTestId) {
-    return {
-        passCode: getDataTestId(dataTestId, 'wrapper'),
-        inputProgress: getDataTestId(dataTestId, 'input-progress'),
-        keypad: getDataTestId(dataTestId, 'keypad'),
-        keypadButton: getDataTestId(dataTestId, 'keypad-button'),
-        backspaceButton: getDataTestId(dataTestId, 'backspace-button'),
-        error: getDataTestId(dataTestId, 'error'),
-        message: getDataTestId(dataTestId, 'message'),
-    };
-}
-
-export { getPassCodeTestIds };

package/pass-code-v1/package.json

@@ -1,3 +0,0 @@
-{
-    "module": "./esm/index.js"
-}

package/pass-code-v1/shared/index.d.ts

@@ -1 +0,0 @@
-export { getPassCodeTestIds } from "../utils";

package/pass-code-v1/shared/index.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('../utils.js');
-
-
-
-exports.getPassCodeTestIds = utils.getPassCodeTestIds;

package/pass-code-v1/shared/package.json

@@ -1,3 +0,0 @@
-{
-    "module": "../esm/shared/index.js"
-}

package/pass-code-v1/utils.d.ts

@@ -1,10 +0,0 @@
-declare function getPassCodeTestIds(dataTestId: string): {
-    passCode: string;
-    inputProgress: string;
-    keypad: string;
-    keypadButton: string;
-    backspaceButton: string;
-    error: string;
-    message: string;
-};
-export { getPassCodeTestIds };

package/pass-code-v1/utils.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var coreComponentsShared = require('../shared');
-
-function getPassCodeTestIds(dataTestId) {
-    return {
-        passCode: coreComponentsShared.getDataTestId(dataTestId, 'wrapper'),
-        inputProgress: coreComponentsShared.getDataTestId(dataTestId, 'input-progress'),
-        keypad: coreComponentsShared.getDataTestId(dataTestId, 'keypad'),
-        keypadButton: coreComponentsShared.getDataTestId(dataTestId, 'keypad-button'),
-        backspaceButton: coreComponentsShared.getDataTestId(dataTestId, 'backspace-button'),
-        error: coreComponentsShared.getDataTestId(dataTestId, 'error'),
-        message: coreComponentsShared.getDataTestId(dataTestId, 'message'),
-    };
-}
-
-exports.getPassCodeTestIds = getPassCodeTestIds;

package/pattern-lock-v1/Component.responsive.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TPatternLockInstance } from 'react-canvas-pattern-lock';
-import { PatternLockProps } from "./typings";
-/**
- * @deprecated
- * Использует PatternLock
- */
-declare const PatternLockV1: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
-export { PatternLockV1 };

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

@@ -1,25 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsMq = require('../mq');
-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);
-
-/**
- * @deprecated
- * Использует PatternLock
- */
-var PatternLockV1 = 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.PatternLockDesktopV1 : mobile_Component_mobile.PatternLockMobileV1;
-    return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
-});
-
-exports.PatternLockV1 = PatternLockV1;

package/pattern-lock-v1/components/base-pattern-lock/Component.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TPatternLockInstance } from 'react-canvas-pattern-lock';
-import { CommonPatternLockProps, PrivatePatternLockProps } from "../../typings";
-declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;
-export { BasePatternLock };

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

@@ -1,66 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var React = require('react');
-var reactCanvasPatternLock = require('react-canvas-pattern-lock');
-var cn = require('classnames');
-var mobile = require('../../../button/mobile');
-var coreComponentsShared = require('../../../shared');
-var consts = require('../../consts.js');
-var utils = require('../../utils.js');
-
-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 = {"component":"pattern-lock-v1__component_w4fbn","hidden":"pattern-lock-v1__hidden_w4fbn","message":"pattern-lock-v1__message_w4fbn","error":"pattern-lock-v1__error_w4fbn","forgotBtn":"pattern-lock-v1__forgotBtn_w4fbn"};
-require('./index.css');
-
-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;
-        setParams({
-            theme: utils.getTheme(elementSizes),
-            width: width,
-            height: height,
-        });
-    }, []);
-    React.useEffect(function () {
-        var 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;
-                });
-            });
-            styleObserver.observe(getTarget(), options);
-        }
-        return function () { return styleObserver === null || styleObserver === void 0 ? void 0 : 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.message, messageClassName), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'message') }, message)); };
-    var renderError = function () { return (React__default.default.createElement("div", { className: cn__default.default(commonStyles.message, commonStyles.error, messageClassName), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'error') }, error)); };
-    return (React__default.default.createElement("div", { className: cn__default.default(commonStyles.component, styles.component, className, (_b = {},
-            _b[commonStyles.hidden] = !params,
-            _b)), "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.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React__default.default.createElement("div", { className: cn__default.default(commonStyles.forgotBtn, styles.forgotBtn, (_c = {},
-                _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
-                _c)) }))));
-});
-
-exports.BasePatternLock = BasePatternLock;

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

@@ -1,45 +0,0 @@
-/* hash: 1q5sm */
-: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 {
-    --color-light-text-negative: #ec2d20;
-    --color-light-text-primary: rgba(3, 3, 6, 0.88); /* 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 */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-    --gap-m: 16px;
-    --gap-3xl: 40px;
-} :root {
-} :root {
-    --size-xs-height: 40px;
-} :root {
-} .pattern-lock-v1__component_w4fbn canvas {
-        display: block;
-        margin: 0 auto;
-    } .pattern-lock-v1__hidden_w4fbn {
-    visibility: hidden;
-} .pattern-lock-v1__message_w4fbn {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 400;
-
-    text-align: center;
-    padding: 0 var(--gap-m) var(--gap-3xl);
-    min-height: 24px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    color: var(--color-light-text-primary);
-} .pattern-lock-v1__error_w4fbn {
-    color: var(--color-light-text-negative);
-} .pattern-lock-v1__forgotBtn_w4fbn {
-    display: block;
-    min-height: var(--size-xs-height);
-}

package/pattern-lock-v1/components/base-pattern-lock/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

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

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_basePatternLock_Component = require('./Component.js');
-
-
-
-exports.BasePatternLock = components_basePatternLock_Component.BasePatternLock;

package/pattern-lock-v1/consts.d.ts

@@ -1,11 +0,0 @@
-import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
-import { ObservableTokens } from "./typings";
-declare const OBSERVE_OPTIONS: MutationObserverInit;
-declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
-declare const OBSERVABLE_TOKENS: ObservableTokens;
-declare const THEME_STATE: {
-    INITIAL: string;
-    SUCCESS: string;
-    FAILURE: string;
-};
-export { OBSERVE_OPTIONS, DEFAULT_EXTRA_BOUNDS, OBSERVABLE_TOKENS, THEME_STATE };

package/pattern-lock-v1/consts.js

@@ -1,32 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var OBSERVE_OPTIONS = {
-    childList: true,
-    attributes: false,
-    characterData: false,
-    subtree: true,
-};
-var DEFAULT_EXTRA_BOUNDS = [75, 50, 75, 50];
-var OBSERVABLE_TOKENS = {
-    ACCENT_INITIAL: '--color-light-graphic-primary',
-    ACCENT_SUCCESS: '--color-light-graphic-positive',
-    ACCENT_FAILURE: '--color-light-graphic-negative',
-    PRIMARY: '--color-light-graphic-tertiary',
-    BG: '--color-light-bg-primary',
-    RING_BG_INITIAL: '--color-light-specialbg-secondary-transparent',
-    SELECTED_RING_BG_INITIAL: '--color-light-specialbg-tertiary-transparent',
-    SELECTED_RING_BG_SUCCESS: '--color-light-status-muted-positive',
-    SELECTED_RING_BG_FAILURE: '--color-light-status-muted-negative',
-    HOVER_INNER: '--color-light-neutral-500-hover',
-    HOVER_OUTER: '--color-light-neutral-translucent-200-hover',
-};
-var 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;

package/pattern-lock-v1/cssm/Component.responsive.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TPatternLockInstance } from 'react-canvas-pattern-lock';
-import { PatternLockProps } from "./typings";
-/**
- * @deprecated
- * Использует PatternLock
- */
-declare const PatternLockV1: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
-export { PatternLockV1 };

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

@@ -1,25 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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);
-
-/**
- * @deprecated
- * Использует PatternLock
- */
-var PatternLockV1 = 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.PatternLockDesktopV1 : mobile_Component_mobile.PatternLockMobileV1;
-    return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
-});
-
-exports.PatternLockV1 = PatternLockV1;

package/pattern-lock-v1/cssm/components/base-pattern-lock/Component.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TPatternLockInstance } from 'react-canvas-pattern-lock';
-import { CommonPatternLockProps, PrivatePatternLockProps } from "../../typings";
-declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;
-export { BasePatternLock };

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

@@ -1,65 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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;
-        setParams({
-            theme: utils.getTheme(elementSizes),
-            width: width,
-            height: height,
-        });
-    }, []);
-    React.useEffect(function () {
-        var 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;
-                });
-            });
-            styleObserver.observe(getTarget(), options);
-        }
-        return function () { return styleObserver === null || styleObserver === void 0 ? void 0 : 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 },
-        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)) }))));
-});
-
-exports.BasePatternLock = BasePatternLock;

package/pattern-lock-v1/cssm/components/base-pattern-lock/index.d.ts

@@ -1 +0,0 @@
-export * from "./Component";

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

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_basePatternLock_Component = require('./Component.js');
-
-
-
-exports.BasePatternLock = components_basePatternLock_Component.BasePatternLock;

package/pattern-lock-v1/cssm/components/base-pattern-lock/index.module.css

@@ -1,44 +0,0 @@
-: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 {
-    --color-light-text-negative: #ec2d20;
-    --color-light-text-primary: rgba(3, 3, 6, 0.88); /* 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 */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-    --gap-m: 16px;
-    --gap-3xl: 40px;
-} :root {
-} :root {
-    --size-xs-height: 40px;
-} :root {
-} .component canvas {
-        display: block;
-        margin: 0 auto;
-    } .hidden {
-    visibility: hidden;
-} .message {
-    font-size: 16px;
-    line-height: 24px;
-    font-weight: 400;
-
-    text-align: center;
-    padding: 0 var(--gap-m) var(--gap-3xl);
-    min-height: 24px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    color: var(--color-light-text-primary);
-} .error {
-    color: var(--color-light-text-negative);
-} .forgotBtn {
-    display: block;
-    min-height: var(--size-xs-height);
-}