krl-alfred 1.76.12 → 1.76.14
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.
|
@@ -10,5 +10,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.InstallmentBoxStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var devices_1 = require("../../constants/devices");
|
|
13
|
-
exports.InstallmentBoxStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n > label {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n border: ", ";\n border-radius: 8px;\n height: 67px;\n cursor: pointer;\n .inner {\n width: 100%;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n padding: 0 1rem;\n }\n .leftContent {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 0 0 auto;\n width: auto;\n .installmentLabelWrapper{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n @media only screen and ", " {\n display: block;\n }\n }\n .titlesWrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n @media only screen and ", " {\n display: grid;\n row-gap: 0.5rem;\n }\n .advance {\n margin-left: 1rem;\n background: #f5effe;\n border-radius: 3px;\n width: 76px;\n height: 17px;\n display: inline-block;\n text-align: center;\n font: var(--caption-semi-bold-10-12);\n @media only screen and ", " {\n margin-left: 0;\n margin-top: 0.5rem;\n }\n }\n }\n }\n .rightContent {\n flex: 0 0 auto;\n width: auto;\n text-align: end;\n row-gap: 0.25rem;\n display: grid;\n .price {\n display: block;\n color: var(--dark);\n font: var(--title-bold-16-19);\n }\n .totalPrice {\n display: block;\n color: var(--dark-opacity-50);\n font: var(--caption-semi-bold-12-15);\n .total {\n @media only screen and ", " {\n display: none;\n }\n }\n }\n }\n }\n }\n"], ["\n display: block;\n > label {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n border: ", ";\n border-radius: 8px;\n height: 67px;\n cursor: pointer;\n .inner {\n width: 100%;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n padding: 0 1rem;\n }\n .leftContent {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 0 0 auto;\n width: auto;\n .installmentLabelWrapper{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n @media only screen and ", " {\n display: block;\n }\n }\n .titlesWrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n @media only screen and ", " {\n display: grid;\n row-gap: 0.5rem;\n }\n .advance {\n margin-left: 1rem;\n background: #f5effe;\n border-radius: 3px;\n width: 76px;\n height: 17px;\n display: inline-block;\n text-align: center;\n font: var(--caption-semi-bold-10-12);\n @media only screen and ", " {\n margin-left: 0;\n margin-top: 0.5rem;\n }\n }\n }\n }\n .rightContent {\n flex: 0 0 auto;\n width: auto;\n text-align: end;\n row-gap: 0.25rem;\n display: grid;\n .price {\n display: block;\n color: var(--dark);\n font: var(--title-bold-16-19);\n }\n .totalPrice {\n display: block;\n color: var(--dark-opacity-50);\n font: var(--caption-semi-bold-12-15);\n .total {\n @media only screen and ", " {\n display: none;\n }\n }\n }\n }\n }\n }\n"])), function (props) { return props.checked ? '2px solid var(--primary)' : '1px solid var(--dark-opacity-10)'; }, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm);
|
|
13
|
+
exports.InstallmentBoxStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n > label {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n border: ", ";\n border-radius: 8px;\n height: 67px;\n cursor: pointer;\n .inner {\n width: 100%;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n padding: 0 1rem;\n }\n .leftContent {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 0 0 auto;\n width: auto;\n .installmentLabelWrapper{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n @media only screen and ", " {\n display: block;\n }\n }\n .titlesWrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n @media only screen and ", " {\n display: grid;\n row-gap: 0.5rem;\n }\n .advance {\n margin-left: 1rem;\n background: #f5effe;\n border-radius: 3px;\n width: 76px;\n height: 17px;\n display: inline-block;\n text-align: center;\n font: var(--caption-semi-bold-10-12);\n padding: 2px 0;\n @media only screen and ", " {\n margin-left: 0;\n margin-top: 0.5rem;\n }\n }\n }\n }\n .rightContent {\n flex: 0 0 auto;\n width: auto;\n text-align: end;\n row-gap: 0.25rem;\n display: grid;\n .price {\n display: block;\n color: var(--dark);\n font: var(--title-bold-16-19);\n }\n .totalPrice {\n display: block;\n color: var(--dark-opacity-50);\n font: var(--caption-semi-bold-12-15);\n .total {\n @media only screen and ", " {\n display: none;\n }\n }\n }\n }\n }\n }\n"], ["\n display: block;\n > label {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: center;\n border: ", ";\n border-radius: 8px;\n height: 67px;\n cursor: pointer;\n .inner {\n width: 100%;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n padding: 0 1rem;\n }\n .leftContent {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n flex: 0 0 auto;\n width: auto;\n .installmentLabelWrapper{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n @media only screen and ", " {\n display: block;\n }\n }\n .titlesWrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n @media only screen and ", " {\n display: grid;\n row-gap: 0.5rem;\n }\n .advance {\n margin-left: 1rem;\n background: #f5effe;\n border-radius: 3px;\n width: 76px;\n height: 17px;\n display: inline-block;\n text-align: center;\n font: var(--caption-semi-bold-10-12);\n padding: 2px 0;\n @media only screen and ", " {\n margin-left: 0;\n margin-top: 0.5rem;\n }\n }\n }\n }\n .rightContent {\n flex: 0 0 auto;\n width: auto;\n text-align: end;\n row-gap: 0.25rem;\n display: grid;\n .price {\n display: block;\n color: var(--dark);\n font: var(--title-bold-16-19);\n }\n .totalPrice {\n display: block;\n color: var(--dark-opacity-50);\n font: var(--caption-semi-bold-12-15);\n .total {\n @media only screen and ", " {\n display: none;\n }\n }\n }\n }\n }\n }\n"])), function (props) { return props.checked ? '2px solid var(--primary)' : '1px solid var(--dark-opacity-10)'; }, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm);
|
|
14
14
|
var templateObject_1;
|
|
@@ -28,7 +28,7 @@ var ReviewCard_styled_1 = require("./ReviewCard.styled");
|
|
|
28
28
|
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
29
29
|
var classnames_1 = __importDefault(require("classnames"));
|
|
30
30
|
var ReviewCard = function (props) {
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(ReviewCard_styled_1.ReviewCardStyled, { children: (0, jsx_runtime_1.jsxs)("a", __assign({ href: props.link, target: "_blank" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "imgWrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: props.image })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "stars" }, { children: __spreadArray([], Array(props.totalStar), true).map(function (value, key) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('star', { 'isFilled': key < props.star }) }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: key < props.star ? 'var(--yellow)' : 'var(--dark-opacity-10)', name: "Star", width: "12px", height: "12px" }) }), key)); }) }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "description" }, { children: props.description })), (0, jsx_runtime_1.jsx)("div", { className: "line" }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "bottom" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "name" }, { children: props.name })), (0, jsx_runtime_1.jsx)("div", { className: "horizontalLine" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: "logo" }, { children: props.logo }))] }))] })) }));
|
|
31
|
+
return ((0, jsx_runtime_1.jsx)(ReviewCard_styled_1.ReviewCardStyled, { children: (0, jsx_runtime_1.jsxs)("a", __assign({ href: props.link, target: "_blank" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "imgWrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: props.image })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "detail" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: props.title })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "stars" }, { children: __spreadArray([], Array(props.totalStar), true).map(function (value, key) { return ((0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)('star', { 'isFilled': key < props.star }) }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { color: key < props.star ? 'var(--yellow)' : 'var(--dark-opacity-10)', name: "Star", width: "12px", height: "12px" }) }), key)); }) }))] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "description" }, { children: props.description })), (0, jsx_runtime_1.jsx)("div", { className: "line" }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "bottom" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "name" }, { children: props.name })), (0, jsx_runtime_1.jsx)("div", { className: "horizontalLine" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: "logo" }, { children: props.logo }))] }))] })) }));
|
|
32
32
|
};
|
|
33
33
|
ReviewCard.defaultProps = {
|
|
34
34
|
totalStar: 5
|
|
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.ReviewCardStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
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 &:hover{\n box-shadow: 0 4px 15px 0 var(--dark-opacity-25);\n }\n .imgWrapper{\n display: flex;\n align-items: center;\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 * {\n display: block !important;\n }\n }\n .
|
|
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 &:hover{\n box-shadow: 0 4px 15px 0 var(--dark-opacity-25);\n }\n .imgWrapper{\n display: flex;\n align-items: center;\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 .detail{\n .title{\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n color: var(--dark-opacity-75);\n font : var(--body-bold-14-17);\n }\n .stars{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n .star{\n + .star{\n margin-left: 1px;\n }\n div{\n display: block;\n }\n }\n }\n }\n }\n .description{\n font: var(--body-medium-14-17);\n color: var(--dark-opacity-75);\n margin: 1rem 0 1.5rem 0;\n overflow: hidden;\n position: relative;\n min-height: 68px;\n display: -webkit-box;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n }\n .line{\n border-bottom: 1px solid var(--icon-shadow-color);\n margin-bottom: 1rem;\n }\n .bottom{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n .name{\n font: var(--caption-medium-10-12);\n color: var(--dark-opacity-75);\n }\n .horizontalLine{\n border-right: 1px solid var(--dark-opacity-75);\n height: 0.5rem;\n margin: 0 0.5rem;\n }\n .logo{\n * {\n display: block !important;\n }\n }\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 &:hover{\n box-shadow: 0 4px 15px 0 var(--dark-opacity-25);\n }\n .imgWrapper{\n display: flex;\n align-items: center;\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 .detail{\n .title{\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n color: var(--dark-opacity-75);\n font : var(--body-bold-14-17);\n }\n .stars{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n .star{\n + .star{\n margin-left: 1px;\n }\n div{\n display: block;\n }\n }\n }\n }\n }\n .description{\n font: var(--body-medium-14-17);\n color: var(--dark-opacity-75);\n margin: 1rem 0 1.5rem 0;\n overflow: hidden;\n position: relative;\n min-height: 68px;\n display: -webkit-box;\n -webkit-line-clamp: 4;\n -webkit-box-orient: vertical;\n }\n .line{\n border-bottom: 1px solid var(--icon-shadow-color);\n margin-bottom: 1rem;\n }\n .bottom{\n display: flex;\n align-items: center;\n justify-content: flex-start;\n .name{\n font: var(--caption-medium-10-12);\n color: var(--dark-opacity-75);\n }\n .horizontalLine{\n border-right: 1px solid var(--dark-opacity-75);\n height: 0.5rem;\n margin: 0 0.5rem;\n }\n .logo{\n * {\n display: block !important;\n }\n }\n }\n"])));
|
|
13
13
|
var templateObject_1;
|
|
@@ -27,6 +27,7 @@ exports.Default = {
|
|
|
27
27
|
args: {
|
|
28
28
|
image: (0, jsx_runtime_1.jsx)("img", { height: "64px", src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg", alt: "test" }),
|
|
29
29
|
star: 3,
|
|
30
|
+
title: "Logitech G29 Driving Force Racing Wheel",
|
|
30
31
|
description: 'I recently rented a GoPro camera through Rundle and was thoroughly impressed by the ease and efficiency of the process. Setting everything up I recently rented a GoPro camera through Rundle and was thoroughly impressed by the ease and efficiency of the process. Setting everything up',
|
|
31
32
|
name: "C.P",
|
|
32
33
|
logo: (0, jsx_runtime_1.jsx)("img", { src: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg", height: "12px", alt: "test" }),
|