krl-alfred 1.73.0 → 1.73.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.
|
@@ -10,13 +10,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.CampaignCardStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var devices_1 = require("../../constants/devices");
|
|
13
|
-
exports.CampaignCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n border-radius: 8px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n padding: ", ";\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n .cartBadge {\n position: absolute;\n z-index: 5;\n ", ";\n @media only screen and ", " {\n left: 16px;\n top: 16px;\n }\n }\n\n .img {\n position: relative;\n display: block;\n padding-bottom: ", ";\n overflow: hidden;\n @media only screen and ", " {\n padding-bottom: 60%;\n }\n }\n\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n text-overflow: ellipsis;\n ", " \n @media only screen and ", " {\n margin-top: 1.5rem !important;\n font-weight: 600 !important;\n font-size: 14px !important;\n line-height: 17px !important;\n }\n }\n\n .progressTitle {\n display:
|
|
13
|
+
exports.CampaignCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n border-radius: 8px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n padding: ", ";\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n .cartBadge {\n position: absolute;\n z-index: 5;\n ", ";\n @media only screen and ", " {\n left: 16px;\n top: 16px;\n }\n }\n\n .img {\n position: relative;\n display: block;\n padding-bottom: ", ";\n overflow: hidden;\n border-radius: 4px;\n > * {\n position: absolute !important;\n left: 50% !important;\n top: 50% !important;\n transform: translate(-50%, -50%);\n width: 100% !important;\n height: auto !important;\n }\n @media only screen and ", " {\n padding-bottom: 60%;\n }\n }\n\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n text-overflow: ellipsis;\n ", " \n @media only screen and ", " {\n margin-top: 1.5rem !important;\n font-weight: 600 !important;\n font-size: 14px !important;\n line-height: 17px !important;\n }\n }\n\n .progressTitle {\n display: flex;\n margin-top: 1rem;\n color: var(--primary);\n padding-top: 0.5rem;\n font-weight: 800;\n font-size: 18px;\n line-height: 22px;\n height: 40px;\n align-content: center;\n align-items: center;\n justify-content: flex-start;\n }\n\n .progressBar {\n margin-top: 1rem;\n }\n\n @media only screen and ", " {\n padding: 1.5rem;\n }\n"], ["\n\n border-radius: 8px;\n box-shadow: 0 6px 30px 0 var(--search-shadow-color);\n padding: ", ";\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n &:hover {\n box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n }\n .cartBadge {\n position: absolute;\n z-index: 5;\n ", ";\n @media only screen and ", " {\n left: 16px;\n top: 16px;\n }\n }\n\n .img {\n position: relative;\n display: block;\n padding-bottom: ", ";\n overflow: hidden;\n border-radius: 4px;\n > * {\n position: absolute !important;\n left: 50% !important;\n top: 50% !important;\n transform: translate(-50%, -50%);\n width: 100% !important;\n height: auto !important;\n }\n @media only screen and ", " {\n padding-bottom: 60%;\n }\n }\n\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n text-overflow: ellipsis;\n ", " \n @media only screen and ", " {\n margin-top: 1.5rem !important;\n font-weight: 600 !important;\n font-size: 14px !important;\n line-height: 17px !important;\n }\n }\n\n .progressTitle {\n display: flex;\n margin-top: 1rem;\n color: var(--primary);\n padding-top: 0.5rem;\n font-weight: 800;\n font-size: 18px;\n line-height: 22px;\n height: 40px;\n align-content: center;\n align-items: center;\n justify-content: flex-start;\n }\n\n .progressBar {\n margin-top: 1rem;\n }\n\n @media only screen and ", " {\n padding: 1.5rem;\n }\n"])), function (props) {
|
|
14
14
|
switch (props.size) {
|
|
15
15
|
case 'large':
|
|
16
16
|
return "1.5rem";
|
|
17
17
|
case 'medium':
|
|
18
18
|
return "1.5rem";
|
|
19
19
|
case 'small':
|
|
20
|
+
return "1.5rem";
|
|
21
|
+
case 'xsmall':
|
|
20
22
|
return "1rem";
|
|
21
23
|
default:
|
|
22
24
|
return "1rem";
|
|
@@ -28,6 +30,8 @@ exports.CampaignCardStyled = styled_components_1.default.div(templateObject_1 ||
|
|
|
28
30
|
case 'medium':
|
|
29
31
|
return "\n left: 16px;\n top: 16px;\n ";
|
|
30
32
|
case 'small':
|
|
33
|
+
return "\n left: 16px;\n top: 16px;\n ";
|
|
34
|
+
case 'xsmall':
|
|
31
35
|
return "\n left: 8px;\n top: 8px;\n ";
|
|
32
36
|
default:
|
|
33
37
|
return "\n left: 16px;\n top: 16px;\n ";
|
|
@@ -38,6 +42,10 @@ exports.CampaignCardStyled = styled_components_1.default.div(templateObject_1 ||
|
|
|
38
42
|
return "72%";
|
|
39
43
|
case 'medium':
|
|
40
44
|
return "58%";
|
|
45
|
+
case 'small':
|
|
46
|
+
return "60%";
|
|
47
|
+
case 'xsmall':
|
|
48
|
+
return "58%";
|
|
41
49
|
default:
|
|
42
50
|
return "58%";
|
|
43
51
|
}
|
|
@@ -48,6 +56,8 @@ exports.CampaignCardStyled = styled_components_1.default.div(templateObject_1 ||
|
|
|
48
56
|
case 'medium':
|
|
49
57
|
return "\n margin-top: 1rem;\n font-weight: 600;\n font-size: 14px;\n line-height: 17px;\n ";
|
|
50
58
|
case 'small':
|
|
59
|
+
return "\n margin-top: 1.5rem;\n font-weight: 600;\n font-size: 14px;\n line-height: 17px;\n ";
|
|
60
|
+
case 'xsmall':
|
|
51
61
|
return "\n margin-top: 1rem;\n font-weight: 600;\n font-size: 12px;\n line-height: 15px;\n ";
|
|
52
62
|
default:
|
|
53
63
|
return "\n margin-top: 1rem;\n font-weight: 600;\n font-size: 12px;\n line-height: 15px;\n ";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.sizes = void 0;
|
|
4
|
-
exports.sizes = ['large', 'medium', 'small'];
|
|
4
|
+
exports.sizes = ['large', 'medium', 'small', 'xsmall'];
|
|
5
5
|
var CampaignCardDefault = { size: 'medium', hasDelivery: false };
|
|
@@ -17,7 +17,6 @@ var InlineProgress_styled_1 = require("./InlineProgress.styled");
|
|
|
17
17
|
var classnames_1 = __importDefault(require("classnames"));
|
|
18
18
|
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
19
19
|
var InlineProgress = function (props) {
|
|
20
|
-
console.log(props.activeStep);
|
|
21
20
|
return ((0, jsx_runtime_1.jsxs)(InlineProgress_styled_1.InlineProgressStyled, { children: [(0, jsx_runtime_1.jsx)("div", { className: "stepWrapper", children: __spreadArray([], Array(props.totalStep), true).map(function (x, i) {
|
|
22
21
|
return (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('stepItem', { 'filled': props.activeStep >= (i + 1) }) }, i);
|
|
23
22
|
}) }), (0, jsx_runtime_1.jsxs)("div", { className: "stepCounter", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Gift", width: "24px", height: "24px" }) }), (0, jsx_runtime_1.jsx)("div", { className: "counter caption-bold-10-12", children: "".concat(props.activeStep, "/").concat(props.totalStep) })] })] }));
|
|
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.InlineProgressStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.InlineProgressStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n .stepWrapper{\n display: flex;\n flex-wrap: wrap;\n column-gap: 0.5rem;\n flex: 1 0;\n .stepItem{\n height: 12px;\n background-color: var(--primary-opacity-10);\n flex: 1 0;\n border-radius: 2px;\n &:is(.filled){\n background-color: var(--primary);\n }\n }\n }\n .stepCounter{\n margin-left: 1rem;\n flex: 0 0 auto;\n width: auto;\n text-align: center;\n .icon{\n svg{\n display: block;\n }\n }\n .counter{\n margin-top:
|
|
12
|
+
exports.InlineProgressStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n .stepWrapper{\n display: flex;\n flex-wrap: wrap;\n column-gap: 0.5rem;\n flex: 1 0;\n .stepItem{\n height: 12px;\n background-color: var(--primary-opacity-10);\n flex: 1 0;\n border-radius: 2px;\n &:is(.filled){\n background-color: var(--primary);\n }\n }\n }\n .stepCounter{\n margin-left: 1rem;\n flex: 0 0 auto;\n width: auto;\n text-align: center;\n .icon{\n svg{\n display: block;\n }\n }\n .counter{\n margin-top: 4px;\n }\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n .stepWrapper{\n display: flex;\n flex-wrap: wrap;\n column-gap: 0.5rem;\n flex: 1 0;\n .stepItem{\n height: 12px;\n background-color: var(--primary-opacity-10);\n flex: 1 0;\n border-radius: 2px;\n &:is(.filled){\n background-color: var(--primary);\n }\n }\n }\n .stepCounter{\n margin-left: 1rem;\n flex: 0 0 auto;\n width: auto;\n text-align: center;\n .icon{\n svg{\n display: block;\n }\n }\n .counter{\n margin-top: 4px;\n }\n }\n"])));
|
|
13
13
|
var templateObject_1;
|