igloo-d2c-components 1.0.45 → 1.0.46
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 +23 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +23 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -2555,6 +2555,27 @@ const ProductCard$1 = material.styled(material.Box)(() => ({
|
|
|
2555
2555
|
'@media (min-width: 900px)': {
|
|
2556
2556
|
width: '158px',
|
|
2557
2557
|
height: '158px',
|
|
2558
|
+
'&:hover': {
|
|
2559
|
+
border: '2px solid transparent',
|
|
2560
|
+
boxShadow: 'none',
|
|
2561
|
+
background: 'linear-gradient(90deg, #3D93DE 0%, #A4CE4E 100%)',
|
|
2562
|
+
'& .product-card-image-layer, & .product-card-placeholder-layer': {
|
|
2563
|
+
opacity: 0,
|
|
2564
|
+
},
|
|
2565
|
+
'& .product-card-bottom-bar': {
|
|
2566
|
+
position: 'absolute',
|
|
2567
|
+
inset: 0,
|
|
2568
|
+
height: '100%',
|
|
2569
|
+
background: 'transparent',
|
|
2570
|
+
zIndex: 1,
|
|
2571
|
+
},
|
|
2572
|
+
'& .product-card-icon img': {
|
|
2573
|
+
filter: 'brightness(0) invert(1)',
|
|
2574
|
+
},
|
|
2575
|
+
'& .product-card-name': {
|
|
2576
|
+
color: '#ffffff',
|
|
2577
|
+
},
|
|
2578
|
+
},
|
|
2558
2579
|
},
|
|
2559
2580
|
}));
|
|
2560
2581
|
/** Background image that fills the product card */
|
|
@@ -2650,7 +2671,7 @@ function ProductSelectionDrawer({ open, onClose, products, onProductSelect, titl
|
|
|
2650
2671
|
e.preventDefault();
|
|
2651
2672
|
onProductSelect(product.id);
|
|
2652
2673
|
}
|
|
2653
|
-
} }, { children: [product.cardImage ? (jsxRuntime.jsx(ProductCardImage, { src: product.cardImage, alt: product.name })) : (jsxRuntime.jsx(ProductCardPlaceholder, {})), jsxRuntime.jsxs(ProductCardBottomBar, { children: [jsxRuntime.jsx(ProductIcon, { children: jsxRuntime.jsx("img", { src: (_b = product.icon) !== null && _b !== void 0 ? _b : product.logo, alt: "" }) }), jsxRuntime.jsx(ProductName$1, { children: product.name })] })] }))] }, product.id));
|
|
2674
|
+
} }, { children: [product.cardImage ? (jsxRuntime.jsx(ProductCardImage, { src: product.cardImage, alt: product.name, className: "product-card-image-layer" })) : (jsxRuntime.jsx(ProductCardPlaceholder, { className: "product-card-placeholder-layer" })), jsxRuntime.jsxs(ProductCardBottomBar, Object.assign({ className: "product-card-bottom-bar" }, { children: [jsxRuntime.jsx(ProductIcon, Object.assign({ className: "product-card-icon" }, { children: jsxRuntime.jsx("img", { src: (_b = product.icon) !== null && _b !== void 0 ? _b : product.logo, alt: "" }) })), jsxRuntime.jsx(ProductName$1, Object.assign({ className: "product-card-name" }, { children: product.name }))] }))] }))] }, product.id));
|
|
2654
2675
|
}) })) })] })));
|
|
2655
2676
|
}
|
|
2656
2677
|
// Mobile Drawer variant (default)
|
|
@@ -2661,7 +2682,7 @@ function ProductSelectionDrawer({ open, onClose, products, onProductSelect, titl
|
|
|
2661
2682
|
e.preventDefault();
|
|
2662
2683
|
onProductSelect(product.id);
|
|
2663
2684
|
}
|
|
2664
|
-
} }, { children: [product.cardImage ? (jsxRuntime.jsx(ProductCardImage, { src: product.cardImage, alt: product.name })) : (jsxRuntime.jsx(ProductCardPlaceholder, {})), jsxRuntime.jsxs(ProductCardBottomBar, { children: [jsxRuntime.jsx(ProductIcon, { children: jsxRuntime.jsx("img", { src: (_b = product.icon) !== null && _b !== void 0 ? _b : product.logo, alt: "" }) }), jsxRuntime.jsx(ProductName$1, { children: product.name })] })] }))] }, product.id));
|
|
2685
|
+
} }, { children: [product.cardImage ? (jsxRuntime.jsx(ProductCardImage, { src: product.cardImage, alt: product.name, className: "product-card-image-layer" })) : (jsxRuntime.jsx(ProductCardPlaceholder, { className: "product-card-placeholder-layer" })), jsxRuntime.jsxs(ProductCardBottomBar, Object.assign({ className: "product-card-bottom-bar" }, { children: [jsxRuntime.jsx(ProductIcon, Object.assign({ className: "product-card-icon" }, { children: jsxRuntime.jsx("img", { src: (_b = product.icon) !== null && _b !== void 0 ? _b : product.logo, alt: "" }) })), jsxRuntime.jsx(ProductName$1, Object.assign({ className: "product-card-name" }, { children: product.name }))] }))] }))] }, product.id));
|
|
2665
2686
|
}) })) })] }) })));
|
|
2666
2687
|
}
|
|
2667
2688
|
|