krl-alfred 1.30.0 → 1.32.0
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.
- package/dist/components/Alert/Alert.js +28 -0
- package/dist/components/Alert/Alert.styled.js +13 -0
- package/dist/components/Alert/index.js +8 -0
- package/dist/components/Alert/props.js +2 -0
- package/dist/components/Alert/stories/Alert.stories.js +16 -0
- package/dist/components/CircleProgress/CircleProgress.styled.js +1 -1
- package/dist/index.js +3 -1
- package/package.json +1 -1
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
var Alert_styled_1 = require("./Alert.styled");
|
|
19
|
+
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
20
|
+
var Alert = function (props) {
|
|
21
|
+
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 })] })] }));
|
|
22
|
+
};
|
|
23
|
+
Alert.defaultProps = {
|
|
24
|
+
title: "Bir hata oluştu",
|
|
25
|
+
message: "",
|
|
26
|
+
show: false
|
|
27
|
+
};
|
|
28
|
+
exports.default = Alert;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.AlertStyled = void 0;
|
|
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 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%"; });
|
|
13
|
+
var templateObject_1;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var Alert_1 = require("./Alert");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Default = void 0;
|
|
7
|
+
var Alert_1 = __importDefault(require("../Alert"));
|
|
8
|
+
exports.default = {
|
|
9
|
+
title: 'Alert',
|
|
10
|
+
component: Alert_1.default,
|
|
11
|
+
tags: ['autodocs'],
|
|
12
|
+
argTypes: {}
|
|
13
|
+
};
|
|
14
|
+
exports.Default = {
|
|
15
|
+
args: {},
|
|
16
|
+
};
|
|
@@ -9,5 +9,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.CircleProgressStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.CircleProgressStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width:
|
|
12
|
+
exports.CircleProgressStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n min-width: 280px;\n display: flex;\n justify-content: space-between;\n font-family: var(--font-family-sans-serif);\n div.icon {\n width: 56px;\n height: 56px;\n }\n\n div.info {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n \n h1 {\n color: var(--dark);\n margin: 0 0 4px;\n }\n p {\n color: var(--dark-opacity-50);\n margin: 0;\n }\n }\n \n div.text {\n color: var(--dark);\n \n }\n\n\n .CircularProgressbar {\n width: 100%;\n vertical-align: middle;\n\n .CircularProgressbar-path {\n stroke-linecap: round;\n -webkit-transition: stroke-dashoffset 0.5s ease 0s;\n transition: stroke-dashoffset 0.5s ease 0s;\n }\n\n .CircularProgressbar-trail {\n stroke-linecap: round;\n }\n\n .CircularProgressbar-text {\n dominant-baseline: middle;\n text-anchor: middle;\n }\n\n \n }\n\n .CircularProgressbar.CircularProgressbar-inverted {\n\n .CircularProgressbar-trail {\n stroke: transparent;\n }\n }\n\n"], ["\n min-width: 280px;\n display: flex;\n justify-content: space-between;\n font-family: var(--font-family-sans-serif);\n div.icon {\n width: 56px;\n height: 56px;\n }\n\n div.info {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n \n h1 {\n color: var(--dark);\n margin: 0 0 4px;\n }\n p {\n color: var(--dark-opacity-50);\n margin: 0;\n }\n }\n \n div.text {\n color: var(--dark);\n \n }\n\n\n .CircularProgressbar {\n width: 100%;\n vertical-align: middle;\n\n .CircularProgressbar-path {\n stroke-linecap: round;\n -webkit-transition: stroke-dashoffset 0.5s ease 0s;\n transition: stroke-dashoffset 0.5s ease 0s;\n }\n\n .CircularProgressbar-trail {\n stroke-linecap: round;\n }\n\n .CircularProgressbar-text {\n dominant-baseline: middle;\n text-anchor: middle;\n }\n\n \n }\n\n .CircularProgressbar.CircularProgressbar-inverted {\n\n .CircularProgressbar-trail {\n stroke: transparent;\n }\n }\n\n"])));
|
|
13
13
|
var templateObject_1;
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,7 @@ 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.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.ColorPalette = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Spinner = exports.Button = void 0;
|
|
6
|
+
exports.Alert = exports.Stepper = exports.ProductCard = exports.OtpInput = exports.Modal = exports.Input = exports.ColorPalette = exports.CircleProgress = exports.Checkbox = exports.CategoryMenu = exports.Breadcrumbs = exports.Spinner = exports.Button = void 0;
|
|
7
7
|
var Button_1 = __importDefault(require("./components/Button"));
|
|
8
8
|
exports.Button = Button_1.default;
|
|
9
9
|
var Spinner_1 = __importDefault(require("./components/Spinner"));
|
|
@@ -28,3 +28,5 @@ var ProductCard_1 = __importDefault(require("./components/ProductCard"));
|
|
|
28
28
|
exports.ProductCard = ProductCard_1.default;
|
|
29
29
|
var Stepper_1 = __importDefault(require("./components/Stepper"));
|
|
30
30
|
exports.Stepper = Stepper_1.default;
|
|
31
|
+
var Alert_1 = __importDefault(require("./components/Alert"));
|
|
32
|
+
exports.Alert = Alert_1.default;
|