@alfalab/core-components-product-cover 3.1.1 → 3.1.2-alfasans

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_rxaax {
11
+ .product-cover__cardMack_yvkbh {
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_rxaax {
15
+ .product-cover__cardImage_yvkbh {
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_rxaax","cardImage":"product-cover__cardImage_rxaax"};
5
+ var styles = {"cardMack":"product-cover__cardMack_yvkbh","cardImage":"product-cover__cardImage_yvkbh"};
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_94w6w {
8
+ .product-cover__overlay_1knzd {
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_94w6w {
19
+ .product-cover__visible_1knzd {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_94w6w {
22
+ .product-cover__default_1knzd {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_94w6w {
25
+ .product-cover__inverted_1knzd {
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_94w6w","visible":"product-cover__visible_94w6w","default":"product-cover__default_94w6w","inverted":"product-cover__inverted_94w6w"};
5
+ var styles = {"overlay":"product-cover__overlay_1knzd","visible":"product-cover__visible_1knzd","default":"product-cover__default_1knzd","inverted":"product-cover__inverted_1knzd"};
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_1253p {
8
+ .product-cover__component_zm9a4 {
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_1253p {
14
+ .product-cover__cardholderName_zm9a4 {
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_1253p {
21
+ .product-cover__cardNumber_zm9a4 {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_1253p.product-cover__buttonEye_1253p {
25
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4 {
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_1253p.product-cover__buttonEye_1253p:hover {
32
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_1253p.product-cover__buttonEye_1253p:active {
35
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_1253p.product-cover__buttonEye_1253p > span {
38
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4 > 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_1253p","cardholderName":"product-cover__cardholderName_1253p","cardNumber":"product-cover__cardNumber_1253p","buttonEye":"product-cover__buttonEye_1253p"};
5
+ var styles = {"component":"product-cover__component_zm9a4","cardholderName":"product-cover__cardholderName_zm9a4","cardNumber":"product-cover__cardNumber_zm9a4","buttonEye":"product-cover__buttonEye_zm9a4"};
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_rxaax {
11
+ .product-cover__cardMack_yvkbh {
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_rxaax {
15
+ .product-cover__cardImage_yvkbh {
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_rxaax","cardImage":"product-cover__cardImage_rxaax"};
3
+ var styles = {"cardMack":"product-cover__cardMack_yvkbh","cardImage":"product-cover__cardImage_yvkbh"};
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_94w6w {
8
+ .product-cover__overlay_1knzd {
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_94w6w {
19
+ .product-cover__visible_1knzd {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_94w6w {
22
+ .product-cover__default_1knzd {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_94w6w {
25
+ .product-cover__inverted_1knzd {
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_94w6w","visible":"product-cover__visible_94w6w","default":"product-cover__default_94w6w","inverted":"product-cover__inverted_94w6w"};
3
+ var styles = {"overlay":"product-cover__overlay_1knzd","visible":"product-cover__visible_1knzd","default":"product-cover__default_1knzd","inverted":"product-cover__inverted_1knzd"};
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_1253p {
8
+ .product-cover__component_zm9a4 {
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_1253p {
14
+ .product-cover__cardholderName_zm9a4 {
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_1253p {
21
+ .product-cover__cardNumber_zm9a4 {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_1253p.product-cover__buttonEye_1253p {
25
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4 {
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_1253p.product-cover__buttonEye_1253p:hover {
32
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_1253p.product-cover__buttonEye_1253p:active {
35
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_1253p.product-cover__buttonEye_1253p > span {
38
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4 > 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_1253p","cardholderName":"product-cover__cardholderName_1253p","cardNumber":"product-cover__cardNumber_1253p","buttonEye":"product-cover__buttonEye_1253p"};
3
+ var styles = {"component":"product-cover__component_zm9a4","cardholderName":"product-cover__cardholderName_zm9a4","cardNumber":"product-cover__cardNumber_zm9a4","buttonEye":"product-cover__buttonEye_zm9a4"};
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_3ugzy {
31
+ .product-cover__component_16kpi {
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_3ugzy.product-cover__size-164_3ugzy {
38
+ .product-cover__component_16kpi.product-cover__size-164_16kpi {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_3ugzy.product-cover__size-128_3ugzy {
42
+ .product-cover__component_16kpi.product-cover__size-128_16kpi {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_3ugzy.product-cover__size-96_3ugzy {
46
+ .product-cover__component_16kpi.product-cover__size-96_16kpi {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_3ugzy.product-cover__size-48_3ugzy,
51
- .product-cover__component_3ugzy.product-cover__size-40_3ugzy {
50
+ .product-cover__component_16kpi.product-cover__size-48_16kpi,
51
+ .product-cover__component_16kpi.product-cover__size-40_16kpi {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_3ugzy.product-cover__size-32_3ugzy {
55
+ .product-cover__component_16kpi.product-cover__size-32_16kpi {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_3ugzy.product-cover__size-16_3ugzy {
59
+ .product-cover__component_16kpi.product-cover__size-16_16kpi {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_3ugzy {
62
+ .product-cover__icon_16kpi {
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_3ugzy {
69
+ .product-cover__border_16kpi {
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_3ugzy {
79
+ .product-cover__contentAddons_16kpi {
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_3ugzy","size-164":"product-cover__size-164_3ugzy","size-128":"product-cover__size-128_3ugzy","size-96":"product-cover__size-96_3ugzy","size-48":"product-cover__size-48_3ugzy","size-40":"product-cover__size-40_3ugzy","size-32":"product-cover__size-32_3ugzy","size-16":"product-cover__size-16_3ugzy","icon":"product-cover__icon_3ugzy","border":"product-cover__border_3ugzy","contentAddons":"product-cover__contentAddons_3ugzy"};
3
+ var styles = {"component":"product-cover__component_16kpi","size-164":"product-cover__size-164_16kpi","size-128":"product-cover__size-128_16kpi","size-96":"product-cover__size-96_16kpi","size-48":"product-cover__size-48_16kpi","size-40":"product-cover__size-40_16kpi","size-32":"product-cover__size-32_16kpi","size-16":"product-cover__size-16_16kpi","icon":"product-cover__icon_16kpi","border":"product-cover__border_16kpi","contentAddons":"product-cover__contentAddons_16kpi"};
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_s8cwn {
13
+ .product-cover__wrapper_1b1ok {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_s8cwn.product-cover__size-128_s8cwn {
18
+ .product-cover__wrapper_1b1ok.product-cover__size-128_1b1ok {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_s8cwn.product-cover__size-40_s8cwn {
22
+ .product-cover__wrapper_1b1ok.product-cover__size-40_1b1ok {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_s8cwn.product-cover__size-32_s8cwn {
26
+ .product-cover__wrapper_1b1ok.product-cover__size-32_1b1ok {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_s8cwn.product-cover__size-16_s8cwn {
30
+ .product-cover__wrapper_1b1ok.product-cover__size-16_1b1ok {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_s8cwn.product-cover__size-40_s8cwn.product-cover__bottom_s8cwn {
34
+ .product-cover__wrapper_1b1ok.product-cover__size-40_1b1ok.product-cover__bottom_1b1ok {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_s8cwn {
38
+ .product-cover__componentImage_1b1ok {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_s8cwn.product-cover__size-128_s8cwn {
41
+ .product-cover__componentStack_1b1ok.product-cover__size-128_1b1ok {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_s8cwn {
44
+ .product-cover__firstCard_1b1ok {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_s8cwn.product-cover__size-32_s8cwn {
47
+ .product-cover__firstCard_1b1ok.product-cover__size-32_1b1ok {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_s8cwn.product-cover__size-40_s8cwn.product-cover__bottom_s8cwn {
50
+ .product-cover__firstCard_1b1ok.product-cover__size-40_1b1ok.product-cover__bottom_1b1ok {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-128_s8cwn {
54
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-128_1b1ok {
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_s8cwn.product-cover__size-40_s8cwn {
60
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-40_1b1ok {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-32_s8cwn {
64
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-32_1b1ok {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-16_s8cwn {
68
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-16_1b1ok {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-40_s8cwn.product-cover__bottom_s8cwn {
72
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-40_1b1ok.product-cover__bottom_1b1ok {
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_s8cwn","size-128":"product-cover__size-128_s8cwn","size-40":"product-cover__size-40_s8cwn","size-32":"product-cover__size-32_s8cwn","size-16":"product-cover__size-16_s8cwn","bottom":"product-cover__bottom_s8cwn","componentImage":"product-cover__componentImage_s8cwn","componentStack":"product-cover__componentStack_s8cwn","firstCard":"product-cover__firstCard_s8cwn","wrapperSecondCard":"product-cover__wrapperSecondCard_s8cwn"};
3
+ var styles = {"wrapper":"product-cover__wrapper_1b1ok","size-128":"product-cover__size-128_1b1ok","size-40":"product-cover__size-40_1b1ok","size-32":"product-cover__size-32_1b1ok","size-16":"product-cover__size-16_1b1ok","bottom":"product-cover__bottom_1b1ok","componentImage":"product-cover__componentImage_1b1ok","componentStack":"product-cover__componentStack_1b1ok","firstCard":"product-cover__firstCard_1b1ok","wrapperSecondCard":"product-cover__wrapperSecondCard_1b1ok"};
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_rxaax {
11
+ .product-cover__cardMack_yvkbh {
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_rxaax {
15
+ .product-cover__cardImage_yvkbh {
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_rxaax","cardImage":"product-cover__cardImage_rxaax"};
3
+ const styles = {"cardMack":"product-cover__cardMack_yvkbh","cardImage":"product-cover__cardImage_yvkbh"};
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_94w6w {
8
+ .product-cover__overlay_1knzd {
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_94w6w {
19
+ .product-cover__visible_1knzd {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_94w6w {
22
+ .product-cover__default_1knzd {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_94w6w {
25
+ .product-cover__inverted_1knzd {
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_94w6w","visible":"product-cover__visible_94w6w","default":"product-cover__default_94w6w","inverted":"product-cover__inverted_94w6w"};
3
+ const styles = {"overlay":"product-cover__overlay_1knzd","visible":"product-cover__visible_1knzd","default":"product-cover__default_1knzd","inverted":"product-cover__inverted_1knzd"};
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_1253p {
8
+ .product-cover__component_zm9a4 {
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_1253p {
14
+ .product-cover__cardholderName_zm9a4 {
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_1253p {
21
+ .product-cover__cardNumber_zm9a4 {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_1253p.product-cover__buttonEye_1253p {
25
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4 {
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_1253p.product-cover__buttonEye_1253p:hover {
32
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_1253p.product-cover__buttonEye_1253p:active {
35
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_1253p.product-cover__buttonEye_1253p > span {
38
+ .product-cover__buttonEye_zm9a4.product-cover__buttonEye_zm9a4 > 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_1253p","cardholderName":"product-cover__cardholderName_1253p","cardNumber":"product-cover__cardNumber_1253p","buttonEye":"product-cover__buttonEye_1253p"};
3
+ const styles = {"component":"product-cover__component_zm9a4","cardholderName":"product-cover__cardholderName_zm9a4","cardNumber":"product-cover__cardNumber_zm9a4","buttonEye":"product-cover__buttonEye_zm9a4"};
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_3ugzy {
31
+ .product-cover__component_16kpi {
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_3ugzy.product-cover__size-164_3ugzy {
38
+ .product-cover__component_16kpi.product-cover__size-164_16kpi {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_3ugzy.product-cover__size-128_3ugzy {
42
+ .product-cover__component_16kpi.product-cover__size-128_16kpi {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_3ugzy.product-cover__size-96_3ugzy {
46
+ .product-cover__component_16kpi.product-cover__size-96_16kpi {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_3ugzy.product-cover__size-48_3ugzy,
51
- .product-cover__component_3ugzy.product-cover__size-40_3ugzy {
50
+ .product-cover__component_16kpi.product-cover__size-48_16kpi,
51
+ .product-cover__component_16kpi.product-cover__size-40_16kpi {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_3ugzy.product-cover__size-32_3ugzy {
55
+ .product-cover__component_16kpi.product-cover__size-32_16kpi {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_3ugzy.product-cover__size-16_3ugzy {
59
+ .product-cover__component_16kpi.product-cover__size-16_16kpi {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_3ugzy {
62
+ .product-cover__icon_16kpi {
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_3ugzy {
69
+ .product-cover__border_16kpi {
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_3ugzy {
79
+ .product-cover__contentAddons_16kpi {
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_3ugzy","size-164":"product-cover__size-164_3ugzy","size-128":"product-cover__size-128_3ugzy","size-96":"product-cover__size-96_3ugzy","size-48":"product-cover__size-48_3ugzy","size-40":"product-cover__size-40_3ugzy","size-32":"product-cover__size-32_3ugzy","size-16":"product-cover__size-16_3ugzy","icon":"product-cover__icon_3ugzy","border":"product-cover__border_3ugzy","contentAddons":"product-cover__contentAddons_3ugzy"};
3
+ const styles = {"component":"product-cover__component_16kpi","size-164":"product-cover__size-164_16kpi","size-128":"product-cover__size-128_16kpi","size-96":"product-cover__size-96_16kpi","size-48":"product-cover__size-48_16kpi","size-40":"product-cover__size-40_16kpi","size-32":"product-cover__size-32_16kpi","size-16":"product-cover__size-16_16kpi","icon":"product-cover__icon_16kpi","border":"product-cover__border_16kpi","contentAddons":"product-cover__contentAddons_16kpi"};
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_s8cwn {
13
+ .product-cover__wrapper_1b1ok {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_s8cwn.product-cover__size-128_s8cwn {
18
+ .product-cover__wrapper_1b1ok.product-cover__size-128_1b1ok {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_s8cwn.product-cover__size-40_s8cwn {
22
+ .product-cover__wrapper_1b1ok.product-cover__size-40_1b1ok {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_s8cwn.product-cover__size-32_s8cwn {
26
+ .product-cover__wrapper_1b1ok.product-cover__size-32_1b1ok {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_s8cwn.product-cover__size-16_s8cwn {
30
+ .product-cover__wrapper_1b1ok.product-cover__size-16_1b1ok {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_s8cwn.product-cover__size-40_s8cwn.product-cover__bottom_s8cwn {
34
+ .product-cover__wrapper_1b1ok.product-cover__size-40_1b1ok.product-cover__bottom_1b1ok {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_s8cwn {
38
+ .product-cover__componentImage_1b1ok {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_s8cwn.product-cover__size-128_s8cwn {
41
+ .product-cover__componentStack_1b1ok.product-cover__size-128_1b1ok {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_s8cwn {
44
+ .product-cover__firstCard_1b1ok {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_s8cwn.product-cover__size-32_s8cwn {
47
+ .product-cover__firstCard_1b1ok.product-cover__size-32_1b1ok {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_s8cwn.product-cover__size-40_s8cwn.product-cover__bottom_s8cwn {
50
+ .product-cover__firstCard_1b1ok.product-cover__size-40_1b1ok.product-cover__bottom_1b1ok {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-128_s8cwn {
54
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-128_1b1ok {
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_s8cwn.product-cover__size-40_s8cwn {
60
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-40_1b1ok {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-32_s8cwn {
64
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-32_1b1ok {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-16_s8cwn {
68
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-16_1b1ok {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-40_s8cwn.product-cover__bottom_s8cwn {
72
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-40_1b1ok.product-cover__bottom_1b1ok {
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_s8cwn","size-128":"product-cover__size-128_s8cwn","size-40":"product-cover__size-40_s8cwn","size-32":"product-cover__size-32_s8cwn","size-16":"product-cover__size-16_s8cwn","bottom":"product-cover__bottom_s8cwn","componentImage":"product-cover__componentImage_s8cwn","componentStack":"product-cover__componentStack_s8cwn","firstCard":"product-cover__firstCard_s8cwn","wrapperSecondCard":"product-cover__wrapperSecondCard_s8cwn"};
3
+ const styles = {"wrapper":"product-cover__wrapper_1b1ok","size-128":"product-cover__size-128_1b1ok","size-40":"product-cover__size-40_1b1ok","size-32":"product-cover__size-32_1b1ok","size-16":"product-cover__size-16_1b1ok","bottom":"product-cover__bottom_1b1ok","componentImage":"product-cover__componentImage_1b1ok","componentStack":"product-cover__componentStack_1b1ok","firstCard":"product-cover__firstCard_1b1ok","wrapperSecondCard":"product-cover__wrapperSecondCard_1b1ok"};
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.1",
3
+ "version": "3.1.2-alfasans",
4
4
  "description": "ProductCover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,9 +10,9 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-button": "^13.0.2",
14
- "@alfalab/core-components-shared": "^2.1.0",
15
- "@alfalab/core-components-typography": "^6.0.2",
13
+ "@alfalab/core-components-button": "13.1.0-alfasans",
14
+ "@alfalab/core-components-shared": "2.1.0-alfasans",
15
+ "@alfalab/core-components-typography": "6.0.2-alfasans",
16
16
  "@alfalab/hooks": "^1.13.1",
17
17
  "@alfalab/icons-glyph": "^2.260.0",
18
18
  "@alfalab/utils": "^1.18.0",
@@ -27,6 +27,6 @@
27
27
  "access": "public",
28
28
  "directory": "dist"
29
29
  },
30
- "themesVersion": "15.0.1",
31
- "varsVersion": "11.0.1"
30
+ "themesVersion": "15.0.2-alfasans",
31
+ "varsVersion": "11.0.1-alfasans"
32
32
  }
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_3ugzy {
31
+ .product-cover__component_16kpi {
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_3ugzy.product-cover__size-164_3ugzy {
38
+ .product-cover__component_16kpi.product-cover__size-164_16kpi {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_3ugzy.product-cover__size-128_3ugzy {
42
+ .product-cover__component_16kpi.product-cover__size-128_16kpi {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_3ugzy.product-cover__size-96_3ugzy {
46
+ .product-cover__component_16kpi.product-cover__size-96_16kpi {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_3ugzy.product-cover__size-48_3ugzy,
51
- .product-cover__component_3ugzy.product-cover__size-40_3ugzy {
50
+ .product-cover__component_16kpi.product-cover__size-48_16kpi,
51
+ .product-cover__component_16kpi.product-cover__size-40_16kpi {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_3ugzy.product-cover__size-32_3ugzy {
55
+ .product-cover__component_16kpi.product-cover__size-32_16kpi {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_3ugzy.product-cover__size-16_3ugzy {
59
+ .product-cover__component_16kpi.product-cover__size-16_16kpi {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_3ugzy {
62
+ .product-cover__icon_16kpi {
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_3ugzy {
69
+ .product-cover__border_16kpi {
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_3ugzy {
79
+ .product-cover__contentAddons_16kpi {
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_3ugzy","size-164":"product-cover__size-164_3ugzy","size-128":"product-cover__size-128_3ugzy","size-96":"product-cover__size-96_3ugzy","size-48":"product-cover__size-48_3ugzy","size-40":"product-cover__size-40_3ugzy","size-32":"product-cover__size-32_3ugzy","size-16":"product-cover__size-16_3ugzy","icon":"product-cover__icon_3ugzy","border":"product-cover__border_3ugzy","contentAddons":"product-cover__contentAddons_3ugzy"};
5
+ var styles = {"component":"product-cover__component_16kpi","size-164":"product-cover__size-164_16kpi","size-128":"product-cover__size-128_16kpi","size-96":"product-cover__size-96_16kpi","size-48":"product-cover__size-48_16kpi","size-40":"product-cover__size-40_16kpi","size-32":"product-cover__size-32_16kpi","size-16":"product-cover__size-16_16kpi","icon":"product-cover__icon_16kpi","border":"product-cover__border_16kpi","contentAddons":"product-cover__contentAddons_16kpi"};
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_s8cwn {
13
+ .product-cover__wrapper_1b1ok {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_s8cwn.product-cover__size-128_s8cwn {
18
+ .product-cover__wrapper_1b1ok.product-cover__size-128_1b1ok {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_s8cwn.product-cover__size-40_s8cwn {
22
+ .product-cover__wrapper_1b1ok.product-cover__size-40_1b1ok {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_s8cwn.product-cover__size-32_s8cwn {
26
+ .product-cover__wrapper_1b1ok.product-cover__size-32_1b1ok {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_s8cwn.product-cover__size-16_s8cwn {
30
+ .product-cover__wrapper_1b1ok.product-cover__size-16_1b1ok {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_s8cwn.product-cover__size-40_s8cwn.product-cover__bottom_s8cwn {
34
+ .product-cover__wrapper_1b1ok.product-cover__size-40_1b1ok.product-cover__bottom_1b1ok {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_s8cwn {
38
+ .product-cover__componentImage_1b1ok {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_s8cwn.product-cover__size-128_s8cwn {
41
+ .product-cover__componentStack_1b1ok.product-cover__size-128_1b1ok {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_s8cwn {
44
+ .product-cover__firstCard_1b1ok {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_s8cwn.product-cover__size-32_s8cwn {
47
+ .product-cover__firstCard_1b1ok.product-cover__size-32_1b1ok {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_s8cwn.product-cover__size-40_s8cwn.product-cover__bottom_s8cwn {
50
+ .product-cover__firstCard_1b1ok.product-cover__size-40_1b1ok.product-cover__bottom_1b1ok {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-128_s8cwn {
54
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-128_1b1ok {
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_s8cwn.product-cover__size-40_s8cwn {
60
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-40_1b1ok {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-32_s8cwn {
64
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-32_1b1ok {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-16_s8cwn {
68
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-16_1b1ok {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_s8cwn.product-cover__size-40_s8cwn.product-cover__bottom_s8cwn {
72
+ .product-cover__wrapperSecondCard_1b1ok.product-cover__size-40_1b1ok.product-cover__bottom_1b1ok {
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_s8cwn","size-128":"product-cover__size-128_s8cwn","size-40":"product-cover__size-40_s8cwn","size-32":"product-cover__size-32_s8cwn","size-16":"product-cover__size-16_s8cwn","bottom":"product-cover__bottom_s8cwn","componentImage":"product-cover__componentImage_s8cwn","componentStack":"product-cover__componentStack_s8cwn","firstCard":"product-cover__firstCard_s8cwn","wrapperSecondCard":"product-cover__wrapperSecondCard_s8cwn"};
5
+ var styles = {"wrapper":"product-cover__wrapper_1b1ok","size-128":"product-cover__size-128_1b1ok","size-40":"product-cover__size-40_1b1ok","size-32":"product-cover__size-32_1b1ok","size-16":"product-cover__size-16_1b1ok","bottom":"product-cover__bottom_1b1ok","componentImage":"product-cover__componentImage_1b1ok","componentStack":"product-cover__componentStack_1b1ok","firstCard":"product-cover__firstCard_1b1ok","wrapperSecondCard":"product-cover__wrapperSecondCard_1b1ok"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map