@alfalab/core-components-pattern-lock 1.7.3 → 1.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/Component.responsive.js +1 -0
  2. package/components/base-pattern-lock/Component.js +3 -1
  3. package/components/base-pattern-lock/index.css +6 -6
  4. package/cssm/Component.responsive.js +1 -0
  5. package/cssm/components/base-pattern-lock/Component.js +2 -0
  6. package/cssm/desktop/Component.desktop.js +1 -0
  7. package/cssm/mobile/Component.mobile.js +1 -0
  8. package/desktop/Component.desktop.js +2 -1
  9. package/desktop/desktop.css +4 -4
  10. package/esm/Component.responsive.js +1 -0
  11. package/esm/components/base-pattern-lock/Component.js +3 -1
  12. package/esm/components/base-pattern-lock/index.css +6 -6
  13. package/esm/desktop/Component.desktop.js +2 -1
  14. package/esm/desktop/desktop.css +4 -4
  15. package/esm/mobile/Component.mobile.js +2 -1
  16. package/esm/mobile/mobile.css +7 -7
  17. package/mobile/Component.mobile.js +2 -1
  18. package/mobile/mobile.css +7 -7
  19. package/modern/Component.responsive.js +1 -0
  20. package/modern/components/base-pattern-lock/Component.js +3 -1
  21. package/modern/components/base-pattern-lock/index.css +6 -6
  22. package/modern/desktop/Component.desktop.js +2 -1
  23. package/modern/desktop/desktop.css +4 -4
  24. package/modern/mobile/Component.mobile.js +2 -1
  25. package/modern/mobile/mobile.css +7 -7
  26. package/package.json +2 -2
  27. package/src/Component.responsive.tsx +2 -0
  28. package/src/components/base-pattern-lock/Component.tsx +3 -0
  29. package/src/desktop/Component.desktop.tsx +2 -0
  30. package/src/mobile/Component.mobile.tsx +2 -0
package/Component.responsive.js CHANGED
@@ -19,5 +19,6 @@ var PatternLock = React.forwardRef(function (_a, ref) {
19
19
  var Component = isDesktop ? desktop_Component_desktop.PatternLockDesktop : mobile_Component_mobile.PatternLockMobile;
20
20
  return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
21
21
  });
22
+ PatternLock.displayName = 'PatternLock';
22
23
 
23
24
  exports.PatternLock = PatternLock;
package/components/base-pattern-lock/Component.js CHANGED
@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
16
16
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
17
17
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
18
18
 
19
- var commonStyles = {"component":"pattern-lock__component_byils","hidden":"pattern-lock__hidden_byils","message":"pattern-lock__message_byils","error":"pattern-lock__error_byils","forgotBtn":"pattern-lock__forgotBtn_byils"};
19
+ var commonStyles = {"component":"pattern-lock__component_zjkqu","hidden":"pattern-lock__hidden_zjkqu","message":"pattern-lock__message_zjkqu","error":"pattern-lock__error_zjkqu","forgotBtn":"pattern-lock__forgotBtn_zjkqu"};
20
20
  require('./index.css')
21
21
 
22
22
  var BasePatternLock = React.forwardRef(function (_a, ref) {
@@ -64,5 +64,7 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
64
64
  _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
65
65
  _c)) }))));
66
66
  });
67
+ BasePatternLock.displayName = 'BasePatternLock';
68
+ reactCanvasPatternLock.ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
67
69
 
68
70
  exports.BasePatternLock = BasePatternLock;
package/components/base-pattern-lock/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14wes */
1
+ /* hash: dhcyc */
2
2
  :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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-negative: #ec2d20;
@@ -20,12 +20,12 @@
20
20
  } :root {
21
21
  --size-xs-height: 40px;
22
22
  } :root {
23
- } .pattern-lock__component_byils canvas {
23
+ } .pattern-lock__component_zjkqu canvas {
24
24
  display: block;
25
25
  margin: 0 auto;
26
- } .pattern-lock__hidden_byils {
26
+ } .pattern-lock__hidden_zjkqu {
27
27
  visibility: hidden;
28
- } .pattern-lock__message_byils {
28
+ } .pattern-lock__message_zjkqu {
29
29
  font-size: 16px;
30
30
  line-height: 24px;
31
31
  font-weight: 400;
@@ -37,9 +37,9 @@
37
37
  text-overflow: ellipsis;
38
38
  white-space: nowrap;
39
39
  color: var(--color-light-text-primary);
40
- } .pattern-lock__error_byils {
40
+ } .pattern-lock__error_zjkqu {
41
41
  color: var(--color-light-text-negative);
42
- } .pattern-lock__forgotBtn_byils {
42
+ } .pattern-lock__forgotBtn_zjkqu {
43
43
  display: block;
44
44
  min-height: var(--size-xs-height);
45
45
  }
package/cssm/Component.responsive.js CHANGED
@@ -19,5 +19,6 @@ var PatternLock = React.forwardRef(function (_a, ref) {
19
19
  var Component = isDesktop ? desktop_Component_desktop.PatternLockDesktop : mobile_Component_mobile.PatternLockMobile;
20
20
  return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
21
21
  });
22
+ PatternLock.displayName = 'PatternLock';
22
23
 
23
24
  exports.PatternLock = PatternLock;
package/cssm/components/base-pattern-lock/Component.js CHANGED
@@ -63,5 +63,7 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
63
63
  _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
64
64
  _c)) }))));
65
65
  });
66
+ BasePatternLock.displayName = 'BasePatternLock';
67
+ reactCanvasPatternLock.ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
66
68
 
67
69
  exports.BasePatternLock = BasePatternLock;
package/cssm/desktop/Component.desktop.js CHANGED
@@ -13,5 +13,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
14
14
 
15
15
  var PatternLockDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { hover: true, ref: ref, styles: styles__default.default })); });
16
+ PatternLockDesktop.displayName = 'PatternLockDesktop';
16
17
 
17
18
  exports.PatternLockDesktop = PatternLockDesktop;
package/cssm/mobile/Component.mobile.js CHANGED
@@ -13,5 +13,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
13
13
  var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
14
14
 
15
15
  var PatternLockMobile = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { ref: ref, styles: styles__default.default })); });
16
+ PatternLockMobile.displayName = 'PatternLockMobile';
16
17
 
17
18
  exports.PatternLockMobile = PatternLockMobile;
package/desktop/Component.desktop.js CHANGED
@@ -10,9 +10,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"component":"pattern-lock__component_8j5d3","forgotBtn":"pattern-lock__forgotBtn_8j5d3","hiddenBtn":"pattern-lock__hiddenBtn_8j5d3"};
13
+ var styles = {"component":"pattern-lock__component_evq3c","forgotBtn":"pattern-lock__forgotBtn_evq3c","hiddenBtn":"pattern-lock__hiddenBtn_evq3c"};
14
14
  require('./desktop.css')
15
15
 
16
16
  var PatternLockDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { hover: true, ref: ref, styles: styles })); });
17
+ PatternLockDesktop.displayName = 'PatternLockDesktop';
17
18
 
18
19
  exports.PatternLockDesktop = PatternLockDesktop;
package/desktop/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 424ti */
1
+ /* hash: 1u886 */
2
2
  :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 */
3
3
  } /* 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 */
4
4
  } :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 */
@@ -18,11 +18,11 @@
18
18
  } :root {
19
19
  } :root {
20
20
  --pattern-lock-desktop-max-width: 240px;
21
- } .pattern-lock__component_8j5d3 {
21
+ } .pattern-lock__component_evq3c {
22
22
  max-width: var(--pattern-lock-desktop-max-width);
23
23
  margin: var(--gap-xs) 0 var(--gap-xl) 0;
24
- } .pattern-lock__forgotBtn_8j5d3 {
24
+ } .pattern-lock__forgotBtn_evq3c {
25
25
  margin: var(--gap-xl) auto 0;
26
- } .pattern-lock__hiddenBtn_8j5d3 {
26
+ } .pattern-lock__hiddenBtn_evq3c {
27
27
  display: none;
28
28
  }
package/esm/Component.responsive.js CHANGED
@@ -11,5 +11,6 @@ var PatternLock = forwardRef(function (_a, ref) {
11
11
  var Component = isDesktop ? PatternLockDesktop : PatternLockMobile;
12
12
  return React.createElement(Component, __assign({ ref: ref }, restProps));
13
13
  });
14
+ PatternLock.displayName = 'PatternLock';
14
15
 
15
16
  export { PatternLock };
package/esm/components/base-pattern-lock/Component.js CHANGED
@@ -7,7 +7,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
7
7
  import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from '../../consts.js';
8
8
  import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from '../../utils.js';
9
9
 
10
- var commonStyles = {"component":"pattern-lock__component_byils","hidden":"pattern-lock__hidden_byils","message":"pattern-lock__message_byils","error":"pattern-lock__error_byils","forgotBtn":"pattern-lock__forgotBtn_byils"};
10
+ var commonStyles = {"component":"pattern-lock__component_zjkqu","hidden":"pattern-lock__hidden_zjkqu","message":"pattern-lock__message_zjkqu","error":"pattern-lock__error_zjkqu","forgotBtn":"pattern-lock__forgotBtn_zjkqu"};
11
11
  require('./index.css')
12
12
 
13
13
  var BasePatternLock = forwardRef(function (_a, ref) {
@@ -55,5 +55,7 @@ var BasePatternLock = forwardRef(function (_a, ref) {
55
55
  _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
56
56
  _c)) }))));
57
57
  });
58
+ BasePatternLock.displayName = 'BasePatternLock';
59
+ ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
58
60
 
59
61
  export { BasePatternLock };
package/esm/components/base-pattern-lock/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14wes */
1
+ /* hash: dhcyc */
2
2
  :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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-negative: #ec2d20;
@@ -20,12 +20,12 @@
20
20
  } :root {
21
21
  --size-xs-height: 40px;
22
22
  } :root {
23
- } .pattern-lock__component_byils canvas {
23
+ } .pattern-lock__component_zjkqu canvas {
24
24
  display: block;
25
25
  margin: 0 auto;
26
- } .pattern-lock__hidden_byils {
26
+ } .pattern-lock__hidden_zjkqu {
27
27
  visibility: hidden;
28
- } .pattern-lock__message_byils {
28
+ } .pattern-lock__message_zjkqu {
29
29
  font-size: 16px;
30
30
  line-height: 24px;
31
31
  font-weight: 400;
@@ -37,9 +37,9 @@
37
37
  text-overflow: ellipsis;
38
38
  white-space: nowrap;
39
39
  color: var(--color-light-text-primary);
40
- } .pattern-lock__error_byils {
40
+ } .pattern-lock__error_zjkqu {
41
41
  color: var(--color-light-text-negative);
42
- } .pattern-lock__forgotBtn_byils {
42
+ } .pattern-lock__forgotBtn_zjkqu {
43
43
  display: block;
44
44
  min-height: var(--size-xs-height);
45
45
  }
package/esm/desktop/Component.desktop.js CHANGED
@@ -2,9 +2,10 @@ import { __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { BasePatternLock } from '../components/base-pattern-lock/Component.js';
4
4
 
5
- var styles = {"component":"pattern-lock__component_8j5d3","forgotBtn":"pattern-lock__forgotBtn_8j5d3","hiddenBtn":"pattern-lock__hiddenBtn_8j5d3"};
5
+ var styles = {"component":"pattern-lock__component_evq3c","forgotBtn":"pattern-lock__forgotBtn_evq3c","hiddenBtn":"pattern-lock__hiddenBtn_evq3c"};
6
6
  require('./desktop.css')
7
7
 
8
8
  var PatternLockDesktop = forwardRef(function (restProps, ref) { return React.createElement(BasePatternLock, __assign({}, restProps, { hover: true, ref: ref, styles: styles })); });
9
+ PatternLockDesktop.displayName = 'PatternLockDesktop';
9
10
 
10
11
  export { PatternLockDesktop };
package/esm/desktop/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 424ti */
1
+ /* hash: 1u886 */
2
2
  :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 */
3
3
  } /* 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 */
4
4
  } :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 */
@@ -18,11 +18,11 @@
18
18
  } :root {
19
19
  } :root {
20
20
  --pattern-lock-desktop-max-width: 240px;
21
- } .pattern-lock__component_8j5d3 {
21
+ } .pattern-lock__component_evq3c {
22
22
  max-width: var(--pattern-lock-desktop-max-width);
23
23
  margin: var(--gap-xs) 0 var(--gap-xl) 0;
24
- } .pattern-lock__forgotBtn_8j5d3 {
24
+ } .pattern-lock__forgotBtn_evq3c {
25
25
  margin: var(--gap-xl) auto 0;
26
- } .pattern-lock__hiddenBtn_8j5d3 {
26
+ } .pattern-lock__hiddenBtn_evq3c {
27
27
  display: none;
28
28
  }
package/esm/mobile/Component.mobile.js CHANGED
@@ -2,9 +2,10 @@ import { __assign } from 'tslib';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { BasePatternLock } from '../components/base-pattern-lock/Component.js';
4
4
 
5
- var styles = {"component":"pattern-lock__component_iaz5f","forgotBtn":"pattern-lock__forgotBtn_iaz5f"};
5
+ var styles = {"component":"pattern-lock__component_1tr12","forgotBtn":"pattern-lock__forgotBtn_1tr12"};
6
6
  require('./mobile.css')
7
7
 
8
8
  var PatternLockMobile = forwardRef(function (restProps, ref) { return React.createElement(BasePatternLock, __assign({}, restProps, { ref: ref, styles: styles })); });
9
+ PatternLockMobile.displayName = 'PatternLockMobile';
9
10
 
10
11
  export { PatternLockMobile };
package/esm/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: ldklv */
1
+ /* hash: bh50l */
2
2
  :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 */
3
3
  } /* 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 */
4
4
  } :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 */
@@ -23,26 +23,26 @@
23
23
  --size-m-height: 56px;
24
24
  } :root {
25
25
  --pattern-lock-max-width: 500px;
26
- } .pattern-lock__component_iaz5f {
26
+ } .pattern-lock__component_1tr12 {
27
27
  max-width: var(--pattern-lock-max-width);
28
28
  margin: var(--gap-xs) 0 var(--gap-xl) 0;
29
- } .pattern-lock__forgotBtn_iaz5f {
29
+ } .pattern-lock__forgotBtn_1tr12 {
30
30
  margin: var(--gap-xl) auto 0;
31
31
  } @media screen and (min-width: 360px) {
32
- .pattern-lock__forgotBtn_iaz5f {
32
+ .pattern-lock__forgotBtn_1tr12 {
33
33
  margin-top: var(--gap-2xl);
34
34
  min-height: var(--size-s-height);
35
35
  }
36
36
 
37
- .pattern-lock__component_iaz5f {
37
+ .pattern-lock__component_1tr12 {
38
38
  margin-bottom: var(--gap-s);
39
39
  }
40
40
  } @media screen and (min-width: 390px) {
41
- .pattern-lock__forgotBtn_iaz5f {
41
+ .pattern-lock__forgotBtn_1tr12 {
42
42
  min-height: var(--size-m-height);
43
43
  }
44
44
 
45
- .pattern-lock__component_iaz5f {
45
+ .pattern-lock__component_1tr12 {
46
46
  margin-bottom: var(--gap-l);
47
47
  }
48
48
  }
package/mobile/Component.mobile.js CHANGED
@@ -10,9 +10,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
 
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
 
13
- var styles = {"component":"pattern-lock__component_iaz5f","forgotBtn":"pattern-lock__forgotBtn_iaz5f"};
13
+ var styles = {"component":"pattern-lock__component_1tr12","forgotBtn":"pattern-lock__forgotBtn_1tr12"};
14
14
  require('./mobile.css')
15
15
 
16
16
  var PatternLockMobile = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { ref: ref, styles: styles })); });
17
+ PatternLockMobile.displayName = 'PatternLockMobile';
17
18
 
18
19
  exports.PatternLockMobile = PatternLockMobile;
package/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: ldklv */
1
+ /* hash: bh50l */
2
2
  :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 */
3
3
  } /* 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 */
4
4
  } :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 */
@@ -23,26 +23,26 @@
23
23
  --size-m-height: 56px;
24
24
  } :root {
25
25
  --pattern-lock-max-width: 500px;
26
- } .pattern-lock__component_iaz5f {
26
+ } .pattern-lock__component_1tr12 {
27
27
  max-width: var(--pattern-lock-max-width);
28
28
  margin: var(--gap-xs) 0 var(--gap-xl) 0;
29
- } .pattern-lock__forgotBtn_iaz5f {
29
+ } .pattern-lock__forgotBtn_1tr12 {
30
30
  margin: var(--gap-xl) auto 0;
31
31
  } @media screen and (min-width: 360px) {
32
- .pattern-lock__forgotBtn_iaz5f {
32
+ .pattern-lock__forgotBtn_1tr12 {
33
33
  margin-top: var(--gap-2xl);
34
34
  min-height: var(--size-s-height);
35
35
  }
36
36
 
37
- .pattern-lock__component_iaz5f {
37
+ .pattern-lock__component_1tr12 {
38
38
  margin-bottom: var(--gap-s);
39
39
  }
40
40
  } @media screen and (min-width: 390px) {
41
- .pattern-lock__forgotBtn_iaz5f {
41
+ .pattern-lock__forgotBtn_1tr12 {
42
42
  min-height: var(--size-m-height);
43
43
  }
44
44
 
45
- .pattern-lock__component_iaz5f {
45
+ .pattern-lock__component_1tr12 {
46
46
  margin-bottom: var(--gap-l);
47
47
  }
48
48
  }
package/modern/Component.responsive.js CHANGED
@@ -9,5 +9,6 @@ const PatternLock = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
9
9
  const Component = isDesktop ? PatternLockDesktop : PatternLockMobile;
10
10
  return React.createElement(Component, { ref: ref, ...restProps });
11
11
  });
12
+ PatternLock.displayName = 'PatternLock';
12
13
 
13
14
  export { PatternLock };
package/modern/components/base-pattern-lock/Component.js CHANGED
@@ -6,7 +6,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
6
6
  import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from '../../consts.js';
7
7
  import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from '../../utils.js';
8
8
 
9
- const commonStyles = {"component":"pattern-lock__component_byils","hidden":"pattern-lock__hidden_byils","message":"pattern-lock__message_byils","error":"pattern-lock__error_byils","forgotBtn":"pattern-lock__forgotBtn_byils"};
9
+ const commonStyles = {"component":"pattern-lock__component_zjkqu","hidden":"pattern-lock__hidden_zjkqu","message":"pattern-lock__message_zjkqu","error":"pattern-lock__error_zjkqu","forgotBtn":"pattern-lock__forgotBtn_zjkqu"};
10
10
  require('./index.css')
11
11
 
12
12
  const BasePatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, message, messageClassName, hover, styles = {}, ...restProps }, ref) => {
@@ -50,5 +50,7 @@ const BasePatternLock = forwardRef(({ observeTokens = false, observerParams = {}
50
50
  [styles.hiddenBtn]: Boolean(styles.hiddenBtn),
51
51
  }) }))));
52
52
  });
53
+ BasePatternLock.displayName = 'BasePatternLock';
54
+ ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
53
55
 
54
56
  export { BasePatternLock };
package/modern/components/base-pattern-lock/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14wes */
1
+ /* hash: dhcyc */
2
2
  :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 */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-negative: #ec2d20;
@@ -20,12 +20,12 @@
20
20
  } :root {
21
21
  --size-xs-height: 40px;
22
22
  } :root {
23
- } .pattern-lock__component_byils canvas {
23
+ } .pattern-lock__component_zjkqu canvas {
24
24
  display: block;
25
25
  margin: 0 auto;
26
- } .pattern-lock__hidden_byils {
26
+ } .pattern-lock__hidden_zjkqu {
27
27
  visibility: hidden;
28
- } .pattern-lock__message_byils {
28
+ } .pattern-lock__message_zjkqu {
29
29
  font-size: 16px;
30
30
  line-height: 24px;
31
31
  font-weight: 400;
@@ -37,9 +37,9 @@
37
37
  text-overflow: ellipsis;
38
38
  white-space: nowrap;
39
39
  color: var(--color-light-text-primary);
40
- } .pattern-lock__error_byils {
40
+ } .pattern-lock__error_zjkqu {
41
41
  color: var(--color-light-text-negative);
42
- } .pattern-lock__forgotBtn_byils {
42
+ } .pattern-lock__forgotBtn_zjkqu {
43
43
  display: block;
44
44
  min-height: var(--size-xs-height);
45
45
  }
package/modern/desktop/Component.desktop.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { BasePatternLock } from '../components/base-pattern-lock/Component.js';
3
3
 
4
- const styles = {"component":"pattern-lock__component_8j5d3","forgotBtn":"pattern-lock__forgotBtn_8j5d3","hiddenBtn":"pattern-lock__hiddenBtn_8j5d3"};
4
+ const styles = {"component":"pattern-lock__component_evq3c","forgotBtn":"pattern-lock__forgotBtn_evq3c","hiddenBtn":"pattern-lock__hiddenBtn_evq3c"};
5
5
  require('./desktop.css')
6
6
 
7
7
  const PatternLockDesktop = forwardRef((restProps, ref) => React.createElement(BasePatternLock, { ...restProps, hover: true, ref: ref, styles: styles }));
8
+ PatternLockDesktop.displayName = 'PatternLockDesktop';
8
9
 
9
10
  export { PatternLockDesktop };
package/modern/desktop/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 424ti */
1
+ /* hash: 1u886 */
2
2
  :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 */
3
3
  } /* 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 */
4
4
  } :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 */
@@ -18,11 +18,11 @@
18
18
  } :root {
19
19
  } :root {
20
20
  --pattern-lock-desktop-max-width: 240px;
21
- } .pattern-lock__component_8j5d3 {
21
+ } .pattern-lock__component_evq3c {
22
22
  max-width: var(--pattern-lock-desktop-max-width);
23
23
  margin: var(--gap-xs) 0 var(--gap-xl) 0;
24
- } .pattern-lock__forgotBtn_8j5d3 {
24
+ } .pattern-lock__forgotBtn_evq3c {
25
25
  margin: var(--gap-xl) auto 0;
26
- } .pattern-lock__hiddenBtn_8j5d3 {
26
+ } .pattern-lock__hiddenBtn_evq3c {
27
27
  display: none;
28
28
  }
package/modern/mobile/Component.mobile.js CHANGED
@@ -1,9 +1,10 @@
1
1
  import React, { forwardRef } from 'react';
2
2
  import { BasePatternLock } from '../components/base-pattern-lock/Component.js';
3
3
 
4
- const styles = {"component":"pattern-lock__component_iaz5f","forgotBtn":"pattern-lock__forgotBtn_iaz5f"};
4
+ const styles = {"component":"pattern-lock__component_1tr12","forgotBtn":"pattern-lock__forgotBtn_1tr12"};
5
5
  require('./mobile.css')
6
6
 
7
7
  const PatternLockMobile = forwardRef((restProps, ref) => React.createElement(BasePatternLock, { ...restProps, ref: ref, styles: styles }));
8
+ PatternLockMobile.displayName = 'PatternLockMobile';
8
9
 
9
10
  export { PatternLockMobile };
package/modern/mobile/mobile.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: ldklv */
1
+ /* hash: bh50l */
2
2
  :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 */
3
3
  } /* 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 */
4
4
  } :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 */
@@ -23,26 +23,26 @@
23
23
  --size-m-height: 56px;
24
24
  } :root {
25
25
  --pattern-lock-max-width: 500px;
26
- } .pattern-lock__component_iaz5f {
26
+ } .pattern-lock__component_1tr12 {
27
27
  max-width: var(--pattern-lock-max-width);
28
28
  margin: var(--gap-xs) 0 var(--gap-xl) 0;
29
- } .pattern-lock__forgotBtn_iaz5f {
29
+ } .pattern-lock__forgotBtn_1tr12 {
30
30
  margin: var(--gap-xl) auto 0;
31
31
  } @media screen and (min-width: 360px) {
32
- .pattern-lock__forgotBtn_iaz5f {
32
+ .pattern-lock__forgotBtn_1tr12 {
33
33
  margin-top: var(--gap-2xl);
34
34
  min-height: var(--size-s-height);
35
35
  }
36
36
 
37
- .pattern-lock__component_iaz5f {
37
+ .pattern-lock__component_1tr12 {
38
38
  margin-bottom: var(--gap-s);
39
39
  }
40
40
  } @media screen and (min-width: 390px) {
41
- .pattern-lock__forgotBtn_iaz5f {
41
+ .pattern-lock__forgotBtn_1tr12 {
42
42
  min-height: var(--size-m-height);
43
43
  }
44
44
 
45
- .pattern-lock__component_iaz5f {
45
+ .pattern-lock__component_1tr12 {
46
46
  margin-bottom: var(--gap-l);
47
47
  }
48
48
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pattern-lock",
3
- "version": "1.7.3",
3
+ "version": "1.7.4",
4
4
  "description": "Pattern lock",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,7 +15,7 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-button": "^11.4.4",
18
+ "@alfalab/core-components-button": "^11.4.5",
19
19
  "@alfalab/core-components-shared": "^0.10.0",
20
20
  "@alfalab/core-components-mq": "^4.2.0",
21
21
  "react-canvas-pattern-lock": "^2.0.6",
package/src/Component.responsive.tsx CHANGED
@@ -18,3 +18,5 @@ export const PatternLock = forwardRef<TPatternLockInstance, PatternLockProps>(
18
18
  return <Component ref={ref} {...restProps} />;
19
19
  },
20
20
  );
21
+
22
+ PatternLock.displayName = 'PatternLock';
package/src/components/base-pattern-lock/Component.tsx CHANGED
@@ -144,3 +144,6 @@ export const BasePatternLock = forwardRef<
144
144
  );
145
145
  },
146
146
  );
147
+
148
+ BasePatternLock.displayName = 'BasePatternLock';
149
+ ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
package/src/desktop/Component.desktop.tsx CHANGED
@@ -9,3 +9,5 @@ import styles from './desktop.module.css';
9
9
  export const PatternLockDesktop = forwardRef<TPatternLockInstance, CommonPatternLockProps>(
10
10
  (restProps, ref) => <BasePatternLock {...restProps} hover={true} ref={ref} styles={styles} />,
11
11
  );
12
+
13
+ PatternLockDesktop.displayName = 'PatternLockDesktop';
package/src/mobile/Component.mobile.tsx CHANGED
@@ -9,3 +9,5 @@ import styles from './mobile.module.css';
9
9
  export const PatternLockMobile = forwardRef<TPatternLockInstance, CommonPatternLockProps>(
10
10
  (restProps, ref) => <BasePatternLock {...restProps} ref={ref} styles={styles} />,
11
11
  );
12
+
13
+ PatternLockMobile.displayName = 'PatternLockMobile';