igloo-d2c-components 1.0.46 → 1.0.48
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.
- package/dist/cjs/index.js +20 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +20 -4
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1009,7 +1009,7 @@ const MenuItemTopIcon = styled(Box)({
|
|
|
1009
1009
|
});
|
|
1010
1010
|
const MenuItemTooltip = styled(Box)({
|
|
1011
1011
|
position: 'absolute',
|
|
1012
|
-
top: 'calc(100%
|
|
1012
|
+
top: 'calc(100% - 10px)',
|
|
1013
1013
|
left: '50%',
|
|
1014
1014
|
transform: 'translateX(-50%)',
|
|
1015
1015
|
background: 'rgba(0, 144, 218, 0.8)',
|
|
@@ -2523,7 +2523,20 @@ const ProductCard$1 = styled$1(Box)(() => ({
|
|
|
2523
2523
|
justifyContent: 'flex-end',
|
|
2524
2524
|
cursor: 'pointer',
|
|
2525
2525
|
overflow: 'clip',
|
|
2526
|
-
transition: 'border 0.
|
|
2526
|
+
transition: 'border 0.25s ease, box-shadow 0.25s ease',
|
|
2527
|
+
'&::before': {
|
|
2528
|
+
content: '""',
|
|
2529
|
+
position: 'absolute',
|
|
2530
|
+
inset: 0,
|
|
2531
|
+
background: 'linear-gradient(90deg, #3D93DE 0%, #A4CE4E 50%, #3D93DE 100%)',
|
|
2532
|
+
backgroundSize: '200% 100%',
|
|
2533
|
+
backgroundPosition: '0% 50%',
|
|
2534
|
+
opacity: 0,
|
|
2535
|
+
transform: 'translateX(-100%)',
|
|
2536
|
+
transition: 'opacity 0.35s ease, transform 0.45s ease',
|
|
2537
|
+
zIndex: 0,
|
|
2538
|
+
pointerEvents: 'none',
|
|
2539
|
+
},
|
|
2527
2540
|
'&:hover': {
|
|
2528
2541
|
borderWidth: '2px',
|
|
2529
2542
|
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
|
|
@@ -2536,9 +2549,12 @@ const ProductCard$1 = styled$1(Box)(() => ({
|
|
|
2536
2549
|
width: '158px',
|
|
2537
2550
|
height: '158px',
|
|
2538
2551
|
'&:hover': {
|
|
2539
|
-
border: '
|
|
2552
|
+
border: 'none',
|
|
2540
2553
|
boxShadow: 'none',
|
|
2541
|
-
|
|
2554
|
+
'&::before': {
|
|
2555
|
+
opacity: 1,
|
|
2556
|
+
transform: 'translateX(0)',
|
|
2557
|
+
},
|
|
2542
2558
|
'& .product-card-image-layer, & .product-card-placeholder-layer': {
|
|
2543
2559
|
opacity: 0,
|
|
2544
2560
|
},
|