krl-alfred 1.76.45 → 1.76.47
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.
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.AlertStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.AlertStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 8px;\n border-left: 8px solid ", ";\n box-shadow: 0 6px 30px 0 #EAE9F0;\n width: ", ";\n display: flex;\n padding: 1rem;\n box-sizing: border-box;\n margin-top: ", ";\n margin-bottom: ", ";\n\n .left {\n padding-right: 1rem;\n\n svg {\n display: block;\n }\n }\n\n .right {\n display: flex;\n flex-direction: column;\n color: var(--dark);\n\n h1 {\n margin: 0;\n padding-top:
|
|
12
|
+
exports.AlertStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 8px;\n border-left: 8px solid ", ";\n box-shadow: 0 6px 30px 0 #EAE9F0;\n width: ", ";\n display: flex;\n padding: 1rem;\n box-sizing: border-box;\n margin-top: ", ";\n margin-bottom: ", ";\n\n .left {\n padding-right: 1rem;\n\n svg {\n display: block;\n }\n }\n\n .right {\n display: flex;\n flex-direction: column;\n color: var(--dark);\n\n h1 {\n margin: 0;\n padding-top: 3px;\n font:var(--title-semi-bold-16-19);\n }\n\n p {\n margin: 0.5rem 0 0 0;\n font:var(--body-medium-14-17);\n }\n .description{\n font:var(--body-medium-14-17);\n ul{\n padding-left: 1.5rem;\n } \n }\n }\n"], ["\n border-radius: 8px;\n border-left: 8px solid ", ";\n box-shadow: 0 6px 30px 0 #EAE9F0;\n width: ", ";\n display: flex;\n padding: 1rem;\n box-sizing: border-box;\n margin-top: ", ";\n margin-bottom: ", ";\n\n .left {\n padding-right: 1rem;\n\n svg {\n display: block;\n }\n }\n\n .right {\n display: flex;\n flex-direction: column;\n color: var(--dark);\n\n h1 {\n margin: 0;\n padding-top: 3px;\n font:var(--title-semi-bold-16-19);\n }\n\n p {\n margin: 0.5rem 0 0 0;\n font:var(--body-medium-14-17);\n }\n .description{\n font:var(--body-medium-14-17);\n ul{\n padding-left: 1.5rem;\n } \n }\n }\n"])), function (props) {
|
|
13
13
|
switch (props.variant) {
|
|
14
14
|
case 'warning':
|
|
15
15
|
return "var(--yellow)";
|
|
@@ -14,12 +14,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
14
14
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
15
|
var ProductCardHorizontal_styled_1 = require("./ProductCardHorizontal.styled");
|
|
16
16
|
var ProductCardHorizontal = function (props) {
|
|
17
|
-
var image = props.image, title = props.title, description = props.description, price = props.price, period = props.period;
|
|
17
|
+
var image = props.image, title = props.title, description = props.description, price = props.price, period = props.period, onClick = props.onClick;
|
|
18
18
|
var LinkComponent = function (_a) {
|
|
19
19
|
var item = _a.item, children = _a.children;
|
|
20
20
|
return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", __assign({ href: item.slug }, { children: children })));
|
|
21
21
|
};
|
|
22
|
-
return ((0, jsx_runtime_1.jsx)(ProductCardHorizontal_styled_1.ProductCardHorizontalStyled, { children: (0, jsx_runtime_1.jsx)(LinkComponent, __assign({ item: props }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "horizontalWrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: image })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: title })), (0, jsx_runtime_1.jsx)("p", __assign({ className: "description" }, { children: description })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "priceContent" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "price" }, { children: price })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "period" }, { children: "/".concat(period) }))] }))] }))] })) })) }));
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(ProductCardHorizontal_styled_1.ProductCardHorizontalStyled, __assign({ onClick: onClick }, { children: (0, jsx_runtime_1.jsx)(LinkComponent, __assign({ item: props }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "horizontalWrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: image })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: title })), (0, jsx_runtime_1.jsx)("p", __assign({ className: "description" }, { children: description })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "priceContent" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "price" }, { children: price })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "period" }, { children: "/".concat(period) }))] }))] }))] })) })) })));
|
|
23
23
|
};
|
|
24
24
|
ProductCardHorizontal.defaultProps = {};
|
|
25
25
|
exports.default = ProductCardHorizontal;
|
|
@@ -11,6 +11,6 @@ exports.StepStyled = exports.DividerStyled = exports.StepperStyled = void 0;
|
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var devices_1 = require("../../constants/devices");
|
|
13
13
|
exports.StepperStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
14
|
-
exports.DividerStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 112px;\n height: 1px;\n background: ", ";\n margin: 0 24px;\n @media only screen and ", " {\n width: 25px;\n }\n"], ["\n width: 112px;\n height: 1px;\n background: ", ";\n margin: 0 24px;\n @media only screen and ", " {\n width: 25px;\n }\n"])), function (props) { return props.$activeStep > props.$index ? 'var(--primary)' : 'var(--grey-
|
|
14
|
+
exports.DividerStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 112px;\n height: 1px;\n background: ", ";\n margin: 0 24px;\n @media only screen and ", " {\n width: 25px;\n }\n"], ["\n width: 112px;\n height: 1px;\n background: ", ";\n margin: 0 24px;\n @media only screen and ", " {\n width: 25px;\n }\n"])), function (props) { return props.$activeStep > props.$index ? 'var(--primary)' : 'var(--grey-30)'; }, devices_1.devices.xl);
|
|
15
15
|
exports.StepStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n cursor: ", ";\n div.circle {\n border-radius: 50%;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: ", ";\n color: ", ";\n font : var(--headline-extra-bold-24-29);\n @media only screen and ", " {\n width: 40px;\n height: 40px;\n }\n\n svg {\n path {\n fill: white;\n }\n }\n\n }\n\n div.text {\n color: ", ";\n margin-left: 16px;\n font : var(--headline-semi-bold-24-29);\n @media only screen and ", " {\n display: ", ";\n }\n }\n"], ["\n display: flex;\n align-items: center;\n cursor: ", ";\n div.circle {\n border-radius: 50%;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: ", ";\n color: ", ";\n font : var(--headline-extra-bold-24-29);\n @media only screen and ", " {\n width: 40px;\n height: 40px;\n }\n\n svg {\n path {\n fill: white;\n }\n }\n\n }\n\n div.text {\n color: ", ";\n margin-left: 16px;\n font : var(--headline-semi-bold-24-29);\n @media only screen and ", " {\n display: ", ";\n }\n }\n"])), function (props) { return props.$hasClickAction ? 'pointer' : 'initial'; }, function (props) { return props.$activeStep >= props.$index ? 'var(--primary)' : 'var(--grey-10)'; }, function (props) { return props.$activeStep >= props.$index ? 'white' : 'var(--grey-40)'; }, devices_1.devices.xl, function (props) { return props.$activeStep >= props.$index ? 'var(--dark)' : 'var(--grey-30)'; }, devices_1.devices.xl, function (props) { return props.$activeStep === props.$index ? 'block' : 'none'; });
|
|
16
16
|
var templateObject_1, templateObject_2, templateObject_3;
|
package/dist/index.js
CHANGED
|
@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
7
|
-
exports.ProductCardHorizontalSm = void 0;
|
|
6
|
+
exports.ProductCardVertical = exports.BannerCard = exports.AutocompleteInput = exports.Slider = exports.InstallmentBox = exports.AddressCard = exports.ReviewCard = exports.useTranslation = exports.trLocale = exports.enLocale = exports.initi18n = exports.initReactI18next = exports.CampaignCard = exports.Dropdown = exports.InlineProgress = exports.Loader = exports.ShoppingCartProduct = exports.CouponCode = exports.InfoBox = exports.ContentBox = exports.ListGroup = exports.InsuranceBox = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.Carousel = exports.SuggestBox = exports.Toast = exports.Banner = exports.Accordion = exports.Divider = exports.SearchBox = exports.ValueProposition = exports.Textarea = exports.ActionButton = exports.RadioButton = exports.Icon = exports.Agreement = exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Button = void 0;
|
|
7
|
+
exports.ProductCardHorizontalSm = exports.ProductCardHorizontal = void 0;
|
|
8
8
|
var Button_1 = __importDefault(require("./components/Button"));
|
|
9
9
|
exports.Button = Button_1.default;
|
|
10
10
|
var Breadcrumbs_1 = __importDefault(require("./components/Breadcrumbs"));
|
|
@@ -83,6 +83,7 @@ var CampaignCard_1 = __importDefault(require("./components/CampaignCard"));
|
|
|
83
83
|
exports.CampaignCard = CampaignCard_1.default;
|
|
84
84
|
var react_i18next_1 = require("react-i18next");
|
|
85
85
|
Object.defineProperty(exports, "initReactI18next", { enumerable: true, get: function () { return react_i18next_1.initReactI18next; } });
|
|
86
|
+
Object.defineProperty(exports, "useTranslation", { enumerable: true, get: function () { return react_i18next_1.useTranslation; } });
|
|
86
87
|
var i18n_1 = require("./i18n/i18n");
|
|
87
88
|
Object.defineProperty(exports, "initi18n", { enumerable: true, get: function () { return i18n_1.init; } });
|
|
88
89
|
var english_json_1 = __importDefault(require("./i18n/locales/english.json"));
|