@mailstep/design-system 0.1.12 → 0.1.13

package/ui/Blocks/Modal/utils.js

@@ -1,3 +1,5 @@
+'use strict';
+
 var widthMap = {
     wide: '1450px',
     mediumLarge: '1200px',
@@ -10,5 +12,6 @@ var topSpaceMap = {
     medium: '15px',
 };
 
-export { topSpaceMap, widthMap };
+exports.topSpaceMap = topSpaceMap;
+exports.widthMap = widthMap;
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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/Tabs.js

@@ -1,24 +1,26 @@
-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';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var styles = require('./styles.js');
+var Text = require('../../Elements/Text/Text.js');
+var Icon = require('../../Elements/Icon/Icon.js');
+require('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 () {
+    var handleOnClick = React.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 }) }))] }) }));
+    return (jsxRuntime.jsx(styles.StyledTabWrapper, { children: jsxRuntime.jsxs(styles.Tab, { onClick: handleOnClick, active: isActive, children: [icon && (jsxRuntime.jsx(styles.StyledImageBox, { children: jsxRuntime.jsx(Icon.default, { icon: icon }) })), jsxRuntime.jsx(Text.default, { children: label }), isActive && badgeCount && badgeCount > 0 && (jsxRuntime.jsx(styles.RoundedWrap, { children: jsxRuntime.jsx(Text.default, { variant: "medium", children: badgeCount }) }))] }) }));
 };
 var Tabs = function (_a) {
     var tabsDefinition = _a.tabsDefinition, activeTab = _a.activeTab, onTabSwitch = _a.onTabSwitch;
-    return (jsx(TabPanel, { children: tabsDefinition.map(function (item, index) {
-            return jsx(Tab, { value: index, tabDefinition: item, isActive: index === activeTab, onTabSwitch: onTabSwitch }, index);
+    return (jsxRuntime.jsx(styles.TabPanel, { children: tabsDefinition.map(function (item, index) {
+            return jsxRuntime.jsx(Tab, { value: index, tabDefinition: item, isActive: index === activeTab, onTabSwitch: onTabSwitch }, index);
         }) }));
 };
 
-export { Tabs };
+exports.Tabs = Tabs;
 //# sourceMappingURL=Tabs.js.map

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

@@ -1 +1 @@
-{"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;\n    return (_jsx(TabPanel, { 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,CAAC;AACnG,IAAI,QAAQA,GAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AACjF,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;;;;"}
+{"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;\n    return (_jsx(TabPanel, { 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":["useCallback","_jsx","StyledTabWrapper","_jsxs","StyledTab","StyledImageBox","Icon","Text","RoundedWrap","TabPanel"],"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,GAAGA,iBAAW,CAAC,YAAY;AAChD,QAAQ,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3B,KAAK,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;AAC7B,IAAI,QAAQC,cAAI,CAACC,uBAAgB,EAAE,EAAE,QAAQ,EAAEC,eAAK,CAACC,UAAS,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,IAAI,KAAKH,cAAI,CAACI,qBAAc,EAAE,EAAE,QAAQ,EAAEJ,cAAI,CAACK,YAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,EAAEL,cAAI,CAACM,YAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,IAAI,UAAU,IAAI,UAAU,GAAG,CAAC,KAAKN,cAAI,CAACO,kBAAW,EAAE,EAAE,QAAQ,EAAEP,cAAI,CAACM,YAAI,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,CAAC;AACnG,IAAI,QAAQN,cAAI,CAACQ,eAAQ,EAAE,EAAE,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE;AACjF,YAAY,OAAOR,cAAI,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 +1,16 @@
-import { useState, useCallback } from 'react';
+'use strict';
+
+var React = require('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) {
+    var _a = React.useState(initialValue), activeTab = _a[0], setActiveTab = _a[1];
+    var onTabSwitch = React.useCallback(function (value) {
         setActiveTab(value);
     }, []);
     return { activeTab: activeTab, onTabSwitch: onTabSwitch };
 };
 
-export { useTabs };
+exports.useTabs = useTabs;
 //# sourceMappingURL=useTabs.js.map

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

@@ -1 +1 @@
-{"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;;;;"}
+{"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":["useState","useCallback"],"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,GAAGA,cAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,YAAY,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7E,IAAI,IAAI,WAAW,GAAGC,iBAAW,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.js

@@ -1,7 +1,12 @@
-import { Tabs } from './Tabs.js';
-import 'react';
+'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
 
+var Tabs = require('./Tabs.js');
+require('react');
 
-export { Tabs, Tabs as default };
+
+
+exports.Tabs = Tabs.Tabs;
+exports.default = Tabs.Tabs;
 //# sourceMappingURL=index.js.map

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

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

package/ui/Blocks/Tabs/styles.js

@@ -1,16 +1,26 @@
-import { __makeTemplateObject } from 'tslib';
-import styled, { x, th, css } from '@xstyled/styled-components';
+'use strict';
 
-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  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  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 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);
+
+var StyledImageBox = styled__default.default(styled.x.div)(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  margin-right: 1em;\n"], ["\n  margin-right: 1em;\n"])));
+var StyledTabWrapper = styled__default.default.div(templateObject_2 || (templateObject_2 = tslib.__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__default.default.div(templateObject_3 || (templateObject_3 = tslib.__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"])), styled.th.color('lightGray7'));
+var activeTab = styled.css(templateObject_4 || (templateObject_4 = tslib.__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"])), styled.th.color('red1'), styled.th.color('red1'), styled.th.color('typoPrimary'));
+var Tab = styled__default.default.div(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n  display: inline-flex;\n  align-items: 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  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"])), styled.th.color('gray'), styled.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  &: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  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 2px;\n  }\n"])), th.color('bgLightGray1'));
+var TabPanel = styled__default.default.div(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n  min-height: 3rem;\n  display: flex;\n  align-items: flex-end;\n  overflow: auto;\n  width: fit-content;\n  position: relative;\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  &:after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background-color: ", ";\n    height: 2px;\n  }\n"])), styled.th.color('bgLightGray1'));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
-export { RoundedWrap, StyledImageBox, StyledTabWrapper, Tab, TabPanel };
+exports.RoundedWrap = RoundedWrap;
+exports.StyledImageBox = StyledImageBox;
+exports.StyledTabWrapper = StyledTabWrapper;
+exports.Tab = Tab;
+exports.TabPanel = TabPanel;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"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  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  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  &: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  &:after {\\n    content: '';\\n    position: absolute;\\n    bottom: 0;\\n    left: 0;\\n    right: 0;\\n    background-color: \", \";\\n    height: 2px;\\n  }\\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,4HAA4H,EAAE,4PAA4P,EAAE,6BAA6B,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC,4HAA4H,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;AACngC,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,iQAAiQ,EAAE,4BAA4B,CAAC,EAAE,CAAC,iQAAiQ,EAAE,4BAA4B,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;AAChsB,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
+{"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  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  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  &: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  &:after {\\n    content: '';\\n    position: absolute;\\n    bottom: 0;\\n    left: 0;\\n    right: 0;\\n    background-color: \", \";\\n    height: 2px;\\n  }\\n\"])), th.color('bgLightGray1'));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;\n//# sourceMappingURL=styles.js.map"],"names":["styled","x","__makeTemplateObject","th","css"],"mappings":";;;;;;;;;AAEU,IAAC,cAAc,GAAGA,uBAAM,CAACC,QAAC,CAAC,GAAG,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,0BAA0B,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE;AAC3J,IAAC,gBAAgB,GAAGF,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,wEAAwE,CAAC,EAAE,CAAC,wEAAwE,CAAC,CAAC,CAAC,EAAE;AACtP,IAAC,WAAW,GAAGF,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,0HAA0H,EAAE,wEAAwE,CAAC,EAAE,CAAC,0HAA0H,EAAE,wEAAwE,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE;AAC3gB,IAAI,SAAS,GAAGC,UAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGF,0BAAoB,CAAC,CAAC,aAAa,EAAE,uJAAuJ,EAAE,+GAA+G,EAAE,UAAU,CAAC,EAAE,CAAC,aAAa,EAAE,uJAAuJ,EAAE,+GAA+G,EAAE,UAAU,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAEA,SAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAEA,SAAE,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;AACptB,IAAC,GAAG,GAAGH,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,4HAA4H,EAAE,4PAA4P,EAAE,6BAA6B,EAAE,aAAa,EAAE,IAAI,CAAC,EAAE,CAAC,4HAA4H,EAAE,4PAA4P,EAAE,6BAA6B,EAAE,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAEA,SAAE,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE;AACngC,IAAI,IAAI,MAAM,GAAG,EAAE,CAAC,MAAM,CAAC;AAC3B,IAAI,QAAQ,MAAM,GAAG,SAAS,GAAG,EAAE,EAAE;AACrC,CAAC,EAAE;AACO,IAAC,QAAQ,GAAGH,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGE,0BAAoB,CAAC,CAAC,iQAAiQ,EAAE,4BAA4B,CAAC,EAAE,CAAC,iQAAiQ,EAAE,4BAA4B,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;AAChsB,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;;;;;"}

package/ui/Elements/Alert/Alert.js

@@ -1,8 +1,12 @@
-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';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var styled = require('@xstyled/styled-components');
+var Icon = require('../Icon/Icon.js');
+require('tslib');
+var styles = require('./styles.js');
 
 var alertBackgroundColor = {
     success: 'green10',
@@ -24,12 +28,12 @@ var alertIconMap = {
 };
 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 theme = styled.useTheme();
+    var bgColor = styled.th.color(intent ? alertBackgroundColor[intent] : 'transparent')({ theme: theme });
+    var colorFill = styled.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 })] })] }));
+    return (jsxRuntime.jsxs(styles.StyledAlert, { "$bgColor": bgColor, "$colorFill": colorFill, "$inline": inline, onClick: closeAnywhere ? onClose : undefined, children: [jsxRuntime.jsxs(styled.x.div, { display: "flex", alignItems: "center", children: [inline && jsxRuntime.jsx(styles.VerticalSeparator, { "$colorFill": colorFill }), icon && (jsxRuntime.jsx(styles.IconWrap, { children: jsxRuntime.jsx(Icon.default, { icon: icon, size: "20px", fill: colorFill }) })), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(styles.Title, { children: title }), jsxRuntime.jsxs(styles.Text, { children: [" ", text] })] })] }), jsxRuntime.jsxs(styled.x.div, { display: "flex", alignItems: "center", children: [href && actionType === 'link' && (jsxRuntime.jsx(styles.LinkWrapper, { "$colorFill": colorFill, to: href, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Link' })), onClick && actionType === 'button' && (jsxRuntime.jsx(styles.ActionButton, { "$colorFill": colorFill, onClick: onClick, children: actionLabel !== null && actionLabel !== void 0 ? actionLabel : 'Submit' })), onClose && !closeAnywhere && (jsxRuntime.jsx(styles.CloseBtn, { onClick: onClose, children: jsxRuntime.jsx(Icon.default, { icon: "close", size: "15px", fill: "gray" }) })), desc && jsxRuntime.jsx(styles.Description, { children: desc })] })] }));
 };
 
-export { Alert as default };
+exports.default = Alert;
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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":["useTheme","th","_jsxs","StyledAlert","x","_jsx","VerticalSeparator","IconWrap","Icon","Title","Text","LinkWrapper","ActionButton","CloseBtn","Description"],"mappings":"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"}

package/ui/Elements/Alert/index.js

@@ -1,6 +1,11 @@
-import Alert from './Alert.js';
+'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
 
+var Alert = require('./Alert.js');
 
-export { Alert, Alert as default };
+
+
+exports.Alert = Alert.default;
+exports.default = Alert.default;
 //# sourceMappingURL=index.js.map

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

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

package/ui/Elements/Alert/styles.js

@@ -1,33 +1,47 @@
-import { __makeTemplateObject } from 'tslib';
-import Link from '../Link/Link.js';
-import { x, th } from '@xstyled/styled-components';
-import styled from 'styled-components';
+'use strict';
 
-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 tslib = require('tslib');
+var Link = require('../Link/Link.js');
+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);
+
+var StyledAlert = styled__default.default(styled$1.x.div)(templateObject_1 || (templateObject_1 = tslib.__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) {
+}, styled$1.th('colors.textPrimary'), styled$1.th('fonts.primary'));
+var VerticalSeparator = styled__default.default(styled$1.x.div)(templateObject_2 || (templateObject_2 = tslib.__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 IconWrap = styled__default.default(styled$1.x.div)(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  margin: 0 13px 0 9px;\n"], ["\n  margin: 0 13px 0 9px;\n"])));
+var Title = styled__default.default.span(templateObject_4 || (templateObject_4 = tslib.__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__default.default.span(templateObject_5 || (templateObject_5 = tslib.__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__default.default(Link.default)(templateObject_6 || (templateObject_6 = tslib.__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 ActionButton = styled__default.default.button(templateObject_7 || (templateObject_7 = tslib.__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 CloseBtn = styled__default.default.button(templateObject_8 || (templateObject_8 = tslib.__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__default.default.div(templateObject_9 || (templateObject_9 = tslib.__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"])), styled$1.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 };
+exports.ActionButton = ActionButton;
+exports.CloseBtn = CloseBtn;
+exports.Description = Description;
+exports.IconWrap = IconWrap;
+exports.LinkWrapper = LinkWrapper;
+exports.StyledAlert = StyledAlert;
+exports.Text = Text;
+exports.Title = Title;
+exports.VerticalSeparator = VerticalSeparator;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"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":["styled","x","__makeTemplateObject","th","Link"],"mappings":"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"}

package/ui/Elements/Avatar/Avatar.js

@@ -1,16 +1,22 @@
-import { __makeTemplateObject, __rest, __assign } from 'tslib';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import styled, { th } from '@xstyled/styled-components';
-import '../Icon/Icon.js';
-import { Profile } from '../Icon/icons/Profile.js';
+'use strict';
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var styled = require('@xstyled/styled-components');
+require('../Icon/Icon.js');
+var Profile = require('../Icon/icons/Profile.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
 var defaultDimension = 100;
-var StyledAvatarWrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    height: ", ";\n    width: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  svg {\n    height: ", ";\n    width: ", ";\n  }\n  :hover {\n    background-color: ", ";\n  }\n"])), function (props) { return (props.$colorFront ? th.color(props.$colorFront) : 'auto'); }, function (props) { return (props.$colorBack ? th.color(props.$colorBack) : 'auto'); }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size / 2, "px"); }, function (props) { return "".concat(props.size / 2, "px"); }, function (props) { return (props.$hoverColorBack ? th.color(props.$hoverColorBack) : 'auto'); });
+var StyledAvatarWrap = styled__default.default.div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  :hover {\n    background-color: ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  overflow: hidden;\n  color: ", ";\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  :hover {\n    background-color: ", ";\n  }\n"])), function (props) { return (props.$colorFront ? styled.th.color(props.$colorFront) : 'auto'); }, function (props) { return (props.$colorBack ? styled.th.color(props.$colorBack) : 'auto'); }, function (props) { return "".concat(props.size, "px"); }, function (props) { return "".concat(props.size, "px"); }, function (props) { return (props.$hoverColorBack ? styled.th.color(props.$hoverColorBack) : 'auto'); });
 var Avatar = function (_a) {
-    var src = _a.src, _b = _a.size, size = _b === void 0 ? defaultDimension : _b, colorFront = _a.colorFront, colorBack = _a.colorBack, className = _a.className, hoverColorBack = _a.hoverColorBack, rest = __rest(_a, ["src", "size", "colorFront", "colorBack", "className", "hoverColorBack"]);
-    return (jsx(Fragment, { children: jsx(StyledAvatarWrap, __assign({ size: size, className: className, "$colorBack": colorBack || 'neutral20', "$colorFront": colorFront || 'blue2', "$hoverColorBack": hoverColorBack }, rest, { children: src ? jsx("img", { src: src, width: size, height: size }) : jsx(Profile, {}) })) }));
+    var src = _a.src, _b = _a.size, size = _b === void 0 ? defaultDimension : _b, colorFront = _a.colorFront, colorBack = _a.colorBack, className = _a.className, hoverColorBack = _a.hoverColorBack, rest = tslib.__rest(_a, ["src", "size", "colorFront", "colorBack", "className", "hoverColorBack"]);
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(StyledAvatarWrap, tslib.__assign({ size: size || 34, className: className, "$colorBack": colorBack || 'neutral20', "$colorFront": colorFront || 'blue2', "$hoverColorBack": hoverColorBack || 'lightGray7' }, rest, { children: src ? jsxRuntime.jsx("img", { src: src, width: size, height: size }) : jsxRuntime.jsx(Profile.Profile, {}) })) }));
 };
 var templateObject_1;
 
-export { Avatar };
+exports.Avatar = Avatar;
 //# sourceMappingURL=Avatar.js.map

package/ui/Elements/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../packages/ui/Elements/Avatar/Avatar.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport styled from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Profile } from '../Icon';\nvar defaultDimension = 100;\nvar StyledAvatarWrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  color: \", \";\\n  background-color: \", \";\\n  width: \", \";\\n  height: \", \";\\n  svg {\\n    height: \", \";\\n    width: \", \";\\n  }\\n  :hover {\\n    background-color: \", \";\\n  }\\n\"], [\"\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  color: \", \";\\n  background-color: \", \";\\n  width: \", \";\\n  height: \", \";\\n  svg {\\n    height: \", \";\\n    width: \", \";\\n  }\\n  :hover {\\n    background-color: \", \";\\n  }\\n\"])), function (props) { return (props.$colorFront ? th.color(props.$colorFront) : 'auto'); }, function (props) { return (props.$colorBack ? th.color(props.$colorBack) : 'auto'); }, function (props) { return \"\".concat(props.size, \"px\"); }, function (props) { return \"\".concat(props.size, \"px\"); }, function (props) { return \"\".concat(props.size / 2, \"px\"); }, function (props) { return \"\".concat(props.size / 2, \"px\"); }, function (props) { return (props.$hoverColorBack ? th.color(props.$hoverColorBack) : 'auto'); });\nexport var Avatar = function (_a) {\n    var src = _a.src, _b = _a.size, size = _b === void 0 ? defaultDimension : _b, colorFront = _a.colorFront, colorBack = _a.colorBack, className = _a.className, hoverColorBack = _a.hoverColorBack, rest = __rest(_a, [\"src\", \"size\", \"colorFront\", \"colorBack\", \"className\", \"hoverColorBack\"]);\n    return (_jsx(_Fragment, { children: _jsx(StyledAvatarWrap, __assign({ size: size, className: className, \"$colorBack\": colorBack || 'neutral20', \"$colorFront\": colorFront || 'blue2', \"$hoverColorBack\": hoverColorBack }, rest, { children: src ? _jsx(\"img\", { src: src, width: size, height: size }) : _jsx(Profile, {}) })) }));\n};\nvar templateObject_1;\n//# sourceMappingURL=Avatar.js.map"],"names":["_jsx","_Fragment"],"mappings":";;;;;;AAKA,IAAI,gBAAgB,GAAG,GAAG,CAAC;AAC3B,IAAI,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,+HAA+H,EAAE,yBAAyB,EAAE,cAAc,EAAE,eAAe,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,4CAA4C,EAAE,UAAU,CAAC,EAAE,CAAC,+HAA+H,EAAE,yBAAyB,EAAE,cAAc,EAAE,eAAe,EAAE,0BAA0B,EAAE,gBAAgB,EAAE,4CAA4C,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,eAAe,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,CAAC;AACtqC,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,gBAAgB,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,IAAI,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACnS,IAAI,QAAQA,GAAI,CAACC,QAAS,EAAE,EAAE,QAAQ,EAAED,GAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,IAAI,WAAW,EAAE,aAAa,EAAE,UAAU,IAAI,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAGA,GAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAAGA,GAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACxU,EAAE;AACF,IAAI,gBAAgB;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../packages/ui/Elements/Avatar/Avatar.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport styled from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Profile } from '../Icon';\nvar defaultDimension = 100;\nvar StyledAvatarWrap = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  color: \", \";\\n  background-color: \", \";\\n  width: \", \";\\n  height: \", \";\\n  :hover {\\n    background-color: \", \";\\n  }\\n\"], [\"\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  border-radius: 50%;\\n  overflow: hidden;\\n  color: \", \";\\n  background-color: \", \";\\n  width: \", \";\\n  height: \", \";\\n  :hover {\\n    background-color: \", \";\\n  }\\n\"])), function (props) { return (props.$colorFront ? th.color(props.$colorFront) : 'auto'); }, function (props) { return (props.$colorBack ? th.color(props.$colorBack) : 'auto'); }, function (props) { return \"\".concat(props.size, \"px\"); }, function (props) { return \"\".concat(props.size, \"px\"); }, function (props) { return (props.$hoverColorBack ? th.color(props.$hoverColorBack) : 'auto'); });\nexport var Avatar = function (_a) {\n    var src = _a.src, _b = _a.size, size = _b === void 0 ? defaultDimension : _b, colorFront = _a.colorFront, colorBack = _a.colorBack, className = _a.className, hoverColorBack = _a.hoverColorBack, rest = __rest(_a, [\"src\", \"size\", \"colorFront\", \"colorBack\", \"className\", \"hoverColorBack\"]);\n    return (_jsx(_Fragment, { children: _jsx(StyledAvatarWrap, __assign({ size: size || 34, className: className, \"$colorBack\": colorBack || 'neutral20', \"$colorFront\": colorFront || 'blue2', \"$hoverColorBack\": hoverColorBack || 'lightGray7' }, rest, { children: src ? _jsx(\"img\", { src: src, width: size, height: size }) : _jsx(Profile, {}) })) }));\n};\nvar templateObject_1;\n//# sourceMappingURL=Avatar.js.map"],"names":["styled","__makeTemplateObject","th","__rest","_jsx","_Fragment","__assign","Profile"],"mappings":";;;;;;;;;;;;AAKA,IAAI,gBAAgB,GAAG,GAAG,CAAC;AAC3B,IAAI,gBAAgB,GAAGA,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,+HAA+H,EAAE,yBAAyB,EAAE,cAAc,EAAE,eAAe,EAAE,uCAAuC,EAAE,UAAU,CAAC,EAAE,CAAC,+HAA+H,EAAE,yBAAyB,EAAE,cAAc,EAAE,eAAe,EAAE,uCAAuC,EAAE,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,WAAW,GAAGC,SAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,UAAU,GAAGA,SAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,MAAM,EAAE,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,UAAU,KAAK,EAAE,EAAE,QAAQ,KAAK,CAAC,eAAe,GAAGA,SAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,MAAM,EAAE,EAAE,CAAC,CAAC;AACp8B,IAAC,MAAM,GAAG,UAAU,EAAE,EAAE;AAClC,IAAI,IAAI,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,KAAK,KAAK,CAAC,GAAG,gBAAgB,GAAG,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,EAAE,CAAC,SAAS,EAAE,cAAc,GAAG,EAAE,CAAC,cAAc,EAAE,IAAI,GAAGC,YAAM,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACnS,IAAI,QAAQC,cAAI,CAACC,mBAAS,EAAE,EAAE,QAAQ,EAAED,cAAI,CAAC,gBAAgB,EAAEE,cAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,IAAI,WAAW,EAAE,aAAa,EAAE,UAAU,IAAI,OAAO,EAAE,iBAAiB,EAAE,cAAc,IAAI,YAAY,EAAE,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,GAAG,GAAGF,cAAI,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAAGA,cAAI,CAACG,eAAO,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AAC9V,EAAE;AACF,IAAI,gBAAgB;;;;"}

package/ui/Elements/Avatar/index.js

@@ -1,6 +1,11 @@
-import { Avatar } from './Avatar.js';
+'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
 
+var Avatar = require('./Avatar.js');
 
-export { Avatar, Avatar as default };
+
+
+exports.Avatar = Avatar.Avatar;
+exports.default = Avatar.Avatar;
 //# sourceMappingURL=index.js.map

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

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

package/ui/Elements/Badge/Badge.js

@@ -1,8 +1,16 @@
-import { __makeTemplateObject } from 'tslib';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import styled, { th, css, useTheme } from '@xstyled/styled-components';
+'use strict';
 
-var Circle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"])), function (_a) {
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 Circle = styled__default.default.div(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  color: white;\n  background-color: ", ";\n  border-radius: 50%;\n  width: ", ";\n  height: ", ";\n\n  .label {\n    font-family: ", ";\n    font-weight: 600;\n    vertical-align: middle;\n    text-align: center;\n    font-size: ", ";\n  }\n\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(", ");\n"])), function (_a) {
     var color = _a.color;
     return color;
 }, function (_a) {
@@ -11,29 +19,29 @@ var Circle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateOb
 }, function (_a) {
     var size = _a.size;
     return size;
-}, th('fonts.primary'), function (_a) {
+}, styled.th('fonts.primary'), function (_a) {
     var fontSize = _a.fontSize;
     return "".concat(fontSize, "px");
 }, function (_a) {
     var topPosition = _a.topPosition;
     return (topPosition ? '75%, -75%' : '50%, -50%');
 });
-var RelativeWrap = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  ", ";\n"], ["\n  position: relative;\n  ", ";\n"])), function (_a) {
+var RelativeWrap = styled__default.default.div(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  position: relative;\n  ", ";\n"], ["\n  position: relative;\n  ", ";\n"])), function (_a) {
     var width = _a.width;
     return width
-        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), width) : '';
+        ? styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n          width: ", ";\n        "], ["\n          width: ", ";\n        "])), width) : '';
 });
 var Badge = function (_a) {
     var children = _a.children, _b = _a.color, color = _b === void 0 ? 'red2' : _b, _c = _a.size, size = _c === void 0 ? 6 : _c, _d = _a.fontSize, fontSize = _d === void 0 ? 10 : _d, label = _a.label, childWidth = _a.childWidth, topPosition = _a.topPosition;
-    var theme = useTheme();
-    var themeColor = th.color(color)({ theme: theme });
-    var themeSize = th.fontSize(size)({ theme: theme });
+    var theme = styled.useTheme();
+    var themeColor = styled.th.color(color)({ theme: theme });
+    var themeSize = styled.th.fontSize(size)({ theme: theme });
     if (!label || (typeof label === 'number' && label <= 0)) {
-        return jsx(Fragment, { children: children });
+        return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
     }
-    return (jsxs(RelativeWrap, { width: childWidth, children: [jsx(Circle, { color: themeColor, size: themeSize, topPosition: topPosition, fontSize: fontSize, children: jsx("div", { className: "label", children: label }) }), children] }));
+    return (jsxRuntime.jsxs(RelativeWrap, { width: childWidth, children: [jsxRuntime.jsx(Circle, { color: themeColor, size: themeSize, topPosition: topPosition, fontSize: fontSize, children: jsxRuntime.jsx("div", { className: "label", children: label }) }), children] }));
 };
 var templateObject_1, templateObject_2, templateObject_3;
 
-export { Badge as default };
+exports.default = Badge;
 //# sourceMappingURL=Badge.js.map