@mailstep/design-system 0.1.26 → 0.2.0-beta.1

package/ui/Blocks/Modal/Modal.js

@@ -1,40 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { memo, useCallback, useMemo, useEffect } from 'react';
-import Icon from '../../Elements/Icon/Icon.js';
-import 'tslib';
-import { DialogOverlay, DialogWindow, HeaderContainer, TitleContainer, H4, ContentContainer, ButtonsContainer, CloseButton } from './styles.js';
-import { x } from '@xstyled/styled-components';
-import Button from '../../Elements/Button/Button.js';
-import { Portal } from '../../Elements/Portal/index.js';
-import { useClickOutside } from './hooks/useClickOutside.js';
-import { widthMap, topSpaceMap } from './utils.js';
-
-var Modal = memo(function (_a) {
-    var children = _a.children, _b = _a.isShown, isShown = _b === void 0 ? true : _b, onCancel = _a.onCancel, title = _a.title, titleIcon = _a.titleIcon, onConfirm = _a.onConfirm, confirmLabel = _a.confirmLabel, cancelLabel = _a.cancelLabel, isLoading = _a.isLoading, isConfirmDisabled = _a.isConfirmDisabled, _c = _a.width, width = _c === void 0 ? 'narrow' : _c, _d = _a.topSpace, topSpace = _d === void 0 ? 'default' : _d, onClose = _a.onClose, _e = _a.hasFooter, hasFooter = _e === void 0 ? true : _e, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, _g = _a.whiteBg, whiteBg = _g === void 0 ? false : _g, _h = _a.miniCloseBtn, miniCloseBtn = _h === void 0 ? false : _h, _j = _a.ignoreClickOutside, ignoreClickOutside = _j === void 0 ? false : _j, _k = _a.closeEverywhere, closeEverywhere = _k === void 0 ? false : _k, _l = _a.withCloseIcon, withCloseIcon = _l === void 0 ? true : _l, _m = _a.mobileFullscreen, mobileFullscreen = _m === void 0 ? false : _m, overlayColor = _a.overlayColor, minWidth = _a.minWidth, minHeight = _a.minHeight, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;
-    var closeDialog = useCallback(function () {
-        if (onClose) {
-            onClose();
-        }
-        else if (onCancel) {
-            onCancel();
-        }
-    }, [onClose, onCancel]);
-    var dialogStyle = useMemo(function () { return ({ width: widthMap[width] }); }, [width]);
-    var dialogRef = useClickOutside({ onClose: closeDialog, ignoreClickOutside: ignoreClickOutside, closeCurrent: true, allowScrollbarClick: true });
-    var onDialogConfirmClick = useCallback(function () {
-        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(closeDialog);
-    }, [onConfirm, closeDialog]);
-    useEffect(function () {
-        window.addEventListener('popstate', closeDialog);
-        return function () {
-            window.removeEventListener('popstate', closeDialog);
-        };
-    }, []);
-    if (!isShown) {
-        return null;
-    }
-    return (jsx(Portal, { children: jsx(DialogOverlay, { backgroundColor: overlayColor, children: jsxs(DialogWindow, { ref: dialogRef, style: dialogStyle, "$whiteBg": whiteBg, "data-cy": "dialogWindow", onClick: closeEverywhere ? closeDialog : undefined, "$minWidth": minWidth, "$minHeight": minHeight, "$maxWidth": maxWidth, "$maxHeight": maxHeight, "$mobileFullscreen": mobileFullscreen, children: [title && hasHeader && (jsx(HeaderContainer, { topSpace: topSpaceMap[topSpace], children: jsxs(TitleContainer, { children: [titleIcon && (jsx(x.div, { as: "span", className: "icon", children: typeof titleIcon === 'string' ? jsx(Icon, { icon: titleIcon, fill: "blue2" }) : titleIcon })), jsx(H4, { children: title })] }) })), jsx(ContentContainer, { topSpace: topSpaceMap[topSpace], "$mobileFullscreen": mobileFullscreen, children: children }), hasFooter && (onCancel || onConfirm) && (jsxs(ButtonsContainer, { children: [onCancel && (jsx(Button, { type: "button", onClick: onCancel, isLoading: isLoading, "data-cy": "cancelBtn", appearance: "primaryLight", children: cancelLabel ? cancelLabel : 'Cancel' })), onConfirm && (jsx(Button, { type: "button", onClick: onDialogConfirmClick, isLoading: isLoading, disabled: isConfirmDisabled, "data-cy": "submitBtn", children: confirmLabel ? confirmLabel : 'Submit' }))] })), hasHeader && !closeEverywhere && withCloseIcon && (jsx(CloseButton, { onClick: closeDialog, "data-cy": "dialogCloseBtn", children: jsx(Icon, { icon: "close", size: miniCloseBtn ? '20px' : '26px' }) }))] }) }) }));
-});
-
-export { Modal };
-//# sourceMappingURL=Modal.js.map

package/ui/Blocks/Modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":["../../../../packages/ui/Blocks/Modal/Modal.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { memo, useCallback, useMemo, useEffect } from 'react';\nimport { Icon } from '../../Elements/Icon';\nimport { DialogOverlay, DialogWindow, HeaderContainer, ButtonsContainer, ContentContainer, TitleContainer, CloseButton, H4, } from './styles';\nimport { x } from '@xstyled/styled-components';\nimport { Button } from '../../Elements/Button';\nimport { Portal } from '../../Elements/Portal';\nimport { useClickOutside } from './hooks/useClickOutside';\nimport { topSpaceMap, widthMap } from './utils';\nexport var Modal = memo(function (_a) {\n    var children = _a.children, _b = _a.isShown, isShown = _b === void 0 ? true : _b, onCancel = _a.onCancel, title = _a.title, titleIcon = _a.titleIcon, onConfirm = _a.onConfirm, confirmLabel = _a.confirmLabel, cancelLabel = _a.cancelLabel, isLoading = _a.isLoading, isConfirmDisabled = _a.isConfirmDisabled, _c = _a.width, width = _c === void 0 ? 'narrow' : _c, _d = _a.topSpace, topSpace = _d === void 0 ? 'default' : _d, onClose = _a.onClose, _e = _a.hasFooter, hasFooter = _e === void 0 ? true : _e, _f = _a.hasHeader, hasHeader = _f === void 0 ? true : _f, _g = _a.whiteBg, whiteBg = _g === void 0 ? false : _g, _h = _a.miniCloseBtn, miniCloseBtn = _h === void 0 ? false : _h, _j = _a.ignoreClickOutside, ignoreClickOutside = _j === void 0 ? false : _j, _k = _a.closeEverywhere, closeEverywhere = _k === void 0 ? false : _k, _l = _a.withCloseIcon, withCloseIcon = _l === void 0 ? true : _l, _m = _a.mobileFullscreen, mobileFullscreen = _m === void 0 ? false : _m, overlayColor = _a.overlayColor, minWidth = _a.minWidth, minHeight = _a.minHeight, maxWidth = _a.maxWidth, maxHeight = _a.maxHeight;\n    var closeDialog = useCallback(function () {\n        if (onClose) {\n            onClose();\n        }\n        else if (onCancel) {\n            onCancel();\n        }\n    }, [onClose, onCancel]);\n    var dialogStyle = useMemo(function () { return ({ width: widthMap[width] }); }, [width]);\n    var dialogRef = useClickOutside({ onClose: closeDialog, ignoreClickOutside: ignoreClickOutside, closeCurrent: true, allowScrollbarClick: true });\n    var onDialogConfirmClick = useCallback(function () {\n        onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(closeDialog);\n    }, [onConfirm, closeDialog]);\n    useEffect(function () {\n        window.addEventListener('popstate', closeDialog);\n        return function () {\n            window.removeEventListener('popstate', closeDialog);\n        };\n    }, []);\n    if (!isShown) {\n        return null;\n    }\n    return (_jsx(Portal, { children: _jsx(DialogOverlay, { backgroundColor: overlayColor, children: _jsxs(DialogWindow, { ref: dialogRef, style: dialogStyle, \"$whiteBg\": whiteBg, \"data-cy\": \"dialogWindow\", onClick: closeEverywhere ? closeDialog : undefined, \"$minWidth\": minWidth, \"$minHeight\": minHeight, \"$maxWidth\": maxWidth, \"$maxHeight\": maxHeight, \"$mobileFullscreen\": mobileFullscreen, children: [title && hasHeader && (_jsx(HeaderContainer, { topSpace: topSpaceMap[topSpace], children: _jsxs(TitleContainer, { children: [titleIcon && (_jsx(x.div, { as: \"span\", className: \"icon\", children: typeof titleIcon === 'string' ? _jsx(Icon, { icon: titleIcon, fill: \"blue2\" }) : titleIcon })), _jsx(H4, { children: title })] }) })), _jsx(ContentContainer, { topSpace: topSpaceMap[topSpace], \"$mobileFullscreen\": mobileFullscreen, children: children }), hasFooter && (onCancel || onConfirm) && (_jsxs(ButtonsContainer, { children: [onCancel && (_jsx(Button, { type: \"button\", onClick: onCancel, isLoading: isLoading, \"data-cy\": \"cancelBtn\", appearance: \"primaryLight\", children: cancelLabel ? cancelLabel : 'Cancel' })), onConfirm && (_jsx(Button, { type: \"button\", onClick: onDialogConfirmClick, isLoading: isLoading, disabled: isConfirmDisabled, \"data-cy\": \"submitBtn\", children: confirmLabel ? confirmLabel : 'Submit' }))] })), hasHeader && !closeEverywhere && withCloseIcon && (_jsx(CloseButton, { onClick: closeDialog, \"data-cy\": \"dialogCloseBtn\", children: _jsx(Icon, { icon: \"close\", size: miniCloseBtn ? '20px' : '26px' }) }))] }) }) }));\n});\n//# sourceMappingURL=Modal.js.map"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/ui/Blocks/Modal/hooks/useClickOutside.js

@@ -1,34 +0,0 @@
-import { useRef, useCallback, useEffect } from 'react';
-
-var useClickOutside = function (_a) {
-    var onClose = _a.onClose, parentRef = _a.parentRef, _b = _a.ignoreClickOutside, ignoreClickOutside = _b === void 0 ? false : _b, _c = _a.closeCurrent, closeCurrent = _c === void 0 ? false : _c, _d = _a.allowScrollbarClick, allowScrollbarClick = _d === void 0 ? false : _d;
-    var elementRef = useRef(null);
-    var onCloseModal = !ignoreClickOutside ? onClose : undefined;
-    var handleClickOutside = useCallback(function (e) {
-        var _a;
-        var ignoreEvent = allowScrollbarClick && e.offsetX > e.target.clientWidth;
-        if (!ignoreEvent &&
-            elementRef.current &&
-            !elementRef.current.contains(e.target) &&
-            !((_a = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
-            closeCurrent ? e.target.contains(elementRef.current) && (onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal()) : onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal();
-        }
-    }, [allowScrollbarClick, parentRef, closeCurrent, onCloseModal]);
-    var keyPress = useCallback(function (e) {
-        if (e.key === 'Escape') {
-            onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal();
-        }
-    }, [onCloseModal]);
-    useEffect(function () {
-        document.addEventListener('mousedown', handleClickOutside);
-        document.addEventListener('keydown', keyPress);
-        return function () {
-            document.removeEventListener('mousedown', handleClickOutside);
-            document.removeEventListener('keydown', keyPress);
-        };
-    }, [handleClickOutside, keyPress]);
-    return elementRef;
-};
-
-export { useClickOutside };
-//# sourceMappingURL=useClickOutside.js.map

package/ui/Blocks/Modal/hooks/useClickOutside.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../../../../packages/ui/Blocks/Modal/hooks/useClickOutside.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nexport var useClickOutside = function (_a) {\n    var onClose = _a.onClose, parentRef = _a.parentRef, _b = _a.ignoreClickOutside, ignoreClickOutside = _b === void 0 ? false : _b, _c = _a.closeCurrent, closeCurrent = _c === void 0 ? false : _c, _d = _a.allowScrollbarClick, allowScrollbarClick = _d === void 0 ? false : _d;\n    var elementRef = useRef(null);\n    var onCloseModal = !ignoreClickOutside ? onClose : undefined;\n    var handleClickOutside = useCallback(function (e) {\n        var _a;\n        var ignoreEvent = allowScrollbarClick && e.offsetX > e.target.clientWidth;\n        if (!ignoreEvent &&\n            elementRef.current &&\n            !elementRef.current.contains(e.target) &&\n            !((_a = parentRef === null || parentRef === void 0 ? void 0 : parentRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {\n            closeCurrent ? e.target.contains(elementRef.current) && (onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal()) : onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal();\n        }\n    }, [allowScrollbarClick, parentRef, closeCurrent, onCloseModal]);\n    var keyPress = useCallback(function (e) {\n        if (e.key === 'Escape') {\n            onCloseModal === null || onCloseModal === void 0 ? void 0 : onCloseModal();\n        }\n    }, [onCloseModal]);\n    useEffect(function () {\n        document.addEventListener('mousedown', handleClickOutside);\n        document.addEventListener('keydown', keyPress);\n        return function () {\n            document.removeEventListener('mousedown', handleClickOutside);\n            document.removeEventListener('keydown', keyPress);\n        };\n    }, [handleClickOutside, keyPress]);\n    return elementRef;\n};\n//# sourceMappingURL=useClickOutside.js.map"],"names":[],"mappings":";;AACU,IAAC,eAAe,GAAG,UAAU,EAAE,EAAE;AAC3C,IAAI,IAAI,OAAO,GAAG,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;AACpR,IAAI,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,IAAI,IAAI,YAAY,GAAG,CAAC,kBAAkB,GAAG,OAAO,GAAG,SAAS,CAAC;AACjE,IAAI,IAAI,kBAAkB,GAAG,WAAW,CAAC,UAAU,CAAC,EAAE;AACtD,QAAQ,IAAI,EAAE,CAAC;AACf,QAAQ,IAAI,WAAW,GAAG,mBAAmB,IAAI,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC;AAClF,QAAQ,IAAI,CAAC,WAAW;AACxB,YAAY,UAAU,CAAC,OAAO;AAC9B,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;AAClD,YAAY,EAAE,CAAC,EAAE,GAAG,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,OAAO,MAAM,IAAI,IAAI,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE;AAC1J,YAAY,YAAY,GAAG,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC,GAAG,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC;AAC9N,SAAS;AACT,KAAK,EAAE,CAAC,mBAAmB,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;AACrE,IAAI,IAAI,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,EAAE;AAC5C,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;AAChC,YAAY,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,EAAE,CAAC;AACvF,SAAS;AACT,KAAK,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;AACvB,IAAI,SAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;AACnE,QAAQ,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AACvD,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;AAC1E,YAAY,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAC9D,SAAS,CAAC;AACV,KAAK,EAAE,CAAC,kBAAkB,EAAE,QAAQ,CAAC,CAAC,CAAC;AACvC,IAAI,OAAO,UAAU,CAAC;AACtB;;;;"}

package/ui/Blocks/Modal/hooks/useModal.js

@@ -1,19 +0,0 @@
-import { useState, useCallback } from 'react';
-
-var useModal = function (initialState) {
-    if (initialState === void 0) { initialState = false; }
-    var _a = useState(initialState), isOpen = _a[0], setIsOpen = _a[1];
-    var _b = useState(), data = _b[0], setData = _b[1];
-    var onClose = useCallback(function () {
-        setIsOpen(false);
-        setData(undefined);
-    }, []);
-    var onOpen = useCallback(function (data) {
-        data && setData(data);
-        setIsOpen(true);
-    }, []);
-    return { isOpen: isOpen, onClose: onClose, onOpen: onOpen, data: data };
-};
-
-export { useModal };
-//# sourceMappingURL=useModal.js.map

package/ui/Blocks/Modal/hooks/useModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.js","sources":["../../../../../packages/ui/Blocks/Modal/hooks/useModal.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nexport var useModal = function (initialState) {\n    if (initialState === void 0) { initialState = false; }\n    var _a = useState(initialState), isOpen = _a[0], setIsOpen = _a[1];\n    var _b = useState(), data = _b[0], setData = _b[1];\n    var onClose = useCallback(function () {\n        setIsOpen(false);\n        setData(undefined);\n    }, []);\n    var onOpen = useCallback(function (data) {\n        data && setData(data);\n        setIsOpen(true);\n    }, []);\n    return { isOpen: isOpen, onClose: onClose, onOpen: onOpen, data: data };\n};\n//# sourceMappingURL=useModal.js.map"],"names":[],"mappings":";;AACU,IAAC,QAAQ,GAAG,UAAU,YAAY,EAAE;AAC9C,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,EAAE;AAC1D,IAAI,IAAI,EAAE,GAAG,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AACvE,IAAI,IAAI,EAAE,GAAG,QAAQ,EAAE,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AACvD,IAAI,IAAI,OAAO,GAAG,WAAW,CAAC,YAAY;AAC1C,QAAQ,SAAS,CAAC,KAAK,CAAC,CAAC;AACzB,QAAQ,OAAO,CAAC,SAAS,CAAC,CAAC;AAC3B,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,IAAI,MAAM,GAAG,WAAW,CAAC,UAAU,IAAI,EAAE;AAC7C,QAAQ,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;AAC9B,QAAQ,SAAS,CAAC,IAAI,CAAC,CAAC;AACxB,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC5E;;;;"}

package/ui/Blocks/Modal/index.d.ts

@@ -1,8 +0,0 @@
-import { FC, RefObject } from 'react';
-import { ModalProps, UseClickOutsideProps, ModalData, ControlProps } from './types.js';
-
-declare const Modal: FC<ModalProps>
-declare const useClickOutside: (props: UseClickOutsideProps) => RefObject<HTMLDivElement>
-declare const useModal: <T = ModalData>(initialValue?: T) => ControlProps<T>
-
-export { ControlProps, ModalData, ModalProps, Modal as default, useClickOutside, useModal };

package/ui/Blocks/Modal/index.js

@@ -1,7 +0,0 @@
-import { Modal } from './Modal.js';
-import 'react';
-
-
-
-export { Modal as default };
-//# sourceMappingURL=index.js.map

package/ui/Blocks/Modal/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/ui/Blocks/Modal/styles.js

@@ -1,47 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import styled, { th } from '@xstyled/styled-components';
-import { createRgba } from '../../utils/CreateRgba/createRgba.js';
-import 'react';
-
-var DialogOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed; /* Stay in place */\n  z-index: 5;\n  left: 0;\n  top: 0;\n  width: 100%; /* Full width */\n  height: 100%; /* Full height */\n  overflow: auto; /* Enable scroll if needed */\n  background-color: ", ";\n  text-align: center;\n  @media print {\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    height: auto !important;\n    visibility: hidden;\n  }\n  @media (max-width: 576px) {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px 0;\n  }\n"], ["\n  position: fixed; /* Stay in place */\n  z-index: 5;\n  left: 0;\n  top: 0;\n  width: 100%; /* Full width */\n  height: 100%; /* Full height */\n  overflow: auto; /* Enable scroll if needed */\n  background-color: ", ";\n  text-align: center;\n  @media print {\n    position: absolute !important;\n    left: 0 !important;\n    top: 0 !important;\n    height: auto !important;\n    visibility: hidden;\n  }\n  @media (max-width: 576px) {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 16px 0;\n  }\n"])), function (_a) {
-    var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'blue2' : _b;
-    return createRgba(backgroundColor, 0.6);
-});
-var DialogWindow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  margin: 100px auto 0 auto; /* Location of the box */\n  padding: 0;\n  border: 0;\n  border-radius: 1rem;\n  box-shadow: dialogShadow;\n  min-width: ", ";\n  max-width: ", ";\n  min-height: ", ";\n  max-height: ", ";\n  display: inline-block;\n  position: relative;\n  text-align: left;\n  @media print {\n    background-color: #fff;\n    margin: 0;\n    visibility: visible;\n    overflow: visible;\n    box-shadow: none;\n    max-width: 100%;\n  }\n\n  @media (max-width: 576px) {\n    margin: auto;\n    ", ";\n  }\n"], ["\n  background-color: ", ";\n  margin: 100px auto 0 auto; /* Location of the box */\n  padding: 0;\n  border: 0;\n  border-radius: 1rem;\n  box-shadow: dialogShadow;\n  min-width: ", ";\n  max-width: ", ";\n  min-height: ", ";\n  max-height: ", ";\n  display: inline-block;\n  position: relative;\n  text-align: left;\n  @media print {\n    background-color: #fff;\n    margin: 0;\n    visibility: visible;\n    overflow: visible;\n    box-shadow: none;\n    max-width: 100%;\n  }\n\n  @media (max-width: 576px) {\n    margin: auto;\n    ", ";\n  }\n"])), function (_a) {
-    var $whiteBg = _a.$whiteBg;
-    return ($whiteBg ? th.color('white') : '#fefefe');
-}, function (_a) {
-    var $minWidth = _a.$minWidth;
-    return $minWidth || '10%';
-}, function (_a) {
-    var $maxWidth = _a.$maxWidth;
-    return $maxWidth || 'calc(100% - 32px)';
-}, function (_a) {
-    var $minHeight = _a.$minHeight;
-    return $minHeight || 'auto';
-}, function (_a) {
-    var $maxHeight = _a.$maxHeight;
-    return $maxHeight || 'auto';
-}, function (_a) {
-    var $mobileFullscreen = _a.$mobileFullscreen;
-    return $mobileFullscreen && 'border-radius: 0; max-width: 100% !important;';
-});
-var HeaderContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding: 30px;\n  padding-bottom: ", ";\n\n  @media (max-width: 576px) {\n    padding: 18px;\n    border-bottom: 1px solid ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  padding: 30px;\n  padding-bottom: ", ";\n\n  @media (max-width: 576px) {\n    padding: 18px;\n    border-bottom: 1px solid ", ";\n  }\n"])), function (_a) {
-    var topSpace = _a.topSpace;
-    return topSpace;
-}, th.color('lightGray6'));
-var ContentContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 30px;\n  padding-top: ", ";\n\n  @media (max-width: 576px) {\n    padding: ", ";\n    font-size: 16px;\n    line-height: 1.4;\n  }\n"], ["\n  padding: 30px;\n  padding-top: ", ";\n\n  @media (max-width: 576px) {\n    padding: ", ";\n    font-size: 16px;\n    line-height: 1.4;\n  }\n"])), function (_a) {
-    var topSpace = _a.topSpace;
-    return topSpace;
-}, function (_a) {
-    var $mobileFullscreen = _a.$mobileFullscreen;
-    return ($mobileFullscreen ? '0' : '18px');
-});
-var TitleContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: row;\n  align-items: center;\n  > div:first-of-type {\n    margin-right: 0.5em;\n    display: block;\n  }\n\n  .icon {\n    font-size: 24px;\n    margin-right: 15px;\n    display: flex;\n\n    @media (max-width: 576px) {\n      font-size: 18px;\n      margin-right: 12px;\n    }\n  }\n"], ["\n  display: flex;\n  flex-flow: row;\n  align-items: center;\n  > div:first-of-type {\n    margin-right: 0.5em;\n    display: block;\n  }\n\n  .icon {\n    font-size: 24px;\n    margin-right: 15px;\n    display: flex;\n\n    @media (max-width: 576px) {\n      font-size: 18px;\n      margin-right: 12px;\n    }\n  }\n"])));
-var H4 = styled.h4(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: typoPrimary;\n  margin: 0;\n  font-size: 24px;\n  line-height: 28px;\n  font-weight: 700;\n\n  @media (max-width: 576px) {\n    font-size: 18px;\n    line-height: 18px;\n  }\n"], ["\n  color: typoPrimary;\n  margin: 0;\n  font-size: 24px;\n  line-height: 28px;\n  font-weight: 700;\n\n  @media (max-width: 576px) {\n    font-size: 18px;\n    line-height: 18px;\n  }\n"])));
-var ButtonsContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding: 1.5rem;\n  text-align: right;\n  > * {\n    margin: 0 0.5em;\n  }\n\n  @media (max-width: 576px) {\n    display: flex;\n    justify-content: space-around;\n    padding: 32px 18px 18px;\n\n    > * {\n      margin: 0;\n    }\n  }\n"], ["\n  padding: 1.5rem;\n  text-align: right;\n  > * {\n    margin: 0 0.5em;\n  }\n\n  @media (max-width: 576px) {\n    display: flex;\n    justify-content: space-around;\n    padding: 32px 18px 18px;\n\n    > * {\n      margin: 0;\n    }\n  }\n"])));
-var CloseButton = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: 1;\n  top: 32px;\n  right: 24px;\n\n  @media (max-width: 576px) {\n    padding: 0;\n    width: 32px;\n    height: 32px;\n    background-color: bgLightGray1;\n    border-radius: 50%;\n    top: 12px;\n    right: 12px;\n  }\n"], ["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  z-index: 1;\n  top: 32px;\n  right: 24px;\n\n  @media (max-width: 576px) {\n    padding: 0;\n    width: 32px;\n    height: 32px;\n    background-color: bgLightGray1;\n    border-radius: 50%;\n    top: 12px;\n    right: 12px;\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
-
-export { ButtonsContainer, CloseButton, ContentContainer, DialogOverlay, DialogWindow, H4, HeaderContainer, TitleContainer };
-//# sourceMappingURL=styles.js.map

package/ui/Blocks/Modal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Blocks/Modal/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var DialogOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  position: fixed; /* Stay in place */\\n  z-index: 5;\\n  left: 0;\\n  top: 0;\\n  width: 100%; /* Full width */\\n  height: 100%; /* Full height */\\n  overflow: auto; /* Enable scroll if needed */\\n  background-color: \", \";\\n  text-align: center;\\n  @media print {\\n    position: absolute !important;\\n    left: 0 !important;\\n    top: 0 !important;\\n    height: auto !important;\\n    visibility: hidden;\\n  }\\n  @media (max-width: 576px) {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    padding: 16px 0;\\n  }\\n\"], [\"\\n  position: fixed; /* Stay in place */\\n  z-index: 5;\\n  left: 0;\\n  top: 0;\\n  width: 100%; /* Full width */\\n  height: 100%; /* Full height */\\n  overflow: auto; /* Enable scroll if needed */\\n  background-color: \", \";\\n  text-align: center;\\n  @media print {\\n    position: absolute !important;\\n    left: 0 !important;\\n    top: 0 !important;\\n    height: auto !important;\\n    visibility: hidden;\\n  }\\n  @media (max-width: 576px) {\\n    display: flex;\\n    align-items: center;\\n    justify-content: center;\\n    padding: 16px 0;\\n  }\\n\"])), function (_a) {\n    var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'blue2' : _b;\n    return createRgba(backgroundColor, 0.6);\n});\nexport var DialogWindow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  background-color: \", \";\\n  margin: 100px auto 0 auto; /* Location of the box */\\n  padding: 0;\\n  border: 0;\\n  border-radius: 1rem;\\n  box-shadow: dialogShadow;\\n  min-width: \", \";\\n  max-width: \", \";\\n  min-height: \", \";\\n  max-height: \", \";\\n  display: inline-block;\\n  position: relative;\\n  text-align: left;\\n  @media print {\\n    background-color: #fff;\\n    margin: 0;\\n    visibility: visible;\\n    overflow: visible;\\n    box-shadow: none;\\n    max-width: 100%;\\n  }\\n\\n  @media (max-width: 576px) {\\n    margin: auto;\\n    \", \";\\n  }\\n\"], [\"\\n  background-color: \", \";\\n  margin: 100px auto 0 auto; /* Location of the box */\\n  padding: 0;\\n  border: 0;\\n  border-radius: 1rem;\\n  box-shadow: dialogShadow;\\n  min-width: \", \";\\n  max-width: \", \";\\n  min-height: \", \";\\n  max-height: \", \";\\n  display: inline-block;\\n  position: relative;\\n  text-align: left;\\n  @media print {\\n    background-color: #fff;\\n    margin: 0;\\n    visibility: visible;\\n    overflow: visible;\\n    box-shadow: none;\\n    max-width: 100%;\\n  }\\n\\n  @media (max-width: 576px) {\\n    margin: auto;\\n    \", \";\\n  }\\n\"])), function (_a) {\n    var $whiteBg = _a.$whiteBg;\n    return ($whiteBg ? th.color('white') : '#fefefe');\n}, function (_a) {\n    var $minWidth = _a.$minWidth;\n    return $minWidth || '10%';\n}, function (_a) {\n    var $maxWidth = _a.$maxWidth;\n    return $maxWidth || 'calc(100% - 32px)';\n}, function (_a) {\n    var $minHeight = _a.$minHeight;\n    return $minHeight || 'auto';\n}, function (_a) {\n    var $maxHeight = _a.$maxHeight;\n    return $maxHeight || 'auto';\n}, function (_a) {\n    var $mobileFullscreen = _a.$mobileFullscreen;\n    return $mobileFullscreen && 'border-radius: 0; max-width: 100% !important;';\n});\nexport var HeaderContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  display: flex;\\n  justify-content: space-between;\\n  padding: 30px;\\n  padding-bottom: \", \";\\n\\n  @media (max-width: 576px) {\\n    padding: 18px;\\n    border-bottom: 1px solid \", \";\\n  }\\n\"], [\"\\n  display: flex;\\n  justify-content: space-between;\\n  padding: 30px;\\n  padding-bottom: \", \";\\n\\n  @media (max-width: 576px) {\\n    padding: 18px;\\n    border-bottom: 1px solid \", \";\\n  }\\n\"])), function (_a) {\n    var topSpace = _a.topSpace;\n    return topSpace;\n}, th.color('lightGray6'));\nexport var ContentContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  padding: 30px;\\n  padding-top: \", \";\\n\\n  @media (max-width: 576px) {\\n    padding: \", \";\\n    font-size: 16px;\\n    line-height: 1.4;\\n  }\\n\"], [\"\\n  padding: 30px;\\n  padding-top: \", \";\\n\\n  @media (max-width: 576px) {\\n    padding: \", \";\\n    font-size: 16px;\\n    line-height: 1.4;\\n  }\\n\"])), function (_a) {\n    var topSpace = _a.topSpace;\n    return topSpace;\n}, function (_a) {\n    var $mobileFullscreen = _a.$mobileFullscreen;\n    return ($mobileFullscreen ? '0' : '18px');\n});\nexport var TitleContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  display: flex;\\n  flex-flow: row;\\n  align-items: center;\\n  > div:first-of-type {\\n    margin-right: 0.5em;\\n    display: block;\\n  }\\n\\n  .icon {\\n    font-size: 24px;\\n    margin-right: 15px;\\n    display: flex;\\n\\n    @media (max-width: 576px) {\\n      font-size: 18px;\\n      margin-right: 12px;\\n    }\\n  }\\n\"], [\"\\n  display: flex;\\n  flex-flow: row;\\n  align-items: center;\\n  > div:first-of-type {\\n    margin-right: 0.5em;\\n    display: block;\\n  }\\n\\n  .icon {\\n    font-size: 24px;\\n    margin-right: 15px;\\n    display: flex;\\n\\n    @media (max-width: 576px) {\\n      font-size: 18px;\\n      margin-right: 12px;\\n    }\\n  }\\n\"])));\nexport var H4 = styled.h4(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  color: typoPrimary;\\n  margin: 0;\\n  font-size: 24px;\\n  line-height: 28px;\\n  font-weight: 700;\\n\\n  @media (max-width: 576px) {\\n    font-size: 18px;\\n    line-height: 18px;\\n  }\\n\"], [\"\\n  color: typoPrimary;\\n  margin: 0;\\n  font-size: 24px;\\n  line-height: 28px;\\n  font-weight: 700;\\n\\n  @media (max-width: 576px) {\\n    font-size: 18px;\\n    line-height: 18px;\\n  }\\n\"])));\nexport var ButtonsContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n  padding: 1.5rem;\\n  text-align: right;\\n  > * {\\n    margin: 0 0.5em;\\n  }\\n\\n  @media (max-width: 576px) {\\n    display: flex;\\n    justify-content: space-around;\\n    padding: 32px 18px 18px;\\n\\n    > * {\\n      margin: 0;\\n    }\\n  }\\n\"], [\"\\n  padding: 1.5rem;\\n  text-align: right;\\n  > * {\\n    margin: 0 0.5em;\\n  }\\n\\n  @media (max-width: 576px) {\\n    display: flex;\\n    justify-content: space-around;\\n    padding: 32px 18px 18px;\\n\\n    > * {\\n      margin: 0;\\n    }\\n  }\\n\"])));\nexport var CloseButton = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n  cursor: pointer;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: absolute;\\n  z-index: 1;\\n  top: 32px;\\n  right: 24px;\\n\\n  @media (max-width: 576px) {\\n    padding: 0;\\n    width: 32px;\\n    height: 32px;\\n    background-color: bgLightGray1;\\n    border-radius: 50%;\\n    top: 12px;\\n    right: 12px;\\n  }\\n\"], [\"\\n  cursor: pointer;\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  position: absolute;\\n  z-index: 1;\\n  top: 32px;\\n  right: 24px;\\n\\n  @media (max-width: 576px) {\\n    padding: 0;\\n    width: 32px;\\n    height: 32px;\\n    background-color: bgLightGray1;\\n    border-radius: 50%;\\n    top: 12px;\\n    right: 12px;\\n  }\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"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"}

package/ui/Blocks/Modal/types.d.ts

@@ -1,48 +0,0 @@
-import { MutableRefObject } from 'react';
-
-type TopSpace = 'default' | 'medium';
-type Width = 'wide' | 'mediumLarge' | 'medium' | 'narrow' | 'auto';
-interface ModalProps {
-    isShown?: boolean;
-    children: JSX.Element | JSX.Element[];
-    title?: JSX.Element | string;
-    titleIcon?: JSX.Element | string;
-    onConfirm?: (close: () => void) => void;
-    onCancel?: () => void;
-    onClose?: () => void;
-    confirmLabel?: JSX.Element | string;
-    cancelLabel?: JSX.Element | string;
-    isLoading?: boolean;
-    isConfirmDisabled?: boolean;
-    hasFooter?: boolean;
-    hasHeader?: boolean;
-    width?: Width;
-    whiteBg?: boolean;
-    miniCloseBtn?: boolean;
-    ignoreClickOutside?: boolean;
-    closeEverywhere?: boolean;
-    withCloseIcon?: boolean;
-    overlayColor?: string;
-    minWidth?: string;
-    minHeight?: string;
-    maxWidth?: string;
-    maxHeight?: string;
-    topSpace?: TopSpace;
-    mobileFullscreen?: boolean;
-}
-type ModalData = Record<string, any>;
-type ControlProps<T = ModalData> = {
-    isOpen: boolean;
-    onClose: () => void;
-    onOpen: (data?: T) => void;
-    data?: T;
-};
-interface UseClickOutsideProps {
-    onClose?: () => void;
-    ignoreClickOutside?: boolean;
-    parentRef?: MutableRefObject<HTMLDivElement | null | undefined>;
-    closeCurrent?: boolean;
-    allowScrollbarClick?: boolean;
-}
-
-export { ControlProps, ModalData, ModalProps, TopSpace, UseClickOutsideProps, Width };

package/ui/Blocks/Modal/utils.js

@@ -1,14 +0,0 @@
-var widthMap = {
-    wide: '1450px',
-    mediumLarge: '1200px',
-    medium: '900px',
-    narrow: '600px',
-    auto: 'auto',
-};
-var topSpaceMap = {
-    default: '30px',
-    medium: '15px',
-};
-
-export { topSpaceMap, widthMap };
-//# sourceMappingURL=utils.js.map

package/ui/Blocks/Modal/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../packages/ui/Blocks/Modal/utils.ts"],"sourcesContent":["export var widthMap = {\n    wide: '1450px',\n    mediumLarge: '1200px',\n    medium: '900px',\n    narrow: '600px',\n    auto: 'auto',\n};\nexport var topSpaceMap = {\n    default: '30px',\n    medium: '15px',\n};\n//# sourceMappingURL=utils.js.map"],"names":[],"mappings":"AAAU,IAAC,QAAQ,GAAG;AACtB,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,WAAW,EAAE,QAAQ;AACzB,IAAI,MAAM,EAAE,OAAO;AACnB,IAAI,MAAM,EAAE,OAAO;AACnB,IAAI,IAAI,EAAE,MAAM;AAChB,EAAE;AACQ,IAAC,WAAW,GAAG;AACzB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,MAAM,EAAE,MAAM;AAClB;;;;"}

package/ui/Blocks/Tabs/TabContent.js

@@ -1,7 +0,0 @@
-var TabContent = function (_a) {
-    var activeTab = _a.activeTab, value = _a.value, children = _a.children;
-    return activeTab === value ? children : null;
-};
-
-export { TabContent };
-//# sourceMappingURL=TabContent.js.map

package/ui/Blocks/Tabs/TabContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabContent.js","sources":["../../../../packages/ui/Blocks/Tabs/TabContent.tsx"],"sourcesContent":["export var TabContent = function (_a) {\n    var activeTab = _a.activeTab, value = _a.value, children = _a.children;\n    return activeTab === value ? children : null;\n};\n//# sourceMappingURL=TabContent.js.map"],"names":[],"mappings":"AAAU,IAAC,UAAU,GAAG,UAAU,EAAE,EAAE;AACtC,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC3E,IAAI,OAAO,SAAS,KAAK,KAAK,GAAG,QAAQ,GAAG,IAAI,CAAC;AACjD;;;;"}

package/ui/Blocks/Tabs/Tabs.js

@@ -1,24 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useCallback } from 'react';
-import { TabPanel, StyledTabWrapper, Tab as Tab$1, StyledImageBox, RoundedWrap } from './styles.js';
-import Text from '../../Elements/Text/Text.js';
-import Icon from '../../Elements/Icon/Icon.js';
-import 'tslib';
-
-var Tab = function (_a) {
-    var tabDefinition = _a.tabDefinition, value = _a.value, isActive = _a.isActive, onTabSwitch = _a.onTabSwitch;
-    var icon = tabDefinition.icon, label = tabDefinition.label, badgeCount = tabDefinition.badgeCount;
-    var handleOnClick = useCallback(function () {
-        onTabSwitch(value);
-    }, [onTabSwitch, value]);
-    return (jsx(StyledTabWrapper, { children: jsxs(Tab$1, { onClick: handleOnClick, active: isActive, children: [icon && (jsx(StyledImageBox, { children: jsx(Icon, { icon: icon }) })), jsx(Text, { children: label }), isActive && badgeCount && badgeCount > 0 && (jsx(RoundedWrap, { children: jsx(Text, { variant: "medium", children: badgeCount }) }))] }) }));
-};
-var Tabs = function (_a) {
-    var tabsDefinition = _a.tabsDefinition, activeTab = _a.activeTab, onTabSwitch = _a.onTabSwitch, mb = _a.mb;
-    return (jsx(TabPanel, { "$mb": mb, children: tabsDefinition.map(function (item, index) {
-            return jsx(Tab, { value: index, tabDefinition: item, isActive: index === activeTab, onTabSwitch: onTabSwitch }, index);
-        }) }));
-};
-
-export { Tabs };
-//# sourceMappingURL=Tabs.js.map

package/ui/Blocks/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../packages/ui/Blocks/Tabs/Tabs.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { RoundedWrap, StyledImageBox, Tab as StyledTab, StyledTabWrapper, TabPanel } from './styles';\nimport { Text } from '../../Elements/Text';\nimport { Icon } from '../../Elements/Icon';\nvar Tab = function (_a) {\n    var tabDefinition = _a.tabDefinition, value = _a.value, isActive = _a.isActive, onTabSwitch = _a.onTabSwitch;\n    var icon = tabDefinition.icon, label = tabDefinition.label, badgeCount = tabDefinition.badgeCount;\n    var handleOnClick = useCallback(function () {\n        onTabSwitch(value);\n    }, [onTabSwitch, value]);\n    return (_jsx(StyledTabWrapper, { children: _jsxs(StyledTab, { onClick: handleOnClick, active: isActive, children: [icon && (_jsx(StyledImageBox, { children: _jsx(Icon, { icon: icon }) })), _jsx(Text, { children: label }), isActive && badgeCount && badgeCount > 0 && (_jsx(RoundedWrap, { children: _jsx(Text, { variant: \"medium\", children: badgeCount }) }))] }) }));\n};\nexport var Tabs = function (_a) {\n    var tabsDefinition = _a.tabsDefinition, activeTab = _a.activeTab, onTabSwitch = _a.onTabSwitch, mb = _a.mb;\n    return (_jsx(TabPanel, { \"$mb\": mb, children: tabsDefinition.map(function (item, index) {\n            return _jsx(Tab, { value: index, tabDefinition: item, isActive: index === activeTab, onTabSwitch: onTabSwitch }, index);\n        }) }));\n};\n//# sourceMappingURL=Tabs.js.map"],"names":["_jsx","_jsxs","StyledTab"],"mappings":";;;;;;;AAKA,IAAI,GAAG,GAAG,UAAU,EAAE,EAAE;AACxB,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,WAAW,GAAG,EAAE,CAAC,WAAW,CAAC;AACjH,IAAI,IAAI,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;AACtG,IAAI,IAAI,aAAa,GAAG,WAAW,CAAC,YAAY;AAChD,QAAQ,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7B,IAAI,QAAQA,GAAI,CAAC,gBAAgB,EAAE,EAAE,QAAQ,EAAEC,IAAK,CAACC,KAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAKF,GAAI,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,IAAI,UAAU,IAAI,UAAU,GAAG,CAAC,KAAKA,GAAI,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACjX,CAAC,CAAC;AACQ,IAAC,IAAI,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;AAC/G,IAAI,QAAQA,GAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AAC5F,YAAY,OAAOA,GAAI,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,KAAK,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,KAAK,CAAC,CAAC;AACpI,SAAS,CAAC,EAAE,CAAC,EAAE;AACf;;;;"}

package/ui/Blocks/Tabs/hooks/useTabs.js

@@ -1,14 +0,0 @@
-import { useState, useCallback } from 'react';
-
-var useTabs = function (tabDefinitions) {
-    var index = tabDefinitions.map(function (item) { return item.default; }).indexOf(true);
-    var initialValue = index === -1 ? 0 : index;
-    var _a = useState(initialValue), activeTab = _a[0], setActiveTab = _a[1];
-    var onTabSwitch = useCallback(function (value) {
-        setActiveTab(value);
-    }, []);
-    return { activeTab: activeTab, onTabSwitch: onTabSwitch };
-};
-
-export { useTabs };
-//# sourceMappingURL=useTabs.js.map

package/ui/Blocks/Tabs/hooks/useTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTabs.js","sources":["../../../../../packages/ui/Blocks/Tabs/hooks/useTabs.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nexport var useTabs = function (tabDefinitions) {\n    var index = tabDefinitions.map(function (item) { return item.default; }).indexOf(true);\n    var initialValue = index === -1 ? 0 : index;\n    var _a = useState(initialValue), activeTab = _a[0], setActiveTab = _a[1];\n    var onTabSwitch = useCallback(function (value) {\n        setActiveTab(value);\n    }, []);\n    return { activeTab: activeTab, onTabSwitch: onTabSwitch };\n};\n//# sourceMappingURL=useTabs.js.map"],"names":[],"mappings":";;AACU,IAAC,OAAO,GAAG,UAAU,cAAc,EAAE;AAC/C,IAAI,IAAI,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,EAAE,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC3F,IAAI,IAAI,YAAY,GAAG,KAAK,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChD,IAAI,IAAI,EAAE,GAAG,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7E,IAAI,IAAI,WAAW,GAAG,WAAW,CAAC,UAAU,KAAK,EAAE;AACnD,QAAQ,YAAY,CAAC,KAAK,CAAC,CAAC;AAC5B,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AAC9D;;;;"}

package/ui/Blocks/Tabs/index.d.ts

@@ -1,9 +0,0 @@
-import { TabsProps, UseTabsHook, TabContentProps } from './types.js';
-export { TabDefinition } from './types.js';
-import { ReactElement } from 'react';
-
-declare const Tabs: (props: TabsProps) => JSX.Element | null
-declare const useTabs: UseTabsHook
-declare const TabContent: (props: TabContentProps) => ReactElement | null
-
-export { TabContent, Tabs as default, useTabs };

package/ui/Blocks/Tabs/index.js

@@ -1,7 +0,0 @@
-import { Tabs } from './Tabs.js';
-import 'react';
-
-
-
-export { Tabs as default };
-//# sourceMappingURL=index.js.map

package/ui/Blocks/Tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/ui/Blocks/Tabs/styles.js

@@ -1,19 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import styled, { x, th, css } from '@xstyled/styled-components';
-
-var StyledImageBox = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-right: 1em;\n"], ["\n  margin-right: 1em;\n"])));
-var StyledTabWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n"])));
-var RoundedWrap = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex !important;\n  justify-content: center;\n  align-items: center;\n  height: 23px;\n  background-color: ", ";\n  border-radius: 29px;\n  padding: 3px 10px;\n  margin-left: 8px;\n"], ["\n  display: flex !important;\n  justify-content: center;\n  align-items: center;\n  height: 23px;\n  background-color: ", ";\n  border-radius: 29px;\n  padding: 3px 10px;\n  margin-left: 8px;\n"])), th.color('lightGray7'));
-var activeTab = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n  position: relative;\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 2;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 4px;\n    border-radius: 6px 6px 0px 0px;\n  }\n  & > div {\n    display: inline;\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n  position: relative;\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 2;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 4px;\n    border-radius: 6px 6px 0px 0px;\n  }\n  & > div {\n    display: inline;\n    color: ", ";\n  }\n"])), th.color('red1'), th.color('red1'), th.color('typoPrimary'));
-var Tab = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 0.6rem;\n  transition: 200ms;\n  color: ", ";\n  font-weight: bold;\n  font-size: 14px;\n  height: 46px;\n  letter-spacing: 0.03em;\n  margin-top: 10px;\n  min-width: 120px;\n  & > div {\n    display: none;\n  }\n  &:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n\n  :hover {\n    color: ", ";\n  }\n\n  :active {\n    ", "\n  }\n\n  ", "\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  padding: 0.6rem;\n  transition: 200ms;\n  color: ", ";\n  font-weight: bold;\n  font-size: 14px;\n  height: 46px;\n  letter-spacing: 0.03em;\n  margin-top: 10px;\n  min-width: 120px;\n  & > div {\n    display: none;\n  }\n  &:not(:last-child) {\n    margin-right: 0.5rem;\n  }\n\n  :hover {\n    color: ", ";\n  }\n\n  :active {\n    ", "\n  }\n\n  ", "\n"])), th.color('gray'), th.color('typoPrimary'), activeTab, function (_a) {
-    var active = _a.active;
-    return (active ? activeTab : '');
-});
-var TabPanel = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  min-height: 3rem;\n  display: flex;\n  align-items: flex-end;\n  overflow: auto;\n  width: fit-content;\n  position: relative;\n  margin-bottom: ", ";\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 2px;\n  }\n"], ["\n  min-height: 3rem;\n  display: flex;\n  align-items: flex-end;\n  overflow: auto;\n  width: fit-content;\n  position: relative;\n  margin-bottom: ", ";\n  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 2px;\n  }\n"])), function (_a) {
-    var _b = _a.$mb, $mb = _b === void 0 ? 0 : _b;
-    return $mb;
-}, th.color('bgLightGray1'));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
-
-export { RoundedWrap, StyledImageBox, StyledTabWrapper, Tab, TabPanel };
-//# sourceMappingURL=styles.js.map

package/ui/Blocks/Tabs/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Blocks/Tabs/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { css, th, x } from '@xstyled/styled-components';\nexport var StyledImageBox = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  margin-right: 1em;\\n\"], [\"\\n  margin-right: 1em;\\n\"])));\nexport var StyledTabWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  display: flex;\\n  flex-direction: row;\\n  align-items: baseline;\\n\"], [\"\\n  display: flex;\\n  flex-direction: row;\\n  align-items: baseline;\\n\"])));\nexport var RoundedWrap = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  display: flex !important;\\n  justify-content: center;\\n  align-items: center;\\n  height: 23px;\\n  background-color: \", \";\\n  border-radius: 29px;\\n  padding: 3px 10px;\\n  margin-left: 8px;\\n\"], [\"\\n  display: flex !important;\\n  justify-content: center;\\n  align-items: center;\\n  height: 23px;\\n  background-color: \", \";\\n  border-radius: 29px;\\n  padding: 3px 10px;\\n  margin-left: 8px;\\n\"])), th.color('lightGray7'));\nvar activeTab = css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  color: \", \";\\n  position: relative;\\n  &:after {\\n    content: '';\\n    position: absolute;\\n    bottom: 2;\\n    left: 0;\\n    right: 0;\\n    background-color: \", \";\\n    height: 4px;\\n    border-radius: 6px 6px 0px 0px;\\n  }\\n  & > div {\\n    display: inline;\\n    color: \", \";\\n  }\\n\"], [\"\\n  color: \", \";\\n  position: relative;\\n  &:after {\\n    content: '';\\n    position: absolute;\\n    bottom: 2;\\n    left: 0;\\n    right: 0;\\n    background-color: \", \";\\n    height: 4px;\\n    border-radius: 6px 6px 0px 0px;\\n  }\\n  & > div {\\n    display: inline;\\n    color: \", \";\\n  }\\n\"])), th.color('red1'), th.color('red1'), th.color('typoPrimary'));\nexport var Tab = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  padding: 0.6rem;\\n  transition: 200ms;\\n  color: \", \";\\n  font-weight: bold;\\n  font-size: 14px;\\n  height: 46px;\\n  letter-spacing: 0.03em;\\n  margin-top: 10px;\\n  min-width: 120px;\\n  & > div {\\n    display: none;\\n  }\\n  &:not(:last-child) {\\n    margin-right: 0.5rem;\\n  }\\n\\n  :hover {\\n    color: \", \";\\n  }\\n\\n  :active {\\n    \", \"\\n  }\\n\\n  \", \"\\n\"], [\"\\n  display: inline-flex;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  padding: 0.6rem;\\n  transition: 200ms;\\n  color: \", \";\\n  font-weight: bold;\\n  font-size: 14px;\\n  height: 46px;\\n  letter-spacing: 0.03em;\\n  margin-top: 10px;\\n  min-width: 120px;\\n  & > div {\\n    display: none;\\n  }\\n  &:not(:last-child) {\\n    margin-right: 0.5rem;\\n  }\\n\\n  :hover {\\n    color: \", \";\\n  }\\n\\n  :active {\\n    \", \"\\n  }\\n\\n  \", \"\\n\"])), th.color('gray'), th.color('typoPrimary'), activeTab, function (_a) {\n    var active = _a.active;\n    return (active ? activeTab : '');\n});\nexport var TabPanel = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  min-height: 3rem;\\n  display: flex;\\n  align-items: flex-end;\\n  overflow: auto;\\n  width: fit-content;\\n  position: relative;\\n  margin-bottom: \", \";\\n  &:after {\\n    content: '';\\n    position: absolute;\\n    bottom: 0;\\n    left: 0;\\n    right: 0;\\n    background-color: \", \";\\n    height: 2px;\\n  }\\n\"], [\"\\n  min-height: 3rem;\\n  display: flex;\\n  align-items: flex-end;\\n  overflow: auto;\\n  width: fit-content;\\n  position: relative;\\n  margin-bottom: \", \";\\n  &:after {\\n    content: '';\\n    position: absolute;\\n    bottom: 0;\\n    left: 0;\\n    right: 0;\\n    background-color: \", \";\\n    height: 2px;\\n  }\\n\"])), function (_a) {\n    var _b = _a.$mb, $mb = _b === void 0 ? 0 : _b;\n    return $mb;\n}, th.color('bgLightGray1'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;AAEU,IAAC,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,0BAA0B,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;AAC3J,IAAC,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,wEAAwE,CAAC,EAAE,CAAC,wEAAwE,CAAC,CAAC,CAAC,EAAE;AACtP,IAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,0HAA0H,EAAE,wEAAwE,CAAC,EAAE,CAAC,0HAA0H,EAAE,wEAAwE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;AAC3gB,IAAI,SAAS,GAAG,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,aAAa,EAAE,uJAAuJ,EAAE,+GAA+G,EAAE,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,uJAAuJ,EAAE,+GAA+G,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;AACptB,IAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,wJAAwJ,EAAE,4PAA4P,EAAE,6BAA6B,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC,wJAAwJ,EAAE,4PAA4P,EAAE,6BAA6B,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE;AAC3jC,IAAI,IAAI,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AAC3B,IAAI,QAAQ,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE;AACrC,CAAC,EAAE;AACO,IAAC,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,uJAAuJ,EAAE,gIAAgI,EAAE,4BAA4B,CAAC,EAAE,CAAC,uJAAuJ,EAAE,gIAAgI,EAAE,4BAA4B,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACpuB,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAClD,IAAI,OAAO,GAAG,CAAC;AACf,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;AAC7B,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}

package/ui/Blocks/Tabs/types.d.ts

@@ -1,25 +0,0 @@
-import { ReactElement } from 'react';
-
-type TabDefinition = {
-    label: string;
-    icon?: string;
-    badgeCount?: number;
-    default?: true;
-};
-type TabsProps = {
-    tabsDefinition: TabDefinition[];
-    activeTab: number;
-    onTabSwitch: (tab: number) => void;
-    mb?: string;
-};
-type UseTabsHook = (tabDefinitions: TabDefinition[]) => {
-    activeTab: number;
-    onTabSwitch: (tab: number) => void;
-};
-type TabContentProps = {
-    activeTab: number;
-    value: number;
-    children: ReactElement | null;
-};
-
-export { TabContentProps, TabDefinition, TabsProps, UseTabsHook };

package/ui/Elements/Alert/Alert.js

@@ -1,35 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useTheme, th, x } from '@xstyled/styled-components';
-import Icon from '../Icon/Icon.js';
-import 'tslib';
-import { StyledAlert, VerticalSeparator, IconWrap, Title, Text, LinkWrapper, ActionButton, CloseBtn, Description } from './styles.js';
-
-var alertBackgroundColor = {
-    success: 'green10',
-    info: 'blue10',
-    warning: 'yellow10',
-    danger: 'red10',
-};
-var alertColorFill = {
-    success: 'successColor',
-    info: 'blue60',
-    warning: 'yellow70',
-    danger: 'dangerColor',
-};
-var alertIconMap = {
-    success: 'circleCheck',
-    info: 'info',
-    warning: 'circleTriangle',
-    danger: 'circleTriangle',
-};
-var Alert = function (props) {
-    var intent = props.intent, inline = props.inline, onClick = props.onClick, onClose = props.onClose, title = props.title, text = props.text, href = props.href, actionLabel = props.actionLabel, actionType = props.actionType, desc = props.desc, _a = props.closeAnywhere, closeAnywhere = _a === void 0 ? false : _a;
-    var theme = useTheme();
-    var bgColor = th.color(intent ? alertBackgroundColor[intent] : 'transparent')({ theme: theme });
-    var colorFill = th.color(intent ? alertColorFill[intent] : 'transparent')({ theme: theme });
-    var icon = intent && alertIconMap[intent];
-    return (jsxs(StyledAlert, { "$bgColor": bgColor, "$colorFill": colorFill, "$inline": inline, onClick: closeAnywhere ? onClose : undefined, children: [jsxs(x.div, { display: "flex", alignItems: "center", children: [inline && jsx(VerticalSeparator, { "$colorFill": colorFill }), icon && (jsx(IconWrap, { children: jsx(Icon, { icon: icon, size: "20px", fill: colorFill }) })), jsxs("div", { children: [jsx(Title, { children: title }), jsxs(Text, { children: [" ", text] })] })] }), jsxs(x.div, { display: "flex", alignItems: "center", children: [href && actionType === 'link' && (jsx(LinkWrapper, { "$colorFill": colorFill, to: href, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Link' })), onClick && actionType === 'button' && (jsx(ActionButton, { "$colorFill": colorFill, onClick: onClick, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Submit' })), onClose && !closeAnywhere && (jsx(CloseBtn, { onClick: onClose, children: jsx(Icon, { icon: "close", size: "15px", fill: "gray" }) })), desc && jsx(Description, { children: desc })] })] }));
-};
-
-export { Alert as default };
-//# sourceMappingURL=Alert.js.map

package/ui/Elements/Alert/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sources":["../../../../packages/ui/Elements/Alert/Alert.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { x, useTheme } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nimport { IconWrap, LinkWrapper, StyledAlert, VerticalSeparator, Text, Title, CloseBtn, ActionButton, Description } from './styles';\nvar alertBackgroundColor = {\n    success: 'green10',\n    info: 'blue10',\n    warning: 'yellow10',\n    danger: 'red10',\n};\nvar alertColorFill = {\n    success: 'successColor',\n    info: 'blue60',\n    warning: 'yellow70',\n    danger: 'dangerColor',\n};\nvar alertIconMap = {\n    success: 'circleCheck',\n    info: 'info',\n    warning: 'circleTriangle',\n    danger: 'circleTriangle',\n};\nvar Alert = function (props) {\n    var intent = props.intent, inline = props.inline, onClick = props.onClick, onClose = props.onClose, title = props.title, text = props.text, href = props.href, actionLabel = props.actionLabel, actionType = props.actionType, desc = props.desc, _a = props.closeAnywhere, closeAnywhere = _a === void 0 ? false : _a;\n    var theme = useTheme();\n    var bgColor = th.color(intent ? alertBackgroundColor[intent] : 'transparent')({ theme: theme });\n    var colorFill = th.color(intent ? alertColorFill[intent] : 'transparent')({ theme: theme });\n    var icon = intent && alertIconMap[intent];\n    return (_jsxs(StyledAlert, { \"$bgColor\": bgColor, \"$colorFill\": colorFill, \"$inline\": inline, onClick: closeAnywhere ? onClose : undefined, children: [_jsxs(x.div, { display: \"flex\", alignItems: \"center\", children: [inline && _jsx(VerticalSeparator, { \"$colorFill\": colorFill }), icon && (_jsx(IconWrap, { children: _jsx(Icon, { icon: icon, size: \"20px\", fill: colorFill }) })), _jsxs(\"div\", { children: [_jsx(Title, { children: title }), _jsxs(Text, { children: [\" \", text] })] })] }), _jsxs(x.div, { display: \"flex\", alignItems: \"center\", children: [href && actionType === 'link' && (_jsx(LinkWrapper, { \"$colorFill\": colorFill, to: href, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Link' })), onClick && actionType === 'button' && (_jsx(ActionButton, { \"$colorFill\": colorFill, onClick: onClick, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Submit' })), onClose && !closeAnywhere && (_jsx(CloseBtn, { onClick: onClose, children: _jsx(Icon, { icon: \"close\", size: \"15px\", fill: \"gray\" }) })), desc && _jsx(Description, { children: desc })] })] }));\n};\nexport default Alert;\n//# sourceMappingURL=Alert.js.map"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/ui/Elements/Alert/index.d.ts

@@ -1,6 +0,0 @@
-import { IAlert } from './types.js';
-export { AlertProps } from './types.js';
-
-declare const Alert: IAlert
-
-export { Alert as default };

package/ui/Elements/Alert/index.js

@@ -1,6 +0,0 @@
-import Alert from './Alert.js';
-
-
-
-export { Alert, Alert as default };
-//# sourceMappingURL=index.js.map

package/ui/Elements/Alert/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/ui/Elements/Alert/styles.js

@@ -1,33 +0,0 @@
-import { __makeTemplateObject } from 'tslib';
-import Link from '../Link/Link.js';
-import { x, th } from '@xstyled/styled-components';
-import styled from 'styled-components';
-
-var StyledAlert = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"], ["\n  width: 100%;\n  display: flex;\n  min-height: 48px;\n  align-items: center;\n  justify-content: space-between;\n  border: ", ";\n  border-radius: 8px;\n  background-color: ", ";\n  color: ", ";\n  font-family: ", ";\n  padding: 6px 5px 6px 5px;\n  margin-bottom: 5px;\n  position: relative;\n"])), function (_a) {
-    var $inline = _a.$inline, $colorFill = _a.$colorFill;
-    return ($inline ? "solid 1px ".concat($colorFill) : 'none');
-}, function (_a) {
-    var $bgColor = _a.$bgColor;
-    return $bgColor;
-}, th('colors.textPrimary'), th('fonts.primary'));
-var VerticalSeparator = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"], ["\n  width: 4px;\n  height: 36px;\n  border-radius: 94px;\n  background-color: ", ";\n"])), function (_a) {
-    var $colorFill = _a.$colorFill;
-    return $colorFill;
-});
-var IconWrap = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin: 0 13px 0 9px;\n"], ["\n  margin: 0 13px 0 9px;\n"])));
-var Title = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"], ["\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n"])));
-var Text = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"], ["\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 400;\n"])));
-var LinkWrapper = styled(Link)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"], ["\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  margin-right: 10px;\n"])), function (_a) {
-    var $colorFill = _a.$colorFill;
-    return $colorFill;
-});
-var ActionButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"], ["\n  margin-right: 10px;\n  font-size: 14px;\n  font-weight: 600;\n  color: ", ";\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n"])), function (_a) {
-    var $colorFill = _a.$colorFill;
-    return $colorFill;
-});
-var CloseBtn = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"], ["\n  height: 30px;\n  width: 30px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: none;\n  margin-right: 5px;\n  background-color: transparent;\n  & :hover {\n    cursor: pointer;\n  }\n"])));
-var Description = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"], ["\n  position: absolute;\n  top: 3px;\n  right: 8px;\n  color: ", ";\n  font-size: 10px;\n"])), th('colors.gray'));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
-
-export { ActionButton, CloseBtn, Description, IconWrap, LinkWrapper, StyledAlert, Text, Title, VerticalSeparator };
-//# sourceMappingURL=styles.js.map

package/ui/Elements/Alert/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/Alert/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Link } from '../Link';\nimport { x } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport styled from 'styled-components';\nexport var StyledAlert = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  width: 100%;\\n  display: flex;\\n  min-height: 48px;\\n  align-items: center;\\n  justify-content: space-between;\\n  border: \", \";\\n  border-radius: 8px;\\n  background-color: \", \";\\n  color: \", \";\\n  font-family: \", \";\\n  padding: 6px 5px 6px 5px;\\n  margin-bottom: 5px;\\n  position: relative;\\n\"], [\"\\n  width: 100%;\\n  display: flex;\\n  min-height: 48px;\\n  align-items: center;\\n  justify-content: space-between;\\n  border: \", \";\\n  border-radius: 8px;\\n  background-color: \", \";\\n  color: \", \";\\n  font-family: \", \";\\n  padding: 6px 5px 6px 5px;\\n  margin-bottom: 5px;\\n  position: relative;\\n\"])), function (_a) {\n    var $inline = _a.$inline, $colorFill = _a.$colorFill;\n    return ($inline ? \"solid 1px \".concat($colorFill) : 'none');\n}, function (_a) {\n    var $bgColor = _a.$bgColor;\n    return $bgColor;\n}, th('colors.textPrimary'), th('fonts.primary'));\nexport var VerticalSeparator = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  width: 4px;\\n  height: 36px;\\n  border-radius: 94px;\\n  background-color: \", \";\\n\"], [\"\\n  width: 4px;\\n  height: 36px;\\n  border-radius: 94px;\\n  background-color: \", \";\\n\"])), function (_a) {\n    var $colorFill = _a.$colorFill;\n    return $colorFill;\n});\nexport var IconWrap = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  margin: 0 13px 0 9px;\\n\"], [\"\\n  margin: 0 13px 0 9px;\\n\"])));\nexport var Title = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  font-size: 14px;\\n  line-height: 18px;\\n  font-weight: 600;\\n\"], [\"\\n  font-size: 14px;\\n  line-height: 18px;\\n  font-weight: 600;\\n\"])));\nexport var Text = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  font-size: 14px;\\n  line-height: 20px;\\n  font-weight: 400;\\n\"], [\"\\n  font-size: 14px;\\n  line-height: 20px;\\n  font-weight: 400;\\n\"])));\nexport var LinkWrapper = styled(Link)(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  font-size: 14px;\\n  font-weight: 600;\\n  color: \", \";\\n  margin-right: 10px;\\n\"], [\"\\n  font-size: 14px;\\n  font-weight: 600;\\n  color: \", \";\\n  margin-right: 10px;\\n\"])), function (_a) {\n    var $colorFill = _a.$colorFill;\n    return $colorFill;\n});\nexport var ActionButton = styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n  margin-right: 10px;\\n  font-size: 14px;\\n  font-weight: 600;\\n  color: \", \";\\n  border: none;\\n  background-color: transparent;\\n  cursor: pointer;\\n\"], [\"\\n  margin-right: 10px;\\n  font-size: 14px;\\n  font-weight: 600;\\n  color: \", \";\\n  border: none;\\n  background-color: transparent;\\n  cursor: pointer;\\n\"])), function (_a) {\n    var $colorFill = _a.$colorFill;\n    return $colorFill;\n});\nexport var CloseBtn = styled.button(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n  height: 30px;\\n  width: 30px;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  border: none;\\n  margin-right: 5px;\\n  background-color: transparent;\\n  & :hover {\\n    cursor: pointer;\\n  }\\n\"], [\"\\n  height: 30px;\\n  width: 30px;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  border: none;\\n  margin-right: 5px;\\n  background-color: transparent;\\n  & :hover {\\n    cursor: pointer;\\n  }\\n\"])));\nexport var Description = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject([\"\\n  position: absolute;\\n  top: 3px;\\n  right: 8px;\\n  color: \", \";\\n  font-size: 10px;\\n\"], [\"\\n  position: absolute;\\n  top: 3px;\\n  right: 8px;\\n  color: \", \";\\n  font-size: 10px;\\n\"])), th('colors.gray'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"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"}