@alfalab/core-components-bank-card 6.0.0 → 6.0.1

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 +7 -7
package/esm/index.css CHANGED
@@ -17,7 +17,7 @@
17
17
  } :root {
18
18
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
19
19
  'Helvetica Neue', Helvetica, sans-serif;
20
- } .bank-card__component_hpunq {
20
+ } .bank-card__component_1e5wo {
21
21
  --form-control-border-radius: 0;
22
22
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
23
23
  --form-control-bg-color: transparent;
@@ -31,9 +31,9 @@
31
31
  max-width: 343px;
32
32
 
33
33
  font-family: var(--font-family-styrene);
34
- } .bank-card__aspectRatioContainer_hpunq {
34
+ } .bank-card__aspectRatioContainer_1e5wo {
35
35
  padding-bottom: 63%;
36
- } .bank-card__content_hpunq {
36
+ } .bank-card__content_1e5wo {
37
37
  position: absolute;
38
38
  top: var(--gap-0);
39
39
  right: var(--gap-0);
@@ -45,26 +45,26 @@
45
45
  padding-right: var(--gap-20);
46
46
  border-radius: var(--border-radius-12);
47
47
  box-sizing: border-box;
48
- } .bank-card__label_hpunq {
48
+ } .bank-card__label_1e5wo {
49
49
  left: var(--gap-0);
50
50
  transform: translateY(-1px);
51
51
  color: var(--color-light-text-secondary);
52
52
  font-size: 20px;
53
53
  line-height: 24px
54
- } @media (max-width: 360px) { .bank-card__label_hpunq {
54
+ } @media (max-width: 360px) { .bank-card__label_1e5wo {
55
55
  font-size: 16px
56
56
  }
57
- } .bank-card__focused_hpunq .bank-card__label_hpunq,
58
- .bank-card__filled_hpunq .bank-card__label_hpunq {
57
+ } .bank-card__focused_1e5wo .bank-card__label_1e5wo,
58
+ .bank-card__filled_1e5wo .bank-card__label_1e5wo {
59
59
  color: var(--color-light-neutral-translucent-1300);
60
60
  transform: translateY(-19px) scale(0.6)
61
- } @media (max-width: 360px) { .bank-card__focused_hpunq .bank-card__label_hpunq,
62
- .bank-card__filled_hpunq .bank-card__label_hpunq {
61
+ } @media (max-width: 360px) { .bank-card__focused_1e5wo .bank-card__label_1e5wo,
62
+ .bank-card__filled_1e5wo .bank-card__label_1e5wo {
63
63
  transform: translateY(-22px) scale(0.75)
64
64
  }
65
- } .bank-card__focused_hpunq:before {
65
+ } .bank-card__focused_1e5wo:before {
66
66
  transform: scale(1) !important;
67
- } .bank-card__input_hpunq {
67
+ } .bank-card__input_1e5wo {
68
68
  font-size: 20px;
69
69
  line-height: 24px;
70
70
  font-weight: 400;
@@ -75,25 +75,25 @@
75
75
  caret-color: var(--color-light-neutral-translucent-1300);
76
76
  padding-left: var(--gap-0) !important;
77
77
  padding-bottom: var(--gap-4) !important
78
- } @media (max-width: 360px) { .bank-card__input_hpunq {
78
+ } @media (max-width: 360px) { .bank-card__input_1e5wo {
79
79
  font-size: 16px
80
80
  }
81
- } .bank-card__bankLogo_hpunq {
81
+ } .bank-card__bankLogo_1e5wo {
82
82
  position: absolute;
83
83
  top: var(--gap-16);
84
84
  left: var(--gap-16)
85
- } .bank-card__bankLogo_hpunq svg {
85
+ } .bank-card__bankLogo_1e5wo svg {
86
86
  display: block
87
- } .bank-card__bankLogo_hpunq svg g {
87
+ } .bank-card__bankLogo_1e5wo svg g {
88
88
  fill: var(--color-light-neutral-translucent-1300);
89
- } .bank-card__brandLogo_hpunq {
89
+ } .bank-card__brandLogo_1e5wo {
90
90
  position: absolute;
91
91
  bottom: var(--gap-20);
92
92
  right: var(--gap-20)
93
- } .bank-card__brandLogo_hpunq svg {
93
+ } .bank-card__brandLogo_1e5wo svg {
94
94
  display: block;
95
95
  fill: var(--color-light-neutral-translucent-1300);
96
- } .bank-card__usePhoto_hpunq {
96
+ } .bank-card__usePhoto_1e5wo {
97
97
  display: block;
98
98
  margin: var(--gap-0);
99
99
  padding: var(--gap-0);
@@ -109,7 +109,7 @@
109
109
  margin-bottom: var(--gap-4);
110
110
  align-self: flex-end;
111
111
  margin-right: calc(var(--gap-12) * -1)
112
- } .bank-card__usePhoto_hpunq svg {
112
+ } .bank-card__usePhoto_1e5wo svg {
113
113
  fill: var(--color-light-neutral-translucent-1300);
114
114
  display: block;
115
115
  }
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_hpunq","aspectRatioContainer":"bank-card__aspectRatioContainer_hpunq","content":"bank-card__content_hpunq","label":"bank-card__label_hpunq","focused":"bank-card__focused_hpunq","filled":"bank-card__filled_hpunq","input":"bank-card__input_hpunq","bankLogo":"bank-card__bankLogo_hpunq","brandLogo":"bank-card__brandLogo_hpunq","usePhoto":"bank-card__usePhoto_hpunq"};
3
+ var styles = {"component":"bank-card__component_1e5wo","aspectRatioContainer":"bank-card__aspectRatioContainer_1e5wo","content":"bank-card__content_1e5wo","label":"bank-card__label_1e5wo","focused":"bank-card__focused_1e5wo","filled":"bank-card__filled_1e5wo","input":"bank-card__input_1e5wo","bankLogo":"bank-card__bankLogo_1e5wo","brandLogo":"bank-card__brandLogo_1e5wo","usePhoto":"bank-card__usePhoto_1e5wo"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -17,7 +17,7 @@
17
17
  } :root {
18
18
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
19
19
  'Helvetica Neue', Helvetica, sans-serif;
20
- } .bank-card__component_hpunq {
20
+ } .bank-card__component_1e5wo {
21
21
  --form-control-border-radius: 0;
22
22
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
23
23
  --form-control-bg-color: transparent;
@@ -31,9 +31,9 @@
31
31
  max-width: 343px;
32
32
 
33
33
  font-family: var(--font-family-styrene);
34
- } .bank-card__aspectRatioContainer_hpunq {
34
+ } .bank-card__aspectRatioContainer_1e5wo {
35
35
  padding-bottom: 63%;
36
- } .bank-card__content_hpunq {
36
+ } .bank-card__content_1e5wo {
37
37
  position: absolute;
38
38
  top: var(--gap-0);
39
39
  right: var(--gap-0);
@@ -45,26 +45,26 @@
45
45
  padding-right: var(--gap-20);
46
46
  border-radius: var(--border-radius-12);
47
47
  box-sizing: border-box;
48
- } .bank-card__label_hpunq {
48
+ } .bank-card__label_1e5wo {
49
49
  left: var(--gap-0);
50
50
  transform: translateY(-1px);
51
51
  color: var(--color-light-text-secondary);
52
52
  font-size: 20px;
53
53
  line-height: 24px
54
- } @media (max-width: 360px) { .bank-card__label_hpunq {
54
+ } @media (max-width: 360px) { .bank-card__label_1e5wo {
55
55
  font-size: 16px
56
56
  }
57
- } .bank-card__focused_hpunq .bank-card__label_hpunq,
58
- .bank-card__filled_hpunq .bank-card__label_hpunq {
57
+ } .bank-card__focused_1e5wo .bank-card__label_1e5wo,
58
+ .bank-card__filled_1e5wo .bank-card__label_1e5wo {
59
59
  color: var(--color-light-neutral-translucent-1300);
60
60
  transform: translateY(-19px) scale(0.6)
61
- } @media (max-width: 360px) { .bank-card__focused_hpunq .bank-card__label_hpunq,
62
- .bank-card__filled_hpunq .bank-card__label_hpunq {
61
+ } @media (max-width: 360px) { .bank-card__focused_1e5wo .bank-card__label_1e5wo,
62
+ .bank-card__filled_1e5wo .bank-card__label_1e5wo {
63
63
  transform: translateY(-22px) scale(0.75)
64
64
  }
65
- } .bank-card__focused_hpunq:before {
65
+ } .bank-card__focused_1e5wo:before {
66
66
  transform: scale(1) !important;
67
- } .bank-card__input_hpunq {
67
+ } .bank-card__input_1e5wo {
68
68
  font-size: 20px;
69
69
  line-height: 24px;
70
70
  font-weight: 400;
@@ -75,25 +75,25 @@
75
75
  caret-color: var(--color-light-neutral-translucent-1300);
76
76
  padding-left: var(--gap-0) !important;
77
77
  padding-bottom: var(--gap-4) !important
78
- } @media (max-width: 360px) { .bank-card__input_hpunq {
78
+ } @media (max-width: 360px) { .bank-card__input_1e5wo {
79
79
  font-size: 16px
80
80
  }
81
- } .bank-card__bankLogo_hpunq {
81
+ } .bank-card__bankLogo_1e5wo {
82
82
  position: absolute;
83
83
  top: var(--gap-16);
84
84
  left: var(--gap-16)
85
- } .bank-card__bankLogo_hpunq svg {
85
+ } .bank-card__bankLogo_1e5wo svg {
86
86
  display: block
87
- } .bank-card__bankLogo_hpunq svg g {
87
+ } .bank-card__bankLogo_1e5wo svg g {
88
88
  fill: var(--color-light-neutral-translucent-1300);
89
- } .bank-card__brandLogo_hpunq {
89
+ } .bank-card__brandLogo_1e5wo {
90
90
  position: absolute;
91
91
  bottom: var(--gap-20);
92
92
  right: var(--gap-20)
93
- } .bank-card__brandLogo_hpunq svg {
93
+ } .bank-card__brandLogo_1e5wo svg {
94
94
  display: block;
95
95
  fill: var(--color-light-neutral-translucent-1300);
96
- } .bank-card__usePhoto_hpunq {
96
+ } .bank-card__usePhoto_1e5wo {
97
97
  display: block;
98
98
  margin: var(--gap-0);
99
99
  padding: var(--gap-0);
@@ -109,7 +109,7 @@
109
109
  margin-bottom: var(--gap-4);
110
110
  align-self: flex-end;
111
111
  margin-right: calc(var(--gap-12) * -1)
112
- } .bank-card__usePhoto_hpunq svg {
112
+ } .bank-card__usePhoto_1e5wo svg {
113
113
  fill: var(--color-light-neutral-translucent-1300);
114
114
  display: block;
115
115
  }
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_hpunq","aspectRatioContainer":"bank-card__aspectRatioContainer_hpunq","content":"bank-card__content_hpunq","label":"bank-card__label_hpunq","focused":"bank-card__focused_hpunq","filled":"bank-card__filled_hpunq","input":"bank-card__input_hpunq","bankLogo":"bank-card__bankLogo_hpunq","brandLogo":"bank-card__brandLogo_hpunq","usePhoto":"bank-card__usePhoto_hpunq"};
5
+ var styles = {"component":"bank-card__component_1e5wo","aspectRatioContainer":"bank-card__aspectRatioContainer_1e5wo","content":"bank-card__content_1e5wo","label":"bank-card__label_1e5wo","focused":"bank-card__focused_1e5wo","filled":"bank-card__filled_1e5wo","input":"bank-card__input_1e5wo","bankLogo":"bank-card__bankLogo_1e5wo","brandLogo":"bank-card__brandLogo_1e5wo","usePhoto":"bank-card__usePhoto_1e5wo"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.css CHANGED
@@ -17,7 +17,7 @@
17
17
  } :root {
18
18
  --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
19
19
  'Helvetica Neue', Helvetica, sans-serif;
20
- } .bank-card__component_hpunq {
20
+ } .bank-card__component_1e5wo {
21
21
  --form-control-border-radius: 0;
22
22
  --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
23
23
  --form-control-bg-color: transparent;
@@ -31,9 +31,9 @@
31
31
  max-width: 343px;
32
32
 
33
33
  font-family: var(--font-family-styrene);
34
- } .bank-card__aspectRatioContainer_hpunq {
34
+ } .bank-card__aspectRatioContainer_1e5wo {
35
35
  padding-bottom: 63%;
36
- } .bank-card__content_hpunq {
36
+ } .bank-card__content_1e5wo {
37
37
  position: absolute;
38
38
  top: var(--gap-0);
39
39
  right: var(--gap-0);
@@ -45,26 +45,26 @@
45
45
  padding-right: var(--gap-20);
46
46
  border-radius: var(--border-radius-12);
47
47
  box-sizing: border-box;
48
- } .bank-card__label_hpunq {
48
+ } .bank-card__label_1e5wo {
49
49
  left: var(--gap-0);
50
50
  transform: translateY(-1px);
51
51
  color: var(--color-light-text-secondary);
52
52
  font-size: 20px;
53
53
  line-height: 24px
54
- } @media (max-width: 360px) { .bank-card__label_hpunq {
54
+ } @media (max-width: 360px) { .bank-card__label_1e5wo {
55
55
  font-size: 16px
56
56
  }
57
- } .bank-card__focused_hpunq .bank-card__label_hpunq,
58
- .bank-card__filled_hpunq .bank-card__label_hpunq {
57
+ } .bank-card__focused_1e5wo .bank-card__label_1e5wo,
58
+ .bank-card__filled_1e5wo .bank-card__label_1e5wo {
59
59
  color: var(--color-light-neutral-translucent-1300);
60
60
  transform: translateY(-19px) scale(0.6)
61
- } @media (max-width: 360px) { .bank-card__focused_hpunq .bank-card__label_hpunq,
62
- .bank-card__filled_hpunq .bank-card__label_hpunq {
61
+ } @media (max-width: 360px) { .bank-card__focused_1e5wo .bank-card__label_1e5wo,
62
+ .bank-card__filled_1e5wo .bank-card__label_1e5wo {
63
63
  transform: translateY(-22px) scale(0.75)
64
64
  }
65
- } .bank-card__focused_hpunq:before {
65
+ } .bank-card__focused_1e5wo:before {
66
66
  transform: scale(1) !important;
67
- } .bank-card__input_hpunq {
67
+ } .bank-card__input_1e5wo {
68
68
  font-size: 20px;
69
69
  line-height: 24px;
70
70
  font-weight: 400;
@@ -75,25 +75,25 @@
75
75
  caret-color: var(--color-light-neutral-translucent-1300);
76
76
  padding-left: var(--gap-0) !important;
77
77
  padding-bottom: var(--gap-4) !important
78
- } @media (max-width: 360px) { .bank-card__input_hpunq {
78
+ } @media (max-width: 360px) { .bank-card__input_1e5wo {
79
79
  font-size: 16px
80
80
  }
81
- } .bank-card__bankLogo_hpunq {
81
+ } .bank-card__bankLogo_1e5wo {
82
82
  position: absolute;
83
83
  top: var(--gap-16);
84
84
  left: var(--gap-16)
85
- } .bank-card__bankLogo_hpunq svg {
85
+ } .bank-card__bankLogo_1e5wo svg {
86
86
  display: block
87
- } .bank-card__bankLogo_hpunq svg g {
87
+ } .bank-card__bankLogo_1e5wo svg g {
88
88
  fill: var(--color-light-neutral-translucent-1300);
89
- } .bank-card__brandLogo_hpunq {
89
+ } .bank-card__brandLogo_1e5wo {
90
90
  position: absolute;
91
91
  bottom: var(--gap-20);
92
92
  right: var(--gap-20)
93
- } .bank-card__brandLogo_hpunq svg {
93
+ } .bank-card__brandLogo_1e5wo svg {
94
94
  display: block;
95
95
  fill: var(--color-light-neutral-translucent-1300);
96
- } .bank-card__usePhoto_hpunq {
96
+ } .bank-card__usePhoto_1e5wo {
97
97
  display: block;
98
98
  margin: var(--gap-0);
99
99
  padding: var(--gap-0);
@@ -109,7 +109,7 @@
109
109
  margin-bottom: var(--gap-4);
110
110
  align-self: flex-end;
111
111
  margin-right: calc(var(--gap-12) * -1)
112
- } .bank-card__usePhoto_hpunq svg {
112
+ } .bank-card__usePhoto_1e5wo svg {
113
113
  fill: var(--color-light-neutral-translucent-1300);
114
114
  display: block;
115
115
  }
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_hpunq","aspectRatioContainer":"bank-card__aspectRatioContainer_hpunq","content":"bank-card__content_hpunq","label":"bank-card__label_hpunq","focused":"bank-card__focused_hpunq","filled":"bank-card__filled_hpunq","input":"bank-card__input_hpunq","bankLogo":"bank-card__bankLogo_hpunq","brandLogo":"bank-card__brandLogo_hpunq","usePhoto":"bank-card__usePhoto_hpunq"};
3
+ const styles = {"component":"bank-card__component_1e5wo","aspectRatioContainer":"bank-card__aspectRatioContainer_1e5wo","content":"bank-card__content_1e5wo","label":"bank-card__label_1e5wo","focused":"bank-card__focused_1e5wo","filled":"bank-card__filled_1e5wo","input":"bank-card__input_1e5wo","bankLogo":"bank-card__bankLogo_1e5wo","brandLogo":"bank-card__brandLogo_1e5wo","usePhoto":"bank-card__usePhoto_1e5wo"};
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.0",
3
+ "version": "6.0.1",
4
4
  "description": "Bank card component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,10 +10,10 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-masked-input": "^7.0.0",
14
- "@alfalab/icons-glyph": "^2.210.0",
15
- "@alfalab/icons-logo": "^1.39.0",
16
- "@alfalab/icons-logotype": "^2.27.0",
13
+ "@alfalab/core-components-masked-input": "^7.0.1",
14
+ "@alfalab/icons-glyph": "^2.247.0",
15
+ "@alfalab/icons-logo": "^1.48.0",
16
+ "@alfalab/icons-logotype": "^2.34.0",
17
17
  "classnames": "^2.5.1",
18
18
  "tslib": "^2.4.0"
19
19
  },
@@ -25,6 +25,6 @@
25
25
  "access": "public",
26
26
  "directory": "dist"
27
27
  },
28
- "themesVersion": "14.0.0",
29
- "varsVersion": "10.0.0"
28
+ "themesVersion": "14.1.0",
29
+ "varsVersion": "10.1.0"
30
30
  }