@alfalab/core-components-pattern-lock-v1 2.0.0 → 2.1.0-snapshot-92b8690

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

@@ -9,12 +9,12 @@
     --gap-40: var(--gap-3xl);
 } :root {
     --size-xs-height: 40px;
-} .pattern-lock-v1__component_zt2rf canvas {
+} .pattern-lock-v1__component_8x5er canvas {
         display: block;
         margin: var(--gap-0) auto;
-    } .pattern-lock-v1__hidden_zt2rf {
+    } .pattern-lock-v1__hidden_8x5er {
     visibility: hidden;
-} .pattern-lock-v1__message_zt2rf {
+} .pattern-lock-v1__message_8x5er {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -26,9 +26,9 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     color: var(--color-light-text-primary);
-} .pattern-lock-v1__error_zt2rf {
+} .pattern-lock-v1__error_8x5er {
     color: var(--color-light-text-negative);
-} .pattern-lock-v1__forgotBtn_zt2rf {
+} .pattern-lock-v1__forgotBtn_8x5er {
     display: block;
     min-height: var(--size-xs-height);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var commonStyles = {"component":"pattern-lock-v1__component_zt2rf","hidden":"pattern-lock-v1__hidden_zt2rf","message":"pattern-lock-v1__message_zt2rf","error":"pattern-lock-v1__error_zt2rf","forgotBtn":"pattern-lock-v1__forgotBtn_zt2rf"};
+var commonStyles = {"component":"pattern-lock-v1__component_8x5er","hidden":"pattern-lock-v1__hidden_8x5er","message":"pattern-lock-v1__message_8x5er","error":"pattern-lock-v1__error_8x5er","forgotBtn":"pattern-lock-v1__forgotBtn_8x5er"};
 
 module.exports = commonStyles;
 //# sourceMappingURL=index.module.css.js.map

package/components/base-pattern-lock/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-pattern-lock/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.component {\n    & canvas {\n        display: block;\n        margin: var(--gap-0) auto;\n    }\n}\n\n.hidden {\n    visibility: hidden;\n}\n\n.message {\n    @mixin paragraph_primary_medium;\n\n    text-align: center;\n    padding: var(--gap-0) var(--gap-16) var(--gap-40);\n    min-height: 24px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--color-light-text-primary);\n}\n\n.error {\n    color: var(--color-light-text-negative);\n}\n\n.forgotBtn {\n    display: block;\n    min-height: var(--size-xs-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,OAAO,CAAC,8BAA8B,CAAC,WAAW,CAAC,kCAAkC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-pattern-lock/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.component {\n    & canvas {\n        display: block;\n        margin: var(--gap-0) auto;\n    }\n}\n\n.hidden {\n    visibility: hidden;\n}\n\n.message {\n    @mixin paragraph_primary_medium;\n\n    text-align: center;\n    padding: var(--gap-0) var(--gap-16) var(--gap-40);\n    min-height: 24px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--color-light-text-primary);\n}\n\n.error {\n    color: var(--color-light-text-negative);\n}\n\n.forgotBtn {\n    display: block;\n    min-height: var(--size-xs-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,OAAO,CAAC,8BAA8B,CAAC,WAAW,CAAC,kCAAkC,CAAC;;;;"}

package/desktop/desktop.css

@@ -6,11 +6,11 @@
     --gap-24: var(--gap-xl);
 } :root {
     --pattern-lock-v1-desktop-max-width: 240px;
-} .pattern-lock-v1__component_eoryd {
+} .pattern-lock-v1__component_cxd4z {
     max-width: var(--pattern-lock-v1-desktop-max-width);
     margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);
-} .pattern-lock-v1__forgotBtn_eoryd {
+} .pattern-lock-v1__forgotBtn_cxd4z {
     margin: var(--gap-24) auto var(--gap-0);
-} .pattern-lock-v1__hiddenBtn_eoryd {
+} .pattern-lock-v1__hiddenBtn_cxd4z {
     display: none;
 }

package/desktop/desktop.module.css.js

@@ -2,7 +2,7 @@
 
 require('./desktop.css');
 
-var styles = {"component":"pattern-lock-v1__component_eoryd","forgotBtn":"pattern-lock-v1__forgotBtn_eoryd","hiddenBtn":"pattern-lock-v1__hiddenBtn_eoryd"};
+var styles = {"component":"pattern-lock-v1__component_cxd4z","forgotBtn":"pattern-lock-v1__forgotBtn_cxd4z","hiddenBtn":"pattern-lock-v1__hiddenBtn_cxd4z"};
 
 module.exports = styles;
 //# sourceMappingURL=desktop.module.css.js.map

package/desktop/desktop.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"desktop.module.css.js","sources":["../src/desktop/desktop.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../vars.css';\n\n.component {\n    max-width: var(--pattern-lock-v1-desktop-max-width);\n    margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);\n}\n\n.forgotBtn {\n    margin: var(--gap-24) auto var(--gap-0);\n}\n\n.hiddenBtn {\n    display: none;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,WAAW,CAAC,kCAAkC,CAAC,WAAW,CAAC,kCAAkC,CAAC;;;;"}
+{"version":3,"file":"desktop.module.css.js","sources":["../src/desktop/desktop.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../vars.css';\n\n.component {\n    max-width: var(--pattern-lock-v1-desktop-max-width);\n    margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);\n}\n\n.forgotBtn {\n    margin: var(--gap-24) auto var(--gap-0);\n}\n\n.hiddenBtn {\n    display: none;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,WAAW,CAAC,kCAAkC,CAAC,WAAW,CAAC,kCAAkC,CAAC;;;;"}

package/dynamic-mixins/Component.responsive.d.ts

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

package/dynamic-mixins/Component.responsive.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var dynamicMixins = require('@alfalab/core-components-mq/dynamic-mixins');
+var Component_desktop = require('./desktop/Component.desktop.js');
+var 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) {
+    _a.breakpoint; var restProps = tslib.__rest(_a, ["breakpoint"]);
+    var isDesktop = dynamicMixins.useIsDesktop();
+    var Component = isDesktop ? Component_desktop.PatternLockDesktopV1 : Component_mobile.PatternLockMobileV1;
+    return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
+});
+
+exports.PatternLockV1 = PatternLockV1;
+//# sourceMappingURL=Component.responsive.js.map

package/dynamic-mixins/Component.responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TPatternLockInstance } from 'react-canvas-pattern-lock';\n\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { PatternLockDesktopV1 } from './desktop';\nimport { PatternLockMobileV1 } from './mobile';\nimport { PatternLockProps } from './typings';\n\n/**\n * @deprecated\n * Использует PatternLock\n */\nexport const PatternLockV1 = forwardRef<TPatternLockInstance, PatternLockProps>(\n    ({ breakpoint, ...restProps }, ref) => {\n        const isDesktop = useIsDesktop();\n\n        const Component = isDesktop ? PatternLockDesktopV1 : PatternLockMobileV1;\n\n        return <Component ref={ref} {...restProps} />;\n    },\n);\n"],"names":["forwardRef","__rest","useIsDesktop","PatternLockDesktopV1","PatternLockMobileV1","React","__assign"],"mappings":";;;;;;;;;;;;;;AASA;;;AAGG;IACU,aAAa,GAAGA,gBAAU,CACnC,UAAC,EAA4B,EAAE,GAAG,EAAA;AAA/B,IAAU,EAAA,CAAA,UAAA,CAAA,KAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAA1B,cAA4B;AACzB,IAAA,IAAM,SAAS,GAAGC,0BAAY,EAAE;IAEhC,IAAM,SAAS,GAAG,SAAS,GAAGC,sCAAoB,GAAGC,oCAAmB;IAExE,OAAOC,sBAAA,CAAA,aAAA,CAAC,SAAS,EAACC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,SAAS,CAAA,CAAI;AACjD,CAAC;;;;"}

package/dynamic-mixins/components/base-pattern-lock/Component.d.ts

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

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

@@ -0,0 +1,67 @@
+'use strict';
+
+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('@alfalab/core-components-button/dynamic-mixins/mobile');
+var dynamicMixins = require('@alfalab/core-components-shared/dynamic-mixins');
+var consts = require('../../consts.js');
+var utils = require('../../utils.js');
+var index_module = require('./index.module.css.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 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(index_module.message, messageClassName), "data-test-id": dynamicMixins.getDataTestId(dataTestId, 'message') }, message)); };
+    var renderError = function () { return (React__default.default.createElement("div", { className: cn__default.default(index_module.message, index_module.error, messageClassName), "data-test-id": dynamicMixins.getDataTestId(dataTestId, 'error') }, error)); };
+    return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, styles.component, className, (_b = {},
+            _b[index_module.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(index_module.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: dynamicMixins.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText)) : (React__default.default.createElement("div", { className: cn__default.default(index_module.forgotBtn, styles.forgotBtn, (_c = {},
+                _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
+                _c)) }))));
+});
+
+exports.BasePatternLock = BasePatternLock;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/components/base-pattern-lock/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../../../src/components/base-pattern-lock/Component.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useState } from 'react';\nimport type { Theme, TPatternLockInstance } from 'react-canvas-pattern-lock';\nimport { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';\nimport cn from 'classnames';\n\nimport { ButtonMobile } from '@alfalab/core-components-button/mobile';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport {\n    DEFAULT_EXTRA_BOUNDS,\n    OBSERVABLE_TOKENS,\n    OBSERVE_OPTIONS,\n    THEME_STATE,\n} from '../../consts';\nimport type { CommonPatternLockProps, PrivatePatternLockProps } from '../../typings';\nimport { getColorByToken, getDefaultObserveTarget, getSizes, getTheme } from '../../utils';\n\nimport commonStyles from './index.module.css';\n\nexport const BasePatternLock = forwardRef<\n    TPatternLockInstance,\n    CommonPatternLockProps & PrivatePatternLockProps\n>(\n    (\n        {\n            observeTokens = false,\n            observerParams = {},\n            justifyNodes = 'space-between',\n            className,\n            error,\n            dataTestId,\n            forgotCodeBtnText = 'Забыли код?',\n            showForgotCodeBtn = false,\n            onForgotBtnClick,\n            extraBounds = DEFAULT_EXTRA_BOUNDS,\n            message,\n            messageClassName,\n            hover,\n            styles = {},\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [params, setParams] = useState<\n            { theme: Theme; width: number; height: number } | undefined\n        >();\n\n        useEffect(() => {\n            const { elementSizes, width, height } = getSizes();\n\n            setParams({\n                theme: getTheme(elementSizes),\n                width,\n                height,\n            });\n        }, []);\n\n        useEffect(() => {\n            let styleObserver: MutationObserver | null = null;\n\n            if (observeTokens) {\n                const { options = OBSERVE_OPTIONS, getTarget = getDefaultObserveTarget } =\n                    observerParams;\n\n                styleObserver = new MutationObserver(() =>\n                    setParams((prevState) => {\n                        const { width, height, elementSizes } = getSizes();\n\n                        if (!prevState) {\n                            return { theme: getTheme(elementSizes), width, height };\n                        }\n\n                        const prevBgColor = prevState.theme[THEME_STATE.INITIAL].colors.bg;\n                        const themeChanged = prevBgColor !== getColorByToken(OBSERVABLE_TOKENS.BG);\n\n                        if (themeChanged) return { ...prevState, theme: getTheme(elementSizes) };\n\n                        return prevState;\n                    }),\n                );\n\n                styleObserver.observe(getTarget(), options);\n            }\n\n            return () => styleObserver?.disconnect();\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [observeTokens]);\n\n        const renderMessage = () => (\n            <div\n                className={cn(commonStyles.message, messageClassName)}\n                data-test-id={getDataTestId(dataTestId, 'message')}\n            >\n                {message}\n            </div>\n        );\n\n        const renderError = () => (\n            <div\n                className={cn(commonStyles.message, commonStyles.error, messageClassName)}\n                data-test-id={getDataTestId(dataTestId, 'error')}\n            >\n                {error}\n            </div>\n        );\n\n        return (\n            <div\n                className={cn(commonStyles.component, styles.component, className, {\n                    [commonStyles.hidden]: !params,\n                })}\n                data-test-id={dataTestId}\n            >\n                {error ? renderError() : renderMessage()}\n\n                <ReactCanvasPatternLock\n                    {...restProps}\n                    {...params}\n                    ref={ref}\n                    rows={3}\n                    cols={3}\n                    justifyNodes={justifyNodes}\n                    extraBounds={extraBounds}\n                    hover={hover}\n                />\n\n                {showForgotCodeBtn ? (\n                    <ButtonMobile\n                        view='transparent'\n                        className={cn(commonStyles.forgotBtn, styles.forgotBtn)}\n                        onClick={onForgotBtnClick}\n                        dataTestId={getDataTestId(dataTestId, 'forgot-code-btn')}\n                    >\n                        {forgotCodeBtnText}\n                    </ButtonMobile>\n                ) : (\n                    <div\n                        className={cn(commonStyles.forgotBtn, styles.forgotBtn, {\n                            [styles.hiddenBtn]: Boolean(styles.hiddenBtn),\n                        })}\n                    />\n                )}\n            </div>\n        );\n    },\n);\n"],"names":["forwardRef","DEFAULT_EXTRA_BOUNDS","__rest","useState","useEffect","getSizes","getTheme","OBSERVE_OPTIONS","getDefaultObserveTarget","THEME_STATE","getColorByToken","OBSERVABLE_TOKENS","__assign","React","cn","commonStyles","getDataTestId","ReactCanvasPatternLock","ButtonMobile"],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+:root {
+    --color-light-text-negative: #ec2d20;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+} :root {
+    --gap-m: 16px;
+    --gap-3xl: 40px;
+    --gap-0: 0px;
+    --gap-16: var(--gap-m);
+    --gap-40: var(--gap-3xl);
+} :root {
+    --size-xs-height: 40px;
+} .pattern-lock-v1__component_8x5er canvas {
+        display: block;
+        margin: var(--gap-0) auto;
+    } .pattern-lock-v1__hidden_8x5er {
+    visibility: hidden;
+} .pattern-lock-v1__message_8x5er {
+    @mixin paragraph_primary_medium;
+
+    text-align: center;
+    padding: var(--gap-0) var(--gap-16) var(--gap-40);
+    min-height: 24px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--color-light-text-primary);
+} .pattern-lock-v1__error_8x5er {
+    color: var(--color-light-text-negative);
+} .pattern-lock-v1__forgotBtn_8x5er {
+    display: block;
+    min-height: var(--size-xs-height);
+}

package/dynamic-mixins/components/base-pattern-lock/index.d.ts

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

package/dynamic-mixins/components/base-pattern-lock/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.BasePatternLock = Component.BasePatternLock;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/base-pattern-lock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/components/base-pattern-lock/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var commonStyles = {"component":"pattern-lock-v1__component_8x5er","hidden":"pattern-lock-v1__hidden_8x5er","message":"pattern-lock-v1__message_8x5er","error":"pattern-lock-v1__error_8x5er","forgotBtn":"pattern-lock-v1__forgotBtn_8x5er"};
+
+module.exports = commonStyles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/base-pattern-lock/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/base-pattern-lock/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../../vars.css';\n\n.component {\n    & canvas {\n        display: block;\n        margin: var(--gap-0) auto;\n    }\n}\n\n.hidden {\n    visibility: hidden;\n}\n\n.message {\n    @mixin paragraph_primary_medium;\n\n    text-align: center;\n    padding: var(--gap-0) var(--gap-16) var(--gap-40);\n    min-height: 24px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--color-light-text-primary);\n}\n\n.error {\n    color: var(--color-light-text-negative);\n}\n\n.forgotBtn {\n    display: block;\n    min-height: var(--size-xs-height);\n}\n"],"names":[],"mappings":";;;;AAEgB,mBAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,QAAQ,CAAC,+BAA+B,CAAC,SAAS,CAAC,gCAAgC,CAAC,OAAO,CAAC,8BAA8B,CAAC,WAAW,CAAC,kCAAkC,CAAC;;;;"}

package/dynamic-mixins/consts.d.ts

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

package/dynamic-mixins/consts.js

@@ -0,0 +1,35 @@
+'use strict';
+
+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-neutral-0-inverted',
+    ACCENT_SUCCESS: '--color-light-status-positive',
+    ACCENT_FAILURE: '--color-light-status-negative',
+    PRIMARY: '--color-light-neutral-500',
+    BG: '--color-light-base-bg-primary',
+    RING_BG_INITIAL: '--color-light-neutral-translucent-200',
+    SELECTED_RING_BG_INITIAL: '--color-light-neutral-translucent-300',
+    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;
+//# sourceMappingURL=consts.js.map

package/dynamic-mixins/consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.js","sources":["../src/consts.ts"],"sourcesContent":["import type { ReactPatternLockProps } from 'react-canvas-pattern-lock';\n\nimport type { ObservableTokens } from './typings';\n\nexport const OBSERVE_OPTIONS: MutationObserverInit = {\n    childList: true,\n    attributes: false,\n    characterData: false,\n    subtree: true,\n};\n\nexport const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'] = [75, 50, 75, 50];\n\nexport const OBSERVABLE_TOKENS: ObservableTokens = {\n    ACCENT_INITIAL: '--color-light-neutral-0-inverted',\n    ACCENT_SUCCESS: '--color-light-status-positive',\n    ACCENT_FAILURE: '--color-light-status-negative',\n    PRIMARY: '--color-light-neutral-500',\n    BG: '--color-light-base-bg-primary',\n    RING_BG_INITIAL: '--color-light-neutral-translucent-200',\n    SELECTED_RING_BG_INITIAL: '--color-light-neutral-translucent-300',\n    SELECTED_RING_BG_SUCCESS: '--color-light-status-muted-positive',\n    SELECTED_RING_BG_FAILURE: '--color-light-status-muted-negative',\n    HOVER_INNER: '--color-light-neutral-500-hover',\n    HOVER_OUTER: '--color-light-neutral-translucent-200-hover',\n};\n\nexport const THEME_STATE = {\n    INITIAL: 'initial',\n    SUCCESS: 'success',\n    FAILURE: 'failure',\n};\n"],"names":[],"mappings":";;;;AAIa,IAAA,eAAe,GAAyB;AACjD,IAAA,SAAS,EAAE,IAAI;AACf,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,aAAa,EAAE,KAAK;AACpB,IAAA,OAAO,EAAE,IAAI;;AAGV,IAAM,oBAAoB,GAAyC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE;AAE5E,IAAA,iBAAiB,GAAqB;AAC/C,IAAA,cAAc,EAAE,kCAAkC;AAClD,IAAA,cAAc,EAAE,+BAA+B;AAC/C,IAAA,cAAc,EAAE,+BAA+B;AAC/C,IAAA,OAAO,EAAE,2BAA2B;AACpC,IAAA,EAAE,EAAE,+BAA+B;AACnC,IAAA,eAAe,EAAE,uCAAuC;AACxD,IAAA,wBAAwB,EAAE,uCAAuC;AACjE,IAAA,wBAAwB,EAAE,qCAAqC;AAC/D,IAAA,wBAAwB,EAAE,qCAAqC;AAC/D,IAAA,WAAW,EAAE,iCAAiC;AAC9C,IAAA,WAAW,EAAE,6CAA6C;;AAGjD,IAAA,WAAW,GAAG;AACvB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;;;;;;;;"}

package/dynamic-mixins/desktop/Component.desktop.d.ts

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

package/dynamic-mixins/desktop/Component.desktop.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('../components/base-pattern-lock/Component.js');
+var desktop_module = require('./desktop.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var PatternLockDesktopV1 = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(Component.BasePatternLock, tslib.__assign({}, restProps, { hover: true, ref: ref, styles: desktop_module })); });
+
+exports.PatternLockDesktopV1 = PatternLockDesktopV1;
+//# sourceMappingURL=Component.desktop.js.map

package/dynamic-mixins/desktop/Component.desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TPatternLockInstance } from 'react-canvas-pattern-lock';\n\nimport { BasePatternLock } from '../components/base-pattern-lock';\nimport { CommonPatternLockProps } from '../typings';\n\nimport styles from './desktop.module.css';\n\nexport const PatternLockDesktopV1 = forwardRef<TPatternLockInstance, CommonPatternLockProps>(\n    (restProps, ref) => <BasePatternLock {...restProps} hover={true} ref={ref} styles={styles} />,\n);\n"],"names":["forwardRef","React","BasePatternLock","__assign","styles"],"mappings":";;;;;;;;;;;;;AAQO,IAAM,oBAAoB,GAAGA,gBAAU,CAC1C,UAAC,SAAS,EAAE,GAAG,EAAA,EAAK,OAAAC,sBAAA,CAAA,aAAA,CAACC,yBAAe,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAE,EAAA,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAEC,cAAM,EAAA,CAAA,CAAI,CAAzE,EAAyE;;;;"}

package/dynamic-mixins/desktop/desktop.css

@@ -0,0 +1,16 @@
+:root {
+    --gap-xs: 8px;
+    --gap-xl: 24px;
+    --gap-0: 0px;
+    --gap-8: var(--gap-xs);
+    --gap-24: var(--gap-xl);
+} :root {
+    --pattern-lock-v1-desktop-max-width: 240px;
+} .pattern-lock-v1__component_cxd4z {
+    max-width: var(--pattern-lock-v1-desktop-max-width);
+    margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);
+} .pattern-lock-v1__forgotBtn_cxd4z {
+    margin: var(--gap-24) auto var(--gap-0);
+} .pattern-lock-v1__hiddenBtn_cxd4z {
+    display: none;
+}

package/dynamic-mixins/desktop/desktop.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./desktop.css');
+
+var styles = {"component":"pattern-lock-v1__component_cxd4z","forgotBtn":"pattern-lock-v1__forgotBtn_cxd4z","hiddenBtn":"pattern-lock-v1__hiddenBtn_cxd4z"};
+
+module.exports = styles;
+//# sourceMappingURL=desktop.module.css.js.map

package/dynamic-mixins/desktop/desktop.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktop.module.css.js","sources":["../src/desktop/desktop.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../vars.css';\n\n.component {\n    max-width: var(--pattern-lock-v1-desktop-max-width);\n    margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);\n}\n\n.forgotBtn {\n    margin: var(--gap-24) auto var(--gap-0);\n}\n\n.hiddenBtn {\n    display: none;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,WAAW,CAAC,kCAAkC,CAAC,WAAW,CAAC,kCAAkC,CAAC;;;;"}

package/dynamic-mixins/desktop/index.d.ts

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

package/dynamic-mixins/desktop/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_desktop = require('./Component.desktop.js');
+
+
+
+exports.PatternLockDesktopV1 = Component_desktop.PatternLockDesktopV1;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/desktop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/hooks/use-pattern-lock-cleanup.d.ts

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

package/dynamic-mixins/hooks/use-pattern-lock-cleanup.js

@@ -0,0 +1,19 @@
+'use strict';
+
+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;
+//# sourceMappingURL=use-pattern-lock-cleanup.js.map

package/dynamic-mixins/hooks/use-pattern-lock-cleanup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pattern-lock-cleanup.js","sources":["../../src/hooks/use-pattern-lock-cleanup.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TPatternLockInstance } from 'react-canvas-pattern-lock';\n\nexport const usePatternLockCleanup = (\n    patternLockRef: React.MutableRefObject<TPatternLockInstance | null>,\n) => {\n    const clear = useMemo(() => {\n        if (patternLockRef.current) {\n            patternLockRef.current.setInitialState();\n        }\n    }, [patternLockRef]);\n\n    return {\n        clear,\n    };\n};\n"],"names":["useMemo"],"mappings":";;;;;;AAGO,IAAM,qBAAqB,GAAG,UACjC,cAAmE,EAAA;IAEnE,IAAM,KAAK,GAAGA,aAAO,CAAC,YAAA;QAClB,IAAI,cAAc,CAAC,OAAO,EAAE;AACxB,YAAA,cAAc,CAAC,OAAO,CAAC,eAAe,EAAE;AAC3C;AACL,KAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAEpB,OAAO;AACH,QAAA,KAAK,EAAA,KAAA;KACR;AACL;;;;"}

package/dynamic-mixins/index.d.ts

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

package/dynamic-mixins/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+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;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dynamic-mixins/mobile/Component.mobile.d.ts

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

package/dynamic-mixins/mobile/Component.mobile.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('../components/base-pattern-lock/Component.js');
+var mobile_module = require('./mobile.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var PatternLockMobileV1 = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(Component.BasePatternLock, tslib.__assign({}, restProps, { ref: ref, styles: mobile_module })); });
+
+exports.PatternLockMobileV1 = PatternLockMobileV1;
+//# sourceMappingURL=Component.mobile.js.map

package/dynamic-mixins/mobile/Component.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.mobile.js","sources":["../../src/mobile/Component.mobile.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { TPatternLockInstance } from 'react-canvas-pattern-lock';\n\nimport { BasePatternLock } from '../components/base-pattern-lock';\nimport { CommonPatternLockProps } from '../typings';\n\nimport styles from './mobile.module.css';\n\nexport const PatternLockMobileV1 = forwardRef<TPatternLockInstance, CommonPatternLockProps>(\n    (restProps, ref) => <BasePatternLock {...restProps} ref={ref} styles={styles} />,\n);\n"],"names":["forwardRef","React","BasePatternLock","__assign","styles"],"mappings":";;;;;;;;;;;;;AAQO,IAAM,mBAAmB,GAAGA,gBAAU,CACzC,UAAC,SAAS,EAAE,GAAG,EAAK,EAAA,OAAAC,sBAAC,CAAA,aAAA,CAAAC,yBAAe,EAAKC,cAAA,CAAA,EAAA,EAAA,SAAS,EAAE,EAAA,GAAG,EAAE,GAAG,EAAE,MAAM,EAAEC,aAAM,EAAI,CAAA,CAAA,CAAA,EAAA;;;;"}

package/dynamic-mixins/mobile/index.d.ts

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

package/dynamic-mixins/mobile/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component_mobile = require('./Component.mobile.js');
+
+
+
+exports.PatternLockMobileV1 = Component_mobile.PatternLockMobileV1;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/mobile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dynamic-mixins/mobile/mobile.css

@@ -0,0 +1,40 @@
+:root {
+    --gap-xs: 8px;
+    --gap-s: 12px;
+    --gap-l: 20px;
+    --gap-xl: 24px;
+    --gap-2xl: 32px;
+    --gap-0: 0px;
+    --gap-8: var(--gap-xs);
+    --gap-12: var(--gap-s);
+    --gap-20: var(--gap-l);
+    --gap-24: var(--gap-xl);
+    --gap-32: var(--gap-2xl);
+} :root {
+    --size-s-height: 48px;
+    --size-m-height: 56px;
+} :root {
+    --pattern-lock-v1-max-width: 500px;
+} .pattern-lock-v1__component_916tb {
+    max-width: var(--pattern-lock-v1-max-width);
+    margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);
+} .pattern-lock-v1__forgotBtn_916tb {
+    margin: var(--gap-24) auto var(--gap-0);
+} @media screen and (min-width: 360px) {
+    .pattern-lock-v1__forgotBtn_916tb {
+        margin-top: var(--gap-32);
+        min-height: var(--size-s-height);
+    }
+
+    .pattern-lock-v1__component_916tb {
+        margin-bottom: var(--gap-12);
+    }
+} @media screen and (min-width: 390px) {
+    .pattern-lock-v1__forgotBtn_916tb {
+        min-height: var(--size-m-height);
+    }
+
+    .pattern-lock-v1__component_916tb {
+        margin-bottom: var(--gap-20);
+    }
+}

package/dynamic-mixins/mobile/mobile.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./mobile.css');
+
+var styles = {"component":"pattern-lock-v1__component_916tb","forgotBtn":"pattern-lock-v1__forgotBtn_916tb"};
+
+module.exports = styles;
+//# sourceMappingURL=mobile.module.css.js.map

package/dynamic-mixins/mobile/mobile.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile.module.css.js","sources":["../src/mobile/mobile.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-dynamic-mixins-index.css';\n@import '../vars.css';\n\n.component {\n    max-width: var(--pattern-lock-v1-max-width);\n    margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);\n}\n\n.forgotBtn {\n    margin: var(--gap-24) auto var(--gap-0);\n}\n\n@media screen and (min-width: 360px) {\n    .forgotBtn {\n        margin-top: var(--gap-32);\n        min-height: var(--size-s-height);\n    }\n\n    .component {\n        margin-bottom: var(--gap-12);\n    }\n}\n\n@media screen and (min-width: 390px) {\n    .forgotBtn {\n        min-height: var(--size-m-height);\n    }\n\n    .component {\n        margin-bottom: var(--gap-20);\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,WAAW,CAAC,kCAAkC,CAAC;;;;"}

package/dynamic-mixins/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { getPatternLockTestIds } from '../utils';
+export { usePatternLockCleanup } from '../hooks/use-pattern-lock-cleanup';

package/dynamic-mixins/shared/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+var usePatternLockCleanup = require('../hooks/use-pattern-lock-cleanup.js');
+
+
+
+exports.getPatternLockTestIds = utils.getPatternLockTestIds;
+exports.usePatternLockCleanup = usePatternLockCleanup.usePatternLockCleanup;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}