@alfalab/core-components-bank-card 6.0.4 → 6.0.5

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 +19 -19
  2. package/esm/index.module.css.js +1 -1
  3. package/index.css +19 -19
  4. package/index.module.css.js +1 -1
  5. package/modern/index.css +19 -19
  6. package/modern/index.module.css.js +1 -1
  7. package/package.json +2 -2
package/esm/index.css CHANGED
@@ -18,7 +18,7 @@
18
18
  --font-family-styrene:
19
19
  'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
20
20
  sans-serif;
21
- } .bank-card__component_akd6p {
21
+ } .bank-card__component_170f7 {
22
22
  --form-control-border-radius: 0;
23
23
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
24
24
  --form-control-bg-color: transparent;
@@ -32,9 +32,9 @@
32
32
  max-width: 343px;
33
33
 
34
34
  font-family: var(--font-family-styrene);
35
- } .bank-card__aspectRatioContainer_akd6p {
35
+ } .bank-card__aspectRatioContainer_170f7 {
36
36
  padding-bottom: 63%;
37
- } .bank-card__content_akd6p {
37
+ } .bank-card__content_170f7 {
38
38
  position: absolute;
39
39
  top: var(--gap-0);
40
40
  right: var(--gap-0);
@@ -46,7 +46,7 @@
46
46
  padding-right: var(--gap-20);
47
47
  border-radius: var(--border-radius-12);
48
48
  box-sizing: border-box;
49
- } .bank-card__label_akd6p {
49
+ } .bank-card__label_170f7 {
50
50
  left: var(--gap-0);
51
51
  transform: translateY(-1px);
52
52
  color: var(--color-light-text-secondary);
@@ -60,20 +60,20 @@
60
60
  font-feature-settings: 'ss01';
61
61
 
62
62
  font-family: var(--font-family-styrene);
63
- } @media (max-width: 360px) { .bank-card__label_akd6p {
63
+ } @media (max-width: 360px) { .bank-card__label_170f7 {
64
64
  font-size: 16px;
65
65
  }
66
- } .bank-card__focused_akd6p .bank-card__label_akd6p,
67
- .bank-card__filled_akd6p .bank-card__label_akd6p {
66
+ } .bank-card__focused_170f7 .bank-card__label_170f7,
67
+ .bank-card__filled_170f7 .bank-card__label_170f7 {
68
68
  color: var(--color-light-neutral-translucent-1300);
69
69
  transform: translateY(-19px) scale(0.6);
70
- } @media (max-width: 360px) { .bank-card__focused_akd6p .bank-card__label_akd6p,
71
- .bank-card__filled_akd6p .bank-card__label_akd6p {
70
+ } @media (max-width: 360px) { .bank-card__focused_170f7 .bank-card__label_170f7,
71
+ .bank-card__filled_170f7 .bank-card__label_170f7 {
72
72
  transform: translateY(-22px) scale(0.75);
73
73
  }
74
- } .bank-card__focused_akd6p:before {
74
+ } .bank-card__focused_170f7:before {
75
75
  transform: scale(1) !important;
76
- } .bank-card__input_akd6p {
76
+ } .bank-card__input_170f7 {
77
77
  font-size: 20px;
78
78
  line-height: 24px;
79
79
  font-weight: 400;
@@ -84,25 +84,25 @@
84
84
  caret-color: var(--color-light-neutral-translucent-1300);
85
85
  padding-left: var(--gap-0) !important;
86
86
  padding-bottom: var(--gap-4) !important;
87
- } @media (max-width: 360px) { .bank-card__input_akd6p {
87
+ } @media (max-width: 360px) { .bank-card__input_170f7 {
88
88
  font-size: 16px;
89
89
  }
90
- } .bank-card__bankLogo_akd6p {
90
+ } .bank-card__bankLogo_170f7 {
91
91
  position: absolute;
92
92
  top: var(--gap-16);
93
93
  left: var(--gap-16);
94
- } .bank-card__bankLogo_akd6p svg {
94
+ } .bank-card__bankLogo_170f7 svg {
95
95
  display: block;
96
- } .bank-card__bankLogo_akd6p svg g {
96
+ } .bank-card__bankLogo_170f7 svg g {
97
97
  fill: var(--color-light-neutral-translucent-1300);
98
- } .bank-card__brandLogo_akd6p {
98
+ } .bank-card__brandLogo_170f7 {
99
99
  position: absolute;
100
100
  bottom: var(--gap-20);
101
101
  right: var(--gap-20);
102
- } .bank-card__brandLogo_akd6p svg {
102
+ } .bank-card__brandLogo_170f7 svg {
103
103
  display: block;
104
104
  fill: var(--color-light-neutral-translucent-1300);
105
- } .bank-card__usePhoto_akd6p {
105
+ } .bank-card__usePhoto_170f7 {
106
106
  display: block;
107
107
  margin: var(--gap-0);
108
108
  padding: var(--gap-0);
@@ -118,7 +118,7 @@
118
118
  margin-bottom: var(--gap-4);
119
119
  align-self: flex-end;
120
120
  margin-right: calc(var(--gap-12) * -1);
121
- } .bank-card__usePhoto_akd6p svg {
121
+ } .bank-card__usePhoto_170f7 svg {
122
122
  fill: var(--color-light-neutral-translucent-1300);
123
123
  display: block;
124
124
  }
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_akd6p","aspectRatioContainer":"bank-card__aspectRatioContainer_akd6p","content":"bank-card__content_akd6p","label":"bank-card__label_akd6p","focused":"bank-card__focused_akd6p","filled":"bank-card__filled_akd6p","input":"bank-card__input_akd6p","bankLogo":"bank-card__bankLogo_akd6p","brandLogo":"bank-card__brandLogo_akd6p","usePhoto":"bank-card__usePhoto_akd6p"};
3
+ var styles = {"component":"bank-card__component_170f7","aspectRatioContainer":"bank-card__aspectRatioContainer_170f7","content":"bank-card__content_170f7","label":"bank-card__label_170f7","focused":"bank-card__focused_170f7","filled":"bank-card__filled_170f7","input":"bank-card__input_170f7","bankLogo":"bank-card__bankLogo_170f7","brandLogo":"bank-card__brandLogo_170f7","usePhoto":"bank-card__usePhoto_170f7"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -18,7 +18,7 @@
18
18
  --font-family-styrene:
19
19
  'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
20
20
  sans-serif;
21
- } .bank-card__component_akd6p {
21
+ } .bank-card__component_170f7 {
22
22
  --form-control-border-radius: 0;
23
23
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
24
24
  --form-control-bg-color: transparent;
@@ -32,9 +32,9 @@
32
32
  max-width: 343px;
33
33
 
34
34
  font-family: var(--font-family-styrene);
35
- } .bank-card__aspectRatioContainer_akd6p {
35
+ } .bank-card__aspectRatioContainer_170f7 {
36
36
  padding-bottom: 63%;
37
- } .bank-card__content_akd6p {
37
+ } .bank-card__content_170f7 {
38
38
  position: absolute;
39
39
  top: var(--gap-0);
40
40
  right: var(--gap-0);
@@ -46,7 +46,7 @@
46
46
  padding-right: var(--gap-20);
47
47
  border-radius: var(--border-radius-12);
48
48
  box-sizing: border-box;
49
- } .bank-card__label_akd6p {
49
+ } .bank-card__label_170f7 {
50
50
  left: var(--gap-0);
51
51
  transform: translateY(-1px);
52
52
  color: var(--color-light-text-secondary);
@@ -60,20 +60,20 @@
60
60
  font-feature-settings: 'ss01';
61
61
 
62
62
  font-family: var(--font-family-styrene);
63
- } @media (max-width: 360px) { .bank-card__label_akd6p {
63
+ } @media (max-width: 360px) { .bank-card__label_170f7 {
64
64
  font-size: 16px;
65
65
  }
66
- } .bank-card__focused_akd6p .bank-card__label_akd6p,
67
- .bank-card__filled_akd6p .bank-card__label_akd6p {
66
+ } .bank-card__focused_170f7 .bank-card__label_170f7,
67
+ .bank-card__filled_170f7 .bank-card__label_170f7 {
68
68
  color: var(--color-light-neutral-translucent-1300);
69
69
  transform: translateY(-19px) scale(0.6);
70
- } @media (max-width: 360px) { .bank-card__focused_akd6p .bank-card__label_akd6p,
71
- .bank-card__filled_akd6p .bank-card__label_akd6p {
70
+ } @media (max-width: 360px) { .bank-card__focused_170f7 .bank-card__label_170f7,
71
+ .bank-card__filled_170f7 .bank-card__label_170f7 {
72
72
  transform: translateY(-22px) scale(0.75);
73
73
  }
74
- } .bank-card__focused_akd6p:before {
74
+ } .bank-card__focused_170f7:before {
75
75
  transform: scale(1) !important;
76
- } .bank-card__input_akd6p {
76
+ } .bank-card__input_170f7 {
77
77
  font-size: 20px;
78
78
  line-height: 24px;
79
79
  font-weight: 400;
@@ -84,25 +84,25 @@
84
84
  caret-color: var(--color-light-neutral-translucent-1300);
85
85
  padding-left: var(--gap-0) !important;
86
86
  padding-bottom: var(--gap-4) !important;
87
- } @media (max-width: 360px) { .bank-card__input_akd6p {
87
+ } @media (max-width: 360px) { .bank-card__input_170f7 {
88
88
  font-size: 16px;
89
89
  }
90
- } .bank-card__bankLogo_akd6p {
90
+ } .bank-card__bankLogo_170f7 {
91
91
  position: absolute;
92
92
  top: var(--gap-16);
93
93
  left: var(--gap-16);
94
- } .bank-card__bankLogo_akd6p svg {
94
+ } .bank-card__bankLogo_170f7 svg {
95
95
  display: block;
96
- } .bank-card__bankLogo_akd6p svg g {
96
+ } .bank-card__bankLogo_170f7 svg g {
97
97
  fill: var(--color-light-neutral-translucent-1300);
98
- } .bank-card__brandLogo_akd6p {
98
+ } .bank-card__brandLogo_170f7 {
99
99
  position: absolute;
100
100
  bottom: var(--gap-20);
101
101
  right: var(--gap-20);
102
- } .bank-card__brandLogo_akd6p svg {
102
+ } .bank-card__brandLogo_170f7 svg {
103
103
  display: block;
104
104
  fill: var(--color-light-neutral-translucent-1300);
105
- } .bank-card__usePhoto_akd6p {
105
+ } .bank-card__usePhoto_170f7 {
106
106
  display: block;
107
107
  margin: var(--gap-0);
108
108
  padding: var(--gap-0);
@@ -118,7 +118,7 @@
118
118
  margin-bottom: var(--gap-4);
119
119
  align-self: flex-end;
120
120
  margin-right: calc(var(--gap-12) * -1);
121
- } .bank-card__usePhoto_akd6p svg {
121
+ } .bank-card__usePhoto_170f7 svg {
122
122
  fill: var(--color-light-neutral-translucent-1300);
123
123
  display: block;
124
124
  }
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_akd6p","aspectRatioContainer":"bank-card__aspectRatioContainer_akd6p","content":"bank-card__content_akd6p","label":"bank-card__label_akd6p","focused":"bank-card__focused_akd6p","filled":"bank-card__filled_akd6p","input":"bank-card__input_akd6p","bankLogo":"bank-card__bankLogo_akd6p","brandLogo":"bank-card__brandLogo_akd6p","usePhoto":"bank-card__usePhoto_akd6p"};
5
+ var styles = {"component":"bank-card__component_170f7","aspectRatioContainer":"bank-card__aspectRatioContainer_170f7","content":"bank-card__content_170f7","label":"bank-card__label_170f7","focused":"bank-card__focused_170f7","filled":"bank-card__filled_170f7","input":"bank-card__input_170f7","bankLogo":"bank-card__bankLogo_170f7","brandLogo":"bank-card__brandLogo_170f7","usePhoto":"bank-card__usePhoto_170f7"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -18,7 +18,7 @@
18
18
  --font-family-styrene:
19
19
  'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
20
20
  sans-serif;
21
- } .bank-card__component_akd6p {
21
+ } .bank-card__component_170f7 {
22
22
  --form-control-border-radius: 0;
23
23
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
24
24
  --form-control-bg-color: transparent;
@@ -32,9 +32,9 @@
32
32
  max-width: 343px;
33
33
 
34
34
  font-family: var(--font-family-styrene);
35
- } .bank-card__aspectRatioContainer_akd6p {
35
+ } .bank-card__aspectRatioContainer_170f7 {
36
36
  padding-bottom: 63%;
37
- } .bank-card__content_akd6p {
37
+ } .bank-card__content_170f7 {
38
38
  position: absolute;
39
39
  top: var(--gap-0);
40
40
  right: var(--gap-0);
@@ -46,7 +46,7 @@
46
46
  padding-right: var(--gap-20);
47
47
  border-radius: var(--border-radius-12);
48
48
  box-sizing: border-box;
49
- } .bank-card__label_akd6p {
49
+ } .bank-card__label_170f7 {
50
50
  left: var(--gap-0);
51
51
  transform: translateY(-1px);
52
52
  color: var(--color-light-text-secondary);
@@ -60,20 +60,20 @@
60
60
  font-feature-settings: 'ss01';
61
61
 
62
62
  font-family: var(--font-family-styrene);
63
- } @media (max-width: 360px) { .bank-card__label_akd6p {
63
+ } @media (max-width: 360px) { .bank-card__label_170f7 {
64
64
  font-size: 16px;
65
65
  }
66
- } .bank-card__focused_akd6p .bank-card__label_akd6p,
67
- .bank-card__filled_akd6p .bank-card__label_akd6p {
66
+ } .bank-card__focused_170f7 .bank-card__label_170f7,
67
+ .bank-card__filled_170f7 .bank-card__label_170f7 {
68
68
  color: var(--color-light-neutral-translucent-1300);
69
69
  transform: translateY(-19px) scale(0.6);
70
- } @media (max-width: 360px) { .bank-card__focused_akd6p .bank-card__label_akd6p,
71
- .bank-card__filled_akd6p .bank-card__label_akd6p {
70
+ } @media (max-width: 360px) { .bank-card__focused_170f7 .bank-card__label_170f7,
71
+ .bank-card__filled_170f7 .bank-card__label_170f7 {
72
72
  transform: translateY(-22px) scale(0.75);
73
73
  }
74
- } .bank-card__focused_akd6p:before {
74
+ } .bank-card__focused_170f7:before {
75
75
  transform: scale(1) !important;
76
- } .bank-card__input_akd6p {
76
+ } .bank-card__input_170f7 {
77
77
  font-size: 20px;
78
78
  line-height: 24px;
79
79
  font-weight: 400;
@@ -84,25 +84,25 @@
84
84
  caret-color: var(--color-light-neutral-translucent-1300);
85
85
  padding-left: var(--gap-0) !important;
86
86
  padding-bottom: var(--gap-4) !important;
87
- } @media (max-width: 360px) { .bank-card__input_akd6p {
87
+ } @media (max-width: 360px) { .bank-card__input_170f7 {
88
88
  font-size: 16px;
89
89
  }
90
- } .bank-card__bankLogo_akd6p {
90
+ } .bank-card__bankLogo_170f7 {
91
91
  position: absolute;
92
92
  top: var(--gap-16);
93
93
  left: var(--gap-16);
94
- } .bank-card__bankLogo_akd6p svg {
94
+ } .bank-card__bankLogo_170f7 svg {
95
95
  display: block;
96
- } .bank-card__bankLogo_akd6p svg g {
96
+ } .bank-card__bankLogo_170f7 svg g {
97
97
  fill: var(--color-light-neutral-translucent-1300);
98
- } .bank-card__brandLogo_akd6p {
98
+ } .bank-card__brandLogo_170f7 {
99
99
  position: absolute;
100
100
  bottom: var(--gap-20);
101
101
  right: var(--gap-20);
102
- } .bank-card__brandLogo_akd6p svg {
102
+ } .bank-card__brandLogo_170f7 svg {
103
103
  display: block;
104
104
  fill: var(--color-light-neutral-translucent-1300);
105
- } .bank-card__usePhoto_akd6p {
105
+ } .bank-card__usePhoto_170f7 {
106
106
  display: block;
107
107
  margin: var(--gap-0);
108
108
  padding: var(--gap-0);
@@ -118,7 +118,7 @@
118
118
  margin-bottom: var(--gap-4);
119
119
  align-self: flex-end;
120
120
  margin-right: calc(var(--gap-12) * -1);
121
- } .bank-card__usePhoto_akd6p svg {
121
+ } .bank-card__usePhoto_170f7 svg {
122
122
  fill: var(--color-light-neutral-translucent-1300);
123
123
  display: block;
124
124
  }
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_akd6p","aspectRatioContainer":"bank-card__aspectRatioContainer_akd6p","content":"bank-card__content_akd6p","label":"bank-card__label_akd6p","focused":"bank-card__focused_akd6p","filled":"bank-card__filled_akd6p","input":"bank-card__input_akd6p","bankLogo":"bank-card__bankLogo_akd6p","brandLogo":"bank-card__brandLogo_akd6p","usePhoto":"bank-card__usePhoto_akd6p"};
3
+ const styles = {"component":"bank-card__component_170f7","aspectRatioContainer":"bank-card__aspectRatioContainer_170f7","content":"bank-card__content_170f7","label":"bank-card__label_170f7","focused":"bank-card__focused_170f7","filled":"bank-card__filled_170f7","input":"bank-card__input_170f7","bankLogo":"bank-card__bankLogo_170f7","brandLogo":"bank-card__brandLogo_170f7","usePhoto":"bank-card__usePhoto_170f7"};
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": "6.0.4",
3
+ "version": "6.0.5",
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": "^7.0.4",
13
+ "@alfalab/core-components-masked-input": "^7.0.5",
14
14
  "@alfalab/icons-glyph": "^2.247.0",
15
15
  "@alfalab/icons-logo": "^1.48.0",
16
16
  "@alfalab/icons-logotype": "^2.34.0",