@alfalab/core-components-bank-card 4.1.4 → 4.1.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 (9) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/dist/Component.js +1 -1
  3. package/dist/cssm/index.module.css +1 -0
  4. package/dist/esm/Component.js +1 -1
  5. package/dist/esm/index.css +21 -20
  6. package/dist/index.css +21 -20
  7. package/dist/modern/Component.js +1 -1
  8. package/dist/modern/index.css +21 -20
  9. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,41 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.1.8](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bank-card@4.1.7...@alfalab/core-components-bank-card@4.1.8) (2021-12-14)
7
+
8
+ **Note:** Version bump only for package @alfalab/core-components-bank-card
9
+
10
+
11
+
12
+
13
+
14
+ ## [4.1.7](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bank-card@4.1.6...@alfalab/core-components-bank-card@4.1.7) (2021-12-08)
15
+
16
+ **Note:** Version bump only for package @alfalab/core-components-bank-card
17
+
18
+
19
+
20
+
21
+
22
+ ## [4.1.6](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bank-card@4.1.5...@alfalab/core-components-bank-card@4.1.6) (2021-12-08)
23
+
24
+ **Note:** Version bump only for package @alfalab/core-components-bank-card
25
+
26
+
27
+
28
+
29
+
30
+ ## [4.1.5](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bank-card@4.1.4...@alfalab/core-components-bank-card@4.1.5) (2021-12-08)
31
+
32
+
33
+ ### Bug Fixes
34
+
35
+ * **bank-card:** фикс цвета иконки ([#898](https://github.com/alfa-laboratory/core-components/issues/898)) ([66c2659](https://github.com/alfa-laboratory/core-components/commit/66c265919e7452af324ceabd26813a8be19b4839))
36
+
37
+
38
+
39
+
40
+
6
41
  ## [4.1.4](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-bank-card@4.1.3...@alfalab/core-components-bank-card@4.1.4) (2021-11-26)
7
42
 
8
43
  **Note:** Version bump only for package @alfalab/core-components-bank-card
package/dist/Component.js CHANGED
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
16
  var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
17
17
 
18
- var styles = {"component":"bank-card__component_1p7dc","aspectRatioContainer":"bank-card__aspectRatioContainer_1p7dc","content":"bank-card__content_1p7dc","label":"bank-card__label_1p7dc","focused":"bank-card__focused_1p7dc","filled":"bank-card__filled_1p7dc","input":"bank-card__input_1p7dc","bankLogo":"bank-card__bankLogo_1p7dc","brandLogo":"bank-card__brandLogo_1p7dc","usePhoto":"bank-card__usePhoto_1p7dc"};
18
+ var styles = {"component":"bank-card__component_enx7r","aspectRatioContainer":"bank-card__aspectRatioContainer_enx7r","content":"bank-card__content_enx7r","label":"bank-card__label_enx7r","focused":"bank-card__focused_enx7r","filled":"bank-card__filled_enx7r","input":"bank-card__input_enx7r","bankLogo":"bank-card__bankLogo_enx7r","brandLogo":"bank-card__brandLogo_enx7r","usePhoto":"bank-card__usePhoto_enx7r"};
19
19
  require('./index.css')
20
20
 
21
21
  // prettier-ignore
package/dist/cssm/index.module.css CHANGED
@@ -136,5 +136,6 @@
136
136
  margin-right: calc(var(--gap-s) * -1)
137
137
  }
138
138
  .usePhoto svg {
139
+ fill: var(--color-black);
139
140
  display: block;
140
141
  }
package/dist/esm/Component.js CHANGED
@@ -6,7 +6,7 @@ import { CameraMIcon } from '@alfalab/icons-glyph/CameraMIcon';
6
6
  import { MirXxlIcon, VisaXxlIcon, MastercardLIcon } from '@alfalab/icons-logotype';
7
7
  import { validateCardNumber } from './utils.js';
8
8
 
9
- var styles = {"component":"bank-card__component_1p7dc","aspectRatioContainer":"bank-card__aspectRatioContainer_1p7dc","content":"bank-card__content_1p7dc","label":"bank-card__label_1p7dc","focused":"bank-card__focused_1p7dc","filled":"bank-card__filled_1p7dc","input":"bank-card__input_1p7dc","bankLogo":"bank-card__bankLogo_1p7dc","brandLogo":"bank-card__brandLogo_1p7dc","usePhoto":"bank-card__usePhoto_1p7dc"};
9
+ var styles = {"component":"bank-card__component_enx7r","aspectRatioContainer":"bank-card__aspectRatioContainer_enx7r","content":"bank-card__content_enx7r","label":"bank-card__label_enx7r","focused":"bank-card__focused_enx7r","filled":"bank-card__filled_enx7r","input":"bank-card__input_enx7r","bankLogo":"bank-card__bankLogo_enx7r","brandLogo":"bank-card__brandLogo_enx7r","usePhoto":"bank-card__usePhoto_enx7r"};
10
10
  require('./index.css')
11
11
 
12
12
  // prettier-ignore
package/dist/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1d0q2 */
1
+ /* hash: 15v8l */
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_1p7dc {
26
+ .bank-card__component_enx7r {
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_1p7dc {
38
+ .bank-card__aspectRatioContainer_enx7r {
39
39
  /* Эталонный размер 343x215 */
40
40
  padding-bottom: 62.6%;
41
41
  }
42
- .bank-card__content_1p7dc {
42
+ .bank-card__content_enx7r {
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_1p7dc {
55
+ .bank-card__label_enx7r {
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_1p7dc {
63
+ .bank-card__label_enx7r {
64
64
  font-size: 16px
65
65
  }
66
66
  }
67
- .bank-card__focused_1p7dc .bank-card__label_1p7dc,
68
- .bank-card__filled_1p7dc .bank-card__label_1p7dc {
67
+ .bank-card__focused_enx7r .bank-card__label_enx7r,
68
+ .bank-card__filled_enx7r .bank-card__label_enx7r {
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_1p7dc .bank-card__label_1p7dc,
74
- .bank-card__filled_1p7dc .bank-card__label_1p7dc {
73
+ .bank-card__focused_enx7r .bank-card__label_enx7r,
74
+ .bank-card__filled_enx7r .bank-card__label_enx7r {
75
75
  transform: translateY(-22px) scale(0.75)
76
76
  }
77
77
  }
78
- .bank-card__focused_1p7dc:before {
78
+ .bank-card__focused_enx7r:before {
79
79
  transform: scale(1) !important;
80
80
  }
81
- .bank-card__input_1p7dc {
81
+ .bank-card__input_enx7r {
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_1p7dc {
95
+ .bank-card__input_enx7r {
96
96
  font-size: 16px
97
97
  }
98
98
  }
99
- .bank-card__bankLogo_1p7dc {
99
+ .bank-card__bankLogo_enx7r {
100
100
  position: absolute;
101
101
  top: 20px;
102
102
  left: 20px
103
103
  }
104
- .bank-card__bankLogo_1p7dc svg {
104
+ .bank-card__bankLogo_enx7r svg {
105
105
  max-height: 30px;
106
106
  width: auto;
107
107
  display: block
108
108
  }
109
- .bank-card__bankLogo_1p7dc svg g {
109
+ .bank-card__bankLogo_enx7r svg g {
110
110
  fill: var(--color-black);
111
111
  }
112
- .bank-card__brandLogo_1p7dc {
112
+ .bank-card__brandLogo_enx7r {
113
113
  position: absolute;
114
114
  bottom: 20px;
115
115
  right: 20px
116
116
  }
117
- .bank-card__brandLogo_1p7dc svg {
117
+ .bank-card__brandLogo_enx7r svg {
118
118
  display: block;
119
119
  fill: var(--color-black);
120
120
  }
121
- .bank-card__usePhoto_1p7dc {
121
+ .bank-card__usePhoto_enx7r {
122
122
  display: block;
123
123
  margin: 0;
124
124
  padding: 0;
@@ -136,6 +136,7 @@
136
136
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
137
137
  margin-right: calc(var(--gap-s) * -1)
138
138
  }
139
- .bank-card__usePhoto_1p7dc svg {
139
+ .bank-card__usePhoto_enx7r svg {
140
+ fill: var(--color-black);
140
141
  display: block;
141
142
  }
package/dist/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1d0q2 */
1
+ /* hash: 15v8l */
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_1p7dc {
26
+ .bank-card__component_enx7r {
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_1p7dc {
38
+ .bank-card__aspectRatioContainer_enx7r {
39
39
  /* Эталонный размер 343x215 */
40
40
  padding-bottom: 62.6%;
41
41
  }
42
- .bank-card__content_1p7dc {
42
+ .bank-card__content_enx7r {
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_1p7dc {
55
+ .bank-card__label_enx7r {
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_1p7dc {
63
+ .bank-card__label_enx7r {
64
64
  font-size: 16px
65
65
  }
66
66
  }
67
- .bank-card__focused_1p7dc .bank-card__label_1p7dc,
68
- .bank-card__filled_1p7dc .bank-card__label_1p7dc {
67
+ .bank-card__focused_enx7r .bank-card__label_enx7r,
68
+ .bank-card__filled_enx7r .bank-card__label_enx7r {
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_1p7dc .bank-card__label_1p7dc,
74
- .bank-card__filled_1p7dc .bank-card__label_1p7dc {
73
+ .bank-card__focused_enx7r .bank-card__label_enx7r,
74
+ .bank-card__filled_enx7r .bank-card__label_enx7r {
75
75
  transform: translateY(-22px) scale(0.75)
76
76
  }
77
77
  }
78
- .bank-card__focused_1p7dc:before {
78
+ .bank-card__focused_enx7r:before {
79
79
  transform: scale(1) !important;
80
80
  }
81
- .bank-card__input_1p7dc {
81
+ .bank-card__input_enx7r {
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_1p7dc {
95
+ .bank-card__input_enx7r {
96
96
  font-size: 16px
97
97
  }
98
98
  }
99
- .bank-card__bankLogo_1p7dc {
99
+ .bank-card__bankLogo_enx7r {
100
100
  position: absolute;
101
101
  top: 20px;
102
102
  left: 20px
103
103
  }
104
- .bank-card__bankLogo_1p7dc svg {
104
+ .bank-card__bankLogo_enx7r svg {
105
105
  max-height: 30px;
106
106
  width: auto;
107
107
  display: block
108
108
  }
109
- .bank-card__bankLogo_1p7dc svg g {
109
+ .bank-card__bankLogo_enx7r svg g {
110
110
  fill: var(--color-black);
111
111
  }
112
- .bank-card__brandLogo_1p7dc {
112
+ .bank-card__brandLogo_enx7r {
113
113
  position: absolute;
114
114
  bottom: 20px;
115
115
  right: 20px
116
116
  }
117
- .bank-card__brandLogo_1p7dc svg {
117
+ .bank-card__brandLogo_enx7r svg {
118
118
  display: block;
119
119
  fill: var(--color-black);
120
120
  }
121
- .bank-card__usePhoto_1p7dc {
121
+ .bank-card__usePhoto_enx7r {
122
122
  display: block;
123
123
  margin: 0;
124
124
  padding: 0;
@@ -136,6 +136,7 @@
136
136
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
137
137
  margin-right: calc(var(--gap-s) * -1)
138
138
  }
139
- .bank-card__usePhoto_1p7dc svg {
139
+ .bank-card__usePhoto_enx7r svg {
140
+ fill: var(--color-black);
140
141
  display: block;
141
142
  }
package/dist/modern/Component.js CHANGED
@@ -6,7 +6,7 @@ import { CameraMIcon } from '@alfalab/icons-glyph/CameraMIcon';
6
6
  import { MirXxlIcon, VisaXxlIcon, MastercardLIcon } from '@alfalab/icons-logotype';
7
7
  import { validateCardNumber } from './utils.js';
8
8
 
9
- var styles = {"component":"bank-card__component_1p7dc","aspectRatioContainer":"bank-card__aspectRatioContainer_1p7dc","content":"bank-card__content_1p7dc","label":"bank-card__label_1p7dc","focused":"bank-card__focused_1p7dc","filled":"bank-card__filled_1p7dc","input":"bank-card__input_1p7dc","bankLogo":"bank-card__bankLogo_1p7dc","brandLogo":"bank-card__brandLogo_1p7dc","usePhoto":"bank-card__usePhoto_1p7dc"};
9
+ var styles = {"component":"bank-card__component_enx7r","aspectRatioContainer":"bank-card__aspectRatioContainer_enx7r","content":"bank-card__content_enx7r","label":"bank-card__label_enx7r","focused":"bank-card__focused_enx7r","filled":"bank-card__filled_enx7r","input":"bank-card__input_enx7r","bankLogo":"bank-card__bankLogo_enx7r","brandLogo":"bank-card__brandLogo_enx7r","usePhoto":"bank-card__usePhoto_enx7r"};
10
10
  require('./index.css')
11
11
 
12
12
  // prettier-ignore
package/dist/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1d0q2 */
1
+ /* hash: 15v8l */
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_1p7dc {
26
+ .bank-card__component_enx7r {
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_1p7dc {
38
+ .bank-card__aspectRatioContainer_enx7r {
39
39
  /* Эталонный размер 343x215 */
40
40
  padding-bottom: 62.6%;
41
41
  }
42
- .bank-card__content_1p7dc {
42
+ .bank-card__content_enx7r {
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_1p7dc {
55
+ .bank-card__label_enx7r {
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_1p7dc {
63
+ .bank-card__label_enx7r {
64
64
  font-size: 16px
65
65
  }
66
66
  }
67
- .bank-card__focused_1p7dc .bank-card__label_1p7dc,
68
- .bank-card__filled_1p7dc .bank-card__label_1p7dc {
67
+ .bank-card__focused_enx7r .bank-card__label_enx7r,
68
+ .bank-card__filled_enx7r .bank-card__label_enx7r {
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_1p7dc .bank-card__label_1p7dc,
74
- .bank-card__filled_1p7dc .bank-card__label_1p7dc {
73
+ .bank-card__focused_enx7r .bank-card__label_enx7r,
74
+ .bank-card__filled_enx7r .bank-card__label_enx7r {
75
75
  transform: translateY(-22px) scale(0.75)
76
76
  }
77
77
  }
78
- .bank-card__focused_1p7dc:before {
78
+ .bank-card__focused_enx7r:before {
79
79
  transform: scale(1) !important;
80
80
  }
81
- .bank-card__input_1p7dc {
81
+ .bank-card__input_enx7r {
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_1p7dc {
95
+ .bank-card__input_enx7r {
96
96
  font-size: 16px
97
97
  }
98
98
  }
99
- .bank-card__bankLogo_1p7dc {
99
+ .bank-card__bankLogo_enx7r {
100
100
  position: absolute;
101
101
  top: 20px;
102
102
  left: 20px
103
103
  }
104
- .bank-card__bankLogo_1p7dc svg {
104
+ .bank-card__bankLogo_enx7r svg {
105
105
  max-height: 30px;
106
106
  width: auto;
107
107
  display: block
108
108
  }
109
- .bank-card__bankLogo_1p7dc svg g {
109
+ .bank-card__bankLogo_enx7r svg g {
110
110
  fill: var(--color-black);
111
111
  }
112
- .bank-card__brandLogo_1p7dc {
112
+ .bank-card__brandLogo_enx7r {
113
113
  position: absolute;
114
114
  bottom: 20px;
115
115
  right: 20px
116
116
  }
117
- .bank-card__brandLogo_1p7dc svg {
117
+ .bank-card__brandLogo_enx7r svg {
118
118
  display: block;
119
119
  fill: var(--color-black);
120
120
  }
121
- .bank-card__usePhoto_1p7dc {
121
+ .bank-card__usePhoto_enx7r {
122
122
  display: block;
123
123
  margin: 0;
124
124
  padding: 0;
@@ -136,6 +136,7 @@
136
136
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
137
137
  margin-right: calc(var(--gap-s) * -1)
138
138
  }
139
- .bank-card__usePhoto_1p7dc svg {
139
+ .bank-card__usePhoto_enx7r svg {
140
+ fill: var(--color-black);
140
141
  display: block;
141
142
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bank-card",
3
- "version": "4.1.4",
3
+ "version": "4.1.8",
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.2.4",
23
+ "@alfalab/core-components-masked-input": "^4.2.8",
24
24
  "@alfalab/icons-classic": "^1.76.0",
25
25
  "@alfalab/icons-glyph": "^1.190.0",
26
26
  "@alfalab/icons-logotype": "^1.28.0",
27
27
  "classnames": "^2.2.6"
28
28
  },
29
- "gitHead": "10c9fd1caacf98a5c15f84529889ddf41e9e1b54"
29
+ "gitHead": "d4a8810ad1d1c3a94bdc680b2e6f5875102ceff7"
30
30
  }