@alfalab/core-components-pattern-lock 1.4.4 → 1.4.5

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 (8) hide show
  1. package/Component.js +1 -1
  2. package/cssm/index.module.css +1 -1
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +12 -12
  5. package/index.css +12 -12
  6. package/modern/Component.js +1 -1
  7. package/modern/index.css +12 -12
  8. package/package.json +3 -3
package/Component.js CHANGED
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"component":"pattern-lock__component_11cvh","hidden":"pattern-lock__hidden_11cvh","message":"pattern-lock__message_11cvh","error":"pattern-lock__error_11cvh","forgotBtn":"pattern-lock__forgotBtn_11cvh"};
20
+ var styles = {"component":"pattern-lock__component_932tc","hidden":"pattern-lock__hidden_932tc","message":"pattern-lock__message_932tc","error":"pattern-lock__error_932tc","forgotBtn":"pattern-lock__forgotBtn_932tc"};
21
21
  require('./index.css')
22
22
 
23
23
  var PatternLock = React.forwardRef(function (_a, ref) {
package/cssm/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-text-negative: #d91d0b;
3
+ --color-light-text-negative: #ec2e14;
4
4
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :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 */
6
6
  } :root {
package/esm/Component.js CHANGED
@@ -8,7 +8,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
8
8
  import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
9
9
  import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
10
10
 
11
- var styles = {"component":"pattern-lock__component_11cvh","hidden":"pattern-lock__hidden_11cvh","message":"pattern-lock__message_11cvh","error":"pattern-lock__error_11cvh","forgotBtn":"pattern-lock__forgotBtn_11cvh"};
11
+ var styles = {"component":"pattern-lock__component_932tc","hidden":"pattern-lock__hidden_932tc","message":"pattern-lock__message_932tc","error":"pattern-lock__error_932tc","forgotBtn":"pattern-lock__forgotBtn_932tc"};
12
12
  require('./index.css')
13
13
 
14
14
  var PatternLock = forwardRef(function (_a, ref) {
package/esm/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: fagbp */
1
+ /* hash: 1ne81 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-negative: #d91d0b;
4
+ --color-light-text-negative: #ec2e14;
5
5
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -27,15 +27,15 @@
27
27
  --size-m-height: 56px;
28
28
  } :root {
29
29
  --pattern-lock-max-width: 500px;
30
- } .pattern-lock__component_11cvh {
30
+ } .pattern-lock__component_932tc {
31
31
  max-width: var(--pattern-lock-max-width);
32
32
  margin: var(--gap-xs) 0 var(--gap-xl) 0
33
- } .pattern-lock__component_11cvh canvas {
33
+ } .pattern-lock__component_932tc canvas {
34
34
  display: block;
35
35
  margin: 0 auto;
36
- } .pattern-lock__hidden_11cvh {
36
+ } .pattern-lock__hidden_932tc {
37
37
  visibility: hidden;
38
- } .pattern-lock__message_11cvh {
38
+ } .pattern-lock__message_932tc {
39
39
  font-size: 16px;
40
40
  line-height: 24px;
41
41
  font-weight: 400;
@@ -47,27 +47,27 @@
47
47
  text-overflow: ellipsis;
48
48
  white-space: nowrap;
49
49
  color: var(--color-light-text-primary);
50
- } .pattern-lock__error_11cvh {
50
+ } .pattern-lock__error_932tc {
51
51
  color: var(--color-light-text-negative);
52
- } .pattern-lock__forgotBtn_11cvh {
52
+ } .pattern-lock__forgotBtn_932tc {
53
53
  display: block;
54
54
  min-height: var(--size-xs-height);
55
55
  margin: var(--gap-xl) auto 0;
56
56
  } @media screen and (min-width: 360px) {
57
- .pattern-lock__forgotBtn_11cvh {
57
+ .pattern-lock__forgotBtn_932tc {
58
58
  margin-top: var(--gap-2xl);
59
59
  min-height: var(--size-s-height);
60
60
  }
61
61
 
62
- .pattern-lock__component_11cvh {
62
+ .pattern-lock__component_932tc {
63
63
  margin-bottom: var(--gap-s);
64
64
  }
65
65
  } @media screen and (min-width: 390px) {
66
- .pattern-lock__forgotBtn_11cvh {
66
+ .pattern-lock__forgotBtn_932tc {
67
67
  min-height: var(--size-m-height);
68
68
  }
69
69
 
70
- .pattern-lock__component_11cvh {
70
+ .pattern-lock__component_932tc {
71
71
  margin-bottom: var(--gap-l);
72
72
  }
73
73
  }
package/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: fagbp */
1
+ /* hash: 1ne81 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-negative: #d91d0b;
4
+ --color-light-text-negative: #ec2e14;
5
5
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -27,15 +27,15 @@
27
27
  --size-m-height: 56px;
28
28
  } :root {
29
29
  --pattern-lock-max-width: 500px;
30
- } .pattern-lock__component_11cvh {
30
+ } .pattern-lock__component_932tc {
31
31
  max-width: var(--pattern-lock-max-width);
32
32
  margin: var(--gap-xs) 0 var(--gap-xl) 0
33
- } .pattern-lock__component_11cvh canvas {
33
+ } .pattern-lock__component_932tc canvas {
34
34
  display: block;
35
35
  margin: 0 auto;
36
- } .pattern-lock__hidden_11cvh {
36
+ } .pattern-lock__hidden_932tc {
37
37
  visibility: hidden;
38
- } .pattern-lock__message_11cvh {
38
+ } .pattern-lock__message_932tc {
39
39
  font-size: 16px;
40
40
  line-height: 24px;
41
41
  font-weight: 400;
@@ -47,27 +47,27 @@
47
47
  text-overflow: ellipsis;
48
48
  white-space: nowrap;
49
49
  color: var(--color-light-text-primary);
50
- } .pattern-lock__error_11cvh {
50
+ } .pattern-lock__error_932tc {
51
51
  color: var(--color-light-text-negative);
52
- } .pattern-lock__forgotBtn_11cvh {
52
+ } .pattern-lock__forgotBtn_932tc {
53
53
  display: block;
54
54
  min-height: var(--size-xs-height);
55
55
  margin: var(--gap-xl) auto 0;
56
56
  } @media screen and (min-width: 360px) {
57
- .pattern-lock__forgotBtn_11cvh {
57
+ .pattern-lock__forgotBtn_932tc {
58
58
  margin-top: var(--gap-2xl);
59
59
  min-height: var(--size-s-height);
60
60
  }
61
61
 
62
- .pattern-lock__component_11cvh {
62
+ .pattern-lock__component_932tc {
63
63
  margin-bottom: var(--gap-s);
64
64
  }
65
65
  } @media screen and (min-width: 390px) {
66
- .pattern-lock__forgotBtn_11cvh {
66
+ .pattern-lock__forgotBtn_932tc {
67
67
  min-height: var(--size-m-height);
68
68
  }
69
69
 
70
- .pattern-lock__component_11cvh {
70
+ .pattern-lock__component_932tc {
71
71
  margin-bottom: var(--gap-l);
72
72
  }
73
73
  }
package/modern/Component.js CHANGED
@@ -7,7 +7,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
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
- const styles = {"component":"pattern-lock__component_11cvh","hidden":"pattern-lock__hidden_11cvh","message":"pattern-lock__message_11cvh","error":"pattern-lock__error_11cvh","forgotBtn":"pattern-lock__forgotBtn_11cvh"};
10
+ const styles = {"component":"pattern-lock__component_932tc","hidden":"pattern-lock__hidden_932tc","message":"pattern-lock__message_932tc","error":"pattern-lock__error_932tc","forgotBtn":"pattern-lock__forgotBtn_932tc"};
11
11
  require('./index.css')
12
12
 
13
13
  const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, message, ...restProps }, ref) => {
package/modern/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: fagbp */
1
+ /* hash: 1ne81 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-negative: #d91d0b;
4
+ --color-light-text-negative: #ec2e14;
5
5
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :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 */
7
7
  } :root {
@@ -27,15 +27,15 @@
27
27
  --size-m-height: 56px;
28
28
  } :root {
29
29
  --pattern-lock-max-width: 500px;
30
- } .pattern-lock__component_11cvh {
30
+ } .pattern-lock__component_932tc {
31
31
  max-width: var(--pattern-lock-max-width);
32
32
  margin: var(--gap-xs) 0 var(--gap-xl) 0
33
- } .pattern-lock__component_11cvh canvas {
33
+ } .pattern-lock__component_932tc canvas {
34
34
  display: block;
35
35
  margin: 0 auto;
36
- } .pattern-lock__hidden_11cvh {
36
+ } .pattern-lock__hidden_932tc {
37
37
  visibility: hidden;
38
- } .pattern-lock__message_11cvh {
38
+ } .pattern-lock__message_932tc {
39
39
  font-size: 16px;
40
40
  line-height: 24px;
41
41
  font-weight: 400;
@@ -47,27 +47,27 @@
47
47
  text-overflow: ellipsis;
48
48
  white-space: nowrap;
49
49
  color: var(--color-light-text-primary);
50
- } .pattern-lock__error_11cvh {
50
+ } .pattern-lock__error_932tc {
51
51
  color: var(--color-light-text-negative);
52
- } .pattern-lock__forgotBtn_11cvh {
52
+ } .pattern-lock__forgotBtn_932tc {
53
53
  display: block;
54
54
  min-height: var(--size-xs-height);
55
55
  margin: var(--gap-xl) auto 0;
56
56
  } @media screen and (min-width: 360px) {
57
- .pattern-lock__forgotBtn_11cvh {
57
+ .pattern-lock__forgotBtn_932tc {
58
58
  margin-top: var(--gap-2xl);
59
59
  min-height: var(--size-s-height);
60
60
  }
61
61
 
62
- .pattern-lock__component_11cvh {
62
+ .pattern-lock__component_932tc {
63
63
  margin-bottom: var(--gap-s);
64
64
  }
65
65
  } @media screen and (min-width: 390px) {
66
- .pattern-lock__forgotBtn_11cvh {
66
+ .pattern-lock__forgotBtn_932tc {
67
67
  min-height: var(--size-m-height);
68
68
  }
69
69
 
70
- .pattern-lock__component_11cvh {
70
+ .pattern-lock__component_932tc {
71
71
  margin-bottom: var(--gap-l);
72
72
  }
73
73
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pattern-lock",
3
- "version": "1.4.4",
3
+ "version": "1.4.5",
4
4
  "description": "Pattern lock",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,9 +15,9 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-button": "^9.1.0",
18
+ "@alfalab/core-components-button": "^10.0.0",
19
19
  "@alfalab/core-components-gap": "^1.2.0",
20
- "@alfalab/core-components-shared": "^0.7.0",
20
+ "@alfalab/core-components-shared": "^0.8.0",
21
21
  "react-canvas-pattern-lock": "^1.1.1",
22
22
  "classnames": "^2.3.1",
23
23
  "tslib": "^2.4.0"