@alfalab/core-components-product-cover 3.1.7 → 3.1.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.
@@ -8,11 +8,11 @@
8
8
  :root {
9
9
  --gap-0: 0px;
10
10
  }
11
- .product-cover__cardMack_csuq7 {
11
+ .product-cover__cardMack_gqnpg {
12
12
  background-color: var(--color-light-neutral-translucent-1300-inverted);
13
13
  border-radius: var(--border-radius-2);
14
14
  }
15
- .product-cover__cardImage_csuq7 {
15
+ .product-cover__cardImage_gqnpg {
16
16
  position: absolute;
17
17
  top: var(--gap-0);
18
18
  left: var(--gap-0);
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"cardMack":"product-cover__cardMack_csuq7","cardImage":"product-cover__cardImage_csuq7"};
5
+ var styles = {"cardMack":"product-cover__cardMack_gqnpg","cardImage":"product-cover__cardImage_gqnpg"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -5,7 +5,7 @@
5
5
  :root {
6
6
  --gap-0: 0px;
7
7
  }
8
- .product-cover__overlay_j8zpd {
8
+ .product-cover__overlay_1l56h {
9
9
  position: absolute;
10
10
  top: var(--gap-0);
11
11
  bottom: var(--gap-0);
@@ -16,12 +16,12 @@
16
16
  z-index: 3;
17
17
  opacity: 0;
18
18
  }
19
- .product-cover__visible_j8zpd {
19
+ .product-cover__visible_1l56h {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_j8zpd {
22
+ .product-cover__default_1l56h {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_j8zpd {
25
+ .product-cover__inverted_1l56h {
26
26
  background: var(--color-static-neutral-translucent-700);
27
27
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"overlay":"product-cover__overlay_j8zpd","visible":"product-cover__visible_j8zpd","default":"product-cover__default_j8zpd","inverted":"product-cover__inverted_j8zpd"};
5
+ var styles = {"overlay":"product-cover__overlay_1l56h","visible":"product-cover__visible_1l56h","default":"product-cover__default_1l56h","inverted":"product-cover__inverted_1l56h"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -5,37 +5,37 @@
5
5
  --gap-3xs: 2px;
6
6
  --gap-2: var(--gap-3xs);
7
7
  }
8
- .product-cover__component_nf3x4 {
8
+ .product-cover__component_1bslm {
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  z-index: 2;
12
12
  gap: var(--gap-2);
13
13
  }
14
- .product-cover__cardholderName_nf3x4 {
14
+ .product-cover__cardholderName_1bslm {
15
15
  -webkit-line-clamp: 1;
16
16
  display: -webkit-box;
17
17
  -webkit-box-orient: vertical;
18
18
  overflow: hidden;
19
19
  word-break: break-all;
20
20
  }
21
- .product-cover__cardNumber_nf3x4 {
21
+ .product-cover__cardNumber_1bslm {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 {
25
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm {
26
26
  margin-left: 5px;
27
27
  width: 24px;
28
28
  height: 24px;
29
29
  cursor: pointer;
30
30
  color: var(--color-static-text-primary-light);
31
31
  }
32
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:hover {
32
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:active {
35
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 > span {
38
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm > span {
39
39
  display: flex;
40
40
  align-items: center;
41
41
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"product-cover__component_nf3x4","cardholderName":"product-cover__cardholderName_nf3x4","cardNumber":"product-cover__cardNumber_nf3x4","buttonEye":"product-cover__buttonEye_nf3x4"};
5
+ var styles = {"component":"product-cover__component_1bslm","cardholderName":"product-cover__cardholderName_1bslm","cardNumber":"product-cover__cardNumber_1bslm","buttonEye":"product-cover__buttonEye_1bslm"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -8,11 +8,11 @@
8
8
  :root {
9
9
  --gap-0: 0px;
10
10
  }
11
- .product-cover__cardMack_csuq7 {
11
+ .product-cover__cardMack_gqnpg {
12
12
  background-color: var(--color-light-neutral-translucent-1300-inverted);
13
13
  border-radius: var(--border-radius-2);
14
14
  }
15
- .product-cover__cardImage_csuq7 {
15
+ .product-cover__cardImage_gqnpg {
16
16
  position: absolute;
17
17
  top: var(--gap-0);
18
18
  left: var(--gap-0);
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"cardMack":"product-cover__cardMack_csuq7","cardImage":"product-cover__cardImage_csuq7"};
3
+ var styles = {"cardMack":"product-cover__cardMack_gqnpg","cardImage":"product-cover__cardImage_gqnpg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -5,7 +5,7 @@
5
5
  :root {
6
6
  --gap-0: 0px;
7
7
  }
8
- .product-cover__overlay_j8zpd {
8
+ .product-cover__overlay_1l56h {
9
9
  position: absolute;
10
10
  top: var(--gap-0);
11
11
  bottom: var(--gap-0);
@@ -16,12 +16,12 @@
16
16
  z-index: 3;
17
17
  opacity: 0;
18
18
  }
19
- .product-cover__visible_j8zpd {
19
+ .product-cover__visible_1l56h {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_j8zpd {
22
+ .product-cover__default_1l56h {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_j8zpd {
25
+ .product-cover__inverted_1l56h {
26
26
  background: var(--color-static-neutral-translucent-700);
27
27
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"overlay":"product-cover__overlay_j8zpd","visible":"product-cover__visible_j8zpd","default":"product-cover__default_j8zpd","inverted":"product-cover__inverted_j8zpd"};
3
+ var styles = {"overlay":"product-cover__overlay_1l56h","visible":"product-cover__visible_1l56h","default":"product-cover__default_1l56h","inverted":"product-cover__inverted_1l56h"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -5,37 +5,37 @@
5
5
  --gap-3xs: 2px;
6
6
  --gap-2: var(--gap-3xs);
7
7
  }
8
- .product-cover__component_nf3x4 {
8
+ .product-cover__component_1bslm {
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  z-index: 2;
12
12
  gap: var(--gap-2);
13
13
  }
14
- .product-cover__cardholderName_nf3x4 {
14
+ .product-cover__cardholderName_1bslm {
15
15
  -webkit-line-clamp: 1;
16
16
  display: -webkit-box;
17
17
  -webkit-box-orient: vertical;
18
18
  overflow: hidden;
19
19
  word-break: break-all;
20
20
  }
21
- .product-cover__cardNumber_nf3x4 {
21
+ .product-cover__cardNumber_1bslm {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 {
25
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm {
26
26
  margin-left: 5px;
27
27
  width: 24px;
28
28
  height: 24px;
29
29
  cursor: pointer;
30
30
  color: var(--color-static-text-primary-light);
31
31
  }
32
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:hover {
32
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:active {
35
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 > span {
38
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm > span {
39
39
  display: flex;
40
40
  align-items: center;
41
41
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"product-cover__component_nf3x4","cardholderName":"product-cover__cardholderName_nf3x4","cardNumber":"product-cover__cardNumber_nf3x4","buttonEye":"product-cover__buttonEye_nf3x4"};
3
+ var styles = {"component":"product-cover__component_1bslm","cardholderName":"product-cover__cardholderName_1bslm","cardNumber":"product-cover__cardNumber_1bslm","buttonEye":"product-cover__buttonEye_1bslm"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -28,45 +28,45 @@
28
28
  --gap-12: var(--gap-s);
29
29
  --gap-16: var(--gap-m);
30
30
  }
31
- .product-cover__component_nksur {
31
+ .product-cover__component_ut4z3 {
32
32
  display: flex;
33
33
  align-items: flex-end;
34
34
  position: relative;
35
35
  background-color: var(--color-light-neutral-500);
36
36
  box-sizing: border-box;
37
37
  }
38
- .product-cover__component_nksur.product-cover__size-164_nksur {
38
+ .product-cover__component_ut4z3.product-cover__size-164_ut4z3 {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_nksur.product-cover__size-128_nksur {
42
+ .product-cover__component_ut4z3.product-cover__size-128_ut4z3 {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_nksur.product-cover__size-96_nksur {
46
+ .product-cover__component_ut4z3.product-cover__size-96_ut4z3 {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_nksur.product-cover__size-48_nksur,
51
- .product-cover__component_nksur.product-cover__size-40_nksur {
50
+ .product-cover__component_ut4z3.product-cover__size-48_ut4z3,
51
+ .product-cover__component_ut4z3.product-cover__size-40_ut4z3 {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_nksur.product-cover__size-32_nksur {
55
+ .product-cover__component_ut4z3.product-cover__size-32_ut4z3 {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_nksur.product-cover__size-16_nksur {
59
+ .product-cover__component_ut4z3.product-cover__size-16_ut4z3 {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_nksur {
62
+ .product-cover__icon_ut4z3 {
63
63
  position: absolute;
64
64
  top: 50%;
65
65
  left: 50%;
66
66
  transform: translate(-50%, -50%);
67
67
  z-index: 4;
68
68
  }
69
- .product-cover__border_nksur {
69
+ .product-cover__border_ut4z3 {
70
70
  position: absolute;
71
71
  top: var(--gap-0);
72
72
  bottom: var(--gap-0);
@@ -76,7 +76,7 @@
76
76
  pointer-events: none;
77
77
  z-index: 3;
78
78
  }
79
- .product-cover__contentAddons_nksur {
79
+ .product-cover__contentAddons_ut4z3 {
80
80
  width: 100%;
81
81
  height: 100%;
82
82
  z-index: 2;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"product-cover__component_nksur","size-164":"product-cover__size-164_nksur","size-128":"product-cover__size-128_nksur","size-96":"product-cover__size-96_nksur","size-48":"product-cover__size-48_nksur","size-40":"product-cover__size-40_nksur","size-32":"product-cover__size-32_nksur","size-16":"product-cover__size-16_nksur","icon":"product-cover__icon_nksur","border":"product-cover__border_nksur","contentAddons":"product-cover__contentAddons_nksur"};
3
+ var styles = {"component":"product-cover__component_ut4z3","size-164":"product-cover__size-164_ut4z3","size-128":"product-cover__size-128_ut4z3","size-96":"product-cover__size-96_ut4z3","size-48":"product-cover__size-48_ut4z3","size-40":"product-cover__size-40_ut4z3","size-32":"product-cover__size-32_ut4z3","size-16":"product-cover__size-16_ut4z3","icon":"product-cover__icon_ut4z3","border":"product-cover__border_ut4z3","contentAddons":"product-cover__contentAddons_ut4z3"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -10,66 +10,66 @@
10
10
  --gap-16: var(--gap-m);
11
11
  --gap-20-neg: var(--gap-l-neg);
12
12
  }
13
- .product-cover__wrapper_1jt13 {
13
+ .product-cover__wrapper_1dq1z {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_1jt13.product-cover__size-128_1jt13 {
18
+ .product-cover__wrapper_1dq1z.product-cover__size-128_1dq1z {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_1jt13.product-cover__size-40_1jt13 {
22
+ .product-cover__wrapper_1dq1z.product-cover__size-40_1dq1z {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_1jt13.product-cover__size-32_1jt13 {
26
+ .product-cover__wrapper_1dq1z.product-cover__size-32_1dq1z {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_1jt13.product-cover__size-16_1jt13 {
30
+ .product-cover__wrapper_1dq1z.product-cover__size-16_1dq1z {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
34
+ .product-cover__wrapper_1dq1z.product-cover__size-40_1dq1z.product-cover__bottom_1dq1z {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_1jt13 {
38
+ .product-cover__componentImage_1dq1z {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_1jt13.product-cover__size-128_1jt13 {
41
+ .product-cover__componentStack_1dq1z.product-cover__size-128_1dq1z {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_1jt13 {
44
+ .product-cover__firstCard_1dq1z {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_1jt13.product-cover__size-32_1jt13 {
47
+ .product-cover__firstCard_1dq1z.product-cover__size-32_1dq1z {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
50
+ .product-cover__firstCard_1dq1z.product-cover__size-40_1dq1z.product-cover__bottom_1dq1z {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-128_1jt13 {
54
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-128_1dq1z {
55
55
  width: 213px;
56
56
  padding-left: var(--gap-8);
57
57
  margin-top: 18px;
58
58
  margin-left: -221px;
59
59
  }
60
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13 {
60
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-40_1dq1z {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-32_1jt13 {
64
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-32_1dq1z {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-16_1jt13 {
68
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-16_1dq1z {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
72
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-40_1dq1z.product-cover__bottom_1dq1z {
73
73
  margin-top: var(--gap-16);
74
74
  margin-left: -58px;
75
75
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"wrapper":"product-cover__wrapper_1jt13","size-128":"product-cover__size-128_1jt13","size-40":"product-cover__size-40_1jt13","size-32":"product-cover__size-32_1jt13","size-16":"product-cover__size-16_1jt13","bottom":"product-cover__bottom_1jt13","componentImage":"product-cover__componentImage_1jt13","componentStack":"product-cover__componentStack_1jt13","firstCard":"product-cover__firstCard_1jt13","wrapperSecondCard":"product-cover__wrapperSecondCard_1jt13"};
3
+ var styles = {"wrapper":"product-cover__wrapper_1dq1z","size-128":"product-cover__size-128_1dq1z","size-40":"product-cover__size-40_1dq1z","size-32":"product-cover__size-32_1dq1z","size-16":"product-cover__size-16_1dq1z","bottom":"product-cover__bottom_1dq1z","componentImage":"product-cover__componentImage_1dq1z","componentStack":"product-cover__componentStack_1dq1z","firstCard":"product-cover__firstCard_1dq1z","wrapperSecondCard":"product-cover__wrapperSecondCard_1dq1z"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -8,11 +8,11 @@
8
8
  :root {
9
9
  --gap-0: 0px;
10
10
  }
11
- .product-cover__cardMack_csuq7 {
11
+ .product-cover__cardMack_gqnpg {
12
12
  background-color: var(--color-light-neutral-translucent-1300-inverted);
13
13
  border-radius: var(--border-radius-2);
14
14
  }
15
- .product-cover__cardImage_csuq7 {
15
+ .product-cover__cardImage_gqnpg {
16
16
  position: absolute;
17
17
  top: var(--gap-0);
18
18
  left: var(--gap-0);
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"cardMack":"product-cover__cardMack_csuq7","cardImage":"product-cover__cardImage_csuq7"};
3
+ const styles = {"cardMack":"product-cover__cardMack_gqnpg","cardImage":"product-cover__cardImage_gqnpg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -5,7 +5,7 @@
5
5
  :root {
6
6
  --gap-0: 0px;
7
7
  }
8
- .product-cover__overlay_j8zpd {
8
+ .product-cover__overlay_1l56h {
9
9
  position: absolute;
10
10
  top: var(--gap-0);
11
11
  bottom: var(--gap-0);
@@ -16,12 +16,12 @@
16
16
  z-index: 3;
17
17
  opacity: 0;
18
18
  }
19
- .product-cover__visible_j8zpd {
19
+ .product-cover__visible_1l56h {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_j8zpd {
22
+ .product-cover__default_1l56h {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_j8zpd {
25
+ .product-cover__inverted_1l56h {
26
26
  background: var(--color-static-neutral-translucent-700);
27
27
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"overlay":"product-cover__overlay_j8zpd","visible":"product-cover__visible_j8zpd","default":"product-cover__default_j8zpd","inverted":"product-cover__inverted_j8zpd"};
3
+ const styles = {"overlay":"product-cover__overlay_1l56h","visible":"product-cover__visible_1l56h","default":"product-cover__default_1l56h","inverted":"product-cover__inverted_1l56h"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -5,37 +5,37 @@
5
5
  --gap-3xs: 2px;
6
6
  --gap-2: var(--gap-3xs);
7
7
  }
8
- .product-cover__component_nf3x4 {
8
+ .product-cover__component_1bslm {
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  z-index: 2;
12
12
  gap: var(--gap-2);
13
13
  }
14
- .product-cover__cardholderName_nf3x4 {
14
+ .product-cover__cardholderName_1bslm {
15
15
  -webkit-line-clamp: 1;
16
16
  display: -webkit-box;
17
17
  -webkit-box-orient: vertical;
18
18
  overflow: hidden;
19
19
  word-break: break-all;
20
20
  }
21
- .product-cover__cardNumber_nf3x4 {
21
+ .product-cover__cardNumber_1bslm {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 {
25
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm {
26
26
  margin-left: 5px;
27
27
  width: 24px;
28
28
  height: 24px;
29
29
  cursor: pointer;
30
30
  color: var(--color-static-text-primary-light);
31
31
  }
32
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:hover {
32
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:active {
35
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 > span {
38
+ .product-cover__buttonEye_1bslm.product-cover__buttonEye_1bslm > span {
39
39
  display: flex;
40
40
  align-items: center;
41
41
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"product-cover__component_nf3x4","cardholderName":"product-cover__cardholderName_nf3x4","cardNumber":"product-cover__cardNumber_nf3x4","buttonEye":"product-cover__buttonEye_nf3x4"};
3
+ const styles = {"component":"product-cover__component_1bslm","cardholderName":"product-cover__cardholderName_1bslm","cardNumber":"product-cover__cardNumber_1bslm","buttonEye":"product-cover__buttonEye_1bslm"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -28,45 +28,45 @@
28
28
  --gap-12: var(--gap-s);
29
29
  --gap-16: var(--gap-m);
30
30
  }
31
- .product-cover__component_nksur {
31
+ .product-cover__component_ut4z3 {
32
32
  display: flex;
33
33
  align-items: flex-end;
34
34
  position: relative;
35
35
  background-color: var(--color-light-neutral-500);
36
36
  box-sizing: border-box;
37
37
  }
38
- .product-cover__component_nksur.product-cover__size-164_nksur {
38
+ .product-cover__component_ut4z3.product-cover__size-164_ut4z3 {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_nksur.product-cover__size-128_nksur {
42
+ .product-cover__component_ut4z3.product-cover__size-128_ut4z3 {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_nksur.product-cover__size-96_nksur {
46
+ .product-cover__component_ut4z3.product-cover__size-96_ut4z3 {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_nksur.product-cover__size-48_nksur,
51
- .product-cover__component_nksur.product-cover__size-40_nksur {
50
+ .product-cover__component_ut4z3.product-cover__size-48_ut4z3,
51
+ .product-cover__component_ut4z3.product-cover__size-40_ut4z3 {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_nksur.product-cover__size-32_nksur {
55
+ .product-cover__component_ut4z3.product-cover__size-32_ut4z3 {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_nksur.product-cover__size-16_nksur {
59
+ .product-cover__component_ut4z3.product-cover__size-16_ut4z3 {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_nksur {
62
+ .product-cover__icon_ut4z3 {
63
63
  position: absolute;
64
64
  top: 50%;
65
65
  left: 50%;
66
66
  transform: translate(-50%, -50%);
67
67
  z-index: 4;
68
68
  }
69
- .product-cover__border_nksur {
69
+ .product-cover__border_ut4z3 {
70
70
  position: absolute;
71
71
  top: var(--gap-0);
72
72
  bottom: var(--gap-0);
@@ -76,7 +76,7 @@
76
76
  pointer-events: none;
77
77
  z-index: 3;
78
78
  }
79
- .product-cover__contentAddons_nksur {
79
+ .product-cover__contentAddons_ut4z3 {
80
80
  width: 100%;
81
81
  height: 100%;
82
82
  z-index: 2;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"product-cover__component_nksur","size-164":"product-cover__size-164_nksur","size-128":"product-cover__size-128_nksur","size-96":"product-cover__size-96_nksur","size-48":"product-cover__size-48_nksur","size-40":"product-cover__size-40_nksur","size-32":"product-cover__size-32_nksur","size-16":"product-cover__size-16_nksur","icon":"product-cover__icon_nksur","border":"product-cover__border_nksur","contentAddons":"product-cover__contentAddons_nksur"};
3
+ const styles = {"component":"product-cover__component_ut4z3","size-164":"product-cover__size-164_ut4z3","size-128":"product-cover__size-128_ut4z3","size-96":"product-cover__size-96_ut4z3","size-48":"product-cover__size-48_ut4z3","size-40":"product-cover__size-40_ut4z3","size-32":"product-cover__size-32_ut4z3","size-16":"product-cover__size-16_ut4z3","icon":"product-cover__icon_ut4z3","border":"product-cover__border_ut4z3","contentAddons":"product-cover__contentAddons_ut4z3"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -10,66 +10,66 @@
10
10
  --gap-16: var(--gap-m);
11
11
  --gap-20-neg: var(--gap-l-neg);
12
12
  }
13
- .product-cover__wrapper_1jt13 {
13
+ .product-cover__wrapper_1dq1z {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_1jt13.product-cover__size-128_1jt13 {
18
+ .product-cover__wrapper_1dq1z.product-cover__size-128_1dq1z {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_1jt13.product-cover__size-40_1jt13 {
22
+ .product-cover__wrapper_1dq1z.product-cover__size-40_1dq1z {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_1jt13.product-cover__size-32_1jt13 {
26
+ .product-cover__wrapper_1dq1z.product-cover__size-32_1dq1z {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_1jt13.product-cover__size-16_1jt13 {
30
+ .product-cover__wrapper_1dq1z.product-cover__size-16_1dq1z {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
34
+ .product-cover__wrapper_1dq1z.product-cover__size-40_1dq1z.product-cover__bottom_1dq1z {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_1jt13 {
38
+ .product-cover__componentImage_1dq1z {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_1jt13.product-cover__size-128_1jt13 {
41
+ .product-cover__componentStack_1dq1z.product-cover__size-128_1dq1z {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_1jt13 {
44
+ .product-cover__firstCard_1dq1z {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_1jt13.product-cover__size-32_1jt13 {
47
+ .product-cover__firstCard_1dq1z.product-cover__size-32_1dq1z {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
50
+ .product-cover__firstCard_1dq1z.product-cover__size-40_1dq1z.product-cover__bottom_1dq1z {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-128_1jt13 {
54
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-128_1dq1z {
55
55
  width: 213px;
56
56
  padding-left: var(--gap-8);
57
57
  margin-top: 18px;
58
58
  margin-left: -221px;
59
59
  }
60
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13 {
60
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-40_1dq1z {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-32_1jt13 {
64
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-32_1dq1z {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-16_1jt13 {
68
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-16_1dq1z {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
72
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-40_1dq1z.product-cover__bottom_1dq1z {
73
73
  margin-top: var(--gap-16);
74
74
  margin-left: -58px;
75
75
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"wrapper":"product-cover__wrapper_1jt13","size-128":"product-cover__size-128_1jt13","size-40":"product-cover__size-40_1jt13","size-32":"product-cover__size-32_1jt13","size-16":"product-cover__size-16_1jt13","bottom":"product-cover__bottom_1jt13","componentImage":"product-cover__componentImage_1jt13","componentStack":"product-cover__componentStack_1jt13","firstCard":"product-cover__firstCard_1jt13","wrapperSecondCard":"product-cover__wrapperSecondCard_1jt13"};
3
+ const styles = {"wrapper":"product-cover__wrapper_1dq1z","size-128":"product-cover__size-128_1dq1z","size-40":"product-cover__size-40_1dq1z","size-32":"product-cover__size-32_1dq1z","size-16":"product-cover__size-16_1dq1z","bottom":"product-cover__bottom_1dq1z","componentImage":"product-cover__componentImage_1dq1z","componentStack":"product-cover__componentStack_1dq1z","firstCard":"product-cover__firstCard_1dq1z","wrapperSecondCard":"product-cover__wrapperSecondCard_1dq1z"};
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-product-cover",
3
- "version": "3.1.7",
3
+ "version": "3.1.8",
4
4
  "description": "ProductCover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -15,7 +15,7 @@
15
15
  "dependencies": {
16
16
  "@alfalab/core-components-button": "^13.1.3",
17
17
  "@alfalab/core-components-shared": "^2.2.0",
18
- "@alfalab/core-components-typography": "^6.0.5",
18
+ "@alfalab/core-components-typography": "^6.0.6",
19
19
  "@alfalab/hooks": "^1.13.1",
20
20
  "@alfalab/icons-glyph": "^2.260.0",
21
21
  "@alfalab/utils": "^1.18.0",
@@ -31,5 +31,5 @@
31
31
  "directory": "dist"
32
32
  },
33
33
  "themesVersion": "15.1.0",
34
- "varsVersion": "11.0.2"
34
+ "varsVersion": "11.1.0"
35
35
  }
package/single/index.css CHANGED
@@ -28,45 +28,45 @@
28
28
  --gap-12: var(--gap-s);
29
29
  --gap-16: var(--gap-m);
30
30
  }
31
- .product-cover__component_nksur {
31
+ .product-cover__component_ut4z3 {
32
32
  display: flex;
33
33
  align-items: flex-end;
34
34
  position: relative;
35
35
  background-color: var(--color-light-neutral-500);
36
36
  box-sizing: border-box;
37
37
  }
38
- .product-cover__component_nksur.product-cover__size-164_nksur {
38
+ .product-cover__component_ut4z3.product-cover__size-164_ut4z3 {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_nksur.product-cover__size-128_nksur {
42
+ .product-cover__component_ut4z3.product-cover__size-128_ut4z3 {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_nksur.product-cover__size-96_nksur {
46
+ .product-cover__component_ut4z3.product-cover__size-96_ut4z3 {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_nksur.product-cover__size-48_nksur,
51
- .product-cover__component_nksur.product-cover__size-40_nksur {
50
+ .product-cover__component_ut4z3.product-cover__size-48_ut4z3,
51
+ .product-cover__component_ut4z3.product-cover__size-40_ut4z3 {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_nksur.product-cover__size-32_nksur {
55
+ .product-cover__component_ut4z3.product-cover__size-32_ut4z3 {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_nksur.product-cover__size-16_nksur {
59
+ .product-cover__component_ut4z3.product-cover__size-16_ut4z3 {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_nksur {
62
+ .product-cover__icon_ut4z3 {
63
63
  position: absolute;
64
64
  top: 50%;
65
65
  left: 50%;
66
66
  transform: translate(-50%, -50%);
67
67
  z-index: 4;
68
68
  }
69
- .product-cover__border_nksur {
69
+ .product-cover__border_ut4z3 {
70
70
  position: absolute;
71
71
  top: var(--gap-0);
72
72
  bottom: var(--gap-0);
@@ -76,7 +76,7 @@
76
76
  pointer-events: none;
77
77
  z-index: 3;
78
78
  }
79
- .product-cover__contentAddons_nksur {
79
+ .product-cover__contentAddons_ut4z3 {
80
80
  width: 100%;
81
81
  height: 100%;
82
82
  z-index: 2;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"product-cover__component_nksur","size-164":"product-cover__size-164_nksur","size-128":"product-cover__size-128_nksur","size-96":"product-cover__size-96_nksur","size-48":"product-cover__size-48_nksur","size-40":"product-cover__size-40_nksur","size-32":"product-cover__size-32_nksur","size-16":"product-cover__size-16_nksur","icon":"product-cover__icon_nksur","border":"product-cover__border_nksur","contentAddons":"product-cover__contentAddons_nksur"};
5
+ var styles = {"component":"product-cover__component_ut4z3","size-164":"product-cover__size-164_ut4z3","size-128":"product-cover__size-128_ut4z3","size-96":"product-cover__size-96_ut4z3","size-48":"product-cover__size-48_ut4z3","size-40":"product-cover__size-40_ut4z3","size-32":"product-cover__size-32_ut4z3","size-16":"product-cover__size-16_ut4z3","icon":"product-cover__icon_ut4z3","border":"product-cover__border_ut4z3","contentAddons":"product-cover__contentAddons_ut4z3"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/stack/index.css CHANGED
@@ -10,66 +10,66 @@
10
10
  --gap-16: var(--gap-m);
11
11
  --gap-20-neg: var(--gap-l-neg);
12
12
  }
13
- .product-cover__wrapper_1jt13 {
13
+ .product-cover__wrapper_1dq1z {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_1jt13.product-cover__size-128_1jt13 {
18
+ .product-cover__wrapper_1dq1z.product-cover__size-128_1dq1z {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_1jt13.product-cover__size-40_1jt13 {
22
+ .product-cover__wrapper_1dq1z.product-cover__size-40_1dq1z {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_1jt13.product-cover__size-32_1jt13 {
26
+ .product-cover__wrapper_1dq1z.product-cover__size-32_1dq1z {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_1jt13.product-cover__size-16_1jt13 {
30
+ .product-cover__wrapper_1dq1z.product-cover__size-16_1dq1z {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
34
+ .product-cover__wrapper_1dq1z.product-cover__size-40_1dq1z.product-cover__bottom_1dq1z {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_1jt13 {
38
+ .product-cover__componentImage_1dq1z {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_1jt13.product-cover__size-128_1jt13 {
41
+ .product-cover__componentStack_1dq1z.product-cover__size-128_1dq1z {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_1jt13 {
44
+ .product-cover__firstCard_1dq1z {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_1jt13.product-cover__size-32_1jt13 {
47
+ .product-cover__firstCard_1dq1z.product-cover__size-32_1dq1z {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
50
+ .product-cover__firstCard_1dq1z.product-cover__size-40_1dq1z.product-cover__bottom_1dq1z {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-128_1jt13 {
54
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-128_1dq1z {
55
55
  width: 213px;
56
56
  padding-left: var(--gap-8);
57
57
  margin-top: 18px;
58
58
  margin-left: -221px;
59
59
  }
60
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13 {
60
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-40_1dq1z {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-32_1jt13 {
64
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-32_1dq1z {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-16_1jt13 {
68
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-16_1dq1z {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
72
+ .product-cover__wrapperSecondCard_1dq1z.product-cover__size-40_1dq1z.product-cover__bottom_1dq1z {
73
73
  margin-top: var(--gap-16);
74
74
  margin-left: -58px;
75
75
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"wrapper":"product-cover__wrapper_1jt13","size-128":"product-cover__size-128_1jt13","size-40":"product-cover__size-40_1jt13","size-32":"product-cover__size-32_1jt13","size-16":"product-cover__size-16_1jt13","bottom":"product-cover__bottom_1jt13","componentImage":"product-cover__componentImage_1jt13","componentStack":"product-cover__componentStack_1jt13","firstCard":"product-cover__firstCard_1jt13","wrapperSecondCard":"product-cover__wrapperSecondCard_1jt13"};
5
+ var styles = {"wrapper":"product-cover__wrapper_1dq1z","size-128":"product-cover__size-128_1dq1z","size-40":"product-cover__size-40_1dq1z","size-32":"product-cover__size-32_1dq1z","size-16":"product-cover__size-16_1dq1z","bottom":"product-cover__bottom_1dq1z","componentImage":"product-cover__componentImage_1dq1z","componentStack":"product-cover__componentStack_1dq1z","firstCard":"product-cover__firstCard_1dq1z","wrapperSecondCard":"product-cover__wrapperSecondCard_1dq1z"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map