krl-alfred 1.72.13 → 1.72.15

package/dist/components/Accordion/Accordion.js

@@ -14,7 +14,7 @@ exports.AccordionContext = (0, react_1.createContext)({
     setActive: function (index) { }
 });
 var Accordion = function (props) {
-    var title = props.title, data = props.data, activeIndex = props.activeIndex, showLink = props.showLink, linkText = props.linkText, linkOnClick = props.linkOnClick, collapseAll = props.collapseAll;
+    var title = props.title, data = props.data, activeIndex = props.activeIndex, showLink = props.showLink, linkText = props.linkText, linkOnClick = props.linkOnClick, collapseAll = props.collapseAll, size = props.size;
     var _a = (0, react_1.useState)(0), active = _a[0], setActive = _a[1];
     (0, react_1.useEffect)(function () {
         setActive(activeIndex);
@@ -22,7 +22,7 @@ var Accordion = function (props) {
     return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.AccordionStyled, { children: [title && (0, jsx_runtime_1.jsx)(Accordion_styled_1.AccordionTitle, { className: "title-bold-16-19", children: title }), (0, jsx_runtime_1.jsx)(Accordion_styled_1.Wrapper, { children: (0, jsx_runtime_1.jsx)(exports.AccordionContext.Provider, { value: {
                         active: active,
                         setActive: setActive
-                    }, children: data === null || data === void 0 ? void 0 : data.map(function (item, key) { return ((0, jsx_runtime_1.jsx)(AccordionItem_1.default, { 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 }) }))] }));
+                    }, 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 }) }))] }));
 };
 Accordion.defaultProps = {
     activeIndex: 0,

package/dist/components/Accordion/Accordion.styled.js

@@ -9,11 +9,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = exports.ItemContent = exports.ItemTitle = exports.Item = exports.Wrapper = exports.AccordionTitle = exports.AccordionStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
+var devices_1 = require("../../constants/devices");
 exports.AccordionStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
 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"])));
 exports.Wrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n"], ["\n\n"])));
 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"])));
-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  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n"])));
-exports.ItemContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  transition: all .3s ease;\n  overflow: hidden;\n  position: relative;\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  > div{\n    padding: 1rem 2rem 0 0;\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n"])));
+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);
+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);
 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"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/components/Accordion/AccordionItem.js

@@ -9,7 +9,7 @@ var Accordion_styled_1 = require("./Accordion.styled");
 var Accordion_1 = require("./Accordion");
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var AccordionItem = function (props) {
-    var title = props.title, content = props.content, index = props.index, collapseAll = props.collapseAll;
+    var title = props.title, content = props.content, index = props.index, collapseAll = props.collapseAll, size = props.size;
     var _a = (0, react_1.useContext)(Accordion_1.AccordionContext), active = _a.active, setActive = _a.setActive;
     var _b = (0, react_1.useState)(0), height = _b[0], setHeight = _b[1];
     var itemRef = (0, react_1.useRef)();
@@ -27,6 +27,6 @@ var AccordionItem = function (props) {
             setActiveItem(false);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.Item, { children: [(0, jsx_runtime_1.jsxs)(Accordion_styled_1.ItemTitle, { onClick: handleCollapse, className: "body-bold-14-17", children: [(0, jsx_runtime_1.jsx)("div", { children: title }), (0, jsx_runtime_1.jsxs)("div", { children: [" ", (0, jsx_runtime_1.jsx)(Icon_1.default, { name: (active === index || activeItem) ? 'NegativeSmall' : 'PlusSmall', width: "24px", height: "24px" }), " "] })] }), (0, jsx_runtime_1.jsx)(Accordion_styled_1.ItemContent, { ref: itemRef, style: { height: height }, active: (active === index || activeItem), className: "body-regular-14-17", children: (0, jsx_runtime_1.jsx)("div", { children: content }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.Item, { children: [(0, jsx_runtime_1.jsxs)(Accordion_styled_1.ItemTitle, { size: size, onClick: handleCollapse, children: [(0, jsx_runtime_1.jsx)("div", { children: title }), (0, jsx_runtime_1.jsxs)("div", { children: [" ", (0, jsx_runtime_1.jsx)(Icon_1.default, { name: (active === index || activeItem) ? 'NegativeSmall' : 'PlusSmall', width: "24px", height: "24px" }), " "] })] }), (0, jsx_runtime_1.jsx)(Accordion_styled_1.ItemContent, { size: size, ref: itemRef, style: { height: height }, active: (active === index || activeItem), children: (0, jsx_runtime_1.jsx)("div", { children: content }) })] }));
 };
 exports.default = AccordionItem;

package/dist/components/Accordion/props.js

@@ -1,2 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.sizes = void 0;
+exports.sizes = ['large', 'medium'];

package/dist/components/Accordion/stories/Accordion.stories.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
 var Accordion_1 = __importDefault(require("../Accordion"));
 var faq_json_1 = __importDefault(require("./../../../jsons/faq.json"));
+var props_1 = require("../../Accordion/props");
 exports.default = {
     title: 'Components/Accordion',
     component: Accordion_1.default,
@@ -13,6 +14,7 @@ exports.default = {
     argTypes: {
         collapseAll: { control: 'boolean' },
         showLink: { control: 'boolean' },
+        size: { control: 'select', options: props_1.sizes },
     }
 };
 exports.Default = {
@@ -24,5 +26,6 @@ exports.Default = {
         activeIndex: null,
         linkText: "Daha Fazla Soru Göster",
         linkOnClick: function () { return console.log("test"); },
+        size: 'medium'
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "1.72.13",
+  "version": "1.72.15",
   "files": [
     "dist"
   ],