krl-alfred 1.72.14 → 1.72.16
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.
|
@@ -19,7 +19,7 @@ var Accordion = function (props) {
|
|
|
19
19
|
(0, react_1.useEffect)(function () {
|
|
20
20
|
setActive(activeIndex);
|
|
21
21
|
}, [activeIndex]);
|
|
22
|
-
return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.AccordionStyled, { children: [title && (0, jsx_runtime_1.jsx)(Accordion_styled_1.AccordionTitle, {
|
|
22
|
+
return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.AccordionStyled, { children: [title && (0, jsx_runtime_1.jsx)(Accordion_styled_1.AccordionTitle, { size: size, children: title }), (0, jsx_runtime_1.jsx)(Accordion_styled_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(exports.AccordionContext.Provider, { value: {
|
|
23
23
|
active: active,
|
|
24
24
|
setActive: setActive
|
|
25
25
|
}, children: data === null || data === void 0 ? void 0 : data.map(function (item, key) { return ((0, jsx_runtime_1.jsx)(AccordionItem_1.default, { size: size, collapseAll: collapseAll, index: key, title: item.question, content: item.answer }, key)); }) }) }), showLink && ((0, jsx_runtime_1.jsx)(Accordion_styled_1.Footer, { className: "body-bold-14-17", children: (0, jsx_runtime_1.jsx)(TextLink_1.default, { onClick: linkOnClick, children: linkText }) }))] }));
|
|
@@ -9,11 +9,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Footer = exports.ItemContent = exports.ItemTitle = exports.Item = exports.Wrapper = exports.AccordionTitle = exports.AccordionStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
var devices_1 = require("../../constants/devices");
|
|
12
13
|
exports.AccordionStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
13
|
-
exports.AccordionTitle = styled_components_1.default.h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-bottom: 1.5rem;\n margin-top: 0;\n"], ["\n margin-bottom: 1.5rem;\n margin-top: 0;\n"])));
|
|
14
|
+
exports.AccordionTitle = styled_components_1.default.h1(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-bottom: 1.5rem;\n margin-top: 0;\n ", "\n\n @media only screen and ", " {\n font-weight: bold;\n font-size: 16px;\n line-height: 19px;\n }\n"], ["\n margin-bottom: 1.5rem;\n margin-top: 0;\n ", "\n\n @media only screen and ", " {\n font-weight: bold;\n font-size: 16px;\n line-height: 19px;\n }\n"])), function (props) { return props.size === "large" ? "\n font-weight: bold;\n font-size: 18px;\n line-height: 22px;\n " : "\n font-weight: bold;\n font-size: 16px;\n line-height: 19px;\n "; }, devices_1.devices.lg);
|
|
14
15
|
exports.Wrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n"], ["\n\n"])));
|
|
15
16
|
exports.Item = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &:not(:nth-child(1)) {\n margin-top: 1.5rem;\n }\n"], ["\n &:not(:nth-child(1)) {\n margin-top: 1.5rem;\n }\n"])));
|
|
16
|
-
exports.ItemTitle = styled_components_1.default.strong(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n ", "\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n ", "\n"])), function (props) { return props.size === "large" ? "\n font-weight: bold;\n font-size: 16px;\n line-height: 19px;\n " : "\n font-weight: bold;\n font-size: 14px;\n line-height: 17px;\n "; });
|
|
17
|
-
exports.ItemContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n transition: all .3s ease;\n overflow: hidden;\n position: relative;\n\n ", "\n > div{\n padding: 1rem 2rem 0 0;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n }\n"], ["\n transition: all .3s ease;\n overflow: hidden;\n position: relative;\n\n ", "\n > div{\n padding: 1rem 2rem 0 0;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n }\n"])), function (props) { return props.size === "large" ? "\n font-weight: 400;\n font-size: 16px;\n line-height: 19px;\n " : "\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n "; });
|
|
17
|
+
exports.ItemTitle = styled_components_1.default.strong(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n ", "\n\n @media only screen and ", " {\n font-weight: bold;\n font-size: 14px;\n line-height: 17px;\n }\n svg{\n path[stroke-width]{\n stroke-width : 1.5px;\n }\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n cursor: pointer;\n ", "\n\n @media only screen and ", " {\n font-weight: bold;\n font-size: 14px;\n line-height: 17px;\n }\n svg{\n path[stroke-width]{\n stroke-width : 1.5px;\n }\n }\n"])), function (props) { return props.size === "large" ? "\n font-weight: bold;\n font-size: 16px;\n line-height: 19px;\n " : "\n font-weight: bold;\n font-size: 14px;\n line-height: 17px;\n "; }, devices_1.devices.lg);
|
|
18
|
+
exports.ItemContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n transition: all .3s ease;\n overflow: hidden;\n position: relative;\n\n ", "\n @media only screen and ", " {\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n }\n > div{\n padding: 1rem 2rem 0 0;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n }\n"], ["\n transition: all .3s ease;\n overflow: hidden;\n position: relative;\n\n ", "\n @media only screen and ", " {\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n }\n > div{\n padding: 1rem 2rem 0 0;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n }\n"])), function (props) { return props.size === "large" ? "\n font-weight: 400;\n font-size: 16px;\n line-height: 19px;\n " : "\n font-weight: 400;\n font-size: 14px;\n line-height: 17px;\n "; }, devices_1.devices.lg);
|
|
18
19
|
exports.Footer = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n box-sizing: border-box;\n display: block;\n margin-top: 1.5rem!important;\n"], ["\n box-sizing: border-box;\n display: block;\n margin-top: 1.5rem!important;\n"])));
|
|
19
20
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|