@alfalab/core-components-product-cover 3.2.0 → 3.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/components/image-card/index.css +2 -2
  2. package/components/image-card/index.module.css.js +1 -1
  3. package/components/overlay/index.css +4 -4
  4. package/components/overlay/index.module.css.js +1 -1
  5. package/components/text/index.css +7 -7
  6. package/components/text/index.module.css.js +1 -1
  7. package/esm/components/image-card/index.css +2 -2
  8. package/esm/components/image-card/index.module.css.js +1 -1
  9. package/esm/components/overlay/index.css +4 -4
  10. package/esm/components/overlay/index.module.css.js +1 -1
  11. package/esm/components/text/index.css +7 -7
  12. package/esm/components/text/index.module.css.js +1 -1
  13. package/esm/single/index.css +28 -28
  14. package/esm/single/index.module.css.js +1 -1
  15. package/esm/stack/index.css +16 -16
  16. package/esm/stack/index.module.css.js +1 -1
  17. package/modern/components/image-card/index.css +2 -2
  18. package/modern/components/image-card/index.module.css.js +1 -1
  19. package/modern/components/overlay/index.css +4 -4
  20. package/modern/components/overlay/index.module.css.js +1 -1
  21. package/modern/components/text/index.css +7 -7
  22. package/modern/components/text/index.module.css.js +1 -1
  23. package/modern/single/index.css +28 -28
  24. package/modern/single/index.module.css.js +1 -1
  25. package/modern/stack/index.css +16 -16
  26. package/modern/stack/index.module.css.js +1 -1
  27. package/package.json +5 -5
  28. package/single/index.css +28 -28
  29. package/single/index.module.css.js +1 -1
  30. package/stack/index.css +16 -16
  31. package/stack/index.module.css.js +1 -1
package/components/image-card/index.css CHANGED
@@ -8,11 +8,11 @@
8
8
  :root {
9
9
  --gap-0: 0px;
10
10
  }
11
- .product-cover__cardMack_1ynsa {
11
+ .product-cover__cardMack_10gho {
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_1ynsa {
15
+ .product-cover__cardImage_10gho {
16
16
  position: absolute;
17
17
  top: var(--gap-0);
18
18
  left: var(--gap-0);
package/components/image-card/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"cardMack":"product-cover__cardMack_1ynsa","cardImage":"product-cover__cardImage_1ynsa"};
5
+ var styles = {"cardMack":"product-cover__cardMack_10gho","cardImage":"product-cover__cardImage_10gho"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/overlay/index.css CHANGED
@@ -5,7 +5,7 @@
5
5
  :root {
6
6
  --gap-0: 0px;
7
7
  }
8
- .product-cover__overlay_17q9t {
8
+ .product-cover__overlay_1fnsg {
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_17q9t {
19
+ .product-cover__visible_1fnsg {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_17q9t {
22
+ .product-cover__default_1fnsg {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_17q9t {
25
+ .product-cover__inverted_1fnsg {
26
26
  background: var(--color-static-neutral-translucent-700);
27
27
  }
package/components/overlay/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"overlay":"product-cover__overlay_17q9t","visible":"product-cover__visible_17q9t","default":"product-cover__default_17q9t","inverted":"product-cover__inverted_17q9t"};
5
+ var styles = {"overlay":"product-cover__overlay_1fnsg","visible":"product-cover__visible_1fnsg","default":"product-cover__default_1fnsg","inverted":"product-cover__inverted_1fnsg"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/text/index.css CHANGED
@@ -5,37 +5,37 @@
5
5
  --gap-3xs: 2px;
6
6
  --gap-2: var(--gap-3xs);
7
7
  }
8
- .product-cover__component_1ufps {
8
+ .product-cover__component_o4xfv {
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_1ufps {
14
+ .product-cover__cardholderName_o4xfv {
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_1ufps {
21
+ .product-cover__cardNumber_o4xfv {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_1ufps.product-cover__buttonEye_1ufps {
25
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv {
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_1ufps.product-cover__buttonEye_1ufps:hover {
32
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_1ufps.product-cover__buttonEye_1ufps:active {
35
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_1ufps.product-cover__buttonEye_1ufps > span {
38
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv > span {
39
39
  display: flex;
40
40
  align-items: center;
41
41
  }
package/components/text/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"product-cover__component_1ufps","cardholderName":"product-cover__cardholderName_1ufps","cardNumber":"product-cover__cardNumber_1ufps","buttonEye":"product-cover__buttonEye_1ufps"};
5
+ var styles = {"component":"product-cover__component_o4xfv","cardholderName":"product-cover__cardholderName_o4xfv","cardNumber":"product-cover__cardNumber_o4xfv","buttonEye":"product-cover__buttonEye_o4xfv"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/image-card/index.css CHANGED
@@ -8,11 +8,11 @@
8
8
  :root {
9
9
  --gap-0: 0px;
10
10
  }
11
- .product-cover__cardMack_1ynsa {
11
+ .product-cover__cardMack_10gho {
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_1ynsa {
15
+ .product-cover__cardImage_10gho {
16
16
  position: absolute;
17
17
  top: var(--gap-0);
18
18
  left: var(--gap-0);
package/esm/components/image-card/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"cardMack":"product-cover__cardMack_1ynsa","cardImage":"product-cover__cardImage_1ynsa"};
3
+ var styles = {"cardMack":"product-cover__cardMack_10gho","cardImage":"product-cover__cardImage_10gho"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/overlay/index.css CHANGED
@@ -5,7 +5,7 @@
5
5
  :root {
6
6
  --gap-0: 0px;
7
7
  }
8
- .product-cover__overlay_17q9t {
8
+ .product-cover__overlay_1fnsg {
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_17q9t {
19
+ .product-cover__visible_1fnsg {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_17q9t {
22
+ .product-cover__default_1fnsg {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_17q9t {
25
+ .product-cover__inverted_1fnsg {
26
26
  background: var(--color-static-neutral-translucent-700);
27
27
  }
package/esm/components/overlay/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"overlay":"product-cover__overlay_17q9t","visible":"product-cover__visible_17q9t","default":"product-cover__default_17q9t","inverted":"product-cover__inverted_17q9t"};
3
+ var styles = {"overlay":"product-cover__overlay_1fnsg","visible":"product-cover__visible_1fnsg","default":"product-cover__default_1fnsg","inverted":"product-cover__inverted_1fnsg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/text/index.css CHANGED
@@ -5,37 +5,37 @@
5
5
  --gap-3xs: 2px;
6
6
  --gap-2: var(--gap-3xs);
7
7
  }
8
- .product-cover__component_1ufps {
8
+ .product-cover__component_o4xfv {
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_1ufps {
14
+ .product-cover__cardholderName_o4xfv {
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_1ufps {
21
+ .product-cover__cardNumber_o4xfv {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_1ufps.product-cover__buttonEye_1ufps {
25
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv {
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_1ufps.product-cover__buttonEye_1ufps:hover {
32
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_1ufps.product-cover__buttonEye_1ufps:active {
35
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_1ufps.product-cover__buttonEye_1ufps > span {
38
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv > span {
39
39
  display: flex;
40
40
  align-items: center;
41
41
  }
package/esm/components/text/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"product-cover__component_1ufps","cardholderName":"product-cover__cardholderName_1ufps","cardNumber":"product-cover__cardNumber_1ufps","buttonEye":"product-cover__buttonEye_1ufps"};
3
+ var styles = {"component":"product-cover__component_o4xfv","cardholderName":"product-cover__cardholderName_o4xfv","cardNumber":"product-cover__cardNumber_o4xfv","buttonEye":"product-cover__buttonEye_o4xfv"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/single/index.css CHANGED
@@ -32,38 +32,38 @@
32
32
  --gap-12: var(--gap-s);
33
33
  --gap-16: var(--gap-m);
34
34
  }
35
- .product-cover__component_14a7f {
35
+ .product-cover__component_wcos1 {
36
36
  display: flex;
37
37
  align-items: flex-end;
38
38
  position: relative;
39
39
  background-color: var(--color-light-neutral-500);
40
40
  box-sizing: border-box;
41
41
  }
42
- .product-cover__component_14a7f.product-cover__size-164_14a7f {
42
+ .product-cover__component_wcos1.product-cover__size-164_wcos1 {
43
43
  border-radius: var(--border-radius-20);
44
44
  padding: var(--gap-12) var(--gap-16);
45
45
  }
46
- .product-cover__component_14a7f.product-cover__size-128_14a7f {
46
+ .product-cover__component_wcos1.product-cover__size-128_wcos1 {
47
47
  border-radius: var(--border-radius-16);
48
48
  padding: var(--gap-8) var(--gap-12);
49
49
  }
50
- .product-cover__component_14a7f.product-cover__size-96_14a7f {
50
+ .product-cover__component_wcos1.product-cover__size-96_wcos1 {
51
51
  border-radius: var(--border-radius-12);
52
52
  padding: var(--gap-6) var(--gap-12);
53
53
  }
54
- .product-cover__component_14a7f.product-cover__size-48_14a7f,
55
- .product-cover__component_14a7f.product-cover__size-40_14a7f {
54
+ .product-cover__component_wcos1.product-cover__size-48_wcos1,
55
+ .product-cover__component_wcos1.product-cover__size-40_wcos1 {
56
56
  border-radius: var(--border-radius-6);
57
57
  padding: var(--gap-2) var(--gap-4);
58
58
  }
59
- .product-cover__component_14a7f.product-cover__size-32_14a7f {
59
+ .product-cover__component_wcos1.product-cover__size-32_wcos1 {
60
60
  border-radius: var(--border-radius-4);
61
61
  padding: var(--gap-0) var(--gap-2);
62
62
  }
63
- .product-cover__component_14a7f.product-cover__size-16_14a7f {
63
+ .product-cover__component_wcos1.product-cover__size-16_wcos1 {
64
64
  border-radius: var(--border-radius-2);
65
65
  }
66
- .product-cover__component_14a7f .product-cover__state_14a7f {
66
+ .product-cover__component_wcos1 .product-cover__state_wcos1 {
67
67
  position: absolute;
68
68
  inset: var(--gap-0);
69
69
  z-index: 2;
@@ -72,70 +72,70 @@
72
72
  transition: opacity 0.2s;
73
73
  will-change: opacity;
74
74
  }
75
- .product-cover__component_14a7f.product-cover__darkening_14a7f .product-cover__hover_14a7f {
75
+ .product-cover__component_wcos1.product-cover__darkening_wcos1 .product-cover__hover_wcos1 {
76
76
  background-color: var(--color-light-neutral-translucent-200);
77
77
  }
78
- .product-cover__component_14a7f.product-cover__darkening_14a7f .product-cover__active_14a7f {
78
+ .product-cover__component_wcos1.product-cover__darkening_wcos1 .product-cover__active_wcos1 {
79
79
  background-color: var(--color-light-neutral-translucent-400);
80
80
  }
81
81
  @media (hover: hover) {
82
- .product-cover__component_14a7f.product-cover__darkening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
82
+ .product-cover__component_wcos1.product-cover__darkening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
83
83
  opacity: 1;
84
84
  }
85
85
  }
86
- .product-cover__component_14a7f.product-cover__darkening_14a7f:active .product-cover__active_14a7f {
86
+ .product-cover__component_wcos1.product-cover__darkening_wcos1:active .product-cover__active_wcos1 {
87
87
  opacity: 1;
88
88
  }
89
- .product-cover__component_14a7f.product-cover__lightening_14a7f .product-cover__hover_14a7f {
89
+ .product-cover__component_wcos1.product-cover__lightening_wcos1 .product-cover__hover_wcos1 {
90
90
  background-color: var(--color-light-neutral-translucent-200-inverted);
91
91
  }
92
- .product-cover__component_14a7f.product-cover__lightening_14a7f .product-cover__active_14a7f {
92
+ .product-cover__component_wcos1.product-cover__lightening_wcos1 .product-cover__active_wcos1 {
93
93
  background-color: var(--color-light-neutral-translucent-400-inverted);
94
94
  }
95
95
  @media (hover: hover) {
96
- .product-cover__component_14a7f.product-cover__lightening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
96
+ .product-cover__component_wcos1.product-cover__lightening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
97
97
  opacity: 1;
98
98
  }
99
99
  }
100
- .product-cover__component_14a7f.product-cover__lightening_14a7f:active .product-cover__active_14a7f {
100
+ .product-cover__component_wcos1.product-cover__lightening_wcos1:active .product-cover__active_wcos1 {
101
101
  opacity: 1;
102
102
  }
103
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f .product-cover__hover_14a7f {
103
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1 .product-cover__hover_wcos1 {
104
104
  background-color: rgba(0, 0, 0, 0.07);
105
105
  }
106
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f .product-cover__active_14a7f {
106
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1 .product-cover__active_wcos1 {
107
107
  background-color: rgba(0, 0, 0, 0.15);
108
108
  }
109
109
  @media (hover: hover) {
110
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
110
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
111
111
  opacity: 1;
112
112
  }
113
113
  }
114
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f:active .product-cover__active_14a7f {
114
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1:active .product-cover__active_wcos1 {
115
115
  opacity: 1;
116
116
  }
117
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f .product-cover__hover_14a7f {
117
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1 .product-cover__hover_wcos1 {
118
118
  background-color: rgba(255, 255, 255, 0.07);
119
119
  }
120
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f .product-cover__active_14a7f {
120
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1 .product-cover__active_wcos1 {
121
121
  background-color: rgba(255, 255, 255, 0.15);
122
122
  }
123
123
  @media (hover: hover) {
124
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
124
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
125
125
  opacity: 1;
126
126
  }
127
127
  }
128
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f:active .product-cover__active_14a7f {
128
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1:active .product-cover__active_wcos1 {
129
129
  opacity: 1;
130
130
  }
131
- .product-cover__icon_14a7f {
131
+ .product-cover__icon_wcos1 {
132
132
  position: absolute;
133
133
  top: 50%;
134
134
  left: 50%;
135
135
  transform: translate(-50%, -50%);
136
136
  z-index: 4;
137
137
  }
138
- .product-cover__border_14a7f {
138
+ .product-cover__border_wcos1 {
139
139
  position: absolute;
140
140
  top: var(--gap-0);
141
141
  bottom: var(--gap-0);
@@ -145,7 +145,7 @@
145
145
  pointer-events: none;
146
146
  z-index: 3;
147
147
  }
148
- .product-cover__contentAddons_14a7f {
148
+ .product-cover__contentAddons_wcos1 {
149
149
  width: 100%;
150
150
  height: 100%;
151
151
  z-index: 2;
package/esm/single/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"product-cover__component_14a7f","size-164":"product-cover__size-164_14a7f","size-128":"product-cover__size-128_14a7f","size-96":"product-cover__size-96_14a7f","size-48":"product-cover__size-48_14a7f","size-40":"product-cover__size-40_14a7f","size-32":"product-cover__size-32_14a7f","size-16":"product-cover__size-16_14a7f","state":"product-cover__state_14a7f","darkening":"product-cover__darkening_14a7f","hover":"product-cover__hover_14a7f","active":"product-cover__active_14a7f","lightening":"product-cover__lightening_14a7f","static-darkening":"product-cover__static-darkening_14a7f","static-lightening":"product-cover__static-lightening_14a7f","icon":"product-cover__icon_14a7f","border":"product-cover__border_14a7f","contentAddons":"product-cover__contentAddons_14a7f"};
3
+ var styles = {"component":"product-cover__component_wcos1","size-164":"product-cover__size-164_wcos1","size-128":"product-cover__size-128_wcos1","size-96":"product-cover__size-96_wcos1","size-48":"product-cover__size-48_wcos1","size-40":"product-cover__size-40_wcos1","size-32":"product-cover__size-32_wcos1","size-16":"product-cover__size-16_wcos1","state":"product-cover__state_wcos1","darkening":"product-cover__darkening_wcos1","hover":"product-cover__hover_wcos1","active":"product-cover__active_wcos1","lightening":"product-cover__lightening_wcos1","static-darkening":"product-cover__static-darkening_wcos1","static-lightening":"product-cover__static-lightening_wcos1","icon":"product-cover__icon_wcos1","border":"product-cover__border_wcos1","contentAddons":"product-cover__contentAddons_wcos1"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/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_vbqzd {
13
+ .product-cover__wrapper_hx9f7 {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_vbqzd.product-cover__size-128_vbqzd {
18
+ .product-cover__wrapper_hx9f7.product-cover__size-128_hx9f7 {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_vbqzd.product-cover__size-40_vbqzd {
22
+ .product-cover__wrapper_hx9f7.product-cover__size-40_hx9f7 {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_vbqzd.product-cover__size-32_vbqzd {
26
+ .product-cover__wrapper_hx9f7.product-cover__size-32_hx9f7 {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_vbqzd.product-cover__size-16_vbqzd {
30
+ .product-cover__wrapper_hx9f7.product-cover__size-16_hx9f7 {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_vbqzd.product-cover__size-40_vbqzd.product-cover__bottom_vbqzd {
34
+ .product-cover__wrapper_hx9f7.product-cover__size-40_hx9f7.product-cover__bottom_hx9f7 {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_vbqzd {
38
+ .product-cover__componentImage_hx9f7 {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_vbqzd.product-cover__size-128_vbqzd {
41
+ .product-cover__componentStack_hx9f7.product-cover__size-128_hx9f7 {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_vbqzd {
44
+ .product-cover__firstCard_hx9f7 {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_vbqzd.product-cover__size-32_vbqzd {
47
+ .product-cover__firstCard_hx9f7.product-cover__size-32_hx9f7 {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_vbqzd.product-cover__size-40_vbqzd.product-cover__bottom_vbqzd {
50
+ .product-cover__firstCard_hx9f7.product-cover__size-40_hx9f7.product-cover__bottom_hx9f7 {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-128_vbqzd {
54
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-128_hx9f7 {
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_vbqzd.product-cover__size-40_vbqzd {
60
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-40_hx9f7 {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-32_vbqzd {
64
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-32_hx9f7 {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-16_vbqzd {
68
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-16_hx9f7 {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-40_vbqzd.product-cover__bottom_vbqzd {
72
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-40_hx9f7.product-cover__bottom_hx9f7 {
73
73
  margin-top: var(--gap-16);
74
74
  margin-left: -58px;
75
75
  }
package/esm/stack/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"wrapper":"product-cover__wrapper_vbqzd","size-128":"product-cover__size-128_vbqzd","size-40":"product-cover__size-40_vbqzd","size-32":"product-cover__size-32_vbqzd","size-16":"product-cover__size-16_vbqzd","bottom":"product-cover__bottom_vbqzd","componentImage":"product-cover__componentImage_vbqzd","componentStack":"product-cover__componentStack_vbqzd","firstCard":"product-cover__firstCard_vbqzd","wrapperSecondCard":"product-cover__wrapperSecondCard_vbqzd"};
3
+ var styles = {"wrapper":"product-cover__wrapper_hx9f7","size-128":"product-cover__size-128_hx9f7","size-40":"product-cover__size-40_hx9f7","size-32":"product-cover__size-32_hx9f7","size-16":"product-cover__size-16_hx9f7","bottom":"product-cover__bottom_hx9f7","componentImage":"product-cover__componentImage_hx9f7","componentStack":"product-cover__componentStack_hx9f7","firstCard":"product-cover__firstCard_hx9f7","wrapperSecondCard":"product-cover__wrapperSecondCard_hx9f7"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/image-card/index.css CHANGED
@@ -8,11 +8,11 @@
8
8
  :root {
9
9
  --gap-0: 0px;
10
10
  }
11
- .product-cover__cardMack_1ynsa {
11
+ .product-cover__cardMack_10gho {
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_1ynsa {
15
+ .product-cover__cardImage_10gho {
16
16
  position: absolute;
17
17
  top: var(--gap-0);
18
18
  left: var(--gap-0);
package/modern/components/image-card/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"cardMack":"product-cover__cardMack_1ynsa","cardImage":"product-cover__cardImage_1ynsa"};
3
+ const styles = {"cardMack":"product-cover__cardMack_10gho","cardImage":"product-cover__cardImage_10gho"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/overlay/index.css CHANGED
@@ -5,7 +5,7 @@
5
5
  :root {
6
6
  --gap-0: 0px;
7
7
  }
8
- .product-cover__overlay_17q9t {
8
+ .product-cover__overlay_1fnsg {
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_17q9t {
19
+ .product-cover__visible_1fnsg {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_17q9t {
22
+ .product-cover__default_1fnsg {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_17q9t {
25
+ .product-cover__inverted_1fnsg {
26
26
  background: var(--color-static-neutral-translucent-700);
27
27
  }
package/modern/components/overlay/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"overlay":"product-cover__overlay_17q9t","visible":"product-cover__visible_17q9t","default":"product-cover__default_17q9t","inverted":"product-cover__inverted_17q9t"};
3
+ const styles = {"overlay":"product-cover__overlay_1fnsg","visible":"product-cover__visible_1fnsg","default":"product-cover__default_1fnsg","inverted":"product-cover__inverted_1fnsg"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/text/index.css CHANGED
@@ -5,37 +5,37 @@
5
5
  --gap-3xs: 2px;
6
6
  --gap-2: var(--gap-3xs);
7
7
  }
8
- .product-cover__component_1ufps {
8
+ .product-cover__component_o4xfv {
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_1ufps {
14
+ .product-cover__cardholderName_o4xfv {
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_1ufps {
21
+ .product-cover__cardNumber_o4xfv {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_1ufps.product-cover__buttonEye_1ufps {
25
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv {
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_1ufps.product-cover__buttonEye_1ufps:hover {
32
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_1ufps.product-cover__buttonEye_1ufps:active {
35
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_1ufps.product-cover__buttonEye_1ufps > span {
38
+ .product-cover__buttonEye_o4xfv.product-cover__buttonEye_o4xfv > span {
39
39
  display: flex;
40
40
  align-items: center;
41
41
  }
package/modern/components/text/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"product-cover__component_1ufps","cardholderName":"product-cover__cardholderName_1ufps","cardNumber":"product-cover__cardNumber_1ufps","buttonEye":"product-cover__buttonEye_1ufps"};
3
+ const styles = {"component":"product-cover__component_o4xfv","cardholderName":"product-cover__cardholderName_o4xfv","cardNumber":"product-cover__cardNumber_o4xfv","buttonEye":"product-cover__buttonEye_o4xfv"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/single/index.css CHANGED
@@ -32,38 +32,38 @@
32
32
  --gap-12: var(--gap-s);
33
33
  --gap-16: var(--gap-m);
34
34
  }
35
- .product-cover__component_14a7f {
35
+ .product-cover__component_wcos1 {
36
36
  display: flex;
37
37
  align-items: flex-end;
38
38
  position: relative;
39
39
  background-color: var(--color-light-neutral-500);
40
40
  box-sizing: border-box;
41
41
  }
42
- .product-cover__component_14a7f.product-cover__size-164_14a7f {
42
+ .product-cover__component_wcos1.product-cover__size-164_wcos1 {
43
43
  border-radius: var(--border-radius-20);
44
44
  padding: var(--gap-12) var(--gap-16);
45
45
  }
46
- .product-cover__component_14a7f.product-cover__size-128_14a7f {
46
+ .product-cover__component_wcos1.product-cover__size-128_wcos1 {
47
47
  border-radius: var(--border-radius-16);
48
48
  padding: var(--gap-8) var(--gap-12);
49
49
  }
50
- .product-cover__component_14a7f.product-cover__size-96_14a7f {
50
+ .product-cover__component_wcos1.product-cover__size-96_wcos1 {
51
51
  border-radius: var(--border-radius-12);
52
52
  padding: var(--gap-6) var(--gap-12);
53
53
  }
54
- .product-cover__component_14a7f.product-cover__size-48_14a7f,
55
- .product-cover__component_14a7f.product-cover__size-40_14a7f {
54
+ .product-cover__component_wcos1.product-cover__size-48_wcos1,
55
+ .product-cover__component_wcos1.product-cover__size-40_wcos1 {
56
56
  border-radius: var(--border-radius-6);
57
57
  padding: var(--gap-2) var(--gap-4);
58
58
  }
59
- .product-cover__component_14a7f.product-cover__size-32_14a7f {
59
+ .product-cover__component_wcos1.product-cover__size-32_wcos1 {
60
60
  border-radius: var(--border-radius-4);
61
61
  padding: var(--gap-0) var(--gap-2);
62
62
  }
63
- .product-cover__component_14a7f.product-cover__size-16_14a7f {
63
+ .product-cover__component_wcos1.product-cover__size-16_wcos1 {
64
64
  border-radius: var(--border-radius-2);
65
65
  }
66
- .product-cover__component_14a7f .product-cover__state_14a7f {
66
+ .product-cover__component_wcos1 .product-cover__state_wcos1 {
67
67
  position: absolute;
68
68
  inset: var(--gap-0);
69
69
  z-index: 2;
@@ -72,70 +72,70 @@
72
72
  transition: opacity 0.2s;
73
73
  will-change: opacity;
74
74
  }
75
- .product-cover__component_14a7f.product-cover__darkening_14a7f .product-cover__hover_14a7f {
75
+ .product-cover__component_wcos1.product-cover__darkening_wcos1 .product-cover__hover_wcos1 {
76
76
  background-color: var(--color-light-neutral-translucent-200);
77
77
  }
78
- .product-cover__component_14a7f.product-cover__darkening_14a7f .product-cover__active_14a7f {
78
+ .product-cover__component_wcos1.product-cover__darkening_wcos1 .product-cover__active_wcos1 {
79
79
  background-color: var(--color-light-neutral-translucent-400);
80
80
  }
81
81
  @media (hover: hover) {
82
- .product-cover__component_14a7f.product-cover__darkening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
82
+ .product-cover__component_wcos1.product-cover__darkening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
83
83
  opacity: 1;
84
84
  }
85
85
  }
86
- .product-cover__component_14a7f.product-cover__darkening_14a7f:active .product-cover__active_14a7f {
86
+ .product-cover__component_wcos1.product-cover__darkening_wcos1:active .product-cover__active_wcos1 {
87
87
  opacity: 1;
88
88
  }
89
- .product-cover__component_14a7f.product-cover__lightening_14a7f .product-cover__hover_14a7f {
89
+ .product-cover__component_wcos1.product-cover__lightening_wcos1 .product-cover__hover_wcos1 {
90
90
  background-color: var(--color-light-neutral-translucent-200-inverted);
91
91
  }
92
- .product-cover__component_14a7f.product-cover__lightening_14a7f .product-cover__active_14a7f {
92
+ .product-cover__component_wcos1.product-cover__lightening_wcos1 .product-cover__active_wcos1 {
93
93
  background-color: var(--color-light-neutral-translucent-400-inverted);
94
94
  }
95
95
  @media (hover: hover) {
96
- .product-cover__component_14a7f.product-cover__lightening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
96
+ .product-cover__component_wcos1.product-cover__lightening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
97
97
  opacity: 1;
98
98
  }
99
99
  }
100
- .product-cover__component_14a7f.product-cover__lightening_14a7f:active .product-cover__active_14a7f {
100
+ .product-cover__component_wcos1.product-cover__lightening_wcos1:active .product-cover__active_wcos1 {
101
101
  opacity: 1;
102
102
  }
103
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f .product-cover__hover_14a7f {
103
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1 .product-cover__hover_wcos1 {
104
104
  background-color: rgba(0, 0, 0, 0.07);
105
105
  }
106
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f .product-cover__active_14a7f {
106
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1 .product-cover__active_wcos1 {
107
107
  background-color: rgba(0, 0, 0, 0.15);
108
108
  }
109
109
  @media (hover: hover) {
110
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
110
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
111
111
  opacity: 1;
112
112
  }
113
113
  }
114
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f:active .product-cover__active_14a7f {
114
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1:active .product-cover__active_wcos1 {
115
115
  opacity: 1;
116
116
  }
117
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f .product-cover__hover_14a7f {
117
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1 .product-cover__hover_wcos1 {
118
118
  background-color: rgba(255, 255, 255, 0.07);
119
119
  }
120
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f .product-cover__active_14a7f {
120
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1 .product-cover__active_wcos1 {
121
121
  background-color: rgba(255, 255, 255, 0.15);
122
122
  }
123
123
  @media (hover: hover) {
124
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
124
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
125
125
  opacity: 1;
126
126
  }
127
127
  }
128
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f:active .product-cover__active_14a7f {
128
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1:active .product-cover__active_wcos1 {
129
129
  opacity: 1;
130
130
  }
131
- .product-cover__icon_14a7f {
131
+ .product-cover__icon_wcos1 {
132
132
  position: absolute;
133
133
  top: 50%;
134
134
  left: 50%;
135
135
  transform: translate(-50%, -50%);
136
136
  z-index: 4;
137
137
  }
138
- .product-cover__border_14a7f {
138
+ .product-cover__border_wcos1 {
139
139
  position: absolute;
140
140
  top: var(--gap-0);
141
141
  bottom: var(--gap-0);
@@ -145,7 +145,7 @@
145
145
  pointer-events: none;
146
146
  z-index: 3;
147
147
  }
148
- .product-cover__contentAddons_14a7f {
148
+ .product-cover__contentAddons_wcos1 {
149
149
  width: 100%;
150
150
  height: 100%;
151
151
  z-index: 2;
package/modern/single/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"product-cover__component_14a7f","size-164":"product-cover__size-164_14a7f","size-128":"product-cover__size-128_14a7f","size-96":"product-cover__size-96_14a7f","size-48":"product-cover__size-48_14a7f","size-40":"product-cover__size-40_14a7f","size-32":"product-cover__size-32_14a7f","size-16":"product-cover__size-16_14a7f","state":"product-cover__state_14a7f","darkening":"product-cover__darkening_14a7f","hover":"product-cover__hover_14a7f","active":"product-cover__active_14a7f","lightening":"product-cover__lightening_14a7f","static-darkening":"product-cover__static-darkening_14a7f","static-lightening":"product-cover__static-lightening_14a7f","icon":"product-cover__icon_14a7f","border":"product-cover__border_14a7f","contentAddons":"product-cover__contentAddons_14a7f"};
3
+ const styles = {"component":"product-cover__component_wcos1","size-164":"product-cover__size-164_wcos1","size-128":"product-cover__size-128_wcos1","size-96":"product-cover__size-96_wcos1","size-48":"product-cover__size-48_wcos1","size-40":"product-cover__size-40_wcos1","size-32":"product-cover__size-32_wcos1","size-16":"product-cover__size-16_wcos1","state":"product-cover__state_wcos1","darkening":"product-cover__darkening_wcos1","hover":"product-cover__hover_wcos1","active":"product-cover__active_wcos1","lightening":"product-cover__lightening_wcos1","static-darkening":"product-cover__static-darkening_wcos1","static-lightening":"product-cover__static-lightening_wcos1","icon":"product-cover__icon_wcos1","border":"product-cover__border_wcos1","contentAddons":"product-cover__contentAddons_wcos1"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/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_vbqzd {
13
+ .product-cover__wrapper_hx9f7 {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_vbqzd.product-cover__size-128_vbqzd {
18
+ .product-cover__wrapper_hx9f7.product-cover__size-128_hx9f7 {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_vbqzd.product-cover__size-40_vbqzd {
22
+ .product-cover__wrapper_hx9f7.product-cover__size-40_hx9f7 {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_vbqzd.product-cover__size-32_vbqzd {
26
+ .product-cover__wrapper_hx9f7.product-cover__size-32_hx9f7 {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_vbqzd.product-cover__size-16_vbqzd {
30
+ .product-cover__wrapper_hx9f7.product-cover__size-16_hx9f7 {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_vbqzd.product-cover__size-40_vbqzd.product-cover__bottom_vbqzd {
34
+ .product-cover__wrapper_hx9f7.product-cover__size-40_hx9f7.product-cover__bottom_hx9f7 {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_vbqzd {
38
+ .product-cover__componentImage_hx9f7 {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_vbqzd.product-cover__size-128_vbqzd {
41
+ .product-cover__componentStack_hx9f7.product-cover__size-128_hx9f7 {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_vbqzd {
44
+ .product-cover__firstCard_hx9f7 {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_vbqzd.product-cover__size-32_vbqzd {
47
+ .product-cover__firstCard_hx9f7.product-cover__size-32_hx9f7 {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_vbqzd.product-cover__size-40_vbqzd.product-cover__bottom_vbqzd {
50
+ .product-cover__firstCard_hx9f7.product-cover__size-40_hx9f7.product-cover__bottom_hx9f7 {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-128_vbqzd {
54
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-128_hx9f7 {
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_vbqzd.product-cover__size-40_vbqzd {
60
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-40_hx9f7 {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-32_vbqzd {
64
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-32_hx9f7 {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-16_vbqzd {
68
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-16_hx9f7 {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-40_vbqzd.product-cover__bottom_vbqzd {
72
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-40_hx9f7.product-cover__bottom_hx9f7 {
73
73
  margin-top: var(--gap-16);
74
74
  margin-left: -58px;
75
75
  }
package/modern/stack/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"wrapper":"product-cover__wrapper_vbqzd","size-128":"product-cover__size-128_vbqzd","size-40":"product-cover__size-40_vbqzd","size-32":"product-cover__size-32_vbqzd","size-16":"product-cover__size-16_vbqzd","bottom":"product-cover__bottom_vbqzd","componentImage":"product-cover__componentImage_vbqzd","componentStack":"product-cover__componentStack_vbqzd","firstCard":"product-cover__firstCard_vbqzd","wrapperSecondCard":"product-cover__wrapperSecondCard_vbqzd"};
3
+ const styles = {"wrapper":"product-cover__wrapper_hx9f7","size-128":"product-cover__size-128_hx9f7","size-40":"product-cover__size-40_hx9f7","size-32":"product-cover__size-32_hx9f7","size-16":"product-cover__size-16_hx9f7","bottom":"product-cover__bottom_hx9f7","componentImage":"product-cover__componentImage_hx9f7","componentStack":"product-cover__componentStack_hx9f7","firstCard":"product-cover__firstCard_hx9f7","wrapperSecondCard":"product-cover__wrapperSecondCard_hx9f7"};
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.2.0",
3
+ "version": "3.2.1",
4
4
  "description": "ProductCover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,10 +13,10 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-button": "^13.1.3",
17
- "@alfalab/core-components-shared": "^2.2.0",
18
- "@alfalab/core-components-typography": "^6.0.6",
19
- "@alfalab/hooks": "^1.13.1",
16
+ "@alfalab/core-components-button": "^13.1.4",
17
+ "@alfalab/core-components-shared": "^2.2.1",
18
+ "@alfalab/core-components-typography": "^6.0.7",
19
+ "@alfalab/hooks": "^1.17.0",
20
20
  "@alfalab/icons-glyph": "^2.260.0",
21
21
  "@alfalab/utils": "^1.18.0",
22
22
  "classnames": "^2.5.1",
package/single/index.css CHANGED
@@ -32,38 +32,38 @@
32
32
  --gap-12: var(--gap-s);
33
33
  --gap-16: var(--gap-m);
34
34
  }
35
- .product-cover__component_14a7f {
35
+ .product-cover__component_wcos1 {
36
36
  display: flex;
37
37
  align-items: flex-end;
38
38
  position: relative;
39
39
  background-color: var(--color-light-neutral-500);
40
40
  box-sizing: border-box;
41
41
  }
42
- .product-cover__component_14a7f.product-cover__size-164_14a7f {
42
+ .product-cover__component_wcos1.product-cover__size-164_wcos1 {
43
43
  border-radius: var(--border-radius-20);
44
44
  padding: var(--gap-12) var(--gap-16);
45
45
  }
46
- .product-cover__component_14a7f.product-cover__size-128_14a7f {
46
+ .product-cover__component_wcos1.product-cover__size-128_wcos1 {
47
47
  border-radius: var(--border-radius-16);
48
48
  padding: var(--gap-8) var(--gap-12);
49
49
  }
50
- .product-cover__component_14a7f.product-cover__size-96_14a7f {
50
+ .product-cover__component_wcos1.product-cover__size-96_wcos1 {
51
51
  border-radius: var(--border-radius-12);
52
52
  padding: var(--gap-6) var(--gap-12);
53
53
  }
54
- .product-cover__component_14a7f.product-cover__size-48_14a7f,
55
- .product-cover__component_14a7f.product-cover__size-40_14a7f {
54
+ .product-cover__component_wcos1.product-cover__size-48_wcos1,
55
+ .product-cover__component_wcos1.product-cover__size-40_wcos1 {
56
56
  border-radius: var(--border-radius-6);
57
57
  padding: var(--gap-2) var(--gap-4);
58
58
  }
59
- .product-cover__component_14a7f.product-cover__size-32_14a7f {
59
+ .product-cover__component_wcos1.product-cover__size-32_wcos1 {
60
60
  border-radius: var(--border-radius-4);
61
61
  padding: var(--gap-0) var(--gap-2);
62
62
  }
63
- .product-cover__component_14a7f.product-cover__size-16_14a7f {
63
+ .product-cover__component_wcos1.product-cover__size-16_wcos1 {
64
64
  border-radius: var(--border-radius-2);
65
65
  }
66
- .product-cover__component_14a7f .product-cover__state_14a7f {
66
+ .product-cover__component_wcos1 .product-cover__state_wcos1 {
67
67
  position: absolute;
68
68
  inset: var(--gap-0);
69
69
  z-index: 2;
@@ -72,70 +72,70 @@
72
72
  transition: opacity 0.2s;
73
73
  will-change: opacity;
74
74
  }
75
- .product-cover__component_14a7f.product-cover__darkening_14a7f .product-cover__hover_14a7f {
75
+ .product-cover__component_wcos1.product-cover__darkening_wcos1 .product-cover__hover_wcos1 {
76
76
  background-color: var(--color-light-neutral-translucent-200);
77
77
  }
78
- .product-cover__component_14a7f.product-cover__darkening_14a7f .product-cover__active_14a7f {
78
+ .product-cover__component_wcos1.product-cover__darkening_wcos1 .product-cover__active_wcos1 {
79
79
  background-color: var(--color-light-neutral-translucent-400);
80
80
  }
81
81
  @media (hover: hover) {
82
- .product-cover__component_14a7f.product-cover__darkening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
82
+ .product-cover__component_wcos1.product-cover__darkening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
83
83
  opacity: 1;
84
84
  }
85
85
  }
86
- .product-cover__component_14a7f.product-cover__darkening_14a7f:active .product-cover__active_14a7f {
86
+ .product-cover__component_wcos1.product-cover__darkening_wcos1:active .product-cover__active_wcos1 {
87
87
  opacity: 1;
88
88
  }
89
- .product-cover__component_14a7f.product-cover__lightening_14a7f .product-cover__hover_14a7f {
89
+ .product-cover__component_wcos1.product-cover__lightening_wcos1 .product-cover__hover_wcos1 {
90
90
  background-color: var(--color-light-neutral-translucent-200-inverted);
91
91
  }
92
- .product-cover__component_14a7f.product-cover__lightening_14a7f .product-cover__active_14a7f {
92
+ .product-cover__component_wcos1.product-cover__lightening_wcos1 .product-cover__active_wcos1 {
93
93
  background-color: var(--color-light-neutral-translucent-400-inverted);
94
94
  }
95
95
  @media (hover: hover) {
96
- .product-cover__component_14a7f.product-cover__lightening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
96
+ .product-cover__component_wcos1.product-cover__lightening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
97
97
  opacity: 1;
98
98
  }
99
99
  }
100
- .product-cover__component_14a7f.product-cover__lightening_14a7f:active .product-cover__active_14a7f {
100
+ .product-cover__component_wcos1.product-cover__lightening_wcos1:active .product-cover__active_wcos1 {
101
101
  opacity: 1;
102
102
  }
103
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f .product-cover__hover_14a7f {
103
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1 .product-cover__hover_wcos1 {
104
104
  background-color: rgba(0, 0, 0, 0.07);
105
105
  }
106
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f .product-cover__active_14a7f {
106
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1 .product-cover__active_wcos1 {
107
107
  background-color: rgba(0, 0, 0, 0.15);
108
108
  }
109
109
  @media (hover: hover) {
110
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
110
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
111
111
  opacity: 1;
112
112
  }
113
113
  }
114
- .product-cover__component_14a7f.product-cover__static-darkening_14a7f:active .product-cover__active_14a7f {
114
+ .product-cover__component_wcos1.product-cover__static-darkening_wcos1:active .product-cover__active_wcos1 {
115
115
  opacity: 1;
116
116
  }
117
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f .product-cover__hover_14a7f {
117
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1 .product-cover__hover_wcos1 {
118
118
  background-color: rgba(255, 255, 255, 0.07);
119
119
  }
120
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f .product-cover__active_14a7f {
120
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1 .product-cover__active_wcos1 {
121
121
  background-color: rgba(255, 255, 255, 0.15);
122
122
  }
123
123
  @media (hover: hover) {
124
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f:hover:not(:active) .product-cover__hover_14a7f {
124
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1:hover:not(:active) .product-cover__hover_wcos1 {
125
125
  opacity: 1;
126
126
  }
127
127
  }
128
- .product-cover__component_14a7f.product-cover__static-lightening_14a7f:active .product-cover__active_14a7f {
128
+ .product-cover__component_wcos1.product-cover__static-lightening_wcos1:active .product-cover__active_wcos1 {
129
129
  opacity: 1;
130
130
  }
131
- .product-cover__icon_14a7f {
131
+ .product-cover__icon_wcos1 {
132
132
  position: absolute;
133
133
  top: 50%;
134
134
  left: 50%;
135
135
  transform: translate(-50%, -50%);
136
136
  z-index: 4;
137
137
  }
138
- .product-cover__border_14a7f {
138
+ .product-cover__border_wcos1 {
139
139
  position: absolute;
140
140
  top: var(--gap-0);
141
141
  bottom: var(--gap-0);
@@ -145,7 +145,7 @@
145
145
  pointer-events: none;
146
146
  z-index: 3;
147
147
  }
148
- .product-cover__contentAddons_14a7f {
148
+ .product-cover__contentAddons_wcos1 {
149
149
  width: 100%;
150
150
  height: 100%;
151
151
  z-index: 2;
package/single/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"product-cover__component_14a7f","size-164":"product-cover__size-164_14a7f","size-128":"product-cover__size-128_14a7f","size-96":"product-cover__size-96_14a7f","size-48":"product-cover__size-48_14a7f","size-40":"product-cover__size-40_14a7f","size-32":"product-cover__size-32_14a7f","size-16":"product-cover__size-16_14a7f","state":"product-cover__state_14a7f","darkening":"product-cover__darkening_14a7f","hover":"product-cover__hover_14a7f","active":"product-cover__active_14a7f","lightening":"product-cover__lightening_14a7f","static-darkening":"product-cover__static-darkening_14a7f","static-lightening":"product-cover__static-lightening_14a7f","icon":"product-cover__icon_14a7f","border":"product-cover__border_14a7f","contentAddons":"product-cover__contentAddons_14a7f"};
5
+ var styles = {"component":"product-cover__component_wcos1","size-164":"product-cover__size-164_wcos1","size-128":"product-cover__size-128_wcos1","size-96":"product-cover__size-96_wcos1","size-48":"product-cover__size-48_wcos1","size-40":"product-cover__size-40_wcos1","size-32":"product-cover__size-32_wcos1","size-16":"product-cover__size-16_wcos1","state":"product-cover__state_wcos1","darkening":"product-cover__darkening_wcos1","hover":"product-cover__hover_wcos1","active":"product-cover__active_wcos1","lightening":"product-cover__lightening_wcos1","static-darkening":"product-cover__static-darkening_wcos1","static-lightening":"product-cover__static-lightening_wcos1","icon":"product-cover__icon_wcos1","border":"product-cover__border_wcos1","contentAddons":"product-cover__contentAddons_wcos1"};
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_vbqzd {
13
+ .product-cover__wrapper_hx9f7 {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_vbqzd.product-cover__size-128_vbqzd {
18
+ .product-cover__wrapper_hx9f7.product-cover__size-128_hx9f7 {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_vbqzd.product-cover__size-40_vbqzd {
22
+ .product-cover__wrapper_hx9f7.product-cover__size-40_hx9f7 {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_vbqzd.product-cover__size-32_vbqzd {
26
+ .product-cover__wrapper_hx9f7.product-cover__size-32_hx9f7 {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_vbqzd.product-cover__size-16_vbqzd {
30
+ .product-cover__wrapper_hx9f7.product-cover__size-16_hx9f7 {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_vbqzd.product-cover__size-40_vbqzd.product-cover__bottom_vbqzd {
34
+ .product-cover__wrapper_hx9f7.product-cover__size-40_hx9f7.product-cover__bottom_hx9f7 {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_vbqzd {
38
+ .product-cover__componentImage_hx9f7 {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_vbqzd.product-cover__size-128_vbqzd {
41
+ .product-cover__componentStack_hx9f7.product-cover__size-128_hx9f7 {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_vbqzd {
44
+ .product-cover__firstCard_hx9f7 {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_vbqzd.product-cover__size-32_vbqzd {
47
+ .product-cover__firstCard_hx9f7.product-cover__size-32_hx9f7 {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_vbqzd.product-cover__size-40_vbqzd.product-cover__bottom_vbqzd {
50
+ .product-cover__firstCard_hx9f7.product-cover__size-40_hx9f7.product-cover__bottom_hx9f7 {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-128_vbqzd {
54
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-128_hx9f7 {
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_vbqzd.product-cover__size-40_vbqzd {
60
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-40_hx9f7 {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-32_vbqzd {
64
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-32_hx9f7 {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-16_vbqzd {
68
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-16_hx9f7 {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_vbqzd.product-cover__size-40_vbqzd.product-cover__bottom_vbqzd {
72
+ .product-cover__wrapperSecondCard_hx9f7.product-cover__size-40_hx9f7.product-cover__bottom_hx9f7 {
73
73
  margin-top: var(--gap-16);
74
74
  margin-left: -58px;
75
75
  }
package/stack/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"wrapper":"product-cover__wrapper_vbqzd","size-128":"product-cover__size-128_vbqzd","size-40":"product-cover__size-40_vbqzd","size-32":"product-cover__size-32_vbqzd","size-16":"product-cover__size-16_vbqzd","bottom":"product-cover__bottom_vbqzd","componentImage":"product-cover__componentImage_vbqzd","componentStack":"product-cover__componentStack_vbqzd","firstCard":"product-cover__firstCard_vbqzd","wrapperSecondCard":"product-cover__wrapperSecondCard_vbqzd"};
5
+ var styles = {"wrapper":"product-cover__wrapper_hx9f7","size-128":"product-cover__size-128_hx9f7","size-40":"product-cover__size-40_hx9f7","size-32":"product-cover__size-32_hx9f7","size-16":"product-cover__size-16_hx9f7","bottom":"product-cover__bottom_hx9f7","componentImage":"product-cover__componentImage_hx9f7","componentStack":"product-cover__componentStack_hx9f7","firstCard":"product-cover__firstCard_hx9f7","wrapperSecondCard":"product-cover__wrapperSecondCard_hx9f7"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map