@alfalab/core-components-bank-card 7.0.5 → 7.0.6

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/esm/index.css +31 -31
  2. package/esm/index.module.css.js +1 -1
  3. package/index.css +31 -31
  4. package/index.module.css.js +1 -1
  5. package/modern/index.css +31 -31
  6. package/modern/index.module.css.js +1 -1
  7. package/package.json +3 -3
package/esm/index.css CHANGED
@@ -22,63 +22,63 @@
22
22
  --font-family-system:
23
23
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
24
24
  }
25
- .bank-card__component_12krd {
25
+ .bank-card__component_1u67a {
26
26
  position: relative;
27
27
  max-width: 343px;
28
28
 
29
- .bank-card__formControl_12krd {
30
- .bank-card__field_12krd {
29
+ .bank-card__formControl_1u67a {
30
+ .bank-card__field_1u67a {
31
31
  background-color: transparent;
32
32
  }
33
33
  }
34
34
  }
35
35
  @media (hover: hover) {
36
- .bank-card__component_12krd {
36
+ .bank-card__component_1u67a {
37
37
 
38
- .bank-card__formControl_12krd {
39
- .bank-card__field_12krd:hover {
38
+ .bank-card__formControl_1u67a {
39
+ .bank-card__field_1u67a:hover {
40
40
  background-color: transparent;
41
41
  }
42
42
  }
43
43
  }
44
44
  }
45
- .bank-card__component_12krd {
45
+ .bank-card__component_1u67a {
46
46
 
47
- .bank-card__formControl_12krd {
47
+ .bank-card__formControl_1u67a {
48
48
 
49
- .bank-card__field_12krd:before {
49
+ .bank-card__field_1u67a:before {
50
50
  border-bottom: 1px solid var(--color-light-neutral-translucent-700);
51
51
  }
52
52
  }
53
53
 
54
- .bank-card__formControl_12krd.bank-card__focused_12krd {
55
- .bank-card__field_12krd {
54
+ .bank-card__formControl_1u67a.bank-card__focused_1u67a {
55
+ .bank-card__field_1u67a {
56
56
  box-shadow: none;
57
57
  }
58
58
  }
59
59
  }
60
60
  @media (hover: hover) {
61
- .bank-card__component_12krd {
61
+ .bank-card__component_1u67a {
62
62
 
63
- .bank-card__formControl_12krd.bank-card__focused_12krd {
64
- .bank-card__field_12krd:hover {
63
+ .bank-card__formControl_1u67a.bank-card__focused_1u67a {
64
+ .bank-card__field_1u67a:hover {
65
65
  box-shadow: none;
66
66
  }
67
67
  }
68
68
  }
69
69
  }
70
- .bank-card__component_12krd {
70
+ .bank-card__component_1u67a {
71
71
 
72
- .bank-card__formControl_12krd.bank-card__focused_12krd {
73
- .bank-card__field_12krd:before {
72
+ .bank-card__formControl_1u67a.bank-card__focused_1u67a {
73
+ .bank-card__field_1u67a:before {
74
74
  border-bottom: 1px solid var(--color-light-neutral-translucent-1300);
75
75
  }
76
76
  }
77
77
  }
78
- .bank-card__aspectRatioContainer_12krd {
78
+ .bank-card__aspectRatioContainer_1u67a {
79
79
  padding-bottom: 63%;
80
80
  }
81
- .bank-card__content_12krd {
81
+ .bank-card__content_1u67a {
82
82
  position: absolute;
83
83
  top: var(--gap-0);
84
84
  right: var(--gap-0);
@@ -91,7 +91,7 @@
91
91
  border-radius: var(--border-radius-12);
92
92
  box-sizing: border-box;
93
93
  }
94
- .bank-card__label_12krd {
94
+ .bank-card__label_1u67a {
95
95
  left: var(--gap-0);
96
96
  transform: translateY(-3px);
97
97
  color: var(--color-light-text-secondary);
@@ -105,8 +105,8 @@
105
105
  font-weight: 400;
106
106
  font-family: var(--font-family-system);
107
107
  }
108
- .bank-card__focused_12krd .bank-card__label_12krd,
109
- .bank-card__filled_12krd .bank-card__label_12krd {
108
+ .bank-card__focused_1u67a .bank-card__label_1u67a,
109
+ .bank-card__filled_1u67a .bank-card__label_1u67a {
110
110
  color: var(--color-light-neutral-translucent-1300);
111
111
  transform: translateY(calc(-100% - 5px));
112
112
 
@@ -118,10 +118,10 @@
118
118
 
119
119
  font-family: var(--font-family-system);
120
120
  }
121
- .bank-card__focused_12krd:before {
121
+ .bank-card__focused_1u67a:before {
122
122
  transform: scale(1) !important;
123
123
  }
124
- .bank-card__input_12krd {
124
+ .bank-card__input_1u67a {
125
125
  font-size: 20px;
126
126
  line-height: 28px;
127
127
  font-weight: 400;
@@ -132,27 +132,27 @@
132
132
  padding-left: var(--gap-0) !important;
133
133
  padding-bottom: 5px !important;
134
134
  }
135
- .bank-card__bankLogo_12krd {
135
+ .bank-card__bankLogo_1u67a {
136
136
  position: absolute;
137
137
  top: var(--gap-16);
138
138
  left: var(--gap-16);
139
139
  }
140
- .bank-card__bankLogo_12krd svg {
140
+ .bank-card__bankLogo_1u67a svg {
141
141
  display: block;
142
142
  }
143
- .bank-card__bankLogo_12krd svg g {
143
+ .bank-card__bankLogo_1u67a svg g {
144
144
  fill: var(--color-light-neutral-translucent-1300);
145
145
  }
146
- .bank-card__brandLogo_12krd {
146
+ .bank-card__brandLogo_1u67a {
147
147
  position: absolute;
148
148
  bottom: var(--gap-20);
149
149
  right: var(--gap-20);
150
150
  }
151
- .bank-card__brandLogo_12krd svg {
151
+ .bank-card__brandLogo_1u67a svg {
152
152
  display: block;
153
153
  fill: var(--color-light-neutral-translucent-1300);
154
154
  }
155
- .bank-card__usePhoto_12krd {
155
+ .bank-card__usePhoto_1u67a {
156
156
  display: block;
157
157
  margin: var(--gap-0);
158
158
  padding: var(--gap-0);
@@ -169,7 +169,7 @@
169
169
  align-self: flex-end;
170
170
  margin-right: calc(var(--gap-12) * -1);
171
171
  }
172
- .bank-card__usePhoto_12krd svg {
172
+ .bank-card__usePhoto_1u67a svg {
173
173
  fill: var(--color-light-neutral-translucent-1300);
174
174
  display: block;
175
175
  }
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_12krd","formControl":"bank-card__formControl_12krd","field":"bank-card__field_12krd","focused":"bank-card__focused_12krd","aspectRatioContainer":"bank-card__aspectRatioContainer_12krd","content":"bank-card__content_12krd","label":"bank-card__label_12krd","filled":"bank-card__filled_12krd","input":"bank-card__input_12krd","bankLogo":"bank-card__bankLogo_12krd","brandLogo":"bank-card__brandLogo_12krd","usePhoto":"bank-card__usePhoto_12krd"};
3
+ var styles = {"component":"bank-card__component_1u67a","formControl":"bank-card__formControl_1u67a","field":"bank-card__field_1u67a","focused":"bank-card__focused_1u67a","aspectRatioContainer":"bank-card__aspectRatioContainer_1u67a","content":"bank-card__content_1u67a","label":"bank-card__label_1u67a","filled":"bank-card__filled_1u67a","input":"bank-card__input_1u67a","bankLogo":"bank-card__bankLogo_1u67a","brandLogo":"bank-card__brandLogo_1u67a","usePhoto":"bank-card__usePhoto_1u67a"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -22,63 +22,63 @@
22
22
  --font-family-system:
23
23
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
24
24
  }
25
- .bank-card__component_12krd {
25
+ .bank-card__component_1u67a {
26
26
  position: relative;
27
27
  max-width: 343px;
28
28
 
29
- .bank-card__formControl_12krd {
30
- .bank-card__field_12krd {
29
+ .bank-card__formControl_1u67a {
30
+ .bank-card__field_1u67a {
31
31
  background-color: transparent;
32
32
  }
33
33
  }
34
34
  }
35
35
  @media (hover: hover) {
36
- .bank-card__component_12krd {
36
+ .bank-card__component_1u67a {
37
37
 
38
- .bank-card__formControl_12krd {
39
- .bank-card__field_12krd:hover {
38
+ .bank-card__formControl_1u67a {
39
+ .bank-card__field_1u67a:hover {
40
40
  background-color: transparent;
41
41
  }
42
42
  }
43
43
  }
44
44
  }
45
- .bank-card__component_12krd {
45
+ .bank-card__component_1u67a {
46
46
 
47
- .bank-card__formControl_12krd {
47
+ .bank-card__formControl_1u67a {
48
48
 
49
- .bank-card__field_12krd:before {
49
+ .bank-card__field_1u67a:before {
50
50
  border-bottom: 1px solid var(--color-light-neutral-translucent-700);
51
51
  }
52
52
  }
53
53
 
54
- .bank-card__formControl_12krd.bank-card__focused_12krd {
55
- .bank-card__field_12krd {
54
+ .bank-card__formControl_1u67a.bank-card__focused_1u67a {
55
+ .bank-card__field_1u67a {
56
56
  box-shadow: none;
57
57
  }
58
58
  }
59
59
  }
60
60
  @media (hover: hover) {
61
- .bank-card__component_12krd {
61
+ .bank-card__component_1u67a {
62
62
 
63
- .bank-card__formControl_12krd.bank-card__focused_12krd {
64
- .bank-card__field_12krd:hover {
63
+ .bank-card__formControl_1u67a.bank-card__focused_1u67a {
64
+ .bank-card__field_1u67a:hover {
65
65
  box-shadow: none;
66
66
  }
67
67
  }
68
68
  }
69
69
  }
70
- .bank-card__component_12krd {
70
+ .bank-card__component_1u67a {
71
71
 
72
- .bank-card__formControl_12krd.bank-card__focused_12krd {
73
- .bank-card__field_12krd:before {
72
+ .bank-card__formControl_1u67a.bank-card__focused_1u67a {
73
+ .bank-card__field_1u67a:before {
74
74
  border-bottom: 1px solid var(--color-light-neutral-translucent-1300);
75
75
  }
76
76
  }
77
77
  }
78
- .bank-card__aspectRatioContainer_12krd {
78
+ .bank-card__aspectRatioContainer_1u67a {
79
79
  padding-bottom: 63%;
80
80
  }
81
- .bank-card__content_12krd {
81
+ .bank-card__content_1u67a {
82
82
  position: absolute;
83
83
  top: var(--gap-0);
84
84
  right: var(--gap-0);
@@ -91,7 +91,7 @@
91
91
  border-radius: var(--border-radius-12);
92
92
  box-sizing: border-box;
93
93
  }
94
- .bank-card__label_12krd {
94
+ .bank-card__label_1u67a {
95
95
  left: var(--gap-0);
96
96
  transform: translateY(-3px);
97
97
  color: var(--color-light-text-secondary);
@@ -105,8 +105,8 @@
105
105
  font-weight: 400;
106
106
  font-family: var(--font-family-system);
107
107
  }
108
- .bank-card__focused_12krd .bank-card__label_12krd,
109
- .bank-card__filled_12krd .bank-card__label_12krd {
108
+ .bank-card__focused_1u67a .bank-card__label_1u67a,
109
+ .bank-card__filled_1u67a .bank-card__label_1u67a {
110
110
  color: var(--color-light-neutral-translucent-1300);
111
111
  transform: translateY(calc(-100% - 5px));
112
112
 
@@ -118,10 +118,10 @@
118
118
 
119
119
  font-family: var(--font-family-system);
120
120
  }
121
- .bank-card__focused_12krd:before {
121
+ .bank-card__focused_1u67a:before {
122
122
  transform: scale(1) !important;
123
123
  }
124
- .bank-card__input_12krd {
124
+ .bank-card__input_1u67a {
125
125
  font-size: 20px;
126
126
  line-height: 28px;
127
127
  font-weight: 400;
@@ -132,27 +132,27 @@
132
132
  padding-left: var(--gap-0) !important;
133
133
  padding-bottom: 5px !important;
134
134
  }
135
- .bank-card__bankLogo_12krd {
135
+ .bank-card__bankLogo_1u67a {
136
136
  position: absolute;
137
137
  top: var(--gap-16);
138
138
  left: var(--gap-16);
139
139
  }
140
- .bank-card__bankLogo_12krd svg {
140
+ .bank-card__bankLogo_1u67a svg {
141
141
  display: block;
142
142
  }
143
- .bank-card__bankLogo_12krd svg g {
143
+ .bank-card__bankLogo_1u67a svg g {
144
144
  fill: var(--color-light-neutral-translucent-1300);
145
145
  }
146
- .bank-card__brandLogo_12krd {
146
+ .bank-card__brandLogo_1u67a {
147
147
  position: absolute;
148
148
  bottom: var(--gap-20);
149
149
  right: var(--gap-20);
150
150
  }
151
- .bank-card__brandLogo_12krd svg {
151
+ .bank-card__brandLogo_1u67a svg {
152
152
  display: block;
153
153
  fill: var(--color-light-neutral-translucent-1300);
154
154
  }
155
- .bank-card__usePhoto_12krd {
155
+ .bank-card__usePhoto_1u67a {
156
156
  display: block;
157
157
  margin: var(--gap-0);
158
158
  padding: var(--gap-0);
@@ -169,7 +169,7 @@
169
169
  align-self: flex-end;
170
170
  margin-right: calc(var(--gap-12) * -1);
171
171
  }
172
- .bank-card__usePhoto_12krd svg {
172
+ .bank-card__usePhoto_1u67a svg {
173
173
  fill: var(--color-light-neutral-translucent-1300);
174
174
  display: block;
175
175
  }
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_12krd","formControl":"bank-card__formControl_12krd","field":"bank-card__field_12krd","focused":"bank-card__focused_12krd","aspectRatioContainer":"bank-card__aspectRatioContainer_12krd","content":"bank-card__content_12krd","label":"bank-card__label_12krd","filled":"bank-card__filled_12krd","input":"bank-card__input_12krd","bankLogo":"bank-card__bankLogo_12krd","brandLogo":"bank-card__brandLogo_12krd","usePhoto":"bank-card__usePhoto_12krd"};
5
+ var styles = {"component":"bank-card__component_1u67a","formControl":"bank-card__formControl_1u67a","field":"bank-card__field_1u67a","focused":"bank-card__focused_1u67a","aspectRatioContainer":"bank-card__aspectRatioContainer_1u67a","content":"bank-card__content_1u67a","label":"bank-card__label_1u67a","filled":"bank-card__filled_1u67a","input":"bank-card__input_1u67a","bankLogo":"bank-card__bankLogo_1u67a","brandLogo":"bank-card__brandLogo_1u67a","usePhoto":"bank-card__usePhoto_1u67a"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -22,63 +22,63 @@
22
22
  --font-family-system:
23
23
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
24
24
  }
25
- .bank-card__component_12krd {
25
+ .bank-card__component_1u67a {
26
26
  position: relative;
27
27
  max-width: 343px;
28
28
 
29
- .bank-card__formControl_12krd {
30
- .bank-card__field_12krd {
29
+ .bank-card__formControl_1u67a {
30
+ .bank-card__field_1u67a {
31
31
  background-color: transparent;
32
32
  }
33
33
  }
34
34
  }
35
35
  @media (hover: hover) {
36
- .bank-card__component_12krd {
36
+ .bank-card__component_1u67a {
37
37
 
38
- .bank-card__formControl_12krd {
39
- .bank-card__field_12krd:hover {
38
+ .bank-card__formControl_1u67a {
39
+ .bank-card__field_1u67a:hover {
40
40
  background-color: transparent;
41
41
  }
42
42
  }
43
43
  }
44
44
  }
45
- .bank-card__component_12krd {
45
+ .bank-card__component_1u67a {
46
46
 
47
- .bank-card__formControl_12krd {
47
+ .bank-card__formControl_1u67a {
48
48
 
49
- .bank-card__field_12krd:before {
49
+ .bank-card__field_1u67a:before {
50
50
  border-bottom: 1px solid var(--color-light-neutral-translucent-700);
51
51
  }
52
52
  }
53
53
 
54
- .bank-card__formControl_12krd.bank-card__focused_12krd {
55
- .bank-card__field_12krd {
54
+ .bank-card__formControl_1u67a.bank-card__focused_1u67a {
55
+ .bank-card__field_1u67a {
56
56
  box-shadow: none;
57
57
  }
58
58
  }
59
59
  }
60
60
  @media (hover: hover) {
61
- .bank-card__component_12krd {
61
+ .bank-card__component_1u67a {
62
62
 
63
- .bank-card__formControl_12krd.bank-card__focused_12krd {
64
- .bank-card__field_12krd:hover {
63
+ .bank-card__formControl_1u67a.bank-card__focused_1u67a {
64
+ .bank-card__field_1u67a:hover {
65
65
  box-shadow: none;
66
66
  }
67
67
  }
68
68
  }
69
69
  }
70
- .bank-card__component_12krd {
70
+ .bank-card__component_1u67a {
71
71
 
72
- .bank-card__formControl_12krd.bank-card__focused_12krd {
73
- .bank-card__field_12krd:before {
72
+ .bank-card__formControl_1u67a.bank-card__focused_1u67a {
73
+ .bank-card__field_1u67a:before {
74
74
  border-bottom: 1px solid var(--color-light-neutral-translucent-1300);
75
75
  }
76
76
  }
77
77
  }
78
- .bank-card__aspectRatioContainer_12krd {
78
+ .bank-card__aspectRatioContainer_1u67a {
79
79
  padding-bottom: 63%;
80
80
  }
81
- .bank-card__content_12krd {
81
+ .bank-card__content_1u67a {
82
82
  position: absolute;
83
83
  top: var(--gap-0);
84
84
  right: var(--gap-0);
@@ -91,7 +91,7 @@
91
91
  border-radius: var(--border-radius-12);
92
92
  box-sizing: border-box;
93
93
  }
94
- .bank-card__label_12krd {
94
+ .bank-card__label_1u67a {
95
95
  left: var(--gap-0);
96
96
  transform: translateY(-3px);
97
97
  color: var(--color-light-text-secondary);
@@ -105,8 +105,8 @@
105
105
  font-weight: 400;
106
106
  font-family: var(--font-family-system);
107
107
  }
108
- .bank-card__focused_12krd .bank-card__label_12krd,
109
- .bank-card__filled_12krd .bank-card__label_12krd {
108
+ .bank-card__focused_1u67a .bank-card__label_1u67a,
109
+ .bank-card__filled_1u67a .bank-card__label_1u67a {
110
110
  color: var(--color-light-neutral-translucent-1300);
111
111
  transform: translateY(calc(-100% - 5px));
112
112
 
@@ -118,10 +118,10 @@
118
118
 
119
119
  font-family: var(--font-family-system);
120
120
  }
121
- .bank-card__focused_12krd:before {
121
+ .bank-card__focused_1u67a:before {
122
122
  transform: scale(1) !important;
123
123
  }
124
- .bank-card__input_12krd {
124
+ .bank-card__input_1u67a {
125
125
  font-size: 20px;
126
126
  line-height: 28px;
127
127
  font-weight: 400;
@@ -132,27 +132,27 @@
132
132
  padding-left: var(--gap-0) !important;
133
133
  padding-bottom: 5px !important;
134
134
  }
135
- .bank-card__bankLogo_12krd {
135
+ .bank-card__bankLogo_1u67a {
136
136
  position: absolute;
137
137
  top: var(--gap-16);
138
138
  left: var(--gap-16);
139
139
  }
140
- .bank-card__bankLogo_12krd svg {
140
+ .bank-card__bankLogo_1u67a svg {
141
141
  display: block;
142
142
  }
143
- .bank-card__bankLogo_12krd svg g {
143
+ .bank-card__bankLogo_1u67a svg g {
144
144
  fill: var(--color-light-neutral-translucent-1300);
145
145
  }
146
- .bank-card__brandLogo_12krd {
146
+ .bank-card__brandLogo_1u67a {
147
147
  position: absolute;
148
148
  bottom: var(--gap-20);
149
149
  right: var(--gap-20);
150
150
  }
151
- .bank-card__brandLogo_12krd svg {
151
+ .bank-card__brandLogo_1u67a svg {
152
152
  display: block;
153
153
  fill: var(--color-light-neutral-translucent-1300);
154
154
  }
155
- .bank-card__usePhoto_12krd {
155
+ .bank-card__usePhoto_1u67a {
156
156
  display: block;
157
157
  margin: var(--gap-0);
158
158
  padding: var(--gap-0);
@@ -169,7 +169,7 @@
169
169
  align-self: flex-end;
170
170
  margin-right: calc(var(--gap-12) * -1);
171
171
  }
172
- .bank-card__usePhoto_12krd svg {
172
+ .bank-card__usePhoto_1u67a svg {
173
173
  fill: var(--color-light-neutral-translucent-1300);
174
174
  display: block;
175
175
  }
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_12krd","formControl":"bank-card__formControl_12krd","field":"bank-card__field_12krd","focused":"bank-card__focused_12krd","aspectRatioContainer":"bank-card__aspectRatioContainer_12krd","content":"bank-card__content_12krd","label":"bank-card__label_12krd","filled":"bank-card__filled_12krd","input":"bank-card__input_12krd","bankLogo":"bank-card__bankLogo_12krd","brandLogo":"bank-card__brandLogo_12krd","usePhoto":"bank-card__usePhoto_12krd"};
3
+ const styles = {"component":"bank-card__component_1u67a","formControl":"bank-card__formControl_1u67a","field":"bank-card__field_1u67a","focused":"bank-card__focused_1u67a","aspectRatioContainer":"bank-card__aspectRatioContainer_1u67a","content":"bank-card__content_1u67a","label":"bank-card__label_1u67a","filled":"bank-card__filled_1u67a","input":"bank-card__input_1u67a","bankLogo":"bank-card__bankLogo_1u67a","brandLogo":"bank-card__brandLogo_1u67a","usePhoto":"bank-card__usePhoto_1u67a"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bank-card",
3
- "version": "7.0.5",
3
+ "version": "7.0.6",
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.5",
13
+ "@alfalab/core-components-masked-input": "^8.0.6",
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.2",
28
+ "themesVersion": "15.0.4",
29
29
  "varsVersion": "11.0.2"
30
30
  }