@alfalab/core-components-product-cover 3.1.6 → 3.1.7

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_1naeu {
11
+ .product-cover__cardMack_csuq7 {
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_1naeu {
15
+ .product-cover__cardImage_csuq7 {
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_1naeu","cardImage":"product-cover__cardImage_1naeu"};
5
+ var styles = {"cardMack":"product-cover__cardMack_csuq7","cardImage":"product-cover__cardImage_csuq7"};
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_trsvb {
8
+ .product-cover__overlay_j8zpd {
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_trsvb {
19
+ .product-cover__visible_j8zpd {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_trsvb {
22
+ .product-cover__default_j8zpd {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_trsvb {
25
+ .product-cover__inverted_j8zpd {
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_trsvb","visible":"product-cover__visible_trsvb","default":"product-cover__default_trsvb","inverted":"product-cover__inverted_trsvb"};
5
+ var styles = {"overlay":"product-cover__overlay_j8zpd","visible":"product-cover__visible_j8zpd","default":"product-cover__default_j8zpd","inverted":"product-cover__inverted_j8zpd"};
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_16hoy {
8
+ .product-cover__component_nf3x4 {
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_16hoy {
14
+ .product-cover__cardholderName_nf3x4 {
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_16hoy {
21
+ .product-cover__cardNumber_nf3x4 {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_16hoy.product-cover__buttonEye_16hoy {
25
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 {
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_16hoy.product-cover__buttonEye_16hoy:hover {
32
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_16hoy.product-cover__buttonEye_16hoy:active {
35
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_16hoy.product-cover__buttonEye_16hoy > span {
38
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 > 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_16hoy","cardholderName":"product-cover__cardholderName_16hoy","cardNumber":"product-cover__cardNumber_16hoy","buttonEye":"product-cover__buttonEye_16hoy"};
5
+ var styles = {"component":"product-cover__component_nf3x4","cardholderName":"product-cover__cardholderName_nf3x4","cardNumber":"product-cover__cardNumber_nf3x4","buttonEye":"product-cover__buttonEye_nf3x4"};
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_1naeu {
11
+ .product-cover__cardMack_csuq7 {
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_1naeu {
15
+ .product-cover__cardImage_csuq7 {
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_1naeu","cardImage":"product-cover__cardImage_1naeu"};
3
+ var styles = {"cardMack":"product-cover__cardMack_csuq7","cardImage":"product-cover__cardImage_csuq7"};
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_trsvb {
8
+ .product-cover__overlay_j8zpd {
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_trsvb {
19
+ .product-cover__visible_j8zpd {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_trsvb {
22
+ .product-cover__default_j8zpd {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_trsvb {
25
+ .product-cover__inverted_j8zpd {
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_trsvb","visible":"product-cover__visible_trsvb","default":"product-cover__default_trsvb","inverted":"product-cover__inverted_trsvb"};
3
+ var styles = {"overlay":"product-cover__overlay_j8zpd","visible":"product-cover__visible_j8zpd","default":"product-cover__default_j8zpd","inverted":"product-cover__inverted_j8zpd"};
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_16hoy {
8
+ .product-cover__component_nf3x4 {
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_16hoy {
14
+ .product-cover__cardholderName_nf3x4 {
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_16hoy {
21
+ .product-cover__cardNumber_nf3x4 {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_16hoy.product-cover__buttonEye_16hoy {
25
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 {
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_16hoy.product-cover__buttonEye_16hoy:hover {
32
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_16hoy.product-cover__buttonEye_16hoy:active {
35
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_16hoy.product-cover__buttonEye_16hoy > span {
38
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 > 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_16hoy","cardholderName":"product-cover__cardholderName_16hoy","cardNumber":"product-cover__cardNumber_16hoy","buttonEye":"product-cover__buttonEye_16hoy"};
3
+ var styles = {"component":"product-cover__component_nf3x4","cardholderName":"product-cover__cardholderName_nf3x4","cardNumber":"product-cover__cardNumber_nf3x4","buttonEye":"product-cover__buttonEye_nf3x4"};
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_d1zot {
31
+ .product-cover__component_nksur {
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_d1zot.product-cover__size-164_d1zot {
38
+ .product-cover__component_nksur.product-cover__size-164_nksur {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_d1zot.product-cover__size-128_d1zot {
42
+ .product-cover__component_nksur.product-cover__size-128_nksur {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_d1zot.product-cover__size-96_d1zot {
46
+ .product-cover__component_nksur.product-cover__size-96_nksur {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_d1zot.product-cover__size-48_d1zot,
51
- .product-cover__component_d1zot.product-cover__size-40_d1zot {
50
+ .product-cover__component_nksur.product-cover__size-48_nksur,
51
+ .product-cover__component_nksur.product-cover__size-40_nksur {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_d1zot.product-cover__size-32_d1zot {
55
+ .product-cover__component_nksur.product-cover__size-32_nksur {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_d1zot.product-cover__size-16_d1zot {
59
+ .product-cover__component_nksur.product-cover__size-16_nksur {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_d1zot {
62
+ .product-cover__icon_nksur {
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_d1zot {
69
+ .product-cover__border_nksur {
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_d1zot {
79
+ .product-cover__contentAddons_nksur {
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_d1zot","size-164":"product-cover__size-164_d1zot","size-128":"product-cover__size-128_d1zot","size-96":"product-cover__size-96_d1zot","size-48":"product-cover__size-48_d1zot","size-40":"product-cover__size-40_d1zot","size-32":"product-cover__size-32_d1zot","size-16":"product-cover__size-16_d1zot","icon":"product-cover__icon_d1zot","border":"product-cover__border_d1zot","contentAddons":"product-cover__contentAddons_d1zot"};
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"};
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_13t90 {
13
+ .product-cover__wrapper_1jt13 {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_13t90.product-cover__size-128_13t90 {
18
+ .product-cover__wrapper_1jt13.product-cover__size-128_1jt13 {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_13t90.product-cover__size-40_13t90 {
22
+ .product-cover__wrapper_1jt13.product-cover__size-40_1jt13 {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_13t90.product-cover__size-32_13t90 {
26
+ .product-cover__wrapper_1jt13.product-cover__size-32_1jt13 {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_13t90.product-cover__size-16_13t90 {
30
+ .product-cover__wrapper_1jt13.product-cover__size-16_1jt13 {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_13t90.product-cover__size-40_13t90.product-cover__bottom_13t90 {
34
+ .product-cover__wrapper_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_13t90 {
38
+ .product-cover__componentImage_1jt13 {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_13t90.product-cover__size-128_13t90 {
41
+ .product-cover__componentStack_1jt13.product-cover__size-128_1jt13 {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_13t90 {
44
+ .product-cover__firstCard_1jt13 {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_13t90.product-cover__size-32_13t90 {
47
+ .product-cover__firstCard_1jt13.product-cover__size-32_1jt13 {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_13t90.product-cover__size-40_13t90.product-cover__bottom_13t90 {
50
+ .product-cover__firstCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_13t90.product-cover__size-128_13t90 {
54
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-128_1jt13 {
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_13t90.product-cover__size-40_13t90 {
60
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13 {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_13t90.product-cover__size-32_13t90 {
64
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-32_1jt13 {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_13t90.product-cover__size-16_13t90 {
68
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-16_1jt13 {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_13t90.product-cover__size-40_13t90.product-cover__bottom_13t90 {
72
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
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_13t90","size-128":"product-cover__size-128_13t90","size-40":"product-cover__size-40_13t90","size-32":"product-cover__size-32_13t90","size-16":"product-cover__size-16_13t90","bottom":"product-cover__bottom_13t90","componentImage":"product-cover__componentImage_13t90","componentStack":"product-cover__componentStack_13t90","firstCard":"product-cover__firstCard_13t90","wrapperSecondCard":"product-cover__wrapperSecondCard_13t90"};
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"};
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_1naeu {
11
+ .product-cover__cardMack_csuq7 {
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_1naeu {
15
+ .product-cover__cardImage_csuq7 {
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_1naeu","cardImage":"product-cover__cardImage_1naeu"};
3
+ const styles = {"cardMack":"product-cover__cardMack_csuq7","cardImage":"product-cover__cardImage_csuq7"};
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_trsvb {
8
+ .product-cover__overlay_j8zpd {
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_trsvb {
19
+ .product-cover__visible_j8zpd {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_trsvb {
22
+ .product-cover__default_j8zpd {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_trsvb {
25
+ .product-cover__inverted_j8zpd {
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_trsvb","visible":"product-cover__visible_trsvb","default":"product-cover__default_trsvb","inverted":"product-cover__inverted_trsvb"};
3
+ const styles = {"overlay":"product-cover__overlay_j8zpd","visible":"product-cover__visible_j8zpd","default":"product-cover__default_j8zpd","inverted":"product-cover__inverted_j8zpd"};
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_16hoy {
8
+ .product-cover__component_nf3x4 {
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_16hoy {
14
+ .product-cover__cardholderName_nf3x4 {
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_16hoy {
21
+ .product-cover__cardNumber_nf3x4 {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_16hoy.product-cover__buttonEye_16hoy {
25
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 {
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_16hoy.product-cover__buttonEye_16hoy:hover {
32
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_16hoy.product-cover__buttonEye_16hoy:active {
35
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_16hoy.product-cover__buttonEye_16hoy > span {
38
+ .product-cover__buttonEye_nf3x4.product-cover__buttonEye_nf3x4 > 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_16hoy","cardholderName":"product-cover__cardholderName_16hoy","cardNumber":"product-cover__cardNumber_16hoy","buttonEye":"product-cover__buttonEye_16hoy"};
3
+ const styles = {"component":"product-cover__component_nf3x4","cardholderName":"product-cover__cardholderName_nf3x4","cardNumber":"product-cover__cardNumber_nf3x4","buttonEye":"product-cover__buttonEye_nf3x4"};
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_d1zot {
31
+ .product-cover__component_nksur {
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_d1zot.product-cover__size-164_d1zot {
38
+ .product-cover__component_nksur.product-cover__size-164_nksur {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_d1zot.product-cover__size-128_d1zot {
42
+ .product-cover__component_nksur.product-cover__size-128_nksur {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_d1zot.product-cover__size-96_d1zot {
46
+ .product-cover__component_nksur.product-cover__size-96_nksur {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_d1zot.product-cover__size-48_d1zot,
51
- .product-cover__component_d1zot.product-cover__size-40_d1zot {
50
+ .product-cover__component_nksur.product-cover__size-48_nksur,
51
+ .product-cover__component_nksur.product-cover__size-40_nksur {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_d1zot.product-cover__size-32_d1zot {
55
+ .product-cover__component_nksur.product-cover__size-32_nksur {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_d1zot.product-cover__size-16_d1zot {
59
+ .product-cover__component_nksur.product-cover__size-16_nksur {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_d1zot {
62
+ .product-cover__icon_nksur {
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_d1zot {
69
+ .product-cover__border_nksur {
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_d1zot {
79
+ .product-cover__contentAddons_nksur {
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_d1zot","size-164":"product-cover__size-164_d1zot","size-128":"product-cover__size-128_d1zot","size-96":"product-cover__size-96_d1zot","size-48":"product-cover__size-48_d1zot","size-40":"product-cover__size-40_d1zot","size-32":"product-cover__size-32_d1zot","size-16":"product-cover__size-16_d1zot","icon":"product-cover__icon_d1zot","border":"product-cover__border_d1zot","contentAddons":"product-cover__contentAddons_d1zot"};
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"};
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_13t90 {
13
+ .product-cover__wrapper_1jt13 {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_13t90.product-cover__size-128_13t90 {
18
+ .product-cover__wrapper_1jt13.product-cover__size-128_1jt13 {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_13t90.product-cover__size-40_13t90 {
22
+ .product-cover__wrapper_1jt13.product-cover__size-40_1jt13 {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_13t90.product-cover__size-32_13t90 {
26
+ .product-cover__wrapper_1jt13.product-cover__size-32_1jt13 {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_13t90.product-cover__size-16_13t90 {
30
+ .product-cover__wrapper_1jt13.product-cover__size-16_1jt13 {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_13t90.product-cover__size-40_13t90.product-cover__bottom_13t90 {
34
+ .product-cover__wrapper_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_13t90 {
38
+ .product-cover__componentImage_1jt13 {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_13t90.product-cover__size-128_13t90 {
41
+ .product-cover__componentStack_1jt13.product-cover__size-128_1jt13 {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_13t90 {
44
+ .product-cover__firstCard_1jt13 {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_13t90.product-cover__size-32_13t90 {
47
+ .product-cover__firstCard_1jt13.product-cover__size-32_1jt13 {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_13t90.product-cover__size-40_13t90.product-cover__bottom_13t90 {
50
+ .product-cover__firstCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_13t90.product-cover__size-128_13t90 {
54
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-128_1jt13 {
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_13t90.product-cover__size-40_13t90 {
60
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13 {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_13t90.product-cover__size-32_13t90 {
64
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-32_1jt13 {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_13t90.product-cover__size-16_13t90 {
68
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-16_1jt13 {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_13t90.product-cover__size-40_13t90.product-cover__bottom_13t90 {
72
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
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_13t90","size-128":"product-cover__size-128_13t90","size-40":"product-cover__size-40_13t90","size-32":"product-cover__size-32_13t90","size-16":"product-cover__size-16_13t90","bottom":"product-cover__bottom_13t90","componentImage":"product-cover__componentImage_13t90","componentStack":"product-cover__componentStack_13t90","firstCard":"product-cover__firstCard_13t90","wrapperSecondCard":"product-cover__wrapperSecondCard_13t90"};
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"};
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.6",
3
+ "version": "3.1.7",
4
4
  "description": "ProductCover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,9 +13,9 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-button": "^13.1.2",
17
- "@alfalab/core-components-shared": "^2.1.1",
18
- "@alfalab/core-components-typography": "^6.0.4",
16
+ "@alfalab/core-components-button": "^13.1.3",
17
+ "@alfalab/core-components-shared": "^2.2.0",
18
+ "@alfalab/core-components-typography": "^6.0.5",
19
19
  "@alfalab/hooks": "^1.13.1",
20
20
  "@alfalab/icons-glyph": "^2.260.0",
21
21
  "@alfalab/utils": "^1.18.0",
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_d1zot {
31
+ .product-cover__component_nksur {
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_d1zot.product-cover__size-164_d1zot {
38
+ .product-cover__component_nksur.product-cover__size-164_nksur {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_d1zot.product-cover__size-128_d1zot {
42
+ .product-cover__component_nksur.product-cover__size-128_nksur {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_d1zot.product-cover__size-96_d1zot {
46
+ .product-cover__component_nksur.product-cover__size-96_nksur {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_d1zot.product-cover__size-48_d1zot,
51
- .product-cover__component_d1zot.product-cover__size-40_d1zot {
50
+ .product-cover__component_nksur.product-cover__size-48_nksur,
51
+ .product-cover__component_nksur.product-cover__size-40_nksur {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_d1zot.product-cover__size-32_d1zot {
55
+ .product-cover__component_nksur.product-cover__size-32_nksur {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_d1zot.product-cover__size-16_d1zot {
59
+ .product-cover__component_nksur.product-cover__size-16_nksur {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_d1zot {
62
+ .product-cover__icon_nksur {
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_d1zot {
69
+ .product-cover__border_nksur {
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_d1zot {
79
+ .product-cover__contentAddons_nksur {
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_d1zot","size-164":"product-cover__size-164_d1zot","size-128":"product-cover__size-128_d1zot","size-96":"product-cover__size-96_d1zot","size-48":"product-cover__size-48_d1zot","size-40":"product-cover__size-40_d1zot","size-32":"product-cover__size-32_d1zot","size-16":"product-cover__size-16_d1zot","icon":"product-cover__icon_d1zot","border":"product-cover__border_d1zot","contentAddons":"product-cover__contentAddons_d1zot"};
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"};
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_13t90 {
13
+ .product-cover__wrapper_1jt13 {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_13t90.product-cover__size-128_13t90 {
18
+ .product-cover__wrapper_1jt13.product-cover__size-128_1jt13 {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_13t90.product-cover__size-40_13t90 {
22
+ .product-cover__wrapper_1jt13.product-cover__size-40_1jt13 {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_13t90.product-cover__size-32_13t90 {
26
+ .product-cover__wrapper_1jt13.product-cover__size-32_1jt13 {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_13t90.product-cover__size-16_13t90 {
30
+ .product-cover__wrapper_1jt13.product-cover__size-16_1jt13 {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_13t90.product-cover__size-40_13t90.product-cover__bottom_13t90 {
34
+ .product-cover__wrapper_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_13t90 {
38
+ .product-cover__componentImage_1jt13 {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_13t90.product-cover__size-128_13t90 {
41
+ .product-cover__componentStack_1jt13.product-cover__size-128_1jt13 {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_13t90 {
44
+ .product-cover__firstCard_1jt13 {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_13t90.product-cover__size-32_13t90 {
47
+ .product-cover__firstCard_1jt13.product-cover__size-32_1jt13 {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_13t90.product-cover__size-40_13t90.product-cover__bottom_13t90 {
50
+ .product-cover__firstCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_13t90.product-cover__size-128_13t90 {
54
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-128_1jt13 {
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_13t90.product-cover__size-40_13t90 {
60
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13 {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_13t90.product-cover__size-32_13t90 {
64
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-32_1jt13 {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_13t90.product-cover__size-16_13t90 {
68
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-16_1jt13 {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_13t90.product-cover__size-40_13t90.product-cover__bottom_13t90 {
72
+ .product-cover__wrapperSecondCard_1jt13.product-cover__size-40_1jt13.product-cover__bottom_1jt13 {
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_13t90","size-128":"product-cover__size-128_13t90","size-40":"product-cover__size-40_13t90","size-32":"product-cover__size-32_13t90","size-16":"product-cover__size-16_13t90","bottom":"product-cover__bottom_13t90","componentImage":"product-cover__componentImage_13t90","componentStack":"product-cover__componentStack_13t90","firstCard":"product-cover__firstCard_13t90","wrapperSecondCard":"product-cover__wrapperSecondCard_13t90"};
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"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map