@alfalab/core-components-bank-card 4.2.2 → 4.2.5

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 (7) hide show
  1. package/dist/Component.js +1 -1
  2. package/dist/esm/Component.js +1 -1
  3. package/dist/esm/index.css +20 -20
  4. package/dist/index.css +20 -20
  5. package/dist/modern/Component.js +1 -1
  6. package/dist/modern/index.css +20 -20
  7. package/package.json +3 -3
package/dist/Component.js CHANGED
@@ -17,7 +17,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
18
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
19
19
 
20
- var styles = {"component":"bank-card__component_1i5of","aspectRatioContainer":"bank-card__aspectRatioContainer_1i5of","content":"bank-card__content_1i5of","label":"bank-card__label_1i5of","focused":"bank-card__focused_1i5of","filled":"bank-card__filled_1i5of","input":"bank-card__input_1i5of","bankLogo":"bank-card__bankLogo_1i5of","brandLogo":"bank-card__brandLogo_1i5of","usePhoto":"bank-card__usePhoto_1i5of"};
20
+ var styles = {"component":"bank-card__component_1j5hn","aspectRatioContainer":"bank-card__aspectRatioContainer_1j5hn","content":"bank-card__content_1j5hn","label":"bank-card__label_1j5hn","focused":"bank-card__focused_1j5hn","filled":"bank-card__filled_1j5hn","input":"bank-card__input_1j5hn","bankLogo":"bank-card__bankLogo_1j5hn","brandLogo":"bank-card__brandLogo_1j5hn","usePhoto":"bank-card__usePhoto_1j5hn"};
21
21
  require('./index.css')
22
22
 
23
23
  // prettier-ignore
package/dist/esm/Component.js CHANGED
@@ -8,7 +8,7 @@ import { MastercardLIcon } from '@alfalab/icons-logotype/MastercardLIcon';
8
8
  import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
9
9
  import { validateCardNumber } from './utils.js';
10
10
 
11
- var styles = {"component":"bank-card__component_1i5of","aspectRatioContainer":"bank-card__aspectRatioContainer_1i5of","content":"bank-card__content_1i5of","label":"bank-card__label_1i5of","focused":"bank-card__focused_1i5of","filled":"bank-card__filled_1i5of","input":"bank-card__input_1i5of","bankLogo":"bank-card__bankLogo_1i5of","brandLogo":"bank-card__brandLogo_1i5of","usePhoto":"bank-card__usePhoto_1i5of"};
11
+ var styles = {"component":"bank-card__component_1j5hn","aspectRatioContainer":"bank-card__aspectRatioContainer_1j5hn","content":"bank-card__content_1j5hn","label":"bank-card__label_1j5hn","focused":"bank-card__focused_1j5hn","filled":"bank-card__filled_1j5hn","input":"bank-card__input_1j5hn","bankLogo":"bank-card__bankLogo_1j5hn","brandLogo":"bank-card__brandLogo_1j5hn","usePhoto":"bank-card__usePhoto_1j5hn"};
12
12
  require('./index.css')
13
13
 
14
14
  // prettier-ignore
package/dist/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: tciiy */
1
+ /* hash: bitk7 */
2
2
  :root {
3
3
  --color-black: #000;
4
4
  --color-black-60: rgba(0, 0, 0, 0.6);
@@ -23,7 +23,7 @@
23
23
  :root {
24
24
  --border-radius-l: 12px;
25
25
  }
26
- .bank-card__component_1i5of {
26
+ .bank-card__component_1j5hn {
27
27
  /* TODO: как это будет собираться и работать в webView */
28
28
 
29
29
  /* focus */
@@ -35,11 +35,11 @@
35
35
 
36
36
  font-family: var(--font-family-styrene);
37
37
  }
38
- .bank-card__aspectRatioContainer_1i5of {
38
+ .bank-card__aspectRatioContainer_1j5hn {
39
39
  /* Эталонный размер 343x215 */
40
40
  padding-bottom: 62.6%;
41
41
  }
42
- .bank-card__content_1i5of {
42
+ .bank-card__content_1j5hn {
43
43
  position: absolute;
44
44
  top: 0;
45
45
  right: 0;
@@ -52,7 +52,7 @@
52
52
  border-radius: var(--border-radius-l);
53
53
  box-sizing: border-box;
54
54
  }
55
- .bank-card__label_1i5of {
55
+ .bank-card__label_1j5hn {
56
56
  left: 0;
57
57
  transform: translateY(-1px);
58
58
  color: var(--color-black-60);
@@ -60,25 +60,25 @@
60
60
  line-height: 24px
61
61
  }
62
62
  @media (max-width: 360px) {
63
- .bank-card__label_1i5of {
63
+ .bank-card__label_1j5hn {
64
64
  font-size: 16px
65
65
  }
66
66
  }
67
- .bank-card__focused_1i5of .bank-card__label_1i5of,
68
- .bank-card__filled_1i5of .bank-card__label_1i5of {
67
+ .bank-card__focused_1j5hn .bank-card__label_1j5hn,
68
+ .bank-card__filled_1j5hn .bank-card__label_1j5hn {
69
69
  color: var(--color-black);
70
70
  transform: translateY(-19px) scale(0.6)
71
71
  }
72
72
  @media (max-width: 360px) {
73
- .bank-card__focused_1i5of .bank-card__label_1i5of,
74
- .bank-card__filled_1i5of .bank-card__label_1i5of {
73
+ .bank-card__focused_1j5hn .bank-card__label_1j5hn,
74
+ .bank-card__filled_1j5hn .bank-card__label_1j5hn {
75
75
  transform: translateY(-22px) scale(0.75)
76
76
  }
77
77
  }
78
- .bank-card__focused_1i5of:before {
78
+ .bank-card__focused_1j5hn:before {
79
79
  transform: scale(1) !important;
80
80
  }
81
- .bank-card__input_1i5of {
81
+ .bank-card__input_1j5hn {
82
82
  font-size: 20px;
83
83
  line-height: 24px;
84
84
  font-weight: 400;
@@ -92,33 +92,33 @@
92
92
  padding-left: 0 !important
93
93
  }
94
94
  @media (max-width: 360px) {
95
- .bank-card__input_1i5of {
95
+ .bank-card__input_1j5hn {
96
96
  font-size: 16px
97
97
  }
98
98
  }
99
- .bank-card__bankLogo_1i5of {
99
+ .bank-card__bankLogo_1j5hn {
100
100
  position: absolute;
101
101
  top: 20px;
102
102
  left: 20px
103
103
  }
104
- .bank-card__bankLogo_1i5of svg {
104
+ .bank-card__bankLogo_1j5hn svg {
105
105
  max-height: 30px;
106
106
  width: auto;
107
107
  display: block
108
108
  }
109
- .bank-card__bankLogo_1i5of svg g {
109
+ .bank-card__bankLogo_1j5hn svg g {
110
110
  fill: var(--color-black);
111
111
  }
112
- .bank-card__brandLogo_1i5of {
112
+ .bank-card__brandLogo_1j5hn {
113
113
  position: absolute;
114
114
  bottom: 20px;
115
115
  right: 20px
116
116
  }
117
- .bank-card__brandLogo_1i5of svg {
117
+ .bank-card__brandLogo_1j5hn svg {
118
118
  display: block;
119
119
  fill: var(--color-black);
120
120
  }
121
- .bank-card__usePhoto_1i5of {
121
+ .bank-card__usePhoto_1j5hn {
122
122
  display: block;
123
123
  margin: 0;
124
124
  padding: 0;
@@ -136,7 +136,7 @@
136
136
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
137
137
  margin-right: calc(var(--gap-s) * -1)
138
138
  }
139
- .bank-card__usePhoto_1i5of svg {
139
+ .bank-card__usePhoto_1j5hn svg {
140
140
  fill: var(--color-black);
141
141
  display: block;
142
142
  }
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: tciiy */
1
+ /* hash: bitk7 */
2
2
  :root {
3
3
  --color-black: #000;
4
4
  --color-black-60: rgba(0, 0, 0, 0.6);
@@ -23,7 +23,7 @@
23
23
  :root {
24
24
  --border-radius-l: 12px;
25
25
  }
26
- .bank-card__component_1i5of {
26
+ .bank-card__component_1j5hn {
27
27
  /* TODO: как это будет собираться и работать в webView */
28
28
 
29
29
  /* focus */
@@ -35,11 +35,11 @@
35
35
 
36
36
  font-family: var(--font-family-styrene);
37
37
  }
38
- .bank-card__aspectRatioContainer_1i5of {
38
+ .bank-card__aspectRatioContainer_1j5hn {
39
39
  /* Эталонный размер 343x215 */
40
40
  padding-bottom: 62.6%;
41
41
  }
42
- .bank-card__content_1i5of {
42
+ .bank-card__content_1j5hn {
43
43
  position: absolute;
44
44
  top: 0;
45
45
  right: 0;
@@ -52,7 +52,7 @@
52
52
  border-radius: var(--border-radius-l);
53
53
  box-sizing: border-box;
54
54
  }
55
- .bank-card__label_1i5of {
55
+ .bank-card__label_1j5hn {
56
56
  left: 0;
57
57
  transform: translateY(-1px);
58
58
  color: var(--color-black-60);
@@ -60,25 +60,25 @@
60
60
  line-height: 24px
61
61
  }
62
62
  @media (max-width: 360px) {
63
- .bank-card__label_1i5of {
63
+ .bank-card__label_1j5hn {
64
64
  font-size: 16px
65
65
  }
66
66
  }
67
- .bank-card__focused_1i5of .bank-card__label_1i5of,
68
- .bank-card__filled_1i5of .bank-card__label_1i5of {
67
+ .bank-card__focused_1j5hn .bank-card__label_1j5hn,
68
+ .bank-card__filled_1j5hn .bank-card__label_1j5hn {
69
69
  color: var(--color-black);
70
70
  transform: translateY(-19px) scale(0.6)
71
71
  }
72
72
  @media (max-width: 360px) {
73
- .bank-card__focused_1i5of .bank-card__label_1i5of,
74
- .bank-card__filled_1i5of .bank-card__label_1i5of {
73
+ .bank-card__focused_1j5hn .bank-card__label_1j5hn,
74
+ .bank-card__filled_1j5hn .bank-card__label_1j5hn {
75
75
  transform: translateY(-22px) scale(0.75)
76
76
  }
77
77
  }
78
- .bank-card__focused_1i5of:before {
78
+ .bank-card__focused_1j5hn:before {
79
79
  transform: scale(1) !important;
80
80
  }
81
- .bank-card__input_1i5of {
81
+ .bank-card__input_1j5hn {
82
82
  font-size: 20px;
83
83
  line-height: 24px;
84
84
  font-weight: 400;
@@ -92,33 +92,33 @@
92
92
  padding-left: 0 !important
93
93
  }
94
94
  @media (max-width: 360px) {
95
- .bank-card__input_1i5of {
95
+ .bank-card__input_1j5hn {
96
96
  font-size: 16px
97
97
  }
98
98
  }
99
- .bank-card__bankLogo_1i5of {
99
+ .bank-card__bankLogo_1j5hn {
100
100
  position: absolute;
101
101
  top: 20px;
102
102
  left: 20px
103
103
  }
104
- .bank-card__bankLogo_1i5of svg {
104
+ .bank-card__bankLogo_1j5hn svg {
105
105
  max-height: 30px;
106
106
  width: auto;
107
107
  display: block
108
108
  }
109
- .bank-card__bankLogo_1i5of svg g {
109
+ .bank-card__bankLogo_1j5hn svg g {
110
110
  fill: var(--color-black);
111
111
  }
112
- .bank-card__brandLogo_1i5of {
112
+ .bank-card__brandLogo_1j5hn {
113
113
  position: absolute;
114
114
  bottom: 20px;
115
115
  right: 20px
116
116
  }
117
- .bank-card__brandLogo_1i5of svg {
117
+ .bank-card__brandLogo_1j5hn svg {
118
118
  display: block;
119
119
  fill: var(--color-black);
120
120
  }
121
- .bank-card__usePhoto_1i5of {
121
+ .bank-card__usePhoto_1j5hn {
122
122
  display: block;
123
123
  margin: 0;
124
124
  padding: 0;
@@ -136,7 +136,7 @@
136
136
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
137
137
  margin-right: calc(var(--gap-s) * -1)
138
138
  }
139
- .bank-card__usePhoto_1i5of svg {
139
+ .bank-card__usePhoto_1j5hn svg {
140
140
  fill: var(--color-black);
141
141
  display: block;
142
142
  }
package/dist/modern/Component.js CHANGED
@@ -8,7 +8,7 @@ import { MastercardLIcon } from '@alfalab/icons-logotype/MastercardLIcon';
8
8
  import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
9
9
  import { validateCardNumber } from './utils.js';
10
10
 
11
- var styles = {"component":"bank-card__component_1i5of","aspectRatioContainer":"bank-card__aspectRatioContainer_1i5of","content":"bank-card__content_1i5of","label":"bank-card__label_1i5of","focused":"bank-card__focused_1i5of","filled":"bank-card__filled_1i5of","input":"bank-card__input_1i5of","bankLogo":"bank-card__bankLogo_1i5of","brandLogo":"bank-card__brandLogo_1i5of","usePhoto":"bank-card__usePhoto_1i5of"};
11
+ var styles = {"component":"bank-card__component_1j5hn","aspectRatioContainer":"bank-card__aspectRatioContainer_1j5hn","content":"bank-card__content_1j5hn","label":"bank-card__label_1j5hn","focused":"bank-card__focused_1j5hn","filled":"bank-card__filled_1j5hn","input":"bank-card__input_1j5hn","bankLogo":"bank-card__bankLogo_1j5hn","brandLogo":"bank-card__brandLogo_1j5hn","usePhoto":"bank-card__usePhoto_1j5hn"};
12
12
  require('./index.css')
13
13
 
14
14
  // prettier-ignore
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: tciiy */
1
+ /* hash: bitk7 */
2
2
  :root {
3
3
  --color-black: #000;
4
4
  --color-black-60: rgba(0, 0, 0, 0.6);
@@ -23,7 +23,7 @@
23
23
  :root {
24
24
  --border-radius-l: 12px;
25
25
  }
26
- .bank-card__component_1i5of {
26
+ .bank-card__component_1j5hn {
27
27
  /* TODO: как это будет собираться и работать в webView */
28
28
 
29
29
  /* focus */
@@ -35,11 +35,11 @@
35
35
 
36
36
  font-family: var(--font-family-styrene);
37
37
  }
38
- .bank-card__aspectRatioContainer_1i5of {
38
+ .bank-card__aspectRatioContainer_1j5hn {
39
39
  /* Эталонный размер 343x215 */
40
40
  padding-bottom: 62.6%;
41
41
  }
42
- .bank-card__content_1i5of {
42
+ .bank-card__content_1j5hn {
43
43
  position: absolute;
44
44
  top: 0;
45
45
  right: 0;
@@ -52,7 +52,7 @@
52
52
  border-radius: var(--border-radius-l);
53
53
  box-sizing: border-box;
54
54
  }
55
- .bank-card__label_1i5of {
55
+ .bank-card__label_1j5hn {
56
56
  left: 0;
57
57
  transform: translateY(-1px);
58
58
  color: var(--color-black-60);
@@ -60,25 +60,25 @@
60
60
  line-height: 24px
61
61
  }
62
62
  @media (max-width: 360px) {
63
- .bank-card__label_1i5of {
63
+ .bank-card__label_1j5hn {
64
64
  font-size: 16px
65
65
  }
66
66
  }
67
- .bank-card__focused_1i5of .bank-card__label_1i5of,
68
- .bank-card__filled_1i5of .bank-card__label_1i5of {
67
+ .bank-card__focused_1j5hn .bank-card__label_1j5hn,
68
+ .bank-card__filled_1j5hn .bank-card__label_1j5hn {
69
69
  color: var(--color-black);
70
70
  transform: translateY(-19px) scale(0.6)
71
71
  }
72
72
  @media (max-width: 360px) {
73
- .bank-card__focused_1i5of .bank-card__label_1i5of,
74
- .bank-card__filled_1i5of .bank-card__label_1i5of {
73
+ .bank-card__focused_1j5hn .bank-card__label_1j5hn,
74
+ .bank-card__filled_1j5hn .bank-card__label_1j5hn {
75
75
  transform: translateY(-22px) scale(0.75)
76
76
  }
77
77
  }
78
- .bank-card__focused_1i5of:before {
78
+ .bank-card__focused_1j5hn:before {
79
79
  transform: scale(1) !important;
80
80
  }
81
- .bank-card__input_1i5of {
81
+ .bank-card__input_1j5hn {
82
82
  font-size: 20px;
83
83
  line-height: 24px;
84
84
  font-weight: 400;
@@ -92,33 +92,33 @@
92
92
  padding-left: 0 !important
93
93
  }
94
94
  @media (max-width: 360px) {
95
- .bank-card__input_1i5of {
95
+ .bank-card__input_1j5hn {
96
96
  font-size: 16px
97
97
  }
98
98
  }
99
- .bank-card__bankLogo_1i5of {
99
+ .bank-card__bankLogo_1j5hn {
100
100
  position: absolute;
101
101
  top: 20px;
102
102
  left: 20px
103
103
  }
104
- .bank-card__bankLogo_1i5of svg {
104
+ .bank-card__bankLogo_1j5hn svg {
105
105
  max-height: 30px;
106
106
  width: auto;
107
107
  display: block
108
108
  }
109
- .bank-card__bankLogo_1i5of svg g {
109
+ .bank-card__bankLogo_1j5hn svg g {
110
110
  fill: var(--color-black);
111
111
  }
112
- .bank-card__brandLogo_1i5of {
112
+ .bank-card__brandLogo_1j5hn {
113
113
  position: absolute;
114
114
  bottom: 20px;
115
115
  right: 20px
116
116
  }
117
- .bank-card__brandLogo_1i5of svg {
117
+ .bank-card__brandLogo_1j5hn svg {
118
118
  display: block;
119
119
  fill: var(--color-black);
120
120
  }
121
- .bank-card__usePhoto_1i5of {
121
+ .bank-card__usePhoto_1j5hn {
122
122
  display: block;
123
123
  margin: 0;
124
124
  padding: 0;
@@ -136,7 +136,7 @@
136
136
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
137
137
  margin-right: calc(var(--gap-s) * -1)
138
138
  }
139
- .bank-card__usePhoto_1i5of svg {
139
+ .bank-card__usePhoto_1j5hn svg {
140
140
  fill: var(--color-black);
141
141
  display: block;
142
142
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bank-card",
3
- "version": "4.2.2",
3
+ "version": "4.2.5",
4
4
  "description": "Bank card component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,11 +20,11 @@
20
20
  "react-dom": "^16.9.0 || ^17.0.1"
21
21
  },
22
22
  "dependencies": {
23
- "@alfalab/core-components-masked-input": "^4.3.2",
23
+ "@alfalab/core-components-masked-input": "^4.3.5",
24
24
  "@alfalab/icons-classic": "^1.76.0",
25
25
  "@alfalab/icons-glyph": "^2.16.0",
26
26
  "@alfalab/icons-logotype": "^1.28.0",
27
27
  "classnames": "2.2.6"
28
28
  },
29
- "gitHead": "8d998af881e79e8b524179aa50cdb117c1380c74"
29
+ "gitHead": "b44d81f1c42835fa6946c4bf15aee99abe2b4b96"
30
30
  }