@alfalab/core-components-pattern-lock-v1 3.0.4 → 3.0.5-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_17etv canvas {
20
+ .pattern-lock-v1__component_1jnu1 canvas {
20
21
  display: block;
21
22
  margin: var(--gap-0) auto;
22
23
  }
23
- .pattern-lock-v1__hidden_17etv {
24
+ .pattern-lock-v1__hidden_1jnu1 {
24
25
  visibility: hidden;
25
26
  }
26
- .pattern-lock-v1__message_17etv {
27
+ .pattern-lock-v1__message_1jnu1 {
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_17etv {
42
+ .pattern-lock-v1__error_1jnu1 {
41
43
  color: var(--color-light-text-negative);
42
44
  }
43
- .pattern-lock-v1__forgotBtn_17etv {
45
+ .pattern-lock-v1__forgotBtn_1jnu1 {
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_17etv","hidden":"pattern-lock-v1__hidden_17etv","message":"pattern-lock-v1__message_17etv","error":"pattern-lock-v1__error_17etv","forgotBtn":"pattern-lock-v1__forgotBtn_17etv"};
5
+ var commonStyles = {"component":"pattern-lock-v1__component_1jnu1","hidden":"pattern-lock-v1__hidden_1jnu1","message":"pattern-lock-v1__message_1jnu1","error":"pattern-lock-v1__error_1jnu1","forgotBtn":"pattern-lock-v1__forgotBtn_1jnu1"};
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_175lf {
11
+ .pattern-lock-v1__component_6cgdp {
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_175lf {
15
+ .pattern-lock-v1__forgotBtn_6cgdp {
16
16
  margin: var(--gap-24) auto var(--gap-0);
17
17
  }
18
- .pattern-lock-v1__hiddenBtn_175lf {
18
+ .pattern-lock-v1__hiddenBtn_6cgdp {
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_175lf","forgotBtn":"pattern-lock-v1__forgotBtn_175lf","hiddenBtn":"pattern-lock-v1__hiddenBtn_175lf"};
5
+ var styles = {"component":"pattern-lock-v1__component_6cgdp","forgotBtn":"pattern-lock-v1__forgotBtn_6cgdp","hiddenBtn":"pattern-lock-v1__hiddenBtn_6cgdp"};
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_17etv canvas {
20
+ .pattern-lock-v1__component_1jnu1 canvas {
20
21
  display: block;
21
22
  margin: var(--gap-0) auto;
22
23
  }
23
- .pattern-lock-v1__hidden_17etv {
24
+ .pattern-lock-v1__hidden_1jnu1 {
24
25
  visibility: hidden;
25
26
  }
26
- .pattern-lock-v1__message_17etv {
27
+ .pattern-lock-v1__message_1jnu1 {
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_17etv {
42
+ .pattern-lock-v1__error_1jnu1 {
41
43
  color: var(--color-light-text-negative);
42
44
  }
43
- .pattern-lock-v1__forgotBtn_17etv {
45
+ .pattern-lock-v1__forgotBtn_1jnu1 {
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_17etv","hidden":"pattern-lock-v1__hidden_17etv","message":"pattern-lock-v1__message_17etv","error":"pattern-lock-v1__error_17etv","forgotBtn":"pattern-lock-v1__forgotBtn_17etv"};
3
+ var commonStyles = {"component":"pattern-lock-v1__component_1jnu1","hidden":"pattern-lock-v1__hidden_1jnu1","message":"pattern-lock-v1__message_1jnu1","error":"pattern-lock-v1__error_1jnu1","forgotBtn":"pattern-lock-v1__forgotBtn_1jnu1"};
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_175lf {
11
+ .pattern-lock-v1__component_6cgdp {
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_175lf {
15
+ .pattern-lock-v1__forgotBtn_6cgdp {
16
16
  margin: var(--gap-24) auto var(--gap-0);
17
17
  }
18
- .pattern-lock-v1__hiddenBtn_175lf {
18
+ .pattern-lock-v1__hiddenBtn_6cgdp {
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_175lf","forgotBtn":"pattern-lock-v1__forgotBtn_175lf","hiddenBtn":"pattern-lock-v1__hiddenBtn_175lf"};
3
+ var styles = {"component":"pattern-lock-v1__component_6cgdp","forgotBtn":"pattern-lock-v1__forgotBtn_6cgdp","hiddenBtn":"pattern-lock-v1__hiddenBtn_6cgdp"};
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_ubooh {
21
+ .pattern-lock-v1__component_aqdlu {
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_ubooh {
25
+ .pattern-lock-v1__forgotBtn_aqdlu {
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_ubooh {
29
+ .pattern-lock-v1__forgotBtn_aqdlu {
30
30
  margin-top: var(--gap-32);
31
31
  min-height: var(--size-s-height);
32
32
  }
33
33
 
34
- .pattern-lock-v1__component_ubooh {
34
+ .pattern-lock-v1__component_aqdlu {
35
35
  margin-bottom: var(--gap-12);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 390px) {
39
- .pattern-lock-v1__forgotBtn_ubooh {
39
+ .pattern-lock-v1__forgotBtn_aqdlu {
40
40
  min-height: var(--size-m-height);
41
41
  }
42
42
 
43
- .pattern-lock-v1__component_ubooh {
43
+ .pattern-lock-v1__component_aqdlu {
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_ubooh","forgotBtn":"pattern-lock-v1__forgotBtn_ubooh"};
3
+ var styles = {"component":"pattern-lock-v1__component_aqdlu","forgotBtn":"pattern-lock-v1__forgotBtn_aqdlu"};
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_ubooh {
21
+ .pattern-lock-v1__component_aqdlu {
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_ubooh {
25
+ .pattern-lock-v1__forgotBtn_aqdlu {
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_ubooh {
29
+ .pattern-lock-v1__forgotBtn_aqdlu {
30
30
  margin-top: var(--gap-32);
31
31
  min-height: var(--size-s-height);
32
32
  }
33
33
 
34
- .pattern-lock-v1__component_ubooh {
34
+ .pattern-lock-v1__component_aqdlu {
35
35
  margin-bottom: var(--gap-12);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 390px) {
39
- .pattern-lock-v1__forgotBtn_ubooh {
39
+ .pattern-lock-v1__forgotBtn_aqdlu {
40
40
  min-height: var(--size-m-height);
41
41
  }
42
42
 
43
- .pattern-lock-v1__component_ubooh {
43
+ .pattern-lock-v1__component_aqdlu {
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_ubooh","forgotBtn":"pattern-lock-v1__forgotBtn_ubooh"};
5
+ var styles = {"component":"pattern-lock-v1__component_aqdlu","forgotBtn":"pattern-lock-v1__forgotBtn_aqdlu"};
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_17etv canvas {
20
+ .pattern-lock-v1__component_1jnu1 canvas {
20
21
  display: block;
21
22
  margin: var(--gap-0) auto;
22
23
  }
23
- .pattern-lock-v1__hidden_17etv {
24
+ .pattern-lock-v1__hidden_1jnu1 {
24
25
  visibility: hidden;
25
26
  }
26
- .pattern-lock-v1__message_17etv {
27
+ .pattern-lock-v1__message_1jnu1 {
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_17etv {
42
+ .pattern-lock-v1__error_1jnu1 {
41
43
  color: var(--color-light-text-negative);
42
44
  }
43
- .pattern-lock-v1__forgotBtn_17etv {
45
+ .pattern-lock-v1__forgotBtn_1jnu1 {
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_17etv","hidden":"pattern-lock-v1__hidden_17etv","message":"pattern-lock-v1__message_17etv","error":"pattern-lock-v1__error_17etv","forgotBtn":"pattern-lock-v1__forgotBtn_17etv"};
3
+ const commonStyles = {"component":"pattern-lock-v1__component_1jnu1","hidden":"pattern-lock-v1__hidden_1jnu1","message":"pattern-lock-v1__message_1jnu1","error":"pattern-lock-v1__error_1jnu1","forgotBtn":"pattern-lock-v1__forgotBtn_1jnu1"};
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_175lf {
11
+ .pattern-lock-v1__component_6cgdp {
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_175lf {
15
+ .pattern-lock-v1__forgotBtn_6cgdp {
16
16
  margin: var(--gap-24) auto var(--gap-0);
17
17
  }
18
- .pattern-lock-v1__hiddenBtn_175lf {
18
+ .pattern-lock-v1__hiddenBtn_6cgdp {
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_175lf","forgotBtn":"pattern-lock-v1__forgotBtn_175lf","hiddenBtn":"pattern-lock-v1__hiddenBtn_175lf"};
3
+ const styles = {"component":"pattern-lock-v1__component_6cgdp","forgotBtn":"pattern-lock-v1__forgotBtn_6cgdp","hiddenBtn":"pattern-lock-v1__hiddenBtn_6cgdp"};
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_ubooh {
21
+ .pattern-lock-v1__component_aqdlu {
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_ubooh {
25
+ .pattern-lock-v1__forgotBtn_aqdlu {
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_ubooh {
29
+ .pattern-lock-v1__forgotBtn_aqdlu {
30
30
  margin-top: var(--gap-32);
31
31
  min-height: var(--size-s-height);
32
32
  }
33
33
 
34
- .pattern-lock-v1__component_ubooh {
34
+ .pattern-lock-v1__component_aqdlu {
35
35
  margin-bottom: var(--gap-12);
36
36
  }
37
37
  }
38
38
  @media screen and (min-width: 390px) {
39
- .pattern-lock-v1__forgotBtn_ubooh {
39
+ .pattern-lock-v1__forgotBtn_aqdlu {
40
40
  min-height: var(--size-m-height);
41
41
  }
42
42
 
43
- .pattern-lock-v1__component_ubooh {
43
+ .pattern-lock-v1__component_aqdlu {
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_ubooh","forgotBtn":"pattern-lock-v1__forgotBtn_ubooh"};
3
+ const styles = {"component":"pattern-lock-v1__component_aqdlu","forgotBtn":"pattern-lock-v1__forgotBtn_aqdlu"};
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.4",
3
+ "version": "3.0.5-alfasans",
4
4
  "description": "Pattern lock v1 (deprecated)",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -9,10 +9,13 @@
9
9
  ],
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
+ "scripts": {
13
+ "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
+ },
12
15
  "dependencies": {
13
- "@alfalab/core-components-button": "^13.1.1",
14
- "@alfalab/core-components-mq": "^6.0.3",
15
- "@alfalab/core-components-shared": "^2.1.1",
16
+ "@alfalab/core-components-button": "13.1.2-alfasans",
17
+ "@alfalab/core-components-mq": "6.0.3-alfasans",
18
+ "@alfalab/core-components-shared": "2.1.1-alfasans",
16
19
  "classnames": "^2.5.1",
17
20
  "react-canvas-pattern-lock": "^2.0.6",
18
21
  "tslib": "^2.4.0"
@@ -25,6 +28,6 @@
25
28
  "access": "public",
26
29
  "directory": "dist"
27
30
  },
28
- "themesVersion": "15.0.2",
29
- "varsVersion": "11.0.2"
31
+ "themesVersion": "15.1.0-alfasans",
32
+ "varsVersion": "11.0.2-alfasans"
30
33
  }