@alfalab/core-components-pattern-lock-v1 3.0.6 → 3.0.7-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.
Files changed (21) hide show
  1. package/components/base-pattern-lock/index.css +10 -8
  2. package/components/base-pattern-lock/index.module.css.js +1 -1
  3. package/cssm/components/base-pattern-lock/index.module.css +5 -3
  4. package/desktop/desktop.css +3 -3
  5. package/desktop/desktop.module.css.js +1 -1
  6. package/esm/components/base-pattern-lock/index.css +10 -8
  7. package/esm/components/base-pattern-lock/index.module.css.js +1 -1
  8. package/esm/desktop/desktop.css +3 -3
  9. package/esm/desktop/desktop.module.css.js +1 -1
  10. package/esm/mobile/mobile.css +6 -6
  11. package/esm/mobile/mobile.module.css.js +1 -1
  12. package/mobile/mobile.css +6 -6
  13. package/mobile/mobile.module.css.js +1 -1
  14. package/modern/components/base-pattern-lock/index.css +10 -8
  15. package/modern/components/base-pattern-lock/index.module.css.js +1 -1
  16. package/modern/desktop/desktop.css +3 -3
  17. package/modern/desktop/desktop.module.css.js +1 -1
  18. package/modern/mobile/mobile.css +6 -6
  19. package/modern/mobile/mobile.module.css.js +1 -1
  20. package/moderncssm/components/base-pattern-lock/index.module.css +2 -1
  21. package/package.json +6 -6
package/components/base-pattern-lock/index.css CHANGED
@@ -10,24 +10,26 @@
10
10
  --gap-40: var(--gap-3xl);
11
11
  }
12
12
  :root {
13
- --font-family-system:
14
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
+ --font-family-alfasans:
14
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
+ Helvetica, sans-serif;
15
16
  }
16
17
  :root {
17
18
  --size-xs-height: 40px;
18
19
  }
19
- .pattern-lock-v1__component_vtly4 canvas {
20
+ .pattern-lock-v1__component_182m4 canvas {
20
21
  display: block;
21
22
  margin: var(--gap-0) auto;
22
23
  }
23
- .pattern-lock-v1__hidden_vtly4 {
24
+ .pattern-lock-v1__hidden_182m4 {
24
25
  visibility: hidden;
25
26
  }
26
- .pattern-lock-v1__message_vtly4 {
27
+ .pattern-lock-v1__message_182m4 {
27
28
  font-size: 16px;
28
29
  line-height: 24px;
29
30
  font-weight: 400;
30
- font-family: var(--font-family-system);
31
+ letter-spacing: -0.24px;
32
+ font-family: var(--font-family-alfasans);
31
33
 
32
34
  text-align: center;
33
35
  padding: var(--gap-0) var(--gap-16) var(--gap-40);
@@ -37,10 +39,10 @@
37
39
  white-space: nowrap;
38
40
  color: var(--color-light-text-primary);
39
41
  }
40
- .pattern-lock-v1__error_vtly4 {
42
+ .pattern-lock-v1__error_182m4 {
41
43
  color: var(--color-light-text-negative);
42
44
  }
43
- .pattern-lock-v1__forgotBtn_vtly4 {
45
+ .pattern-lock-v1__forgotBtn_182m4 {
44
46
  display: block;
45
47
  min-height: var(--size-xs-height);
46
48
  }
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-v1__component_vtly4","hidden":"pattern-lock-v1__hidden_vtly4","message":"pattern-lock-v1__message_vtly4","error":"pattern-lock-v1__error_vtly4","forgotBtn":"pattern-lock-v1__forgotBtn_vtly4"};
5
+ var commonStyles = {"component":"pattern-lock-v1__component_182m4","hidden":"pattern-lock-v1__hidden_182m4","message":"pattern-lock-v1__message_182m4","error":"pattern-lock-v1__error_182m4","forgotBtn":"pattern-lock-v1__forgotBtn_182m4"};
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
@@ -10,8 +10,9 @@
10
10
  --gap-40: var(--gap-3xl);
11
11
  }
12
12
  :root {
13
- --font-family-system:
14
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
+ --font-family-alfasans:
14
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
+ Helvetica, sans-serif;
15
16
  }
16
17
  :root {
17
18
  --size-xs-height: 40px;
@@ -27,7 +28,8 @@
27
28
  font-size: 16px;
28
29
  line-height: 24px;
29
30
  font-weight: 400;
30
- font-family: var(--font-family-system);
31
+ letter-spacing: -0.24px;
32
+ font-family: var(--font-family-alfasans);
31
33
 
32
34
  text-align: center;
33
35
  padding: var(--gap-0) var(--gap-16) var(--gap-40);
package/desktop/desktop.css CHANGED
@@ -8,13 +8,13 @@
8
8
  :root {
9
9
  --pattern-lock-v1-desktop-max-width: 240px;
10
10
  }
11
- .pattern-lock-v1__component_1m385 {
11
+ .pattern-lock-v1__component_hxoas {
12
12
  max-width: var(--pattern-lock-v1-desktop-max-width);
13
13
  margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);
14
14
  }
15
- .pattern-lock-v1__forgotBtn_1m385 {
15
+ .pattern-lock-v1__forgotBtn_hxoas {
16
16
  margin: var(--gap-24) auto var(--gap-0);
17
17
  }
18
- .pattern-lock-v1__hiddenBtn_1m385 {
18
+ .pattern-lock-v1__hiddenBtn_hxoas {
19
19
  display: none;
20
20
  }
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-v1__component_1m385","forgotBtn":"pattern-lock-v1__forgotBtn_1m385","hiddenBtn":"pattern-lock-v1__hiddenBtn_1m385"};
5
+ var styles = {"component":"pattern-lock-v1__component_hxoas","forgotBtn":"pattern-lock-v1__forgotBtn_hxoas","hiddenBtn":"pattern-lock-v1__hiddenBtn_hxoas"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
package/esm/components/base-pattern-lock/index.css CHANGED
@@ -10,24 +10,26 @@
10
10
  --gap-40: var(--gap-3xl);
11
11
  }
12
12
  :root {
13
- --font-family-system:
14
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
+ --font-family-alfasans:
14
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
+ Helvetica, sans-serif;
15
16
  }
16
17
  :root {
17
18
  --size-xs-height: 40px;
18
19
  }
19
- .pattern-lock-v1__component_vtly4 canvas {
20
+ .pattern-lock-v1__component_182m4 canvas {
20
21
  display: block;
21
22
  margin: var(--gap-0) auto;
22
23
  }
23
- .pattern-lock-v1__hidden_vtly4 {
24
+ .pattern-lock-v1__hidden_182m4 {
24
25
  visibility: hidden;
25
26
  }
26
- .pattern-lock-v1__message_vtly4 {
27
+ .pattern-lock-v1__message_182m4 {
27
28
  font-size: 16px;
28
29
  line-height: 24px;
29
30
  font-weight: 400;
30
- font-family: var(--font-family-system);
31
+ letter-spacing: -0.24px;
32
+ font-family: var(--font-family-alfasans);
31
33
 
32
34
  text-align: center;
33
35
  padding: var(--gap-0) var(--gap-16) var(--gap-40);
@@ -37,10 +39,10 @@
37
39
  white-space: nowrap;
38
40
  color: var(--color-light-text-primary);
39
41
  }
40
- .pattern-lock-v1__error_vtly4 {
42
+ .pattern-lock-v1__error_182m4 {
41
43
  color: var(--color-light-text-negative);
42
44
  }
43
- .pattern-lock-v1__forgotBtn_vtly4 {
45
+ .pattern-lock-v1__forgotBtn_182m4 {
44
46
  display: block;
45
47
  min-height: var(--size-xs-height);
46
48
  }
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-v1__component_vtly4","hidden":"pattern-lock-v1__hidden_vtly4","message":"pattern-lock-v1__message_vtly4","error":"pattern-lock-v1__error_vtly4","forgotBtn":"pattern-lock-v1__forgotBtn_vtly4"};
3
+ var commonStyles = {"component":"pattern-lock-v1__component_182m4","hidden":"pattern-lock-v1__hidden_182m4","message":"pattern-lock-v1__message_182m4","error":"pattern-lock-v1__error_182m4","forgotBtn":"pattern-lock-v1__forgotBtn_182m4"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/desktop/desktop.css CHANGED
@@ -8,13 +8,13 @@
8
8
  :root {
9
9
  --pattern-lock-v1-desktop-max-width: 240px;
10
10
  }
11
- .pattern-lock-v1__component_1m385 {
11
+ .pattern-lock-v1__component_hxoas {
12
12
  max-width: var(--pattern-lock-v1-desktop-max-width);
13
13
  margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);
14
14
  }
15
- .pattern-lock-v1__forgotBtn_1m385 {
15
+ .pattern-lock-v1__forgotBtn_hxoas {
16
16
  margin: var(--gap-24) auto var(--gap-0);
17
17
  }
18
- .pattern-lock-v1__hiddenBtn_1m385 {
18
+ .pattern-lock-v1__hiddenBtn_hxoas {
19
19
  display: none;
20
20
  }
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-v1__component_1m385","forgotBtn":"pattern-lock-v1__forgotBtn_1m385","hiddenBtn":"pattern-lock-v1__hiddenBtn_1m385"};
3
+ var styles = {"component":"pattern-lock-v1__component_hxoas","forgotBtn":"pattern-lock-v1__forgotBtn_hxoas","hiddenBtn":"pattern-lock-v1__hiddenBtn_hxoas"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
package/esm/mobile/mobile.css CHANGED
@@ -18,29 +18,29 @@
18
18
  :root {
19
19
  --pattern-lock-v1-max-width: 500px;
20
20
  }
21
- .pattern-lock-v1__component_1h94v {
21
+ .pattern-lock-v1__component_po0bg {
22
22
  max-width: var(--pattern-lock-v1-max-width);
23
23
  margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);
24
24
  }
25
- .pattern-lock-v1__forgotBtn_1h94v {
25
+ .pattern-lock-v1__forgotBtn_po0bg {
26
26
  margin: var(--gap-24) auto var(--gap-0);
27
27
  }
28
28
  @media screen and (min-width: 360px) {
29
- .pattern-lock-v1__forgotBtn_1h94v {
29
+ .pattern-lock-v1__forgotBtn_po0bg {
30
30
  margin-top: var(--gap-32);
31
31
  min-height: var(--size-s-height);
32
32
  }
33
33
 
34
- .pattern-lock-v1__component_1h94v {
34
+ .pattern-lock-v1__component_po0bg {
35
35
  margin-bottom: var(--gap-12);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 390px) {
39
- .pattern-lock-v1__forgotBtn_1h94v {
39
+ .pattern-lock-v1__forgotBtn_po0bg {
40
40
  min-height: var(--size-m-height);
41
41
  }
42
42
 
43
- .pattern-lock-v1__component_1h94v {
43
+ .pattern-lock-v1__component_po0bg {
44
44
  margin-bottom: var(--gap-20);
45
45
  }
46
46
  }
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-v1__component_1h94v","forgotBtn":"pattern-lock-v1__forgotBtn_1h94v"};
3
+ var styles = {"component":"pattern-lock-v1__component_po0bg","forgotBtn":"pattern-lock-v1__forgotBtn_po0bg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/mobile/mobile.css CHANGED
@@ -18,29 +18,29 @@
18
18
  :root {
19
19
  --pattern-lock-v1-max-width: 500px;
20
20
  }
21
- .pattern-lock-v1__component_1h94v {
21
+ .pattern-lock-v1__component_po0bg {
22
22
  max-width: var(--pattern-lock-v1-max-width);
23
23
  margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);
24
24
  }
25
- .pattern-lock-v1__forgotBtn_1h94v {
25
+ .pattern-lock-v1__forgotBtn_po0bg {
26
26
  margin: var(--gap-24) auto var(--gap-0);
27
27
  }
28
28
  @media screen and (min-width: 360px) {
29
- .pattern-lock-v1__forgotBtn_1h94v {
29
+ .pattern-lock-v1__forgotBtn_po0bg {
30
30
  margin-top: var(--gap-32);
31
31
  min-height: var(--size-s-height);
32
32
  }
33
33
 
34
- .pattern-lock-v1__component_1h94v {
34
+ .pattern-lock-v1__component_po0bg {
35
35
  margin-bottom: var(--gap-12);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 390px) {
39
- .pattern-lock-v1__forgotBtn_1h94v {
39
+ .pattern-lock-v1__forgotBtn_po0bg {
40
40
  min-height: var(--size-m-height);
41
41
  }
42
42
 
43
- .pattern-lock-v1__component_1h94v {
43
+ .pattern-lock-v1__component_po0bg {
44
44
  margin-bottom: var(--gap-20);
45
45
  }
46
46
  }
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-v1__component_1h94v","forgotBtn":"pattern-lock-v1__forgotBtn_1h94v"};
5
+ var styles = {"component":"pattern-lock-v1__component_po0bg","forgotBtn":"pattern-lock-v1__forgotBtn_po0bg"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
package/modern/components/base-pattern-lock/index.css CHANGED
@@ -10,24 +10,26 @@
10
10
  --gap-40: var(--gap-3xl);
11
11
  }
12
12
  :root {
13
- --font-family-system:
14
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
13
+ --font-family-alfasans:
14
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
15
+ Helvetica, sans-serif;
15
16
  }
16
17
  :root {
17
18
  --size-xs-height: 40px;
18
19
  }
19
- .pattern-lock-v1__component_vtly4 canvas {
20
+ .pattern-lock-v1__component_182m4 canvas {
20
21
  display: block;
21
22
  margin: var(--gap-0) auto;
22
23
  }
23
- .pattern-lock-v1__hidden_vtly4 {
24
+ .pattern-lock-v1__hidden_182m4 {
24
25
  visibility: hidden;
25
26
  }
26
- .pattern-lock-v1__message_vtly4 {
27
+ .pattern-lock-v1__message_182m4 {
27
28
  font-size: 16px;
28
29
  line-height: 24px;
29
30
  font-weight: 400;
30
- font-family: var(--font-family-system);
31
+ letter-spacing: -0.24px;
32
+ font-family: var(--font-family-alfasans);
31
33
 
32
34
  text-align: center;
33
35
  padding: var(--gap-0) var(--gap-16) var(--gap-40);
@@ -37,10 +39,10 @@
37
39
  white-space: nowrap;
38
40
  color: var(--color-light-text-primary);
39
41
  }
40
- .pattern-lock-v1__error_vtly4 {
42
+ .pattern-lock-v1__error_182m4 {
41
43
  color: var(--color-light-text-negative);
42
44
  }
43
- .pattern-lock-v1__forgotBtn_vtly4 {
45
+ .pattern-lock-v1__forgotBtn_182m4 {
44
46
  display: block;
45
47
  min-height: var(--size-xs-height);
46
48
  }
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-v1__component_vtly4","hidden":"pattern-lock-v1__hidden_vtly4","message":"pattern-lock-v1__message_vtly4","error":"pattern-lock-v1__error_vtly4","forgotBtn":"pattern-lock-v1__forgotBtn_vtly4"};
3
+ const commonStyles = {"component":"pattern-lock-v1__component_182m4","hidden":"pattern-lock-v1__hidden_182m4","message":"pattern-lock-v1__message_182m4","error":"pattern-lock-v1__error_182m4","forgotBtn":"pattern-lock-v1__forgotBtn_182m4"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/desktop/desktop.css CHANGED
@@ -8,13 +8,13 @@
8
8
  :root {
9
9
  --pattern-lock-v1-desktop-max-width: 240px;
10
10
  }
11
- .pattern-lock-v1__component_1m385 {
11
+ .pattern-lock-v1__component_hxoas {
12
12
  max-width: var(--pattern-lock-v1-desktop-max-width);
13
13
  margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);
14
14
  }
15
- .pattern-lock-v1__forgotBtn_1m385 {
15
+ .pattern-lock-v1__forgotBtn_hxoas {
16
16
  margin: var(--gap-24) auto var(--gap-0);
17
17
  }
18
- .pattern-lock-v1__hiddenBtn_1m385 {
18
+ .pattern-lock-v1__hiddenBtn_hxoas {
19
19
  display: none;
20
20
  }
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-v1__component_1m385","forgotBtn":"pattern-lock-v1__forgotBtn_1m385","hiddenBtn":"pattern-lock-v1__hiddenBtn_1m385"};
3
+ const styles = {"component":"pattern-lock-v1__component_hxoas","forgotBtn":"pattern-lock-v1__forgotBtn_hxoas","hiddenBtn":"pattern-lock-v1__hiddenBtn_hxoas"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
package/modern/mobile/mobile.css CHANGED
@@ -18,29 +18,29 @@
18
18
  :root {
19
19
  --pattern-lock-v1-max-width: 500px;
20
20
  }
21
- .pattern-lock-v1__component_1h94v {
21
+ .pattern-lock-v1__component_po0bg {
22
22
  max-width: var(--pattern-lock-v1-max-width);
23
23
  margin: var(--gap-8) var(--gap-0) var(--gap-24) var(--gap-0);
24
24
  }
25
- .pattern-lock-v1__forgotBtn_1h94v {
25
+ .pattern-lock-v1__forgotBtn_po0bg {
26
26
  margin: var(--gap-24) auto var(--gap-0);
27
27
  }
28
28
  @media screen and (min-width: 360px) {
29
- .pattern-lock-v1__forgotBtn_1h94v {
29
+ .pattern-lock-v1__forgotBtn_po0bg {
30
30
  margin-top: var(--gap-32);
31
31
  min-height: var(--size-s-height);
32
32
  }
33
33
 
34
- .pattern-lock-v1__component_1h94v {
34
+ .pattern-lock-v1__component_po0bg {
35
35
  margin-bottom: var(--gap-12);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 390px) {
39
- .pattern-lock-v1__forgotBtn_1h94v {
39
+ .pattern-lock-v1__forgotBtn_po0bg {
40
40
  min-height: var(--size-m-height);
41
41
  }
42
42
 
43
- .pattern-lock-v1__component_1h94v {
43
+ .pattern-lock-v1__component_po0bg {
44
44
  margin-bottom: var(--gap-20);
45
45
  }
46
46
  }
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-v1__component_1h94v","forgotBtn":"pattern-lock-v1__forgotBtn_1h94v"};
3
+ const styles = {"component":"pattern-lock-v1__component_po0bg","forgotBtn":"pattern-lock-v1__forgotBtn_po0bg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
package/moderncssm/components/base-pattern-lock/index.module.css CHANGED
@@ -11,7 +11,8 @@
11
11
  font-size: 16px;
12
12
  line-height: 24px;
13
13
  font-weight: 400;
14
- font-family: var(--font-family-system);
14
+ letter-spacing: -0.24px;
15
+ font-family: var(--font-family-alfasans);
15
16
 
16
17
  text-align: center;
17
18
  padding: var(--gap-0) var(--gap-16) var(--gap-40);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pattern-lock-v1",
3
- "version": "3.0.6",
3
+ "version": "3.0.7-alfasans",
4
4
  "description": "Pattern lock v1 (deprecated)",
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.1.3",
17
- "@alfalab/core-components-mq": "^6.0.4",
18
- "@alfalab/core-components-shared": "^2.2.0",
16
+ "@alfalab/core-components-button": "13.1.4-alfasans",
17
+ "@alfalab/core-components-mq": "6.0.5-alfasans",
18
+ "@alfalab/core-components-shared": "2.2.1-alfasans",
19
19
  "classnames": "^2.5.1",
20
20
  "react-canvas-pattern-lock": "^2.0.6",
21
21
  "tslib": "^2.4.0"
@@ -28,6 +28,6 @@
28
28
  "access": "public",
29
29
  "directory": "dist"
30
30
  },
31
- "themesVersion": "15.1.0",
32
- "varsVersion": "11.0.2"
31
+ "themesVersion": "15.1.0-alfasans",
32
+ "varsVersion": "11.1.0-alfasans"
33
33
  }