@alfalab/core-components-pattern-lock 1.4.7 → 1.4.8

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 (12) hide show
  1. package/Component.js +1 -1
  2. package/cssm/typings.d.ts +2 -0
  3. package/esm/Component.js +1 -1
  4. package/esm/index.css +11 -11
  5. package/esm/typings.d.ts +2 -0
  6. package/index.css +11 -11
  7. package/modern/Component.js +1 -1
  8. package/modern/index.css +11 -11
  9. package/modern/typings.d.ts +2 -0
  10. package/package.json +2 -2
  11. package/src/typings.ts +2 -0
  12. package/typings.d.ts +2 -0
package/Component.js CHANGED
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
19
19
 
20
- var styles = {"component":"pattern-lock__component_1xqes","hidden":"pattern-lock__hidden_1xqes","message":"pattern-lock__message_1xqes","error":"pattern-lock__error_1xqes","forgotBtn":"pattern-lock__forgotBtn_1xqes"};
20
+ var styles = {"component":"pattern-lock__component_1wfrj","hidden":"pattern-lock__hidden_1wfrj","message":"pattern-lock__message_1wfrj","error":"pattern-lock__error_1wfrj","forgotBtn":"pattern-lock__forgotBtn_1wfrj"};
21
21
  require('./index.css')
22
22
 
23
23
  var PatternLock = React.forwardRef(function (_a, ref) {
package/cssm/typings.d.ts CHANGED
@@ -35,6 +35,8 @@ type PatternLockProps = {
35
35
  message?: ReactNode;
36
36
  /**
37
37
  * Идентификатор для систем автоматизированного тестирования.
38
+ * Для сообщения используется модификатор -message, ошибки -error,
39
+ * кнопки "забыли код" -forgot-code-btn
38
40
  */
39
41
  dataTestId?: string;
40
42
  /**
package/esm/Component.js CHANGED
@@ -8,7 +8,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/esm';
8
8
  import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
9
9
  import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
10
10
 
11
- var styles = {"component":"pattern-lock__component_1xqes","hidden":"pattern-lock__hidden_1xqes","message":"pattern-lock__message_1xqes","error":"pattern-lock__error_1xqes","forgotBtn":"pattern-lock__forgotBtn_1xqes"};
11
+ var styles = {"component":"pattern-lock__component_1wfrj","hidden":"pattern-lock__hidden_1wfrj","message":"pattern-lock__message_1wfrj","error":"pattern-lock__error_1wfrj","forgotBtn":"pattern-lock__forgotBtn_1wfrj"};
12
12
  require('./index.css')
13
13
 
14
14
  var PatternLock = forwardRef(function (_a, ref) {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xdq1 */
1
+ /* hash: 1q5tg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-negative: #ec2e14;
@@ -27,15 +27,15 @@
27
27
  --size-m-height: 56px;
28
28
  } :root {
29
29
  --pattern-lock-max-width: 500px;
30
- } .pattern-lock__component_1xqes {
30
+ } .pattern-lock__component_1wfrj {
31
31
  max-width: var(--pattern-lock-max-width);
32
32
  margin: var(--gap-xs) 0 var(--gap-xl) 0
33
- } .pattern-lock__component_1xqes canvas {
33
+ } .pattern-lock__component_1wfrj canvas {
34
34
  display: block;
35
35
  margin: 0 auto;
36
- } .pattern-lock__hidden_1xqes {
36
+ } .pattern-lock__hidden_1wfrj {
37
37
  visibility: hidden;
38
- } .pattern-lock__message_1xqes {
38
+ } .pattern-lock__message_1wfrj {
39
39
  font-size: 16px;
40
40
  line-height: 24px;
41
41
  font-weight: 400;
@@ -47,27 +47,27 @@
47
47
  text-overflow: ellipsis;
48
48
  white-space: nowrap;
49
49
  color: var(--color-light-text-primary);
50
- } .pattern-lock__error_1xqes {
50
+ } .pattern-lock__error_1wfrj {
51
51
  color: var(--color-light-text-negative);
52
- } .pattern-lock__forgotBtn_1xqes {
52
+ } .pattern-lock__forgotBtn_1wfrj {
53
53
  display: block;
54
54
  min-height: var(--size-xs-height);
55
55
  margin: var(--gap-xl) auto 0;
56
56
  } @media screen and (min-width: 360px) {
57
- .pattern-lock__forgotBtn_1xqes {
57
+ .pattern-lock__forgotBtn_1wfrj {
58
58
  margin-top: var(--gap-2xl);
59
59
  min-height: var(--size-s-height);
60
60
  }
61
61
 
62
- .pattern-lock__component_1xqes {
62
+ .pattern-lock__component_1wfrj {
63
63
  margin-bottom: var(--gap-s);
64
64
  }
65
65
  } @media screen and (min-width: 390px) {
66
- .pattern-lock__forgotBtn_1xqes {
66
+ .pattern-lock__forgotBtn_1wfrj {
67
67
  min-height: var(--size-m-height);
68
68
  }
69
69
 
70
- .pattern-lock__component_1xqes {
70
+ .pattern-lock__component_1wfrj {
71
71
  margin-bottom: var(--gap-l);
72
72
  }
73
73
  }
package/esm/typings.d.ts CHANGED
@@ -35,6 +35,8 @@ type PatternLockProps = {
35
35
  message?: ReactNode;
36
36
  /**
37
37
  * Идентификатор для систем автоматизированного тестирования.
38
+ * Для сообщения используется модификатор -message, ошибки -error,
39
+ * кнопки "забыли код" -forgot-code-btn
38
40
  */
39
41
  dataTestId?: string;
40
42
  /**
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xdq1 */
1
+ /* hash: 1q5tg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-negative: #ec2e14;
@@ -27,15 +27,15 @@
27
27
  --size-m-height: 56px;
28
28
  } :root {
29
29
  --pattern-lock-max-width: 500px;
30
- } .pattern-lock__component_1xqes {
30
+ } .pattern-lock__component_1wfrj {
31
31
  max-width: var(--pattern-lock-max-width);
32
32
  margin: var(--gap-xs) 0 var(--gap-xl) 0
33
- } .pattern-lock__component_1xqes canvas {
33
+ } .pattern-lock__component_1wfrj canvas {
34
34
  display: block;
35
35
  margin: 0 auto;
36
- } .pattern-lock__hidden_1xqes {
36
+ } .pattern-lock__hidden_1wfrj {
37
37
  visibility: hidden;
38
- } .pattern-lock__message_1xqes {
38
+ } .pattern-lock__message_1wfrj {
39
39
  font-size: 16px;
40
40
  line-height: 24px;
41
41
  font-weight: 400;
@@ -47,27 +47,27 @@
47
47
  text-overflow: ellipsis;
48
48
  white-space: nowrap;
49
49
  color: var(--color-light-text-primary);
50
- } .pattern-lock__error_1xqes {
50
+ } .pattern-lock__error_1wfrj {
51
51
  color: var(--color-light-text-negative);
52
- } .pattern-lock__forgotBtn_1xqes {
52
+ } .pattern-lock__forgotBtn_1wfrj {
53
53
  display: block;
54
54
  min-height: var(--size-xs-height);
55
55
  margin: var(--gap-xl) auto 0;
56
56
  } @media screen and (min-width: 360px) {
57
- .pattern-lock__forgotBtn_1xqes {
57
+ .pattern-lock__forgotBtn_1wfrj {
58
58
  margin-top: var(--gap-2xl);
59
59
  min-height: var(--size-s-height);
60
60
  }
61
61
 
62
- .pattern-lock__component_1xqes {
62
+ .pattern-lock__component_1wfrj {
63
63
  margin-bottom: var(--gap-s);
64
64
  }
65
65
  } @media screen and (min-width: 390px) {
66
- .pattern-lock__forgotBtn_1xqes {
66
+ .pattern-lock__forgotBtn_1wfrj {
67
67
  min-height: var(--size-m-height);
68
68
  }
69
69
 
70
- .pattern-lock__component_1xqes {
70
+ .pattern-lock__component_1wfrj {
71
71
  margin-bottom: var(--gap-l);
72
72
  }
73
73
  }
package/modern/Component.js CHANGED
@@ -7,7 +7,7 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
7
7
  import { THEME_STATE, DEFAULT_EXTRA_BOUNDS, OBSERVE_OPTIONS, OBSERVABLE_TOKENS } from './consts.js';
8
8
  import { getSizes, getTheme, getColorByToken, getDefaultObserveTarget } from './utils.js';
9
9
 
10
- const styles = {"component":"pattern-lock__component_1xqes","hidden":"pattern-lock__hidden_1xqes","message":"pattern-lock__message_1xqes","error":"pattern-lock__error_1xqes","forgotBtn":"pattern-lock__forgotBtn_1xqes"};
10
+ const styles = {"component":"pattern-lock__component_1wfrj","hidden":"pattern-lock__hidden_1wfrj","message":"pattern-lock__message_1wfrj","error":"pattern-lock__error_1wfrj","forgotBtn":"pattern-lock__forgotBtn_1wfrj"};
11
11
  require('./index.css')
12
12
 
13
13
  const PatternLock = forwardRef(({ observeTokens = false, observerParams = {}, justifyNodes = 'space-between', className, error, dataTestId, forgotCodeBtnText = 'Забыли код?', showForgotCodeBtn = false, onForgotBtnClick, extraBounds = DEFAULT_EXTRA_BOUNDS, message, ...restProps }, ref) => {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1xdq1 */
1
+ /* hash: 1q5tg */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-text-negative: #ec2e14;
@@ -27,15 +27,15 @@
27
27
  --size-m-height: 56px;
28
28
  } :root {
29
29
  --pattern-lock-max-width: 500px;
30
- } .pattern-lock__component_1xqes {
30
+ } .pattern-lock__component_1wfrj {
31
31
  max-width: var(--pattern-lock-max-width);
32
32
  margin: var(--gap-xs) 0 var(--gap-xl) 0
33
- } .pattern-lock__component_1xqes canvas {
33
+ } .pattern-lock__component_1wfrj canvas {
34
34
  display: block;
35
35
  margin: 0 auto;
36
- } .pattern-lock__hidden_1xqes {
36
+ } .pattern-lock__hidden_1wfrj {
37
37
  visibility: hidden;
38
- } .pattern-lock__message_1xqes {
38
+ } .pattern-lock__message_1wfrj {
39
39
  font-size: 16px;
40
40
  line-height: 24px;
41
41
  font-weight: 400;
@@ -47,27 +47,27 @@
47
47
  text-overflow: ellipsis;
48
48
  white-space: nowrap;
49
49
  color: var(--color-light-text-primary);
50
- } .pattern-lock__error_1xqes {
50
+ } .pattern-lock__error_1wfrj {
51
51
  color: var(--color-light-text-negative);
52
- } .pattern-lock__forgotBtn_1xqes {
52
+ } .pattern-lock__forgotBtn_1wfrj {
53
53
  display: block;
54
54
  min-height: var(--size-xs-height);
55
55
  margin: var(--gap-xl) auto 0;
56
56
  } @media screen and (min-width: 360px) {
57
- .pattern-lock__forgotBtn_1xqes {
57
+ .pattern-lock__forgotBtn_1wfrj {
58
58
  margin-top: var(--gap-2xl);
59
59
  min-height: var(--size-s-height);
60
60
  }
61
61
 
62
- .pattern-lock__component_1xqes {
62
+ .pattern-lock__component_1wfrj {
63
63
  margin-bottom: var(--gap-s);
64
64
  }
65
65
  } @media screen and (min-width: 390px) {
66
- .pattern-lock__forgotBtn_1xqes {
66
+ .pattern-lock__forgotBtn_1wfrj {
67
67
  min-height: var(--size-m-height);
68
68
  }
69
69
 
70
- .pattern-lock__component_1xqes {
70
+ .pattern-lock__component_1wfrj {
71
71
  margin-bottom: var(--gap-l);
72
72
  }
73
73
  }
package/modern/typings.d.ts CHANGED
@@ -35,6 +35,8 @@ type PatternLockProps = {
35
35
  message?: ReactNode;
36
36
  /**
37
37
  * Идентификатор для систем автоматизированного тестирования.
38
+ * Для сообщения используется модификатор -message, ошибки -error,
39
+ * кнопки "забыли код" -forgot-code-btn
38
40
  */
39
41
  dataTestId?: string;
40
42
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-pattern-lock",
3
- "version": "1.4.7",
3
+ "version": "1.4.8",
4
4
  "description": "Pattern lock",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,7 +15,7 @@
15
15
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
16
16
  },
17
17
  "dependencies": {
18
- "@alfalab/core-components-button": "^10.0.2",
18
+ "@alfalab/core-components-button": "^11.0.0",
19
19
  "@alfalab/core-components-gap": "^1.2.0",
20
20
  "@alfalab/core-components-shared": "^0.8.0",
21
21
  "react-canvas-pattern-lock": "^1.1.1",
package/src/typings.ts CHANGED
@@ -44,6 +44,8 @@ export type PatternLockProps = {
44
44
 
45
45
  /**
46
46
  * Идентификатор для систем автоматизированного тестирования.
47
+ * Для сообщения используется модификатор -message, ошибки -error,
48
+ * кнопки "забыли код" -forgot-code-btn
47
49
  */
48
50
  dataTestId?: string;
49
51
 
package/typings.d.ts CHANGED
@@ -35,6 +35,8 @@ type PatternLockProps = {
35
35
  message?: ReactNode;
36
36
  /**
37
37
  * Идентификатор для систем автоматизированного тестирования.
38
+ * Для сообщения используется модификатор -message, ошибки -error,
39
+ * кнопки "забыли код" -forgot-code-btn
38
40
  */
39
41
  dataTestId?: string;
40
42
  /**