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

package/pass-code-v1/cssm/components/KeyPad/Component.js

@@ -1,41 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var coreComponentsShared = require('../../../../shared/cssm');
-var BackspaceXxlIcon = require('@alfalab/icons-glyph/BackspaceXxlIcon');
-var components_KeyPadButton_Component = require('../KeyPadButton/Component.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var CELL_COUNT = 12;
-var CELLS = new Array(CELL_COUNT).fill(null).map(function (_, i) {
-    if (i === 10)
-        return 0;
-    return i + 1;
-});
-var KeyPad = function (_a) {
-    var leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, onClick = _a.onClick, onClear = _a.onClear, showClear = _a.showClear, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("div", { className: styles__default.default.component, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'keypad') }, CELLS.map(function (digit, i) {
-        if (i === 9) {
-            if (leftAddons)
-                return leftAddons;
-            return React__default.default.createElement("div", { key: 'left-addons-empty' });
-        }
-        if (i === 11) {
-            if (showClear) {
-                return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: 'clear-btn', onClick: onClear, view: 'text', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'backspace-button') },
-                    React__default.default.createElement(BackspaceXxlIcon.BackspaceXxlIcon, null)));
-            }
-            if (rightAddons)
-                return rightAddons;
-            return React__default.default.createElement("div", { key: 'right-addon-empty' });
-        }
-        return (React__default.default.createElement(components_KeyPadButton_Component.KeyPadButton, { key: digit, onClick: onClick, view: 'secondary', buttonClassName: styles__default.default.digit, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'keypad-button') }, digit));
-    })));
-};
-
-exports.KeyPad = KeyPad;

package/pass-code-v1/cssm/components/KeyPad/index.d.ts

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

package/pass-code-v1/cssm/components/KeyPad/index.js

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

package/pass-code-v1/cssm/components/KeyPad/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 { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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-s: 12px;
-    --gap-m: 16px;
-    --gap-xl: 24px;
-    --gap-2xl: 32px;
-} :root {
-} :root {
-} .component {
-    width: 240px;
-    height: 292px;
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-template-rows: repeat(4, 1fr);
-    grid-column-gap: var(--gap-xl);
-    grid-row-gap: var(--gap-s);
-    margin: 0 auto
-} .component .digit.digit {
-        font-size: 36px;
-        line-height: 1;
-    } @media screen and (min-width: 360px) {
-    .component {
-        width: 292px;
-        height: 352px;
-        grid-column-gap: var(--gap-2xl);
-        grid-row-gap: var(--gap-m);
-    }
-} @media screen and (min-width: 390px) {
-    .component {
-        width: 322px;
-        height: 392px;
-    }
-}

package/pass-code-v1/cssm/components/KeyPadButton/Component.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-import { ButtonMobileProps } from "../../../../button/mobile";
-type KeyPadButtonProps<T> = {
-    /**
-     * Вид кнопки.
-     */
-    view: ButtonMobileProps['view'];
-    /**
-     * Значение.
-     */
-    children: T;
-    /**
-     * Дополнительный класс.
-     */
-    className?: string;
-    /**
-     * Дополнительный класс кнопки.
-     */
-    buttonClassName?: string;
-    /**
-     * Коллбэк нажатия на кнопку.
-     */
-    onClick?: (payload: T) => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     */
-    dataTestId?: string;
-};
-declare function KeyPadButton<T extends ReactNode>({ children, onClick, className, view, buttonClassName, dataTestId, }: KeyPadButtonProps<T>): React.JSX.Element;
-export { KeyPadButtonProps, KeyPadButton };

package/pass-code-v1/cssm/components/KeyPadButton/Component.js

@@ -1,20 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var cn = require('classnames');
-var mobile = require('../../../../button/cssm/mobile');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-function KeyPadButton(_a) {
-    var children = _a.children, onClick = _a.onClick, className = _a.className, _b = _a.view, view = _b === void 0 ? 'secondary' : _b, buttonClassName = _a.buttonClassName, dataTestId = _a.dataTestId;
-    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.component, className) },
-        React__default.default.createElement(mobile.ButtonMobile, { className: cn__default.default(styles__default.default.button, styles__default.default[view], buttonClassName), view: view, onClick: function () { return onClick === null || onClick === void 0 ? void 0 : onClick(children); }, dataTestId: dataTestId }, children)));
-}
-
-exports.KeyPadButton = KeyPadButton;

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

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

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

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

package/pass-code-v1/cssm/components/KeyPadButton/index.module.css

@@ -1,68 +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-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);
-} .component {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding: 0;
-} .button.button {
-    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
-} .button.button > span {
-        vertical-align: middle
-    } .button.button > span > * {
-            vertical-align: middle;
-        } .secondary.secondary {
-    color: var(--color-light-text-primary);
-    background: var(--button-bg-color)
-} .secondary.secondary:hover {
-        color: var(--color-light-text-primary);
-    } .secondary.secondary:active {
-        background: var(--button-bg-color-active);
-    } .ghost.ghost {
-    color: var(--color-light-text-primary)
-} .ghost.ghost:hover {
-        color: var(--color-light-text-primary);
-    } .ghost.ghost:active {
-        background: var(--button-bg-color-active);
-    } @media screen and (min-width: 360px) {
-    .button.button {
-        min-width: 76px;
-        height: 76px;
-        width: 76px;
-    }
-} @media screen and (min-width: 390px) {
-    .button.button {
-        min-width: 86px;
-        width: 86px;
-        height: 86px;
-    }
-}

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

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

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

@@ -1,9 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component.js');
-var components_KeyPadButton_Component = require('./components/KeyPadButton/Component.js');
-
-
-
-exports.PassCodeV1 = Component.PassCodeV1;
-exports.KeyPadButton = components_KeyPadButton_Component.KeyPadButton;

package/pass-code-v1/cssm/index.module.css

@@ -1,37 +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-xs: 8px;
-} :root {
-} :root {
-} :root {
-    --pass-code-max-width: 500px;
-} .component {
-    max-width: var(--pass-code-max-width);
-    margin: var(--gap-xs) 0;
-} .message {
-    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);
-} .error {
-    color: var(--color-light-text-negative);
-}

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

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

package/pass-code-v1/cssm/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/cssm/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/cssm/utils.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var coreComponentsShared = require('../../shared/cssm');
-
-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/pass-code-v1/esm/Component.d.ts

@@ -1,62 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-type BasePassCodeProps = {
-    /**
-     * Код
-     */
-    value: string;
-    /**
-     * Обработчик изменения кода
-     */
-    onChange: (code: string) => void;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Отображение ошибки
-     */
-    error?: ReactNode;
-    /**
-     *  Сообщение над клавиатурой
-     */
-    message?: ReactNode;
-    /**
-     * Слот слева.
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Идентификатор для систем автоматизированного тестирования.
-     * Для враппера используется модификатор -wrapper, ошибки -error,
-     * сообщения над клавиатурой -message, блока с кодом -input-progress,
-     * блока с цифрами -keypad
-     */
-    dataTestId?: string;
-};
-type PropsWithUnknownLen = {
-    codeLength?: never;
-    /**
-     * Максимально возможная длина кода
-     * @default 10
-     */
-    maxCodeLength?: number;
-};
-type PropsWithLen = {
-    maxCodeLength?: never;
-    /**
-     * Длина кода
-     */
-    codeLength?: number;
-};
-type PassCodeProps = BasePassCodeProps & (PropsWithLen | PropsWithUnknownLen);
-/**
- * @deprecated
- * Используйте PassCode
- */
-declare const PassCodeV1: React.ForwardRefExoticComponent<PassCodeProps & React.RefAttributes<HTMLDivElement>>;
-export { BasePassCodeProps, PassCodeV1 };

package/pass-code-v1/esm/Component.js

@@ -1,43 +0,0 @@
-import React, { forwardRef } from 'react';
-import cn from 'classnames';
-import { Gap } from '../../gap/esm';
-import { getDataTestId } from '../../shared/esm';
-import { InputProgress } from './components/InputProgress/Component.js';
-import { KeyPad } from './components/KeyPad/Component.js';
-import 'react-transition-group';
-import '@alfalab/icons-glyph/BackspaceXxlIcon';
-import './components/KeyPadButton/Component.js';
-import '../../button/esm/mobile';
-
-var styles = {"component":"pass-code-v1__component_lyu8o","message":"pass-code-v1__message_lyu8o","error":"pass-code-v1__error_lyu8o"};
-require('./index.css');
-
-/**
- * @deprecated
- * Используйте PassCode
- */
-var PassCodeV1 = forwardRef(function (_a, ref) {
-    var _b = _a.value, value = _b === void 0 ? '' : _b, dataTestId = _a.dataTestId, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, error = _a.error, message = _a.message, onChange = _a.onChange, _c = _a.maxCodeLength, maxCodeLength = _c === void 0 ? 10 : _c, codeLength = _a.codeLength;
-    var passwordLen = codeLength || maxCodeLength;
-    var handleChange = function (digit) {
-        var newValue = value.concat(digit.toString());
-        if (newValue.length <= passwordLen) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-        }
-    };
-    var handleClear = function () {
-        if (value.length > 0) {
-            onChange === null || onChange === void 0 ? void 0 : onChange(value === null || value === void 0 ? void 0 : value.slice(0, -1));
-        }
-    };
-    var renderError = function () { return (React.createElement("div", { className: cn(styles.message, styles.error), "data-test-id": getDataTestId(dataTestId, 'error') }, error)); };
-    var renderMessage = function () { return (React.createElement("div", { className: styles.message, "data-test-id": getDataTestId(dataTestId, 'message') }, message)); };
-    return (React.createElement("div", { className: cn(styles.component, className), ref: ref, "data-test-id": getDataTestId(dataTestId, 'wrapper') },
-        error ? renderError() : renderMessage(),
-        React.createElement(Gap, { size: 'm' }),
-        React.createElement(InputProgress, { dataTestId: dataTestId, value: value, maxCodeLength: maxCodeLength, codeLength: codeLength, error: Boolean(error) }),
-        React.createElement(Gap, { size: '4xl' }),
-        React.createElement(KeyPad, { dataTestId: dataTestId, leftAddons: leftAddons, rightAddons: rightAddons, onClick: handleChange, onClear: handleClear, showClear: Boolean(value) })));
-});
-
-export { PassCodeV1 };

package/pass-code-v1/esm/components/InputProgress/Component.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-type InputProgressProps = {
-    maxCodeLength: number;
-    codeLength?: number;
-    error: boolean;
-    value?: string;
-    dataTestId?: string;
-};
-declare const InputProgress: React.FC<InputProgressProps>;
-export { InputProgressProps, InputProgress };

package/pass-code-v1/esm/components/InputProgress/Component.js

@@ -1,33 +0,0 @@
-import React from 'react';
-import { CSSTransition } from 'react-transition-group';
-import cn from 'classnames';
-import { getDataTestId } from '../../../../shared/esm';
-
-var styles = {"component":"pass-code-v1__component_3kjsd","dot":"pass-code-v1__dot_3kjsd","error":"pass-code-v1__error_3kjsd","filled":"pass-code-v1__filled_3kjsd"};
-require('./index.css');
-
-var transitions = {"enter":"pass-code-v1__enter_u4cx5","enterActive":"pass-code-v1__enterActive_u4cx5","exit":"pass-code-v1__exit_u4cx5","exitActive":"pass-code-v1__exitActive_u4cx5","shake":"pass-code-v1__shake_u4cx5"};
-require('./transitions.css');
-
-/* eslint-disable react/no-array-index-key */
-var TRANSITION_DURATION = 150;
-var InputProgress = function (_a) {
-    var _b;
-    var _c = _a.value, value = _c === void 0 ? '' : _c, maxCodeLength = _a.maxCodeLength, codeLength = _a.codeLength, error = _a.error, dataTestId = _a.dataTestId;
-    return (React.createElement("div", { className: cn(styles.component, (_b = {}, _b[transitions.shake] = error, _b)), "data-test-id": getDataTestId(dataTestId, 'input-progress') }, codeLength
-        ? new Array(codeLength).fill(null).map(function (_, i) {
-            var _a;
-            var filled = Boolean(value[i]);
-            return (React.createElement("div", { key: i, className: cn(styles.dot, (_a = {},
-                    _a[styles.error] = filled && error,
-                    _a[styles.filled] = filled,
-                    _a)) }));
-        })
-        : new Array(maxCodeLength).fill(null).map(function (_, i) {
-            var _a;
-            return (React.createElement(CSSTransition, { key: i, in: Boolean(value[i]), timeout: TRANSITION_DURATION, classNames: transitions, unmountOnExit: true },
-                React.createElement("div", { className: cn(styles.dot, styles.filled, (_a = {}, _a[styles.error] = error, _a)) })));
-        })));
-};
-
-export { InputProgress };

package/pass-code-v1/esm/components/InputProgress/index.css

@@ -1,41 +0,0 @@
-/* hash: v399p */
-: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-1500: #121213;
-    --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
-    --color-light-status-negative: #ff4837; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 {
-} .pass-code-v1__component_3kjsd {
-    height: 12px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-} .pass-code-v1__dot_3kjsd {
-    margin: 0 6px;
-    width: 12px;
-    height: 12px;
-    background: var(--color-light-neutral-translucent-300);
-    border-radius: var(--border-radius-circle);
-    flex-shrink: 0;
-    transition: background 75ms ease-in;
-    will-change: transform, opacity
-} .pass-code-v1__dot_3kjsd.pass-code-v1__error_3kjsd {
-        background: var(--color-light-status-negative);
-        transition: none;
-    } .pass-code-v1__filled_3kjsd {
-    background: var(--color-light-neutral-1500);
-}

package/pass-code-v1/esm/components/InputProgress/index.d.ts

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

package/pass-code-v1/esm/components/InputProgress/index.js

@@ -1,5 +0,0 @@
-export { InputProgress } from './Component.js';
-import 'react';
-import 'react-transition-group';
-import 'classnames';
-import '../../../../shared/esm';

package/pass-code-v1/esm/components/InputProgress/transitions.css

@@ -1,52 +0,0 @@
-/* hash: 3wgc7 */
-.pass-code-v1__enter_u4cx5 {
-    opacity: 0;
-    width: 0;
-    height: 0;
-    margin: 0;
-}
-
-.pass-code-v1__enterActive_u4cx5 {
-    opacity: 1;
-    width: 12px;
-    height: 12px;
-    margin: 0 6px;
-    transition: all 0.15s ease-in;
-}
-
-.pass-code-v1__exit_u4cx5 {
-    opacity: 1;
-    width: 12px;
-    height: 12px;
-    margin: 0 6px;
-}
-
-.pass-code-v1__exitActive_u4cx5 {
-    opacity: 0;
-    width: 0;
-    height: 0;
-    margin: 0;
-    transition: all 0.15s ease-in;
-}
-
-@keyframes pass-code-v1__shake_u4cx5 {
-    0% {
-        transform: translateX(0);
-    }
-
-    25% {
-        transform: translateX(-2px);
-    }
-
-    75% {
-        transform: translateX(2px);
-    }
-
-    100% {
-        transform: translateX(0);
-    }
-}
-
-.pass-code-v1__shake_u4cx5 {
-    animation: pass-code-v1__shake_u4cx5 0.15s linear 25ms 3;
-}

package/pass-code-v1/esm/components/KeyPad/Component.d.ts

@@ -1,31 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-type KeyPadProps = {
-    /**
-     * Показать кнопку "очистить".
-     */
-    showClear: boolean;
-    /**
-     * Слот слева.
-     */
-    leftAddons?: ReactNode;
-    /**
-     * Слот справа.
-     */
-    rightAddons?: ReactNode;
-    /**
-     * Идентификатор для автоматизированного тестирования.
-     */
-    dataTestId?: string;
-    /**
-     * Коллбэк нажатия на кнопку.
-     */
-    onClick: (digit: number) => void;
-    /**
-     * Коллбэк очистки кода.
-     */
-    onClear: () => void;
-};
-declare const KeyPad: React.FC<KeyPadProps>;
-export { KeyPadProps, KeyPad };