@alfalab/core-components-pattern-lock 1.1.0 → 1.1.2

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 (15) hide show
  1. package/Component.js +3 -1
  2. package/consts.js +2 -0
  3. package/cssm/Component.js +2 -0
  4. package/cssm/consts.js +2 -0
  5. package/cssm/index.js +2 -0
  6. package/cssm/index.module.css +2 -2
  7. package/cssm/utils.js +2 -0
  8. package/esm/Component.js +1 -1
  9. package/esm/index.css +12 -12
  10. package/index.css +12 -12
  11. package/index.js +2 -0
  12. package/modern/Component.js +1 -1
  13. package/modern/index.css +12 -12
  14. package/package.json +3 -3
  15. package/utils.js +2 -0
package/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var reactCanvasPatternLock = require('react-canvas-pattern-lock');
@@ -19,7 +21,7 @@ var getDataTestId = function (dataTestId, element) {
19
21
  return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
20
22
  };
21
23
 
22
- var styles = {"component":"pattern-lock__component_1dmbz","hidden":"pattern-lock__hidden_1dmbz","error":"pattern-lock__error_1dmbz","forgotBtn":"pattern-lock__forgotBtn_1dmbz"};
24
+ var styles = {"component":"pattern-lock__component_w3acx","hidden":"pattern-lock__hidden_w3acx","error":"pattern-lock__error_w3acx","forgotBtn":"pattern-lock__forgotBtn_w3acx"};
23
25
  require('./index.css')
24
26
 
25
27
  var PatternLock = React.forwardRef(function (_a, ref) {
package/consts.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var OBSERVE_OPTIONS = {
4
6
  childList: true,
5
7
  attributes: false,
package/cssm/Component.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var React = require('react');
5
7
  var reactCanvasPatternLock = require('react-canvas-pattern-lock');
package/cssm/consts.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var OBSERVE_OPTIONS = {
4
6
  childList: true,
5
7
  attributes: false,
package/cssm/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
4
6
  var consts = require('./consts.js');
5
7
  require('tslib');
package/cssm/index.module.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-text-negative: #d91d0b;
4
- } :root {
3
+ --color-light-text-negative: #d91d0b; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
+ } :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 */
5
5
  } :root {
6
6
  } :root {
7
7
 
package/cssm/utils.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var consts = require('./consts.js');
5
7
 
package/esm/Component.js CHANGED
@@ -12,7 +12,7 @@ var getDataTestId = function (dataTestId, element) {
12
12
  return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
13
13
  };
14
14
 
15
- var styles = {"component":"pattern-lock__component_1dmbz","hidden":"pattern-lock__hidden_1dmbz","error":"pattern-lock__error_1dmbz","forgotBtn":"pattern-lock__forgotBtn_1dmbz"};
15
+ var styles = {"component":"pattern-lock__component_w3acx","hidden":"pattern-lock__hidden_w3acx","error":"pattern-lock__error_w3acx","forgotBtn":"pattern-lock__forgotBtn_w3acx"};
16
16
  require('./index.css')
17
17
 
18
18
  var PatternLock = forwardRef(function (_a, ref) {
package/esm/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: rkcoc */
1
+ /* hash: g5e1q */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-negative: #d91d0b;
5
- } :root {
4
+ --color-light-text-negative: #d91d0b; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
+ } :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 {
7
7
  } :root {
8
8
 
@@ -26,15 +26,15 @@
26
26
  --size-m-height: 56px;
27
27
  } :root {
28
28
  --pattern-lock-max-width: 500px;
29
- } .pattern-lock__component_1dmbz {
29
+ } .pattern-lock__component_w3acx {
30
30
  max-width: var(--pattern-lock-max-width);
31
31
  margin: var(--gap-xs) 0 var(--gap-xl) 0
32
- } .pattern-lock__component_1dmbz canvas {
32
+ } .pattern-lock__component_w3acx canvas {
33
33
  display: block;
34
34
  margin: 0 auto;
35
- } .pattern-lock__hidden_1dmbz {
35
+ } .pattern-lock__hidden_w3acx {
36
36
  visibility: hidden;
37
- } .pattern-lock__error_1dmbz {
37
+ } .pattern-lock__error_w3acx {
38
38
  font-size: 16px;
39
39
  line-height: 24px;
40
40
  font-weight: 400;
@@ -45,25 +45,25 @@
45
45
  padding: 0 var(--gap-m);
46
46
  min-height: 24px;
47
47
  color: var(--color-light-text-negative);
48
- } .pattern-lock__forgotBtn_1dmbz {
48
+ } .pattern-lock__forgotBtn_w3acx {
49
49
  display: block;
50
50
  min-height: var(--size-xs-height);
51
51
  margin: var(--gap-xl) auto 0;
52
52
  } @media screen and (min-width: 360px) {
53
- .pattern-lock__forgotBtn_1dmbz {
53
+ .pattern-lock__forgotBtn_w3acx {
54
54
  margin-top: var(--gap-2xl);
55
55
  min-height: var(--size-s-height);
56
56
  }
57
57
 
58
- .pattern-lock__component_1dmbz {
58
+ .pattern-lock__component_w3acx {
59
59
  margin-bottom: var(--gap-s);
60
60
  }
61
61
  } @media screen and (min-width: 390px) {
62
- .pattern-lock__forgotBtn_1dmbz {
62
+ .pattern-lock__forgotBtn_w3acx {
63
63
  min-height: var(--size-m-height);
64
64
  }
65
65
 
66
- .pattern-lock__component_1dmbz {
66
+ .pattern-lock__component_w3acx {
67
67
  margin-bottom: var(--gap-l);
68
68
  }
69
69
  }
package/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: rkcoc */
1
+ /* hash: g5e1q */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-negative: #d91d0b;
5
- } :root {
4
+ --color-light-text-negative: #d91d0b; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
+ } :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 {
7
7
  } :root {
8
8
 
@@ -26,15 +26,15 @@
26
26
  --size-m-height: 56px;
27
27
  } :root {
28
28
  --pattern-lock-max-width: 500px;
29
- } .pattern-lock__component_1dmbz {
29
+ } .pattern-lock__component_w3acx {
30
30
  max-width: var(--pattern-lock-max-width);
31
31
  margin: var(--gap-xs) 0 var(--gap-xl) 0
32
- } .pattern-lock__component_1dmbz canvas {
32
+ } .pattern-lock__component_w3acx canvas {
33
33
  display: block;
34
34
  margin: 0 auto;
35
- } .pattern-lock__hidden_1dmbz {
35
+ } .pattern-lock__hidden_w3acx {
36
36
  visibility: hidden;
37
- } .pattern-lock__error_1dmbz {
37
+ } .pattern-lock__error_w3acx {
38
38
  font-size: 16px;
39
39
  line-height: 24px;
40
40
  font-weight: 400;
@@ -45,25 +45,25 @@
45
45
  padding: 0 var(--gap-m);
46
46
  min-height: 24px;
47
47
  color: var(--color-light-text-negative);
48
- } .pattern-lock__forgotBtn_1dmbz {
48
+ } .pattern-lock__forgotBtn_w3acx {
49
49
  display: block;
50
50
  min-height: var(--size-xs-height);
51
51
  margin: var(--gap-xl) auto 0;
52
52
  } @media screen and (min-width: 360px) {
53
- .pattern-lock__forgotBtn_1dmbz {
53
+ .pattern-lock__forgotBtn_w3acx {
54
54
  margin-top: var(--gap-2xl);
55
55
  min-height: var(--size-s-height);
56
56
  }
57
57
 
58
- .pattern-lock__component_1dmbz {
58
+ .pattern-lock__component_w3acx {
59
59
  margin-bottom: var(--gap-s);
60
60
  }
61
61
  } @media screen and (min-width: 390px) {
62
- .pattern-lock__forgotBtn_1dmbz {
62
+ .pattern-lock__forgotBtn_w3acx {
63
63
  min-height: var(--size-m-height);
64
64
  }
65
65
 
66
- .pattern-lock__component_1dmbz {
66
+ .pattern-lock__component_w3acx {
67
67
  margin-bottom: var(--gap-l);
68
68
  }
69
69
  }
package/index.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var Component = require('./Component.js');
4
6
  var consts = require('./consts.js');
5
7
  require('tslib');
package/modern/Component.js CHANGED
@@ -11,7 +11,7 @@ const getDataTestId = (dataTestId, element) => {
11
11
  return dataTestId ? `${dataTestId}${elementPart}` : undefined;
12
12
  };
13
13
 
14
- const styles = {"component":"pattern-lock__component_1dmbz","hidden":"pattern-lock__hidden_1dmbz","error":"pattern-lock__error_1dmbz","forgotBtn":"pattern-lock__forgotBtn_1dmbz"};
14
+ const styles = {"component":"pattern-lock__component_w3acx","hidden":"pattern-lock__hidden_w3acx","error":"pattern-lock__error_w3acx","forgotBtn":"pattern-lock__forgotBtn_w3acx"};
15
15
  require('./index.css')
16
16
 
17
17
  const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, ...restProps }, ref) => {
package/modern/index.css CHANGED
@@ -1,8 +1,8 @@
1
- /* hash: rkcoc */
1
+ /* hash: g5e1q */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-text-negative: #d91d0b;
5
- } :root {
4
+ --color-light-text-negative: #d91d0b; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* 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
+ } :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 {
7
7
  } :root {
8
8
 
@@ -26,15 +26,15 @@
26
26
  --size-m-height: 56px;
27
27
  } :root {
28
28
  --pattern-lock-max-width: 500px;
29
- } .pattern-lock__component_1dmbz {
29
+ } .pattern-lock__component_w3acx {
30
30
  max-width: var(--pattern-lock-max-width);
31
31
  margin: var(--gap-xs) 0 var(--gap-xl) 0
32
- } .pattern-lock__component_1dmbz canvas {
32
+ } .pattern-lock__component_w3acx canvas {
33
33
  display: block;
34
34
  margin: 0 auto;
35
- } .pattern-lock__hidden_1dmbz {
35
+ } .pattern-lock__hidden_w3acx {
36
36
  visibility: hidden;
37
- } .pattern-lock__error_1dmbz {
37
+ } .pattern-lock__error_w3acx {
38
38
  font-size: 16px;
39
39
  line-height: 24px;
40
40
  font-weight: 400;
@@ -45,25 +45,25 @@
45
45
  padding: 0 var(--gap-m);
46
46
  min-height: 24px;
47
47
  color: var(--color-light-text-negative);
48
- } .pattern-lock__forgotBtn_1dmbz {
48
+ } .pattern-lock__forgotBtn_w3acx {
49
49
  display: block;
50
50
  min-height: var(--size-xs-height);
51
51
  margin: var(--gap-xl) auto 0;
52
52
  } @media screen and (min-width: 360px) {
53
- .pattern-lock__forgotBtn_1dmbz {
53
+ .pattern-lock__forgotBtn_w3acx {
54
54
  margin-top: var(--gap-2xl);
55
55
  min-height: var(--size-s-height);
56
56
  }
57
57
 
58
- .pattern-lock__component_1dmbz {
58
+ .pattern-lock__component_w3acx {
59
59
  margin-bottom: var(--gap-s);
60
60
  }
61
61
  } @media screen and (min-width: 390px) {
62
- .pattern-lock__forgotBtn_1dmbz {
62
+ .pattern-lock__forgotBtn_w3acx {
63
63
  min-height: var(--size-m-height);
64
64
  }
65
65
 
66
- .pattern-lock__component_1dmbz {
66
+ .pattern-lock__component_w3acx {
67
67
  margin-bottom: var(--gap-l);
68
68
  }
69
69
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pattern-lock",
3
- "version": "1.1.0",
3
+ "version": "1.1.2",
4
4
  "description": "Pattern lock",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,8 +15,8 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-button": "^7.1.0",
19
- "@alfalab/core-components-gap": "^1.1.1",
18
+ "@alfalab/core-components-button": "^8.0.0",
19
+ "@alfalab/core-components-gap": "^1.1.2",
20
20
  "react-canvas-pattern-lock": "^1.0.2",
21
21
  "react-merge-refs": "^1.1.0",
22
22
  "classnames": "^2.3.1",
package/utils.js CHANGED
@@ -1,5 +1,7 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
3
5
  var tslib = require('tslib');
4
6
  var consts = require('./consts.js');
5
7