@alfalab/core-components-product-cover 3.1.0 → 3.1.1-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_1eaam {
11
+ .product-cover__cardMack_imt7r {
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_1eaam {
15
+ .product-cover__cardImage_imt7r {
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_1eaam","cardImage":"product-cover__cardImage_1eaam"};
5
+ var styles = {"cardMack":"product-cover__cardMack_imt7r","cardImage":"product-cover__cardImage_imt7r"};
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_jnpcv {
8
+ .product-cover__overlay_ffqcm {
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_jnpcv {
19
+ .product-cover__visible_ffqcm {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_jnpcv {
22
+ .product-cover__default_ffqcm {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_jnpcv {
25
+ .product-cover__inverted_ffqcm {
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_jnpcv","visible":"product-cover__visible_jnpcv","default":"product-cover__default_jnpcv","inverted":"product-cover__inverted_jnpcv"};
5
+ var styles = {"overlay":"product-cover__overlay_ffqcm","visible":"product-cover__visible_ffqcm","default":"product-cover__default_ffqcm","inverted":"product-cover__inverted_ffqcm"};
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_ab4hq {
8
+ .product-cover__component_5te8w {
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_ab4hq {
14
+ .product-cover__cardholderName_5te8w {
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_ab4hq {
21
+ .product-cover__cardNumber_5te8w {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_ab4hq.product-cover__buttonEye_ab4hq {
25
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w {
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_ab4hq.product-cover__buttonEye_ab4hq:hover {
32
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_ab4hq.product-cover__buttonEye_ab4hq:active {
35
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_ab4hq.product-cover__buttonEye_ab4hq > span {
38
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w > 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_ab4hq","cardholderName":"product-cover__cardholderName_ab4hq","cardNumber":"product-cover__cardNumber_ab4hq","buttonEye":"product-cover__buttonEye_ab4hq"};
5
+ var styles = {"component":"product-cover__component_5te8w","cardholderName":"product-cover__cardholderName_5te8w","cardNumber":"product-cover__cardNumber_5te8w","buttonEye":"product-cover__buttonEye_5te8w"};
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_1eaam {
11
+ .product-cover__cardMack_imt7r {
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_1eaam {
15
+ .product-cover__cardImage_imt7r {
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_1eaam","cardImage":"product-cover__cardImage_1eaam"};
3
+ var styles = {"cardMack":"product-cover__cardMack_imt7r","cardImage":"product-cover__cardImage_imt7r"};
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_jnpcv {
8
+ .product-cover__overlay_ffqcm {
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_jnpcv {
19
+ .product-cover__visible_ffqcm {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_jnpcv {
22
+ .product-cover__default_ffqcm {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_jnpcv {
25
+ .product-cover__inverted_ffqcm {
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_jnpcv","visible":"product-cover__visible_jnpcv","default":"product-cover__default_jnpcv","inverted":"product-cover__inverted_jnpcv"};
3
+ var styles = {"overlay":"product-cover__overlay_ffqcm","visible":"product-cover__visible_ffqcm","default":"product-cover__default_ffqcm","inverted":"product-cover__inverted_ffqcm"};
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_ab4hq {
8
+ .product-cover__component_5te8w {
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_ab4hq {
14
+ .product-cover__cardholderName_5te8w {
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_ab4hq {
21
+ .product-cover__cardNumber_5te8w {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_ab4hq.product-cover__buttonEye_ab4hq {
25
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w {
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_ab4hq.product-cover__buttonEye_ab4hq:hover {
32
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_ab4hq.product-cover__buttonEye_ab4hq:active {
35
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_ab4hq.product-cover__buttonEye_ab4hq > span {
38
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w > 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_ab4hq","cardholderName":"product-cover__cardholderName_ab4hq","cardNumber":"product-cover__cardNumber_ab4hq","buttonEye":"product-cover__buttonEye_ab4hq"};
3
+ var styles = {"component":"product-cover__component_5te8w","cardholderName":"product-cover__cardholderName_5te8w","cardNumber":"product-cover__cardNumber_5te8w","buttonEye":"product-cover__buttonEye_5te8w"};
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_1scrv {
31
+ .product-cover__component_1mtgl {
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_1scrv.product-cover__size-164_1scrv {
38
+ .product-cover__component_1mtgl.product-cover__size-164_1mtgl {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_1scrv.product-cover__size-128_1scrv {
42
+ .product-cover__component_1mtgl.product-cover__size-128_1mtgl {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_1scrv.product-cover__size-96_1scrv {
46
+ .product-cover__component_1mtgl.product-cover__size-96_1mtgl {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_1scrv.product-cover__size-48_1scrv,
51
- .product-cover__component_1scrv.product-cover__size-40_1scrv {
50
+ .product-cover__component_1mtgl.product-cover__size-48_1mtgl,
51
+ .product-cover__component_1mtgl.product-cover__size-40_1mtgl {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_1scrv.product-cover__size-32_1scrv {
55
+ .product-cover__component_1mtgl.product-cover__size-32_1mtgl {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_1scrv.product-cover__size-16_1scrv {
59
+ .product-cover__component_1mtgl.product-cover__size-16_1mtgl {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_1scrv {
62
+ .product-cover__icon_1mtgl {
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_1scrv {
69
+ .product-cover__border_1mtgl {
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_1scrv {
79
+ .product-cover__contentAddons_1mtgl {
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_1scrv","size-164":"product-cover__size-164_1scrv","size-128":"product-cover__size-128_1scrv","size-96":"product-cover__size-96_1scrv","size-48":"product-cover__size-48_1scrv","size-40":"product-cover__size-40_1scrv","size-32":"product-cover__size-32_1scrv","size-16":"product-cover__size-16_1scrv","icon":"product-cover__icon_1scrv","border":"product-cover__border_1scrv","contentAddons":"product-cover__contentAddons_1scrv"};
3
+ var styles = {"component":"product-cover__component_1mtgl","size-164":"product-cover__size-164_1mtgl","size-128":"product-cover__size-128_1mtgl","size-96":"product-cover__size-96_1mtgl","size-48":"product-cover__size-48_1mtgl","size-40":"product-cover__size-40_1mtgl","size-32":"product-cover__size-32_1mtgl","size-16":"product-cover__size-16_1mtgl","icon":"product-cover__icon_1mtgl","border":"product-cover__border_1mtgl","contentAddons":"product-cover__contentAddons_1mtgl"};
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_c8ku7 {
13
+ .product-cover__wrapper_1ltgr {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_c8ku7.product-cover__size-128_c8ku7 {
18
+ .product-cover__wrapper_1ltgr.product-cover__size-128_1ltgr {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_c8ku7.product-cover__size-40_c8ku7 {
22
+ .product-cover__wrapper_1ltgr.product-cover__size-40_1ltgr {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_c8ku7.product-cover__size-32_c8ku7 {
26
+ .product-cover__wrapper_1ltgr.product-cover__size-32_1ltgr {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_c8ku7.product-cover__size-16_c8ku7 {
30
+ .product-cover__wrapper_1ltgr.product-cover__size-16_1ltgr {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_c8ku7.product-cover__size-40_c8ku7.product-cover__bottom_c8ku7 {
34
+ .product-cover__wrapper_1ltgr.product-cover__size-40_1ltgr.product-cover__bottom_1ltgr {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_c8ku7 {
38
+ .product-cover__componentImage_1ltgr {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_c8ku7.product-cover__size-128_c8ku7 {
41
+ .product-cover__componentStack_1ltgr.product-cover__size-128_1ltgr {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_c8ku7 {
44
+ .product-cover__firstCard_1ltgr {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_c8ku7.product-cover__size-32_c8ku7 {
47
+ .product-cover__firstCard_1ltgr.product-cover__size-32_1ltgr {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_c8ku7.product-cover__size-40_c8ku7.product-cover__bottom_c8ku7 {
50
+ .product-cover__firstCard_1ltgr.product-cover__size-40_1ltgr.product-cover__bottom_1ltgr {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-128_c8ku7 {
54
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-128_1ltgr {
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_c8ku7.product-cover__size-40_c8ku7 {
60
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-40_1ltgr {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-32_c8ku7 {
64
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-32_1ltgr {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-16_c8ku7 {
68
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-16_1ltgr {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-40_c8ku7.product-cover__bottom_c8ku7 {
72
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-40_1ltgr.product-cover__bottom_1ltgr {
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_c8ku7","size-128":"product-cover__size-128_c8ku7","size-40":"product-cover__size-40_c8ku7","size-32":"product-cover__size-32_c8ku7","size-16":"product-cover__size-16_c8ku7","bottom":"product-cover__bottom_c8ku7","componentImage":"product-cover__componentImage_c8ku7","componentStack":"product-cover__componentStack_c8ku7","firstCard":"product-cover__firstCard_c8ku7","wrapperSecondCard":"product-cover__wrapperSecondCard_c8ku7"};
3
+ var styles = {"wrapper":"product-cover__wrapper_1ltgr","size-128":"product-cover__size-128_1ltgr","size-40":"product-cover__size-40_1ltgr","size-32":"product-cover__size-32_1ltgr","size-16":"product-cover__size-16_1ltgr","bottom":"product-cover__bottom_1ltgr","componentImage":"product-cover__componentImage_1ltgr","componentStack":"product-cover__componentStack_1ltgr","firstCard":"product-cover__firstCard_1ltgr","wrapperSecondCard":"product-cover__wrapperSecondCard_1ltgr"};
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_1eaam {
11
+ .product-cover__cardMack_imt7r {
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_1eaam {
15
+ .product-cover__cardImage_imt7r {
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_1eaam","cardImage":"product-cover__cardImage_1eaam"};
3
+ const styles = {"cardMack":"product-cover__cardMack_imt7r","cardImage":"product-cover__cardImage_imt7r"};
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_jnpcv {
8
+ .product-cover__overlay_ffqcm {
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_jnpcv {
19
+ .product-cover__visible_ffqcm {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_jnpcv {
22
+ .product-cover__default_ffqcm {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_jnpcv {
25
+ .product-cover__inverted_ffqcm {
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_jnpcv","visible":"product-cover__visible_jnpcv","default":"product-cover__default_jnpcv","inverted":"product-cover__inverted_jnpcv"};
3
+ const styles = {"overlay":"product-cover__overlay_ffqcm","visible":"product-cover__visible_ffqcm","default":"product-cover__default_ffqcm","inverted":"product-cover__inverted_ffqcm"};
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_ab4hq {
8
+ .product-cover__component_5te8w {
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_ab4hq {
14
+ .product-cover__cardholderName_5te8w {
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_ab4hq {
21
+ .product-cover__cardNumber_5te8w {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_ab4hq.product-cover__buttonEye_ab4hq {
25
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w {
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_ab4hq.product-cover__buttonEye_ab4hq:hover {
32
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_ab4hq.product-cover__buttonEye_ab4hq:active {
35
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_ab4hq.product-cover__buttonEye_ab4hq > span {
38
+ .product-cover__buttonEye_5te8w.product-cover__buttonEye_5te8w > 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_ab4hq","cardholderName":"product-cover__cardholderName_ab4hq","cardNumber":"product-cover__cardNumber_ab4hq","buttonEye":"product-cover__buttonEye_ab4hq"};
3
+ const styles = {"component":"product-cover__component_5te8w","cardholderName":"product-cover__cardholderName_5te8w","cardNumber":"product-cover__cardNumber_5te8w","buttonEye":"product-cover__buttonEye_5te8w"};
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_1scrv {
31
+ .product-cover__component_1mtgl {
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_1scrv.product-cover__size-164_1scrv {
38
+ .product-cover__component_1mtgl.product-cover__size-164_1mtgl {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_1scrv.product-cover__size-128_1scrv {
42
+ .product-cover__component_1mtgl.product-cover__size-128_1mtgl {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_1scrv.product-cover__size-96_1scrv {
46
+ .product-cover__component_1mtgl.product-cover__size-96_1mtgl {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_1scrv.product-cover__size-48_1scrv,
51
- .product-cover__component_1scrv.product-cover__size-40_1scrv {
50
+ .product-cover__component_1mtgl.product-cover__size-48_1mtgl,
51
+ .product-cover__component_1mtgl.product-cover__size-40_1mtgl {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_1scrv.product-cover__size-32_1scrv {
55
+ .product-cover__component_1mtgl.product-cover__size-32_1mtgl {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_1scrv.product-cover__size-16_1scrv {
59
+ .product-cover__component_1mtgl.product-cover__size-16_1mtgl {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_1scrv {
62
+ .product-cover__icon_1mtgl {
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_1scrv {
69
+ .product-cover__border_1mtgl {
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_1scrv {
79
+ .product-cover__contentAddons_1mtgl {
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_1scrv","size-164":"product-cover__size-164_1scrv","size-128":"product-cover__size-128_1scrv","size-96":"product-cover__size-96_1scrv","size-48":"product-cover__size-48_1scrv","size-40":"product-cover__size-40_1scrv","size-32":"product-cover__size-32_1scrv","size-16":"product-cover__size-16_1scrv","icon":"product-cover__icon_1scrv","border":"product-cover__border_1scrv","contentAddons":"product-cover__contentAddons_1scrv"};
3
+ const styles = {"component":"product-cover__component_1mtgl","size-164":"product-cover__size-164_1mtgl","size-128":"product-cover__size-128_1mtgl","size-96":"product-cover__size-96_1mtgl","size-48":"product-cover__size-48_1mtgl","size-40":"product-cover__size-40_1mtgl","size-32":"product-cover__size-32_1mtgl","size-16":"product-cover__size-16_1mtgl","icon":"product-cover__icon_1mtgl","border":"product-cover__border_1mtgl","contentAddons":"product-cover__contentAddons_1mtgl"};
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_c8ku7 {
13
+ .product-cover__wrapper_1ltgr {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_c8ku7.product-cover__size-128_c8ku7 {
18
+ .product-cover__wrapper_1ltgr.product-cover__size-128_1ltgr {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_c8ku7.product-cover__size-40_c8ku7 {
22
+ .product-cover__wrapper_1ltgr.product-cover__size-40_1ltgr {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_c8ku7.product-cover__size-32_c8ku7 {
26
+ .product-cover__wrapper_1ltgr.product-cover__size-32_1ltgr {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_c8ku7.product-cover__size-16_c8ku7 {
30
+ .product-cover__wrapper_1ltgr.product-cover__size-16_1ltgr {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_c8ku7.product-cover__size-40_c8ku7.product-cover__bottom_c8ku7 {
34
+ .product-cover__wrapper_1ltgr.product-cover__size-40_1ltgr.product-cover__bottom_1ltgr {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_c8ku7 {
38
+ .product-cover__componentImage_1ltgr {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_c8ku7.product-cover__size-128_c8ku7 {
41
+ .product-cover__componentStack_1ltgr.product-cover__size-128_1ltgr {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_c8ku7 {
44
+ .product-cover__firstCard_1ltgr {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_c8ku7.product-cover__size-32_c8ku7 {
47
+ .product-cover__firstCard_1ltgr.product-cover__size-32_1ltgr {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_c8ku7.product-cover__size-40_c8ku7.product-cover__bottom_c8ku7 {
50
+ .product-cover__firstCard_1ltgr.product-cover__size-40_1ltgr.product-cover__bottom_1ltgr {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-128_c8ku7 {
54
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-128_1ltgr {
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_c8ku7.product-cover__size-40_c8ku7 {
60
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-40_1ltgr {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-32_c8ku7 {
64
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-32_1ltgr {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-16_c8ku7 {
68
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-16_1ltgr {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-40_c8ku7.product-cover__bottom_c8ku7 {
72
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-40_1ltgr.product-cover__bottom_1ltgr {
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_c8ku7","size-128":"product-cover__size-128_c8ku7","size-40":"product-cover__size-40_c8ku7","size-32":"product-cover__size-32_c8ku7","size-16":"product-cover__size-16_c8ku7","bottom":"product-cover__bottom_c8ku7","componentImage":"product-cover__componentImage_c8ku7","componentStack":"product-cover__componentStack_c8ku7","firstCard":"product-cover__firstCard_c8ku7","wrapperSecondCard":"product-cover__wrapperSecondCard_c8ku7"};
3
+ const styles = {"wrapper":"product-cover__wrapper_1ltgr","size-128":"product-cover__size-128_1ltgr","size-40":"product-cover__size-40_1ltgr","size-32":"product-cover__size-32_1ltgr","size-16":"product-cover__size-16_1ltgr","bottom":"product-cover__bottom_1ltgr","componentImage":"product-cover__componentImage_1ltgr","componentStack":"product-cover__componentStack_1ltgr","firstCard":"product-cover__firstCard_1ltgr","wrapperSecondCard":"product-cover__wrapperSecondCard_1ltgr"};
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.0",
3
+ "version": "3.1.1-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.1",
14
- "@alfalab/core-components-shared": "^2.0.1",
15
- "@alfalab/core-components-typography": "^6.0.1",
13
+ "@alfalab/core-components-button": "13.0.2-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.1-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_1scrv {
31
+ .product-cover__component_1mtgl {
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_1scrv.product-cover__size-164_1scrv {
38
+ .product-cover__component_1mtgl.product-cover__size-164_1mtgl {
39
39
  border-radius: var(--border-radius-20);
40
40
  padding: var(--gap-12) var(--gap-16);
41
41
  }
42
- .product-cover__component_1scrv.product-cover__size-128_1scrv {
42
+ .product-cover__component_1mtgl.product-cover__size-128_1mtgl {
43
43
  border-radius: var(--border-radius-16);
44
44
  padding: var(--gap-8) var(--gap-12);
45
45
  }
46
- .product-cover__component_1scrv.product-cover__size-96_1scrv {
46
+ .product-cover__component_1mtgl.product-cover__size-96_1mtgl {
47
47
  border-radius: var(--border-radius-12);
48
48
  padding: var(--gap-6) var(--gap-12);
49
49
  }
50
- .product-cover__component_1scrv.product-cover__size-48_1scrv,
51
- .product-cover__component_1scrv.product-cover__size-40_1scrv {
50
+ .product-cover__component_1mtgl.product-cover__size-48_1mtgl,
51
+ .product-cover__component_1mtgl.product-cover__size-40_1mtgl {
52
52
  border-radius: var(--border-radius-6);
53
53
  padding: var(--gap-2) var(--gap-4);
54
54
  }
55
- .product-cover__component_1scrv.product-cover__size-32_1scrv {
55
+ .product-cover__component_1mtgl.product-cover__size-32_1mtgl {
56
56
  border-radius: var(--border-radius-4);
57
57
  padding: var(--gap-0) var(--gap-2);
58
58
  }
59
- .product-cover__component_1scrv.product-cover__size-16_1scrv {
59
+ .product-cover__component_1mtgl.product-cover__size-16_1mtgl {
60
60
  border-radius: var(--border-radius-2);
61
61
  }
62
- .product-cover__icon_1scrv {
62
+ .product-cover__icon_1mtgl {
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_1scrv {
69
+ .product-cover__border_1mtgl {
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_1scrv {
79
+ .product-cover__contentAddons_1mtgl {
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_1scrv","size-164":"product-cover__size-164_1scrv","size-128":"product-cover__size-128_1scrv","size-96":"product-cover__size-96_1scrv","size-48":"product-cover__size-48_1scrv","size-40":"product-cover__size-40_1scrv","size-32":"product-cover__size-32_1scrv","size-16":"product-cover__size-16_1scrv","icon":"product-cover__icon_1scrv","border":"product-cover__border_1scrv","contentAddons":"product-cover__contentAddons_1scrv"};
5
+ var styles = {"component":"product-cover__component_1mtgl","size-164":"product-cover__size-164_1mtgl","size-128":"product-cover__size-128_1mtgl","size-96":"product-cover__size-96_1mtgl","size-48":"product-cover__size-48_1mtgl","size-40":"product-cover__size-40_1mtgl","size-32":"product-cover__size-32_1mtgl","size-16":"product-cover__size-16_1mtgl","icon":"product-cover__icon_1mtgl","border":"product-cover__border_1mtgl","contentAddons":"product-cover__contentAddons_1mtgl"};
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_c8ku7 {
13
+ .product-cover__wrapper_1ltgr {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_c8ku7.product-cover__size-128_c8ku7 {
18
+ .product-cover__wrapper_1ltgr.product-cover__size-128_1ltgr {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_c8ku7.product-cover__size-40_c8ku7 {
22
+ .product-cover__wrapper_1ltgr.product-cover__size-40_1ltgr {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_c8ku7.product-cover__size-32_c8ku7 {
26
+ .product-cover__wrapper_1ltgr.product-cover__size-32_1ltgr {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_c8ku7.product-cover__size-16_c8ku7 {
30
+ .product-cover__wrapper_1ltgr.product-cover__size-16_1ltgr {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_c8ku7.product-cover__size-40_c8ku7.product-cover__bottom_c8ku7 {
34
+ .product-cover__wrapper_1ltgr.product-cover__size-40_1ltgr.product-cover__bottom_1ltgr {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_c8ku7 {
38
+ .product-cover__componentImage_1ltgr {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_c8ku7.product-cover__size-128_c8ku7 {
41
+ .product-cover__componentStack_1ltgr.product-cover__size-128_1ltgr {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_c8ku7 {
44
+ .product-cover__firstCard_1ltgr {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_c8ku7.product-cover__size-32_c8ku7 {
47
+ .product-cover__firstCard_1ltgr.product-cover__size-32_1ltgr {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_c8ku7.product-cover__size-40_c8ku7.product-cover__bottom_c8ku7 {
50
+ .product-cover__firstCard_1ltgr.product-cover__size-40_1ltgr.product-cover__bottom_1ltgr {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-128_c8ku7 {
54
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-128_1ltgr {
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_c8ku7.product-cover__size-40_c8ku7 {
60
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-40_1ltgr {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-32_c8ku7 {
64
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-32_1ltgr {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-16_c8ku7 {
68
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-16_1ltgr {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_c8ku7.product-cover__size-40_c8ku7.product-cover__bottom_c8ku7 {
72
+ .product-cover__wrapperSecondCard_1ltgr.product-cover__size-40_1ltgr.product-cover__bottom_1ltgr {
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_c8ku7","size-128":"product-cover__size-128_c8ku7","size-40":"product-cover__size-40_c8ku7","size-32":"product-cover__size-32_c8ku7","size-16":"product-cover__size-16_c8ku7","bottom":"product-cover__bottom_c8ku7","componentImage":"product-cover__componentImage_c8ku7","componentStack":"product-cover__componentStack_c8ku7","firstCard":"product-cover__firstCard_c8ku7","wrapperSecondCard":"product-cover__wrapperSecondCard_c8ku7"};
5
+ var styles = {"wrapper":"product-cover__wrapper_1ltgr","size-128":"product-cover__size-128_1ltgr","size-40":"product-cover__size-40_1ltgr","size-32":"product-cover__size-32_1ltgr","size-16":"product-cover__size-16_1ltgr","bottom":"product-cover__bottom_1ltgr","componentImage":"product-cover__componentImage_1ltgr","componentStack":"product-cover__componentStack_1ltgr","firstCard":"product-cover__firstCard_1ltgr","wrapperSecondCard":"product-cover__wrapperSecondCard_1ltgr"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map