@alfalab/core-components-pattern-lock-v1 3.0.2 → 3.0.3-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.
@@ -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_s5kqy canvas {
20
+ .pattern-lock-v1__component_14ekw canvas {
20
21
  display: block;
21
22
  margin: var(--gap-0) auto;
22
23
  }
23
- .pattern-lock-v1__hidden_s5kqy {
24
+ .pattern-lock-v1__hidden_14ekw {
24
25
  visibility: hidden;
25
26
  }
26
- .pattern-lock-v1__message_s5kqy {
27
+ .pattern-lock-v1__message_14ekw {
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_s5kqy {
42
+ .pattern-lock-v1__error_14ekw {
41
43
  color: var(--color-light-text-negative);
42
44
  }
43
- .pattern-lock-v1__forgotBtn_s5kqy {
45
+ .pattern-lock-v1__forgotBtn_14ekw {
44
46
  display: block;
45
47
  min-height: var(--size-xs-height);
46
48
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var commonStyles = {"component":"pattern-lock-v1__component_s5kqy","hidden":"pattern-lock-v1__hidden_s5kqy","message":"pattern-lock-v1__message_s5kqy","error":"pattern-lock-v1__error_s5kqy","forgotBtn":"pattern-lock-v1__forgotBtn_s5kqy"};
5
+ var commonStyles = {"component":"pattern-lock-v1__component_14ekw","hidden":"pattern-lock-v1__hidden_14ekw","message":"pattern-lock-v1__message_14ekw","error":"pattern-lock-v1__error_14ekw","forgotBtn":"pattern-lock-v1__forgotBtn_14ekw"};
6
6
 
7
7
  module.exports = commonStyles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -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);
@@ -8,13 +8,13 @@
8
8
  :root {
9
9
  --pattern-lock-v1-desktop-max-width: 240px;
10
10
  }
11
- .pattern-lock-v1__component_1if6y {
11
+ .pattern-lock-v1__component_e9n3n {
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_1if6y {
15
+ .pattern-lock-v1__forgotBtn_e9n3n {
16
16
  margin: var(--gap-24) auto var(--gap-0);
17
17
  }
18
- .pattern-lock-v1__hiddenBtn_1if6y {
18
+ .pattern-lock-v1__hiddenBtn_e9n3n {
19
19
  display: none;
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var styles = {"component":"pattern-lock-v1__component_1if6y","forgotBtn":"pattern-lock-v1__forgotBtn_1if6y","hiddenBtn":"pattern-lock-v1__hiddenBtn_1if6y"};
5
+ var styles = {"component":"pattern-lock-v1__component_e9n3n","forgotBtn":"pattern-lock-v1__forgotBtn_e9n3n","hiddenBtn":"pattern-lock-v1__hiddenBtn_e9n3n"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
@@ -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_s5kqy canvas {
20
+ .pattern-lock-v1__component_14ekw canvas {
20
21
  display: block;
21
22
  margin: var(--gap-0) auto;
22
23
  }
23
- .pattern-lock-v1__hidden_s5kqy {
24
+ .pattern-lock-v1__hidden_14ekw {
24
25
  visibility: hidden;
25
26
  }
26
- .pattern-lock-v1__message_s5kqy {
27
+ .pattern-lock-v1__message_14ekw {
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_s5kqy {
42
+ .pattern-lock-v1__error_14ekw {
41
43
  color: var(--color-light-text-negative);
42
44
  }
43
- .pattern-lock-v1__forgotBtn_s5kqy {
45
+ .pattern-lock-v1__forgotBtn_14ekw {
44
46
  display: block;
45
47
  min-height: var(--size-xs-height);
46
48
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var commonStyles = {"component":"pattern-lock-v1__component_s5kqy","hidden":"pattern-lock-v1__hidden_s5kqy","message":"pattern-lock-v1__message_s5kqy","error":"pattern-lock-v1__error_s5kqy","forgotBtn":"pattern-lock-v1__forgotBtn_s5kqy"};
3
+ var commonStyles = {"component":"pattern-lock-v1__component_14ekw","hidden":"pattern-lock-v1__hidden_14ekw","message":"pattern-lock-v1__message_14ekw","error":"pattern-lock-v1__error_14ekw","forgotBtn":"pattern-lock-v1__forgotBtn_14ekw"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -8,13 +8,13 @@
8
8
  :root {
9
9
  --pattern-lock-v1-desktop-max-width: 240px;
10
10
  }
11
- .pattern-lock-v1__component_1if6y {
11
+ .pattern-lock-v1__component_e9n3n {
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_1if6y {
15
+ .pattern-lock-v1__forgotBtn_e9n3n {
16
16
  margin: var(--gap-24) auto var(--gap-0);
17
17
  }
18
- .pattern-lock-v1__hiddenBtn_1if6y {
18
+ .pattern-lock-v1__hiddenBtn_e9n3n {
19
19
  display: none;
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var styles = {"component":"pattern-lock-v1__component_1if6y","forgotBtn":"pattern-lock-v1__forgotBtn_1if6y","hiddenBtn":"pattern-lock-v1__hiddenBtn_1if6y"};
3
+ var styles = {"component":"pattern-lock-v1__component_e9n3n","forgotBtn":"pattern-lock-v1__forgotBtn_e9n3n","hiddenBtn":"pattern-lock-v1__hiddenBtn_e9n3n"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -18,29 +18,29 @@
18
18
  :root {
19
19
  --pattern-lock-v1-max-width: 500px;
20
20
  }
21
- .pattern-lock-v1__component_1dl3o {
21
+ .pattern-lock-v1__component_lzz4b {
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_1dl3o {
25
+ .pattern-lock-v1__forgotBtn_lzz4b {
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_1dl3o {
29
+ .pattern-lock-v1__forgotBtn_lzz4b {
30
30
  margin-top: var(--gap-32);
31
31
  min-height: var(--size-s-height);
32
32
  }
33
33
 
34
- .pattern-lock-v1__component_1dl3o {
34
+ .pattern-lock-v1__component_lzz4b {
35
35
  margin-bottom: var(--gap-12);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 390px) {
39
- .pattern-lock-v1__forgotBtn_1dl3o {
39
+ .pattern-lock-v1__forgotBtn_lzz4b {
40
40
  min-height: var(--size-m-height);
41
41
  }
42
42
 
43
- .pattern-lock-v1__component_1dl3o {
43
+ .pattern-lock-v1__component_lzz4b {
44
44
  margin-bottom: var(--gap-20);
45
45
  }
46
46
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var styles = {"component":"pattern-lock-v1__component_1dl3o","forgotBtn":"pattern-lock-v1__forgotBtn_1dl3o"};
3
+ var styles = {"component":"pattern-lock-v1__component_lzz4b","forgotBtn":"pattern-lock-v1__forgotBtn_lzz4b"};
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_1dl3o {
21
+ .pattern-lock-v1__component_lzz4b {
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_1dl3o {
25
+ .pattern-lock-v1__forgotBtn_lzz4b {
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_1dl3o {
29
+ .pattern-lock-v1__forgotBtn_lzz4b {
30
30
  margin-top: var(--gap-32);
31
31
  min-height: var(--size-s-height);
32
32
  }
33
33
 
34
- .pattern-lock-v1__component_1dl3o {
34
+ .pattern-lock-v1__component_lzz4b {
35
35
  margin-bottom: var(--gap-12);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 390px) {
39
- .pattern-lock-v1__forgotBtn_1dl3o {
39
+ .pattern-lock-v1__forgotBtn_lzz4b {
40
40
  min-height: var(--size-m-height);
41
41
  }
42
42
 
43
- .pattern-lock-v1__component_1dl3o {
43
+ .pattern-lock-v1__component_lzz4b {
44
44
  margin-bottom: var(--gap-20);
45
45
  }
46
46
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var styles = {"component":"pattern-lock-v1__component_1dl3o","forgotBtn":"pattern-lock-v1__forgotBtn_1dl3o"};
5
+ var styles = {"component":"pattern-lock-v1__component_lzz4b","forgotBtn":"pattern-lock-v1__forgotBtn_lzz4b"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -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_s5kqy canvas {
20
+ .pattern-lock-v1__component_14ekw canvas {
20
21
  display: block;
21
22
  margin: var(--gap-0) auto;
22
23
  }
23
- .pattern-lock-v1__hidden_s5kqy {
24
+ .pattern-lock-v1__hidden_14ekw {
24
25
  visibility: hidden;
25
26
  }
26
- .pattern-lock-v1__message_s5kqy {
27
+ .pattern-lock-v1__message_14ekw {
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_s5kqy {
42
+ .pattern-lock-v1__error_14ekw {
41
43
  color: var(--color-light-text-negative);
42
44
  }
43
- .pattern-lock-v1__forgotBtn_s5kqy {
45
+ .pattern-lock-v1__forgotBtn_14ekw {
44
46
  display: block;
45
47
  min-height: var(--size-xs-height);
46
48
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const commonStyles = {"component":"pattern-lock-v1__component_s5kqy","hidden":"pattern-lock-v1__hidden_s5kqy","message":"pattern-lock-v1__message_s5kqy","error":"pattern-lock-v1__error_s5kqy","forgotBtn":"pattern-lock-v1__forgotBtn_s5kqy"};
3
+ const commonStyles = {"component":"pattern-lock-v1__component_14ekw","hidden":"pattern-lock-v1__hidden_14ekw","message":"pattern-lock-v1__message_14ekw","error":"pattern-lock-v1__error_14ekw","forgotBtn":"pattern-lock-v1__forgotBtn_14ekw"};
4
4
 
5
5
  export { commonStyles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -8,13 +8,13 @@
8
8
  :root {
9
9
  --pattern-lock-v1-desktop-max-width: 240px;
10
10
  }
11
- .pattern-lock-v1__component_1if6y {
11
+ .pattern-lock-v1__component_e9n3n {
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_1if6y {
15
+ .pattern-lock-v1__forgotBtn_e9n3n {
16
16
  margin: var(--gap-24) auto var(--gap-0);
17
17
  }
18
- .pattern-lock-v1__hiddenBtn_1if6y {
18
+ .pattern-lock-v1__hiddenBtn_e9n3n {
19
19
  display: none;
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const styles = {"component":"pattern-lock-v1__component_1if6y","forgotBtn":"pattern-lock-v1__forgotBtn_1if6y","hiddenBtn":"pattern-lock-v1__hiddenBtn_1if6y"};
3
+ const styles = {"component":"pattern-lock-v1__component_e9n3n","forgotBtn":"pattern-lock-v1__forgotBtn_e9n3n","hiddenBtn":"pattern-lock-v1__hiddenBtn_e9n3n"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -18,29 +18,29 @@
18
18
  :root {
19
19
  --pattern-lock-v1-max-width: 500px;
20
20
  }
21
- .pattern-lock-v1__component_1dl3o {
21
+ .pattern-lock-v1__component_lzz4b {
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_1dl3o {
25
+ .pattern-lock-v1__forgotBtn_lzz4b {
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_1dl3o {
29
+ .pattern-lock-v1__forgotBtn_lzz4b {
30
30
  margin-top: var(--gap-32);
31
31
  min-height: var(--size-s-height);
32
32
  }
33
33
 
34
- .pattern-lock-v1__component_1dl3o {
34
+ .pattern-lock-v1__component_lzz4b {
35
35
  margin-bottom: var(--gap-12);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 390px) {
39
- .pattern-lock-v1__forgotBtn_1dl3o {
39
+ .pattern-lock-v1__forgotBtn_lzz4b {
40
40
  min-height: var(--size-m-height);
41
41
  }
42
42
 
43
- .pattern-lock-v1__component_1dl3o {
43
+ .pattern-lock-v1__component_lzz4b {
44
44
  margin-bottom: var(--gap-20);
45
45
  }
46
46
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const styles = {"component":"pattern-lock-v1__component_1dl3o","forgotBtn":"pattern-lock-v1__forgotBtn_1dl3o"};
3
+ const styles = {"component":"pattern-lock-v1__component_lzz4b","forgotBtn":"pattern-lock-v1__forgotBtn_lzz4b"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -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.2",
3
+ "version": "3.0.3-alfasans",
4
4
  "description": "Pattern lock v1 (deprecated)",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,9 +10,9 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-button": "^13.0.2",
14
- "@alfalab/core-components-mq": "^6.0.2",
15
- "@alfalab/core-components-shared": "^2.1.0",
13
+ "@alfalab/core-components-button": "13.1.0-alfasans",
14
+ "@alfalab/core-components-mq": "6.0.2-alfasans",
15
+ "@alfalab/core-components-shared": "2.1.0-alfasans",
16
16
  "classnames": "^2.5.1",
17
17
  "react-canvas-pattern-lock": "^2.0.6",
18
18
  "tslib": "^2.4.0"
@@ -25,6 +25,6 @@
25
25
  "access": "public",
26
26
  "directory": "dist"
27
27
  },
28
- "themesVersion": "15.0.1",
29
- "varsVersion": "11.0.1"
28
+ "themesVersion": "15.0.2-alfasans",
29
+ "varsVersion": "11.0.1-alfasans"
30
30
  }