@alfalab/core-components-product-cover 3.2.2 → 3.2.3-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.
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 +6 -6
  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_u5v4u {
11
+ .product-cover__cardMack_1r66e {
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_u5v4u {
15
+ .product-cover__cardImage_1r66e {
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_u5v4u","cardImage":"product-cover__cardImage_u5v4u"};
5
+ var styles = {"cardMack":"product-cover__cardMack_1r66e","cardImage":"product-cover__cardImage_1r66e"};
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_7u8xr {
8
+ .product-cover__overlay_m2lr6 {
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_7u8xr {
19
+ .product-cover__visible_m2lr6 {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_7u8xr {
22
+ .product-cover__default_m2lr6 {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_7u8xr {
25
+ .product-cover__inverted_m2lr6 {
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_7u8xr","visible":"product-cover__visible_7u8xr","default":"product-cover__default_7u8xr","inverted":"product-cover__inverted_7u8xr"};
5
+ var styles = {"overlay":"product-cover__overlay_m2lr6","visible":"product-cover__visible_m2lr6","default":"product-cover__default_m2lr6","inverted":"product-cover__inverted_m2lr6"};
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_zwivq {
8
+ .product-cover__component_1y7mw {
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_zwivq {
14
+ .product-cover__cardholderName_1y7mw {
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_zwivq {
21
+ .product-cover__cardNumber_1y7mw {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_zwivq.product-cover__buttonEye_zwivq {
25
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw {
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_zwivq.product-cover__buttonEye_zwivq:hover {
32
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_zwivq.product-cover__buttonEye_zwivq:active {
35
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_zwivq.product-cover__buttonEye_zwivq > span {
38
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw > 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_zwivq","cardholderName":"product-cover__cardholderName_zwivq","cardNumber":"product-cover__cardNumber_zwivq","buttonEye":"product-cover__buttonEye_zwivq"};
5
+ var styles = {"component":"product-cover__component_1y7mw","cardholderName":"product-cover__cardholderName_1y7mw","cardNumber":"product-cover__cardNumber_1y7mw","buttonEye":"product-cover__buttonEye_1y7mw"};
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_u5v4u {
11
+ .product-cover__cardMack_1r66e {
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_u5v4u {
15
+ .product-cover__cardImage_1r66e {
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_u5v4u","cardImage":"product-cover__cardImage_u5v4u"};
3
+ var styles = {"cardMack":"product-cover__cardMack_1r66e","cardImage":"product-cover__cardImage_1r66e"};
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_7u8xr {
8
+ .product-cover__overlay_m2lr6 {
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_7u8xr {
19
+ .product-cover__visible_m2lr6 {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_7u8xr {
22
+ .product-cover__default_m2lr6 {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_7u8xr {
25
+ .product-cover__inverted_m2lr6 {
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_7u8xr","visible":"product-cover__visible_7u8xr","default":"product-cover__default_7u8xr","inverted":"product-cover__inverted_7u8xr"};
3
+ var styles = {"overlay":"product-cover__overlay_m2lr6","visible":"product-cover__visible_m2lr6","default":"product-cover__default_m2lr6","inverted":"product-cover__inverted_m2lr6"};
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_zwivq {
8
+ .product-cover__component_1y7mw {
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_zwivq {
14
+ .product-cover__cardholderName_1y7mw {
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_zwivq {
21
+ .product-cover__cardNumber_1y7mw {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_zwivq.product-cover__buttonEye_zwivq {
25
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw {
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_zwivq.product-cover__buttonEye_zwivq:hover {
32
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_zwivq.product-cover__buttonEye_zwivq:active {
35
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_zwivq.product-cover__buttonEye_zwivq > span {
38
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw > 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_zwivq","cardholderName":"product-cover__cardholderName_zwivq","cardNumber":"product-cover__cardNumber_zwivq","buttonEye":"product-cover__buttonEye_zwivq"};
3
+ var styles = {"component":"product-cover__component_1y7mw","cardholderName":"product-cover__cardholderName_1y7mw","cardNumber":"product-cover__cardNumber_1y7mw","buttonEye":"product-cover__buttonEye_1y7mw"};
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_55493 {
35
+ .product-cover__component_12en8 {
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_55493.product-cover__size-164_55493 {
42
+ .product-cover__component_12en8.product-cover__size-164_12en8 {
43
43
  border-radius: var(--border-radius-20);
44
44
  padding: var(--gap-12) var(--gap-16);
45
45
  }
46
- .product-cover__component_55493.product-cover__size-128_55493 {
46
+ .product-cover__component_12en8.product-cover__size-128_12en8 {
47
47
  border-radius: var(--border-radius-16);
48
48
  padding: var(--gap-8) var(--gap-12);
49
49
  }
50
- .product-cover__component_55493.product-cover__size-96_55493 {
50
+ .product-cover__component_12en8.product-cover__size-96_12en8 {
51
51
  border-radius: var(--border-radius-12);
52
52
  padding: var(--gap-6) var(--gap-12);
53
53
  }
54
- .product-cover__component_55493.product-cover__size-48_55493,
55
- .product-cover__component_55493.product-cover__size-40_55493 {
54
+ .product-cover__component_12en8.product-cover__size-48_12en8,
55
+ .product-cover__component_12en8.product-cover__size-40_12en8 {
56
56
  border-radius: var(--border-radius-6);
57
57
  padding: var(--gap-2) var(--gap-4);
58
58
  }
59
- .product-cover__component_55493.product-cover__size-32_55493 {
59
+ .product-cover__component_12en8.product-cover__size-32_12en8 {
60
60
  border-radius: var(--border-radius-4);
61
61
  padding: var(--gap-0) var(--gap-2);
62
62
  }
63
- .product-cover__component_55493.product-cover__size-16_55493 {
63
+ .product-cover__component_12en8.product-cover__size-16_12en8 {
64
64
  border-radius: var(--border-radius-2);
65
65
  }
66
- .product-cover__component_55493 .product-cover__state_55493 {
66
+ .product-cover__component_12en8 .product-cover__state_12en8 {
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_55493.product-cover__darkening_55493 .product-cover__hover_55493 {
75
+ .product-cover__component_12en8.product-cover__darkening_12en8 .product-cover__hover_12en8 {
76
76
  background-color: var(--color-light-neutral-translucent-200);
77
77
  }
78
- .product-cover__component_55493.product-cover__darkening_55493 .product-cover__active_55493 {
78
+ .product-cover__component_12en8.product-cover__darkening_12en8 .product-cover__active_12en8 {
79
79
  background-color: var(--color-light-neutral-translucent-400);
80
80
  }
81
81
  @media (hover: hover) {
82
- .product-cover__component_55493.product-cover__darkening_55493:hover:not(:active) .product-cover__hover_55493 {
82
+ .product-cover__component_12en8.product-cover__darkening_12en8:hover:not(:active) .product-cover__hover_12en8 {
83
83
  opacity: 1;
84
84
  }
85
85
  }
86
- .product-cover__component_55493.product-cover__darkening_55493:active .product-cover__active_55493 {
86
+ .product-cover__component_12en8.product-cover__darkening_12en8:active .product-cover__active_12en8 {
87
87
  opacity: 1;
88
88
  }
89
- .product-cover__component_55493.product-cover__lightening_55493 .product-cover__hover_55493 {
89
+ .product-cover__component_12en8.product-cover__lightening_12en8 .product-cover__hover_12en8 {
90
90
  background-color: var(--color-light-neutral-translucent-200-inverted);
91
91
  }
92
- .product-cover__component_55493.product-cover__lightening_55493 .product-cover__active_55493 {
92
+ .product-cover__component_12en8.product-cover__lightening_12en8 .product-cover__active_12en8 {
93
93
  background-color: var(--color-light-neutral-translucent-400-inverted);
94
94
  }
95
95
  @media (hover: hover) {
96
- .product-cover__component_55493.product-cover__lightening_55493:hover:not(:active) .product-cover__hover_55493 {
96
+ .product-cover__component_12en8.product-cover__lightening_12en8:hover:not(:active) .product-cover__hover_12en8 {
97
97
  opacity: 1;
98
98
  }
99
99
  }
100
- .product-cover__component_55493.product-cover__lightening_55493:active .product-cover__active_55493 {
100
+ .product-cover__component_12en8.product-cover__lightening_12en8:active .product-cover__active_12en8 {
101
101
  opacity: 1;
102
102
  }
103
- .product-cover__component_55493.product-cover__static-darkening_55493 .product-cover__hover_55493 {
103
+ .product-cover__component_12en8.product-cover__static-darkening_12en8 .product-cover__hover_12en8 {
104
104
  background-color: rgba(0, 0, 0, 0.07);
105
105
  }
106
- .product-cover__component_55493.product-cover__static-darkening_55493 .product-cover__active_55493 {
106
+ .product-cover__component_12en8.product-cover__static-darkening_12en8 .product-cover__active_12en8 {
107
107
  background-color: rgba(0, 0, 0, 0.15);
108
108
  }
109
109
  @media (hover: hover) {
110
- .product-cover__component_55493.product-cover__static-darkening_55493:hover:not(:active) .product-cover__hover_55493 {
110
+ .product-cover__component_12en8.product-cover__static-darkening_12en8:hover:not(:active) .product-cover__hover_12en8 {
111
111
  opacity: 1;
112
112
  }
113
113
  }
114
- .product-cover__component_55493.product-cover__static-darkening_55493:active .product-cover__active_55493 {
114
+ .product-cover__component_12en8.product-cover__static-darkening_12en8:active .product-cover__active_12en8 {
115
115
  opacity: 1;
116
116
  }
117
- .product-cover__component_55493.product-cover__static-lightening_55493 .product-cover__hover_55493 {
117
+ .product-cover__component_12en8.product-cover__static-lightening_12en8 .product-cover__hover_12en8 {
118
118
  background-color: rgba(255, 255, 255, 0.07);
119
119
  }
120
- .product-cover__component_55493.product-cover__static-lightening_55493 .product-cover__active_55493 {
120
+ .product-cover__component_12en8.product-cover__static-lightening_12en8 .product-cover__active_12en8 {
121
121
  background-color: rgba(255, 255, 255, 0.15);
122
122
  }
123
123
  @media (hover: hover) {
124
- .product-cover__component_55493.product-cover__static-lightening_55493:hover:not(:active) .product-cover__hover_55493 {
124
+ .product-cover__component_12en8.product-cover__static-lightening_12en8:hover:not(:active) .product-cover__hover_12en8 {
125
125
  opacity: 1;
126
126
  }
127
127
  }
128
- .product-cover__component_55493.product-cover__static-lightening_55493:active .product-cover__active_55493 {
128
+ .product-cover__component_12en8.product-cover__static-lightening_12en8:active .product-cover__active_12en8 {
129
129
  opacity: 1;
130
130
  }
131
- .product-cover__icon_55493 {
131
+ .product-cover__icon_12en8 {
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_55493 {
138
+ .product-cover__border_12en8 {
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_55493 {
148
+ .product-cover__contentAddons_12en8 {
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_55493","size-164":"product-cover__size-164_55493","size-128":"product-cover__size-128_55493","size-96":"product-cover__size-96_55493","size-48":"product-cover__size-48_55493","size-40":"product-cover__size-40_55493","size-32":"product-cover__size-32_55493","size-16":"product-cover__size-16_55493","state":"product-cover__state_55493","darkening":"product-cover__darkening_55493","hover":"product-cover__hover_55493","active":"product-cover__active_55493","lightening":"product-cover__lightening_55493","static-darkening":"product-cover__static-darkening_55493","static-lightening":"product-cover__static-lightening_55493","icon":"product-cover__icon_55493","border":"product-cover__border_55493","contentAddons":"product-cover__contentAddons_55493"};
3
+ var styles = {"component":"product-cover__component_12en8","size-164":"product-cover__size-164_12en8","size-128":"product-cover__size-128_12en8","size-96":"product-cover__size-96_12en8","size-48":"product-cover__size-48_12en8","size-40":"product-cover__size-40_12en8","size-32":"product-cover__size-32_12en8","size-16":"product-cover__size-16_12en8","state":"product-cover__state_12en8","darkening":"product-cover__darkening_12en8","hover":"product-cover__hover_12en8","active":"product-cover__active_12en8","lightening":"product-cover__lightening_12en8","static-darkening":"product-cover__static-darkening_12en8","static-lightening":"product-cover__static-lightening_12en8","icon":"product-cover__icon_12en8","border":"product-cover__border_12en8","contentAddons":"product-cover__contentAddons_12en8"};
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_tj05s {
13
+ .product-cover__wrapper_ir2he {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_tj05s.product-cover__size-128_tj05s {
18
+ .product-cover__wrapper_ir2he.product-cover__size-128_ir2he {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_tj05s.product-cover__size-40_tj05s {
22
+ .product-cover__wrapper_ir2he.product-cover__size-40_ir2he {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_tj05s.product-cover__size-32_tj05s {
26
+ .product-cover__wrapper_ir2he.product-cover__size-32_ir2he {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_tj05s.product-cover__size-16_tj05s {
30
+ .product-cover__wrapper_ir2he.product-cover__size-16_ir2he {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_tj05s.product-cover__size-40_tj05s.product-cover__bottom_tj05s {
34
+ .product-cover__wrapper_ir2he.product-cover__size-40_ir2he.product-cover__bottom_ir2he {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_tj05s {
38
+ .product-cover__componentImage_ir2he {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_tj05s.product-cover__size-128_tj05s {
41
+ .product-cover__componentStack_ir2he.product-cover__size-128_ir2he {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_tj05s {
44
+ .product-cover__firstCard_ir2he {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_tj05s.product-cover__size-32_tj05s {
47
+ .product-cover__firstCard_ir2he.product-cover__size-32_ir2he {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_tj05s.product-cover__size-40_tj05s.product-cover__bottom_tj05s {
50
+ .product-cover__firstCard_ir2he.product-cover__size-40_ir2he.product-cover__bottom_ir2he {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-128_tj05s {
54
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-128_ir2he {
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_tj05s.product-cover__size-40_tj05s {
60
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-40_ir2he {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-32_tj05s {
64
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-32_ir2he {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-16_tj05s {
68
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-16_ir2he {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-40_tj05s.product-cover__bottom_tj05s {
72
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-40_ir2he.product-cover__bottom_ir2he {
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_tj05s","size-128":"product-cover__size-128_tj05s","size-40":"product-cover__size-40_tj05s","size-32":"product-cover__size-32_tj05s","size-16":"product-cover__size-16_tj05s","bottom":"product-cover__bottom_tj05s","componentImage":"product-cover__componentImage_tj05s","componentStack":"product-cover__componentStack_tj05s","firstCard":"product-cover__firstCard_tj05s","wrapperSecondCard":"product-cover__wrapperSecondCard_tj05s"};
3
+ var styles = {"wrapper":"product-cover__wrapper_ir2he","size-128":"product-cover__size-128_ir2he","size-40":"product-cover__size-40_ir2he","size-32":"product-cover__size-32_ir2he","size-16":"product-cover__size-16_ir2he","bottom":"product-cover__bottom_ir2he","componentImage":"product-cover__componentImage_ir2he","componentStack":"product-cover__componentStack_ir2he","firstCard":"product-cover__firstCard_ir2he","wrapperSecondCard":"product-cover__wrapperSecondCard_ir2he"};
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_u5v4u {
11
+ .product-cover__cardMack_1r66e {
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_u5v4u {
15
+ .product-cover__cardImage_1r66e {
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_u5v4u","cardImage":"product-cover__cardImage_u5v4u"};
3
+ const styles = {"cardMack":"product-cover__cardMack_1r66e","cardImage":"product-cover__cardImage_1r66e"};
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_7u8xr {
8
+ .product-cover__overlay_m2lr6 {
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_7u8xr {
19
+ .product-cover__visible_m2lr6 {
20
20
  opacity: 1;
21
21
  }
22
- .product-cover__default_7u8xr {
22
+ .product-cover__default_m2lr6 {
23
23
  background: var(--color-static-neutral-translucent-700-inverted);
24
24
  }
25
- .product-cover__inverted_7u8xr {
25
+ .product-cover__inverted_m2lr6 {
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_7u8xr","visible":"product-cover__visible_7u8xr","default":"product-cover__default_7u8xr","inverted":"product-cover__inverted_7u8xr"};
3
+ const styles = {"overlay":"product-cover__overlay_m2lr6","visible":"product-cover__visible_m2lr6","default":"product-cover__default_m2lr6","inverted":"product-cover__inverted_m2lr6"};
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_zwivq {
8
+ .product-cover__component_1y7mw {
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_zwivq {
14
+ .product-cover__cardholderName_1y7mw {
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_zwivq {
21
+ .product-cover__cardNumber_1y7mw {
22
22
  display: flex;
23
23
  align-items: center;
24
24
  }
25
- .product-cover__buttonEye_zwivq.product-cover__buttonEye_zwivq {
25
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw {
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_zwivq.product-cover__buttonEye_zwivq:hover {
32
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw:hover {
33
33
  color: var(--color-static-text-primary-light);
34
34
  }
35
- .product-cover__buttonEye_zwivq.product-cover__buttonEye_zwivq:active {
35
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw:active {
36
36
  color: var(--color-static-text-primary-light);
37
37
  }
38
- .product-cover__buttonEye_zwivq.product-cover__buttonEye_zwivq > span {
38
+ .product-cover__buttonEye_1y7mw.product-cover__buttonEye_1y7mw > 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_zwivq","cardholderName":"product-cover__cardholderName_zwivq","cardNumber":"product-cover__cardNumber_zwivq","buttonEye":"product-cover__buttonEye_zwivq"};
3
+ const styles = {"component":"product-cover__component_1y7mw","cardholderName":"product-cover__cardholderName_1y7mw","cardNumber":"product-cover__cardNumber_1y7mw","buttonEye":"product-cover__buttonEye_1y7mw"};
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_55493 {
35
+ .product-cover__component_12en8 {
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_55493.product-cover__size-164_55493 {
42
+ .product-cover__component_12en8.product-cover__size-164_12en8 {
43
43
  border-radius: var(--border-radius-20);
44
44
  padding: var(--gap-12) var(--gap-16);
45
45
  }
46
- .product-cover__component_55493.product-cover__size-128_55493 {
46
+ .product-cover__component_12en8.product-cover__size-128_12en8 {
47
47
  border-radius: var(--border-radius-16);
48
48
  padding: var(--gap-8) var(--gap-12);
49
49
  }
50
- .product-cover__component_55493.product-cover__size-96_55493 {
50
+ .product-cover__component_12en8.product-cover__size-96_12en8 {
51
51
  border-radius: var(--border-radius-12);
52
52
  padding: var(--gap-6) var(--gap-12);
53
53
  }
54
- .product-cover__component_55493.product-cover__size-48_55493,
55
- .product-cover__component_55493.product-cover__size-40_55493 {
54
+ .product-cover__component_12en8.product-cover__size-48_12en8,
55
+ .product-cover__component_12en8.product-cover__size-40_12en8 {
56
56
  border-radius: var(--border-radius-6);
57
57
  padding: var(--gap-2) var(--gap-4);
58
58
  }
59
- .product-cover__component_55493.product-cover__size-32_55493 {
59
+ .product-cover__component_12en8.product-cover__size-32_12en8 {
60
60
  border-radius: var(--border-radius-4);
61
61
  padding: var(--gap-0) var(--gap-2);
62
62
  }
63
- .product-cover__component_55493.product-cover__size-16_55493 {
63
+ .product-cover__component_12en8.product-cover__size-16_12en8 {
64
64
  border-radius: var(--border-radius-2);
65
65
  }
66
- .product-cover__component_55493 .product-cover__state_55493 {
66
+ .product-cover__component_12en8 .product-cover__state_12en8 {
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_55493.product-cover__darkening_55493 .product-cover__hover_55493 {
75
+ .product-cover__component_12en8.product-cover__darkening_12en8 .product-cover__hover_12en8 {
76
76
  background-color: var(--color-light-neutral-translucent-200);
77
77
  }
78
- .product-cover__component_55493.product-cover__darkening_55493 .product-cover__active_55493 {
78
+ .product-cover__component_12en8.product-cover__darkening_12en8 .product-cover__active_12en8 {
79
79
  background-color: var(--color-light-neutral-translucent-400);
80
80
  }
81
81
  @media (hover: hover) {
82
- .product-cover__component_55493.product-cover__darkening_55493:hover:not(:active) .product-cover__hover_55493 {
82
+ .product-cover__component_12en8.product-cover__darkening_12en8:hover:not(:active) .product-cover__hover_12en8 {
83
83
  opacity: 1;
84
84
  }
85
85
  }
86
- .product-cover__component_55493.product-cover__darkening_55493:active .product-cover__active_55493 {
86
+ .product-cover__component_12en8.product-cover__darkening_12en8:active .product-cover__active_12en8 {
87
87
  opacity: 1;
88
88
  }
89
- .product-cover__component_55493.product-cover__lightening_55493 .product-cover__hover_55493 {
89
+ .product-cover__component_12en8.product-cover__lightening_12en8 .product-cover__hover_12en8 {
90
90
  background-color: var(--color-light-neutral-translucent-200-inverted);
91
91
  }
92
- .product-cover__component_55493.product-cover__lightening_55493 .product-cover__active_55493 {
92
+ .product-cover__component_12en8.product-cover__lightening_12en8 .product-cover__active_12en8 {
93
93
  background-color: var(--color-light-neutral-translucent-400-inverted);
94
94
  }
95
95
  @media (hover: hover) {
96
- .product-cover__component_55493.product-cover__lightening_55493:hover:not(:active) .product-cover__hover_55493 {
96
+ .product-cover__component_12en8.product-cover__lightening_12en8:hover:not(:active) .product-cover__hover_12en8 {
97
97
  opacity: 1;
98
98
  }
99
99
  }
100
- .product-cover__component_55493.product-cover__lightening_55493:active .product-cover__active_55493 {
100
+ .product-cover__component_12en8.product-cover__lightening_12en8:active .product-cover__active_12en8 {
101
101
  opacity: 1;
102
102
  }
103
- .product-cover__component_55493.product-cover__static-darkening_55493 .product-cover__hover_55493 {
103
+ .product-cover__component_12en8.product-cover__static-darkening_12en8 .product-cover__hover_12en8 {
104
104
  background-color: rgba(0, 0, 0, 0.07);
105
105
  }
106
- .product-cover__component_55493.product-cover__static-darkening_55493 .product-cover__active_55493 {
106
+ .product-cover__component_12en8.product-cover__static-darkening_12en8 .product-cover__active_12en8 {
107
107
  background-color: rgba(0, 0, 0, 0.15);
108
108
  }
109
109
  @media (hover: hover) {
110
- .product-cover__component_55493.product-cover__static-darkening_55493:hover:not(:active) .product-cover__hover_55493 {
110
+ .product-cover__component_12en8.product-cover__static-darkening_12en8:hover:not(:active) .product-cover__hover_12en8 {
111
111
  opacity: 1;
112
112
  }
113
113
  }
114
- .product-cover__component_55493.product-cover__static-darkening_55493:active .product-cover__active_55493 {
114
+ .product-cover__component_12en8.product-cover__static-darkening_12en8:active .product-cover__active_12en8 {
115
115
  opacity: 1;
116
116
  }
117
- .product-cover__component_55493.product-cover__static-lightening_55493 .product-cover__hover_55493 {
117
+ .product-cover__component_12en8.product-cover__static-lightening_12en8 .product-cover__hover_12en8 {
118
118
  background-color: rgba(255, 255, 255, 0.07);
119
119
  }
120
- .product-cover__component_55493.product-cover__static-lightening_55493 .product-cover__active_55493 {
120
+ .product-cover__component_12en8.product-cover__static-lightening_12en8 .product-cover__active_12en8 {
121
121
  background-color: rgba(255, 255, 255, 0.15);
122
122
  }
123
123
  @media (hover: hover) {
124
- .product-cover__component_55493.product-cover__static-lightening_55493:hover:not(:active) .product-cover__hover_55493 {
124
+ .product-cover__component_12en8.product-cover__static-lightening_12en8:hover:not(:active) .product-cover__hover_12en8 {
125
125
  opacity: 1;
126
126
  }
127
127
  }
128
- .product-cover__component_55493.product-cover__static-lightening_55493:active .product-cover__active_55493 {
128
+ .product-cover__component_12en8.product-cover__static-lightening_12en8:active .product-cover__active_12en8 {
129
129
  opacity: 1;
130
130
  }
131
- .product-cover__icon_55493 {
131
+ .product-cover__icon_12en8 {
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_55493 {
138
+ .product-cover__border_12en8 {
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_55493 {
148
+ .product-cover__contentAddons_12en8 {
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_55493","size-164":"product-cover__size-164_55493","size-128":"product-cover__size-128_55493","size-96":"product-cover__size-96_55493","size-48":"product-cover__size-48_55493","size-40":"product-cover__size-40_55493","size-32":"product-cover__size-32_55493","size-16":"product-cover__size-16_55493","state":"product-cover__state_55493","darkening":"product-cover__darkening_55493","hover":"product-cover__hover_55493","active":"product-cover__active_55493","lightening":"product-cover__lightening_55493","static-darkening":"product-cover__static-darkening_55493","static-lightening":"product-cover__static-lightening_55493","icon":"product-cover__icon_55493","border":"product-cover__border_55493","contentAddons":"product-cover__contentAddons_55493"};
3
+ const styles = {"component":"product-cover__component_12en8","size-164":"product-cover__size-164_12en8","size-128":"product-cover__size-128_12en8","size-96":"product-cover__size-96_12en8","size-48":"product-cover__size-48_12en8","size-40":"product-cover__size-40_12en8","size-32":"product-cover__size-32_12en8","size-16":"product-cover__size-16_12en8","state":"product-cover__state_12en8","darkening":"product-cover__darkening_12en8","hover":"product-cover__hover_12en8","active":"product-cover__active_12en8","lightening":"product-cover__lightening_12en8","static-darkening":"product-cover__static-darkening_12en8","static-lightening":"product-cover__static-lightening_12en8","icon":"product-cover__icon_12en8","border":"product-cover__border_12en8","contentAddons":"product-cover__contentAddons_12en8"};
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_tj05s {
13
+ .product-cover__wrapper_ir2he {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_tj05s.product-cover__size-128_tj05s {
18
+ .product-cover__wrapper_ir2he.product-cover__size-128_ir2he {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_tj05s.product-cover__size-40_tj05s {
22
+ .product-cover__wrapper_ir2he.product-cover__size-40_ir2he {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_tj05s.product-cover__size-32_tj05s {
26
+ .product-cover__wrapper_ir2he.product-cover__size-32_ir2he {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_tj05s.product-cover__size-16_tj05s {
30
+ .product-cover__wrapper_ir2he.product-cover__size-16_ir2he {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_tj05s.product-cover__size-40_tj05s.product-cover__bottom_tj05s {
34
+ .product-cover__wrapper_ir2he.product-cover__size-40_ir2he.product-cover__bottom_ir2he {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_tj05s {
38
+ .product-cover__componentImage_ir2he {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_tj05s.product-cover__size-128_tj05s {
41
+ .product-cover__componentStack_ir2he.product-cover__size-128_ir2he {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_tj05s {
44
+ .product-cover__firstCard_ir2he {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_tj05s.product-cover__size-32_tj05s {
47
+ .product-cover__firstCard_ir2he.product-cover__size-32_ir2he {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_tj05s.product-cover__size-40_tj05s.product-cover__bottom_tj05s {
50
+ .product-cover__firstCard_ir2he.product-cover__size-40_ir2he.product-cover__bottom_ir2he {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-128_tj05s {
54
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-128_ir2he {
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_tj05s.product-cover__size-40_tj05s {
60
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-40_ir2he {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-32_tj05s {
64
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-32_ir2he {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-16_tj05s {
68
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-16_ir2he {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-40_tj05s.product-cover__bottom_tj05s {
72
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-40_ir2he.product-cover__bottom_ir2he {
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_tj05s","size-128":"product-cover__size-128_tj05s","size-40":"product-cover__size-40_tj05s","size-32":"product-cover__size-32_tj05s","size-16":"product-cover__size-16_tj05s","bottom":"product-cover__bottom_tj05s","componentImage":"product-cover__componentImage_tj05s","componentStack":"product-cover__componentStack_tj05s","firstCard":"product-cover__firstCard_tj05s","wrapperSecondCard":"product-cover__wrapperSecondCard_tj05s"};
3
+ const styles = {"wrapper":"product-cover__wrapper_ir2he","size-128":"product-cover__size-128_ir2he","size-40":"product-cover__size-40_ir2he","size-32":"product-cover__size-32_ir2he","size-16":"product-cover__size-16_ir2he","bottom":"product-cover__bottom_ir2he","componentImage":"product-cover__componentImage_ir2he","componentStack":"product-cover__componentStack_ir2he","firstCard":"product-cover__firstCard_ir2he","wrapperSecondCard":"product-cover__wrapperSecondCard_ir2he"};
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.2",
3
+ "version": "3.2.3-alfasans",
4
4
  "description": "ProductCover component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -13,9 +13,9 @@
13
13
  "build": "rollup -c ../../tools/rollup/rollup.config.mjs --silent"
14
14
  },
15
15
  "dependencies": {
16
- "@alfalab/core-components-button": "^13.2.0",
17
- "@alfalab/core-components-shared": "^2.2.1",
18
- "@alfalab/core-components-typography": "^6.0.8",
16
+ "@alfalab/core-components-button": "13.2.1-alfasans",
17
+ "@alfalab/core-components-shared": "2.2.2-alfasans",
18
+ "@alfalab/core-components-typography": "6.0.9-alfasans",
19
19
  "@alfalab/hooks": "^1.17.0",
20
20
  "@alfalab/icons-glyph": "^2.260.0",
21
21
  "@alfalab/utils": "^1.18.0",
@@ -30,6 +30,6 @@
30
30
  "access": "public",
31
31
  "directory": "dist"
32
32
  },
33
- "themesVersion": "15.1.0",
34
- "varsVersion": "11.1.0"
33
+ "themesVersion": "15.2.0-alfasans",
34
+ "varsVersion": "11.1.0-alfasans"
35
35
  }
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_55493 {
35
+ .product-cover__component_12en8 {
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_55493.product-cover__size-164_55493 {
42
+ .product-cover__component_12en8.product-cover__size-164_12en8 {
43
43
  border-radius: var(--border-radius-20);
44
44
  padding: var(--gap-12) var(--gap-16);
45
45
  }
46
- .product-cover__component_55493.product-cover__size-128_55493 {
46
+ .product-cover__component_12en8.product-cover__size-128_12en8 {
47
47
  border-radius: var(--border-radius-16);
48
48
  padding: var(--gap-8) var(--gap-12);
49
49
  }
50
- .product-cover__component_55493.product-cover__size-96_55493 {
50
+ .product-cover__component_12en8.product-cover__size-96_12en8 {
51
51
  border-radius: var(--border-radius-12);
52
52
  padding: var(--gap-6) var(--gap-12);
53
53
  }
54
- .product-cover__component_55493.product-cover__size-48_55493,
55
- .product-cover__component_55493.product-cover__size-40_55493 {
54
+ .product-cover__component_12en8.product-cover__size-48_12en8,
55
+ .product-cover__component_12en8.product-cover__size-40_12en8 {
56
56
  border-radius: var(--border-radius-6);
57
57
  padding: var(--gap-2) var(--gap-4);
58
58
  }
59
- .product-cover__component_55493.product-cover__size-32_55493 {
59
+ .product-cover__component_12en8.product-cover__size-32_12en8 {
60
60
  border-radius: var(--border-radius-4);
61
61
  padding: var(--gap-0) var(--gap-2);
62
62
  }
63
- .product-cover__component_55493.product-cover__size-16_55493 {
63
+ .product-cover__component_12en8.product-cover__size-16_12en8 {
64
64
  border-radius: var(--border-radius-2);
65
65
  }
66
- .product-cover__component_55493 .product-cover__state_55493 {
66
+ .product-cover__component_12en8 .product-cover__state_12en8 {
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_55493.product-cover__darkening_55493 .product-cover__hover_55493 {
75
+ .product-cover__component_12en8.product-cover__darkening_12en8 .product-cover__hover_12en8 {
76
76
  background-color: var(--color-light-neutral-translucent-200);
77
77
  }
78
- .product-cover__component_55493.product-cover__darkening_55493 .product-cover__active_55493 {
78
+ .product-cover__component_12en8.product-cover__darkening_12en8 .product-cover__active_12en8 {
79
79
  background-color: var(--color-light-neutral-translucent-400);
80
80
  }
81
81
  @media (hover: hover) {
82
- .product-cover__component_55493.product-cover__darkening_55493:hover:not(:active) .product-cover__hover_55493 {
82
+ .product-cover__component_12en8.product-cover__darkening_12en8:hover:not(:active) .product-cover__hover_12en8 {
83
83
  opacity: 1;
84
84
  }
85
85
  }
86
- .product-cover__component_55493.product-cover__darkening_55493:active .product-cover__active_55493 {
86
+ .product-cover__component_12en8.product-cover__darkening_12en8:active .product-cover__active_12en8 {
87
87
  opacity: 1;
88
88
  }
89
- .product-cover__component_55493.product-cover__lightening_55493 .product-cover__hover_55493 {
89
+ .product-cover__component_12en8.product-cover__lightening_12en8 .product-cover__hover_12en8 {
90
90
  background-color: var(--color-light-neutral-translucent-200-inverted);
91
91
  }
92
- .product-cover__component_55493.product-cover__lightening_55493 .product-cover__active_55493 {
92
+ .product-cover__component_12en8.product-cover__lightening_12en8 .product-cover__active_12en8 {
93
93
  background-color: var(--color-light-neutral-translucent-400-inverted);
94
94
  }
95
95
  @media (hover: hover) {
96
- .product-cover__component_55493.product-cover__lightening_55493:hover:not(:active) .product-cover__hover_55493 {
96
+ .product-cover__component_12en8.product-cover__lightening_12en8:hover:not(:active) .product-cover__hover_12en8 {
97
97
  opacity: 1;
98
98
  }
99
99
  }
100
- .product-cover__component_55493.product-cover__lightening_55493:active .product-cover__active_55493 {
100
+ .product-cover__component_12en8.product-cover__lightening_12en8:active .product-cover__active_12en8 {
101
101
  opacity: 1;
102
102
  }
103
- .product-cover__component_55493.product-cover__static-darkening_55493 .product-cover__hover_55493 {
103
+ .product-cover__component_12en8.product-cover__static-darkening_12en8 .product-cover__hover_12en8 {
104
104
  background-color: rgba(0, 0, 0, 0.07);
105
105
  }
106
- .product-cover__component_55493.product-cover__static-darkening_55493 .product-cover__active_55493 {
106
+ .product-cover__component_12en8.product-cover__static-darkening_12en8 .product-cover__active_12en8 {
107
107
  background-color: rgba(0, 0, 0, 0.15);
108
108
  }
109
109
  @media (hover: hover) {
110
- .product-cover__component_55493.product-cover__static-darkening_55493:hover:not(:active) .product-cover__hover_55493 {
110
+ .product-cover__component_12en8.product-cover__static-darkening_12en8:hover:not(:active) .product-cover__hover_12en8 {
111
111
  opacity: 1;
112
112
  }
113
113
  }
114
- .product-cover__component_55493.product-cover__static-darkening_55493:active .product-cover__active_55493 {
114
+ .product-cover__component_12en8.product-cover__static-darkening_12en8:active .product-cover__active_12en8 {
115
115
  opacity: 1;
116
116
  }
117
- .product-cover__component_55493.product-cover__static-lightening_55493 .product-cover__hover_55493 {
117
+ .product-cover__component_12en8.product-cover__static-lightening_12en8 .product-cover__hover_12en8 {
118
118
  background-color: rgba(255, 255, 255, 0.07);
119
119
  }
120
- .product-cover__component_55493.product-cover__static-lightening_55493 .product-cover__active_55493 {
120
+ .product-cover__component_12en8.product-cover__static-lightening_12en8 .product-cover__active_12en8 {
121
121
  background-color: rgba(255, 255, 255, 0.15);
122
122
  }
123
123
  @media (hover: hover) {
124
- .product-cover__component_55493.product-cover__static-lightening_55493:hover:not(:active) .product-cover__hover_55493 {
124
+ .product-cover__component_12en8.product-cover__static-lightening_12en8:hover:not(:active) .product-cover__hover_12en8 {
125
125
  opacity: 1;
126
126
  }
127
127
  }
128
- .product-cover__component_55493.product-cover__static-lightening_55493:active .product-cover__active_55493 {
128
+ .product-cover__component_12en8.product-cover__static-lightening_12en8:active .product-cover__active_12en8 {
129
129
  opacity: 1;
130
130
  }
131
- .product-cover__icon_55493 {
131
+ .product-cover__icon_12en8 {
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_55493 {
138
+ .product-cover__border_12en8 {
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_55493 {
148
+ .product-cover__contentAddons_12en8 {
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_55493","size-164":"product-cover__size-164_55493","size-128":"product-cover__size-128_55493","size-96":"product-cover__size-96_55493","size-48":"product-cover__size-48_55493","size-40":"product-cover__size-40_55493","size-32":"product-cover__size-32_55493","size-16":"product-cover__size-16_55493","state":"product-cover__state_55493","darkening":"product-cover__darkening_55493","hover":"product-cover__hover_55493","active":"product-cover__active_55493","lightening":"product-cover__lightening_55493","static-darkening":"product-cover__static-darkening_55493","static-lightening":"product-cover__static-lightening_55493","icon":"product-cover__icon_55493","border":"product-cover__border_55493","contentAddons":"product-cover__contentAddons_55493"};
5
+ var styles = {"component":"product-cover__component_12en8","size-164":"product-cover__size-164_12en8","size-128":"product-cover__size-128_12en8","size-96":"product-cover__size-96_12en8","size-48":"product-cover__size-48_12en8","size-40":"product-cover__size-40_12en8","size-32":"product-cover__size-32_12en8","size-16":"product-cover__size-16_12en8","state":"product-cover__state_12en8","darkening":"product-cover__darkening_12en8","hover":"product-cover__hover_12en8","active":"product-cover__active_12en8","lightening":"product-cover__lightening_12en8","static-darkening":"product-cover__static-darkening_12en8","static-lightening":"product-cover__static-lightening_12en8","icon":"product-cover__icon_12en8","border":"product-cover__border_12en8","contentAddons":"product-cover__contentAddons_12en8"};
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_tj05s {
13
+ .product-cover__wrapper_ir2he {
14
14
  display: flex;
15
15
  justify-content: center;
16
16
  box-sizing: border-box;
17
17
  }
18
- .product-cover__wrapper_tj05s.product-cover__size-128_tj05s {
18
+ .product-cover__wrapper_ir2he.product-cover__size-128_ir2he {
19
19
  width: 213px;
20
20
  height: 128px;
21
21
  }
22
- .product-cover__wrapper_tj05s.product-cover__size-40_tj05s {
22
+ .product-cover__wrapper_ir2he.product-cover__size-40_ir2he {
23
23
  width: 76px;
24
24
  height: 56px;
25
25
  }
26
- .product-cover__wrapper_tj05s.product-cover__size-32_tj05s {
26
+ .product-cover__wrapper_ir2he.product-cover__size-32_ir2he {
27
27
  width: 55px;
28
28
  height: 48px;
29
29
  }
30
- .product-cover__wrapper_tj05s.product-cover__size-16_tj05s {
30
+ .product-cover__wrapper_ir2he.product-cover__size-16_ir2he {
31
31
  width: 28px;
32
32
  height: 20px;
33
33
  }
34
- .product-cover__wrapper_tj05s.product-cover__size-40_tj05s.product-cover__bottom_tj05s {
34
+ .product-cover__wrapper_ir2he.product-cover__size-40_ir2he.product-cover__bottom_ir2he {
35
35
  width: 65px;
36
36
  height: 48px;
37
37
  }
38
- .product-cover__componentImage_tj05s {
38
+ .product-cover__componentImage_ir2he {
39
39
  align-items: center;
40
40
  }
41
- .product-cover__componentStack_tj05s.product-cover__size-128_tj05s {
41
+ .product-cover__componentStack_ir2he.product-cover__size-128_ir2he {
42
42
  padding-left: var(--gap-8);
43
43
  }
44
- .product-cover__firstCard_tj05s {
44
+ .product-cover__firstCard_ir2he {
45
45
  z-index: 4;
46
46
  }
47
- .product-cover__firstCard_tj05s.product-cover__size-32_tj05s {
47
+ .product-cover__firstCard_ir2he.product-cover__size-32_ir2he {
48
48
  margin-top: var(--gap-4);
49
49
  }
50
- .product-cover__firstCard_tj05s.product-cover__size-40_tj05s.product-cover__bottom_tj05s {
50
+ .product-cover__firstCard_ir2he.product-cover__size-40_ir2he.product-cover__bottom_ir2he {
51
51
  margin-left: -7px;
52
52
  margin-top: var(--gap-4);
53
53
  }
54
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-128_tj05s {
54
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-128_ir2he {
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_tj05s.product-cover__size-40_tj05s {
60
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-40_ir2he {
61
61
  margin-top: var(--gap-16);
62
62
  margin-left: -54px;
63
63
  }
64
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-32_tj05s {
64
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-32_ir2he {
65
65
  margin-top: var(--gap-12);
66
66
  margin-left: -47px;
67
67
  }
68
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-16_tj05s {
68
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-16_ir2he {
69
69
  margin-top: var(--gap-4);
70
70
  margin-left: var(--gap-20-neg);
71
71
  }
72
- .product-cover__wrapperSecondCard_tj05s.product-cover__size-40_tj05s.product-cover__bottom_tj05s {
72
+ .product-cover__wrapperSecondCard_ir2he.product-cover__size-40_ir2he.product-cover__bottom_ir2he {
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_tj05s","size-128":"product-cover__size-128_tj05s","size-40":"product-cover__size-40_tj05s","size-32":"product-cover__size-32_tj05s","size-16":"product-cover__size-16_tj05s","bottom":"product-cover__bottom_tj05s","componentImage":"product-cover__componentImage_tj05s","componentStack":"product-cover__componentStack_tj05s","firstCard":"product-cover__firstCard_tj05s","wrapperSecondCard":"product-cover__wrapperSecondCard_tj05s"};
5
+ var styles = {"wrapper":"product-cover__wrapper_ir2he","size-128":"product-cover__size-128_ir2he","size-40":"product-cover__size-40_ir2he","size-32":"product-cover__size-32_ir2he","size-16":"product-cover__size-16_ir2he","bottom":"product-cover__bottom_ir2he","componentImage":"product-cover__componentImage_ir2he","componentStack":"product-cover__componentStack_ir2he","firstCard":"product-cover__firstCard_ir2he","wrapperSecondCard":"product-cover__wrapperSecondCard_ir2he"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map