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

package/pattern-lock-v1/esm/utils.js

@@ -1,88 +0,0 @@
-import { __assign } from 'tslib';
-import { getDataTestId } from '../../shared/esm';
-import { OBSERVABLE_TOKENS, THEME_STATE } from './consts.js';
-
-function getDefaultObserveTarget() {
-    return document.head;
-}
-function getColorByToken(token) {
-    return getComputedStyle(document.documentElement).getPropertyValue(token);
-}
-var getSizes = (function () {
-    var COMMON_SIZES = {
-        lineWidth: 6,
-        nodeRing: 0,
-        nodeCore: 12,
-    };
-    var cachedSize;
-    return function () {
-        if (cachedSize) {
-            return cachedSize;
-        }
-        if (window.matchMedia('(min-width: 600px)').matches) {
-            cachedSize = {
-                elementSizes: __assign(__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
-                width: 240,
-                height: 240,
-            };
-        }
-        else if (window.matchMedia('(min-width: 390px)').matches) {
-            cachedSize = {
-                elementSizes: __assign(__assign({}, COMMON_SIZES), { nodeRadius: 43 }),
-                width: 322,
-                height: 322,
-            };
-        }
-        else if (window.matchMedia('(min-width: 360px)').matches) {
-            cachedSize = {
-                elementSizes: __assign(__assign({}, COMMON_SIZES), { nodeRadius: 38 }),
-                width: 292,
-                height: 292,
-            };
-        }
-        else {
-            cachedSize = {
-                elementSizes: __assign(__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
-                width: 240,
-                height: 240,
-            };
-        }
-        return cachedSize;
-    };
-})();
-function getTheme(dimens) {
-    var _a;
-    var baseColors = {
-        primary: getColorByToken(OBSERVABLE_TOKENS.PRIMARY),
-        bg: getColorByToken(OBSERVABLE_TOKENS.BG),
-        ringBg: getColorByToken(OBSERVABLE_TOKENS.RING_BG_INITIAL),
-        hover: {
-            inner: getColorByToken(OBSERVABLE_TOKENS.HOVER_INNER),
-            outer: getColorByToken(OBSERVABLE_TOKENS.HOVER_OUTER),
-        },
-    };
-    return _a = {},
-        _a[THEME_STATE.INITIAL] = {
-            colors: __assign(__assign({}, baseColors), { accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_INITIAL), selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_INITIAL) }),
-            dimens: dimens,
-        },
-        _a[THEME_STATE.SUCCESS] = {
-            colors: __assign(__assign({}, baseColors), { accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_SUCCESS), selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_SUCCESS) }),
-            dimens: dimens,
-        },
-        _a[THEME_STATE.FAILURE] = {
-            colors: __assign(__assign({}, baseColors), { accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_FAILURE), selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_FAILURE) }),
-            dimens: dimens,
-        },
-        _a;
-}
-function getPatternLockTestIds(dataTestId) {
-    return {
-        patternLock: dataTestId,
-        forgotCodeBtn: getDataTestId(dataTestId, 'forgot-code-btn'),
-        error: getDataTestId(dataTestId, 'error'),
-        message: getDataTestId(dataTestId, 'message'),
-    };
-}
-
-export { getColorByToken, getDefaultObserveTarget, getPatternLockTestIds, getSizes, getTheme };

package/pattern-lock-v1/hooks/use-pattern-lock-cleanup.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { TPatternLockInstance } from 'react-canvas-pattern-lock';
-declare const usePatternLockCleanup: (patternLockRef: React.MutableRefObject<TPatternLockInstance | null>) => {
-    clear: void;
-};
-export { usePatternLockCleanup };

package/pattern-lock-v1/hooks/use-pattern-lock-cleanup.js

@@ -1,16 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-var usePatternLockCleanup = function (patternLockRef) {
-    var clear = React.useMemo(function () {
-        if (patternLockRef.current) {
-            patternLockRef.current.setInitialState();
-        }
-    }, [patternLockRef]);
-    return {
-        clear: clear,
-    };
-};
-
-exports.usePatternLockCleanup = usePatternLockCleanup;

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

@@ -1,3 +0,0 @@
-export type { PatternLockProps } from "./typings";
-export * from "./Component.responsive";
-export { THEME_STATE } from "./consts";

package/pattern-lock-v1/index.js

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./Component.responsive.js');
-var consts = require('./consts.js');
-
-
-
-exports.PatternLockV1 = Component_responsive.PatternLockV1;
-exports.THEME_STATE = consts.THEME_STATE;

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

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

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

@@ -1,16 +0,0 @@
-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');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var styles = {"component":"pattern-lock-v1__component_engbr","forgotBtn":"pattern-lock-v1__forgotBtn_engbr"};
-require('./mobile.css');
-
-var PatternLockMobileV1 = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { ref: ref, styles: styles })); });
-
-exports.PatternLockMobileV1 = PatternLockMobileV1;

package/pattern-lock-v1/mobile/index.d.ts

@@ -1,2 +0,0 @@
-export { PatternLockMobileV1 } from "./Component.mobile";
-export type { CommonPatternLockProps as PatternLockMobileProps } from "../typings";

package/pattern-lock-v1/mobile/index.js

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

package/pattern-lock-v1/mobile/mobile.css

@@ -1,48 +0,0 @@
-/* hash: 48niu */
-: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 */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-    --gap-xs: 8px;
-    --gap-s: 12px;
-    --gap-l: 20px;
-    --gap-xl: 24px;
-    --gap-2xl: 32px;
-} :root {
-} :root {
-    --size-s-height: 48px;
-    --size-m-height: 56px;
-} :root {
-    --pattern-lock-v1-max-width: 500px;
-} .pattern-lock-v1__component_engbr {
-    max-width: var(--pattern-lock-v1-max-width);
-    margin: var(--gap-xs) 0 var(--gap-xl) 0;
-} .pattern-lock-v1__forgotBtn_engbr {
-    margin: var(--gap-xl) auto 0;
-} @media screen and (min-width: 360px) {
-    .pattern-lock-v1__forgotBtn_engbr {
-        margin-top: var(--gap-2xl);
-        min-height: var(--size-s-height);
-    }
-
-    .pattern-lock-v1__component_engbr {
-        margin-bottom: var(--gap-s);
-    }
-} @media screen and (min-width: 390px) {
-    .pattern-lock-v1__forgotBtn_engbr {
-        min-height: var(--size-m-height);
-    }
-
-    .pattern-lock-v1__component_engbr {
-        margin-bottom: var(--gap-l);
-    }
-}

package/pattern-lock-v1/mobile/package.json

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

package/pattern-lock-v1/modern/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/modern/Component.responsive.js

@@ -1,24 +0,0 @@
-import React, { forwardRef } from 'react';
-import { useMatchMedia } from '../../mq/modern';
-import { PatternLockDesktopV1 } from './desktop/Component.desktop.js';
-import { PatternLockMobileV1 } from './mobile/Component.mobile.js';
-import './components/base-pattern-lock/Component.js';
-import 'react-canvas-pattern-lock';
-import 'classnames';
-import '../../button/modern/mobile';
-import '../../shared/modern';
-import './consts.js';
-import './utils.js';
-
-/**
- * @deprecated
- * Использует PatternLock
- */
-const PatternLockV1 = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
-    const query = `(min-width: ${breakpoint}px)`;
-    const [isDesktop] = useMatchMedia(query);
-    const Component = isDesktop ? PatternLockDesktopV1 : PatternLockMobileV1;
-    return React.createElement(Component, { ref: ref, ...restProps });
-});
-
-export { PatternLockV1 };

package/pattern-lock-v1/modern/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/modern/components/base-pattern-lock/Component.js

@@ -1,54 +0,0 @@
-import React, { forwardRef, useState, useEffect } from 'react';
-import { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';
-import cn from 'classnames';
-import { ButtonMobile } from '../../../../button/modern/mobile';
-import { getDataTestId } from '../../../../shared/modern';
-import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from '../../consts.js';
-import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from '../../utils.js';
-
-const 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');
-
-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: getTheme(elementSizes),
-            width,
-            height,
-        });
-    }, []);
-    useEffect(() => {
-        let styleObserver = null;
-        if (observeTokens) {
-            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 () => styleObserver?.disconnect();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [observeTokens]);
-    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.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),
-            }) }))));
-});
-
-export { BasePatternLock };

package/pattern-lock-v1/modern/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/modern/components/base-pattern-lock/index.d.ts

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

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

@@ -1,8 +0,0 @@
-export { BasePatternLock } from './Component.js';
-import 'react';
-import 'react-canvas-pattern-lock';
-import 'classnames';
-import '../../../../button/modern/mobile';
-import '../../../../shared/modern';
-import '../../consts.js';
-import '../../utils.js';

package/pattern-lock-v1/modern/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/modern/consts.js

@@ -1,27 +0,0 @@
-const OBSERVE_OPTIONS = {
-    childList: true,
-    attributes: false,
-    characterData: false,
-    subtree: true,
-};
-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',
-    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',
-};
-const THEME_STATE = {
-    INITIAL: 'initial',
-    SUCCESS: 'success',
-    FAILURE: 'failure',
-};
-
-export { DEFAULT_EXTRA_BOUNDS, OBSERVABLE_TOKENS, OBSERVE_OPTIONS, THEME_STATE };

package/pattern-lock-v1/modern/desktop/Component.desktop.d.ts

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

package/pattern-lock-v1/modern/desktop/Component.desktop.js

@@ -1,15 +0,0 @@
-import React, { forwardRef } from 'react';
-import { BasePatternLock } from '../components/base-pattern-lock/Component.js';
-import 'react-canvas-pattern-lock';
-import 'classnames';
-import '../../../button/modern/mobile';
-import '../../../shared/modern';
-import '../consts.js';
-import '../utils.js';
-
-const styles = {"component":"pattern-lock-v1__component_3nt16","forgotBtn":"pattern-lock-v1__forgotBtn_3nt16","hiddenBtn":"pattern-lock-v1__hiddenBtn_3nt16"};
-require('./desktop.css');
-
-const PatternLockDesktopV1 = forwardRef((restProps, ref) => React.createElement(BasePatternLock, { ...restProps, hover: true, ref: ref, styles: styles }));
-
-export { PatternLockDesktopV1 };

package/pattern-lock-v1/modern/desktop/desktop.css

@@ -1,28 +0,0 @@
-/* hash: 1fdcn */
-: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 */
-} :root {
-} :root {
-
-    /* Hard */
-
-    /* Up */
-
-    /* Hard up */
-} :root {
-} :root {
-    --gap-xs: 8px;
-    --gap-xl: 24px;
-} :root {
-} :root {
-} :root {
-    --pattern-lock-v1-desktop-max-width: 240px;
-} .pattern-lock-v1__component_3nt16 {
-    max-width: var(--pattern-lock-v1-desktop-max-width);
-    margin: var(--gap-xs) 0 var(--gap-xl) 0;
-} .pattern-lock-v1__forgotBtn_3nt16 {
-    margin: var(--gap-xl) auto 0;
-} .pattern-lock-v1__hiddenBtn_3nt16 {
-    display: none;
-}

package/pattern-lock-v1/modern/desktop/index.d.ts

@@ -1,2 +0,0 @@
-export { PatternLockDesktopV1 } from "./Component.desktop";
-export type { CommonPatternLockProps as PatternLockDesktopProps } from "../typings";

package/pattern-lock-v1/modern/desktop/index.js

@@ -1,9 +0,0 @@
-export { PatternLockDesktopV1 } from './Component.desktop.js';
-import 'react';
-import '../components/base-pattern-lock/Component.js';
-import 'react-canvas-pattern-lock';
-import 'classnames';
-import '../../../button/modern/mobile';
-import '../../../shared/modern';
-import '../consts.js';
-import '../utils.js';

package/pattern-lock-v1/modern/hooks/use-pattern-lock-cleanup.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { TPatternLockInstance } from 'react-canvas-pattern-lock';
-declare const usePatternLockCleanup: (patternLockRef: React.MutableRefObject<TPatternLockInstance | null>) => {
-    clear: void;
-};
-export { usePatternLockCleanup };

package/pattern-lock-v1/modern/hooks/use-pattern-lock-cleanup.js

@@ -1,14 +0,0 @@
-import { useMemo } from 'react';
-
-const usePatternLockCleanup = (patternLockRef) => {
-    const clear = useMemo(() => {
-        if (patternLockRef.current) {
-            patternLockRef.current.setInitialState();
-        }
-    }, [patternLockRef]);
-    return {
-        clear,
-    };
-};
-
-export { usePatternLockCleanup };

package/pattern-lock-v1/modern/index.d.ts

@@ -1,3 +0,0 @@
-export type { PatternLockProps } from "./typings";
-export * from "./Component.responsive";
-export { THEME_STATE } from "./consts";

package/pattern-lock-v1/modern/index.js

@@ -1,12 +0,0 @@
-export { PatternLockV1 } from './Component.responsive.js';
-export { THEME_STATE } from './consts.js';
-import 'react';
-import '../../mq/modern';
-import './desktop/Component.desktop.js';
-import './components/base-pattern-lock/Component.js';
-import 'react-canvas-pattern-lock';
-import 'classnames';
-import '../../button/modern/mobile';
-import '../../shared/modern';
-import './utils.js';
-import './mobile/Component.mobile.js';

package/pattern-lock-v1/modern/mobile/Component.mobile.d.ts

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

package/pattern-lock-v1/modern/mobile/Component.mobile.js

@@ -1,15 +0,0 @@
-import React, { forwardRef } from 'react';
-import { BasePatternLock } from '../components/base-pattern-lock/Component.js';
-import 'react-canvas-pattern-lock';
-import 'classnames';
-import '../../../button/modern/mobile';
-import '../../../shared/modern';
-import '../consts.js';
-import '../utils.js';
-
-const styles = {"component":"pattern-lock-v1__component_engbr","forgotBtn":"pattern-lock-v1__forgotBtn_engbr"};
-require('./mobile.css');
-
-const PatternLockMobileV1 = forwardRef((restProps, ref) => React.createElement(BasePatternLock, { ...restProps, ref: ref, styles: styles }));
-
-export { PatternLockMobileV1 };

package/pattern-lock-v1/modern/mobile/index.d.ts

@@ -1,2 +0,0 @@
-export { PatternLockMobileV1 } from "./Component.mobile";
-export type { CommonPatternLockProps as PatternLockMobileProps } from "../typings";

package/pattern-lock-v1/modern/mobile/index.js

@@ -1,9 +0,0 @@
-export { PatternLockMobileV1 } from './Component.mobile.js';
-import 'react';
-import '../components/base-pattern-lock/Component.js';
-import 'react-canvas-pattern-lock';
-import 'classnames';
-import '../../../button/modern/mobile';
-import '../../../shared/modern';
-import '../consts.js';
-import '../utils.js';