@alfalab/core-components-pattern-lock 4.0.9 → 4.0.10

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 (22) hide show
  1. package/components/base-pattern-lock/index.css +8 -9
  2. package/components/base-pattern-lock/index.module.css.js +1 -1
  3. package/cssm/components/base-pattern-lock/index.module.css +1 -2
  4. package/cssm/desktop/desktop.module.css +1 -2
  5. package/cssm/mobile/mobile.module.css +1 -2
  6. package/desktop/desktop.css +4 -5
  7. package/desktop/desktop.module.css.js +1 -1
  8. package/esm/components/base-pattern-lock/index.css +8 -9
  9. package/esm/components/base-pattern-lock/index.module.css.js +1 -1
  10. package/esm/desktop/desktop.css +4 -5
  11. package/esm/desktop/desktop.module.css.js +1 -1
  12. package/esm/mobile/mobile.css +3 -4
  13. package/esm/mobile/mobile.module.css.js +1 -1
  14. package/mobile/mobile.css +3 -4
  15. package/mobile/mobile.module.css.js +1 -1
  16. package/modern/components/base-pattern-lock/index.css +8 -9
  17. package/modern/components/base-pattern-lock/index.module.css.js +1 -1
  18. package/modern/desktop/desktop.css +4 -5
  19. package/modern/desktop/desktop.module.css.js +1 -1
  20. package/modern/mobile/mobile.css +3 -4
  21. package/modern/mobile/mobile.module.css.js +1 -1
  22. package/package.json +6 -6
package/components/base-pattern-lock/index.css CHANGED
@@ -1,7 +1,6 @@
1
1
  :root {
2
- --gap-m: 16px;
3
2
  --gap-0: 0px;
4
- --gap-16: var(--gap-m);
3
+ --gap-16: 16px;
5
4
  }
6
5
  :root {
7
6
  --size-xs-height: 40px;
@@ -11,35 +10,35 @@
11
10
  --pattern-lock-min-height: 272px;
12
11
  --pattern-lock-with-forgot-btn-min-height: 336px;
13
12
  }
14
- .pattern-lock__component_xyr4g {
13
+ .pattern-lock__component_xvzlz {
15
14
  display: flex;
16
15
  flex-direction: column;
17
16
  align-items: center;
18
17
  box-sizing: border-box;
19
18
  min-height: var(--pattern-lock-min-height);
20
19
  }
21
- .pattern-lock__component_xyr4g canvas {
20
+ .pattern-lock__component_xvzlz canvas {
22
21
  display: block;
23
22
  margin: var(--gap-0) auto;
24
23
  }
25
- .pattern-lock__component_xyr4g .pattern-lock__canvasContainer_xyr4g {
24
+ .pattern-lock__component_xvzlz .pattern-lock__canvasContainer_xvzlz {
26
25
  box-sizing: border-box;
27
26
  padding: var(--gap-16) var(--gap-16);
28
27
  min-width: var(--pattern-lock-min-width);
29
28
  min-height: var(--pattern-lock-min-height);
30
29
  }
31
- .pattern-lock__component_xyr4g .pattern-lock__canvasContainer_xyr4g .pattern-lock__canvasInner_xyr4g {
30
+ .pattern-lock__component_xvzlz .pattern-lock__canvasContainer_xvzlz .pattern-lock__canvasInner_xvzlz {
32
31
  box-sizing: border-box;
33
32
  padding: var(--gap-0) var(--gap-16);
34
33
  min-width: var(--pattern-lock-min-height);
35
34
  }
36
- .pattern-lock__component_xyr4g.pattern-lock__disabled_xyr4g {
35
+ .pattern-lock__component_xvzlz.pattern-lock__disabled_xvzlz {
37
36
  pointer-events: none;
38
37
  }
39
- .pattern-lock__withForgotBtn_xyr4g {
38
+ .pattern-lock__withForgotBtn_xvzlz {
40
39
  min-height: var(--pattern-lock-with-forgot-btn-min-height);
41
40
  }
42
- .pattern-lock__forgotBtn_xyr4g {
41
+ .pattern-lock__forgotBtn_xvzlz {
43
42
  display: block;
44
43
  min-height: var(--size-xs-height);
45
44
  }
package/components/base-pattern-lock/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var commonStyles = {"component":"pattern-lock__component_xyr4g","canvasContainer":"pattern-lock__canvasContainer_xyr4g","canvasInner":"pattern-lock__canvasInner_xyr4g","disabled":"pattern-lock__disabled_xyr4g","withForgotBtn":"pattern-lock__withForgotBtn_xyr4g","forgotBtn":"pattern-lock__forgotBtn_xyr4g"};
5
+ var commonStyles = {"component":"pattern-lock__component_xvzlz","canvasContainer":"pattern-lock__canvasContainer_xvzlz","canvasInner":"pattern-lock__canvasInner_xvzlz","disabled":"pattern-lock__disabled_xvzlz","withForgotBtn":"pattern-lock__withForgotBtn_xvzlz","forgotBtn":"pattern-lock__forgotBtn_xvzlz"};
6
6
 
7
7
  module.exports = commonStyles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/cssm/components/base-pattern-lock/index.module.css CHANGED
@@ -1,7 +1,6 @@
1
1
  :root {
2
- --gap-m: 16px;
3
2
  --gap-0: 0px;
4
- --gap-16: var(--gap-m);
3
+ --gap-16: 16px;
5
4
  }
6
5
  :root {
7
6
  --size-xs-height: 40px;
package/cssm/desktop/desktop.module.css CHANGED
@@ -1,7 +1,6 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
2
  --gap-0: 0px;
4
- --gap-8: var(--gap-xs);
3
+ --gap-8: 8px;
5
4
  }
6
5
  :root {
7
6
  --pattern-lock-min-width: 304px;
package/cssm/mobile/mobile.module.css CHANGED
@@ -1,7 +1,6 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
2
  --gap-0: 0px;
4
- --gap-8: var(--gap-xs);
3
+ --gap-8: 8px;
5
4
  }
6
5
  :root {
7
6
  --pattern-lock-min-width: 304px;
package/desktop/desktop.css CHANGED
@@ -1,18 +1,17 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
2
  --gap-0: 0px;
4
- --gap-8: var(--gap-xs);
3
+ --gap-8: 8px;
5
4
  }
6
5
  :root {
7
6
  --pattern-lock-min-width: 304px;
8
7
  }
9
- .pattern-lock__component_1fo5x {
8
+ .pattern-lock__component_wpg4e {
10
9
  margin: var(--gap-0) auto;
11
10
  min-width: var(--pattern-lock-min-width);
12
11
  }
13
- .pattern-lock__forgotBtn_1fo5x {
12
+ .pattern-lock__forgotBtn_wpg4e {
14
13
  margin: var(--gap-8) auto var(--gap-0);
15
14
  }
16
- .pattern-lock__hiddenBtn_1fo5x {
15
+ .pattern-lock__hiddenBtn_wpg4e {
17
16
  display: none;
18
17
  }
package/desktop/desktop.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var styles = {"component":"pattern-lock__component_1fo5x","forgotBtn":"pattern-lock__forgotBtn_1fo5x","hiddenBtn":"pattern-lock__hiddenBtn_1fo5x"};
5
+ var styles = {"component":"pattern-lock__component_wpg4e","forgotBtn":"pattern-lock__forgotBtn_wpg4e","hiddenBtn":"pattern-lock__hiddenBtn_wpg4e"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
package/esm/components/base-pattern-lock/index.css CHANGED
@@ -1,7 +1,6 @@
1
1
  :root {
2
- --gap-m: 16px;
3
2
  --gap-0: 0px;
4
- --gap-16: var(--gap-m);
3
+ --gap-16: 16px;
5
4
  }
6
5
  :root {
7
6
  --size-xs-height: 40px;
@@ -11,35 +10,35 @@
11
10
  --pattern-lock-min-height: 272px;
12
11
  --pattern-lock-with-forgot-btn-min-height: 336px;
13
12
  }
14
- .pattern-lock__component_xyr4g {
13
+ .pattern-lock__component_xvzlz {
15
14
  display: flex;
16
15
  flex-direction: column;
17
16
  align-items: center;
18
17
  box-sizing: border-box;
19
18
  min-height: var(--pattern-lock-min-height);
20
19
  }
21
- .pattern-lock__component_xyr4g canvas {
20
+ .pattern-lock__component_xvzlz canvas {
22
21
  display: block;
23
22
  margin: var(--gap-0) auto;
24
23
  }
25
- .pattern-lock__component_xyr4g .pattern-lock__canvasContainer_xyr4g {
24
+ .pattern-lock__component_xvzlz .pattern-lock__canvasContainer_xvzlz {
26
25
  box-sizing: border-box;
27
26
  padding: var(--gap-16) var(--gap-16);
28
27
  min-width: var(--pattern-lock-min-width);
29
28
  min-height: var(--pattern-lock-min-height);
30
29
  }
31
- .pattern-lock__component_xyr4g .pattern-lock__canvasContainer_xyr4g .pattern-lock__canvasInner_xyr4g {
30
+ .pattern-lock__component_xvzlz .pattern-lock__canvasContainer_xvzlz .pattern-lock__canvasInner_xvzlz {
32
31
  box-sizing: border-box;
33
32
  padding: var(--gap-0) var(--gap-16);
34
33
  min-width: var(--pattern-lock-min-height);
35
34
  }
36
- .pattern-lock__component_xyr4g.pattern-lock__disabled_xyr4g {
35
+ .pattern-lock__component_xvzlz.pattern-lock__disabled_xvzlz {
37
36
  pointer-events: none;
38
37
  }
39
- .pattern-lock__withForgotBtn_xyr4g {
38
+ .pattern-lock__withForgotBtn_xvzlz {
40
39
  min-height: var(--pattern-lock-with-forgot-btn-min-height);
41
40
  }
42
- .pattern-lock__forgotBtn_xyr4g {
41
+ .pattern-lock__forgotBtn_xvzlz {
43
42
  display: block;
44
43
  min-height: var(--size-xs-height);
45
44
  }
package/esm/components/base-pattern-lock/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var commonStyles = {"component":"pattern-lock__component_xyr4g","canvasContainer":"pattern-lock__canvasContainer_xyr4g","canvasInner":"pattern-lock__canvasInner_xyr4g","disabled":"pattern-lock__disabled_xyr4g","withForgotBtn":"pattern-lock__withForgotBtn_xyr4g","forgotBtn":"pattern-lock__forgotBtn_xyr4g"};
3
+ var commonStyles = {"component":"pattern-lock__component_xvzlz","canvasContainer":"pattern-lock__canvasContainer_xvzlz","canvasInner":"pattern-lock__canvasInner_xvzlz","disabled":"pattern-lock__disabled_xvzlz","withForgotBtn":"pattern-lock__withForgotBtn_xvzlz","forgotBtn":"pattern-lock__forgotBtn_xvzlz"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/desktop/desktop.css CHANGED
@@ -1,18 +1,17 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
2
  --gap-0: 0px;
4
- --gap-8: var(--gap-xs);
3
+ --gap-8: 8px;
5
4
  }
6
5
  :root {
7
6
  --pattern-lock-min-width: 304px;
8
7
  }
9
- .pattern-lock__component_1fo5x {
8
+ .pattern-lock__component_wpg4e {
10
9
  margin: var(--gap-0) auto;
11
10
  min-width: var(--pattern-lock-min-width);
12
11
  }
13
- .pattern-lock__forgotBtn_1fo5x {
12
+ .pattern-lock__forgotBtn_wpg4e {
14
13
  margin: var(--gap-8) auto var(--gap-0);
15
14
  }
16
- .pattern-lock__hiddenBtn_1fo5x {
15
+ .pattern-lock__hiddenBtn_wpg4e {
17
16
  display: none;
18
17
  }
package/esm/desktop/desktop.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var styles = {"component":"pattern-lock__component_1fo5x","forgotBtn":"pattern-lock__forgotBtn_1fo5x","hiddenBtn":"pattern-lock__hiddenBtn_1fo5x"};
3
+ var styles = {"component":"pattern-lock__component_wpg4e","forgotBtn":"pattern-lock__forgotBtn_wpg4e","hiddenBtn":"pattern-lock__hiddenBtn_wpg4e"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
package/esm/mobile/mobile.css CHANGED
@@ -1,15 +1,14 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
2
  --gap-0: 0px;
4
- --gap-8: var(--gap-xs);
3
+ --gap-8: 8px;
5
4
  }
6
5
  :root {
7
6
  --pattern-lock-min-width: 304px;
8
7
  }
9
- .pattern-lock__component_hlpz9 {
8
+ .pattern-lock__component_l38ve {
10
9
  margin: var(--gap-0) auto;
11
10
  min-width: var(--pattern-lock-min-width);
12
11
  }
13
- .pattern-lock__forgotBtn_hlpz9 {
12
+ .pattern-lock__forgotBtn_l38ve {
14
13
  margin: var(--gap-8) auto var(--gap-0);
15
14
  }
package/esm/mobile/mobile.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"component":"pattern-lock__component_hlpz9","forgotBtn":"pattern-lock__forgotBtn_hlpz9"};
3
+ var styles = {"component":"pattern-lock__component_l38ve","forgotBtn":"pattern-lock__forgotBtn_l38ve"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/mobile/mobile.css CHANGED
@@ -1,15 +1,14 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
2
  --gap-0: 0px;
4
- --gap-8: var(--gap-xs);
3
+ --gap-8: 8px;
5
4
  }
6
5
  :root {
7
6
  --pattern-lock-min-width: 304px;
8
7
  }
9
- .pattern-lock__component_hlpz9 {
8
+ .pattern-lock__component_l38ve {
10
9
  margin: var(--gap-0) auto;
11
10
  min-width: var(--pattern-lock-min-width);
12
11
  }
13
- .pattern-lock__forgotBtn_hlpz9 {
12
+ .pattern-lock__forgotBtn_l38ve {
14
13
  margin: var(--gap-8) auto var(--gap-0);
15
14
  }
package/mobile/mobile.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var styles = {"component":"pattern-lock__component_hlpz9","forgotBtn":"pattern-lock__forgotBtn_hlpz9"};
5
+ var styles = {"component":"pattern-lock__component_l38ve","forgotBtn":"pattern-lock__forgotBtn_l38ve"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
package/modern/components/base-pattern-lock/index.css CHANGED
@@ -1,7 +1,6 @@
1
1
  :root {
2
- --gap-m: 16px;
3
2
  --gap-0: 0px;
4
- --gap-16: var(--gap-m);
3
+ --gap-16: 16px;
5
4
  }
6
5
  :root {
7
6
  --size-xs-height: 40px;
@@ -11,35 +10,35 @@
11
10
  --pattern-lock-min-height: 272px;
12
11
  --pattern-lock-with-forgot-btn-min-height: 336px;
13
12
  }
14
- .pattern-lock__component_xyr4g {
13
+ .pattern-lock__component_xvzlz {
15
14
  display: flex;
16
15
  flex-direction: column;
17
16
  align-items: center;
18
17
  box-sizing: border-box;
19
18
  min-height: var(--pattern-lock-min-height);
20
19
  }
21
- .pattern-lock__component_xyr4g canvas {
20
+ .pattern-lock__component_xvzlz canvas {
22
21
  display: block;
23
22
  margin: var(--gap-0) auto;
24
23
  }
25
- .pattern-lock__component_xyr4g .pattern-lock__canvasContainer_xyr4g {
24
+ .pattern-lock__component_xvzlz .pattern-lock__canvasContainer_xvzlz {
26
25
  box-sizing: border-box;
27
26
  padding: var(--gap-16) var(--gap-16);
28
27
  min-width: var(--pattern-lock-min-width);
29
28
  min-height: var(--pattern-lock-min-height);
30
29
  }
31
- .pattern-lock__component_xyr4g .pattern-lock__canvasContainer_xyr4g .pattern-lock__canvasInner_xyr4g {
30
+ .pattern-lock__component_xvzlz .pattern-lock__canvasContainer_xvzlz .pattern-lock__canvasInner_xvzlz {
32
31
  box-sizing: border-box;
33
32
  padding: var(--gap-0) var(--gap-16);
34
33
  min-width: var(--pattern-lock-min-height);
35
34
  }
36
- .pattern-lock__component_xyr4g.pattern-lock__disabled_xyr4g {
35
+ .pattern-lock__component_xvzlz.pattern-lock__disabled_xvzlz {
37
36
  pointer-events: none;
38
37
  }
39
- .pattern-lock__withForgotBtn_xyr4g {
38
+ .pattern-lock__withForgotBtn_xvzlz {
40
39
  min-height: var(--pattern-lock-with-forgot-btn-min-height);
41
40
  }
42
- .pattern-lock__forgotBtn_xyr4g {
41
+ .pattern-lock__forgotBtn_xvzlz {
43
42
  display: block;
44
43
  min-height: var(--size-xs-height);
45
44
  }
package/modern/components/base-pattern-lock/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const commonStyles = {"component":"pattern-lock__component_xyr4g","canvasContainer":"pattern-lock__canvasContainer_xyr4g","canvasInner":"pattern-lock__canvasInner_xyr4g","disabled":"pattern-lock__disabled_xyr4g","withForgotBtn":"pattern-lock__withForgotBtn_xyr4g","forgotBtn":"pattern-lock__forgotBtn_xyr4g"};
3
+ const commonStyles = {"component":"pattern-lock__component_xvzlz","canvasContainer":"pattern-lock__canvasContainer_xvzlz","canvasInner":"pattern-lock__canvasInner_xvzlz","disabled":"pattern-lock__disabled_xvzlz","withForgotBtn":"pattern-lock__withForgotBtn_xvzlz","forgotBtn":"pattern-lock__forgotBtn_xvzlz"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/desktop/desktop.css CHANGED
@@ -1,18 +1,17 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
2
  --gap-0: 0px;
4
- --gap-8: var(--gap-xs);
3
+ --gap-8: 8px;
5
4
  }
6
5
  :root {
7
6
  --pattern-lock-min-width: 304px;
8
7
  }
9
- .pattern-lock__component_1fo5x {
8
+ .pattern-lock__component_wpg4e {
10
9
  margin: var(--gap-0) auto;
11
10
  min-width: var(--pattern-lock-min-width);
12
11
  }
13
- .pattern-lock__forgotBtn_1fo5x {
12
+ .pattern-lock__forgotBtn_wpg4e {
14
13
  margin: var(--gap-8) auto var(--gap-0);
15
14
  }
16
- .pattern-lock__hiddenBtn_1fo5x {
15
+ .pattern-lock__hiddenBtn_wpg4e {
17
16
  display: none;
18
17
  }
package/modern/desktop/desktop.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const styles = {"component":"pattern-lock__component_1fo5x","forgotBtn":"pattern-lock__forgotBtn_1fo5x","hiddenBtn":"pattern-lock__hiddenBtn_1fo5x"};
3
+ const styles = {"component":"pattern-lock__component_wpg4e","forgotBtn":"pattern-lock__forgotBtn_wpg4e","hiddenBtn":"pattern-lock__hiddenBtn_wpg4e"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
package/modern/mobile/mobile.css CHANGED
@@ -1,15 +1,14 @@
1
1
  :root {
2
- --gap-xs: 8px;
3
2
  --gap-0: 0px;
4
- --gap-8: var(--gap-xs);
3
+ --gap-8: 8px;
5
4
  }
6
5
  :root {
7
6
  --pattern-lock-min-width: 304px;
8
7
  }
9
- .pattern-lock__component_hlpz9 {
8
+ .pattern-lock__component_l38ve {
10
9
  margin: var(--gap-0) auto;
11
10
  min-width: var(--pattern-lock-min-width);
12
11
  }
13
- .pattern-lock__forgotBtn_hlpz9 {
12
+ .pattern-lock__forgotBtn_l38ve {
14
13
  margin: var(--gap-8) auto var(--gap-0);
15
14
  }
package/modern/mobile/mobile.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const styles = {"component":"pattern-lock__component_hlpz9","forgotBtn":"pattern-lock__forgotBtn_hlpz9"};
3
+ const styles = {"component":"pattern-lock__component_l38ve","forgotBtn":"pattern-lock__forgotBtn_l38ve"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pattern-lock",
3
- "version": "4.0.9",
3
+ "version": "4.0.10",
4
4
  "description": "Pattern lock",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,9 +13,9 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-button": "^13.2.1",
17
- "@alfalab/core-components-mq": "^6.0.6",
18
- "@alfalab/core-components-shared": "^2.2.2",
16
+ "@alfalab/core-components-button": "^13.2.2",
17
+ "@alfalab/core-components-mq": "^6.0.7",
18
+ "@alfalab/core-components-shared": "^2.2.3",
19
19
  "@alfalab/react-canvas-pattern-lock": "^2.0.7",
20
20
  "classnames": "^2.5.1",
21
21
  "tslib": "^2.4.0"
@@ -28,6 +28,6 @@
28
28
  "access": "public",
29
29
  "directory": "dist"
30
30
  },
31
- "themesVersion": "15.2.0",
32
- "varsVersion": "11.1.0"
31
+ "themesVersion": "15.2.1",
32
+ "varsVersion": "11.2.1"
33
33
  }