krl-alfred 1.65.0 → 1.66.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/Assurance/Assurance.js +19 -0
- package/dist/components/Assurance/Assurance.styled.js +19 -0
- package/dist/components/Assurance/index.js +8 -0
- package/dist/components/Assurance/props.js +2 -0
- package/dist/components/Assurance/stories/Assurance.stories.js +34 -0
- package/dist/components/Icon/Tamamlarsin.js +40 -0
- package/dist/components/Icon/index.js +7 -1
- package/dist/components/SelectBox/SelectBox.styled.js +1 -6
- package/dist/components/SelectBox/stories/SelectBox.stories.js +3 -4
- package/dist/components/Tooltip/Tooltip.js +22 -0
- package/dist/components/Tooltip/Tooltip.styled.js +17 -0
- package/dist/components/Tooltip/index.js +8 -0
- package/dist/components/Tooltip/props.js +2 -0
- package/dist/components/Tooltip/stories/Tooltip.stories.js +33 -0
- package/dist/components/ValueProposition/layouts/squareSm/SquareSm.styled.js +1 -1
- package/dist/index.js +5 -1
- package/package.json +1 -1
|
@@ -0,0 +1,19 @@
|
|
|
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
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
var Assurance_styled_1 = require("./Assurance.styled");
|
|
8
|
+
var Checkbox_1 = __importDefault(require("../Checkbox"));
|
|
9
|
+
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
10
|
+
var Tooltip_1 = __importDefault(require("../Tooltip"));
|
|
11
|
+
var Assurance = function (props) {
|
|
12
|
+
var priceText = props.priceText, onChange = props.onChange, width = props.width, isMobile = props.isMobile;
|
|
13
|
+
var AssuranceText = function () {
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h1", { className: "body-extra-bold-13-16", children: "Tamamlars\u0131n %100\u2019e Tamamlay\u0131c\u0131 Ek G\u00FCvence Paketi " }), (0, jsx_runtime_1.jsx)("p", { className: "caption-medium-11-13", children: "Tamamlars\u0131n, kira s\u00FCreniz boyunca cihaz\u0131n\u0131za ek g\u00FCvence sa\u011Flar. Ek g\u00FCvence kapsam\u0131nda cihaz\u0131n\u0131z de\u011Fi\u015Ftirilir veya \u00FCcretsiz onar\u0131l\u0131r. Ek g\u00FCvenceli kiralamalarda kira s\u00FCrenizi uzat\u0131rken, yeni kira s\u00FCresine ait ek g\u00FCvenceniz otomatik olarak sepete eklenir. Ek g\u00FCvencesiz yap\u0131lan kiralamalarda, s\u00FCre uzat\u0131m\u0131 s\u0131ras\u0131nda sonradan ek g\u00FCvence eklenemez." }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "D\u00FC\u015Fme, \u00E7arpma gibi kazalarda olu\u015Fan hasarlar" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "S\u0131v\u0131 temas\u0131" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "Ekran vb par\u00E7a k\u0131r\u0131lmalar\u0131" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "\u00C7izilmeler" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "Kutu hasarlar\u0131" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "K\u0131sa devre, voltaj nedeniyle olu\u015Fabilecek sorunlar" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "Hatal\u0131 aksesuar kullan\u0131m\u0131 sorunlar\u0131" })] }), (0, jsx_runtime_1.jsxs)("p", { className: "caption-medium-11-13", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Uyar\u0131:" }), " Kay\u0131p, \u00E7al\u0131nma, kas\u0131tl\u0131 zarar verme, onar\u0131lamaz duruma getirme, cihaz\u0131n kutusunu kaybetme gibi durumlarda ve 5.000 TL\u2019yi a\u015Fan hasarlarda ek g\u00FCvence paketi ge\u00E7erli de\u011Fildir."] })] }));
|
|
15
|
+
};
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(Assurance_styled_1.AssuranceStyled, { width: width, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { onChange: onChange, size: "medium" }) }), (0, jsx_runtime_1.jsxs)(Assurance_styled_1.InnerWrapper, { children: [(0, jsx_runtime_1.jsx)(Assurance_styled_1.Logo, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Tamamlarsin", width: isMobile ? "116px" : "64.51px", height: isMobile ? "13.25px" : "7.37px" }) }), (0, jsx_runtime_1.jsxs)(Assurance_styled_1.DescriptionWrapper, { children: [(0, jsx_runtime_1.jsxs)(Assurance_styled_1.Description, { className: "caption-semi-bold-12-15", children: ["Hasar g\u00FCvenceni %100\u2019e", (0, jsx_runtime_1.jsx)("br", {}), "tamamlars\u0131n! ", (0, jsx_runtime_1.jsx)("b", { className: "body-extra-bold-13-16", children: priceText })] }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { hasClickAction: true, popupWidth: "351px", iconWidth: "24px", iconHeight: "24px", children: (0, jsx_runtime_1.jsx)(Assurance_styled_1.TooltipDescription, { children: (0, jsx_runtime_1.jsx)(AssuranceText, {}) }) })] })] })] }));
|
|
17
|
+
};
|
|
18
|
+
Assurance.defaultProps = {};
|
|
19
|
+
exports.default = Assurance;
|
|
@@ -0,0 +1,19 @@
|
|
|
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.TooltipDescription = exports.Description = exports.Logo = exports.DescriptionWrapper = exports.InnerWrapper = exports.AssuranceStyled = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
var devices_1 = require("../../constants/devices");
|
|
13
|
+
exports.AssuranceStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 1.5rem;\n background: var(--primary-opacity-5);\n border-radius: 8px;\n width: ", ";\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n @media only screen and ", " {\n padding: 1rem;\n align-items: flex-start;\n }\n"], ["\n padding: 1.5rem;\n background: var(--primary-opacity-5);\n border-radius: 8px;\n width: ", ";\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n @media only screen and ", " {\n padding: 1rem;\n align-items: flex-start;\n }\n"])), function (props) { return props.width ? props.width : "466px"; }, devices_1.devices.md);
|
|
14
|
+
exports.InnerWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n @media only screen and ", " {\n grid-template-columns: 1fr;\n }\n"], ["\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n @media only screen and ", " {\n grid-template-columns: 1fr;\n }\n"])), devices_1.devices.md);
|
|
15
|
+
exports.DescriptionWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n margin-top: 18px;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: space-between;\n @media only screen and ", " {\n margin-top: 18px;\n }\n"])), devices_1.devices.md);
|
|
16
|
+
exports.Logo = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background-color: white;\n width: 80px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n svg{\n display: block;\n }\n @media only screen and ", " {\n display: block;\n background-color: transparent;\n width: auto;\n height: auto;\n border: 0;\n border-radius: 0;\n margin-top: 6px;\n }\n"], ["\n background-color: white;\n width: 80px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 0.5rem;\n border: 1px solid var(--dark-opacity-5);\n svg{\n display: block;\n }\n @media only screen and ", " {\n display: block;\n background-color: transparent;\n width: auto;\n height: auto;\n border: 0;\n border-radius: 0;\n margin-top: 6px;\n }\n"])), devices_1.devices.md);
|
|
17
|
+
exports.Description = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-left: 1.5rem;\n @media only screen and ", " {\n margin-left: 0;\n }\n\n b {\n\n }\n"], ["\n margin-left: 1.5rem;\n @media only screen and ", " {\n margin-left: 0;\n }\n\n b {\n\n }\n"])), devices_1.devices.md);
|
|
18
|
+
exports.TooltipDescription = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n > h1 {\n width: 100%;\n }\n\n > p {\n margin-bottom: 8px;\n > strong{\n font-style: italic;\n }\n }\n > ul {\n > li {\n \n }\n }\n"], ["\n > h1 {\n width: 100%;\n }\n\n > p {\n margin-bottom: 8px;\n > strong{\n font-style: italic;\n }\n }\n > ul {\n > li {\n \n }\n }\n"])));
|
|
19
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -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 Assurance_1 = require("./Assurance");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Assurance_1).default; } });
|
|
@@ -0,0 +1,34 @@
|
|
|
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
|
+
exports.Default = void 0;
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var Assurance_1 = __importDefault(require("../Assurance"));
|
|
20
|
+
exports.default = {
|
|
21
|
+
title: 'Components/Assurance',
|
|
22
|
+
//component: (props) => <div style={{margin : "15rem 0 0 11rem", display:"block"}}><Assurance {...props}/></div>,
|
|
23
|
+
component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { margin: "15rem 0 0 0", display: "block" }, children: (0, jsx_runtime_1.jsx)(Assurance_1.default, __assign({}, props)) }); },
|
|
24
|
+
tags: ['autodocs'],
|
|
25
|
+
argTypes: {}
|
|
26
|
+
};
|
|
27
|
+
exports.Default = {
|
|
28
|
+
args: {
|
|
29
|
+
priceText: '+115 TL',
|
|
30
|
+
onChange: function (e) { return console.log(e.target.checked); },
|
|
31
|
+
isMobile: false,
|
|
32
|
+
//width : "90%",
|
|
33
|
+
},
|
|
34
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var React = __importStar(require("react"));
|
|
39
|
+
var SvgTamamlarsin = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 116, height: 14, viewBox: "0 0 116 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M0.719229 3.23362C0.32201 3.23362 0 2.91161 0 2.51439V1.09228C0 0.695057 0.32201 0.373047 0.719229 0.373047H10.6464C11.0436 0.373047 11.3657 0.695057 11.3657 1.09228V2.51439C11.3657 2.91161 11.0436 3.23362 10.6464 3.23362H7.43237V12.7307C7.43237 13.1279 7.11036 13.4499 6.71314 13.4499H4.65251C4.25529 13.4499 3.93328 13.1279 3.93328 12.7307V3.23362H0.719229Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M14.1512 13.6032C13.5254 13.6032 12.9721 13.501 12.491 13.2967C12.0143 13.0881 11.6397 12.7731 11.3673 12.3517C11.0948 11.9303 10.9586 11.3939 10.9586 10.7426C10.9586 10.2063 11.0501 9.74865 11.2332 9.36979C11.4162 8.98668 11.6716 8.67381 11.9994 8.43117C12.3272 8.18853 12.7081 8.00336 13.1423 7.87566C13.5808 7.74795 14.0533 7.66494 14.5599 7.62663C15.109 7.58407 15.5496 7.53298 15.8816 7.47339C16.2179 7.40954 16.4605 7.32227 16.6095 7.2116C16.7585 7.09666 16.833 6.94555 16.833 6.75825V6.73271C16.833 6.4773 16.7351 6.28148 16.5393 6.14527C16.3435 6.00905 16.0923 5.94094 15.7858 5.94094C15.4495 5.94094 15.175 6.01543 14.9621 6.16442C14.9156 6.1967 14.8732 6.2329 14.8349 6.27301C14.5875 6.5324 14.3188 6.83487 13.9604 6.83487H12.1141C11.6967 6.83487 11.3594 6.47589 11.4827 6.07711C11.5789 5.76583 11.7213 5.46929 11.91 5.18749C12.2505 4.68093 12.7465 4.27653 13.3977 3.9743C14.049 3.66781 14.8621 3.51457 15.8369 3.51457C16.5393 3.51457 17.1693 3.59757 17.7269 3.76359C18.2846 3.92535 18.7592 4.15309 19.1508 4.4468C19.5424 4.73627 19.8404 5.07681 20.0447 5.46844C20.2533 5.8558 20.3576 6.27723 20.3576 6.73271V12.7307C20.3576 13.1279 20.0356 13.4499 19.6384 13.4499H17.7821C17.3849 13.4499 17.0628 13.1279 17.0628 12.7307V12.0707H16.9862C16.7904 12.4368 16.552 12.7327 16.2711 12.9583C15.9944 13.1839 15.6773 13.3478 15.3197 13.4499C14.9664 13.5521 14.5769 13.6032 14.1512 13.6032ZM15.3005 11.3811C15.5687 11.3811 15.8199 11.3258 16.054 11.2151C16.2924 11.1044 16.4861 10.9448 16.635 10.7362C16.784 10.5276 16.8585 10.2744 16.8585 9.97639V9.15908C16.7649 9.19739 16.6648 9.23357 16.5584 9.26763C16.4563 9.30168 16.3456 9.33361 16.2264 9.36341C16.1115 9.3932 15.988 9.42087 15.856 9.44641C15.7283 9.47196 15.5943 9.49537 15.4538 9.51665C15.1813 9.55922 14.9579 9.62946 14.7833 9.72736C14.6131 9.82101 14.4854 9.93808 14.4002 10.0786C14.3193 10.2148 14.2789 10.368 14.2789 10.5383C14.2789 10.8107 14.3747 11.0193 14.5662 11.164C14.7578 11.3088 15.0026 11.3811 15.3005 11.3811Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M22.7609 13.4499C22.3637 13.4499 22.0417 13.1279 22.0417 12.7307V4.3615C22.0417 3.96428 22.3637 3.64227 22.7609 3.64227H24.6683C25.0655 3.64227 25.3876 3.96428 25.3876 4.3615V5.50675H25.4897C25.694 4.89377 26.0431 4.40849 26.5369 4.05092C27.0307 3.69335 27.6181 3.51457 28.2992 3.51457C28.9888 3.51457 29.5826 3.69761 30.0807 4.06369C30.5787 4.42552 30.8788 4.90654 30.981 5.50675H31.0832C31.2492 4.90654 31.6025 4.42552 32.1431 4.06369C32.6837 3.69761 33.318 3.51457 34.0459 3.51457C34.9866 3.51457 35.7486 3.8168 36.3318 4.42126C36.9192 5.02573 37.2129 5.83026 37.2129 6.83487V12.7307C37.2129 13.1279 36.8909 13.4499 36.4937 13.4499H34.4075C34.0103 13.4499 33.6883 13.1279 33.6883 12.7307V7.7288C33.6883 7.29886 33.5798 6.96257 33.3627 6.71993C33.1456 6.47304 32.854 6.34959 32.4879 6.34959C32.1261 6.34959 31.8387 6.47304 31.6259 6.71993C31.4173 6.96257 31.313 7.29886 31.313 7.7288V12.7307C31.313 13.1279 30.991 13.4499 30.5938 13.4499H28.6609C28.2636 13.4499 27.9416 13.1279 27.9416 12.7307V7.7288C27.9416 7.29886 27.8331 6.96257 27.616 6.71993C27.3989 6.47304 27.1073 6.34959 26.7412 6.34959C26.4986 6.34959 26.29 6.40493 26.1155 6.51561C25.9409 6.62629 25.8047 6.78592 25.7068 6.9945C25.6132 7.19883 25.5663 7.44359 25.5663 7.7288V12.7307C25.5663 13.1279 25.2443 13.4499 24.8471 13.4499H22.7609Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M41.6842 13.6032C41.0584 13.6032 40.505 13.501 40.024 13.2967C39.5473 13.0881 39.1727 12.7731 38.9002 12.3517C38.6278 11.9303 38.4916 11.3939 38.4916 10.7426C38.4916 10.2063 38.5831 9.74865 38.7661 9.36979C38.9492 8.98668 39.2046 8.67381 39.5324 8.43117C39.8601 8.18853 40.2411 8.00336 40.6753 7.87566C41.1138 7.74795 41.5863 7.66494 42.0928 7.62663C42.642 7.58407 43.0825 7.53298 43.4146 7.47339C43.7509 7.40954 43.9935 7.32227 44.1425 7.2116C44.2915 7.09666 44.366 6.94555 44.366 6.75825V6.73271C44.366 6.4773 44.2681 6.28148 44.0722 6.14527C43.8764 6.00905 43.6253 5.94094 43.3188 5.94094C42.9825 5.94094 42.7079 6.01543 42.4951 6.16442C42.4486 6.1967 42.4062 6.2329 42.3679 6.27301C42.1205 6.5324 41.8518 6.83487 41.4933 6.83487H39.6471C39.2297 6.83487 38.8924 6.47589 39.0156 6.07711C39.1119 5.76583 39.2543 5.46929 39.443 5.18749C39.7835 4.68093 40.2794 4.27653 40.9307 3.9743C41.582 3.66781 42.3951 3.51457 43.3699 3.51457C44.0722 3.51457 44.7022 3.59757 45.2599 3.76359C45.8175 3.92535 46.2922 4.15309 46.6838 4.4468C47.0754 4.73627 47.3734 5.07681 47.5777 5.46844C47.7863 5.8558 47.8906 6.27723 47.8906 6.73271V12.7307C47.8906 13.1279 47.5686 13.4499 47.1714 13.4499H45.3151C44.9178 13.4499 44.5958 13.1279 44.5958 12.7307V12.0707H44.5192C44.3234 12.4368 44.085 12.7327 43.8041 12.9583C43.5274 13.1839 43.2102 13.3478 42.8527 13.4499C42.4994 13.5521 42.1099 13.6032 41.6842 13.6032ZM42.8335 11.3811C43.1017 11.3811 43.3528 11.3258 43.587 11.2151C43.8253 11.1044 44.019 10.9448 44.168 10.7362C44.317 10.5276 44.3915 10.2744 44.3915 9.97639V9.15908C44.2979 9.19739 44.1978 9.23357 44.0914 9.26763C43.9892 9.30168 43.8786 9.33361 43.7594 9.36341C43.6444 9.3932 43.521 9.42087 43.389 9.44641C43.2613 9.47196 43.1272 9.49537 42.9868 9.51665C42.7143 9.55922 42.4908 9.62946 42.3163 9.72736C42.146 9.82101 42.0183 9.93808 41.9332 10.0786C41.8523 10.2148 41.8119 10.368 41.8119 10.5383C41.8119 10.8107 41.9077 11.0193 42.0992 11.164C42.2908 11.3088 42.5355 11.3811 42.8335 11.3811Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M50.2939 13.4499C49.8967 13.4499 49.5747 13.1279 49.5747 12.7307V4.3615C49.5747 3.96428 49.8967 3.64227 50.2939 3.64227H52.2013C52.5985 3.64227 52.9205 3.96428 52.9205 4.3615V5.50675H53.0227C53.227 4.89377 53.5761 4.40849 54.0699 4.05092C54.5637 3.69335 55.1511 3.51457 55.8322 3.51457C56.5218 3.51457 57.1156 3.69761 57.6137 4.06369C58.1117 4.42552 58.4118 4.90654 58.514 5.50675H58.6161C58.7821 4.90654 59.1355 4.42552 59.6761 4.06369C60.2167 3.69761 60.8509 3.51457 61.5789 3.51457C62.5196 3.51457 63.2816 3.8168 63.8648 4.42126C64.4522 5.02573 64.7459 5.83026 64.7459 6.83487V12.7307C64.7459 13.1279 64.4239 13.4499 64.0267 13.4499H61.9405C61.5433 13.4499 61.2213 13.1279 61.2213 12.7307V7.7288C61.2213 7.29886 61.1127 6.96257 60.8956 6.71993C60.6785 6.47304 60.387 6.34959 60.0209 6.34959C59.659 6.34959 59.3717 6.47304 59.1589 6.71993C58.9503 6.96257 58.846 7.29886 58.846 7.7288V12.7307C58.846 13.1279 58.524 13.4499 58.1268 13.4499H56.1938C55.7966 13.4499 55.4746 13.1279 55.4746 12.7307V7.7288C55.4746 7.29886 55.3661 6.96257 55.149 6.71993C54.9319 6.47304 54.6403 6.34959 54.2742 6.34959C54.0316 6.34959 53.823 6.40493 53.6484 6.51561C53.4739 6.62629 53.3377 6.78592 53.2398 6.9945C53.1461 7.19883 53.0993 7.44359 53.0993 7.7288V12.7307C53.0993 13.1279 52.7773 13.4499 52.3801 13.4499H50.2939Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M69.2897 0.373047C69.6869 0.373047 70.0089 0.695057 70.0089 1.09228V12.7307C70.0089 13.1279 69.6869 13.4499 69.2897 13.4499H67.2035C66.8063 13.4499 66.4843 13.1279 66.4843 12.7307V1.09228C66.4843 0.695057 66.8063 0.373047 67.2035 0.373047H69.2897Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M74.5376 13.6032C73.9119 13.6032 73.3585 13.501 72.8775 13.2967C72.4007 13.0881 72.0261 12.7731 71.7537 12.3517C71.4812 11.9303 71.345 11.3939 71.345 10.7426C71.345 10.2063 71.4365 9.74865 71.6196 9.36979C71.8026 8.98668 72.058 8.67381 72.3858 8.43117C72.7136 8.18853 73.0946 8.00336 73.5288 7.87566C73.9672 7.74795 74.4397 7.66494 74.9463 7.62663C75.4954 7.58407 75.936 7.53298 76.268 7.47339C76.6043 7.40954 76.8469 7.32227 76.9959 7.2116C77.1449 7.09666 77.2194 6.94555 77.2194 6.75825V6.73271C77.2194 6.4773 77.1215 6.28148 76.9257 6.14527C76.7299 6.00905 76.4787 5.94094 76.1722 5.94094C75.8359 5.94094 75.5614 6.01543 75.3485 6.16442C75.302 6.1967 75.2596 6.2329 75.2214 6.27301C74.974 6.5324 74.7053 6.83487 74.3468 6.83487H72.5006C72.0832 6.83487 71.7458 6.47589 71.8691 6.07711C71.9653 5.76583 72.1077 5.46929 72.2964 5.18749C72.637 4.68093 73.1329 4.27653 73.7842 3.9743C74.4355 3.66781 75.2485 3.51457 76.2233 3.51457C76.9257 3.51457 77.5557 3.59757 78.1133 3.76359C78.671 3.92535 79.1456 4.15309 79.5372 4.4468C79.9289 4.73627 80.2268 5.07681 80.4312 5.46844C80.6397 5.8558 80.744 6.27723 80.744 6.73271V12.7307C80.744 13.1279 80.422 13.4499 80.0248 13.4499H78.1685C77.7713 13.4499 77.4493 13.1279 77.4493 12.7307V12.0707H77.3727C77.1768 12.4368 76.9385 12.7327 76.6575 12.9583C76.3808 13.1839 76.0637 13.3478 75.7061 13.4499C75.3528 13.5521 74.9633 13.6032 74.5376 13.6032ZM75.687 11.3811C75.9551 11.3811 76.2063 11.3258 76.4404 11.2151C76.6788 11.1044 76.8725 10.9448 77.0215 10.7362C77.1705 10.5276 77.2449 10.2744 77.2449 9.97639V9.15908C77.1513 9.19739 77.0513 9.23357 76.9448 9.26763C76.8427 9.30168 76.732 9.33361 76.6128 9.36341C76.4979 9.3932 76.3744 9.42087 76.2425 9.44641C76.1148 9.47196 75.9807 9.49537 75.8402 9.51665C75.5678 9.55922 75.3443 9.62946 75.1698 9.72736C74.9995 9.82101 74.8718 9.93808 74.7866 10.0786C74.7058 10.2148 74.6653 10.368 74.6653 10.5383C74.6653 10.8107 74.7611 11.0193 74.9527 11.164C75.1442 11.3088 75.389 11.3811 75.687 11.3811Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M83.1474 13.4499C82.7501 13.4499 82.4281 13.1279 82.4281 12.7307V4.3615C82.4281 3.96428 82.7501 3.64227 83.1474 3.64227H85.1314C85.5286 3.64227 85.8506 3.96428 85.8506 4.3615V5.50675H85.9528C86.1315 4.81715 86.4146 4.31272 86.802 3.99346C87.1936 3.6742 87.6512 3.51457 88.1748 3.51457C88.3281 3.51457 88.4792 3.52734 88.6282 3.55288C88.7814 3.57416 88.9283 3.60609 89.0687 3.64865V6.65608C88.8942 6.59649 88.6792 6.55179 88.4238 6.52199C88.1684 6.4922 87.9492 6.4773 87.7662 6.4773C87.4214 6.4773 87.1106 6.55605 86.8339 6.71355C86.5615 6.86679 86.3465 7.08389 86.189 7.36484C86.0315 7.64153 85.9528 7.96718 85.9528 8.34178V12.7307C85.9528 13.1279 85.6308 13.4499 85.2335 13.4499H83.1474Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M99.0834 6.09445C99.1853 6.4903 98.8487 6.83487 98.44 6.83487H96.5135C96.1924 6.83487 95.9433 6.56201 95.7349 6.31767C95.6114 6.17294 95.4518 6.06226 95.256 5.98564C95.0644 5.90476 94.8516 5.86432 94.6175 5.86432C94.3152 5.86432 94.0556 5.91966 93.8385 6.03033C93.6214 6.14101 93.515 6.29851 93.5192 6.50284C93.515 6.64757 93.5767 6.78166 93.7044 6.90511C93.8364 7.02855 94.0896 7.12433 94.4642 7.19244L96.4564 7.55001C97.461 7.73305 98.2081 8.04167 98.6976 8.47586C99.1914 8.9058 99.4404 9.4826 99.4447 10.2063C99.4404 10.9044 99.2318 11.511 98.8189 12.026C98.4103 12.5369 97.8505 12.9327 97.1396 13.2137C96.433 13.4904 95.6263 13.6287 94.7196 13.6287C93.2212 13.6287 92.0485 13.3222 91.2014 12.7093C90.5872 12.2626 90.1708 11.7119 89.9522 11.0572C89.8176 10.6543 90.1582 10.2829 90.583 10.2829H92.6704C93.0262 10.2829 93.3047 10.5746 93.5469 10.8352C93.605 10.8977 93.6724 10.9541 93.7491 11.0044C94.013 11.1704 94.345 11.2534 94.7452 11.2534C95.0687 11.2534 95.3348 11.1981 95.5433 11.0874C95.7562 10.9767 95.8647 10.8192 95.869 10.6149C95.8647 10.4276 95.7711 10.2786 95.588 10.1679C95.4092 10.0573 95.1283 9.96787 94.7452 9.89976L93.0084 9.59328C92.0081 9.41875 91.2589 9.08672 90.7608 8.59718C90.2628 8.10765 90.0159 7.47765 90.0201 6.70716C90.0159 6.02608 90.1947 5.44928 90.5565 4.97678C90.9226 4.50001 91.444 4.13819 92.1209 3.89129C92.8019 3.64014 93.6086 3.51457 94.5409 3.51457C95.9584 3.51457 97.0758 3.80828 97.8931 4.39572C98.5082 4.83551 98.9049 5.40176 99.0834 6.09445Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M101.514 13.4499C101.117 13.4499 100.795 13.1279 100.795 12.7307V4.3615C100.795 3.96428 101.117 3.64227 101.514 3.64227H103.601C103.998 3.64227 104.32 3.96428 104.32 4.3615V12.7307C104.32 13.1279 103.998 13.4499 103.601 13.4499H101.514Z", fill: "#9763F6" }), (0, jsx_runtime_1.jsx)("path", { d: "M109.64 7.93312V12.7307C109.64 13.1279 109.318 13.4499 108.921 13.4499H106.835C106.438 13.4499 106.116 13.1279 106.116 12.7307V4.3615C106.116 3.96428 106.438 3.64227 106.835 3.64227H108.742C109.139 3.64227 109.461 3.96428 109.461 4.3615V5.50675H109.564C109.776 4.88525 110.151 4.39785 110.687 4.04454C111.228 3.69122 111.858 3.51457 112.577 3.51457C113.271 3.51457 113.874 3.6742 114.384 3.99346C114.9 4.30846 115.298 4.74265 115.578 5.29604C115.864 5.84942 116.004 6.48155 116 7.19244V12.7307C116 13.1279 115.678 13.4499 115.281 13.4499H113.195C112.797 13.4499 112.475 13.1279 112.475 12.7307V7.93312C112.48 7.44785 112.356 7.06686 112.105 6.79017C111.858 6.51348 111.513 6.37513 111.071 6.37513C110.781 6.37513 110.528 6.43899 110.311 6.56669C110.098 6.69014 109.934 6.86892 109.819 7.10305C109.704 7.33291 109.645 7.60961 109.64 7.93312Z", fill: "#9763F6" })] }))); };
|
|
40
|
+
exports.default = SvgTamamlarsin;
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.Call = exports.Calendar = exports.BuyBig = exports.Buy = exports.ButtonIcon = exports.Box = exports.Bookmark = exports.Bag3 = exports.Bag = exports.Bag2 = exports.Baby = exports.AskedQuestions = exports.ArrowUpSquare = exports.ArrowUpCircle = exports.ArrowUpBig = exports.ArrowUpAnimate = exports.ArrowUp = exports.ArrowSmallUp = exports.ArrowSmallRightStroke = exports.ArrowSmallRightBackground = exports.ArrowSmallRight = exports.ArrowSmallLeftStroke = exports.ArrowSmallLeftHover = exports.ArrowSmallLeft = exports.ArrowSmallDown = exports.ArrowShare = exports.ArrowRightSquare = exports.ArrowRightCircle = exports.ArrowRightBig = exports.ArrowRightAnimate = exports.ArrowRight = exports.ArrowPlusCircle = exports.ArrowMediumRight = exports.ArrowMedium = exports.ArrowLeftSquare = exports.ArrowLeftCircle = exports.ArrowLeftBig = exports.ArrowLeftAnimate = exports.ArrowLeft = exports.ArrowGo = exports.ArrowDownSquare = exports.ArrowDownCircle = exports.ArrowDownBig = exports.ArrowDownAnimate = exports.ArrowDown = exports.AgreementArrowUp = exports.AgreementArrowDown = exports.Again = exports.AddUser = exports.Activity = void 0;
|
|
29
29
|
exports.InfoSquare = exports.InfoCircle = exports.Image = exports.House = exports.Home = exports.Hide = exports.Heart = exports.Grid = exports.Graph = exports.Game = exports.Folder = exports.FilterUp = exports.FilterDown = exports.Filter2 = exports.Filter = exports.FacebookStroke = exports.Facebook = exports.ErrorIcon = exports.EditSquare = exports.Edit = exports.Download = exports.Document = exports.Discovery = exports.Discount = exports.Delete = exports.DarkBadge = exports.Danger = exports.CloseSquare = exports.CloseMiniHover = exports.Closemini = exports.CloseHover = exports.CloseBigHover = exports.CloseBig = exports.Close = exports.CheckMark = exports.CheckboxElementUncheck = exports.CheckboxElementInvalid = exports.CheckboxElementDisabled = exports.CheckboxElementChecked = exports.Chat = exports.Chart = exports.Category = exports.Cargo2 = exports.Cargo = exports.Cargo1 = exports.Campaign = exports.Camera = exports.CallSilent = exports.CallMissed = exports.Calling = void 0;
|
|
30
30
|
exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = exports.ProfilNamePassive = exports.ProfilName = exports.Profile = exports.PriceTag = exports.PoweredByQnbLogo = exports.Pointinghand = exports.PointFinger = exports.PlusSmall = exports.PlusBig = exports.Plus = exports.Play = exports.Password = exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = exports.OrderProgressIcons = exports.NotificationSimpleSmall = exports.NotificationSimple = exports.Notification = exports.Notification1 = exports.NegativeSmall = exports.NegativeBig = exports.MoreSquare = exports.MoreCircle = exports.More = exports.Money = exports.Minus = exports.Message = exports.Mastercard = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loading = exports.Live = exports.List = exports.LinkedinStroke = exports.LinkedIn = exports.LikeV1 = exports.Like = exports.Laptop = exports.Language2 = exports.KeyboardClose = exports.Keyboard = exports.InstagramNegative = void 0;
|
|
31
|
-
exports.iconList = exports.Youtube = exports.Work = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet = exports.VolumeUp = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Visa = exports.Video = exports.Upload = exports.Unlock = exports.TwoUser = exports.TwitterStroke = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.TickSquare = exports.TicketStar = exports.Ticket = exports.ThreeUser = exports.SwitchPassive = exports.Swap = exports.Steps = exports.Steps2 = exports.Steps1 = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDone = exports.Setting = exports.Setting1 = exports.Send = exports.Securitywithtik = exports.Search = exports.Scan = exports.Sandwatch = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = void 0;
|
|
31
|
+
exports.iconList = exports.Youtube = exports.Work = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet = exports.VolumeUp = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Visa = exports.Video = exports.Upload = exports.Unlock = exports.TwoUser = exports.TwitterStroke = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.TickSquare = exports.TicketStar = exports.Ticket = exports.ThreeUser = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.Steps = exports.Steps2 = exports.Steps1 = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDone = exports.Setting = exports.Setting1 = exports.Send = exports.Securitywithtik = exports.Search = exports.Scan = exports.Sandwatch = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = void 0;
|
|
32
32
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
33
|
var Activity_1 = __importDefault(require("./Activity"));
|
|
34
34
|
Object.defineProperty(exports, "Activity", { enumerable: true, get: function () { return Activity_1.default; } });
|
|
@@ -372,6 +372,8 @@ var Swap_1 = __importDefault(require("./Swap"));
|
|
|
372
372
|
Object.defineProperty(exports, "Swap", { enumerable: true, get: function () { return Swap_1.default; } });
|
|
373
373
|
var SwitchPassive_1 = __importDefault(require("./SwitchPassive"));
|
|
374
374
|
Object.defineProperty(exports, "SwitchPassive", { enumerable: true, get: function () { return SwitchPassive_1.default; } });
|
|
375
|
+
var Tamamlarsin_1 = __importDefault(require("./Tamamlarsin"));
|
|
376
|
+
Object.defineProperty(exports, "Tamamlarsin", { enumerable: true, get: function () { return Tamamlarsin_1.default; } });
|
|
375
377
|
var ThreeUser_1 = __importDefault(require("./ThreeUser"));
|
|
376
378
|
Object.defineProperty(exports, "ThreeUser", { enumerable: true, get: function () { return ThreeUser_1.default; } });
|
|
377
379
|
var Ticket_1 = __importDefault(require("./Ticket"));
|
|
@@ -1107,6 +1109,10 @@ exports.iconList = {
|
|
|
1107
1109
|
var props = __rest(_a, []);
|
|
1108
1110
|
return (0, jsx_runtime_1.jsx)(SwitchPassive_1.default, __assign({}, props));
|
|
1109
1111
|
},
|
|
1112
|
+
Tamamlarsin: function (_a) {
|
|
1113
|
+
var props = __rest(_a, []);
|
|
1114
|
+
return (0, jsx_runtime_1.jsx)(Tamamlarsin_1.default, __assign({}, props));
|
|
1115
|
+
},
|
|
1110
1116
|
ThreeUser: function (_a) {
|
|
1111
1117
|
var props = __rest(_a, []);
|
|
1112
1118
|
return (0, jsx_runtime_1.jsx)(ThreeUser_1.default, __assign({}, props));
|
|
@@ -12,10 +12,5 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
12
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
13
|
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
14
14
|
var svgToBase64_1 = __importDefault(require("./../../utils/svgToBase64"));
|
|
15
|
-
|
|
16
|
-
backgroundImage: "url('".concat((0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Search", width: "16px", height: "16px" })), "')"),
|
|
17
|
-
backgroundPosition: "1.5rem center",
|
|
18
|
-
backgroundRepeat: "no-repeat",
|
|
19
|
-
};
|
|
20
|
-
exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n\n .top {\n display: flex;\n margin-bottom: 16px;\n\n &.justify-between {\n justify-content: space-between;\n }\n\n p {\n margin: 0;\n color: var(--dark-opacity-50);\n }\n\n a {\n margin: 0;\n color: var(--primary);\n text-decoration: none;\n cursor: pointer;\n\n &:hover, :focus, :active {\n color: var(--primary-hover) !important;\n }\n }\n }\n\n .select {\n position: relative;\n \n .customSelect__value-container{\n padding: 0;\n }\n .customSelect__single-value {\n margin: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--dark);\n }\n .customSelect__control {\n height : 56px;\n background-color: white;\n border-width: 1px;\n border-style: solid;\n border-color: var(--dark-opacity-10);\n border-radius: 8px;\n padding: 0 1.5rem;\n &:hover {\n border-color: var(--primary);\n }\n }\n .customSelect__input-container{\n margin:0;\n padding: 0;\n }\n .isSearchable {\n .customSelect__control {\n \n }\n }\n .customSelect__control--is-focused {\n border-color: var(--primary);\n box-shadow: none;\n }\n .customSelect__menu {\n margin: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n box-shadow: none;\n border: 1px solid var(--dark-opacity-10);\n }\n .customSelect__control--menu-is-open {\n border-color: var(--primary);\n box-shadow: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n .customSelect__menu-list {\n padding: 0;\n max-height: 200px;\n scroll-margin: 0 10px 30px 0;\n scrollbar-color: var(--dark-opacity-10) var(--dark-opacity-10);\n scrollbar-width: thin;\n\n &::-webkit-scrollbar {\n width: 4px;\n background-color: #ffffff;\n }\n &::-webkit-scrollbar-track {\n border-radius: 10px;\n background: white;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--dark-opacity-10);\n }\n }\n \n input {\n font-size: 14px !important;\n font-weight: 600 !important;\n }\n .isSearchable {\n .customSelect__value-container {\n background-image: url('", "');\n background-repeat: no-repeat;\n background-position: 0 center;\n padding: 11px 24px 11px 24px;\n }\n }\n .customSelect__placeholder {\n font-size: 0.875rem;\n line-height: 17px;\n color: #84879e;\n margin: 0;\n }\n .customSelect__indicator-separator {\n display: none;\n }\n .customSelect__indicator {\n padding: 0 0;\n\n width: 16px;\n height: 100%;\n background-image: url('", "');\n background-repeat: no-repeat;\n background-position: center center;\n svg {\n display: none;\n }\n }\n .option {\n height : 70px;\n padding : 0 1.5rem;\n display : flex;\n align-items: center;\n justify-content : space-between;\n background-color : #fff;\n position : relative;\n color : var(--dark);\n cursor : pointer;\n &:hover{\n background-color: var(--dark-opacity-3);\n }\n &:active{\n background-color: var(--dark-opacity-3);\n }\n &:is(.optionSm){\n height: 51px;\n }\n strong , span{\n display: block;\n }\n }\n \n \n \n \n \n }\n \n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n\n .top {\n display: flex;\n margin-bottom: 16px;\n\n &.justify-between {\n justify-content: space-between;\n }\n\n p {\n margin: 0;\n color: var(--dark-opacity-50);\n }\n\n a {\n margin: 0;\n color: var(--primary);\n text-decoration: none;\n cursor: pointer;\n\n &:hover, :focus, :active {\n color: var(--primary-hover) !important;\n }\n }\n }\n\n .select {\n position: relative;\n \n .customSelect__value-container{\n padding: 0;\n }\n .customSelect__single-value {\n margin: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--dark);\n }\n .customSelect__control {\n height : 56px;\n background-color: white;\n border-width: 1px;\n border-style: solid;\n border-color: var(--dark-opacity-10);\n border-radius: 8px;\n padding: 0 1.5rem;\n &:hover {\n border-color: var(--primary);\n }\n }\n .customSelect__input-container{\n margin:0;\n padding: 0;\n }\n .isSearchable {\n .customSelect__control {\n \n }\n }\n .customSelect__control--is-focused {\n border-color: var(--primary);\n box-shadow: none;\n }\n .customSelect__menu {\n margin: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n box-shadow: none;\n border: 1px solid var(--dark-opacity-10);\n }\n .customSelect__control--menu-is-open {\n border-color: var(--primary);\n box-shadow: none;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n .customSelect__menu-list {\n padding: 0;\n max-height: 200px;\n scroll-margin: 0 10px 30px 0;\n scrollbar-color: var(--dark-opacity-10) var(--dark-opacity-10);\n scrollbar-width: thin;\n\n &::-webkit-scrollbar {\n width: 4px;\n background-color: #ffffff;\n }\n &::-webkit-scrollbar-track {\n border-radius: 10px;\n background: white;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--dark-opacity-10);\n }\n }\n \n input {\n font-size: 14px !important;\n font-weight: 600 !important;\n }\n .isSearchable {\n .customSelect__value-container {\n background-image: url('", "');\n background-repeat: no-repeat;\n background-position: 0 center;\n padding: 11px 24px 11px 24px;\n }\n }\n .customSelect__placeholder {\n font-size: 0.875rem;\n line-height: 17px;\n color: #84879e;\n margin: 0;\n }\n .customSelect__indicator-separator {\n display: none;\n }\n .customSelect__indicator {\n padding: 0 0;\n\n width: 16px;\n height: 100%;\n background-image: url('", "');\n background-repeat: no-repeat;\n background-position: center center;\n svg {\n display: none;\n }\n }\n .option {\n height : 70px;\n padding : 0 1.5rem;\n display : flex;\n align-items: center;\n justify-content : space-between;\n background-color : #fff;\n position : relative;\n color : var(--dark);\n cursor : pointer;\n &:hover{\n background-color: var(--dark-opacity-3);\n }\n &:active{\n background-color: var(--dark-opacity-3);\n }\n &:is(.optionSm){\n height: 51px;\n }\n strong , span{\n display: block;\n }\n }\n \n \n \n \n \n }\n \n"])), function (props) { return props.width || '370px'; }, (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Search", width: "16px", height: "16px" })), (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowDown", width: "16px", height: "16px" })));
|
|
15
|
+
exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: ", ";\n \n .top {\n display: flex;\n margin-bottom: 16px;\n &.justify-between {\n justify-content: space-between;\n }\n p {\n margin: 0;\n color: var(--dark-opacity-50);\n }\n }\n\n .select {\n position: relative;\n .customSelect{\n .customSelect__control {\n height: 56px;\n background-color: white;\n border: 0;\n padding: 0 1.5rem;\n cursor: pointer;\n &:before{\n content: \"\";\n position: absolute;\n inset:0;\n user-select: none;\n pointer-events: none;\n border-width: 1px;\n border-style: solid;\n border-radius: 8px;\n border-color: var(--dark-opacity-10);\n }\n\n &:hover {\n &:before{\n border-color: var(--primary);\n border-width: 2px;\n }\n }\n\n .customSelect__value-container {\n padding: 0;\n .customSelect__placeholder {\n font-size: 14px;\n font-weight: 600;\n line-height: 17px;\n color: var(--dark-opacity-50);\n margin: 0;\n }\n\n .customSelect__single-value {\n margin: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 17px;\n color: var(--dark);\n }\n\n .customSelect__input-container {\n margin: 0;\n padding: 0;\n input {\n font-size: 14px !important;\n font-weight: 600 !important;\n line-height: 17px !important;\n }\n }\n }\n\n .customSelect__indicator {\n padding: 0 0;\n width: 16px;\n height: 100%;\n background-image: url('", "');\n background-repeat: no-repeat;\n background-position: center center;\n transition: all .2s ease;\n svg {\n display: none;\n }\n }\n .customSelect__indicator-separator {\n display: none;\n }\n }\n\n &:is(.isSearchable) {\n .customSelect__value-container {\n background-image: url('", "');\n background-repeat: no-repeat;\n background-position: 0 center;\n padding: 11px 24px 11px 24px;\n }\n }\n\n .customSelect__control--is-focused {\n border-color: var(--primary);\n box-shadow: none;\n }\n\n .customSelect__menu {\n margin: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: none;\n border: 1px solid var(--dark-opacity-10);\n overflow: hidden;\n .customSelect__menu-list {\n padding: 0;\n max-height: 200px;\n scroll-margin: 0 10px 30px 0;\n scrollbar-color: var(--dark-opacity-10) var(--dark-opacity-10);\n scrollbar-width: thin;\n\n &::-webkit-scrollbar {\n width: 4px;\n background-color: #ffffff;\n }\n\n &::-webkit-scrollbar-track {\n border-radius: 10px;\n background: white;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--dark-opacity-10);\n }\n \n .option {\n height: 70px;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #fff;\n position: relative;\n color: var(--dark);\n cursor: pointer;\n\n &:hover {\n background-color: var(--dark-opacity-3);\n }\n\n &:active {\n background-color: var(--dark-opacity-3);\n }\n\n &:is(.optionSm) {\n height: 51px;\n }\n\n strong, span {\n display: block;\n }\n }\n }\n }\n\n .customSelect__control--menu-is-open {\n &:before{\n border-color: var(--primary);\n border-width: 2px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n box-shadow: none;\n .customSelect__indicator{\n transform: rotate(180deg);\n }\n }\n }\n }\n"], ["\n display: flex;\n flex-direction: column;\n width: ", ";\n \n .top {\n display: flex;\n margin-bottom: 16px;\n &.justify-between {\n justify-content: space-between;\n }\n p {\n margin: 0;\n color: var(--dark-opacity-50);\n }\n }\n\n .select {\n position: relative;\n .customSelect{\n .customSelect__control {\n height: 56px;\n background-color: white;\n border: 0;\n padding: 0 1.5rem;\n cursor: pointer;\n &:before{\n content: \"\";\n position: absolute;\n inset:0;\n user-select: none;\n pointer-events: none;\n border-width: 1px;\n border-style: solid;\n border-radius: 8px;\n border-color: var(--dark-opacity-10);\n }\n\n &:hover {\n &:before{\n border-color: var(--primary);\n border-width: 2px;\n }\n }\n\n .customSelect__value-container {\n padding: 0;\n .customSelect__placeholder {\n font-size: 14px;\n font-weight: 600;\n line-height: 17px;\n color: var(--dark-opacity-50);\n margin: 0;\n }\n\n .customSelect__single-value {\n margin: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 600;\n line-height: 17px;\n color: var(--dark);\n }\n\n .customSelect__input-container {\n margin: 0;\n padding: 0;\n input {\n font-size: 14px !important;\n font-weight: 600 !important;\n line-height: 17px !important;\n }\n }\n }\n\n .customSelect__indicator {\n padding: 0 0;\n width: 16px;\n height: 100%;\n background-image: url('", "');\n background-repeat: no-repeat;\n background-position: center center;\n transition: all .2s ease;\n svg {\n display: none;\n }\n }\n .customSelect__indicator-separator {\n display: none;\n }\n }\n\n &:is(.isSearchable) {\n .customSelect__value-container {\n background-image: url('", "');\n background-repeat: no-repeat;\n background-position: 0 center;\n padding: 11px 24px 11px 24px;\n }\n }\n\n .customSelect__control--is-focused {\n border-color: var(--primary);\n box-shadow: none;\n }\n\n .customSelect__menu {\n margin: 0;\n border-radius: 0 0 8px 8px;\n box-shadow: none;\n border: 1px solid var(--dark-opacity-10);\n overflow: hidden;\n .customSelect__menu-list {\n padding: 0;\n max-height: 200px;\n scroll-margin: 0 10px 30px 0;\n scrollbar-color: var(--dark-opacity-10) var(--dark-opacity-10);\n scrollbar-width: thin;\n\n &::-webkit-scrollbar {\n width: 4px;\n background-color: #ffffff;\n }\n\n &::-webkit-scrollbar-track {\n border-radius: 10px;\n background: white;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: var(--dark-opacity-10);\n }\n \n .option {\n height: 70px;\n padding: 0 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: #fff;\n position: relative;\n color: var(--dark);\n cursor: pointer;\n\n &:hover {\n background-color: var(--dark-opacity-3);\n }\n\n &:active {\n background-color: var(--dark-opacity-3);\n }\n\n &:is(.optionSm) {\n height: 51px;\n }\n\n strong, span {\n display: block;\n }\n }\n }\n }\n\n .customSelect__control--menu-is-open {\n &:before{\n border-color: var(--primary);\n border-width: 2px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n box-shadow: none;\n .customSelect__indicator{\n transform: rotate(180deg);\n }\n }\n }\n }\n"])), function (props) { return props.width || '370px'; }, (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowDown", width: "16px", height: "16px" })), (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Search", width: "16px", height: "16px" })));
|
|
21
16
|
var templateObject_1;
|
|
@@ -10,9 +10,7 @@ exports.default = {
|
|
|
10
10
|
title: 'Components/SelectBox',
|
|
11
11
|
component: SelectBox_1.default,
|
|
12
12
|
tags: ['autodocs'],
|
|
13
|
-
argTypes: {
|
|
14
|
-
hasError: { control: 'boolean' },
|
|
15
|
-
}
|
|
13
|
+
argTypes: {}
|
|
16
14
|
};
|
|
17
15
|
exports.Default = {
|
|
18
16
|
args: {
|
|
@@ -21,6 +19,7 @@ exports.Default = {
|
|
|
21
19
|
label: "Label",
|
|
22
20
|
name: "name",
|
|
23
21
|
menuIsOpen: true,
|
|
24
|
-
options: SelectValues_json_1.default
|
|
22
|
+
options: SelectValues_json_1.default,
|
|
23
|
+
width: "400px",
|
|
25
24
|
},
|
|
26
25
|
};
|
|
@@ -0,0 +1,22 @@
|
|
|
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
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
var react_1 = require("react");
|
|
8
|
+
var Tooltip_styled_1 = require("./Tooltip.styled");
|
|
9
|
+
var Icon_1 = __importDefault(require("../Icon/Icon"));
|
|
10
|
+
var Tooltip = function (props) {
|
|
11
|
+
var children = props.children, title = props.title, hasClickAction = props.hasClickAction, isOpen = props.isOpen, iconWidth = props.iconWidth, iconHeight = props.iconHeight, popupWidth = props.popupWidth;
|
|
12
|
+
var _a = (0, react_1.useState)(isOpen), isOpenTooltip = _a[0], setIsOpenTooltip = _a[1];
|
|
13
|
+
(0, react_1.useEffect)(function () {
|
|
14
|
+
setIsOpenTooltip(isOpen);
|
|
15
|
+
}, [isOpen]);
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)(Tooltip_styled_1.TooltipStyled, { hasClickAction: hasClickAction, children: [(0, jsx_runtime_1.jsx)(Tooltip_styled_1.Selector, { hasClickAction: hasClickAction, onClick: function () { return setIsOpenTooltip(!isOpenTooltip); }, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "InfoSquare", width: iconWidth, height: iconHeight }) }), (0, jsx_runtime_1.jsxs)(Tooltip_styled_1.Popup, { popupWidth: popupWidth, isOpen: isOpenTooltip, hasClickAction: hasClickAction, className: "caption-medium-11-13", children: [title && (0, jsx_runtime_1.jsx)(Tooltip_styled_1.Title, { className: "body-extra-bold-13-16", children: title }), children] })] }));
|
|
17
|
+
};
|
|
18
|
+
Tooltip.defaultProps = {
|
|
19
|
+
iconWidth: "16px",
|
|
20
|
+
iconHeight: "16px",
|
|
21
|
+
};
|
|
22
|
+
exports.default = Tooltip;
|
|
@@ -0,0 +1,17 @@
|
|
|
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.Popup = exports.Title = exports.Selector = exports.TooltipStyled = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
var devices_1 = require("../../constants/devices");
|
|
13
|
+
exports.TooltipStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n position: relative;\n vertical-align: middle;\n color: var(--dark);\n ", "\n"], ["\n display: block;\n position: relative;\n vertical-align: middle;\n color: var(--dark);\n ", "\n"])), function (props) { return !props.hasClickAction && "\n &:hover {\n > div {\n opacity: 1;\n }\n }\n "; });
|
|
14
|
+
exports.Selector = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n cursor: ", ";\n svg {\n display: block;\n path {\n stroke: var(--primary);\n }\n }\n"], ["\n display: block;\n cursor: ", ";\n svg {\n display: block;\n path {\n stroke: var(--primary);\n }\n }\n"])), function (props) { return props.hasClickAction ? 'pointer' : 'initial'; });
|
|
15
|
+
exports.Title = styled_components_1.default.strong(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n margin-bottom: 0.5rem;\n"], ["\n display: block;\n margin-bottom: 0.5rem;\n"])));
|
|
16
|
+
exports.Popup = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\n position: absolute;\n bottom: calc(100% + 10px);\n width: ", ";\n padding: 1rem;\n border-radius: 0.5rem;\n background-color: var(--primary-opacity-10);\n left: 50%;\n transform: translateX(-50%);\n user-select: none;\n pointer-events: none;\n transition: all 0.15s ease;\n opacity: ", ";\n\n @media only screen and ", " {\n left: auto;\n transform: none;\n right: -0.5rem;\n &:before {\n left: auto !important;\n transform: none !important;\n right: 0.5rem !important;\n }\n }\n &:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translateX(-50%);\n border: 6px solid;\n border-color: var(--primary-opacity-10) transparent transparent;\n }\n"], ["\n\n position: absolute;\n bottom: calc(100% + 10px);\n width: ", ";\n padding: 1rem;\n border-radius: 0.5rem;\n background-color: var(--primary-opacity-10);\n left: 50%;\n transform: translateX(-50%);\n user-select: none;\n pointer-events: none;\n transition: all 0.15s ease;\n opacity: ", ";\n\n @media only screen and ", " {\n left: auto;\n transform: none;\n right: -0.5rem;\n &:before {\n left: auto !important;\n transform: none !important;\n right: 0.5rem !important;\n }\n }\n &:before {\n content: '';\n position: absolute;\n top: 100%;\n left: 50%;\n transform: translateX(-50%);\n border: 6px solid;\n border-color: var(--primary-opacity-10) transparent transparent;\n }\n"])), function (props) { return props.popupWidth ? props.popupWidth : "151px"; }, function (props) { return (props.hasClickAction && props.isOpen) ? '1' : "0"; }, devices_1.devices.xl);
|
|
17
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -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 Tooltip_1 = require("./Tooltip");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Tooltip_1).default; } });
|
|
@@ -0,0 +1,33 @@
|
|
|
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
|
+
exports.Default = void 0;
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var Tooltip_1 = __importDefault(require("../Tooltip"));
|
|
20
|
+
exports.default = {
|
|
21
|
+
title: 'Components/Tooltip',
|
|
22
|
+
component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { margin: "5rem 0 0 11rem", display: "inline-block" }, children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, __assign({}, props)) }); },
|
|
23
|
+
tags: ['autodocs'],
|
|
24
|
+
argTypes: {}
|
|
25
|
+
};
|
|
26
|
+
exports.Default = {
|
|
27
|
+
args: {
|
|
28
|
+
title: "Title",
|
|
29
|
+
children: (0, jsx_runtime_1.jsx)("div", { children: "test" }),
|
|
30
|
+
hasClickAction: false,
|
|
31
|
+
isOpen: false,
|
|
32
|
+
},
|
|
33
|
+
};
|
|
@@ -13,5 +13,5 @@ var devices_1 = require("../../../../constants/devices");
|
|
|
13
13
|
exports.SquareSmStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 1.5rem;\n border-radius: 8px;\n background: #FFF;\n box-shadow: 0 6px 30px 0 #EAE9F0;\n display: grid;\n grid-template-columns: 1fr;\n align-items: center;\n max-width: 216px;\n aspect-ratio: 1/1;\n color: var(--dark);\n text-align: start;\n align-content: center;\n position: relative;\n box-sizing: border-box;\n opacity: 0;\n user-select: none;\n pointer-events: none;\n transition: all .2s cubic-bezier(0,0,.2,1) 0s;\n transform: scale(.9);\n cursor: pointer;\n @media only screen and ", " {\n padding: 1rem;\n }\n ", "\n"], ["\n padding: 1.5rem;\n border-radius: 8px;\n background: #FFF;\n box-shadow: 0 6px 30px 0 #EAE9F0;\n display: grid;\n grid-template-columns: 1fr;\n align-items: center;\n max-width: 216px;\n aspect-ratio: 1/1;\n color: var(--dark);\n text-align: start;\n align-content: center;\n position: relative;\n box-sizing: border-box;\n opacity: 0;\n user-select: none;\n pointer-events: none;\n transition: all .2s cubic-bezier(0,0,.2,1) 0s;\n transform: scale(.9);\n cursor: pointer;\n @media only screen and ", " {\n padding: 1rem;\n }\n ", "\n"])), devices_1.devices.md, function (props) { return props.show && "\n opacity: 1;\n user-select: initial;\n pointer-events: initial;\n transform: scale(1);\n "; });
|
|
14
14
|
exports.TextWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-top: 1rem;\n"], ["\n margin-top: 1rem;\n"])));
|
|
15
15
|
exports.Title = styled_components_1.default.strong(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n"], ["\n display: block;\n"])));
|
|
16
|
-
exports.ImageWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: block;\n > *{\n display: block !important;\n }\n"], ["\n display: block;\n > *{\n display: block !important;\n }\n"])));
|
|
16
|
+
exports.ImageWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: block;\n > *{\n display: inline-block !important;\n vertical-align: middle;\n }\n"], ["\n display: block;\n > *{\n display: inline-block !important;\n vertical-align: middle;\n }\n"])));
|
|
17
17
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
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.TextLink = exports.SelectBox = exports.Badges = exports.Carousel = exports.SuggestBox = exports.Toast = exports.Banner = exports.Footer = 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.Spinner = exports.Button = void 0;
|
|
6
|
+
exports.Assurance = exports.Tooltip = exports.TextLink = exports.SelectBox = exports.Badges = exports.Carousel = exports.SuggestBox = exports.Toast = exports.Banner = exports.Footer = 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.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"));
|
|
@@ -62,3 +62,7 @@ var SelectBox_1 = __importDefault(require("./components/SelectBox"));
|
|
|
62
62
|
exports.SelectBox = SelectBox_1.default;
|
|
63
63
|
var TextLink_1 = __importDefault(require("./components/TextLink"));
|
|
64
64
|
exports.TextLink = TextLink_1.default;
|
|
65
|
+
var Tooltip_1 = __importDefault(require("./components/Tooltip"));
|
|
66
|
+
exports.Tooltip = Tooltip_1.default;
|
|
67
|
+
var Assurance_1 = __importDefault(require("./components/Assurance"));
|
|
68
|
+
exports.Assurance = Assurance_1.default;
|