@alfalab/core-components-pattern-lock 1.0.0 → 1.0.2

package/Component.js

@@ -1,20 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('./utils-e7492ab3.js');
+var utils = require('./utils-a2a5e3e1.js');
 var React = require('react');
 var reactCanvasPatternLock = require('react-canvas-pattern-lock');
 var cn = require('classnames');
 var coreComponentsGap = require('@alfalab/core-components-gap');
 var consts = require('./consts.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"pattern-lock__component_1oflx","hidden":"pattern-lock__hidden_1oflx","error":"pattern-lock__error_1oflx"};
+var styles = {"component":"pattern-lock__component_188cp","hidden":"pattern-lock__hidden_188cp","error":"pattern-lock__error_188cp"};
 require('./index.css')
 
 var PatternLock = React.forwardRef(function (_a, ref) {
@@ -51,12 +49,12 @@ var PatternLock = React.forwardRef(function (_a, ref) {
         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 }))));
+    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/consts.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var OBSERVE_OPTIONS = {
     childList: true,
     attributes: false,

package/cssm/Component.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('./utils-455c7792.js');
+var utils = require('./utils-5745f540.js');
 var React = require('react');
 var reactCanvasPatternLock = require('react-canvas-pattern-lock');
 var cn = require('classnames');
@@ -10,11 +8,11 @@ var coreComponentsGap = require('@alfalab/core-components-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 }; }
+function _interopDefaultCompat (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 React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var PatternLock = React.forwardRef(function (_a, ref) {
     var _b;
@@ -50,12 +48,12 @@ var PatternLock = React.forwardRef(function (_a, ref) {
         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 }))));
+    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/cssm/consts.js

@@ -1,7 +1,5 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var OBSERVE_OPTIONS = {
     childList: true,
     attributes: false,

package/cssm/index.js

@@ -1,17 +1,15 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./utils-455c7792.js');
+var Component = require('./Component.js');
+var consts = require('./consts.js');
+require('./utils-5745f540.js');
 require('react');
 require('react-canvas-pattern-lock');
 require('classnames');
 require('@alfalab/core-components-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;
+exports.THEME_STATE = consts.THEME_STATE;

package/cssm/utils.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('./utils-455c7792.js');
+var utils = require('./utils-5745f540.js');
 require('./consts.js');
 
 

package/esm/Component.js

@@ -1,11 +1,11 @@
-import { _ as __rest, g as getSizes, a as getTheme, b as getColorByToken, c as __assign, d as getDefaultObserveTarget } from './utils-0cf042c3.js';
+import { _ as __rest, g as getSizes, a as getTheme, b as getColorByToken, c as __assign, d as getDefaultObserveTarget } from './utils-30ae747f.js';
 import React, { forwardRef, useState, useEffect } from 'react';
 import { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';
 import cn from 'classnames';
 import { Gap } from '@alfalab/core-components-gap/esm';
-import { THEME_STATE, OBSERVABLE_TOKENS, OBSERVE_OPTIONS } from './consts.js';
+import { THEME_STATE, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 
-var styles = {"component":"pattern-lock__component_1oflx","hidden":"pattern-lock__hidden_1oflx","error":"pattern-lock__error_1oflx"};
+var styles = {"component":"pattern-lock__component_188cp","hidden":"pattern-lock__hidden_188cp","error":"pattern-lock__error_188cp"};
 require('./index.css')
 
 var PatternLock = forwardRef(function (_a, ref) {

package/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 12flr */
+/* hash: hkuo5 */
 :root {
     --color-light-text-negative: #d91d0b;
 }
@@ -18,18 +18,18 @@
 :root {
     --pattern-lock-max-width: 500px;
 }
-.pattern-lock__component_1oflx {
+.pattern-lock__component_188cp {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
 }
-.pattern-lock__component_1oflx canvas {
+.pattern-lock__component_188cp canvas {
         display: block;
         margin: 0 auto;
     }
-.pattern-lock__hidden_1oflx {
+.pattern-lock__hidden_188cp {
     visibility: hidden;
 }
-.pattern-lock__error_1oflx {
+.pattern-lock__error_188cp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/esm/index.js

@@ -1,7 +1,7 @@
-import './utils-0cf042c3.js';
+export { PatternLock } from './Component.js';
+export { THEME_STATE } from './consts.js';
+import './utils-30ae747f.js';
 import 'react';
 import 'react-canvas-pattern-lock';
 import 'classnames';
 import '@alfalab/core-components-gap/esm';
-export { THEME_STATE } from './consts.js';
-export { PatternLock } from './Component.js';

package/esm/utils.js

@@ -1,2 +1,2 @@
-export { b as getColorByToken, d as getDefaultObserveTarget, g as getSizes, a as getTheme } from './utils-0cf042c3.js';
+export { b as getColorByToken, d as getDefaultObserveTarget, g as getSizes, a as getTheme } from './utils-30ae747f.js';
 import './consts.js';

package/index.css

@@ -1,4 +1,4 @@
-/* hash: 12flr */
+/* hash: hkuo5 */
 :root {
     --color-light-text-negative: #d91d0b;
 }
@@ -18,18 +18,18 @@
 :root {
     --pattern-lock-max-width: 500px;
 }
-.pattern-lock__component_1oflx {
+.pattern-lock__component_188cp {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
 }
-.pattern-lock__component_1oflx canvas {
+.pattern-lock__component_188cp canvas {
         display: block;
         margin: 0 auto;
     }
-.pattern-lock__hidden_1oflx {
+.pattern-lock__hidden_188cp {
     visibility: hidden;
 }
-.pattern-lock__error_1oflx {
+.pattern-lock__error_188cp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/index.js

@@ -1,16 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./utils-e7492ab3.js');
+var Component = require('./Component.js');
+var consts = require('./consts.js');
+require('./utils-a2a5e3e1.js');
 require('react');
 require('react-canvas-pattern-lock');
 require('classnames');
 require('@alfalab/core-components-gap');
-var consts = require('./consts.js');
-var Component = require('./Component.js');
 
 
 
-exports.THEME_STATE = consts.THEME_STATE;
 exports.PatternLock = Component.PatternLock;
+exports.THEME_STATE = consts.THEME_STATE;

package/modern/Component.js

@@ -2,10 +2,10 @@ import React, { forwardRef, useState, useEffect } from 'react';
 import { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';
 import cn from 'classnames';
 import { Gap } from '@alfalab/core-components-gap/modern';
-import { THEME_STATE, OBSERVABLE_TOKENS, OBSERVE_OPTIONS } from './consts.js';
+import { THEME_STATE, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
 import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
 
-var styles = {"component":"pattern-lock__component_1oflx","hidden":"pattern-lock__hidden_1oflx","error":"pattern-lock__error_1oflx"};
+const styles = {"component":"pattern-lock__component_188cp","hidden":"pattern-lock__hidden_188cp","error":"pattern-lock__error_188cp"};
 require('./index.css')
 
 const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, ...restProps }, ref) => {

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 12flr */
+/* hash: hkuo5 */
 :root {
     --color-light-text-negative: #d91d0b;
 }
@@ -18,18 +18,18 @@
 :root {
     --pattern-lock-max-width: 500px;
 }
-.pattern-lock__component_1oflx {
+.pattern-lock__component_188cp {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
 }
-.pattern-lock__component_1oflx canvas {
+.pattern-lock__component_188cp canvas {
         display: block;
         margin: 0 auto;
     }
-.pattern-lock__hidden_1oflx {
+.pattern-lock__hidden_188cp {
     visibility: hidden;
 }
-.pattern-lock__error_1oflx {
+.pattern-lock__error_188cp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;

package/modern/index.js

@@ -1,7 +1,7 @@
+export { PatternLock } from './Component.js';
+export { THEME_STATE } from './consts.js';
 import 'react';
 import 'react-canvas-pattern-lock';
 import 'classnames';
 import '@alfalab/core-components-gap/modern';
-export { THEME_STATE } from './consts.js';
 import './utils.js';
-export { PatternLock } from './Component.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-pattern-lock",
-    "version": "1.0.0",
+    "version": "1.0.2",
     "description": "Pattern lock",
     "keywords": [],
     "license": "MIT",
@@ -15,7 +15,7 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-gap": "^1.0.0",
+        "@alfalab/core-components-gap": "^1.1.0",
         "react-canvas-pattern-lock": "^1.0.0",
         "react-merge-refs": "^1.1.0",
         "classnames": "^2.3.1"

package/utils.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('./utils-e7492ab3.js');
+var utils = require('./utils-a2a5e3e1.js');
 require('./consts.js');