krl-alfred 2.23.1 → 2.23.2
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.
|
@@ -23,7 +23,7 @@ exports.ProductCardHorizontalSmStyled = styled_components_1.default.div(template
|
|
|
23
23
|
return props.$hasBordeHover &&
|
|
24
24
|
"\n @media ((hover: hover) and (pointer: fine)) {\n cursor: pointer;\n &:hover {\n ".concat(exports.Border, " {\n border-color: var(--primary);\n border-width: 2px;\n }\n }\n }\n ");
|
|
25
25
|
}, exports.Title, exports.Title);
|
|
26
|
-
exports.HorizontalSmWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr
|
|
26
|
+
exports.HorizontalSmWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr 1fr;\n align-items: center;\n min-height: 66px;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-right: 0.5rem;\n\n @media only screen and ", " {\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n"], ["\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr 1fr;\n align-items: center;\n min-height: 66px;\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-right: 0.5rem;\n\n @media only screen and ", " {\n padding-top: 1rem;\n padding-bottom: 1rem;\n }\n"])), devices_1.devices.sm);
|
|
27
27
|
exports.ImgWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n border: ", ";\n border-radius: ", ";\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n transform: translateZ(0);\n\n img {\n vertical-align: middle !important;\n display: block !important;\n object-fit: cover !important;\n border-radius: ", " !important;\n }\n"], ["\n border: ", ";\n border-radius: ", ";\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n transform: translateZ(0);\n\n img {\n vertical-align: middle !important;\n display: block !important;\n object-fit: cover !important;\n border-radius: ", " !important;\n }\n"])), function (props) { return (props.$hasImageBorder ? "1px solid var(--dark-opacity-5)" : "none"); }, function (props) { return (props.$hasImageRounded ? "0.5rem" : "0"); }, function (props) { return (props.$imageWidth ? props.$imageWidth : "71px"); }, function (props) { return (props.$imageHeight ? props.$imageHeight : "50px"); }, function (props) { return (props.$hasImageRounded ? "0.5rem" : "0"); });
|
|
28
28
|
exports.TextWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding-right: ", ";\n"], ["\n padding-right: ", ";\n"])), function (props) { return (props.$hasPeriod ? "1rem" : "0.5rem"); });
|
|
29
29
|
exports.PriceContent = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (props) {
|
|
@@ -38,7 +38,7 @@ exports.ImageSection = styled_components_1.default.div(templateObject_5 || (temp
|
|
|
38
38
|
}, function (props) {
|
|
39
39
|
return props.$isResponsive &&
|
|
40
40
|
responsiveSm(props.$hasSquareFillImage
|
|
41
|
-
? "height: auto
|
|
41
|
+
? "\n height: auto;\n aspect-ratio: 1 / 1;\n img {\n width: calc(100% - 3rem) !important;\n height: calc(100% - 3rem) !important;\n border-radius: 0.5rem;\n margin: 1.5rem;\n }\n "
|
|
42
42
|
: "height: 215px;");
|
|
43
43
|
});
|
|
44
44
|
exports.OutOfStock = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 100% !important;\n height: 100% !important;\n background-color: #babbc280;\n position: absolute;\n inset: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n > div {\n height: 17px !important;\n aspect-ratio: initial !important;\n }\n"], ["\n width: 100% !important;\n height: 100% !important;\n background-color: #babbc280;\n position: absolute;\n inset: 0;\n align-items: center;\n justify-content: center;\n display: flex;\n > div {\n height: 17px !important;\n aspect-ratio: initial !important;\n }\n"])));
|