@alfalab/core-components-pattern-lock 4.0.9-alfasans → 4.0.10-alfasans
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.
- package/components/base-pattern-lock/index.css +8 -9
- package/components/base-pattern-lock/index.module.css.js +1 -1
- package/cssm/components/base-pattern-lock/index.module.css +1 -2
- package/cssm/desktop/desktop.module.css +1 -2
- package/cssm/mobile/mobile.module.css +1 -2
- package/desktop/desktop.css +4 -5
- package/desktop/desktop.module.css.js +1 -1
- package/esm/components/base-pattern-lock/index.css +8 -9
- package/esm/components/base-pattern-lock/index.module.css.js +1 -1
- package/esm/desktop/desktop.css +4 -5
- package/esm/desktop/desktop.module.css.js +1 -1
- package/esm/mobile/mobile.css +3 -4
- package/esm/mobile/mobile.module.css.js +1 -1
- package/mobile/mobile.css +3 -4
- package/mobile/mobile.module.css.js +1 -1
- package/modern/components/base-pattern-lock/index.css +8 -9
- package/modern/components/base-pattern-lock/index.module.css.js +1 -1
- package/modern/desktop/desktop.css +4 -5
- package/modern/desktop/desktop.module.css.js +1 -1
- package/modern/mobile/mobile.css +3 -4
- package/modern/mobile/mobile.module.css.js +1 -1
- package/package.json +6 -6
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--gap-m: 16px;
|
|
3
2
|
--gap-0: 0px;
|
|
4
|
-
--gap-16:
|
|
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-
|
|
13
|
+
.pattern-lock__component_skepf {
|
|
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-
|
|
20
|
+
.pattern-lock__component_skepf canvas {
|
|
22
21
|
display: block;
|
|
23
22
|
margin: var(--gap-0) auto;
|
|
24
23
|
}
|
|
25
|
-
.pattern-
|
|
24
|
+
.pattern-lock__component_skepf .pattern-lock__canvasContainer_skepf {
|
|
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-
|
|
30
|
+
.pattern-lock__component_skepf .pattern-lock__canvasContainer_skepf .pattern-lock__canvasInner_skepf {
|
|
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-
|
|
35
|
+
.pattern-lock__component_skepf.pattern-lock__disabled_skepf {
|
|
37
36
|
pointer-events: none;
|
|
38
37
|
}
|
|
39
|
-
.pattern-
|
|
38
|
+
.pattern-lock__withForgotBtn_skepf {
|
|
40
39
|
min-height: var(--pattern-lock-with-forgot-btn-min-height);
|
|
41
40
|
}
|
|
42
|
-
.pattern-
|
|
41
|
+
.pattern-lock__forgotBtn_skepf {
|
|
43
42
|
display: block;
|
|
44
43
|
min-height: var(--size-xs-height);
|
|
45
44
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./index.css');
|
|
4
4
|
|
|
5
|
-
var commonStyles = {"component":"pattern-
|
|
5
|
+
var commonStyles = {"component":"pattern-lock__component_skepf","canvasContainer":"pattern-lock__canvasContainer_skepf","canvasInner":"pattern-lock__canvasInner_skepf","disabled":"pattern-lock__disabled_skepf","withForgotBtn":"pattern-lock__withForgotBtn_skepf","forgotBtn":"pattern-lock__forgotBtn_skepf"};
|
|
6
6
|
|
|
7
7
|
module.exports = commonStyles;
|
|
8
8
|
//# sourceMappingURL=index.module.css.js.map
|
package/desktop/desktop.css
CHANGED
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--gap-xs: 8px;
|
|
3
2
|
--gap-0: 0px;
|
|
4
|
-
--gap-8:
|
|
3
|
+
--gap-8: 8px;
|
|
5
4
|
}
|
|
6
5
|
:root {
|
|
7
6
|
--pattern-lock-min-width: 304px;
|
|
8
7
|
}
|
|
9
|
-
.pattern-
|
|
8
|
+
.pattern-lock__component_ntvld {
|
|
10
9
|
margin: var(--gap-0) auto;
|
|
11
10
|
min-width: var(--pattern-lock-min-width);
|
|
12
11
|
}
|
|
13
|
-
.pattern-
|
|
12
|
+
.pattern-lock__forgotBtn_ntvld {
|
|
14
13
|
margin: var(--gap-8) auto var(--gap-0);
|
|
15
14
|
}
|
|
16
|
-
.pattern-
|
|
15
|
+
.pattern-lock__hiddenBtn_ntvld {
|
|
17
16
|
display: none;
|
|
18
17
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./desktop.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"pattern-
|
|
5
|
+
var styles = {"component":"pattern-lock__component_ntvld","forgotBtn":"pattern-lock__forgotBtn_ntvld","hiddenBtn":"pattern-lock__hiddenBtn_ntvld"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=desktop.module.css.js.map
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--gap-m: 16px;
|
|
3
2
|
--gap-0: 0px;
|
|
4
|
-
--gap-16:
|
|
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-
|
|
13
|
+
.pattern-lock__component_skepf {
|
|
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-
|
|
20
|
+
.pattern-lock__component_skepf canvas {
|
|
22
21
|
display: block;
|
|
23
22
|
margin: var(--gap-0) auto;
|
|
24
23
|
}
|
|
25
|
-
.pattern-
|
|
24
|
+
.pattern-lock__component_skepf .pattern-lock__canvasContainer_skepf {
|
|
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-
|
|
30
|
+
.pattern-lock__component_skepf .pattern-lock__canvasContainer_skepf .pattern-lock__canvasInner_skepf {
|
|
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-
|
|
35
|
+
.pattern-lock__component_skepf.pattern-lock__disabled_skepf {
|
|
37
36
|
pointer-events: none;
|
|
38
37
|
}
|
|
39
|
-
.pattern-
|
|
38
|
+
.pattern-lock__withForgotBtn_skepf {
|
|
40
39
|
min-height: var(--pattern-lock-with-forgot-btn-min-height);
|
|
41
40
|
}
|
|
42
|
-
.pattern-
|
|
41
|
+
.pattern-lock__forgotBtn_skepf {
|
|
43
42
|
display: block;
|
|
44
43
|
min-height: var(--size-xs-height);
|
|
45
44
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
var commonStyles = {"component":"pattern-
|
|
3
|
+
var commonStyles = {"component":"pattern-lock__component_skepf","canvasContainer":"pattern-lock__canvasContainer_skepf","canvasInner":"pattern-lock__canvasInner_skepf","disabled":"pattern-lock__disabled_skepf","withForgotBtn":"pattern-lock__withForgotBtn_skepf","forgotBtn":"pattern-lock__forgotBtn_skepf"};
|
|
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:
|
|
3
|
+
--gap-8: 8px;
|
|
5
4
|
}
|
|
6
5
|
:root {
|
|
7
6
|
--pattern-lock-min-width: 304px;
|
|
8
7
|
}
|
|
9
|
-
.pattern-
|
|
8
|
+
.pattern-lock__component_ntvld {
|
|
10
9
|
margin: var(--gap-0) auto;
|
|
11
10
|
min-width: var(--pattern-lock-min-width);
|
|
12
11
|
}
|
|
13
|
-
.pattern-
|
|
12
|
+
.pattern-lock__forgotBtn_ntvld {
|
|
14
13
|
margin: var(--gap-8) auto var(--gap-0);
|
|
15
14
|
}
|
|
16
|
-
.pattern-
|
|
15
|
+
.pattern-lock__hiddenBtn_ntvld {
|
|
17
16
|
display: none;
|
|
18
17
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './desktop.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"pattern-
|
|
3
|
+
var styles = {"component":"pattern-lock__component_ntvld","forgotBtn":"pattern-lock__forgotBtn_ntvld","hiddenBtn":"pattern-lock__hiddenBtn_ntvld"};
|
|
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:
|
|
3
|
+
--gap-8: 8px;
|
|
5
4
|
}
|
|
6
5
|
:root {
|
|
7
6
|
--pattern-lock-min-width: 304px;
|
|
8
7
|
}
|
|
9
|
-
.pattern-
|
|
8
|
+
.pattern-lock__component_12tf6 {
|
|
10
9
|
margin: var(--gap-0) auto;
|
|
11
10
|
min-width: var(--pattern-lock-min-width);
|
|
12
11
|
}
|
|
13
|
-
.pattern-
|
|
12
|
+
.pattern-lock__forgotBtn_12tf6 {
|
|
14
13
|
margin: var(--gap-8) auto var(--gap-0);
|
|
15
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './mobile.css';
|
|
2
2
|
|
|
3
|
-
var styles = {"component":"pattern-
|
|
3
|
+
var styles = {"component":"pattern-lock__component_12tf6","forgotBtn":"pattern-lock__forgotBtn_12tf6"};
|
|
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:
|
|
3
|
+
--gap-8: 8px;
|
|
5
4
|
}
|
|
6
5
|
:root {
|
|
7
6
|
--pattern-lock-min-width: 304px;
|
|
8
7
|
}
|
|
9
|
-
.pattern-
|
|
8
|
+
.pattern-lock__component_12tf6 {
|
|
10
9
|
margin: var(--gap-0) auto;
|
|
11
10
|
min-width: var(--pattern-lock-min-width);
|
|
12
11
|
}
|
|
13
|
-
.pattern-
|
|
12
|
+
.pattern-lock__forgotBtn_12tf6 {
|
|
14
13
|
margin: var(--gap-8) auto var(--gap-0);
|
|
15
14
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
require('./mobile.css');
|
|
4
4
|
|
|
5
|
-
var styles = {"component":"pattern-
|
|
5
|
+
var styles = {"component":"pattern-lock__component_12tf6","forgotBtn":"pattern-lock__forgotBtn_12tf6"};
|
|
6
6
|
|
|
7
7
|
module.exports = styles;
|
|
8
8
|
//# sourceMappingURL=mobile.module.css.js.map
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--gap-m: 16px;
|
|
3
2
|
--gap-0: 0px;
|
|
4
|
-
--gap-16:
|
|
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-
|
|
13
|
+
.pattern-lock__component_skepf {
|
|
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-
|
|
20
|
+
.pattern-lock__component_skepf canvas {
|
|
22
21
|
display: block;
|
|
23
22
|
margin: var(--gap-0) auto;
|
|
24
23
|
}
|
|
25
|
-
.pattern-
|
|
24
|
+
.pattern-lock__component_skepf .pattern-lock__canvasContainer_skepf {
|
|
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-
|
|
30
|
+
.pattern-lock__component_skepf .pattern-lock__canvasContainer_skepf .pattern-lock__canvasInner_skepf {
|
|
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-
|
|
35
|
+
.pattern-lock__component_skepf.pattern-lock__disabled_skepf {
|
|
37
36
|
pointer-events: none;
|
|
38
37
|
}
|
|
39
|
-
.pattern-
|
|
38
|
+
.pattern-lock__withForgotBtn_skepf {
|
|
40
39
|
min-height: var(--pattern-lock-with-forgot-btn-min-height);
|
|
41
40
|
}
|
|
42
|
-
.pattern-
|
|
41
|
+
.pattern-lock__forgotBtn_skepf {
|
|
43
42
|
display: block;
|
|
44
43
|
min-height: var(--size-xs-height);
|
|
45
44
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './index.css';
|
|
2
2
|
|
|
3
|
-
const commonStyles = {"component":"pattern-
|
|
3
|
+
const commonStyles = {"component":"pattern-lock__component_skepf","canvasContainer":"pattern-lock__canvasContainer_skepf","canvasInner":"pattern-lock__canvasInner_skepf","disabled":"pattern-lock__disabled_skepf","withForgotBtn":"pattern-lock__withForgotBtn_skepf","forgotBtn":"pattern-lock__forgotBtn_skepf"};
|
|
4
4
|
|
|
5
5
|
export { commonStyles as default };
|
|
6
6
|
//# sourceMappingURL=index.module.css.js.map
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--gap-xs: 8px;
|
|
3
2
|
--gap-0: 0px;
|
|
4
|
-
--gap-8:
|
|
3
|
+
--gap-8: 8px;
|
|
5
4
|
}
|
|
6
5
|
:root {
|
|
7
6
|
--pattern-lock-min-width: 304px;
|
|
8
7
|
}
|
|
9
|
-
.pattern-
|
|
8
|
+
.pattern-lock__component_ntvld {
|
|
10
9
|
margin: var(--gap-0) auto;
|
|
11
10
|
min-width: var(--pattern-lock-min-width);
|
|
12
11
|
}
|
|
13
|
-
.pattern-
|
|
12
|
+
.pattern-lock__forgotBtn_ntvld {
|
|
14
13
|
margin: var(--gap-8) auto var(--gap-0);
|
|
15
14
|
}
|
|
16
|
-
.pattern-
|
|
15
|
+
.pattern-lock__hiddenBtn_ntvld {
|
|
17
16
|
display: none;
|
|
18
17
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './desktop.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"component":"pattern-
|
|
3
|
+
const styles = {"component":"pattern-lock__component_ntvld","forgotBtn":"pattern-lock__forgotBtn_ntvld","hiddenBtn":"pattern-lock__hiddenBtn_ntvld"};
|
|
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:
|
|
3
|
+
--gap-8: 8px;
|
|
5
4
|
}
|
|
6
5
|
:root {
|
|
7
6
|
--pattern-lock-min-width: 304px;
|
|
8
7
|
}
|
|
9
|
-
.pattern-
|
|
8
|
+
.pattern-lock__component_12tf6 {
|
|
10
9
|
margin: var(--gap-0) auto;
|
|
11
10
|
min-width: var(--pattern-lock-min-width);
|
|
12
11
|
}
|
|
13
|
-
.pattern-
|
|
12
|
+
.pattern-lock__forgotBtn_12tf6 {
|
|
14
13
|
margin: var(--gap-8) auto var(--gap-0);
|
|
15
14
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import './mobile.css';
|
|
2
2
|
|
|
3
|
-
const styles = {"component":"pattern-
|
|
3
|
+
const styles = {"component":"pattern-lock__component_12tf6","forgotBtn":"pattern-lock__forgotBtn_12tf6"};
|
|
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.
|
|
3
|
+
"version": "4.0.10-alfasans",
|
|
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.
|
|
17
|
-
"@alfalab/core-components-mq": "6.0.
|
|
18
|
-
"@alfalab/core-components-shared": "2.2.
|
|
16
|
+
"@alfalab/core-components-button": "13.2.2-alfasans",
|
|
17
|
+
"@alfalab/core-components-mq": "6.0.7-alfasans",
|
|
18
|
+
"@alfalab/core-components-shared": "2.2.3-alfasans",
|
|
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.
|
|
32
|
-
"varsVersion": "11.1
|
|
31
|
+
"themesVersion": "15.2.1-alfasans",
|
|
32
|
+
"varsVersion": "11.2.1-alfasans"
|
|
33
33
|
}
|