krl-alfred 1.32.0 → 1.34.0

package/dist/components/Alert/Alert.js

@@ -18,11 +18,11 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var Alert_styled_1 = require("./Alert.styled");
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var Alert = function (props) {
-    return props.show && (0, jsx_runtime_1.jsxs)(Alert_styled_1.AlertStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: "left", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Danger" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "right", children: [(0, jsx_runtime_1.jsx)("h1", { className: "title-semi-bold-16-19", children: props.title }), (0, jsx_runtime_1.jsx)("p", { className: "body-medium-14-17", children: props.message })] })] }));
+    return props.show && (0, jsx_runtime_1.jsxs)(Alert_styled_1.AlertStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: "left", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Danger" }) }), (0, jsx_runtime_1.jsxs)("div", { className: "right", children: [(0, jsx_runtime_1.jsx)("h1", { className: "title-semi-bold-16-19", children: props.title }), props.messages.map(function (message, index) { return (0, jsx_runtime_1.jsx)("p", { className: "body-medium-14-17", children: message }, index); })] })] }));
 };
 Alert.defaultProps = {
     title: "Bir hata oluştu",
-    message: "",
+    messages: [],
     show: false
 };
 exports.default = Alert;

package/dist/components/Alert/Alert.styled.js

@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.AlertStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 8px;\n  border-left: 8px solid var(--yellow);\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  width: ", ";\n  display: flex;\n  padding: 16px 16px 16px 24px;\n  box-sizing: border-box;\n  .left {\n    padding-right: 16px;\n  }\n  .right {\n    display: flex;\n    flex-direction: column;\n    color: var(--dark);\n    h1 {\n      margin: 0 0 8px;\n    }\n    p {\n      margin: 0;\n    }\n  }\n"], ["\n  border-radius: 8px;\n  border-left: 8px solid var(--yellow);\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  width: ", ";\n  display: flex;\n  padding: 16px 16px 16px 24px;\n  box-sizing: border-box;\n  .left {\n    padding-right: 16px;\n  }\n  .right {\n    display: flex;\n    flex-direction: column;\n    color: var(--dark);\n    h1 {\n      margin: 0 0 8px;\n    }\n    p {\n      margin: 0;\n    }\n  }\n"])), function (props) { return props.width || "100%"; });
+exports.AlertStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 8px;\n  border-left: 8px solid var(--yellow);\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  width: ", ";\n  display: flex;\n  padding: 16px 16px 16px 24px;\n  box-sizing: border-box;\n\n  .left {\n    padding-right: 16px;\n  }\n\n  .right {\n    display: flex;\n    flex-direction: column;\n    color: var(--dark);\n\n    h1 {\n      margin: 0 0 8px;\n      padding-top: 2px;\n    }\n\n    p {\n      margin: 0;\n\n      &:not(:last-child) {\n        margin-bottom: 8px;\n      }\n    }\n  }\n"], ["\n  border-radius: 8px;\n  border-left: 8px solid var(--yellow);\n  box-shadow: 0 6px 30px 0 #EAE9F0;\n  width: ", ";\n  display: flex;\n  padding: 16px 16px 16px 24px;\n  box-sizing: border-box;\n\n  .left {\n    padding-right: 16px;\n  }\n\n  .right {\n    display: flex;\n    flex-direction: column;\n    color: var(--dark);\n\n    h1 {\n      margin: 0 0 8px;\n      padding-top: 2px;\n    }\n\n    p {\n      margin: 0;\n\n      &:not(:last-child) {\n        margin-bottom: 8px;\n      }\n    }\n  }\n"])), function (props) { return props.width || "100%"; });
 var templateObject_1;

package/dist/components/Alert/stories/Alert.stories.js

@@ -6,11 +6,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
 var Alert_1 = __importDefault(require("../Alert"));
 exports.default = {
-    title: 'Alert',
+    title: 'Components/Alert',
     component: Alert_1.default,
     tags: ['autodocs'],
     argTypes: {}
 };
 exports.Default = {
-    args: {},
+    args: {
+        width: "327px",
+        show: true,
+        messages: ["Alert message"]
+    },
 };

package/package.json

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