@alfalab/core-components-bank-card 5.8.21 → 5.8.22

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/Component.js +1 -1
  2. package/esm/Component.js +1 -1
  3. package/esm/index.css +20 -20
  4. package/index.css +20 -20
  5. package/modern/Component.js +1 -1
  6. package/modern/index.css +20 -20
  7. package/package.json +4 -4
package/Component.js CHANGED
@@ -19,7 +19,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
19
19
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
20
20
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
21
 
22
- var styles = {"component":"bank-card__component_rieqn","aspectRatioContainer":"bank-card__aspectRatioContainer_rieqn","content":"bank-card__content_rieqn","label":"bank-card__label_rieqn","focused":"bank-card__focused_rieqn","filled":"bank-card__filled_rieqn","input":"bank-card__input_rieqn","bankLogo":"bank-card__bankLogo_rieqn","brandLogo":"bank-card__brandLogo_rieqn","usePhoto":"bank-card__usePhoto_rieqn"};
22
+ var styles = {"component":"bank-card__component_7yrgn","aspectRatioContainer":"bank-card__aspectRatioContainer_7yrgn","content":"bank-card__content_7yrgn","label":"bank-card__label_7yrgn","focused":"bank-card__focused_7yrgn","filled":"bank-card__filled_7yrgn","input":"bank-card__input_7yrgn","bankLogo":"bank-card__bankLogo_7yrgn","brandLogo":"bank-card__brandLogo_7yrgn","usePhoto":"bank-card__usePhoto_7yrgn"};
23
23
  require('./index.css')
24
24
 
25
25
  // prettier-ignore
package/esm/Component.js CHANGED
@@ -10,7 +10,7 @@ import { getDefaultInputLabel } from './helpers/getDefaultInputLabel.js';
10
10
  import { MaskTypeEnum } from './enums.js';
11
11
  import { validateCardNumber } from './utils.js';
12
12
 
13
- var styles = {"component":"bank-card__component_rieqn","aspectRatioContainer":"bank-card__aspectRatioContainer_rieqn","content":"bank-card__content_rieqn","label":"bank-card__label_rieqn","focused":"bank-card__focused_rieqn","filled":"bank-card__filled_rieqn","input":"bank-card__input_rieqn","bankLogo":"bank-card__bankLogo_rieqn","brandLogo":"bank-card__brandLogo_rieqn","usePhoto":"bank-card__usePhoto_rieqn"};
13
+ var styles = {"component":"bank-card__component_7yrgn","aspectRatioContainer":"bank-card__aspectRatioContainer_7yrgn","content":"bank-card__content_7yrgn","label":"bank-card__label_7yrgn","focused":"bank-card__focused_7yrgn","filled":"bank-card__filled_7yrgn","input":"bank-card__input_7yrgn","bankLogo":"bank-card__bankLogo_7yrgn","brandLogo":"bank-card__brandLogo_7yrgn","usePhoto":"bank-card__usePhoto_7yrgn"};
14
14
  require('./index.css')
15
15
 
16
16
  // prettier-ignore
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 12ap5 */
1
+ /* hash: 6dexn */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -36,7 +36,7 @@
36
36
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
37
37
  'Helvetica Neue', Helvetica, sans-serif;
38
38
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
39
- } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_rieqn {
39
+ } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_7yrgn {
40
40
  /* TODO: как это будет собираться и работать в webView */
41
41
  --form-control-border-radius: 0;
42
42
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -55,10 +55,10 @@
55
55
  max-width: 343px;
56
56
 
57
57
  font-family: var(--font-family-styrene);
58
- } .bank-card__aspectRatioContainer_rieqn {
58
+ } .bank-card__aspectRatioContainer_7yrgn {
59
59
  /* Эталонный размер 343x216 */
60
60
  padding-bottom: 63%;
61
- } .bank-card__content_rieqn {
61
+ } .bank-card__content_7yrgn {
62
62
  position: absolute;
63
63
  top: var(--gap-0);
64
64
  right: var(--gap-0);
@@ -70,26 +70,26 @@
70
70
  padding-right: var(--gap-20);
71
71
  border-radius: var(--border-radius-12);
72
72
  box-sizing: border-box;
73
- } .bank-card__label_rieqn {
73
+ } .bank-card__label_7yrgn {
74
74
  left: var(--gap-0);
75
75
  transform: translateY(-1px);
76
76
  color: var(--color-light-text-secondary);
77
77
  font-size: 20px;
78
78
  line-height: 24px
79
- } @media (max-width: 360px) { .bank-card__label_rieqn {
79
+ } @media (max-width: 360px) { .bank-card__label_7yrgn {
80
80
  font-size: 16px
81
81
  }
82
- } .bank-card__focused_rieqn .bank-card__label_rieqn,
83
- .bank-card__filled_rieqn .bank-card__label_rieqn {
82
+ } .bank-card__focused_7yrgn .bank-card__label_7yrgn,
83
+ .bank-card__filled_7yrgn .bank-card__label_7yrgn {
84
84
  color: var(--color-light-neutral-translucent-1300);
85
85
  transform: translateY(-19px) scale(0.6)
86
- } @media (max-width: 360px) { .bank-card__focused_rieqn .bank-card__label_rieqn,
87
- .bank-card__filled_rieqn .bank-card__label_rieqn {
86
+ } @media (max-width: 360px) { .bank-card__focused_7yrgn .bank-card__label_7yrgn,
87
+ .bank-card__filled_7yrgn .bank-card__label_7yrgn {
88
88
  transform: translateY(-22px) scale(0.75)
89
89
  }
90
- } .bank-card__focused_rieqn:before {
90
+ } .bank-card__focused_7yrgn:before {
91
91
  transform: scale(1) !important;
92
- } .bank-card__input_rieqn {
92
+ } .bank-card__input_7yrgn {
93
93
  font-size: 20px;
94
94
  line-height: 24px;
95
95
  font-weight: 400;
@@ -102,25 +102,25 @@
102
102
  /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
103
103
  padding-left: var(--gap-0) !important;
104
104
  padding-bottom: var(--gap-4) !important
105
- } @media (max-width: 360px) { .bank-card__input_rieqn {
105
+ } @media (max-width: 360px) { .bank-card__input_7yrgn {
106
106
  font-size: 16px
107
107
  }
108
- } .bank-card__bankLogo_rieqn {
108
+ } .bank-card__bankLogo_7yrgn {
109
109
  position: absolute;
110
110
  top: var(--gap-16);
111
111
  left: var(--gap-16)
112
- } .bank-card__bankLogo_rieqn svg {
112
+ } .bank-card__bankLogo_7yrgn svg {
113
113
  display: block
114
- } .bank-card__bankLogo_rieqn svg g {
114
+ } .bank-card__bankLogo_7yrgn svg g {
115
115
  fill: var(--color-light-neutral-translucent-1300);
116
- } .bank-card__brandLogo_rieqn {
116
+ } .bank-card__brandLogo_7yrgn {
117
117
  position: absolute;
118
118
  bottom: var(--gap-20);
119
119
  right: var(--gap-20)
120
- } .bank-card__brandLogo_rieqn svg {
120
+ } .bank-card__brandLogo_7yrgn svg {
121
121
  display: block;
122
122
  fill: var(--color-light-neutral-translucent-1300);
123
- } .bank-card__usePhoto_rieqn {
123
+ } .bank-card__usePhoto_7yrgn {
124
124
  display: block;
125
125
  margin: var(--gap-0);
126
126
  padding: var(--gap-0);
@@ -137,7 +137,7 @@
137
137
 
138
138
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
139
139
  margin-right: calc(var(--gap-12) * -1)
140
- } .bank-card__usePhoto_rieqn svg {
140
+ } .bank-card__usePhoto_7yrgn svg {
141
141
  fill: var(--color-light-neutral-translucent-1300);
142
142
  display: block;
143
143
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 12ap5 */
1
+ /* hash: 6dexn */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -36,7 +36,7 @@
36
36
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
37
37
  'Helvetica Neue', Helvetica, sans-serif;
38
38
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
39
- } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_rieqn {
39
+ } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_7yrgn {
40
40
  /* TODO: как это будет собираться и работать в webView */
41
41
  --form-control-border-radius: 0;
42
42
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -55,10 +55,10 @@
55
55
  max-width: 343px;
56
56
 
57
57
  font-family: var(--font-family-styrene);
58
- } .bank-card__aspectRatioContainer_rieqn {
58
+ } .bank-card__aspectRatioContainer_7yrgn {
59
59
  /* Эталонный размер 343x216 */
60
60
  padding-bottom: 63%;
61
- } .bank-card__content_rieqn {
61
+ } .bank-card__content_7yrgn {
62
62
  position: absolute;
63
63
  top: var(--gap-0);
64
64
  right: var(--gap-0);
@@ -70,26 +70,26 @@
70
70
  padding-right: var(--gap-20);
71
71
  border-radius: var(--border-radius-12);
72
72
  box-sizing: border-box;
73
- } .bank-card__label_rieqn {
73
+ } .bank-card__label_7yrgn {
74
74
  left: var(--gap-0);
75
75
  transform: translateY(-1px);
76
76
  color: var(--color-light-text-secondary);
77
77
  font-size: 20px;
78
78
  line-height: 24px
79
- } @media (max-width: 360px) { .bank-card__label_rieqn {
79
+ } @media (max-width: 360px) { .bank-card__label_7yrgn {
80
80
  font-size: 16px
81
81
  }
82
- } .bank-card__focused_rieqn .bank-card__label_rieqn,
83
- .bank-card__filled_rieqn .bank-card__label_rieqn {
82
+ } .bank-card__focused_7yrgn .bank-card__label_7yrgn,
83
+ .bank-card__filled_7yrgn .bank-card__label_7yrgn {
84
84
  color: var(--color-light-neutral-translucent-1300);
85
85
  transform: translateY(-19px) scale(0.6)
86
- } @media (max-width: 360px) { .bank-card__focused_rieqn .bank-card__label_rieqn,
87
- .bank-card__filled_rieqn .bank-card__label_rieqn {
86
+ } @media (max-width: 360px) { .bank-card__focused_7yrgn .bank-card__label_7yrgn,
87
+ .bank-card__filled_7yrgn .bank-card__label_7yrgn {
88
88
  transform: translateY(-22px) scale(0.75)
89
89
  }
90
- } .bank-card__focused_rieqn:before {
90
+ } .bank-card__focused_7yrgn:before {
91
91
  transform: scale(1) !important;
92
- } .bank-card__input_rieqn {
92
+ } .bank-card__input_7yrgn {
93
93
  font-size: 20px;
94
94
  line-height: 24px;
95
95
  font-weight: 400;
@@ -102,25 +102,25 @@
102
102
  /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
103
103
  padding-left: var(--gap-0) !important;
104
104
  padding-bottom: var(--gap-4) !important
105
- } @media (max-width: 360px) { .bank-card__input_rieqn {
105
+ } @media (max-width: 360px) { .bank-card__input_7yrgn {
106
106
  font-size: 16px
107
107
  }
108
- } .bank-card__bankLogo_rieqn {
108
+ } .bank-card__bankLogo_7yrgn {
109
109
  position: absolute;
110
110
  top: var(--gap-16);
111
111
  left: var(--gap-16)
112
- } .bank-card__bankLogo_rieqn svg {
112
+ } .bank-card__bankLogo_7yrgn svg {
113
113
  display: block
114
- } .bank-card__bankLogo_rieqn svg g {
114
+ } .bank-card__bankLogo_7yrgn svg g {
115
115
  fill: var(--color-light-neutral-translucent-1300);
116
- } .bank-card__brandLogo_rieqn {
116
+ } .bank-card__brandLogo_7yrgn {
117
117
  position: absolute;
118
118
  bottom: var(--gap-20);
119
119
  right: var(--gap-20)
120
- } .bank-card__brandLogo_rieqn svg {
120
+ } .bank-card__brandLogo_7yrgn svg {
121
121
  display: block;
122
122
  fill: var(--color-light-neutral-translucent-1300);
123
- } .bank-card__usePhoto_rieqn {
123
+ } .bank-card__usePhoto_7yrgn {
124
124
  display: block;
125
125
  margin: var(--gap-0);
126
126
  padding: var(--gap-0);
@@ -137,7 +137,7 @@
137
137
 
138
138
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
139
139
  margin-right: calc(var(--gap-12) * -1)
140
- } .bank-card__usePhoto_rieqn svg {
140
+ } .bank-card__usePhoto_7yrgn svg {
141
141
  fill: var(--color-light-neutral-translucent-1300);
142
142
  display: block;
143
143
  }
package/modern/Component.js CHANGED
@@ -10,7 +10,7 @@ import { getDefaultInputLabel } from './helpers/getDefaultInputLabel.js';
10
10
  import { MaskTypeEnum } from './enums.js';
11
11
  import { validateCardNumber } from './utils.js';
12
12
 
13
- const styles = {"component":"bank-card__component_rieqn","aspectRatioContainer":"bank-card__aspectRatioContainer_rieqn","content":"bank-card__content_rieqn","label":"bank-card__label_rieqn","focused":"bank-card__focused_rieqn","filled":"bank-card__filled_rieqn","input":"bank-card__input_rieqn","bankLogo":"bank-card__bankLogo_rieqn","brandLogo":"bank-card__brandLogo_rieqn","usePhoto":"bank-card__usePhoto_rieqn"};
13
+ const styles = {"component":"bank-card__component_7yrgn","aspectRatioContainer":"bank-card__aspectRatioContainer_7yrgn","content":"bank-card__content_7yrgn","label":"bank-card__label_7yrgn","focused":"bank-card__focused_7yrgn","filled":"bank-card__filled_7yrgn","input":"bank-card__input_7yrgn","bankLogo":"bank-card__bankLogo_7yrgn","brandLogo":"bank-card__brandLogo_7yrgn","usePhoto":"bank-card__usePhoto_7yrgn"};
14
14
  require('./index.css')
15
15
 
16
16
  // prettier-ignore
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 12ap5 */
1
+ /* hash: 6dexn */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -36,7 +36,7 @@
36
36
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
37
37
  'Helvetica Neue', Helvetica, sans-serif;
38
38
  } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
39
- } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_rieqn {
39
+ } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_7yrgn {
40
40
  /* TODO: как это будет собираться и работать в webView */
41
41
  --form-control-border-radius: 0;
42
42
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -55,10 +55,10 @@
55
55
  max-width: 343px;
56
56
 
57
57
  font-family: var(--font-family-styrene);
58
- } .bank-card__aspectRatioContainer_rieqn {
58
+ } .bank-card__aspectRatioContainer_7yrgn {
59
59
  /* Эталонный размер 343x216 */
60
60
  padding-bottom: 63%;
61
- } .bank-card__content_rieqn {
61
+ } .bank-card__content_7yrgn {
62
62
  position: absolute;
63
63
  top: var(--gap-0);
64
64
  right: var(--gap-0);
@@ -70,26 +70,26 @@
70
70
  padding-right: var(--gap-20);
71
71
  border-radius: var(--border-radius-12);
72
72
  box-sizing: border-box;
73
- } .bank-card__label_rieqn {
73
+ } .bank-card__label_7yrgn {
74
74
  left: var(--gap-0);
75
75
  transform: translateY(-1px);
76
76
  color: var(--color-light-text-secondary);
77
77
  font-size: 20px;
78
78
  line-height: 24px
79
- } @media (max-width: 360px) { .bank-card__label_rieqn {
79
+ } @media (max-width: 360px) { .bank-card__label_7yrgn {
80
80
  font-size: 16px
81
81
  }
82
- } .bank-card__focused_rieqn .bank-card__label_rieqn,
83
- .bank-card__filled_rieqn .bank-card__label_rieqn {
82
+ } .bank-card__focused_7yrgn .bank-card__label_7yrgn,
83
+ .bank-card__filled_7yrgn .bank-card__label_7yrgn {
84
84
  color: var(--color-light-neutral-translucent-1300);
85
85
  transform: translateY(-19px) scale(0.6)
86
- } @media (max-width: 360px) { .bank-card__focused_rieqn .bank-card__label_rieqn,
87
- .bank-card__filled_rieqn .bank-card__label_rieqn {
86
+ } @media (max-width: 360px) { .bank-card__focused_7yrgn .bank-card__label_7yrgn,
87
+ .bank-card__filled_7yrgn .bank-card__label_7yrgn {
88
88
  transform: translateY(-22px) scale(0.75)
89
89
  }
90
- } .bank-card__focused_rieqn:before {
90
+ } .bank-card__focused_7yrgn:before {
91
91
  transform: scale(1) !important;
92
- } .bank-card__input_rieqn {
92
+ } .bank-card__input_7yrgn {
93
93
  font-size: 20px;
94
94
  line-height: 24px;
95
95
  font-weight: 400;
@@ -102,25 +102,25 @@
102
102
  /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
103
103
  padding-left: var(--gap-0) !important;
104
104
  padding-bottom: var(--gap-4) !important
105
- } @media (max-width: 360px) { .bank-card__input_rieqn {
105
+ } @media (max-width: 360px) { .bank-card__input_7yrgn {
106
106
  font-size: 16px
107
107
  }
108
- } .bank-card__bankLogo_rieqn {
108
+ } .bank-card__bankLogo_7yrgn {
109
109
  position: absolute;
110
110
  top: var(--gap-16);
111
111
  left: var(--gap-16)
112
- } .bank-card__bankLogo_rieqn svg {
112
+ } .bank-card__bankLogo_7yrgn svg {
113
113
  display: block
114
- } .bank-card__bankLogo_rieqn svg g {
114
+ } .bank-card__bankLogo_7yrgn svg g {
115
115
  fill: var(--color-light-neutral-translucent-1300);
116
- } .bank-card__brandLogo_rieqn {
116
+ } .bank-card__brandLogo_7yrgn {
117
117
  position: absolute;
118
118
  bottom: var(--gap-20);
119
119
  right: var(--gap-20)
120
- } .bank-card__brandLogo_rieqn svg {
120
+ } .bank-card__brandLogo_7yrgn svg {
121
121
  display: block;
122
122
  fill: var(--color-light-neutral-translucent-1300);
123
- } .bank-card__usePhoto_rieqn {
123
+ } .bank-card__usePhoto_7yrgn {
124
124
  display: block;
125
125
  margin: var(--gap-0);
126
126
  padding: var(--gap-0);
@@ -137,7 +137,7 @@
137
137
 
138
138
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
139
139
  margin-right: calc(var(--gap-12) * -1)
140
- } .bank-card__usePhoto_rieqn svg {
140
+ } .bank-card__usePhoto_7yrgn svg {
141
141
  fill: var(--color-light-neutral-translucent-1300);
142
142
  display: block;
143
143
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bank-card",
3
- "version": "5.8.21",
3
+ "version": "5.8.22",
4
4
  "description": "Bank card component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -16,13 +16,13 @@
16
16
  "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
17
17
  },
18
18
  "dependencies": {
19
- "@alfalab/core-components-masked-input": "^6.3.39",
19
+ "@alfalab/core-components-masked-input": "^6.3.40",
20
20
  "@alfalab/icons-glyph": "^2.210.0",
21
21
  "@alfalab/icons-logo": "^1.39.0",
22
22
  "@alfalab/icons-logotype": "^2.27.0",
23
23
  "classnames": "^2.5.1",
24
24
  "tslib": "^2.4.0"
25
25
  },
26
- "themesVersion": "13.7.4",
27
- "varsVersion": "9.20.1"
26
+ "themesVersion": "13.7.6",
27
+ "varsVersion": "9.22.0"
28
28
  }