@alfalab/core-components-pattern-lock 2.1.0 → 2.2.1

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 (74) hide show
  1. package/Component.responsive.d.ts +1 -1
  2. package/components/base-pattern-lock/Component.d.ts +1 -1
  3. package/components/base-pattern-lock/Component.js +7 -5
  4. package/components/base-pattern-lock/index.css +24 -10
  5. package/consts.d.ts +1 -1
  6. package/consts.js +0 -1
  7. package/cssm/Component.responsive.d.ts +1 -1
  8. package/cssm/components/base-pattern-lock/Component.d.ts +1 -1
  9. package/cssm/components/base-pattern-lock/Component.js +6 -4
  10. package/cssm/components/base-pattern-lock/index.module.css +20 -6
  11. package/cssm/consts.d.ts +1 -1
  12. package/cssm/consts.js +0 -1
  13. package/cssm/desktop/Component.desktop.d.ts +1 -1
  14. package/cssm/desktop/desktop.module.css +8 -4
  15. package/cssm/hooks/use-pattern-lock-cleanup.d.ts +1 -1
  16. package/cssm/mobile/Component.mobile.d.ts +1 -1
  17. package/cssm/mobile/mobile.module.css +8 -4
  18. package/cssm/typings.d.ts +1 -2
  19. package/cssm/utils.d.ts +1 -1
  20. package/cssm/utils.js +1 -1
  21. package/desktop/Component.desktop.d.ts +1 -1
  22. package/desktop/Component.desktop.js +1 -1
  23. package/desktop/desktop.css +12 -8
  24. package/esm/Component.responsive.d.ts +1 -1
  25. package/esm/components/base-pattern-lock/Component.d.ts +1 -1
  26. package/esm/components/base-pattern-lock/Component.js +7 -5
  27. package/esm/components/base-pattern-lock/index.css +24 -10
  28. package/esm/consts.d.ts +1 -1
  29. package/esm/consts.js +0 -1
  30. package/esm/desktop/Component.desktop.d.ts +1 -1
  31. package/esm/desktop/Component.desktop.js +1 -1
  32. package/esm/desktop/desktop.css +12 -8
  33. package/esm/hooks/use-pattern-lock-cleanup.d.ts +1 -1
  34. package/esm/mobile/Component.mobile.d.ts +1 -1
  35. package/esm/mobile/Component.mobile.js +1 -1
  36. package/esm/mobile/mobile.css +11 -7
  37. package/esm/typings.d.ts +1 -2
  38. package/esm/utils.d.ts +1 -1
  39. package/esm/utils.js +1 -1
  40. package/hooks/use-pattern-lock-cleanup.d.ts +1 -1
  41. package/mobile/Component.mobile.d.ts +1 -1
  42. package/mobile/Component.mobile.js +1 -1
  43. package/mobile/mobile.css +11 -7
  44. package/modern/Component.responsive.d.ts +1 -1
  45. package/modern/components/base-pattern-lock/Component.d.ts +1 -1
  46. package/modern/components/base-pattern-lock/Component.js +7 -5
  47. package/modern/components/base-pattern-lock/index.css +24 -10
  48. package/modern/consts.d.ts +1 -1
  49. package/modern/consts.js +0 -1
  50. package/modern/desktop/Component.desktop.d.ts +1 -1
  51. package/modern/desktop/Component.desktop.js +1 -1
  52. package/modern/desktop/desktop.css +12 -8
  53. package/modern/hooks/use-pattern-lock-cleanup.d.ts +1 -1
  54. package/modern/mobile/Component.mobile.d.ts +1 -1
  55. package/modern/mobile/Component.mobile.js +1 -1
  56. package/modern/mobile/mobile.css +11 -7
  57. package/modern/typings.d.ts +1 -2
  58. package/modern/utils.d.ts +1 -1
  59. package/modern/utils.js +1 -1
  60. package/package.json +7 -5
  61. package/src/Component.responsive.tsx +1 -1
  62. package/src/components/base-pattern-lock/Component.tsx +19 -15
  63. package/src/components/base-pattern-lock/index.module.css +14 -1
  64. package/src/consts.ts +1 -2
  65. package/src/desktop/Component.desktop.tsx +2 -1
  66. package/src/desktop/desktop.module.css +1 -1
  67. package/src/hooks/use-pattern-lock-cleanup.tsx +2 -1
  68. package/src/mobile/Component.mobile.tsx +2 -1
  69. package/src/mobile/mobile.module.css +1 -1
  70. package/src/typings.ts +2 -2
  71. package/src/utils.ts +2 -3
  72. package/typings.d.ts +1 -2
  73. package/utils.d.ts +1 -1
  74. package/utils.js +1 -1
package/Component.responsive.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
3
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
4
  import { PatternLockProps } from "./typings";
5
5
  declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
6
6
  export { PatternLock };
package/components/base-pattern-lock/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
3
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
4
  import { CommonPatternLockProps, PrivatePatternLockProps } from "../../typings";
5
5
  declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;
6
6
  export { BasePatternLock };
package/components/base-pattern-lock/Component.js CHANGED
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
- var reactCanvasPatternLock = require('react-canvas-pattern-lock');
8
7
  var cn = require('classnames');
9
8
  var mobile = require('@alfalab/core-components-button/mobile');
10
9
  var coreComponentsShared = require('@alfalab/core-components-shared');
10
+ var reactCanvasPatternLock = require('@alfalab/react-canvas-pattern-lock');
11
11
  var consts = require('../../consts.js');
12
12
  var utils = require('../../utils.js');
13
13
 
@@ -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_9swl8","withForgotBtn":"pattern-lock__withForgotBtn_9swl8","forgotBtn":"pattern-lock__forgotBtn_9swl8"};
19
+ var commonStyles = {"component":"pattern-lock__component_10yww","canvasContainer":"pattern-lock__canvasContainer_10yww","canvasInner":"pattern-lock__canvasInner_10yww","withForgotBtn":"pattern-lock__withForgotBtn_10yww","forgotBtn":"pattern-lock__forgotBtn_10yww"};
20
20
  require('./index.css')
21
21
 
22
22
  var BasePatternLock = React.forwardRef(function (_a, ref) {
@@ -41,8 +41,8 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
41
41
  if (!prevState) {
42
42
  return { theme: utils.getTheme(elementSizes), width: width, height: height };
43
43
  }
44
- var prevBgColor = prevState.theme[consts.THEME_STATE.INITIAL].colors.bg;
45
- var themeChanged = prevBgColor !== utils.getColorByToken(consts.OBSERVABLE_TOKENS.BG);
44
+ var prevBgColor = prevState.theme[consts.THEME_STATE.INITIAL].colors.primary;
45
+ var themeChanged = prevBgColor !== utils.getColorByToken(consts.OBSERVABLE_TOKENS.PRIMARY);
46
46
  if (themeChanged)
47
47
  return tslib.__assign(tslib.__assign({}, prevState), { theme: utils.getTheme(elementSizes) });
48
48
  return prevState;
@@ -57,7 +57,9 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
57
57
  _b[commonStyles.hidden] = !params,
58
58
  _b[commonStyles.withForgotBtn] = showForgotCodeBtn,
59
59
  _b)), "data-test-id": dataTestId },
60
- React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: 'space-between', extraBounds: extraBounds, hover: hover })),
60
+ React__default.default.createElement("div", { className: commonStyles.canvasContainer },
61
+ React__default.default.createElement("div", { className: commonStyles.canvasInner },
62
+ React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: 'space-between', extraBounds: extraBounds, hover: hover })))),
61
63
  showForgotCodeBtn && (React__default.default.createElement(mobile.ButtonMobile, { view: 'transparent', className: cn__default.default(commonStyles.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText))));
62
64
  });
63
65
  BasePatternLock.displayName = 'BasePatternLock';
package/components/base-pattern-lock/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: l1x68 */
1
+ /* hash: 1kqqe */
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -10,27 +10,41 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
- } :root {
14
- } :root {
15
- --gap-m: 16px;
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
16
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+ --gap-m: 16px; /* 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
+
19
+ /* новые значения, используйте их */
16
20
  } :root {
17
21
  } :root {
18
22
  --size-xs-height: 40px;
19
23
  } :root {
24
+ --pattern-lock-min-width: 304px;
20
25
  --pattern-lock-min-height: 272px;
21
26
  --pattern-lock-with-forgot-btn-min-height: 336px;
22
- } .pattern-lock__component_9swl8 {
27
+ } .pattern-lock__component_10yww {
23
28
  display: flex;
24
29
  flex-direction: column;
30
+ align-items: center;
25
31
  box-sizing: border-box;
26
- min-height: var(--pattern-lock-min-height);
27
- padding: var(--gap-m) 0
28
- } .pattern-lock__component_9swl8 canvas {
32
+ min-height: var(--pattern-lock-min-height)
33
+ } .pattern-lock__component_10yww canvas {
29
34
  display: block;
30
35
  margin: 0 auto;
31
- } .pattern-lock__withForgotBtn_9swl8 {
36
+ } .pattern-lock__component_10yww .pattern-lock__canvasContainer_10yww {
37
+ box-sizing: border-box;
38
+ padding: var(--gap-m) var(--gap-m);
39
+ min-width: var(--pattern-lock-min-width);
40
+ min-height: var(--pattern-lock-min-height)
41
+ } .pattern-lock__component_10yww .pattern-lock__canvasContainer_10yww .pattern-lock__canvasInner_10yww {
42
+ box-sizing: border-box;
43
+ padding: 0 var(--gap-m);
44
+ min-width: var(--pattern-lock-min-height);
45
+ } .pattern-lock__withForgotBtn_10yww {
32
46
  min-height: var(--pattern-lock-with-forgot-btn-min-height);
33
- } .pattern-lock__forgotBtn_9swl8 {
47
+ } .pattern-lock__forgotBtn_10yww {
34
48
  display: block;
35
49
  min-height: var(--size-xs-height);
36
50
  }
package/consts.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
1
+ import { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
2
2
  import { ObservableTokens } from "./typings";
3
3
  declare const OBSERVE_OPTIONS: MutationObserverInit;
4
4
  declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
package/consts.js CHANGED
@@ -14,7 +14,6 @@ var OBSERVABLE_TOKENS = {
14
14
  ACCENT_SUCCESS: '--color-light-status-positive',
15
15
  ACCENT_FAILURE: '--color-light-status-negative',
16
16
  PRIMARY: '--color-light-neutral-500',
17
- BG: '--color-light-base-bg-primary',
18
17
  RING_BG_INITIAL: '--color-light-neutral-translucent-200',
19
18
  SELECTED_RING_BG_INITIAL: '--color-light-neutral-translucent-200-hover',
20
19
  SELECTED_RING_BG_SUCCESS: '--color-light-status-muted-positive',
package/cssm/Component.responsive.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
3
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
4
  import { PatternLockProps } from "./typings";
5
5
  declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
6
6
  export { PatternLock };
package/cssm/components/base-pattern-lock/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
3
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
4
  import { CommonPatternLockProps, PrivatePatternLockProps } from "../../typings";
5
5
  declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;
6
6
  export { BasePatternLock };
package/cssm/components/base-pattern-lock/Component.js CHANGED
@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
- var reactCanvasPatternLock = require('react-canvas-pattern-lock');
8
7
  var cn = require('classnames');
9
8
  var mobile = require('@alfalab/core-components-button/cssm/mobile');
10
9
  var coreComponentsShared = require('@alfalab/core-components-shared/cssm');
10
+ var reactCanvasPatternLock = require('@alfalab/react-canvas-pattern-lock');
11
11
  var consts = require('../../consts.js');
12
12
  var utils = require('../../utils.js');
13
13
  var commonStyles = require('./index.module.css');
@@ -40,8 +40,8 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
40
40
  if (!prevState) {
41
41
  return { theme: utils.getTheme(elementSizes), width: width, height: height };
42
42
  }
43
- var prevBgColor = prevState.theme[consts.THEME_STATE.INITIAL].colors.bg;
44
- var themeChanged = prevBgColor !== utils.getColorByToken(consts.OBSERVABLE_TOKENS.BG);
43
+ var prevBgColor = prevState.theme[consts.THEME_STATE.INITIAL].colors.primary;
44
+ var themeChanged = prevBgColor !== utils.getColorByToken(consts.OBSERVABLE_TOKENS.PRIMARY);
45
45
  if (themeChanged)
46
46
  return tslib.__assign(tslib.__assign({}, prevState), { theme: utils.getTheme(elementSizes) });
47
47
  return prevState;
@@ -56,7 +56,9 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
56
56
  _b[commonStyles__default.default.hidden] = !params,
57
57
  _b[commonStyles__default.default.withForgotBtn] = showForgotCodeBtn,
58
58
  _b)), "data-test-id": dataTestId },
59
- React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: 'space-between', extraBounds: extraBounds, hover: hover })),
59
+ React__default.default.createElement("div", { className: commonStyles__default.default.canvasContainer },
60
+ React__default.default.createElement("div", { className: commonStyles__default.default.canvasInner },
61
+ React__default.default.createElement(reactCanvasPatternLock.ReactCanvasPatternLock, tslib.__assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: 'space-between', extraBounds: extraBounds, hover: hover })))),
60
62
  showForgotCodeBtn && (React__default.default.createElement(mobile.ButtonMobile, { view: 'transparent', className: cn__default.default(commonStyles__default.default.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText))));
61
63
  });
62
64
  BasePatternLock.displayName = 'BasePatternLock';
package/cssm/components/base-pattern-lock/index.module.css CHANGED
@@ -9,25 +9,39 @@
9
9
  /* Up */
10
10
 
11
11
  /* Hard up */
12
- } :root {
13
- } :root {
14
- --gap-m: 16px;
12
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
+
14
+ /* новые значения, используйте их */
15
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
+ --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
15
19
  } :root {
16
20
  } :root {
17
21
  --size-xs-height: 40px;
18
22
  } :root {
23
+ --pattern-lock-min-width: 304px;
19
24
  --pattern-lock-min-height: 272px;
20
25
  --pattern-lock-with-forgot-btn-min-height: 336px;
21
26
  } .component {
22
27
  display: flex;
23
28
  flex-direction: column;
29
+ align-items: center;
24
30
  box-sizing: border-box;
25
- min-height: var(--pattern-lock-min-height);
26
- padding: var(--gap-m) 0
31
+ min-height: var(--pattern-lock-min-height)
27
32
  } .component canvas {
28
33
  display: block;
29
34
  margin: 0 auto;
30
- } .withForgotBtn {
35
+ } .component .canvasContainer {
36
+ box-sizing: border-box;
37
+ padding: var(--gap-m) var(--gap-m);
38
+ min-width: var(--pattern-lock-min-width);
39
+ min-height: var(--pattern-lock-min-height)
40
+ } .component .canvasContainer .canvasInner {
41
+ box-sizing: border-box;
42
+ padding: 0 var(--gap-m);
43
+ min-width: var(--pattern-lock-min-height);
44
+ } .withForgotBtn {
31
45
  min-height: var(--pattern-lock-with-forgot-btn-min-height);
32
46
  } .forgotBtn {
33
47
  display: block;
package/cssm/consts.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
1
+ import { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
2
2
  import { ObservableTokens } from "./typings";
3
3
  declare const OBSERVE_OPTIONS: MutationObserverInit;
4
4
  declare const DEFAULT_EXTRA_BOUNDS: ReactPatternLockProps['extraBounds'];
package/cssm/consts.js CHANGED
@@ -14,7 +14,6 @@ var OBSERVABLE_TOKENS = {
14
14
  ACCENT_SUCCESS: '--color-light-status-positive',
15
15
  ACCENT_FAILURE: '--color-light-status-negative',
16
16
  PRIMARY: '--color-light-neutral-500',
17
- BG: '--color-light-base-bg-primary',
18
17
  RING_BG_INITIAL: '--color-light-neutral-translucent-200',
19
18
  SELECTED_RING_BG_INITIAL: '--color-light-neutral-translucent-200-hover',
20
19
  SELECTED_RING_BG_SUCCESS: '--color-light-status-muted-positive',
package/cssm/desktop/Component.desktop.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
3
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
4
  import { CommonPatternLockProps } from "../typings";
5
5
  declare const PatternLockDesktop: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;
6
6
  export { PatternLockDesktop };
package/cssm/desktop/desktop.module.css CHANGED
@@ -9,9 +9,13 @@
9
9
  /* Up */
10
10
 
11
11
  /* Hard up */
12
- } :root {
13
- } :root {
14
- --gap-xl: 24px;
12
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
+
14
+ /* новые значения, используйте их */
15
+ } :root { /* deprecated */ /* deprecated */
16
+ --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
15
19
  } :root {
16
20
  } :root {
17
21
  } :root {
@@ -20,7 +24,7 @@
20
24
  margin: 0 auto;
21
25
  min-width: var(--pattern-lock-min-width);
22
26
  } .forgotBtn {
23
- margin: var(--gap-xl) auto 0;
27
+ margin: var(--gap-xs) auto 0;
24
28
  } .hiddenBtn {
25
29
  display: none;
26
30
  }
package/cssm/hooks/use-pattern-lock-cleanup.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
2
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
3
3
  declare const usePatternLockCleanup: (patternLockRef: React.MutableRefObject<TPatternLockInstance | null>) => {
4
4
  clear: void;
5
5
  };
package/cssm/mobile/Component.mobile.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
3
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
4
  import { CommonPatternLockProps } from "../typings";
5
5
  declare const PatternLockMobile: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;
6
6
  export { PatternLockMobile };
package/cssm/mobile/mobile.module.css CHANGED
@@ -9,9 +9,13 @@
9
9
  /* Up */
10
10
 
11
11
  /* Hard up */
12
- } :root {
13
- } :root {
14
- --gap-xl: 24px;
12
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
13
+
14
+ /* новые значения, используйте их */
15
+ } :root { /* deprecated */ /* deprecated */
16
+ --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
17
+
18
+ /* новые значения, используйте их */
15
19
  } :root {
16
20
  } :root {
17
21
  } :root {
@@ -20,5 +24,5 @@
20
24
  margin: 0 auto;
21
25
  min-width: var(--pattern-lock-min-width);
22
26
  } .forgotBtn {
23
- margin: var(--gap-xl) auto 0;
27
+ margin: var(--gap-xs) auto 0;
24
28
  }
package/cssm/typings.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { MouseEvent } from 'react';
2
- import { ReactPatternLockProps } from 'react-canvas-pattern-lock';
2
+ import { ReactPatternLockProps } from '@alfalab/react-canvas-pattern-lock';
3
3
  type ConditionalProps = {
4
4
  /**
5
5
  * Показать кнопку "забыли код"
@@ -80,7 +80,6 @@ type ObservableTokens = {
80
80
  SELECTED_RING_BG_SUCCESS: string;
81
81
  SELECTED_RING_BG_FAILURE: string;
82
82
  PRIMARY: string;
83
- BG: string;
84
83
  HOVER_INNER: string;
85
84
  HOVER_OUTER: string;
86
85
  };
package/cssm/utils.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { Theme, ThemeParams } from 'react-canvas-pattern-lock';
1
+ import { Theme, ThemeParams } from '@alfalab/react-canvas-pattern-lock';
2
2
  declare function getDefaultObserveTarget(): HTMLHeadElement;
3
3
  declare function getColorByToken(token: string): string;
4
4
  declare const getSizes: () => {
package/cssm/utils.js CHANGED
@@ -35,7 +35,7 @@ function getTheme(dimens) {
35
35
  var _a;
36
36
  var baseColors = {
37
37
  primary: getColorByToken(consts.OBSERVABLE_TOKENS.PRIMARY),
38
- bg: getColorByToken(consts.OBSERVABLE_TOKENS.BG),
38
+ bg: 'transparent',
39
39
  ringBg: getColorByToken(consts.OBSERVABLE_TOKENS.RING_BG_INITIAL),
40
40
  hover: {
41
41
  inner: getColorByToken(consts.OBSERVABLE_TOKENS.HOVER_INNER),
package/desktop/Component.desktop.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
3
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
4
  import { CommonPatternLockProps } from "../typings";
5
5
  declare const PatternLockDesktop: React.ForwardRefExoticComponent<CommonPatternLockProps & React.RefAttributes<TPatternLockInstance>>;
6
6
  export { PatternLockDesktop };
package/desktop/Component.desktop.js CHANGED
@@ -10,7 +10,7 @@ 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_jgr1i","forgotBtn":"pattern-lock__forgotBtn_jgr1i","hiddenBtn":"pattern-lock__hiddenBtn_jgr1i"};
13
+ var styles = {"component":"pattern-lock__component_1krnt","forgotBtn":"pattern-lock__forgotBtn_1krnt","hiddenBtn":"pattern-lock__hiddenBtn_1krnt"};
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 })); });
package/desktop/desktop.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: tosxa */
1
+ /* hash: xg94z */
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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -10,18 +10,22 @@
10
10
  /* Up */
11
11
 
12
12
  /* Hard up */
13
- } :root {
14
- } :root {
15
- --gap-xl: 24px;
13
+ } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
14
+
15
+ /* новые значения, используйте их */
16
+ } :root { /* deprecated */ /* deprecated */
17
+ --gap-xs: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* 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
+
19
+ /* новые значения, используйте их */
16
20
  } :root {
17
21
  } :root {
18
22
  } :root {
19
23
  --pattern-lock-min-width: 304px;
20
- } .pattern-lock__component_jgr1i {
24
+ } .pattern-lock__component_1krnt {
21
25
  margin: 0 auto;
22
26
  min-width: var(--pattern-lock-min-width);
23
- } .pattern-lock__forgotBtn_jgr1i {
24
- margin: var(--gap-xl) auto 0;
25
- } .pattern-lock__hiddenBtn_jgr1i {
27
+ } .pattern-lock__forgotBtn_1krnt {
28
+ margin: var(--gap-xs) auto 0;
29
+ } .pattern-lock__hiddenBtn_1krnt {
26
30
  display: none;
27
31
  }
package/esm/Component.responsive.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
3
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
4
  import { PatternLockProps } from "./typings";
5
5
  declare const PatternLock: React.ForwardRefExoticComponent<PatternLockProps & React.RefAttributes<TPatternLockInstance>>;
6
6
  export { PatternLock };
package/esm/components/base-pattern-lock/Component.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import React from 'react';
3
- import { TPatternLockInstance } from 'react-canvas-pattern-lock';
3
+ import { TPatternLockInstance } from '@alfalab/react-canvas-pattern-lock';
4
4
  import { CommonPatternLockProps, PrivatePatternLockProps } from "../../typings";
5
5
  declare const BasePatternLock: React.ForwardRefExoticComponent<(CommonPatternLockProps & PrivatePatternLockProps) & React.RefAttributes<TPatternLockInstance>>;
6
6
  export { BasePatternLock };
package/esm/components/base-pattern-lock/Component.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { __rest, __assign } from 'tslib';
2
2
  import React, { forwardRef, useState, useEffect } from 'react';
3
- import { ReactCanvasPatternLock } from 'react-canvas-pattern-lock';
4
3
  import cn from 'classnames';
5
4
  import { ButtonMobile } from '@alfalab/core-components-button/esm/mobile';
6
5
  import { getDataTestId } from '@alfalab/core-components-shared/esm';
6
+ import { ReactCanvasPatternLock } from '@alfalab/react-canvas-pattern-lock';
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_9swl8","withForgotBtn":"pattern-lock__withForgotBtn_9swl8","forgotBtn":"pattern-lock__forgotBtn_9swl8"};
10
+ var commonStyles = {"component":"pattern-lock__component_10yww","canvasContainer":"pattern-lock__canvasContainer_10yww","canvasInner":"pattern-lock__canvasInner_10yww","withForgotBtn":"pattern-lock__withForgotBtn_10yww","forgotBtn":"pattern-lock__forgotBtn_10yww"};
11
11
  require('./index.css')
12
12
 
13
13
  var BasePatternLock = forwardRef(function (_a, ref) {
@@ -32,8 +32,8 @@ var BasePatternLock = forwardRef(function (_a, ref) {
32
32
  if (!prevState) {
33
33
  return { theme: getTheme(elementSizes), width: width, height: height };
34
34
  }
35
- var prevBgColor = prevState.theme[THEME_STATE.INITIAL].colors.bg;
36
- var themeChanged = prevBgColor !== getColorByToken(OBSERVABLE_TOKENS.BG);
35
+ var prevBgColor = prevState.theme[THEME_STATE.INITIAL].colors.primary;
36
+ var themeChanged = prevBgColor !== getColorByToken(OBSERVABLE_TOKENS.PRIMARY);
37
37
  if (themeChanged)
38
38
  return __assign(__assign({}, prevState), { theme: getTheme(elementSizes) });
39
39
  return prevState;
@@ -48,7 +48,9 @@ var BasePatternLock = forwardRef(function (_a, ref) {
48
48
  _b[commonStyles.hidden] = !params,
49
49
  _b[commonStyles.withForgotBtn] = showForgotCodeBtn,
50
50
  _b)), "data-test-id": dataTestId },
51
- React.createElement(ReactCanvasPatternLock, __assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: 'space-between', extraBounds: extraBounds, hover: hover })),
51
+ React.createElement("div", { className: commonStyles.canvasContainer },
52
+ React.createElement("div", { className: commonStyles.canvasInner },
53
+ React.createElement(ReactCanvasPatternLock, __assign({}, restProps, params, { ref: ref, rows: 3, cols: 3, justifyNodes: 'space-between', extraBounds: extraBounds, hover: hover })))),
52
54
  showForgotCodeBtn && (React.createElement(ButtonMobile, { view: 'transparent', className: cn(commonStyles.forgotBtn, styles.forgotBtn), onClick: onForgotBtnClick, dataTestId: getDataTestId(dataTestId, 'forgot-code-btn') }, forgotCodeBtnText))));
53
55
  });
54
56
  BasePatternLock.displayName = 'BasePatternLock';