krl-alfred 2.17.36 → 2.17.38
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/components/Icon/iconList/Rectangle.js +1 -1
- package/dist/components/OptionMenu/OptionMenu.styled.js +3 -3
- package/dist/components/ProductCardCheckbox/ProductCardCheckbox.js +1 -0
- package/dist/components/ProductCardHorizontal/ProductCardHorizontal.js +1 -0
- package/dist/components/ProductCardHorizontal/ProductCardHorizontal.styled.js +1 -0
- package/dist/components/ProductCardHorizontalSm/ProductCardHorizontalSm.js +1 -0
- package/dist/components/ProductCardVertical/ProductCardVertical.styled.js +1 -1
- package/dist/components/ReviewCard/ReviewCard.styled.js +1 -1
- package/dist/components/SelectBox/SelectBox.js +1 -0
- package/dist/components/SelectBox/SelectBox.styled.js +1 -0
- package/package.json +2 -2
|
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
36
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
37
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
38
|
var React = __importStar(require("react"));
|
|
39
|
-
var SvgRectangle = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 90, height: 90, viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { id: "Rectangle 8", d: "M5.21017e-05 62.2132C7.71369e-05 58.235 1.58042 54.4197 4.39344 51.6067L52.5829 3.41714C54.7708 1.22916 57.7384 -3.13031e-05 60.8326 -3.55178e-05L82 -5.45681e-05C86.4183 -5.59168e-05 90 3.58166 90 7.99994L83 7.99994L7.99997 82.9999V89.9999C3.58164 89.9999 -0.000102999 86.4181 -7.50132e-05 81.9998L5.21017e-05 62.2132Z", fill: "url(#paint0_linear_17925_27746)" }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", __assign({ id: "paint0_linear_17925_27746", x1: 93.9999, y1: 3.99994, x2: 73, y2: -17, gradientUnits: "userSpaceOnUse" }, { children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#
|
|
39
|
+
var SvgRectangle = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 90, height: 90, viewBox: "0 0 90 90", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { id: "Rectangle 8", d: "M5.21017e-05 62.2132C7.71369e-05 58.235 1.58042 54.4197 4.39344 51.6067L52.5829 3.41714C54.7708 1.22916 57.7384 -3.13031e-05 60.8326 -3.55178e-05L82 -5.45681e-05C86.4183 -5.59168e-05 90 3.58166 90 7.99994L83 7.99994L7.99997 82.9999V89.9999C3.58164 89.9999 -0.000102999 86.4181 -7.50132e-05 81.9998L5.21017e-05 62.2132Z", fill: "url(#paint0_linear_17925_27746)" }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsxs)("linearGradient", __assign({ id: "paint0_linear_17925_27746", x1: 93.9999, y1: 3.99994, x2: 73, y2: -17, gradientUnits: "userSpaceOnUse" }, { children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#7730FA" }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#9961FF" })] })) })] }))); };
|
|
40
40
|
exports.default = SvgRectangle;
|
|
@@ -9,9 +9,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.SubCategoryInnerItemButtonInner = exports.SubCategoryInnerItem = exports.SubCategoryInner = exports.SubCategoryItem = exports.OptionMenuStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.OptionMenuStyled = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n border-radius: 0.5rem;\n transition: all 0.2s ease-in-out;\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", ", ");\n transition-delay: 0s;\n"], ["\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n border-radius: 0.5rem;\n transition: all 0.2s ease-in-out;\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", ", ");\n transition-delay: 0s;\n"])), function (props) { return props.$gridTemplateColumns || '3'; }, function (props) { return props.$gridItemWidth && props.$gridItemWidth; });
|
|
13
|
-
exports.SubCategoryItem = styled_components_1.default.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n padding: 0;\n"], ["\n display: block;\n padding: 0;\n"])));
|
|
14
|
-
exports.SubCategoryInner = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 0;\n display: grid;\n gap:4px 0;\n"], ["\n padding: 0;\n display: grid;\n gap:4px 0;\n"])));
|
|
12
|
+
exports.OptionMenuStyled = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0;\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n border-radius: 0.5rem;\n transition: all 0.2s ease-in-out;\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", ", ");\n transition-delay: 0s;\n"], ["\n margin: 0;\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n border-radius: 0.5rem;\n transition: all 0.2s ease-in-out;\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", ", ");\n transition-delay: 0s;\n"])), function (props) { return props.$gridTemplateColumns || '3'; }, function (props) { return props.$gridItemWidth && props.$gridItemWidth; });
|
|
13
|
+
exports.SubCategoryItem = styled_components_1.default.li(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n padding: 0;\n margin: 0;\n"], ["\n display: block;\n padding: 0;\n margin: 0;\n"])));
|
|
14
|
+
exports.SubCategoryInner = styled_components_1.default.ul(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 0;\n display: grid;\n gap:4px 0;\n margin: 0;\n"], ["\n padding: 0;\n display: grid;\n gap:4px 0;\n margin: 0;\n"])));
|
|
15
15
|
exports.SubCategoryInnerItem = styled_components_1.default.li(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: 0;\n display: block;\n a {\n color: var(--dark);\n text-decoration: none;\n span {\n font-weight: ", ";\n }\n }\n"], ["\n padding: 0;\n display: block;\n a {\n color: var(--dark);\n text-decoration: none;\n span {\n font-weight: ", ";\n }\n }\n"])), function (props) { return props.$isSeeAll ? '700' : '500'; });
|
|
16
16
|
exports.SubCategoryInnerItemButtonInner = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display:block;\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n background: transparent;\n outline:0;\n border:0;\n width:100%;\n text-align:start;\n cursor:pointer;\n box-sizing: border-box;\n font:var(--caption-medium-12-15);\n ", "\n background-color: var(--primary-opacity-10);\n color: var(--primary) !important;\n font-weight: 700 !important;\n ", "\n"], ["\n display:block;\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n background: transparent;\n outline:0;\n border:0;\n width:100%;\n text-align:start;\n cursor:pointer;\n box-sizing: border-box;\n font:var(--caption-medium-12-15);\n ", "\n background-color: var(--primary-opacity-10);\n color: var(--primary) !important;\n font-weight: 700 !important;\n ", "\n"])), function (props) { return (props.$isActive ? "" : "&:hover{"); }, function (props) { return (props.$isActive ? "" : "}"); });
|
|
17
17
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
@@ -10,5 +10,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.ProductCardVerticalStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var devices_1 = require("../../constants/devices");
|
|
13
|
-
exports.ProductCardVerticalStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n border-radius: 0.5rem;\n min-width: 240px;\n padding: 1rem;\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n background-color: white;\n .cartBadge {\n position: absolute;\n left: 8px;\n top: 8px;\n z-index: 2;\n\n &:is(.hasInset) {\n left: 7px;\n top: 0;\n }\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: 150px;\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n padding: 0.5rem;\n ", "\n .outOfStock{\n width: 100% !important;\n height: 100% !important;\n background-color: #BABBC280;\n > div{\n height: 17px !important;\n aspect-ratio: initial !important;\n }\n }\n .imageInfoText{\n position: absolute;\n bottom: 0;\n left: 0;\n top:auto !important;\n width: 100%;\n height: 24px !important;\n align-items: center;\n justify-content: center;\n display: flex;\n ", "\n border-radius: 0;\n top: auto;\n transform: none;\n aspect-ratio: initial !important;\n font:var(--caption-semi-bold-10-12); \n strong{\n font:var(--caption-bold-10-12);\n height: auto !important;\n aspect-ratio: initial !important;\n margin-right: 2px;\n }\n }\n }\n\n .productCardContent {\n padding: 1rem 0 0.5rem 0;\n\n .productCardTitle {\n display: block;\n color: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 38px;\n word-break: break-word;\n font: var(--title-bold-16-19);\n }\n\n .productCardDescription {\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: 1.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 34px;\n word-break: break-word;\n font: var(--body-medium-14-17);\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: 36px;\n grid-template-columns: ", ";\n color: ", ";\n .discountRate {\n margin-right: 0.5rem;\n width: 48px;\n height: 36px;\n border-radius: 0.5rem;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n font: var(--body-extra-bold-13-16);\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 4px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n \n .price {\n font: var(--caption-semi-bold-12-15);\n text-decoration: line-through;\n }\n\n .period {\n font: var(--caption-regular-12-15);\n ", "\n }\n }\n\n .newPrice {\n .price {\n font: var(--body-extra-bold-14-17);\n }\n\n .period {\n font: var(--body-regular-13-16);\n }\n }\n }\n }\n\n ", "\n"], ["\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n border-radius: 0.5rem;\n min-width: 240px;\n padding: 1rem;\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n background-color: white;\n .cartBadge {\n position: absolute;\n left: 8px;\n top: 8px;\n z-index: 2;\n\n &:is(.hasInset) {\n left: 7px;\n top: 0;\n }\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: 150px;\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n padding: 0.5rem;\n ", "\n .outOfStock{\n width: 100% !important;\n height: 100% !important;\n background-color: #BABBC280;\n > div{\n height: 17px !important;\n aspect-ratio: initial !important;\n }\n }\n .imageInfoText{\n position: absolute;\n bottom: 0;\n left: 0;\n top:auto !important;\n width: 100%;\n height: 24px !important;\n align-items: center;\n justify-content: center;\n display: flex;\n ", "\n border-radius: 0;\n top: auto;\n transform: none;\n aspect-ratio: initial !important;\n font:var(--caption-semi-bold-10-12); \n strong{\n font:var(--caption-bold-10-12);\n height: auto !important;\n aspect-ratio: initial !important;\n margin-right: 2px;\n }\n }\n }\n\n .productCardContent {\n padding: 1rem 0 0.5rem 0;\n\n .productCardTitle {\n display: block;\n color: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 38px;\n word-break: break-word;\n font: var(--title-bold-16-19);\n }\n\n .productCardDescription {\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: 1.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 34px;\n word-break: break-word;\n font: var(--body-medium-14-17);\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: 36px;\n grid-template-columns: ", ";\n color: ", ";\n .discountRate {\n margin-right: 0.5rem;\n width: 48px;\n height: 36px;\n border-radius: 0.5rem;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n font: var(--body-extra-bold-13-16);\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 4px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n \n .price {\n font: var(--caption-semi-bold-12-15);\n text-decoration: line-through;\n }\n\n .period {\n font: var(--caption-regular-12-15);\n ", "\n }\n }\n\n .newPrice {\n .price {\n font: var(--body-extra-bold-14-17);\n }\n\n .period {\n font: var(--body-regular-13-16);\n }\n }\n }\n }\n\n ", "\n"])), function (props) { return props.$hasNewImageType ? "\n *{\n height: 100% !important;\n object-fit: contain;\n max-width: 100%;\n }\n " : "\n > * {\n width: 100%;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n *{ \n height: calc(100% - 0.5rem) !important;\n aspect-ratio: 1 / 1 !important;\n }\n "; }, function (props) { return props.$imageInfoTextVariant === "secondary" ? "\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n " : "\n background: linear-gradient(360deg, #411590 0%, #9760FC 100%);\n color: white;\n "; }, function (props) { return props.$hasOutOfStock ? "var(--dark-opacity-50)" : "var(--dark)"; }, function (props) { return props.$discountRate ? 'center' : 'end'; }, function (props) { return props.$discountRate ? 'auto 1fr' : '1fr'; }, function (props) { return props.$hasOutOfStock ? "var(--dark-opacity-50)" : "var(--dark)"; }, function (props) { return props.$isOldPricePeriodUnderline ? "text-decoration: line-through;" : ""; }, function (props) { return props.$isResponsive && "\n @media only screen and ".concat(devices_1.devices.sm, " {\n padding: 1.5rem;\n .cartBadge{\n left: 16px;\n top: 16px;\n &:is(.hasInset){\n left: 15px;\n top: 8px;\n }\n }\n .img {\n height: 215px;\n .imageInfoText{\n font:var(--body-semi-bold-13-16);\n height: 32px !important;\n strong{\n font:var(--body-bold-13-16);\n }\n }\n }\n .productCardContent{\n padding: 1.5rem 0 0.5rem 0;\n .productCardTitle{\n height: 44px;\n font: var(--headline-bold-18-22);\n }\n .productCardDescription{\n margin-bottom: 1.5rem;\n height: 37px;\n font: var(--title-medium-16-19);\n }\n .productCardPriceContent{\n height: 48px;\n .discountRate{\n width: 65px;\n height: 48px;\n font: var(--title-extra-bold-16-19);\n }\n \n .oldPrice {\n .price{\n font: var(--body-semi-bold-13-16);\n }\n }\n .newPrice {\n .price{\n font: var(--title-extra-bold-16-19);\n }\n .period{\n font: var(--body-regular-14-17);\n }\n }\n }\n }\n }\n "); });
|
|
13
|
+
exports.ProductCardVerticalStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n border-radius: 0.5rem;\n min-width: 240px;\n padding: 1rem;\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n background-color: white;\n .cartBadge {\n position: absolute;\n left: 8px;\n top: 8px;\n z-index: 2;\n\n &:is(.hasInset) {\n left: 7px;\n top: 0;\n }\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: 150px;\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n padding: 0.5rem;\n ", "\n .outOfStock{\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 .imageInfoText{\n position: absolute;\n bottom: 0;\n left: 0;\n top:auto !important;\n width: 100%;\n height: 24px !important;\n align-items: center;\n justify-content: center;\n display: flex;\n ", "\n border-radius: 0;\n top: auto;\n transform: none;\n aspect-ratio: initial !important;\n font:var(--caption-semi-bold-10-12); \n strong{\n font:var(--caption-bold-10-12);\n height: auto !important;\n aspect-ratio: initial !important;\n margin-right: 2px;\n }\n }\n }\n\n .productCardContent {\n padding: 1rem 0 0.5rem 0;\n\n .productCardTitle {\n display: block;\n color: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 38px;\n word-break: break-word;\n font: var(--title-bold-16-19);\n }\n\n .productCardDescription {\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: 1.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 34px;\n word-break: break-word;\n font: var(--body-medium-14-17);\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: 36px;\n grid-template-columns: ", ";\n color: ", ";\n .discountRate {\n margin-right: 0.5rem;\n width: 48px;\n height: 36px;\n border-radius: 0.5rem;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n font: var(--body-extra-bold-13-16);\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 4px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n \n .price {\n font: var(--caption-semi-bold-12-15);\n text-decoration: line-through;\n }\n\n .period {\n font: var(--caption-regular-12-15);\n ", "\n }\n }\n\n .newPrice {\n .price {\n font: var(--body-extra-bold-14-17);\n }\n\n .period {\n font: var(--body-regular-13-16);\n }\n }\n }\n }\n\n ", "\n"], ["\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n border-radius: 0.5rem;\n min-width: 240px;\n padding: 1rem;\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n background-color: white;\n .cartBadge {\n position: absolute;\n left: 8px;\n top: 8px;\n z-index: 2;\n\n &:is(.hasInset) {\n left: 7px;\n top: 0;\n }\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n\n .img {\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n background: #FFF;\n position: relative;\n overflow: hidden;\n height: 150px;\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\n padding: 0.5rem;\n ", "\n .outOfStock{\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 .imageInfoText{\n position: absolute;\n bottom: 0;\n left: 0;\n top:auto !important;\n width: 100%;\n height: 24px !important;\n align-items: center;\n justify-content: center;\n display: flex;\n ", "\n border-radius: 0;\n top: auto;\n transform: none;\n aspect-ratio: initial !important;\n font:var(--caption-semi-bold-10-12); \n strong{\n font:var(--caption-bold-10-12);\n height: auto !important;\n aspect-ratio: initial !important;\n margin-right: 2px;\n }\n }\n }\n\n .productCardContent {\n padding: 1rem 0 0.5rem 0;\n\n .productCardTitle {\n display: block;\n color: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 38px;\n word-break: break-word;\n font: var(--title-bold-16-19);\n }\n\n .productCardDescription {\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: 1.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: 34px;\n word-break: break-word;\n font: var(--body-medium-14-17);\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: 36px;\n grid-template-columns: ", ";\n color: ", ";\n .discountRate {\n margin-right: 0.5rem;\n width: 48px;\n height: 36px;\n border-radius: 0.5rem;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n font: var(--body-extra-bold-13-16);\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 4px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n \n .price {\n font: var(--caption-semi-bold-12-15);\n text-decoration: line-through;\n }\n\n .period {\n font: var(--caption-regular-12-15);\n ", "\n }\n }\n\n .newPrice {\n .price {\n font: var(--body-extra-bold-14-17);\n }\n\n .period {\n font: var(--body-regular-13-16);\n }\n }\n }\n }\n\n ", "\n"])), function (props) { return props.$hasNewImageType ? "\n *{\n height: 100% !important;\n object-fit: contain;\n max-width: 100%;\n }\n " : "\n > * {\n width: 100%;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%,-50%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n *{ \n height: calc(100% - 0.5rem) !important;\n aspect-ratio: 1 / 1 !important;\n }\n "; }, function (props) { return props.$imageInfoTextVariant === "secondary" ? "\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n " : "\n background: linear-gradient(360deg, #411590 0%, #9760FC 100%);\n color: white;\n "; }, function (props) { return props.$hasOutOfStock ? "var(--dark-opacity-50)" : "var(--dark)"; }, function (props) { return props.$discountRate ? 'center' : 'end'; }, function (props) { return props.$discountRate ? 'auto 1fr' : '1fr'; }, function (props) { return props.$hasOutOfStock ? "var(--dark-opacity-50)" : "var(--dark)"; }, function (props) { return props.$isOldPricePeriodUnderline ? "text-decoration: line-through;" : ""; }, function (props) { return props.$isResponsive && "\n @media only screen and ".concat(devices_1.devices.sm, " {\n padding: 1.5rem;\n .cartBadge{\n left: 16px;\n top: 16px;\n &:is(.hasInset){\n left: 15px;\n top: 8px;\n }\n }\n .img {\n height: 215px;\n .imageInfoText{\n font:var(--body-semi-bold-13-16);\n height: 32px !important;\n strong{\n font:var(--body-bold-13-16);\n }\n }\n }\n .productCardContent{\n padding: 1.5rem 0 0.5rem 0;\n .productCardTitle{\n height: 44px;\n font: var(--headline-bold-18-22);\n }\n .productCardDescription{\n margin-bottom: 1.5rem;\n height: 37px;\n font: var(--title-medium-16-19);\n }\n .productCardPriceContent{\n height: 48px;\n .discountRate{\n width: 65px;\n height: 48px;\n font: var(--title-extra-bold-16-19);\n }\n \n .oldPrice {\n .price{\n font: var(--body-semi-bold-13-16);\n }\n }\n .newPrice {\n .price{\n font: var(--title-extra-bold-16-19);\n }\n .period{\n font: var(--body-regular-14-17);\n }\n }\n }\n }\n }\n "); });
|
|
14
14
|
var templateObject_1;
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.Date = exports.CustomerName = exports.HorizontalLine = exports.Logo = exports.Bottom = exports.Line = exports.Description = exports.Stars = exports.Title = exports.Detail = exports.ImgWrapper = exports.ReviewCardStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.ReviewCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n border-radius: 0.5rem;\n padding: 1.5rem;\n transition: all .2s ease;\n cursor: pointer;\n &:hover{\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n"], ["\n box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n border-radius: 0.5rem;\n padding: 1.5rem;\n transition: all .2s ease;\n cursor: pointer;\n &:hover{\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n"])));
|
|
13
|
-
exports.ImgWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n .img{\n width: 64px;\n height: 64px;\n border: 1px solid var(--dark-opacity-5);\n border-radius: 0.5rem;\n position: relative;\n margin-right: 1rem;\n overflow: hidden;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1 0 auto;\n max-width: 64px;\n * {\n display: block !important;\n }\n }\n"], ["\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n .img{\n width: 64px;\n height: 64px;\n border: 1px solid var(--dark-opacity-5);\n border-radius: 0.5rem;\n position: relative;\n margin-right: 1rem;\n overflow: hidden;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1 0 auto;\n max-width: 64px;\n * {\n display: block !important;\n }\n }\n"])));
|
|
13
|
+
exports.ImgWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n .img{\n width: 64px;\n height: 64px;\n border: 1px solid var(--dark-opacity-5);\n border-radius: 0.5rem;\n position: relative;\n margin-right: 1rem;\n overflow: hidden;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1 0 auto;\n max-width: 64px;\n display: flex;\n align-items: center;\n justify-content: center;\n * {\n display: block !important;\n padding: 4px;\n }\n }\n"], ["\n display: flex;\n align-items: flex-end;\n justify-content: flex-start;\n .img{\n width: 64px;\n height: 64px;\n border: 1px solid var(--dark-opacity-5);\n border-radius: 0.5rem;\n position: relative;\n margin-right: 1rem;\n overflow: hidden;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1 0 auto;\n max-width: 64px;\n display: flex;\n align-items: center;\n justify-content: center;\n * {\n display: block !important;\n padding: 4px;\n }\n }\n"])));
|
|
14
14
|
exports.Detail = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n"], ["\n"])));
|
|
15
15
|
exports.Title = styled_components_1.default.strong(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n color: var(--dark-opacity-75);\n font : var(--body-bold-14-17);\n min-height: 34px;\n"], ["\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n color: var(--dark-opacity-75);\n font : var(--body-bold-14-17);\n min-height: 34px;\n"])));
|
|
16
16
|
exports.Stars = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n .star{\n + .star{\n margin-left: -2px;\n }\n div{\n display: block;\n }\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n .star{\n + .star{\n margin-left: -2px;\n }\n div{\n display: block;\n }\n }\n"])));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "krl-alfred",
|
|
3
|
-
"version": "2.17.
|
|
3
|
+
"version": "2.17.38",
|
|
4
4
|
"files": [
|
|
5
5
|
"dist"
|
|
6
6
|
],
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"react-otp-input": "^3.0.2",
|
|
42
42
|
"react-router-dom": "^6.10.0",
|
|
43
43
|
"react-scripts": "^5.0.1",
|
|
44
|
-
"react-select": "^5.
|
|
44
|
+
"react-select": "^5.10.2",
|
|
45
45
|
"sass": "^1.60.0",
|
|
46
46
|
"sass-loader": "^13.2.2",
|
|
47
47
|
"simplebar-react": "^3.2.4",
|