@alfalab/core-components-bank-card 7.0.2 → 7.0.3-alfasans

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/cssm/index.module.css +10 -5
  2. package/esm/index.css +41 -36
  3. package/esm/index.module.css.js +1 -1
  4. package/index.css +41 -36
  5. package/index.module.css.js +1 -1
  6. package/modern/index.css +41 -36
  7. package/modern/index.module.css.js +1 -1
  8. package/moderncssm/index.module.css +7 -3
  9. package/package.json +4 -4
package/cssm/index.module.css CHANGED
@@ -19,8 +19,9 @@
19
19
  --gap-20: var(--gap-l);
20
20
  }
21
21
  :root {
22
- --font-family-system:
23
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
22
+ --font-family-alfasans:
23
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
24
+ Helvetica, sans-serif;
24
25
  }
25
26
  .component {
26
27
  position: relative;
@@ -103,7 +104,8 @@
103
104
  font-size: 20px;
104
105
  line-height: 28px;
105
106
  font-weight: 400;
106
- font-family: var(--font-family-system);
107
+ letter-spacing: -0.68px;
108
+ font-family: var(--font-family-alfasans);
107
109
  }
108
110
  .focused .label,
109
111
  .filled .label {
@@ -116,7 +118,9 @@
116
118
 
117
119
  font-weight: 400;
118
120
 
119
- font-family: var(--font-family-system);
121
+ letter-spacing: 0.06px;
122
+
123
+ font-family: var(--font-family-alfasans);
120
124
  }
121
125
  .focused:before {
122
126
  transform: scale(1) !important;
@@ -125,7 +129,8 @@
125
129
  font-size: 20px;
126
130
  line-height: 28px;
127
131
  font-weight: 400;
128
- font-family: var(--font-family-system);
132
+ letter-spacing: -0.68px;
133
+ font-family: var(--font-family-alfasans);
129
134
 
130
135
  color: var(--color-light-neutral-translucent-1300);
131
136
  caret-color: var(--color-light-neutral-translucent-1300);
package/esm/index.css CHANGED
@@ -19,66 +19,67 @@
19
19
  --gap-20: var(--gap-l);
20
20
  }
21
21
  :root {
22
- --font-family-system:
23
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
22
+ --font-family-alfasans:
23
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
24
+ Helvetica, sans-serif;
24
25
  }
25
- .bank-card__component_2akq1 {
26
+ .bank-card__component_nbhrq {
26
27
  position: relative;
27
28
  max-width: 343px;
28
29
 
29
- .bank-card__formControl_2akq1 {
30
- .bank-card__field_2akq1 {
30
+ .bank-card__formControl_nbhrq {
31
+ .bank-card__field_nbhrq {
31
32
  background-color: transparent;
32
33
  }
33
34
  }
34
35
  }
35
36
  @media (hover: hover) {
36
- .bank-card__component_2akq1 {
37
+ .bank-card__component_nbhrq {
37
38
 
38
- .bank-card__formControl_2akq1 {
39
- .bank-card__field_2akq1:hover {
39
+ .bank-card__formControl_nbhrq {
40
+ .bank-card__field_nbhrq:hover {
40
41
  background-color: transparent;
41
42
  }
42
43
  }
43
44
  }
44
45
  }
45
- .bank-card__component_2akq1 {
46
+ .bank-card__component_nbhrq {
46
47
 
47
- .bank-card__formControl_2akq1 {
48
+ .bank-card__formControl_nbhrq {
48
49
 
49
- .bank-card__field_2akq1:before {
50
+ .bank-card__field_nbhrq:before {
50
51
  border-bottom: 1px solid var(--color-light-neutral-translucent-700);
51
52
  }
52
53
  }
53
54
 
54
- .bank-card__formControl_2akq1.bank-card__focused_2akq1 {
55
- .bank-card__field_2akq1 {
55
+ .bank-card__formControl_nbhrq.bank-card__focused_nbhrq {
56
+ .bank-card__field_nbhrq {
56
57
  box-shadow: none;
57
58
  }
58
59
  }
59
60
  }
60
61
  @media (hover: hover) {
61
- .bank-card__component_2akq1 {
62
+ .bank-card__component_nbhrq {
62
63
 
63
- .bank-card__formControl_2akq1.bank-card__focused_2akq1 {
64
- .bank-card__field_2akq1:hover {
64
+ .bank-card__formControl_nbhrq.bank-card__focused_nbhrq {
65
+ .bank-card__field_nbhrq:hover {
65
66
  box-shadow: none;
66
67
  }
67
68
  }
68
69
  }
69
70
  }
70
- .bank-card__component_2akq1 {
71
+ .bank-card__component_nbhrq {
71
72
 
72
- .bank-card__formControl_2akq1.bank-card__focused_2akq1 {
73
- .bank-card__field_2akq1:before {
73
+ .bank-card__formControl_nbhrq.bank-card__focused_nbhrq {
74
+ .bank-card__field_nbhrq:before {
74
75
  border-bottom: 1px solid var(--color-light-neutral-translucent-1300);
75
76
  }
76
77
  }
77
78
  }
78
- .bank-card__aspectRatioContainer_2akq1 {
79
+ .bank-card__aspectRatioContainer_nbhrq {
79
80
  padding-bottom: 63%;
80
81
  }
81
- .bank-card__content_2akq1 {
82
+ .bank-card__content_nbhrq {
82
83
  position: absolute;
83
84
  top: var(--gap-0);
84
85
  right: var(--gap-0);
@@ -91,7 +92,7 @@
91
92
  border-radius: var(--border-radius-12);
92
93
  box-sizing: border-box;
93
94
  }
94
- .bank-card__label_2akq1 {
95
+ .bank-card__label_nbhrq {
95
96
  left: var(--gap-0);
96
97
  transform: translateY(-3px);
97
98
  color: var(--color-light-text-secondary);
@@ -103,10 +104,11 @@
103
104
  font-size: 20px;
104
105
  line-height: 28px;
105
106
  font-weight: 400;
106
- font-family: var(--font-family-system);
107
+ letter-spacing: -0.68px;
108
+ font-family: var(--font-family-alfasans);
107
109
  }
108
- .bank-card__focused_2akq1 .bank-card__label_2akq1,
109
- .bank-card__filled_2akq1 .bank-card__label_2akq1 {
110
+ .bank-card__focused_nbhrq .bank-card__label_nbhrq,
111
+ .bank-card__filled_nbhrq .bank-card__label_nbhrq {
110
112
  color: var(--color-light-neutral-translucent-1300);
111
113
  transform: translateY(calc(-100% - 5px));
112
114
 
@@ -116,43 +118,46 @@
116
118
 
117
119
  font-weight: 400;
118
120
 
119
- font-family: var(--font-family-system);
121
+ letter-spacing: 0.06px;
122
+
123
+ font-family: var(--font-family-alfasans);
120
124
  }
121
- .bank-card__focused_2akq1:before {
125
+ .bank-card__focused_nbhrq:before {
122
126
  transform: scale(1) !important;
123
127
  }
124
- .bank-card__input_2akq1 {
128
+ .bank-card__input_nbhrq {
125
129
  font-size: 20px;
126
130
  line-height: 28px;
127
131
  font-weight: 400;
128
- font-family: var(--font-family-system);
132
+ letter-spacing: -0.68px;
133
+ font-family: var(--font-family-alfasans);
129
134
 
130
135
  color: var(--color-light-neutral-translucent-1300);
131
136
  caret-color: var(--color-light-neutral-translucent-1300);
132
137
  padding-left: var(--gap-0) !important;
133
138
  padding-bottom: 5px !important;
134
139
  }
135
- .bank-card__bankLogo_2akq1 {
140
+ .bank-card__bankLogo_nbhrq {
136
141
  position: absolute;
137
142
  top: var(--gap-16);
138
143
  left: var(--gap-16);
139
144
  }
140
- .bank-card__bankLogo_2akq1 svg {
145
+ .bank-card__bankLogo_nbhrq svg {
141
146
  display: block;
142
147
  }
143
- .bank-card__bankLogo_2akq1 svg g {
148
+ .bank-card__bankLogo_nbhrq svg g {
144
149
  fill: var(--color-light-neutral-translucent-1300);
145
150
  }
146
- .bank-card__brandLogo_2akq1 {
151
+ .bank-card__brandLogo_nbhrq {
147
152
  position: absolute;
148
153
  bottom: var(--gap-20);
149
154
  right: var(--gap-20);
150
155
  }
151
- .bank-card__brandLogo_2akq1 svg {
156
+ .bank-card__brandLogo_nbhrq svg {
152
157
  display: block;
153
158
  fill: var(--color-light-neutral-translucent-1300);
154
159
  }
155
- .bank-card__usePhoto_2akq1 {
160
+ .bank-card__usePhoto_nbhrq {
156
161
  display: block;
157
162
  margin: var(--gap-0);
158
163
  padding: var(--gap-0);
@@ -169,7 +174,7 @@
169
174
  align-self: flex-end;
170
175
  margin-right: calc(var(--gap-12) * -1);
171
176
  }
172
- .bank-card__usePhoto_2akq1 svg {
177
+ .bank-card__usePhoto_nbhrq svg {
173
178
  fill: var(--color-light-neutral-translucent-1300);
174
179
  display: block;
175
180
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"bank-card__component_2akq1","formControl":"bank-card__formControl_2akq1","field":"bank-card__field_2akq1","focused":"bank-card__focused_2akq1","aspectRatioContainer":"bank-card__aspectRatioContainer_2akq1","content":"bank-card__content_2akq1","label":"bank-card__label_2akq1","filled":"bank-card__filled_2akq1","input":"bank-card__input_2akq1","bankLogo":"bank-card__bankLogo_2akq1","brandLogo":"bank-card__brandLogo_2akq1","usePhoto":"bank-card__usePhoto_2akq1"};
3
+ var styles = {"component":"bank-card__component_nbhrq","formControl":"bank-card__formControl_nbhrq","field":"bank-card__field_nbhrq","focused":"bank-card__focused_nbhrq","aspectRatioContainer":"bank-card__aspectRatioContainer_nbhrq","content":"bank-card__content_nbhrq","label":"bank-card__label_nbhrq","filled":"bank-card__filled_nbhrq","input":"bank-card__input_nbhrq","bankLogo":"bank-card__bankLogo_nbhrq","brandLogo":"bank-card__brandLogo_nbhrq","usePhoto":"bank-card__usePhoto_nbhrq"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -19,66 +19,67 @@
19
19
  --gap-20: var(--gap-l);
20
20
  }
21
21
  :root {
22
- --font-family-system:
23
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
22
+ --font-family-alfasans:
23
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
24
+ Helvetica, sans-serif;
24
25
  }
25
- .bank-card__component_2akq1 {
26
+ .bank-card__component_nbhrq {
26
27
  position: relative;
27
28
  max-width: 343px;
28
29
 
29
- .bank-card__formControl_2akq1 {
30
- .bank-card__field_2akq1 {
30
+ .bank-card__formControl_nbhrq {
31
+ .bank-card__field_nbhrq {
31
32
  background-color: transparent;
32
33
  }
33
34
  }
34
35
  }
35
36
  @media (hover: hover) {
36
- .bank-card__component_2akq1 {
37
+ .bank-card__component_nbhrq {
37
38
 
38
- .bank-card__formControl_2akq1 {
39
- .bank-card__field_2akq1:hover {
39
+ .bank-card__formControl_nbhrq {
40
+ .bank-card__field_nbhrq:hover {
40
41
  background-color: transparent;
41
42
  }
42
43
  }
43
44
  }
44
45
  }
45
- .bank-card__component_2akq1 {
46
+ .bank-card__component_nbhrq {
46
47
 
47
- .bank-card__formControl_2akq1 {
48
+ .bank-card__formControl_nbhrq {
48
49
 
49
- .bank-card__field_2akq1:before {
50
+ .bank-card__field_nbhrq:before {
50
51
  border-bottom: 1px solid var(--color-light-neutral-translucent-700);
51
52
  }
52
53
  }
53
54
 
54
- .bank-card__formControl_2akq1.bank-card__focused_2akq1 {
55
- .bank-card__field_2akq1 {
55
+ .bank-card__formControl_nbhrq.bank-card__focused_nbhrq {
56
+ .bank-card__field_nbhrq {
56
57
  box-shadow: none;
57
58
  }
58
59
  }
59
60
  }
60
61
  @media (hover: hover) {
61
- .bank-card__component_2akq1 {
62
+ .bank-card__component_nbhrq {
62
63
 
63
- .bank-card__formControl_2akq1.bank-card__focused_2akq1 {
64
- .bank-card__field_2akq1:hover {
64
+ .bank-card__formControl_nbhrq.bank-card__focused_nbhrq {
65
+ .bank-card__field_nbhrq:hover {
65
66
  box-shadow: none;
66
67
  }
67
68
  }
68
69
  }
69
70
  }
70
- .bank-card__component_2akq1 {
71
+ .bank-card__component_nbhrq {
71
72
 
72
- .bank-card__formControl_2akq1.bank-card__focused_2akq1 {
73
- .bank-card__field_2akq1:before {
73
+ .bank-card__formControl_nbhrq.bank-card__focused_nbhrq {
74
+ .bank-card__field_nbhrq:before {
74
75
  border-bottom: 1px solid var(--color-light-neutral-translucent-1300);
75
76
  }
76
77
  }
77
78
  }
78
- .bank-card__aspectRatioContainer_2akq1 {
79
+ .bank-card__aspectRatioContainer_nbhrq {
79
80
  padding-bottom: 63%;
80
81
  }
81
- .bank-card__content_2akq1 {
82
+ .bank-card__content_nbhrq {
82
83
  position: absolute;
83
84
  top: var(--gap-0);
84
85
  right: var(--gap-0);
@@ -91,7 +92,7 @@
91
92
  border-radius: var(--border-radius-12);
92
93
  box-sizing: border-box;
93
94
  }
94
- .bank-card__label_2akq1 {
95
+ .bank-card__label_nbhrq {
95
96
  left: var(--gap-0);
96
97
  transform: translateY(-3px);
97
98
  color: var(--color-light-text-secondary);
@@ -103,10 +104,11 @@
103
104
  font-size: 20px;
104
105
  line-height: 28px;
105
106
  font-weight: 400;
106
- font-family: var(--font-family-system);
107
+ letter-spacing: -0.68px;
108
+ font-family: var(--font-family-alfasans);
107
109
  }
108
- .bank-card__focused_2akq1 .bank-card__label_2akq1,
109
- .bank-card__filled_2akq1 .bank-card__label_2akq1 {
110
+ .bank-card__focused_nbhrq .bank-card__label_nbhrq,
111
+ .bank-card__filled_nbhrq .bank-card__label_nbhrq {
110
112
  color: var(--color-light-neutral-translucent-1300);
111
113
  transform: translateY(calc(-100% - 5px));
112
114
 
@@ -116,43 +118,46 @@
116
118
 
117
119
  font-weight: 400;
118
120
 
119
- font-family: var(--font-family-system);
121
+ letter-spacing: 0.06px;
122
+
123
+ font-family: var(--font-family-alfasans);
120
124
  }
121
- .bank-card__focused_2akq1:before {
125
+ .bank-card__focused_nbhrq:before {
122
126
  transform: scale(1) !important;
123
127
  }
124
- .bank-card__input_2akq1 {
128
+ .bank-card__input_nbhrq {
125
129
  font-size: 20px;
126
130
  line-height: 28px;
127
131
  font-weight: 400;
128
- font-family: var(--font-family-system);
132
+ letter-spacing: -0.68px;
133
+ font-family: var(--font-family-alfasans);
129
134
 
130
135
  color: var(--color-light-neutral-translucent-1300);
131
136
  caret-color: var(--color-light-neutral-translucent-1300);
132
137
  padding-left: var(--gap-0) !important;
133
138
  padding-bottom: 5px !important;
134
139
  }
135
- .bank-card__bankLogo_2akq1 {
140
+ .bank-card__bankLogo_nbhrq {
136
141
  position: absolute;
137
142
  top: var(--gap-16);
138
143
  left: var(--gap-16);
139
144
  }
140
- .bank-card__bankLogo_2akq1 svg {
145
+ .bank-card__bankLogo_nbhrq svg {
141
146
  display: block;
142
147
  }
143
- .bank-card__bankLogo_2akq1 svg g {
148
+ .bank-card__bankLogo_nbhrq svg g {
144
149
  fill: var(--color-light-neutral-translucent-1300);
145
150
  }
146
- .bank-card__brandLogo_2akq1 {
151
+ .bank-card__brandLogo_nbhrq {
147
152
  position: absolute;
148
153
  bottom: var(--gap-20);
149
154
  right: var(--gap-20);
150
155
  }
151
- .bank-card__brandLogo_2akq1 svg {
156
+ .bank-card__brandLogo_nbhrq svg {
152
157
  display: block;
153
158
  fill: var(--color-light-neutral-translucent-1300);
154
159
  }
155
- .bank-card__usePhoto_2akq1 {
160
+ .bank-card__usePhoto_nbhrq {
156
161
  display: block;
157
162
  margin: var(--gap-0);
158
163
  padding: var(--gap-0);
@@ -169,7 +174,7 @@
169
174
  align-self: flex-end;
170
175
  margin-right: calc(var(--gap-12) * -1);
171
176
  }
172
- .bank-card__usePhoto_2akq1 svg {
177
+ .bank-card__usePhoto_nbhrq svg {
173
178
  fill: var(--color-light-neutral-translucent-1300);
174
179
  display: block;
175
180
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"bank-card__component_2akq1","formControl":"bank-card__formControl_2akq1","field":"bank-card__field_2akq1","focused":"bank-card__focused_2akq1","aspectRatioContainer":"bank-card__aspectRatioContainer_2akq1","content":"bank-card__content_2akq1","label":"bank-card__label_2akq1","filled":"bank-card__filled_2akq1","input":"bank-card__input_2akq1","bankLogo":"bank-card__bankLogo_2akq1","brandLogo":"bank-card__brandLogo_2akq1","usePhoto":"bank-card__usePhoto_2akq1"};
5
+ var styles = {"component":"bank-card__component_nbhrq","formControl":"bank-card__formControl_nbhrq","field":"bank-card__field_nbhrq","focused":"bank-card__focused_nbhrq","aspectRatioContainer":"bank-card__aspectRatioContainer_nbhrq","content":"bank-card__content_nbhrq","label":"bank-card__label_nbhrq","filled":"bank-card__filled_nbhrq","input":"bank-card__input_nbhrq","bankLogo":"bank-card__bankLogo_nbhrq","brandLogo":"bank-card__brandLogo_nbhrq","usePhoto":"bank-card__usePhoto_nbhrq"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -19,66 +19,67 @@
19
19
  --gap-20: var(--gap-l);
20
20
  }
21
21
  :root {
22
- --font-family-system:
23
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
22
+ --font-family-alfasans:
23
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
24
+ Helvetica, sans-serif;
24
25
  }
25
- .bank-card__component_2akq1 {
26
+ .bank-card__component_nbhrq {
26
27
  position: relative;
27
28
  max-width: 343px;
28
29
 
29
- .bank-card__formControl_2akq1 {
30
- .bank-card__field_2akq1 {
30
+ .bank-card__formControl_nbhrq {
31
+ .bank-card__field_nbhrq {
31
32
  background-color: transparent;
32
33
  }
33
34
  }
34
35
  }
35
36
  @media (hover: hover) {
36
- .bank-card__component_2akq1 {
37
+ .bank-card__component_nbhrq {
37
38
 
38
- .bank-card__formControl_2akq1 {
39
- .bank-card__field_2akq1:hover {
39
+ .bank-card__formControl_nbhrq {
40
+ .bank-card__field_nbhrq:hover {
40
41
  background-color: transparent;
41
42
  }
42
43
  }
43
44
  }
44
45
  }
45
- .bank-card__component_2akq1 {
46
+ .bank-card__component_nbhrq {
46
47
 
47
- .bank-card__formControl_2akq1 {
48
+ .bank-card__formControl_nbhrq {
48
49
 
49
- .bank-card__field_2akq1:before {
50
+ .bank-card__field_nbhrq:before {
50
51
  border-bottom: 1px solid var(--color-light-neutral-translucent-700);
51
52
  }
52
53
  }
53
54
 
54
- .bank-card__formControl_2akq1.bank-card__focused_2akq1 {
55
- .bank-card__field_2akq1 {
55
+ .bank-card__formControl_nbhrq.bank-card__focused_nbhrq {
56
+ .bank-card__field_nbhrq {
56
57
  box-shadow: none;
57
58
  }
58
59
  }
59
60
  }
60
61
  @media (hover: hover) {
61
- .bank-card__component_2akq1 {
62
+ .bank-card__component_nbhrq {
62
63
 
63
- .bank-card__formControl_2akq1.bank-card__focused_2akq1 {
64
- .bank-card__field_2akq1:hover {
64
+ .bank-card__formControl_nbhrq.bank-card__focused_nbhrq {
65
+ .bank-card__field_nbhrq:hover {
65
66
  box-shadow: none;
66
67
  }
67
68
  }
68
69
  }
69
70
  }
70
- .bank-card__component_2akq1 {
71
+ .bank-card__component_nbhrq {
71
72
 
72
- .bank-card__formControl_2akq1.bank-card__focused_2akq1 {
73
- .bank-card__field_2akq1:before {
73
+ .bank-card__formControl_nbhrq.bank-card__focused_nbhrq {
74
+ .bank-card__field_nbhrq:before {
74
75
  border-bottom: 1px solid var(--color-light-neutral-translucent-1300);
75
76
  }
76
77
  }
77
78
  }
78
- .bank-card__aspectRatioContainer_2akq1 {
79
+ .bank-card__aspectRatioContainer_nbhrq {
79
80
  padding-bottom: 63%;
80
81
  }
81
- .bank-card__content_2akq1 {
82
+ .bank-card__content_nbhrq {
82
83
  position: absolute;
83
84
  top: var(--gap-0);
84
85
  right: var(--gap-0);
@@ -91,7 +92,7 @@
91
92
  border-radius: var(--border-radius-12);
92
93
  box-sizing: border-box;
93
94
  }
94
- .bank-card__label_2akq1 {
95
+ .bank-card__label_nbhrq {
95
96
  left: var(--gap-0);
96
97
  transform: translateY(-3px);
97
98
  color: var(--color-light-text-secondary);
@@ -103,10 +104,11 @@
103
104
  font-size: 20px;
104
105
  line-height: 28px;
105
106
  font-weight: 400;
106
- font-family: var(--font-family-system);
107
+ letter-spacing: -0.68px;
108
+ font-family: var(--font-family-alfasans);
107
109
  }
108
- .bank-card__focused_2akq1 .bank-card__label_2akq1,
109
- .bank-card__filled_2akq1 .bank-card__label_2akq1 {
110
+ .bank-card__focused_nbhrq .bank-card__label_nbhrq,
111
+ .bank-card__filled_nbhrq .bank-card__label_nbhrq {
110
112
  color: var(--color-light-neutral-translucent-1300);
111
113
  transform: translateY(calc(-100% - 5px));
112
114
 
@@ -116,43 +118,46 @@
116
118
 
117
119
  font-weight: 400;
118
120
 
119
- font-family: var(--font-family-system);
121
+ letter-spacing: 0.06px;
122
+
123
+ font-family: var(--font-family-alfasans);
120
124
  }
121
- .bank-card__focused_2akq1:before {
125
+ .bank-card__focused_nbhrq:before {
122
126
  transform: scale(1) !important;
123
127
  }
124
- .bank-card__input_2akq1 {
128
+ .bank-card__input_nbhrq {
125
129
  font-size: 20px;
126
130
  line-height: 28px;
127
131
  font-weight: 400;
128
- font-family: var(--font-family-system);
132
+ letter-spacing: -0.68px;
133
+ font-family: var(--font-family-alfasans);
129
134
 
130
135
  color: var(--color-light-neutral-translucent-1300);
131
136
  caret-color: var(--color-light-neutral-translucent-1300);
132
137
  padding-left: var(--gap-0) !important;
133
138
  padding-bottom: 5px !important;
134
139
  }
135
- .bank-card__bankLogo_2akq1 {
140
+ .bank-card__bankLogo_nbhrq {
136
141
  position: absolute;
137
142
  top: var(--gap-16);
138
143
  left: var(--gap-16);
139
144
  }
140
- .bank-card__bankLogo_2akq1 svg {
145
+ .bank-card__bankLogo_nbhrq svg {
141
146
  display: block;
142
147
  }
143
- .bank-card__bankLogo_2akq1 svg g {
148
+ .bank-card__bankLogo_nbhrq svg g {
144
149
  fill: var(--color-light-neutral-translucent-1300);
145
150
  }
146
- .bank-card__brandLogo_2akq1 {
151
+ .bank-card__brandLogo_nbhrq {
147
152
  position: absolute;
148
153
  bottom: var(--gap-20);
149
154
  right: var(--gap-20);
150
155
  }
151
- .bank-card__brandLogo_2akq1 svg {
156
+ .bank-card__brandLogo_nbhrq svg {
152
157
  display: block;
153
158
  fill: var(--color-light-neutral-translucent-1300);
154
159
  }
155
- .bank-card__usePhoto_2akq1 {
160
+ .bank-card__usePhoto_nbhrq {
156
161
  display: block;
157
162
  margin: var(--gap-0);
158
163
  padding: var(--gap-0);
@@ -169,7 +174,7 @@
169
174
  align-self: flex-end;
170
175
  margin-right: calc(var(--gap-12) * -1);
171
176
  }
172
- .bank-card__usePhoto_2akq1 svg {
177
+ .bank-card__usePhoto_nbhrq svg {
173
178
  fill: var(--color-light-neutral-translucent-1300);
174
179
  display: block;
175
180
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"bank-card__component_2akq1","formControl":"bank-card__formControl_2akq1","field":"bank-card__field_2akq1","focused":"bank-card__focused_2akq1","aspectRatioContainer":"bank-card__aspectRatioContainer_2akq1","content":"bank-card__content_2akq1","label":"bank-card__label_2akq1","filled":"bank-card__filled_2akq1","input":"bank-card__input_2akq1","bankLogo":"bank-card__bankLogo_2akq1","brandLogo":"bank-card__brandLogo_2akq1","usePhoto":"bank-card__usePhoto_2akq1"};
3
+ const styles = {"component":"bank-card__component_nbhrq","formControl":"bank-card__formControl_nbhrq","field":"bank-card__field_nbhrq","focused":"bank-card__focused_nbhrq","aspectRatioContainer":"bank-card__aspectRatioContainer_nbhrq","content":"bank-card__content_nbhrq","label":"bank-card__label_nbhrq","filled":"bank-card__filled_nbhrq","input":"bank-card__input_nbhrq","bankLogo":"bank-card__bankLogo_nbhrq","brandLogo":"bank-card__brandLogo_nbhrq","usePhoto":"bank-card__usePhoto_nbhrq"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/moderncssm/index.module.css CHANGED
@@ -90,7 +90,8 @@
90
90
  font-size: 20px;
91
91
  line-height: 28px;
92
92
  font-weight: 400;
93
- font-family: var(--font-family-system);
93
+ letter-spacing: -0.68px;
94
+ font-family: var(--font-family-alfasans);
94
95
  }
95
96
 
96
97
  .focused .label,
@@ -104,7 +105,9 @@
104
105
 
105
106
  font-weight: 400;
106
107
 
107
- font-family: var(--font-family-system);
108
+ letter-spacing: 0.06px;
109
+
110
+ font-family: var(--font-family-alfasans);
108
111
  }
109
112
 
110
113
  .focused:before {
@@ -115,7 +118,8 @@
115
118
  font-size: 20px;
116
119
  line-height: 28px;
117
120
  font-weight: 400;
118
- font-family: var(--font-family-system);
121
+ letter-spacing: -0.68px;
122
+ font-family: var(--font-family-alfasans);
119
123
 
120
124
  color: var(--color-light-neutral-translucent-1300);
121
125
  caret-color: var(--color-light-neutral-translucent-1300);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bank-card",
3
- "version": "7.0.2",
3
+ "version": "7.0.3-alfasans",
4
4
  "description": "Bank card component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-masked-input": "^8.0.2",
13
+ "@alfalab/core-components-masked-input": "8.0.3-alfasans",
14
14
  "@alfalab/icons-glyph": "^2.260.0",
15
15
  "@alfalab/icons-logo": "^1.53.0",
16
16
  "@alfalab/icons-logotype": "^2.37.0",
@@ -25,6 +25,6 @@
25
25
  "access": "public",
26
26
  "directory": "dist"
27
27
  },
28
- "themesVersion": "15.0.1",
29
- "varsVersion": "11.0.1"
28
+ "themesVersion": "15.0.1-alfasans",
29
+ "varsVersion": "11.0.1-alfasans"
30
30
  }