@alfalab/core-components 36.2.0 → 36.3.0

package/pass-code/modern/components/KeyPadButton/Component.d.ts

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

package/pass-code/modern/components/KeyPadButton/Component.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import cn from 'classnames';
+import { Button } from '../../../../button/modern';
+
+var styles = {"component":"pass-code__component_1l1j4","button":"pass-code__button_1l1j4","secondary":"pass-code__secondary_1l1j4","ghost":"pass-code__ghost_1l1j4"};
+require('./index.css');
+
+function KeyPadButton({ children, onClick, className, view = 'secondary', buttonClassName, }) {
+    return (React.createElement("div", { className: cn(styles.component, className) },
+        React.createElement(Button, { className: cn(styles.button, styles[view], buttonClassName), view: view, onClick: () => onClick?.(children) }, children)));
+}
+
+export { KeyPadButton };

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

@@ -0,0 +1,78 @@
+/* hash: 1btku */
+:root {
+    --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
+    --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
+    --color-light-text-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --border-radius-circle: 50%;
+}
+:root {
+    --button-bg-color: var(--color-light-specialbg-secondary-transparent);
+    --button-bg-color-active: var(--color-light-specialbg-tertiary-transparent);
+}
+.pass-code__component_1l1j4 {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0;
+}
+.pass-code__button_1l1j4.pass-code__button_1l1j4 {
+    font-size: 14px;
+    line-height: 18px;
+    font-weight: 500;
+
+    border-radius: var(--border-radius-circle);
+    padding: 0;
+    min-width: 64px;
+    width: 64px;
+    height: 64px;
+    text-align: center
+}
+.pass-code__button_1l1j4.pass-code__button_1l1j4 > span {
+        vertical-align: middle
+    }
+.pass-code__button_1l1j4.pass-code__button_1l1j4 > span > * {
+            vertical-align: middle;
+        }
+.pass-code__secondary_1l1j4.pass-code__secondary_1l1j4 {
+    color: var(--color-light-text-primary);
+    background: var(--button-bg-color)
+}
+.pass-code__secondary_1l1j4.pass-code__secondary_1l1j4:hover {
+        color: var(--color-light-text-primary);
+    }
+.pass-code__secondary_1l1j4.pass-code__secondary_1l1j4:active {
+        background: var(--button-bg-color-active);
+    }
+.pass-code__ghost_1l1j4.pass-code__ghost_1l1j4 {
+    color: var(--color-light-text-primary)
+}
+.pass-code__ghost_1l1j4.pass-code__ghost_1l1j4:hover {
+        color: var(--color-light-text-primary);
+    }
+.pass-code__ghost_1l1j4.pass-code__ghost_1l1j4:active {
+        background: var(--button-bg-color-active);
+    }
+@media screen and (min-width: 360px) {
+    .pass-code__button_1l1j4.pass-code__button_1l1j4 {
+        min-width: 76px;
+        height: 76px;
+        width: 76px;
+    }
+}
+@media screen and (min-width: 390px) {
+    .pass-code__button_1l1j4.pass-code__button_1l1j4 {
+        min-width: 86px;
+        width: 86px;
+        height: 86px;
+    }
+}

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

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

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

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

package/pass-code/modern/getDataTestId-f0beae1d.d.ts

@@ -0,0 +1,2 @@
+declare const getDataTestId: (dataTestId?: string | undefined, element?: string | undefined) => string | undefined;
+export { getDataTestId };

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

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

package/pass-code/modern/index.css

@@ -0,0 +1,32 @@
+/* hash: 1gpds */
+:root {
+    --color-light-text-negative: #d91d0b;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --gap-xs: 8px;
+}
+:root {
+    --pass-code-max-width: 500px;
+}
+.pass-code__component_54hlu {
+    max-width: var(--pass-code-max-width);
+    margin: var(--gap-xs) 0;
+}
+.pass-code__error_54hlu {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+
+    display: flex;
+    justify-content: center;
+    min-height: 24px;
+    color: var(--color-light-text-negative);
+}

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

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

package/pass-code/modern/index.js

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

package/pass-code/package.json

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

package/pass-code/send-stats.js

@@ -0,0 +1,82 @@
+const http = require('http');
+const fs = require('fs');
+const { promisify } = require('util');
+const path = require('path');
+
+const readFile = promisify(fs.readFile);
+
+async function main() {
+    const remoteHost = process.env.NIS_HOST || 'digital';
+    const remotePort = process.env.NIS_PORT || 80;
+    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
+
+    try {
+        const [_, node, os, arch] =
+            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
+        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
+
+        let ownPackageJson, packageJson;
+
+        try {
+            const result = await Promise.all([
+                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
+                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
+            ]);
+
+            ownPackageJson = JSON.parse(result[0]);
+            packageJson = JSON.parse(result[1]);
+        } catch (err) {
+            ownPackageJson = '';
+            packageJson = '';
+        }
+
+        const data = {
+            node,
+            npm,
+            yarn,
+            os,
+            arch,
+            ownPackageJson: JSON.stringify(ownPackageJson),
+            packageJson: JSON.stringify(packageJson),
+        };
+
+        const body = JSON.stringify(data);
+
+        const options = {
+            host: remoteHost,
+            port: remotePort,
+            path: remotePath,
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Content-Length': body.length,
+            },
+        };
+
+        return new Promise((resolve, reject) => {
+            const req = http.request(options, (res) => {
+                res.on('end', () => {
+                    resolve();
+                });
+            });
+
+            req.on('error', () => {
+                reject();
+            });
+
+            req.write(body);
+            req.end();
+        });
+    } catch (error) {
+        throw error;
+    }
+}
+
+main()
+    .then(() => {
+        process.exit(0);
+    })
+    .catch(() => {
+        process.exit(0);
+    });

package/password-input/component.js

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"eye":"password-input__eye_8g6i6","xl":"password-input__xl_8g6i6","input":"password-input__input_8g6i6"};
+var styles = {"eye":"password-input__eye_p0a09","xl":"password-input__xl_p0a09","input":"password-input__input_p0a09"};
 require('./index.css');
 
 var PasswordInput = React.forwardRef(function (_a, ref) {

package/password-input/esm/component.js

@@ -44,7 +44,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"eye":"password-input__eye_8g6i6","xl":"password-input__xl_8g6i6","input":"password-input__input_8g6i6"};
+var styles = {"eye":"password-input__eye_p0a09","xl":"password-input__xl_p0a09","input":"password-input__input_p0a09"};
 require('./index.css');
 
 var PasswordInput = forwardRef(function (_a, ref) {

package/password-input/esm/index.css

@@ -12,15 +12,15 @@
     --gap-s-neg: -12px;
     --gap-m-neg: -16px;
 }
-.password-input__eye_8g6i6:last-child {
+.password-input__eye_p0a09:last-child {
     margin-right: var(--gap-s-neg);
 }
-.password-input__xl_8g6i6 .password-input__eye_8g6i6:last-child {
+.password-input__xl_p0a09 .password-input__eye_p0a09:last-child {
         margin-right: var(--gap-m-neg);
     }
-.password-input__xl_8g6i6 .password-input__eye_8g6i6 {
+.password-input__xl_p0a09 .password-input__eye_p0a09 {
         margin-left: var(--gap-2xs);
     }
-.password-input__input_8g6i6::-ms-reveal {
+.password-input__input_p0a09::-ms-reveal {
     display: none;
 }

package/password-input/index.css

@@ -12,15 +12,15 @@
     --gap-s-neg: -12px;
     --gap-m-neg: -16px;
 }
-.password-input__eye_8g6i6:last-child {
+.password-input__eye_p0a09:last-child {
     margin-right: var(--gap-s-neg);
 }
-.password-input__xl_8g6i6 .password-input__eye_8g6i6:last-child {
+.password-input__xl_p0a09 .password-input__eye_p0a09:last-child {
         margin-right: var(--gap-m-neg);
     }
-.password-input__xl_8g6i6 .password-input__eye_8g6i6 {
+.password-input__xl_p0a09 .password-input__eye_p0a09 {
         margin-left: var(--gap-2xs);
     }
-.password-input__input_8g6i6::-ms-reveal {
+.password-input__input_p0a09::-ms-reveal {
     display: none;
 }

package/password-input/modern/component.js

@@ -5,7 +5,7 @@ import { EyeOffMIcon } from '@alfalab/icons-glyph/EyeOffMIcon';
 import { IconButton } from '../../icon-button/modern';
 import { Input } from '../../input/modern';
 
-var styles = {"eye":"password-input__eye_8g6i6","xl":"password-input__xl_8g6i6","input":"password-input__input_8g6i6"};
+var styles = {"eye":"password-input__eye_p0a09","xl":"password-input__xl_p0a09","input":"password-input__input_p0a09"};
 require('./index.css');
 
 const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 's', className, ...restProps }, ref) => {

package/password-input/modern/index.css

@@ -12,15 +12,15 @@
     --gap-s-neg: -12px;
     --gap-m-neg: -16px;
 }
-.password-input__eye_8g6i6:last-child {
+.password-input__eye_p0a09:last-child {
     margin-right: var(--gap-s-neg);
 }
-.password-input__xl_8g6i6 .password-input__eye_8g6i6:last-child {
+.password-input__xl_p0a09 .password-input__eye_p0a09:last-child {
         margin-right: var(--gap-m-neg);
     }
-.password-input__xl_8g6i6 .password-input__eye_8g6i6 {
+.password-input__xl_p0a09 .password-input__eye_p0a09 {
         margin-left: var(--gap-2xs);
     }
-.password-input__input_8g6i6::-ms-reveal {
+.password-input__input_p0a09::-ms-reveal {
     display: none;
 }

package/pattern-lock/Component.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import React from 'react';
+import { TPatternLockInstance } from 'react-canvas-pattern-lock';
+declare const PatternLock: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    error?: React.ReactNode;
+    dataTestId?: string | undefined;
+    observeTokens?: boolean | undefined;
+    observerParams?: {
+        getTarget?: (() => Node) | undefined;
+        options?: MutationObserverInit | undefined;
+    } | undefined;
+} & Omit<import("react-canvas-pattern-lock").ReactPatternLockProps, "theme" | "width" | "height" | "rows" | "cols"> & React.RefAttributes<TPatternLockInstance>>;
+export { PatternLock };

package/pattern-lock/Component.js

@@ -0,0 +1,60 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('./utils-e7492ab3.js');
+var React = require('react');
+var reactCanvasPatternLock = require('react-canvas-pattern-lock');
+var cn = require('classnames');
+var coreComponentsGap = require('../gap');
+var consts = require('./consts.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+
+var styles = {"component":"pattern-lock__component_1oflx","hidden":"pattern-lock__hidden_1oflx","error":"pattern-lock__error_1oflx"};
+require('./index.css');
+
+var PatternLock = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.observeTokens, observeTokens = _c === void 0 ? false : _c, _d = _a.observerParams, observerParams = _d === void 0 ? {} : _d, _e = _a.justifyNodes, justifyNodes = _e === void 0 ? 'space-between' : _e, className = _a.className, error = _a.error, dataTestId = _a.dataTestId, restProps = utils.__rest(_a, ["observeTokens", "observerParams", "justifyNodes", "className", "error", "dataTestId"]);
+    var _f = React.useState(), params = _f[0], setParams = _f[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 utils.__assign(utils.__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]);
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {}, _b[styles.hidden] = !params, _b)), "data-test-id": dataTestId },
+        React__default['default'].createElement(coreComponentsGap.Gap, { size: 'm' }),
+        React__default['default'].createElement(coreComponentsGap.Gap, { size: 's' }),
+        React__default['default'].createElement("div", { className: styles.error }, error),
+        React__default['default'].createElement(coreComponentsGap.Gap, { size: 'xl' }),
+        React__default['default'].createElement(reactCanvasPatternLock.ReactCanvasPatternLock, utils.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes }))));
+});
+
+exports.PatternLock = PatternLock;

package/pattern-lock/consts.d.ts

@@ -0,0 +1,9 @@
+import { ObservableTokens } from "./typings";
+declare const OBSERVE_OPTIONS: MutationObserverInit;
+declare const OBSERVABLE_TOKENS: ObservableTokens;
+declare const THEME_STATE: {
+    INITIAL: string;
+    SUCCESS: string;
+    FAILURE: string;
+};
+export { OBSERVE_OPTIONS, OBSERVABLE_TOKENS, THEME_STATE };

package/pattern-lock/consts.js

@@ -0,0 +1,28 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var OBSERVE_OPTIONS = {
+    childList: true,
+    attributes: false,
+    characterData: false,
+    subtree: true,
+};
+var OBSERVABLE_TOKENS = {
+    ACCENT_INITIAL: '--color-light-graphic-primary',
+    ACCENT_SUCCESS: '--color-light-graphic-positive',
+    ACCENT_FAILURE: '--color-light-graphic-negative',
+    PRIMARY: '--color-light-graphic-tertiary',
+    BG: '--color-light-bg-primary',
+    RING_BG_INITIAL: '--color-light-specialbg-secondary-transparent',
+    SELECTED_RING_BG_INITIAL: '--color-light-specialbg-tertiary-transparent',
+    SELECTED_RING_BG_SUCCESS: '--color-light-graphic-positive-alpha-10',
+    SELECTED_RING_BG_FAILURE: '--color-light-graphic-negative-alpha-10',
+};
+var THEME_STATE = {
+    INITIAL: 'initial',
+    SUCCESS: 'success',
+    FAILURE: 'failure',
+};
+
+exports.OBSERVABLE_TOKENS = OBSERVABLE_TOKENS;
+exports.OBSERVE_OPTIONS = OBSERVE_OPTIONS;
+exports.THEME_STATE = THEME_STATE;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import React from 'react';
+import { TPatternLockInstance } from 'react-canvas-pattern-lock';
+declare const PatternLock: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    error?: React.ReactNode;
+    dataTestId?: string | undefined;
+    observeTokens?: boolean | undefined;
+    observerParams?: {
+        getTarget?: (() => Node) | undefined;
+        options?: MutationObserverInit | undefined;
+    } | undefined;
+} & Omit<import("react-canvas-pattern-lock").ReactPatternLockProps, "theme" | "width" | "height" | "rows" | "cols"> & React.RefAttributes<TPatternLockInstance>>;
+export { PatternLock };

package/pattern-lock/cssm/Component.js

@@ -0,0 +1,59 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('./utils-455c7792.js');
+var React = require('react');
+var reactCanvasPatternLock = require('react-canvas-pattern-lock');
+var cn = require('classnames');
+var coreComponentsGap = require('../../gap/cssm');
+var consts = require('./consts.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var PatternLock = React.forwardRef(function (_a, ref) {
+    var _b;
+    var _c = _a.observeTokens, observeTokens = _c === void 0 ? false : _c, _d = _a.observerParams, observerParams = _d === void 0 ? {} : _d, _e = _a.justifyNodes, justifyNodes = _e === void 0 ? 'space-between' : _e, className = _a.className, error = _a.error, dataTestId = _a.dataTestId, restProps = utils.__rest(_a, ["observeTokens", "observerParams", "justifyNodes", "className", "error", "dataTestId"]);
+    var _f = React.useState(), params = _f[0], setParams = _f[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 utils.__assign(utils.__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]);
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {}, _b[styles__default['default'].hidden] = !params, _b)), "data-test-id": dataTestId },
+        React__default['default'].createElement(coreComponentsGap.Gap, { size: 'm' }),
+        React__default['default'].createElement(coreComponentsGap.Gap, { size: 's' }),
+        React__default['default'].createElement("div", { className: styles__default['default'].error }, error),
+        React__default['default'].createElement(coreComponentsGap.Gap, { size: 'xl' }),
+        React__default['default'].createElement(reactCanvasPatternLock.ReactCanvasPatternLock, utils.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: justifyNodes }))));
+});
+
+exports.PatternLock = PatternLock;

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

@@ -0,0 +1,9 @@
+import { ObservableTokens } from "./typings";
+declare const OBSERVE_OPTIONS: MutationObserverInit;
+declare const OBSERVABLE_TOKENS: ObservableTokens;
+declare const THEME_STATE: {
+    INITIAL: string;
+    SUCCESS: string;
+    FAILURE: string;
+};
+export { OBSERVE_OPTIONS, OBSERVABLE_TOKENS, THEME_STATE };

package/pattern-lock/cssm/consts.js

@@ -0,0 +1,28 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var OBSERVE_OPTIONS = {
+    childList: true,
+    attributes: false,
+    characterData: false,
+    subtree: true,
+};
+var OBSERVABLE_TOKENS = {
+    ACCENT_INITIAL: '--color-light-graphic-primary',
+    ACCENT_SUCCESS: '--color-light-graphic-positive',
+    ACCENT_FAILURE: '--color-light-graphic-negative',
+    PRIMARY: '--color-light-graphic-tertiary',
+    BG: '--color-light-bg-primary',
+    RING_BG_INITIAL: '--color-light-specialbg-secondary-transparent',
+    SELECTED_RING_BG_INITIAL: '--color-light-specialbg-tertiary-transparent',
+    SELECTED_RING_BG_SUCCESS: '--color-light-graphic-positive-alpha-10',
+    SELECTED_RING_BG_FAILURE: '--color-light-graphic-negative-alpha-10',
+};
+var THEME_STATE = {
+    INITIAL: 'initial',
+    SUCCESS: 'success',
+    FAILURE: 'failure',
+};
+
+exports.OBSERVABLE_TOKENS = OBSERVABLE_TOKENS;
+exports.OBSERVE_OPTIONS = OBSERVE_OPTIONS;
+exports.THEME_STATE = THEME_STATE;

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

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

package/pattern-lock/cssm/index.js

@@ -0,0 +1,15 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('./utils-455c7792.js');
+require('react');
+require('react-canvas-pattern-lock');
+require('classnames');
+require('../../gap/cssm');
+var consts = require('./consts.js');
+require('./index.module.css');
+var Component = require('./Component.js');
+
+
+
+exports.THEME_STATE = consts.THEME_STATE;
+exports.PatternLock = Component.PatternLock;