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

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

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

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

@@ -1,5 +0,0 @@
-export { getPatternLockTestIds } from '../utils.js';
-export { usePatternLockCleanup } from '../hooks/use-pattern-lock-cleanup.js';
-import '../../../shared/modern';
-import '../consts.js';
-import 'react';

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

@@ -1,91 +0,0 @@
-import { MouseEvent, ReactNode } from 'react';
-import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
-type ConditionalProps = {
-    /**
-     * Показать кнопку "забыли код"
-     * @default "Забыли код?"
-     */
-    showForgotCodeBtn: true;
-    /**
-     * Текст кнопки "забыли код"
-     * @default "Забыли код?"
-     */
-    forgotCodeBtnText?: string;
-    /**
-     * Коллбэк, вызываемый при клике на кнопку "Забыли код"
-     */
-    onForgotBtnClick: (event: MouseEvent<HTMLButtonElement>) => void;
-} | {
-    showForgotCodeBtn?: false;
-    onForgotBtnClick?: never;
-    forgotCodeBtnText?: never;
-};
-type CommonPatternLockProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Сообщение об ошибке
-     */
-    error?: ReactNode;
-    /**
-     * Сообщение над графическим ключом
-     */
-    message?: ReactNode;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для сообщения используется модификатор -message, ошибки -error,
-     * кнопки "забыли код" -forgot-code-btn
-     */
-    dataTestId?: string;
-    /**
-     * Следить ли за изменениями значений цветовых токенов
-     * @default false
-     */
-    observeTokens?: boolean;
-    /**
-     * Параметры MutationObserver для наблюдения за изменениями режима(css custom properties)
-     */
-    observerParams?: {
-        getTarget?: () => Node;
-        options?: MutationObserverInit;
-    };
-    /**
-     * Дополнительный класс для message/errorMessage
-     */
-    messageClassName?: string;
-} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols' | 'hover'> & ConditionalProps;
-type PrivatePatternLockProps = {
-    /**
-     * Включает ховер-эффект
-     */
-    hover?: boolean;
-    /**
-     * Стили компонента
-     */
-    styles: {
-        [key: string]: string;
-    };
-};
-type PatternLockProps = CommonPatternLockProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type ObservableTokens = {
-    ACCENT_INITIAL: string;
-    ACCENT_SUCCESS: string;
-    ACCENT_FAILURE: string;
-    RING_BG_INITIAL: string;
-    SELECTED_RING_BG_INITIAL: string;
-    SELECTED_RING_BG_SUCCESS: string;
-    SELECTED_RING_BG_FAILURE: string;
-    PRIMARY: string;
-    BG: string;
-    HOVER_INNER: string;
-    HOVER_OUTER: string;
-};
-export { CommonPatternLockProps, PrivatePatternLockProps, PatternLockProps, ObservableTokens };

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

@@ -1 +0,0 @@
-

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

@@ -1,16 +0,0 @@
-import { Theme, ThemeParams } from 'react-canvas-pattern-lock';
-declare function getDefaultObserveTarget(): HTMLHeadElement;
-declare function getColorByToken(token: string): string;
-declare const getSizes: () => {
-    elementSizes: ThemeParams['dimens'];
-    width: number;
-    height: number;
-};
-declare function getTheme(dimens: ThemeParams['dimens']): Theme;
-declare function getPatternLockTestIds(dataTestId: string): {
-    patternLock: string;
-    forgotCodeBtn: string;
-    error: string;
-    message: string;
-};
-export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme, getPatternLockTestIds };

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

@@ -1,98 +0,0 @@
-import { getDataTestId } from '../../shared/modern';
-import { OBSERVABLE_TOKENS, THEME_STATE } from './consts.js';
-
-function getDefaultObserveTarget() {
-    return document.head;
-}
-function getColorByToken(token) {
-    return getComputedStyle(document.documentElement).getPropertyValue(token);
-}
-const getSizes = (() => {
-    const COMMON_SIZES = {
-        lineWidth: 6,
-        nodeRing: 0,
-        nodeCore: 12,
-    };
-    let cachedSize;
-    return () => {
-        if (cachedSize) {
-            return cachedSize;
-        }
-        if (window.matchMedia('(min-width: 600px)').matches) {
-            cachedSize = {
-                elementSizes: { ...COMMON_SIZES, nodeRadius: 32 },
-                width: 240,
-                height: 240,
-            };
-        }
-        else if (window.matchMedia('(min-width: 390px)').matches) {
-            cachedSize = {
-                elementSizes: { ...COMMON_SIZES, nodeRadius: 43 },
-                width: 322,
-                height: 322,
-            };
-        }
-        else if (window.matchMedia('(min-width: 360px)').matches) {
-            cachedSize = {
-                elementSizes: { ...COMMON_SIZES, nodeRadius: 38 },
-                width: 292,
-                height: 292,
-            };
-        }
-        else {
-            cachedSize = {
-                elementSizes: { ...COMMON_SIZES, nodeRadius: 32 },
-                width: 240,
-                height: 240,
-            };
-        }
-        return cachedSize;
-    };
-})();
-function getTheme(dimens) {
-    const 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 {
-        [THEME_STATE.INITIAL]: {
-            colors: {
-                ...baseColors,
-                accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_INITIAL),
-                selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_INITIAL),
-            },
-            dimens,
-        },
-        [THEME_STATE.SUCCESS]: {
-            colors: {
-                ...baseColors,
-                accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_SUCCESS),
-                selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_SUCCESS),
-            },
-            dimens,
-        },
-        [THEME_STATE.FAILURE]: {
-            colors: {
-                ...baseColors,
-                accent: getColorByToken(OBSERVABLE_TOKENS.ACCENT_FAILURE),
-                selectedRingBg: getColorByToken(OBSERVABLE_TOKENS.SELECTED_RING_BG_FAILURE),
-            },
-            dimens,
-        },
-    };
-}
-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/package.json

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

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

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

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

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

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

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

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

@@ -1,91 +0,0 @@
-import { MouseEvent, ReactNode } from 'react';
-import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
-type ConditionalProps = {
-    /**
-     * Показать кнопку "забыли код"
-     * @default "Забыли код?"
-     */
-    showForgotCodeBtn: true;
-    /**
-     * Текст кнопки "забыли код"
-     * @default "Забыли код?"
-     */
-    forgotCodeBtnText?: string;
-    /**
-     * Коллбэк, вызываемый при клике на кнопку "Забыли код"
-     */
-    onForgotBtnClick: (event: MouseEvent<HTMLButtonElement>) => void;
-} | {
-    showForgotCodeBtn?: false;
-    onForgotBtnClick?: never;
-    forgotCodeBtnText?: never;
-};
-type CommonPatternLockProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Сообщение об ошибке
-     */
-    error?: ReactNode;
-    /**
-     * Сообщение над графическим ключом
-     */
-    message?: ReactNode;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для сообщения используется модификатор -message, ошибки -error,
-     * кнопки "забыли код" -forgot-code-btn
-     */
-    dataTestId?: string;
-    /**
-     * Следить ли за изменениями значений цветовых токенов
-     * @default false
-     */
-    observeTokens?: boolean;
-    /**
-     * Параметры MutationObserver для наблюдения за изменениями режима(css custom properties)
-     */
-    observerParams?: {
-        getTarget?: () => Node;
-        options?: MutationObserverInit;
-    };
-    /**
-     * Дополнительный класс для message/errorMessage
-     */
-    messageClassName?: string;
-} & Omit<ReactPatternLockProps, 'theme' | 'width' | 'height' | 'rows' | 'cols' | 'hover'> & ConditionalProps;
-type PrivatePatternLockProps = {
-    /**
-     * Включает ховер-эффект
-     */
-    hover?: boolean;
-    /**
-     * Стили компонента
-     */
-    styles: {
-        [key: string]: string;
-    };
-};
-type PatternLockProps = CommonPatternLockProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type ObservableTokens = {
-    ACCENT_INITIAL: string;
-    ACCENT_SUCCESS: string;
-    ACCENT_FAILURE: string;
-    RING_BG_INITIAL: string;
-    SELECTED_RING_BG_INITIAL: string;
-    SELECTED_RING_BG_SUCCESS: string;
-    SELECTED_RING_BG_FAILURE: string;
-    PRIMARY: string;
-    BG: string;
-    HOVER_INNER: string;
-    HOVER_OUTER: string;
-};
-export { CommonPatternLockProps, PrivatePatternLockProps, PatternLockProps, ObservableTokens };

package/pattern-lock-v1/typings.js

@@ -1 +0,0 @@
-

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

@@ -1,16 +0,0 @@
-import { Theme, ThemeParams } from 'react-canvas-pattern-lock';
-declare function getDefaultObserveTarget(): HTMLHeadElement;
-declare function getColorByToken(token: string): string;
-declare const getSizes: () => {
-    elementSizes: ThemeParams['dimens'];
-    width: number;
-    height: number;
-};
-declare function getTheme(dimens: ThemeParams['dimens']): Theme;
-declare function getPatternLockTestIds(dataTestId: string): {
-    patternLock: string;
-    forgotCodeBtn: string;
-    error: string;
-    message: string;
-};
-export { getDefaultObserveTarget, getColorByToken, getSizes, getTheme, getPatternLockTestIds };

package/pattern-lock-v1/utils.js

@@ -1,94 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var coreComponentsShared = require('../shared');
-var consts = require('./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: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
-                width: 240,
-                height: 240,
-            };
-        }
-        else if (window.matchMedia('(min-width: 390px)').matches) {
-            cachedSize = {
-                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 43 }),
-                width: 322,
-                height: 322,
-            };
-        }
-        else if (window.matchMedia('(min-width: 360px)').matches) {
-            cachedSize = {
-                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 38 }),
-                width: 292,
-                height: 292,
-            };
-        }
-        else {
-            cachedSize = {
-                elementSizes: tslib.__assign(tslib.__assign({}, COMMON_SIZES), { nodeRadius: 32 }),
-                width: 240,
-                height: 240,
-            };
-        }
-        return cachedSize;
-    };
-})();
-function getTheme(dimens) {
-    var _a;
-    var baseColors = {
-        primary: getColorByToken(consts.OBSERVABLE_TOKENS.PRIMARY),
-        bg: getColorByToken(consts.OBSERVABLE_TOKENS.BG),
-        ringBg: getColorByToken(consts.OBSERVABLE_TOKENS.RING_BG_INITIAL),
-        hover: {
-            inner: getColorByToken(consts.OBSERVABLE_TOKENS.HOVER_INNER),
-            outer: getColorByToken(consts.OBSERVABLE_TOKENS.HOVER_OUTER),
-        },
-    };
-    return _a = {},
-        _a[consts.THEME_STATE.INITIAL] = {
-            colors: tslib.__assign(tslib.__assign({}, baseColors), { accent: getColorByToken(consts.OBSERVABLE_TOKENS.ACCENT_INITIAL), selectedRingBg: getColorByToken(consts.OBSERVABLE_TOKENS.SELECTED_RING_BG_INITIAL) }),
-            dimens: dimens,
-        },
-        _a[consts.THEME_STATE.SUCCESS] = {
-            colors: tslib.__assign(tslib.__assign({}, baseColors), { accent: getColorByToken(consts.OBSERVABLE_TOKENS.ACCENT_SUCCESS), selectedRingBg: getColorByToken(consts.OBSERVABLE_TOKENS.SELECTED_RING_BG_SUCCESS) }),
-            dimens: dimens,
-        },
-        _a[consts.THEME_STATE.FAILURE] = {
-            colors: tslib.__assign(tslib.__assign({}, baseColors), { accent: getColorByToken(consts.OBSERVABLE_TOKENS.ACCENT_FAILURE), selectedRingBg: getColorByToken(consts.OBSERVABLE_TOKENS.SELECTED_RING_BG_FAILURE) }),
-            dimens: dimens,
-        },
-        _a;
-}
-function getPatternLockTestIds(dataTestId) {
-    return {
-        patternLock: dataTestId,
-        forgotCodeBtn: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn'),
-        error: coreComponentsShared.getDataTestId(dataTestId, 'error'),
-        message: coreComponentsShared.getDataTestId(dataTestId, 'message'),
-    };
-}
-
-exports.getColorByToken = getColorByToken;
-exports.getDefaultObserveTarget = getDefaultObserveTarget;
-exports.getPatternLockTestIds = getPatternLockTestIds;
-exports.getSizes = getSizes;
-exports.getTheme = getTheme;