@mailstep/design-system 0.1.4-beta.8 → 0.1.4-beta.9

package/ui/Elements/Pagination/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../../packages/ui/Elements/Pagination/styled.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { x } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nexport var Wrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  display: inline-flex;\\n  align-items: center;\\n\\n  & > *:not(:last-child) {\\n    margin-right: 4px;\\n  }\\n\"], [\"\\n  display: inline-flex;\\n  align-items: center;\\n\\n  & > *:not(:last-child) {\\n    margin-right: 4px;\\n  }\\n\"])));\nexport var Btn = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  background-color: transparent;\\n  border: none;\\n  cursor: \", \";\\n  opacity: \", \";\\n\"], [\"\\n  background-color: transparent;\\n  border: none;\\n  cursor: \", \";\\n  opacity: \", \";\\n\"])), function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 0 : 1);\n});\nexport var ArrowIcon = styled(Icon)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  border-radius: 50%;\\n  aspect-ratio: 1 / 1;\\n  width: 16px;\\n  display: flex;\\n  align-items: center;\\n  color: gray1;\\n\\n  &:hover {\\n    color: blue2;\\n  }\\n\"], [\"\\n  border-radius: 50%;\\n  aspect-ratio: 1 / 1;\\n  width: 16px;\\n  display: flex;\\n  align-items: center;\\n  color: gray1;\\n\\n  &:hover {\\n    color: blue2;\\n  }\\n\"])));\nexport var GoIcon = styled(ArrowIcon)(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  margin: 0 8px;\\n  font-size: 11px;\\n  & > svg {\\n    width: 10px;\\n  }\\n\"], [\"\\n  margin: 0 8px;\\n  font-size: 11px;\\n  & > svg {\\n    width: 10px;\\n  }\\n\"])));\nexport var DotsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  color: gray1;\\n\"], [\"\\n  color: gray1;\\n\"])));\nexport var PageBtn = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  height: 18px;\\n  min-width: 18px;\\n  display: flex;\\n  border-radius: 50%;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  margin: 0 4px;\\n  color: \", \";\\n  font-size: 14px;\\n  font-weight: \", \";\\n  font-family: \", \";\\n  line-height: 1em;\\n\\n  &:hover {\\n    color: blue2;\\n  }\\n\"], [\"\\n  height: 18px;\\n  min-width: 18px;\\n  display: flex;\\n  border-radius: 50%;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  margin: 0 4px;\\n  color: \", \";\\n  font-size: 14px;\\n  font-weight: \", \";\\n  font-family: \", \";\\n  line-height: 1em;\\n\\n  &:hover {\\n    color: blue2;\\n  }\\n\"])), function (_a) {\n    var isCurrent = _a.isCurrent;\n    return (isCurrent ? th.color('red1') : th.color('gray1'));\n}, function (_a) {\n    var isCurrent = _a.isCurrent;\n    return (isCurrent ? th.fontWeight('semiBold') : th.fontWeight('medium'));\n}, th('fonts.primary'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styled.js.map"],"names":["styled","x","__makeTemplateObject","Icon","th"],"mappings":";;;;;;;;;;;AAIU,IAAC,OAAO,GAAGA,uBAAM,CAACC,QAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,gHAAgH,CAAC,EAAE,CAAC,gHAAgH,CAAC,CAAC,CAAC,EAAE;AAChU,IAAC,GAAG,GAAGF,uBAAM,CAAC,MAAM,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACxS,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAE;AAC9C,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;AAC9B,CAAC,EAAE;AACO,IAAC,SAAS,GAAGF,uBAAM,CAACG,YAAI,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,qKAAqK,CAAC,EAAE,CAAC,qKAAqK,CAAC,CAAC,CAAC,EAAE;AAC3a,IAAC,MAAM,GAAGF,uBAAM,CAAC,SAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,8EAA8E,CAAC,EAAE,CAAC,8EAA8E,CAAC,CAAC,CAAC,EAAE;AAC/P,IAAC,WAAW,GAAGF,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;AAC3I,IAAC,OAAO,GAAGF,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,EAAE,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACtuB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAGE,SAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAGA,SAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;AAC9D,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAGA,SAAE,CAAC,UAAU,CAAC,UAAU,CAAC,GAAGA,SAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAC7E,CAAC,EAAEA,SAAE,CAAC,eAAe,CAAC,EAAE;AACxB,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../../packages/ui/Elements/Pagination/styled.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { x } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nexport var Wrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  display: inline-flex;\\n  align-items: center;\\n\\n  & > *:not(:last-child) {\\n    margin-right: 4px;\\n  }\\n\"], [\"\\n  display: inline-flex;\\n  align-items: center;\\n\\n  & > *:not(:last-child) {\\n    margin-right: 4px;\\n  }\\n\"])));\nexport var Btn = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  background-color: transparent;\\n  border: none;\\n  cursor: \", \";\\n  opacity: \", \";\\n\"], [\"\\n  background-color: transparent;\\n  border: none;\\n  cursor: \", \";\\n  opacity: \", \";\\n\"])), function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 'default' : 'pointer');\n}, function (_a) {\n    var disabled = _a.disabled;\n    return (disabled ? 0 : 1);\n});\nexport var ArrowIcon = styled(Icon)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  border-radius: 50%;\\n  aspect-ratio: 1 / 1;\\n  width: 16px;\\n  display: flex;\\n  align-items: center;\\n  color: gray1;\\n\\n  &:hover {\\n    color: blue2;\\n  }\\n\"], [\"\\n  border-radius: 50%;\\n  aspect-ratio: 1 / 1;\\n  width: 16px;\\n  display: flex;\\n  align-items: center;\\n  color: gray1;\\n\\n  &:hover {\\n    color: blue2;\\n  }\\n\"])));\nexport var GoIcon = styled(ArrowIcon)(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  margin: 0 8px;\\n  font-size: 11px;\\n  & > svg {\\n    width: 10px;\\n  }\\n\"], [\"\\n  margin: 0 8px;\\n  font-size: 11px;\\n  & > svg {\\n    width: 10px;\\n  }\\n\"])));\nexport var DotsWrapper = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  color: gray1;\\n\"], [\"\\n  color: gray1;\\n\"])));\nexport var PageBtn = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  height: 18px;\\n  min-width: 18px;\\n  display: flex;\\n  border-radius: 50%;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  margin: 0 4px;\\n  color: \", \";\\n  font-size: 14px;\\n  font-weight: \", \";\\n  font-family: \", \";\\n  line-height: 1em;\\n\\n  &:hover {\\n    color: blue2;\\n  }\\n\"], [\"\\n  height: 18px;\\n  min-width: 18px;\\n  display: flex;\\n  border-radius: 50%;\\n  align-items: center;\\n  justify-content: center;\\n  cursor: pointer;\\n  margin: 0 4px;\\n  color: \", \";\\n  font-size: 14px;\\n  font-weight: \", \";\\n  font-family: \", \";\\n  line-height: 1em;\\n\\n  &:hover {\\n    color: blue2;\\n  }\\n\"])), function (_a) {\n    var isCurrent = _a.isCurrent;\n    return (isCurrent ? th.color('red1') : th.color('gray1'));\n}, function (_a) {\n    var isCurrent = _a.isCurrent;\n    return (isCurrent ? th.fontWeight('semiBold') : th.fontWeight('medium'));\n}, th('fonts.primary'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styled.js.map"],"names":[],"mappings":";;;;;AAIU,IAAC,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,gHAAgH,CAAC,EAAE,CAAC,gHAAgH,CAAC,CAAC,CAAC,EAAE;AAChU,IAAC,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,iEAAiE,EAAE,gBAAgB,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACxS,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,SAAS,GAAG,SAAS,EAAE;AAC9C,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;AAC9B,CAAC,EAAE;AACO,IAAC,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qKAAqK,CAAC,EAAE,CAAC,qKAAqK,CAAC,CAAC,CAAC,EAAE;AAC3a,IAAC,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,8EAA8E,CAAC,EAAE,CAAC,8EAA8E,CAAC,CAAC,CAAC,EAAE;AAC/P,IAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qBAAqB,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE;AAC3I,IAAC,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,EAAE,CAAC,qLAAqL,EAAE,wCAAwC,EAAE,oBAAoB,EAAE,iEAAiE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACtuB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;AAC9D,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,QAAQ,SAAS,GAAG,EAAE,CAAC,UAAU,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAC7E,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE;AACxB,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}

package/ui/Elements/Paragraph/Paragraph.js

@@ -1,8 +1,6 @@
-'use strict';
+import { jsx } from 'react/jsx-runtime';
 
-var jsxRuntime = require('react/jsx-runtime');
+var Paragraph = function () { return jsx("p", { children: "paragraph" }); };
 
-var Paragraph = function () { return jsxRuntime.jsx("p", { children: "paragraph" }); };
-
-module.exports = Paragraph;
+export { Paragraph as default };
 //# sourceMappingURL=Paragraph.js.map

package/ui/Elements/Paragraph/Paragraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","sources":["../../../../packages/ui/Elements/Paragraph/Paragraph.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nvar Paragraph = function () { return _jsx(\"p\", { children: \"paragraph\" }); };\nexport default Paragraph;\n//# sourceMappingURL=Paragraph.js.map"],"names":["_jsx"],"mappings":";;;;AACG,IAAC,SAAS,GAAG,YAAY,EAAE,OAAOA,cAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;;;;"}
+{"version":3,"file":"Paragraph.js","sources":["../../../../packages/ui/Elements/Paragraph/Paragraph.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nvar Paragraph = function () { return _jsx(\"p\", { children: \"paragraph\" }); };\nexport default Paragraph;\n//# sourceMappingURL=Paragraph.js.map"],"names":["_jsx"],"mappings":";;AACG,IAAC,SAAS,GAAG,YAAY,EAAE,OAAOA,GAAI,CAAC,GAAG,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC;;;;"}

package/ui/Elements/Portal/index.js

@@ -1,23 +1,17 @@
-'use strict';
-
-var React = require('react');
-var ReactDom = require('react-dom');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var ReactDom__default = /*#__PURE__*/_interopDefaultCompat(ReactDom);
+import { useState, useEffect } from 'react';
+import ReactDom from 'react-dom';
 
 var Portal = function (_a) {
     var children = _a.children;
-    var container = React.useState(function () { return document.createElement('div'); })[0];
-    React.useEffect(function () {
+    var container = useState(function () { return document.createElement('div'); })[0];
+    useEffect(function () {
         document.body.appendChild(container);
         return function () {
             document.body.removeChild(container);
         };
     }, []);
-    return ReactDom__default.default.createPortal(children, container);
+    return ReactDom.createPortal(children, container);
 };
 
-exports.Portal = Portal;
+export { Portal };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../packages/ui/Elements/Portal/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport ReactDom from 'react-dom';\nexport var Portal = function (_a) {\n    var children = _a.children;\n    var container = useState(function () { return document.createElement('div'); })[0];\n    useEffect(function () {\n        document.body.appendChild(container);\n        return function () {\n            document.body.removeChild(container);\n        };\n    }, []);\n    return ReactDom.createPortal(children, container);\n};\n//# sourceMappingURL=index.js.map"],"names":["useState","useEffect","ReactDom"],"mappings":";;;;;;;;;AAEU,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,IAAI,SAAS,GAAGA,cAAQ,CAAC,YAAY,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACvF,IAAIC,eAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC7C,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACjD,SAAS,CAAC;AACV,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAOC,yBAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACtD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../packages/ui/Elements/Portal/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport ReactDom from 'react-dom';\nexport var Portal = function (_a) {\n    var children = _a.children;\n    var container = useState(function () { return document.createElement('div'); })[0];\n    useEffect(function () {\n        document.body.appendChild(container);\n        return function () {\n            document.body.removeChild(container);\n        };\n    }, []);\n    return ReactDom.createPortal(children, container);\n};\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;AAEU,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,IAAI,SAAS,GAAG,QAAQ,CAAC,YAAY,EAAE,OAAO,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACvF,IAAI,SAAS,CAAC,YAAY;AAC1B,QAAQ,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AAC7C,QAAQ,OAAO,YAAY;AAC3B,YAAY,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;AACjD,SAAS,CAAC;AACV,KAAK,EAAE,EAAE,CAAC,CAAC;AACX,IAAI,OAAO,QAAQ,CAAC,YAAY,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AACtD;;;;"}

package/ui/Elements/ProgressBar/ProgressBar.js

@@ -1,14 +1,12 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('./styles.js');
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { StyledProgressBar, Progress, ProgressDescription } from './styles.js';
 
 var ProgressBar = function (_a) {
     var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;
     if (progress > 100 || progress < 0)
         console.warn('Progress value should be number between 0 and 100.');
-    return (jsxRuntime.jsxs(styles.StyledProgressBar, { status: status, variant: variant, children: [jsxRuntime.jsx(styles.Progress, { progress: progress, status: status }), !noText && jsxRuntime.jsx(styles.ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : "".concat(progress, "%") })] }));
+    return (jsxs(StyledProgressBar, { status: status, variant: variant, children: [jsx(Progress, { progress: progress, status: status }), !noText && jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : "".concat(progress, "%") })] }));
 };
 
-module.exports = ProgressBar;
+export { ProgressBar as default };
 //# sourceMappingURL=ProgressBar.js.map

package/ui/Elements/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../packages/ui/Elements/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { StyledProgressBar, Progress, ProgressDescription } from './styles';\nvar ProgressBar = function (_a) {\n    var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;\n    if (progress > 100 || progress < 0)\n        console.warn('Progress value should be number between 0 and 100.');\n    return (_jsxs(StyledProgressBar, { status: status, variant: variant, children: [_jsx(Progress, { progress: progress, status: status }), !noText && _jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : \"\".concat(progress, \"%\") })] }));\n};\nexport default ProgressBar;\n//# sourceMappingURL=ProgressBar.js.map"],"names":["_jsxs","StyledProgressBar","_jsx","Progress","ProgressDescription"],"mappings":";;;;;AAEG,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;AAC1J,IAAI,IAAI,QAAQ,GAAG,GAAG,IAAI,QAAQ,GAAG,CAAC;AACtC,QAAQ,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;AAC3E,IAAI,QAAQA,eAAK,CAACC,wBAAiB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAACC,cAAI,CAACC,eAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM,IAAID,cAAI,CAACE,0BAAmB,EAAE,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,IAAI,YAAY,GAAG,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAClR;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../packages/ui/Elements/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { StyledProgressBar, Progress, ProgressDescription } from './styles';\nvar ProgressBar = function (_a) {\n    var _b = _a.progress, progress = _b === void 0 ? 0 : _b, status = _a.status, errorMessage = _a.errorMessage, noText = _a.noText, variant = _a.variant;\n    if (progress > 100 || progress < 0)\n        console.warn('Progress value should be number between 0 and 100.');\n    return (_jsxs(StyledProgressBar, { status: status, variant: variant, children: [_jsx(Progress, { progress: progress, status: status }), !noText && _jsx(ProgressDescription, { children: status === 'error' && errorMessage ? errorMessage : \"\".concat(progress, \"%\") })] }));\n};\nexport default ProgressBar;\n//# sourceMappingURL=ProgressBar.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;AAEG,IAAC,WAAW,GAAG,UAAU,EAAE,EAAE;AAChC,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC;AAC1J,IAAI,IAAI,QAAQ,GAAG,GAAG,IAAI,QAAQ,GAAG,CAAC;AACtC,QAAQ,OAAO,CAAC,IAAI,CAAC,oDAAoD,CAAC,CAAC;AAC3E,IAAI,QAAQA,IAAK,CAAC,iBAAiB,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,MAAM,IAAIA,GAAI,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,IAAI,YAAY,GAAG,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAClR;;;;"}

package/ui/Elements/ProgressBar/styles.js

@@ -1,28 +1,20 @@
-'use strict';
+import { __makeTemplateObject } from 'tslib';
+import styled, { th, keyframes, css } from '@xstyled/styled-components';
+import { createRgba } from '../../utils/CreateRgba/createRgba.js';
+import 'react';
 
-var tslib = require('tslib');
-var styled = require('@xstyled/styled-components');
-var createRgba = require('../../utils/CreateRgba/createRgba.js');
-require('react');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledProgressBar = styled__default.default.div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"], ["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"])), function (props) { return (props.variant === 'thin' ? "12px" : "35px"); }, styled.th('colors.white'), function (props) {
-    return props.status === 'finished' ? createRgba.createRgba(props.theme.colors.success, 0.4) : "".concat(styled.th('colors.red1'));
-}, function (props) { return (props.status === 'finished' ? "".concat(styled.th('colors.success')) : "".concat(styled.th('colors.red1'))); });
-var slide = styled.keyframes(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n0%{\n  background-position-x: 0%;\n}\n100% {\n  background-position-x: 500px;\n}\n"], ["\n0%{\n  background-position-x: 0%;\n}\n100% {\n  background-position-x: 500px;\n}\n"])));
-var StyledStatusFinished = styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), function (props) { return createRgba.createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba.createRgba(props.theme.colors.success, 0.4); }, styled.th('colors.success'), styled.th('colors.success'));
-var StyledStatusLoading = styled.css(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'));
-var StyledStatusError = styled.css(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'), styled.th('colors.red1'));
-var Progress = styled__default.default.div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"])), function (props) { return "".concat(props.progress, "%"); }, slide, function (props) {
+var StyledProgressBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"], ["\n  position: relative;\n  display: flex;\n  width: 100%;\n  min-width: 250px;\n  height: ", ";\n  color: ", ";\n  background-color: ", ";\n  justify-content: center;\n  border: slim;\n  border-color: ", ";\n  border-radius: md;\n  overflow: hidden;\n"])), function (props) { return (props.variant === 'thin' ? "12px" : "35px"); }, th('colors.white'), function (props) {
+    return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : "".concat(th('colors.red1'));
+}, function (props) { return (props.status === 'finished' ? "".concat(th('colors.success')) : "".concat(th('colors.red1'))); });
+var slide = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n0%{\n  background-position-x: 0%;\n}\n100% {\n  background-position-x: 500px;\n}\n"], ["\n0%{\n  background-position-x: 0%;\n}\n100% {\n  background-position-x: 500px;\n}\n"])));
+var StyledStatusFinished = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));
+var StyledStatusLoading = css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));
+var StyledStatusError = css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"], ["\n  background: repeating-linear-gradient(\n    -45deg,\n    ", ",\n    ", " 10px,\n    ", " 10px,\n    ", " 22.1px\n  );\n  background-size: 4000px 50px;\n"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));
+var Progress = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: ", ";\n  height: 35px;\n  animation: ", " 20s linear infinite;\n  transition: width 500ms;\n  ", "\n"])), function (props) { return "".concat(props.progress, "%"); }, slide, function (props) {
     return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;
 });
-var ProgressDescription = styled__default.default.span(templateObject_7 || (templateObject_7 = tslib.__makeTemplateObject(["\n  position: relative;\n  align-self: center;\n"], ["\n  position: relative;\n  align-self: center;\n"])));
+var ProgressDescription = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  align-self: center;\n"], ["\n  position: relative;\n  align-self: center;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
-exports.Progress = Progress;
-exports.ProgressDescription = ProgressDescription;
-exports.StyledProgressBar = StyledProgressBar;
+export { Progress, ProgressDescription, StyledProgressBar };
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/ProgressBar/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { keyframes, css } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var StyledProgressBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  position: relative;\\n  display: flex;\\n  width: 100%;\\n  min-width: 250px;\\n  height: \", \";\\n  color: \", \";\\n  background-color: \", \";\\n  justify-content: center;\\n  border: slim;\\n  border-color: \", \";\\n  border-radius: md;\\n  overflow: hidden;\\n\"], [\"\\n  position: relative;\\n  display: flex;\\n  width: 100%;\\n  min-width: 250px;\\n  height: \", \";\\n  color: \", \";\\n  background-color: \", \";\\n  justify-content: center;\\n  border: slim;\\n  border-color: \", \";\\n  border-radius: md;\\n  overflow: hidden;\\n\"])), function (props) { return (props.variant === 'thin' ? \"12px\" : \"35px\"); }, th('colors.white'), function (props) {\n    return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : \"\".concat(th('colors.red1'));\n}, function (props) { return (props.status === 'finished' ? \"\".concat(th('colors.success')) : \"\".concat(th('colors.red1'))); });\nvar slide = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n0%{\\n  background-position-x: 0%;\\n}\\n100% {\\n  background-position-x: 500px;\\n}\\n\"], [\"\\n0%{\\n  background-position-x: 0%;\\n}\\n100% {\\n  background-position-x: 500px;\\n}\\n\"])));\nvar StyledStatusFinished = css(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"], [\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));\nvar StyledStatusLoading = css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"], [\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nvar StyledStatusError = css(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"], [\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nexport var Progress = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: \", \";\\n  height: 35px;\\n  animation: \", \" 20s linear infinite;\\n  transition: width 500ms;\\n  \", \"\\n\"], [\"\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: \", \";\\n  height: 35px;\\n  animation: \", \" 20s linear infinite;\\n  transition: width 500ms;\\n  \", \"\\n\"])), function (props) { return \"\".concat(props.progress, \"%\"); }, slide, function (props) {\n    return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;\n});\nexport var ProgressDescription = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n  position: relative;\\n  align-self: center;\\n\"], [\"\\n  position: relative;\\n  align-self: center;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;\n//# sourceMappingURL=styles.js.map"],"names":["styled","__makeTemplateObject","th","createRgba","keyframes","css"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/ProgressBar/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { keyframes, css } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var StyledProgressBar = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  position: relative;\\n  display: flex;\\n  width: 100%;\\n  min-width: 250px;\\n  height: \", \";\\n  color: \", \";\\n  background-color: \", \";\\n  justify-content: center;\\n  border: slim;\\n  border-color: \", \";\\n  border-radius: md;\\n  overflow: hidden;\\n\"], [\"\\n  position: relative;\\n  display: flex;\\n  width: 100%;\\n  min-width: 250px;\\n  height: \", \";\\n  color: \", \";\\n  background-color: \", \";\\n  justify-content: center;\\n  border: slim;\\n  border-color: \", \";\\n  border-radius: md;\\n  overflow: hidden;\\n\"])), function (props) { return (props.variant === 'thin' ? \"12px\" : \"35px\"); }, th('colors.white'), function (props) {\n    return props.status === 'finished' ? createRgba(props.theme.colors.success, 0.4) : \"\".concat(th('colors.red1'));\n}, function (props) { return (props.status === 'finished' ? \"\".concat(th('colors.success')) : \"\".concat(th('colors.red1'))); });\nvar slide = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n0%{\\n  background-position-x: 0%;\\n}\\n100% {\\n  background-position-x: 500px;\\n}\\n\"], [\"\\n0%{\\n  background-position-x: 0%;\\n}\\n100% {\\n  background-position-x: 500px;\\n}\\n\"])));\nvar StyledStatusFinished = css(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"], [\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"])), function (props) { return createRgba(props.theme.colors.success, 0.4); }, function (props) { return createRgba(props.theme.colors.success, 0.4); }, th('colors.success'), th('colors.success'));\nvar StyledStatusLoading = css(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"], [\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nvar StyledStatusError = css(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"], [\"\\n  background: repeating-linear-gradient(\\n    -45deg,\\n    \", \",\\n    \", \" 10px,\\n    \", \" 10px,\\n    \", \" 22.1px\\n  );\\n  background-size: 4000px 50px;\\n\"])), th('colors.red1'), th('colors.red1'), th('colors.red1'), th('colors.red1'));\nexport var Progress = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: \", \";\\n  height: 35px;\\n  animation: \", \" 20s linear infinite;\\n  transition: width 500ms;\\n  \", \"\\n\"], [\"\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  width: \", \";\\n  height: 35px;\\n  animation: \", \" 20s linear infinite;\\n  transition: width 500ms;\\n  \", \"\\n\"])), function (props) { return \"\".concat(props.progress, \"%\"); }, slide, function (props) {\n    return props.status === 'finished' ? StyledStatusFinished : props.status === 'error' ? StyledStatusError : StyledStatusLoading;\n});\nexport var ProgressDescription = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n  position: relative;\\n  align-self: center;\\n\"], [\"\\n  position: relative;\\n  align-self: center;\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"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"}

package/ui/Elements/SimpleLink/SimpleLink.js

@@ -1,23 +1,17 @@
-'use strict';
+import { __makeTemplateObject } from 'tslib';
+import { Link } from 'react-router-dom';
+import styled, { css } from '@xstyled/styled-components';
 
-var tslib = require('tslib');
-var reactRouterDom = require('react-router-dom');
-var styled = require('@xstyled/styled-components');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var StyledLink = styled__default.default(reactRouterDom.Link)(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
+var StyledLink = styled(Link)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"], ["\n  color: inherit;\n  cursor: pointer;\n\n  :visited {\n    color: inherit;\n  }\n  :hover {\n    color: inherit;\n  }\n  :active {\n    color: inherit;\n  }\n  :focus {\n    outline: none;\n  }\n\n  ", "\n\n  ", "\n"])), function (_a) {
     var disabled = _a.disabled;
     return disabled
-        ? styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n          pointer-events: none;\n          opacity: 0.5;\n        "], ["\n          pointer-events: none;\n          opacity: 0.5;\n        "]))) : null;
+        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          pointer-events: none;\n          opacity: 0.5;\n        "], ["\n          pointer-events: none;\n          opacity: 0.5;\n        "]))) : null;
 }, function (_a) {
     var $decorate = _a.$decorate;
     return $decorate
-        ? styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n          text-decoration: underline;\n        "], ["\n          text-decoration: underline;\n        "]))) : null;
+        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          text-decoration: underline;\n        "], ["\n          text-decoration: underline;\n        "]))) : null;
 });
 var templateObject_1, templateObject_2, templateObject_3;
 
-module.exports = StyledLink;
+export { StyledLink as default };
 //# sourceMappingURL=SimpleLink.js.map

package/ui/Elements/SimpleLink/SimpleLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleLink.js","sources":["../../../../packages/ui/Elements/SimpleLink/SimpleLink.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Link as ReactLink } from 'react-router-dom';\nimport styled, { css } from '@xstyled/styled-components';\nvar StyledLink = styled(ReactLink)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  color: inherit;\\n  cursor: pointer;\\n\\n  :visited {\\n    color: inherit;\\n  }\\n  :hover {\\n    color: inherit;\\n  }\\n  :active {\\n    color: inherit;\\n  }\\n  :focus {\\n    outline: none;\\n  }\\n\\n  \", \"\\n\\n  \", \"\\n\"], [\"\\n  color: inherit;\\n  cursor: pointer;\\n\\n  :visited {\\n    color: inherit;\\n  }\\n  :hover {\\n    color: inherit;\\n  }\\n  :active {\\n    color: inherit;\\n  }\\n  :focus {\\n    outline: none;\\n  }\\n\\n  \", \"\\n\\n  \", \"\\n\"])), function (_a) {\n    var disabled = _a.disabled;\n    return disabled\n        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n          pointer-events: none;\\n          opacity: 0.5;\\n        \"], [\"\\n          pointer-events: none;\\n          opacity: 0.5;\\n        \"]))) : null;\n}, function (_a) {\n    var $decorate = _a.$decorate;\n    return $decorate\n        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n          text-decoration: underline;\\n        \"], [\"\\n          text-decoration: underline;\\n        \"]))) : null;\n});\nexport default StyledLink;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=SimpleLink.js.map"],"names":["styled","ReactLink","__makeTemplateObject","css"],"mappings":";;;;;;;;;;AAGG,IAAC,UAAU,GAAGA,uBAAM,CAACC,mBAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AAC9iB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,OAAO,QAAQ;AACnB,UAAUC,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,sEAAsE,CAAC,EAAE,CAAC,sEAAsE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACxO,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,OAAO,SAAS;AACpB,UAAUC,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,mDAAmD,CAAC,EAAE,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAClM,CAAC,EAAE;AAEH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
+{"version":3,"file":"SimpleLink.js","sources":["../../../../packages/ui/Elements/SimpleLink/SimpleLink.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { Link as ReactLink } from 'react-router-dom';\nimport styled, { css } from '@xstyled/styled-components';\nvar StyledLink = styled(ReactLink)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  color: inherit;\\n  cursor: pointer;\\n\\n  :visited {\\n    color: inherit;\\n  }\\n  :hover {\\n    color: inherit;\\n  }\\n  :active {\\n    color: inherit;\\n  }\\n  :focus {\\n    outline: none;\\n  }\\n\\n  \", \"\\n\\n  \", \"\\n\"], [\"\\n  color: inherit;\\n  cursor: pointer;\\n\\n  :visited {\\n    color: inherit;\\n  }\\n  :hover {\\n    color: inherit;\\n  }\\n  :active {\\n    color: inherit;\\n  }\\n  :focus {\\n    outline: none;\\n  }\\n\\n  \", \"\\n\\n  \", \"\\n\"])), function (_a) {\n    var disabled = _a.disabled;\n    return disabled\n        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n          pointer-events: none;\\n          opacity: 0.5;\\n        \"], [\"\\n          pointer-events: none;\\n          opacity: 0.5;\\n        \"]))) : null;\n}, function (_a) {\n    var $decorate = _a.$decorate;\n    return $decorate\n        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n          text-decoration: underline;\\n        \"], [\"\\n          text-decoration: underline;\\n        \"]))) : null;\n});\nexport default StyledLink;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=SimpleLink.js.map"],"names":["ReactLink"],"mappings":";;;;AAGG,IAAC,UAAU,GAAG,MAAM,CAACA,IAAS,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,2MAA2M,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AAC9iB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,OAAO,QAAQ;AACnB,UAAU,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,sEAAsE,CAAC,EAAE,CAAC,sEAAsE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AACxO,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,SAAS,GAAG,EAAE,CAAC,SAAS,CAAC;AACjC,IAAI,OAAO,SAAS;AACpB,UAAU,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,mDAAmD,CAAC,EAAE,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;AAClM,CAAC,EAAE;AAEH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}

package/ui/Elements/SpaceAround/SpaceAround.js

@@ -1,20 +1,14 @@
-'use strict';
+import { __makeTemplateObject, __rest, __assign } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import styled, { x, css, useTheme, th } from '@xstyled/styled-components';
 
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var styled = require('@xstyled/styled-components');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-var Wrapper = styled__default.default(styled.x.div)(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"], ["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"])), function (_a) {
+var Wrapper = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"], ["\n  width: ", ";\n  position: relative;\n  box-sizing: border-box;\n  ", ";\n  ", ";\n"])), function (_a) {
     var $marginLeft = _a.$marginLeft, $marginRight = _a.$marginRight;
     return "calc(100% - ".concat($marginLeft || '0px', " - ").concat($marginRight || '0px', ")");
 }, function (_a) {
     var $spaceAround = _a.$spaceAround;
     return $spaceAround
-        ? styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n          margin-top: ", ";\n          margin-right: ", ";\n          margin-bottom: ", ";\n          margin-left: ", ";\n        "], ["\n          margin-top: ", ";\n          margin-right: ", ";\n          margin-bottom: ", ";\n          margin-left: ", ";\n        "])), $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginTop) === 'undefined' ? 1 : $spaceAround.marginTop, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginRight) === 'undefined'
+        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          margin-top: ", ";\n          margin-right: ", ";\n          margin-bottom: ", ";\n          margin-left: ", ";\n        "], ["\n          margin-top: ", ";\n          margin-right: ", ";\n          margin-bottom: ", ";\n          margin-left: ", ";\n        "])), $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginTop) === 'undefined' ? 1 : $spaceAround.marginTop, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginRight) === 'undefined'
             ? 1
             : $spaceAround.marginRight, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginBottom) === 'undefined'
             ? 2
@@ -22,16 +16,16 @@ var Wrapper = styled__default.default(styled.x.div)(templateObject_3 || (templat
 }, function (_a) {
     var $spaceBetween = _a.$spaceBetween;
     return $spaceBetween
-        ? styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n          display: flex;\n          justify-content: space-between;\n        "], ["\n          display: flex;\n          justify-content: space-between;\n        "]))) : '';
+        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          display: flex;\n          justify-content: space-between;\n        "], ["\n          display: flex;\n          justify-content: space-between;\n        "]))) : '';
 });
 var SpaceAroundWrap = function (_a) {
-    var children = _a.children, _b = _a.spaceBetween, spaceBetween = _b === void 0 ? false : _b, _c = _a.spaceAround, spaceAround = _c === void 0 ? true : _c, rest = tslib.__rest(_a, ["children", "spaceBetween", "spaceAround"]);
-    var theme = styled.useTheme();
-    var themeMarginLeft = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft) ? styled.th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft)({ theme: theme }) : 0;
-    var themeMarginRight = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight) ? styled.th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight)({ theme: theme }) : 0;
-    return (jsxRuntime.jsx(Wrapper, tslib.__assign({ "$spaceAround": spaceAround, "$spaceBetween": spaceBetween, "$marginRight": themeMarginRight, "$marginLeft": themeMarginLeft }, rest, { children: children })));
+    var children = _a.children, _b = _a.spaceBetween, spaceBetween = _b === void 0 ? false : _b, _c = _a.spaceAround, spaceAround = _c === void 0 ? true : _c, rest = __rest(_a, ["children", "spaceBetween", "spaceAround"]);
+    var theme = useTheme();
+    var themeMarginLeft = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft)({ theme: theme }) : 0;
+    var themeMarginRight = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight)({ theme: theme }) : 0;
+    return (jsx(Wrapper, __assign({ "$spaceAround": spaceAround, "$spaceBetween": spaceBetween, "$marginRight": themeMarginRight, "$marginLeft": themeMarginLeft }, rest, { children: children })));
 };
 var templateObject_1, templateObject_2, templateObject_3;
 
-module.exports = SpaceAroundWrap;
+export { SpaceAroundWrap as default };
 //# sourceMappingURL=SpaceAround.js.map

package/ui/Elements/SpaceAround/SpaceAround.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpaceAround.js","sources":["../../../../packages/ui/Elements/SpaceAround/SpaceAround.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled, { x, css, useTheme } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nvar Wrapper = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  width: \", \";\\n  position: relative;\\n  box-sizing: border-box;\\n  \", \";\\n  \", \";\\n\"], [\"\\n  width: \", \";\\n  position: relative;\\n  box-sizing: border-box;\\n  \", \";\\n  \", \";\\n\"])), function (_a) {\n    var $marginLeft = _a.$marginLeft, $marginRight = _a.$marginRight;\n    return \"calc(100% - \".concat($marginLeft || '0px', \" - \").concat($marginRight || '0px', \")\");\n}, function (_a) {\n    var $spaceAround = _a.$spaceAround;\n    return $spaceAround\n        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n          margin-top: \", \";\\n          margin-right: \", \";\\n          margin-bottom: \", \";\\n          margin-left: \", \";\\n        \"], [\"\\n          margin-top: \", \";\\n          margin-right: \", \";\\n          margin-bottom: \", \";\\n          margin-left: \", \";\\n        \"])), $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginTop) === 'undefined' ? 1 : $spaceAround.marginTop, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginRight) === 'undefined'\n            ? 1\n            : $spaceAround.marginRight, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginBottom) === 'undefined'\n            ? 2\n            : $spaceAround.marginBottom, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginLeft) === 'undefined' ? 0 : $spaceAround.marginLeft) : '';\n}, function (_a) {\n    var $spaceBetween = _a.$spaceBetween;\n    return $spaceBetween\n        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n          display: flex;\\n          justify-content: space-between;\\n        \"], [\"\\n          display: flex;\\n          justify-content: space-between;\\n        \"]))) : '';\n});\nvar SpaceAroundWrap = function (_a) {\n    var children = _a.children, _b = _a.spaceBetween, spaceBetween = _b === void 0 ? false : _b, _c = _a.spaceAround, spaceAround = _c === void 0 ? true : _c, rest = __rest(_a, [\"children\", \"spaceBetween\", \"spaceAround\"]);\n    var theme = useTheme();\n    var themeMarginLeft = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft)({ theme: theme }) : 0;\n    var themeMarginRight = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight)({ theme: theme }) : 0;\n    return (_jsx(Wrapper, __assign({ \"$spaceAround\": spaceAround, \"$spaceBetween\": spaceBetween, \"$marginRight\": themeMarginRight, \"$marginLeft\": themeMarginLeft }, rest, { children: children })));\n};\nexport default SpaceAroundWrap;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=SpaceAround.js.map"],"names":["styled","x","__makeTemplateObject","css","__rest","useTheme","th","_jsx","__assign"],"mappings":"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"}
+{"version":3,"file":"SpaceAround.js","sources":["../../../../packages/ui/Elements/SpaceAround/SpaceAround.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport styled, { x, css, useTheme } from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nvar Wrapper = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  width: \", \";\\n  position: relative;\\n  box-sizing: border-box;\\n  \", \";\\n  \", \";\\n\"], [\"\\n  width: \", \";\\n  position: relative;\\n  box-sizing: border-box;\\n  \", \";\\n  \", \";\\n\"])), function (_a) {\n    var $marginLeft = _a.$marginLeft, $marginRight = _a.$marginRight;\n    return \"calc(100% - \".concat($marginLeft || '0px', \" - \").concat($marginRight || '0px', \")\");\n}, function (_a) {\n    var $spaceAround = _a.$spaceAround;\n    return $spaceAround\n        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n          margin-top: \", \";\\n          margin-right: \", \";\\n          margin-bottom: \", \";\\n          margin-left: \", \";\\n        \"], [\"\\n          margin-top: \", \";\\n          margin-right: \", \";\\n          margin-bottom: \", \";\\n          margin-left: \", \";\\n        \"])), $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginTop) === 'undefined' ? 1 : $spaceAround.marginTop, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginRight) === 'undefined'\n            ? 1\n            : $spaceAround.marginRight, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginBottom) === 'undefined'\n            ? 2\n            : $spaceAround.marginBottom, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginLeft) === 'undefined' ? 0 : $spaceAround.marginLeft) : '';\n}, function (_a) {\n    var $spaceBetween = _a.$spaceBetween;\n    return $spaceBetween\n        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n          display: flex;\\n          justify-content: space-between;\\n        \"], [\"\\n          display: flex;\\n          justify-content: space-between;\\n        \"]))) : '';\n});\nvar SpaceAroundWrap = function (_a) {\n    var children = _a.children, _b = _a.spaceBetween, spaceBetween = _b === void 0 ? false : _b, _c = _a.spaceAround, spaceAround = _c === void 0 ? true : _c, rest = __rest(_a, [\"children\", \"spaceBetween\", \"spaceAround\"]);\n    var theme = useTheme();\n    var themeMarginLeft = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginLeft)({ theme: theme }) : 0;\n    var themeMarginRight = typeof spaceAround !== 'boolean' && (spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight) ? th.space(spaceAround === null || spaceAround === void 0 ? void 0 : spaceAround.marginRight)({ theme: theme }) : 0;\n    return (_jsx(Wrapper, __assign({ \"$spaceAround\": spaceAround, \"$spaceBetween\": spaceBetween, \"$marginRight\": themeMarginRight, \"$marginLeft\": themeMarginLeft }, rest, { children: children })));\n};\nexport default SpaceAroundWrap;\nvar templateObject_1, templateObject_2, templateObject_3;\n//# sourceMappingURL=SpaceAround.js.map"],"names":["_jsx"],"mappings":";;;;AAIA,IAAI,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,aAAa,EAAE,yDAAyD,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,EAAE,yDAAyD,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACjS,IAAI,IAAI,WAAW,GAAG,EAAE,CAAC,WAAW,EAAE,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;AACrE,IAAI,OAAO,cAAc,CAAC,MAAM,CAAC,WAAW,IAAI,KAAK,EAAE,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,IAAI,KAAK,EAAE,GAAG,CAAC,CAAC;AACjG,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;AACvC,IAAI,OAAO,YAAY;AACvB,UAAU,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,0BAA0B,EAAE,6BAA6B,EAAE,8BAA8B,EAAE,4BAA4B,EAAE,aAAa,CAAC,EAAE,CAAC,0BAA0B,EAAE,6BAA6B,EAAE,8BAA8B,EAAE,4BAA4B,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,IAAI,QAAQ,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,KAAK,WAAW,GAAG,CAAC,GAAG,YAAY,CAAC,SAAS,EAAE,YAAY,KAAK,IAAI,IAAI,QAAQ,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,KAAK,WAAW;AAC1oB,cAAc,CAAC;AACf,cAAc,YAAY,CAAC,WAAW,EAAE,YAAY,KAAK,IAAI,IAAI,QAAQ,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,KAAK,WAAW;AAC/K,cAAc,CAAC;AACf,cAAc,YAAY,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,IAAI,QAAQ,YAAY,KAAK,IAAI,IAAI,YAAY,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,KAAK,WAAW,GAAG,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;AACnN,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,aAAa,GAAG,EAAE,CAAC,aAAa,CAAC;AACzC,IAAI,OAAO,aAAa;AACxB,UAAU,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,iFAAiF,CAAC,EAAE,CAAC,iFAAiF,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;AAC5P,CAAC,CAAC,CAAC;AACA,IAAC,eAAe,GAAG,UAAU,EAAE,EAAE;AACpC,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,CAAC,YAAY,EAAE,YAAY,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,WAAW,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,aAAa,CAAC,CAAC,CAAC;AAC9N,IAAI,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;AAC3B,IAAI,IAAI,eAAe,GAAG,OAAO,WAAW,KAAK,SAAS,KAAK,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;AACpQ,IAAI,IAAI,gBAAgB,GAAG,OAAO,WAAW,KAAK,SAAS,KAAK,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;AACvQ,IAAI,QAAQA,GAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,eAAe,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE;AACrM,EAAE;AAEF,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}

package/ui/Elements/Spinner/Spinner.js

@@ -1,9 +1,5 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var styles = require('./styles.js');
+import { jsx } from 'react/jsx-runtime';
+import { Svg, Circle } from './styles.js';
 
 var appearanceToFontColorMap = {
     error: 'white',
@@ -18,10 +14,8 @@ var appearanceToFontColorMap = {
 var Spinner = function (_a) {
     var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, appearance = _a.appearance;
     var color = appearance ? appearanceToFontColorMap[appearance] : 'blue2';
-    return (jsxRuntime.jsx(styles.Svg, { viewBox: "22 22 44 44", "$variant": variant, children: jsxRuntime.jsx(styles.Circle, { cx: "44", cy: "44", r: "20.2", fill: "none", strokeWidth: "3.6", color: color }) }));
+    return (jsx(Svg, { viewBox: "22 22 44 44", "$variant": variant, children: jsx(Circle, { cx: "44", cy: "44", r: "20.2", fill: "none", strokeWidth: "3.6", color: color }) }));
 };
 
-exports.Spinner = Spinner;
-exports.appearanceToFontColorMap = appearanceToFontColorMap;
-exports.default = Spinner;
+export { Spinner, appearanceToFontColorMap, Spinner as default };
 //# sourceMappingURL=Spinner.js.map

package/ui/Elements/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../packages/ui/Elements/Spinner/Spinner.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Svg, Circle } from './styles';\nexport var appearanceToColorMap = {\n    error: 'red1',\n    concept: 'bgLightGray1',\n    done: 'darkGreen',\n    info: 'lightGray6',\n    processing: 'blue2',\n    success: 'green',\n    warning: 'yellow1',\n    waiting: 'gray1',\n};\nexport var appearanceToFontColorMap = {\n    error: 'white',\n    concept: 'blue2',\n    done: 'white',\n    info: 'blue2',\n    processing: 'white',\n    success: 'white',\n    warning: 'blue2',\n    waiting: 'white',\n};\nexport var Spinner = function (_a) {\n    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, appearance = _a.appearance;\n    var color = appearance ? appearanceToFontColorMap[appearance] : 'blue2';\n    return (_jsx(Svg, { viewBox: \"22 22 44 44\", \"$variant\": variant, children: _jsx(Circle, { cx: \"44\", cy: \"44\", r: \"20.2\", fill: \"none\", strokeWidth: \"3.6\", color: color }) }));\n};\nexport default Spinner;\n//# sourceMappingURL=Spinner.js.map"],"names":["_jsx","Svg","Circle"],"mappings":";;;;;;;AAYU,IAAC,wBAAwB,GAAG;AACtC,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,UAAU,EAAE,OAAO;AACvB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,OAAO,EAAE,OAAO;AACpB,EAAE;AACQ,IAAC,OAAO,GAAG,UAAU,EAAE,EAAE;AACnC,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AAC9F,IAAI,IAAI,KAAK,GAAG,UAAU,GAAG,wBAAwB,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC;AAC5E,IAAI,QAAQA,cAAI,CAACC,UAAG,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAED,cAAI,CAACE,aAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;AACnL;;;;;;"}
+{"version":3,"file":"Spinner.js","sources":["../../../../packages/ui/Elements/Spinner/Spinner.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Svg, Circle } from './styles';\nexport var appearanceToColorMap = {\n    error: 'red1',\n    concept: 'bgLightGray1',\n    done: 'darkGreen',\n    info: 'lightGray6',\n    processing: 'blue2',\n    success: 'green',\n    warning: 'yellow1',\n    waiting: 'gray1',\n};\nexport var appearanceToFontColorMap = {\n    error: 'white',\n    concept: 'blue2',\n    done: 'white',\n    info: 'blue2',\n    processing: 'white',\n    success: 'white',\n    warning: 'blue2',\n    waiting: 'white',\n};\nexport var Spinner = function (_a) {\n    var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, appearance = _a.appearance;\n    var color = appearance ? appearanceToFontColorMap[appearance] : 'blue2';\n    return (_jsx(Svg, { viewBox: \"22 22 44 44\", \"$variant\": variant, children: _jsx(Circle, { cx: \"44\", cy: \"44\", r: \"20.2\", fill: \"none\", strokeWidth: \"3.6\", color: color }) }));\n};\nexport default Spinner;\n//# sourceMappingURL=Spinner.js.map"],"names":["_jsx"],"mappings":";;;AAYU,IAAC,wBAAwB,GAAG;AACtC,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,UAAU,EAAE,OAAO;AACvB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,OAAO,EAAE,OAAO;AACpB,EAAE;AACQ,IAAC,OAAO,GAAG,UAAU,EAAE,EAAE;AACnC,IAAI,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,CAAC;AAC9F,IAAI,IAAI,KAAK,GAAG,UAAU,GAAG,wBAAwB,CAAC,UAAU,CAAC,GAAG,OAAO,CAAC;AAC5E,IAAI,QAAQA,GAAI,CAAC,GAAG,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAEA,GAAI,CAAC,MAAM,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE;AACnL;;;;"}

package/ui/Elements/Spinner/styles.js

@@ -1,28 +1,21 @@
-'use strict';
+import { __makeTemplateObject } from 'tslib';
+import styled, { th } from '@xstyled/styled-components';
+import { keyframes } from 'styled-components';
 
-var tslib = require('tslib');
-var styled$1 = require('@xstyled/styled-components');
-var styled = require('styled-components');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled$1);
-
-var KeyframesCircularDash = styled.keyframes(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0px;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0px;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
-var KeyframesCircularRotate = styled.keyframes(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
-var Svg = styled__default.default.svg(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s linear infinite;\n"], ["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s linear infinite;\n"])), function (_a) {
+var KeyframesCircularDash = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0px;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"], ["\n  0% {\n    stroke-dasharray: 1px, 200px;\n    stroke-dashoffset: 0px;\n  }\n\n  50% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -15px;\n  }\n\n  100% {\n    stroke-dasharray: 100px, 200px;\n    stroke-dashoffset: -125px;\n  }\n"])));
+var KeyframesCircularRotate = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  100% {\n    transform: rotate(360deg);\n  }\n"], ["\n  100% {\n    transform: rotate(360deg);\n  }\n"])));
+var Svg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s linear infinite;\n"], ["\n  width: ", "px;\n  height: ", "px;\n  animation: ", " 1.4s linear infinite;\n"])), function (_a) {
     var $variant = _a.$variant;
     return ($variant === 'sm' ? '16' : '40');
 }, function (_a) {
     var $variant = _a.$variant;
     return ($variant === 'sm' ? '16' : '40');
 }, KeyframesCircularRotate);
-var Circle = styled__default.default.circle(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"], ["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"])), KeyframesCircularDash, function (_a) {
+var Circle = styled.circle(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"], ["\n  animation: ", " 1.4s ease-in-out infinite;\n  stroke-dasharray: 80px, 200px;\n  stroke-dashoffset: 0px;\n  stroke: ", ";\n"])), KeyframesCircularDash, function (_a) {
     var color = _a.color;
-    return (color ? styled$1.th.color(color) : styled$1.th.color('blue2'));
+    return (color ? th.color(color) : th.color('blue2'));
 });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
-exports.Circle = Circle;
-exports.Svg = Svg;
+export { Circle, Svg };
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/Spinner/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nimport { keyframes } from 'styled-components';\nvar KeyframesCircularDash = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  0% {\\n    stroke-dasharray: 1px, 200px;\\n    stroke-dashoffset: 0px;\\n  }\\n\\n  50% {\\n    stroke-dasharray: 100px, 200px;\\n    stroke-dashoffset: -15px;\\n  }\\n\\n  100% {\\n    stroke-dasharray: 100px, 200px;\\n    stroke-dashoffset: -125px;\\n  }\\n\"], [\"\\n  0% {\\n    stroke-dasharray: 1px, 200px;\\n    stroke-dashoffset: 0px;\\n  }\\n\\n  50% {\\n    stroke-dasharray: 100px, 200px;\\n    stroke-dashoffset: -15px;\\n  }\\n\\n  100% {\\n    stroke-dasharray: 100px, 200px;\\n    stroke-dashoffset: -125px;\\n  }\\n\"])));\nvar KeyframesCircularRotate = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  100% {\\n    transform: rotate(360deg);\\n  }\\n\"], [\"\\n  100% {\\n    transform: rotate(360deg);\\n  }\\n\"])));\nexport var Svg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  width: \", \"px;\\n  height: \", \"px;\\n  animation: \", \" 1.4s linear infinite;\\n\"], [\"\\n  width: \", \"px;\\n  height: \", \"px;\\n  animation: \", \" 1.4s linear infinite;\\n\"])), function (_a) {\n    var $variant = _a.$variant;\n    return ($variant === 'sm' ? '16' : '40');\n}, function (_a) {\n    var $variant = _a.$variant;\n    return ($variant === 'sm' ? '16' : '40');\n}, KeyframesCircularRotate);\nexport var Circle = styled.circle(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  animation: \", \" 1.4s ease-in-out infinite;\\n  stroke-dasharray: 80px, 200px;\\n  stroke-dashoffset: 0px;\\n  stroke: \", \";\\n\"], [\"\\n  animation: \", \" 1.4s ease-in-out infinite;\\n  stroke-dasharray: 80px, 200px;\\n  stroke-dashoffset: 0px;\\n  stroke: \", \";\\n\"])), KeyframesCircularDash, function (_a) {\n    var color = _a.color;\n    return (color ? th.color(color) : th.color('blue2'));\n});\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4;\n//# sourceMappingURL=styles.js.map"],"names":["keyframes","__makeTemplateObject","styled","th"],"mappings":";;;;;;;;;;AAGA,IAAI,qBAAqB,GAAGA,gBAAS,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,2PAA2P,CAAC,EAAE,CAAC,2PAA2P,CAAC,CAAC,CAAC,CAAC,CAAC;AACnmB,IAAI,uBAAuB,GAAGD,gBAAS,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,mDAAmD,CAAC,EAAE,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3M,IAAC,GAAG,GAAGC,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,0BAA0B,CAAC,EAAE,CAAC,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,0BAA0B,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACrR,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAC7C,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAC7C,CAAC,EAAE,uBAAuB,EAAE;AAClB,IAAC,MAAM,GAAGC,uBAAM,CAAC,MAAM,CAAC,gBAAgB,KAAK,gBAAgB,GAAGD,0BAAoB,CAAC,CAAC,iBAAiB,EAAE,sGAAsG,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,EAAE,sGAAsG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,qBAAqB,EAAE,UAAU,EAAE,EAAE;AAC9Y,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;AACzB,IAAI,QAAQ,KAAK,GAAGE,WAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAGA,WAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;AACzD,CAAC,EAAE;AACH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Elements/Spinner/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nimport { keyframes } from 'styled-components';\nvar KeyframesCircularDash = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  0% {\\n    stroke-dasharray: 1px, 200px;\\n    stroke-dashoffset: 0px;\\n  }\\n\\n  50% {\\n    stroke-dasharray: 100px, 200px;\\n    stroke-dashoffset: -15px;\\n  }\\n\\n  100% {\\n    stroke-dasharray: 100px, 200px;\\n    stroke-dashoffset: -125px;\\n  }\\n\"], [\"\\n  0% {\\n    stroke-dasharray: 1px, 200px;\\n    stroke-dashoffset: 0px;\\n  }\\n\\n  50% {\\n    stroke-dasharray: 100px, 200px;\\n    stroke-dashoffset: -15px;\\n  }\\n\\n  100% {\\n    stroke-dasharray: 100px, 200px;\\n    stroke-dashoffset: -125px;\\n  }\\n\"])));\nvar KeyframesCircularRotate = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  100% {\\n    transform: rotate(360deg);\\n  }\\n\"], [\"\\n  100% {\\n    transform: rotate(360deg);\\n  }\\n\"])));\nexport var Svg = styled.svg(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  width: \", \"px;\\n  height: \", \"px;\\n  animation: \", \" 1.4s linear infinite;\\n\"], [\"\\n  width: \", \"px;\\n  height: \", \"px;\\n  animation: \", \" 1.4s linear infinite;\\n\"])), function (_a) {\n    var $variant = _a.$variant;\n    return ($variant === 'sm' ? '16' : '40');\n}, function (_a) {\n    var $variant = _a.$variant;\n    return ($variant === 'sm' ? '16' : '40');\n}, KeyframesCircularRotate);\nexport var Circle = styled.circle(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  animation: \", \" 1.4s ease-in-out infinite;\\n  stroke-dasharray: 80px, 200px;\\n  stroke-dashoffset: 0px;\\n  stroke: \", \";\\n\"], [\"\\n  animation: \", \" 1.4s ease-in-out infinite;\\n  stroke-dasharray: 80px, 200px;\\n  stroke-dashoffset: 0px;\\n  stroke: \", \";\\n\"])), KeyframesCircularDash, function (_a) {\n    var color = _a.color;\n    return (color ? th.color(color) : th.color('blue2'));\n});\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":";;;;AAGA,IAAI,qBAAqB,GAAG,SAAS,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,2PAA2P,CAAC,EAAE,CAAC,2PAA2P,CAAC,CAAC,CAAC,CAAC,CAAC;AACnmB,IAAI,uBAAuB,GAAG,SAAS,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,mDAAmD,CAAC,EAAE,CAAC,mDAAmD,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3M,IAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,0BAA0B,CAAC,EAAE,CAAC,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,0BAA0B,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE;AACrR,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAC7C,CAAC,EAAE,UAAU,EAAE,EAAE;AACjB,IAAI,IAAI,QAAQ,GAAG,EAAE,CAAC,QAAQ,CAAC;AAC/B,IAAI,QAAQ,QAAQ,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,EAAE;AAC7C,CAAC,EAAE,uBAAuB,EAAE;AAClB,IAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,iBAAiB,EAAE,sGAAsG,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,EAAE,sGAAsG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,qBAAqB,EAAE,UAAU,EAAE,EAAE;AAC9Y,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC;AACzB,IAAI,QAAQ,KAAK,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;AACzD,CAAC,EAAE;AACH,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}

package/ui/Elements/Tag/Tag.js

@@ -1,13 +1,5 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib = require('tslib');
-var styled = require('@xstyled/styled-components');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+import { __makeTemplateObject } from 'tslib';
+import styled, { th } from '@xstyled/styled-components';
 
 var fontSizeMap = {
     small: '14px',
@@ -26,14 +18,14 @@ var borderRadiusMap = {
 };
 var getTextColor = function (isNotSelected, textColor) {
     if (textColor) {
-        return styled.th.color(textColor);
+        return th.color(textColor);
     }
-    return isNotSelected ? styled.th.color('blue2') : 'white';
+    return isNotSelected ? th.color('blue2') : 'white';
 };
 var getBgColor = function (color) {
-    return color ? styled.th.color(color) : 'rgba(157, 163, 169, 0.2)';
+    return color ? th.color(color) : 'rgba(157, 163, 169, 0.2)';
 };
-var Tag = styled__default.default.div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  background-color: ", ";\n  margin-right: 10px;\n  color: ", ";\n  width: fit-content;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  text-align: center;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  & span {\n    &:first-letter {\n      text-transform: uppercase;\n    }\n  }\n}\n"], ["\n  background-color: ", ";\n  margin-right: 10px;\n  color: ", ";\n  width: fit-content;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  text-align: center;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  & span {\n    &:first-letter {\n      text-transform: uppercase;\n    }\n  }\n}\n"])), function (_a) {
+var Tag = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  margin-right: 10px;\n  color: ", ";\n  width: fit-content;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  text-align: center;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  & span {\n    &:first-letter {\n      text-transform: uppercase;\n    }\n  }\n}\n"], ["\n  background-color: ", ";\n  margin-right: 10px;\n  color: ", ";\n  width: fit-content;\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  text-align: center;\n  white-space: nowrap;\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n  ", ";\n\n  & span {\n    &:first-letter {\n      text-transform: uppercase;\n    }\n  }\n}\n"])), function (_a) {
     var color = _a.color;
     return getBgColor(color);
 }, function (_a) {
@@ -63,6 +55,5 @@ var Tag = styled__default.default.div(templateObject_1 || (templateObject_1 = ts
 });
 var templateObject_1;
 
-exports.Tag = Tag;
-exports.default = Tag;
+export { Tag, Tag as default };
 //# sourceMappingURL=Tag.js.map

package/ui/Elements/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../packages/ui/Elements/Tag/Tag.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nvar fontSizeMap = {\n    small: '14px',\n    medium: '16px',\n    big: '20px',\n};\nvar paddingMap = {\n    small: '2px 8px',\n    medium: '7px 10px',\n    big: '12px 12px',\n};\nvar borderRadiusMap = {\n    small: '6px',\n    medium: '20px',\n    big: '20px',\n};\nvar getTextColor = function (isNotSelected, textColor) {\n    if (textColor) {\n        return th.color(textColor);\n    }\n    return isNotSelected ? th.color('blue2') : 'white';\n};\nvar getBgColor = function (color) {\n    return color ? th.color(color) : 'rgba(157, 163, 169, 0.2)';\n};\nexport var Tag = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  background-color: \", \";\\n  margin-right: 10px;\\n  color: \", \";\\n  width: fit-content;\\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n  text-align: center;\\n  white-space: nowrap;\\n  display: flex;\\n  align-items: center;\\n  font-size: 14px;\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n\\n  & span {\\n    &:first-letter {\\n      text-transform: uppercase;\\n    }\\n  }\\n}\\n\"], [\"\\n  background-color: \", \";\\n  margin-right: 10px;\\n  color: \", \";\\n  width: fit-content;\\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n  text-align: center;\\n  white-space: nowrap;\\n  display: flex;\\n  align-items: center;\\n  font-size: 14px;\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n\\n  & span {\\n    &:first-letter {\\n      text-transform: uppercase;\\n    }\\n  }\\n}\\n\"])), function (_a) {\n    var color = _a.color;\n    return getBgColor(color);\n}, function (_a) {\n    var isNotSelected = _a.isNotSelected, textColor = _a.textColor;\n    return getTextColor(isNotSelected, textColor);\n}, function (_a) {\n    var size = _a.size;\n    return \"border-radius: \".concat(borderRadiusMap[size || 'medium']);\n}, function (_a) {\n    var size = _a.size;\n    return \"font-size: \".concat(fontSizeMap[size || 'medium']);\n}, function (_a) {\n    var size = _a.size;\n    return \"padding: \".concat(paddingMap[size || 'medium']);\n}, function (_a) {\n    var border = _a.border;\n    return border && 'border: 1px solid rgba(0, 0, 0, 0.65);';\n}, function (_a) {\n    var opacity = _a.opacity;\n    return opacity && 'opacity: 0.7';\n}, function (_a) {\n    var pointer = _a.pointer;\n    return pointer && 'cursor: pointer;';\n}, function (_a) {\n    var hover = _a.hover;\n    return hover && '&: hover { opacity: 0.7}';\n});\nexport default Tag;\nvar templateObject_1;\n//# sourceMappingURL=Tag.js.map"],"names":["th","styled","__makeTemplateObject"],"mappings":"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"}
+{"version":3,"file":"Tag.js","sources":["../../../../packages/ui/Elements/Tag/Tag.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nvar fontSizeMap = {\n    small: '14px',\n    medium: '16px',\n    big: '20px',\n};\nvar paddingMap = {\n    small: '2px 8px',\n    medium: '7px 10px',\n    big: '12px 12px',\n};\nvar borderRadiusMap = {\n    small: '6px',\n    medium: '20px',\n    big: '20px',\n};\nvar getTextColor = function (isNotSelected, textColor) {\n    if (textColor) {\n        return th.color(textColor);\n    }\n    return isNotSelected ? th.color('blue2') : 'white';\n};\nvar getBgColor = function (color) {\n    return color ? th.color(color) : 'rgba(157, 163, 169, 0.2)';\n};\nexport var Tag = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  background-color: \", \";\\n  margin-right: 10px;\\n  color: \", \";\\n  width: fit-content;\\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n  text-align: center;\\n  white-space: nowrap;\\n  display: flex;\\n  align-items: center;\\n  font-size: 14px;\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n\\n  & span {\\n    &:first-letter {\\n      text-transform: uppercase;\\n    }\\n  }\\n}\\n\"], [\"\\n  background-color: \", \";\\n  margin-right: 10px;\\n  color: \", \";\\n  width: fit-content;\\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n  text-align: center;\\n  white-space: nowrap;\\n  display: flex;\\n  align-items: center;\\n  font-size: 14px;\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n  \", \";\\n\\n  & span {\\n    &:first-letter {\\n      text-transform: uppercase;\\n    }\\n  }\\n}\\n\"])), function (_a) {\n    var color = _a.color;\n    return getBgColor(color);\n}, function (_a) {\n    var isNotSelected = _a.isNotSelected, textColor = _a.textColor;\n    return getTextColor(isNotSelected, textColor);\n}, function (_a) {\n    var size = _a.size;\n    return \"border-radius: \".concat(borderRadiusMap[size || 'medium']);\n}, function (_a) {\n    var size = _a.size;\n    return \"font-size: \".concat(fontSizeMap[size || 'medium']);\n}, function (_a) {\n    var size = _a.size;\n    return \"padding: \".concat(paddingMap[size || 'medium']);\n}, function (_a) {\n    var border = _a.border;\n    return border && 'border: 1px solid rgba(0, 0, 0, 0.65);';\n}, function (_a) {\n    var opacity = _a.opacity;\n    return opacity && 'opacity: 0.7';\n}, function (_a) {\n    var pointer = _a.pointer;\n    return pointer && 'cursor: pointer;';\n}, function (_a) {\n    var hover = _a.hover;\n    return hover && '&: hover { opacity: 0.7}';\n});\nexport default Tag;\nvar templateObject_1;\n//# sourceMappingURL=Tag.js.map"],"names":[],"mappings":"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"}

package/ui/Elements/Tag/palletes.js

@@ -1,5 +1,3 @@
-'use strict';
-
 /**
  * [string, string]: [background, text]
  */
@@ -11,5 +9,5 @@ var palletes = {
     tealTeal: { color: 'teal20', textColor: 'teal90' },
 };
 
-exports.palletes = palletes;
+export { palletes };
 //# sourceMappingURL=palletes.js.map

package/ui/Elements/Tag/palletes.js.map

@@ -1 +1 @@
-{"version":3,"file":"palletes.js","sources":["../../../../packages/ui/Elements/Tag/palletes.ts"],"sourcesContent":["/**\n * [string, string]: [background, text]\n */\nexport var palletes = {\n    greenWhite: { color: 'green60', textColor: 'white' },\n    blueBlue: { color: 'blue20', textColor: 'blue80' },\n    magentaWhite: { color: 'magenta60', textColor: 'white' },\n    magentaMagenta: { color: 'magenta20', textColor: 'magenta80' },\n    tealTeal: { color: 'teal20', textColor: 'teal90' },\n};\n//# sourceMappingURL=palletes.js.map"],"names":[],"mappings":";;AAAA;AACA;AACA;AACU,IAAC,QAAQ,GAAG;AACtB,IAAI,UAAU,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE;AACxD,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE;AACtD,IAAI,YAAY,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE;AAC5D,IAAI,cAAc,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE;AAClE,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE;AACtD;;;;"}
+{"version":3,"file":"palletes.js","sources":["../../../../packages/ui/Elements/Tag/palletes.ts"],"sourcesContent":["/**\n * [string, string]: [background, text]\n */\nexport var palletes = {\n    greenWhite: { color: 'green60', textColor: 'white' },\n    blueBlue: { color: 'blue20', textColor: 'blue80' },\n    magentaWhite: { color: 'magenta60', textColor: 'white' },\n    magentaMagenta: { color: 'magenta20', textColor: 'magenta80' },\n    tealTeal: { color: 'teal20', textColor: 'teal90' },\n};\n//# sourceMappingURL=palletes.js.map"],"names":[],"mappings":"AAAA;AACA;AACA;AACU,IAAC,QAAQ,GAAG;AACtB,IAAI,UAAU,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE;AACxD,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE;AACtD,IAAI,YAAY,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE;AAC5D,IAAI,cAAc,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE;AAClE,IAAI,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE;AACtD;;;;"}

package/ui/Elements/Text/Text.js

@@ -1,10 +1,8 @@
-'use strict';
+import { __assign } from 'tslib';
+import { jsx } from 'react/jsx-runtime';
+import { x } from '@xstyled/styled-components';
 
-var tslib = require('tslib');
-var jsxRuntime = require('react/jsx-runtime');
-var styled = require('@xstyled/styled-components');
+var Text = function (props) { return jsx(x.div, __assign({ as: "span" }, props)); };
 
-var Text = function (props) { return jsxRuntime.jsx(styled.x.div, tslib.__assign({ as: "span" }, props)); };
-
-module.exports = Text;
+export { Text as default };
 //# sourceMappingURL=Text.js.map