igloo-d2c-components 1.0.46 → 1.0.47
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 +19 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +19 -3
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2543,7 +2543,20 @@ const ProductCard$1 = material.styled(material.Box)(() => ({
|
|
|
2543
2543
|
justifyContent: 'flex-end',
|
|
2544
2544
|
cursor: 'pointer',
|
|
2545
2545
|
overflow: 'clip',
|
|
2546
|
-
transition: 'border 0.
|
|
2546
|
+
transition: 'border 0.25s ease, box-shadow 0.25s ease',
|
|
2547
|
+
'&::before': {
|
|
2548
|
+
content: '""',
|
|
2549
|
+
position: 'absolute',
|
|
2550
|
+
inset: 0,
|
|
2551
|
+
background: 'linear-gradient(90deg, #3D93DE 0%, #A4CE4E 50%, #3D93DE 100%)',
|
|
2552
|
+
backgroundSize: '200% 100%',
|
|
2553
|
+
backgroundPosition: '0% 50%',
|
|
2554
|
+
opacity: 0,
|
|
2555
|
+
transform: 'translateX(-100%)',
|
|
2556
|
+
transition: 'opacity 0.35s ease, transform 0.45s ease',
|
|
2557
|
+
zIndex: 0,
|
|
2558
|
+
pointerEvents: 'none',
|
|
2559
|
+
},
|
|
2547
2560
|
'&:hover': {
|
|
2548
2561
|
borderWidth: '2px',
|
|
2549
2562
|
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
|
|
@@ -2556,9 +2569,12 @@ const ProductCard$1 = material.styled(material.Box)(() => ({
|
|
|
2556
2569
|
width: '158px',
|
|
2557
2570
|
height: '158px',
|
|
2558
2571
|
'&:hover': {
|
|
2559
|
-
border: '
|
|
2572
|
+
border: 'none',
|
|
2560
2573
|
boxShadow: 'none',
|
|
2561
|
-
|
|
2574
|
+
'&::before': {
|
|
2575
|
+
opacity: 1,
|
|
2576
|
+
transform: 'translateX(0)',
|
|
2577
|
+
},
|
|
2562
2578
|
'& .product-card-image-layer, & .product-card-placeholder-layer': {
|
|
2563
2579
|
opacity: 0,
|
|
2564
2580
|
},
|