@alfalab/core-components-bank-card 5.8.7 → 5.8.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 (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 +2 -2
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_1705v","aspectRatioContainer":"bank-card__aspectRatioContainer_1705v","content":"bank-card__content_1705v","label":"bank-card__label_1705v","focused":"bank-card__focused_1705v","filled":"bank-card__filled_1705v","input":"bank-card__input_1705v","bankLogo":"bank-card__bankLogo_1705v","brandLogo":"bank-card__brandLogo_1705v","usePhoto":"bank-card__usePhoto_1705v"};
22
+ var styles = {"component":"bank-card__component_5tgn1","aspectRatioContainer":"bank-card__aspectRatioContainer_5tgn1","content":"bank-card__content_5tgn1","label":"bank-card__label_5tgn1","focused":"bank-card__focused_5tgn1","filled":"bank-card__filled_5tgn1","input":"bank-card__input_5tgn1","bankLogo":"bank-card__bankLogo_5tgn1","brandLogo":"bank-card__brandLogo_5tgn1","usePhoto":"bank-card__usePhoto_5tgn1"};
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_1705v","aspectRatioContainer":"bank-card__aspectRatioContainer_1705v","content":"bank-card__content_1705v","label":"bank-card__label_1705v","focused":"bank-card__focused_1705v","filled":"bank-card__filled_1705v","input":"bank-card__input_1705v","bankLogo":"bank-card__bankLogo_1705v","brandLogo":"bank-card__brandLogo_1705v","usePhoto":"bank-card__usePhoto_1705v"};
13
+ var styles = {"component":"bank-card__component_5tgn1","aspectRatioContainer":"bank-card__aspectRatioContainer_5tgn1","content":"bank-card__content_5tgn1","label":"bank-card__label_5tgn1","focused":"bank-card__focused_5tgn1","filled":"bank-card__filled_5tgn1","input":"bank-card__input_5tgn1","bankLogo":"bank-card__bankLogo_5tgn1","brandLogo":"bank-card__brandLogo_5tgn1","usePhoto":"bank-card__usePhoto_5tgn1"};
14
14
  require('./index.css')
15
15
 
16
16
  // prettier-ignore
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ib6f */
1
+ /* hash: 6usop */
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);
@@ -31,7 +31,7 @@
31
31
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
32
32
  'Helvetica Neue', Helvetica, sans-serif;
33
33
  } :root {
34
- } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1705v {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_5tgn1 {
35
35
  /* TODO: как это будет собираться и работать в webView */
36
36
  --form-control-border-radius: 0;
37
37
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -50,10 +50,10 @@
50
50
  max-width: 343px;
51
51
 
52
52
  font-family: var(--font-family-styrene);
53
- } .bank-card__aspectRatioContainer_1705v {
53
+ } .bank-card__aspectRatioContainer_5tgn1 {
54
54
  /* Эталонный размер 343x216 */
55
55
  padding-bottom: 63%;
56
- } .bank-card__content_1705v {
56
+ } .bank-card__content_5tgn1 {
57
57
  position: absolute;
58
58
  top: var(--gap-0);
59
59
  right: var(--gap-0);
@@ -65,26 +65,26 @@
65
65
  padding-right: var(--gap-20);
66
66
  border-radius: var(--border-radius-12);
67
67
  box-sizing: border-box;
68
- } .bank-card__label_1705v {
68
+ } .bank-card__label_5tgn1 {
69
69
  left: var(--gap-0);
70
70
  transform: translateY(-1px);
71
71
  color: var(--color-light-text-secondary);
72
72
  font-size: 20px;
73
73
  line-height: 24px
74
- } @media (max-width: 360px) { .bank-card__label_1705v {
74
+ } @media (max-width: 360px) { .bank-card__label_5tgn1 {
75
75
  font-size: 16px
76
76
  }
77
- } .bank-card__focused_1705v .bank-card__label_1705v,
78
- .bank-card__filled_1705v .bank-card__label_1705v {
77
+ } .bank-card__focused_5tgn1 .bank-card__label_5tgn1,
78
+ .bank-card__filled_5tgn1 .bank-card__label_5tgn1 {
79
79
  color: var(--color-light-neutral-translucent-1300);
80
80
  transform: translateY(-19px) scale(0.6)
81
- } @media (max-width: 360px) { .bank-card__focused_1705v .bank-card__label_1705v,
82
- .bank-card__filled_1705v .bank-card__label_1705v {
81
+ } @media (max-width: 360px) { .bank-card__focused_5tgn1 .bank-card__label_5tgn1,
82
+ .bank-card__filled_5tgn1 .bank-card__label_5tgn1 {
83
83
  transform: translateY(-22px) scale(0.75)
84
84
  }
85
- } .bank-card__focused_1705v:before {
85
+ } .bank-card__focused_5tgn1:before {
86
86
  transform: scale(1) !important;
87
- } .bank-card__input_1705v {
87
+ } .bank-card__input_5tgn1 {
88
88
  font-size: 20px;
89
89
  line-height: 24px;
90
90
  font-weight: 400;
@@ -97,27 +97,27 @@
97
97
  /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
98
98
  padding-left: var(--gap-0) !important;
99
99
  padding-bottom: var(--gap-4) !important
100
- } @media (max-width: 360px) { .bank-card__input_1705v {
100
+ } @media (max-width: 360px) { .bank-card__input_5tgn1 {
101
101
  font-size: 16px
102
102
  }
103
- } .bank-card__bankLogo_1705v {
103
+ } .bank-card__bankLogo_5tgn1 {
104
104
  position: absolute;
105
105
  top: var(--gap-20);
106
106
  left: var(--gap-20)
107
- } .bank-card__bankLogo_1705v svg {
107
+ } .bank-card__bankLogo_5tgn1 svg {
108
108
  max-height: 32px;
109
109
  width: auto;
110
110
  display: block
111
- } .bank-card__bankLogo_1705v svg g {
111
+ } .bank-card__bankLogo_5tgn1 svg g {
112
112
  fill: var(--color-light-neutral-translucent-1300);
113
- } .bank-card__brandLogo_1705v {
113
+ } .bank-card__brandLogo_5tgn1 {
114
114
  position: absolute;
115
115
  bottom: var(--gap-20);
116
116
  right: var(--gap-20)
117
- } .bank-card__brandLogo_1705v svg {
117
+ } .bank-card__brandLogo_5tgn1 svg {
118
118
  display: block;
119
119
  fill: var(--color-light-neutral-translucent-1300);
120
- } .bank-card__usePhoto_1705v {
120
+ } .bank-card__usePhoto_5tgn1 {
121
121
  display: block;
122
122
  margin: var(--gap-0);
123
123
  padding: var(--gap-0);
@@ -134,7 +134,7 @@
134
134
 
135
135
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
136
136
  margin-right: calc(var(--gap-12) * -1)
137
- } .bank-card__usePhoto_1705v svg {
137
+ } .bank-card__usePhoto_5tgn1 svg {
138
138
  fill: var(--color-light-neutral-translucent-1300);
139
139
  display: block;
140
140
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ib6f */
1
+ /* hash: 6usop */
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);
@@ -31,7 +31,7 @@
31
31
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
32
32
  'Helvetica Neue', Helvetica, sans-serif;
33
33
  } :root {
34
- } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1705v {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_5tgn1 {
35
35
  /* TODO: как это будет собираться и работать в webView */
36
36
  --form-control-border-radius: 0;
37
37
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -50,10 +50,10 @@
50
50
  max-width: 343px;
51
51
 
52
52
  font-family: var(--font-family-styrene);
53
- } .bank-card__aspectRatioContainer_1705v {
53
+ } .bank-card__aspectRatioContainer_5tgn1 {
54
54
  /* Эталонный размер 343x216 */
55
55
  padding-bottom: 63%;
56
- } .bank-card__content_1705v {
56
+ } .bank-card__content_5tgn1 {
57
57
  position: absolute;
58
58
  top: var(--gap-0);
59
59
  right: var(--gap-0);
@@ -65,26 +65,26 @@
65
65
  padding-right: var(--gap-20);
66
66
  border-radius: var(--border-radius-12);
67
67
  box-sizing: border-box;
68
- } .bank-card__label_1705v {
68
+ } .bank-card__label_5tgn1 {
69
69
  left: var(--gap-0);
70
70
  transform: translateY(-1px);
71
71
  color: var(--color-light-text-secondary);
72
72
  font-size: 20px;
73
73
  line-height: 24px
74
- } @media (max-width: 360px) { .bank-card__label_1705v {
74
+ } @media (max-width: 360px) { .bank-card__label_5tgn1 {
75
75
  font-size: 16px
76
76
  }
77
- } .bank-card__focused_1705v .bank-card__label_1705v,
78
- .bank-card__filled_1705v .bank-card__label_1705v {
77
+ } .bank-card__focused_5tgn1 .bank-card__label_5tgn1,
78
+ .bank-card__filled_5tgn1 .bank-card__label_5tgn1 {
79
79
  color: var(--color-light-neutral-translucent-1300);
80
80
  transform: translateY(-19px) scale(0.6)
81
- } @media (max-width: 360px) { .bank-card__focused_1705v .bank-card__label_1705v,
82
- .bank-card__filled_1705v .bank-card__label_1705v {
81
+ } @media (max-width: 360px) { .bank-card__focused_5tgn1 .bank-card__label_5tgn1,
82
+ .bank-card__filled_5tgn1 .bank-card__label_5tgn1 {
83
83
  transform: translateY(-22px) scale(0.75)
84
84
  }
85
- } .bank-card__focused_1705v:before {
85
+ } .bank-card__focused_5tgn1:before {
86
86
  transform: scale(1) !important;
87
- } .bank-card__input_1705v {
87
+ } .bank-card__input_5tgn1 {
88
88
  font-size: 20px;
89
89
  line-height: 24px;
90
90
  font-weight: 400;
@@ -97,27 +97,27 @@
97
97
  /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
98
98
  padding-left: var(--gap-0) !important;
99
99
  padding-bottom: var(--gap-4) !important
100
- } @media (max-width: 360px) { .bank-card__input_1705v {
100
+ } @media (max-width: 360px) { .bank-card__input_5tgn1 {
101
101
  font-size: 16px
102
102
  }
103
- } .bank-card__bankLogo_1705v {
103
+ } .bank-card__bankLogo_5tgn1 {
104
104
  position: absolute;
105
105
  top: var(--gap-20);
106
106
  left: var(--gap-20)
107
- } .bank-card__bankLogo_1705v svg {
107
+ } .bank-card__bankLogo_5tgn1 svg {
108
108
  max-height: 32px;
109
109
  width: auto;
110
110
  display: block
111
- } .bank-card__bankLogo_1705v svg g {
111
+ } .bank-card__bankLogo_5tgn1 svg g {
112
112
  fill: var(--color-light-neutral-translucent-1300);
113
- } .bank-card__brandLogo_1705v {
113
+ } .bank-card__brandLogo_5tgn1 {
114
114
  position: absolute;
115
115
  bottom: var(--gap-20);
116
116
  right: var(--gap-20)
117
- } .bank-card__brandLogo_1705v svg {
117
+ } .bank-card__brandLogo_5tgn1 svg {
118
118
  display: block;
119
119
  fill: var(--color-light-neutral-translucent-1300);
120
- } .bank-card__usePhoto_1705v {
120
+ } .bank-card__usePhoto_5tgn1 {
121
121
  display: block;
122
122
  margin: var(--gap-0);
123
123
  padding: var(--gap-0);
@@ -134,7 +134,7 @@
134
134
 
135
135
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
136
136
  margin-right: calc(var(--gap-12) * -1)
137
- } .bank-card__usePhoto_1705v svg {
137
+ } .bank-card__usePhoto_5tgn1 svg {
138
138
  fill: var(--color-light-neutral-translucent-1300);
139
139
  display: block;
140
140
  }
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_1705v","aspectRatioContainer":"bank-card__aspectRatioContainer_1705v","content":"bank-card__content_1705v","label":"bank-card__label_1705v","focused":"bank-card__focused_1705v","filled":"bank-card__filled_1705v","input":"bank-card__input_1705v","bankLogo":"bank-card__bankLogo_1705v","brandLogo":"bank-card__brandLogo_1705v","usePhoto":"bank-card__usePhoto_1705v"};
13
+ const styles = {"component":"bank-card__component_5tgn1","aspectRatioContainer":"bank-card__aspectRatioContainer_5tgn1","content":"bank-card__content_5tgn1","label":"bank-card__label_5tgn1","focused":"bank-card__focused_5tgn1","filled":"bank-card__filled_5tgn1","input":"bank-card__input_5tgn1","bankLogo":"bank-card__bankLogo_5tgn1","brandLogo":"bank-card__brandLogo_5tgn1","usePhoto":"bank-card__usePhoto_5tgn1"};
14
14
  require('./index.css')
15
15
 
16
16
  // prettier-ignore
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1ib6f */
1
+ /* hash: 6usop */
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);
@@ -31,7 +31,7 @@
31
31
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
32
32
  'Helvetica Neue', Helvetica, sans-serif;
33
33
  } :root {
34
- } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1705v {
34
+ } /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_5tgn1 {
35
35
  /* TODO: как это будет собираться и работать в webView */
36
36
  --form-control-border-radius: 0;
37
37
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -50,10 +50,10 @@
50
50
  max-width: 343px;
51
51
 
52
52
  font-family: var(--font-family-styrene);
53
- } .bank-card__aspectRatioContainer_1705v {
53
+ } .bank-card__aspectRatioContainer_5tgn1 {
54
54
  /* Эталонный размер 343x216 */
55
55
  padding-bottom: 63%;
56
- } .bank-card__content_1705v {
56
+ } .bank-card__content_5tgn1 {
57
57
  position: absolute;
58
58
  top: var(--gap-0);
59
59
  right: var(--gap-0);
@@ -65,26 +65,26 @@
65
65
  padding-right: var(--gap-20);
66
66
  border-radius: var(--border-radius-12);
67
67
  box-sizing: border-box;
68
- } .bank-card__label_1705v {
68
+ } .bank-card__label_5tgn1 {
69
69
  left: var(--gap-0);
70
70
  transform: translateY(-1px);
71
71
  color: var(--color-light-text-secondary);
72
72
  font-size: 20px;
73
73
  line-height: 24px
74
- } @media (max-width: 360px) { .bank-card__label_1705v {
74
+ } @media (max-width: 360px) { .bank-card__label_5tgn1 {
75
75
  font-size: 16px
76
76
  }
77
- } .bank-card__focused_1705v .bank-card__label_1705v,
78
- .bank-card__filled_1705v .bank-card__label_1705v {
77
+ } .bank-card__focused_5tgn1 .bank-card__label_5tgn1,
78
+ .bank-card__filled_5tgn1 .bank-card__label_5tgn1 {
79
79
  color: var(--color-light-neutral-translucent-1300);
80
80
  transform: translateY(-19px) scale(0.6)
81
- } @media (max-width: 360px) { .bank-card__focused_1705v .bank-card__label_1705v,
82
- .bank-card__filled_1705v .bank-card__label_1705v {
81
+ } @media (max-width: 360px) { .bank-card__focused_5tgn1 .bank-card__label_5tgn1,
82
+ .bank-card__filled_5tgn1 .bank-card__label_5tgn1 {
83
83
  transform: translateY(-22px) scale(0.75)
84
84
  }
85
- } .bank-card__focused_1705v:before {
85
+ } .bank-card__focused_5tgn1:before {
86
86
  transform: scale(1) !important;
87
- } .bank-card__input_1705v {
87
+ } .bank-card__input_5tgn1 {
88
88
  font-size: 20px;
89
89
  line-height: 24px;
90
90
  font-weight: 400;
@@ -97,27 +97,27 @@
97
97
  /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
98
98
  padding-left: var(--gap-0) !important;
99
99
  padding-bottom: var(--gap-4) !important
100
- } @media (max-width: 360px) { .bank-card__input_1705v {
100
+ } @media (max-width: 360px) { .bank-card__input_5tgn1 {
101
101
  font-size: 16px
102
102
  }
103
- } .bank-card__bankLogo_1705v {
103
+ } .bank-card__bankLogo_5tgn1 {
104
104
  position: absolute;
105
105
  top: var(--gap-20);
106
106
  left: var(--gap-20)
107
- } .bank-card__bankLogo_1705v svg {
107
+ } .bank-card__bankLogo_5tgn1 svg {
108
108
  max-height: 32px;
109
109
  width: auto;
110
110
  display: block
111
- } .bank-card__bankLogo_1705v svg g {
111
+ } .bank-card__bankLogo_5tgn1 svg g {
112
112
  fill: var(--color-light-neutral-translucent-1300);
113
- } .bank-card__brandLogo_1705v {
113
+ } .bank-card__brandLogo_5tgn1 {
114
114
  position: absolute;
115
115
  bottom: var(--gap-20);
116
116
  right: var(--gap-20)
117
- } .bank-card__brandLogo_1705v svg {
117
+ } .bank-card__brandLogo_5tgn1 svg {
118
118
  display: block;
119
119
  fill: var(--color-light-neutral-translucent-1300);
120
- } .bank-card__usePhoto_1705v {
120
+ } .bank-card__usePhoto_5tgn1 {
121
121
  display: block;
122
122
  margin: var(--gap-0);
123
123
  padding: var(--gap-0);
@@ -134,7 +134,7 @@
134
134
 
135
135
  /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
136
136
  margin-right: calc(var(--gap-12) * -1)
137
- } .bank-card__usePhoto_1705v svg {
137
+ } .bank-card__usePhoto_5tgn1 svg {
138
138
  fill: var(--color-light-neutral-translucent-1300);
139
139
  display: block;
140
140
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bank-card",
3
- "version": "5.8.7",
3
+ "version": "5.8.8",
4
4
  "description": "Bank card component",
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-masked-input": "^6.3.26",
18
+ "@alfalab/core-components-masked-input": "^6.3.27",
19
19
  "@alfalab/icons-glyph": "^2.139.0",
20
20
  "@alfalab/icons-logotype": "^2.27.0",
21
21
  "classnames": "^2.3.1",