@mailstep/design-system 0.1.12 → 0.1.13

package/ui/Elements/SpaceAround/SpaceAround.js

@@ -1,14 +1,22 @@
-import { __makeTemplateObject, __rest, __assign } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import styled, { x, css, useTheme, th } from '@xstyled/styled-components';
+'use strict';
 
-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) {
+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 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 $marginLeft = _a.$marginLeft, $marginRight = _a.$marginRight;
     return "calc(100% - ".concat($marginLeft || '0px', " - ").concat($marginRight || '0px', ")");
 }, function (_a) {
     var $spaceAround = _a.$spaceAround;
     return $spaceAround
-        ? 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'
+        ? 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'
             ? 1
             : $spaceAround.marginRight, $spaceAround === true || typeof ($spaceAround === null || $spaceAround === void 0 ? void 0 : $spaceAround.marginBottom) === 'undefined'
             ? 2
@@ -16,16 +24,16 @@ var Wrapper = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTempla
 }, function (_a) {
     var $spaceBetween = _a.$spaceBetween;
     return $spaceBetween
-        ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          display: flex;\n          justify-content: space-between;\n        "], ["\n          display: flex;\n          justify-content: space-between;\n        "]))) : '';
+        ? 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        "]))) : '';
 });
 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 = __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 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 templateObject_1, templateObject_2, templateObject_3;
 
-export { SpaceAroundWrap as default };
+exports.default = SpaceAroundWrap;
 //# 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":["_jsx"],"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":["styled","x","__makeTemplateObject","css","__rest","useTheme","th","_jsx","__assign"],"mappings":"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"}

package/ui/Elements/SpaceAround/index.js

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

package/ui/Elements/SpaceAround/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/Spinner/Spinner.js

@@ -1,5 +1,9 @@
-import { jsx } from 'react/jsx-runtime';
-import { Svg, Circle } from './styles.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('./styles.js');
 
 var appearanceToFontColorMap = {
     error: 'white',
@@ -14,8 +18,10 @@ 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 (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 }) }));
+    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 }) }));
 };
 
-export { Spinner, appearanceToFontColorMap, Spinner as default };
+exports.Spinner = Spinner;
+exports.appearanceToFontColorMap = appearanceToFontColorMap;
+exports.default = Spinner;
 //# 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"],"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;;;;"}
+{"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;;;;;;"}

package/ui/Elements/Spinner/index.js

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

package/ui/Elements/Spinner/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/Spinner/styles.js

@@ -1,21 +1,28 @@
-import { __makeTemplateObject } from 'tslib';
-import styled, { th } from '@xstyled/styled-components';
-import { keyframes } from 'styled-components';
+'use strict';
 
-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 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 $variant = _a.$variant;
     return ($variant === 'sm' ? '16' : '40');
 }, function (_a) {
     var $variant = _a.$variant;
     return ($variant === 'sm' ? '16' : '40');
 }, KeyframesCircularRotate);
-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 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 color = _a.color;
-    return (color ? th.color(color) : th.color('blue2'));
+    return (color ? styled$1.th.color(color) : styled$1.th.color('blue2'));
 });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
-export { Circle, Svg };
+exports.Circle = Circle;
+exports.Svg = 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":[],"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;;;;"}
+{"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;;;;;"}

package/ui/Elements/Tag/Tag.js

@@ -1,5 +1,13 @@
-import { __makeTemplateObject } from 'tslib';
-import styled, { th } from '@xstyled/styled-components';
+'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);
 
 var fontSizeMap = {
     small: '14px',
@@ -18,14 +26,14 @@ var borderRadiusMap = {
 };
 var getTextColor = function (isNotSelected, textColor) {
     if (textColor) {
-        return th.color(textColor);
+        return styled.th.color(textColor);
     }
-    return isNotSelected ? th.color('blue2') : 'white';
+    return isNotSelected ? styled.th.color('blue2') : 'white';
 };
 var getBgColor = function (color) {
-    return color ? th.color(color) : 'rgba(157, 163, 169, 0.2)';
+    return color ? styled.th.color(color) : 'rgba(157, 163, 169, 0.2)';
 };
-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 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 color = _a.color;
     return getBgColor(color);
 }, function (_a) {
@@ -55,5 +63,6 @@ var Tag = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObjec
 });
 var templateObject_1;
 
-export { Tag, Tag as default };
+exports.Tag = Tag;
+exports.default = Tag;
 //# 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":[],"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":["th","styled","__makeTemplateObject"],"mappings":"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"}

package/ui/Elements/Tag/index.js

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

package/ui/Elements/Tag/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/Tag/palletes.js

@@ -1,3 +1,5 @@
+'use strict';
+
 /**
  * [string, string]: [background, text]
  */
@@ -9,5 +11,5 @@ var palletes = {
     tealTeal: { color: 'teal20', textColor: 'teal90' },
 };
 
-export { palletes };
+exports.palletes = 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,8 +1,12 @@
-import { __assign } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { x } from '@xstyled/styled-components';
+'use strict';
 
-var Text = function (props) { return jsx(x.div, __assign({ as: "span" }, props)); };
+Object.defineProperty(exports, '__esModule', { value: true });
 
-export { Text as default };
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var styled = require('@xstyled/styled-components');
+
+var Text = function (props) { return jsxRuntime.jsx(styled.x.div, tslib.__assign({ as: "span" }, props)); };
+
+exports.default = Text;
 //# sourceMappingURL=Text.js.map

package/ui/Elements/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../packages/ui/Elements/Text/Text.tsx"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { x } from '@xstyled/styled-components';\nvar Text = function (props) { return _jsx(x.div, __assign({ as: \"span\" }, props)); };\nexport default Text;\n//# sourceMappingURL=Text.js.map"],"names":["_jsx"],"mappings":";;;;AAGG,IAAC,IAAI,GAAG,UAAU,KAAK,EAAE,EAAE,OAAOA,GAAI,CAAC,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Text.js","sources":["../../../../packages/ui/Elements/Text/Text.tsx"],"sourcesContent":["import { __assign } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { x } from '@xstyled/styled-components';\nvar Text = function (props) { return _jsx(x.div, __assign({ as: \"span\" }, props)); };\nexport default Text;\n//# sourceMappingURL=Text.js.map"],"names":["_jsx","x","__assign"],"mappings":";;;;;;;;AAGG,IAAC,IAAI,GAAG,UAAU,KAAK,EAAE,EAAE,OAAOA,cAAI,CAACC,QAAC,CAAC,GAAG,EAAEC,cAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;;;;"}

package/ui/Elements/Toast/Toast.js

@@ -1,7 +1,15 @@
-import { __makeTemplateObject } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled, { th } from '@xstyled/styled-components';
-import Icon from '../Icon/Icon.js';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var styled = require('@xstyled/styled-components');
+var Icon = require('../Icon/Icon.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
 var toastTitleMap = {
     info: 'Info',
@@ -9,15 +17,15 @@ var toastTitleMap = {
     error: 'Error',
     warning: 'Warning',
 };
-var Title = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"])), th('colors.blue2'));
-var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"], ["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"])), th('colors.gray1'));
-var ContentWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
-var CloseWrapper = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
+var Title = styled__default.default.span(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"], ["\n  display: block;\n  margin-bottom: 5px;\n  line-height: 18px;\n  font-weight: 700;\n  color: ", ";\n"])), styled.th('colors.blue2'));
+var Text = styled__default.default.span(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"], ["\n  display: block;\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: ", ";\n"])), styled.th('colors.gray1'));
+var ContentWrapper = styled__default.default.div(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
+var CloseWrapper = styled__default.default.span(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
 var Toast = function (_a) {
     var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type;
-    return (jsxs(ContentWrapper, { children: [jsxs("div", { children: [jsx(Title, { children: title || toastTitleMap[type] }), text && jsx(Text, { children: text })] }), jsx(CloseWrapper, { children: jsx("div", { onClick: closeToast, children: jsx(Icon, { icon: "close" }) }) })] }));
+    return (jsxRuntime.jsxs(ContentWrapper, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Title, { children: title || toastTitleMap[type] }), text && jsxRuntime.jsx(Text, { children: text })] }), jsxRuntime.jsx(CloseWrapper, { children: jsxRuntime.jsx("div", { onClick: closeToast, children: jsxRuntime.jsx(Icon.default, { icon: "close" }) }) })] }));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
-export { Toast as default };
+exports.default = Toast;
 //# sourceMappingURL=Toast.js.map

package/ui/Elements/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../packages/ui/Elements/Toast/Toast.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nvar toastTitleMap = {\n    info: 'Info',\n    success: 'Success',\n    error: 'Error',\n    warning: 'Warning',\n};\nvar Title = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  display: block;\\n  margin-bottom: 5px;\\n  line-height: 18px;\\n  font-weight: 700;\\n  color: \", \";\\n\"], [\"\\n  display: block;\\n  margin-bottom: 5px;\\n  line-height: 18px;\\n  font-weight: 700;\\n  color: \", \";\\n\"])), th('colors.blue2'));\nvar Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  display: block;\\n  font-size: 12px;\\n  line-height: 18px;\\n  font-weight: 500;\\n  color: \", \";\\n\"], [\"\\n  display: block;\\n  font-size: 12px;\\n  line-height: 18px;\\n  font-weight: 500;\\n  color: \", \";\\n\"])), th('colors.gray1'));\nvar ContentWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  display: flex;\\n  justify-content: space-between;\\n\"], [\"\\n  display: flex;\\n  justify-content: space-between;\\n\"])));\nvar CloseWrapper = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  display: flex;\\n  align-items: center;\\n  margin-left: 15px;\\n\\n  svg {\\n    cursor: pointer;\\n  }\\n\"], [\"\\n  display: flex;\\n  align-items: center;\\n  margin-left: 15px;\\n\\n  svg {\\n    cursor: pointer;\\n  }\\n\"])));\nvar Toast = function (_a) {\n    var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type;\n    return (_jsxs(ContentWrapper, { children: [_jsxs(\"div\", { children: [_jsx(Title, { children: title || toastTitleMap[type] }), text && _jsx(Text, { children: text })] }), _jsx(CloseWrapper, { children: _jsx(\"div\", { onClick: closeToast, children: _jsx(Icon, { icon: \"close\" }) }) })] }));\n};\nexport default Toast;\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4;\n//# sourceMappingURL=Toast.js.map"],"names":["_jsxs","_jsx"],"mappings":";;;;;AAKA,IAAI,aAAa,GAAG;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,OAAO,EAAE,SAAS;AACtB,CAAC,CAAC;AACF,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,kGAAkG,EAAE,KAAK,CAAC,EAAE,CAAC,kGAAkG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACrU,IAAI,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,+FAA+F,EAAE,KAAK,CAAC,EAAE,CAAC,+FAA+F,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AAC9T,IAAI,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,yDAAyD,CAAC,EAAE,CAAC,yDAAyD,CAAC,CAAC,CAAC,CAAC,CAAC;AACzN,IAAI,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAG,oBAAoB,CAAC,CAAC,0GAA0G,CAAC,EAAE,CAAC,0GAA0G,CAAC,CAAC,CAAC,CAAC,CAAC;AACvT,IAAC,KAAK,GAAG,UAAU,EAAE,EAAE;AAC1B,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;AACrF,IAAI,QAAQA,IAAK,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,CAACA,IAAK,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAACC,GAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,IAAIA,GAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAEA,GAAI,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAEA,GAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAEA,GAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACnS,EAAE;AAEF,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}
+{"version":3,"file":"Toast.js","sources":["../../../../packages/ui/Elements/Toast/Toast.tsx"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled from '@xstyled/styled-components';\nimport { th } from '@xstyled/styled-components';\nimport { Icon } from '../Icon';\nvar toastTitleMap = {\n    info: 'Info',\n    success: 'Success',\n    error: 'Error',\n    warning: 'Warning',\n};\nvar Title = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  display: block;\\n  margin-bottom: 5px;\\n  line-height: 18px;\\n  font-weight: 700;\\n  color: \", \";\\n\"], [\"\\n  display: block;\\n  margin-bottom: 5px;\\n  line-height: 18px;\\n  font-weight: 700;\\n  color: \", \";\\n\"])), th('colors.blue2'));\nvar Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  display: block;\\n  font-size: 12px;\\n  line-height: 18px;\\n  font-weight: 500;\\n  color: \", \";\\n\"], [\"\\n  display: block;\\n  font-size: 12px;\\n  line-height: 18px;\\n  font-weight: 500;\\n  color: \", \";\\n\"])), th('colors.gray1'));\nvar ContentWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  display: flex;\\n  justify-content: space-between;\\n\"], [\"\\n  display: flex;\\n  justify-content: space-between;\\n\"])));\nvar CloseWrapper = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  display: flex;\\n  align-items: center;\\n  margin-left: 15px;\\n\\n  svg {\\n    cursor: pointer;\\n  }\\n\"], [\"\\n  display: flex;\\n  align-items: center;\\n  margin-left: 15px;\\n\\n  svg {\\n    cursor: pointer;\\n  }\\n\"])));\nvar Toast = function (_a) {\n    var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type;\n    return (_jsxs(ContentWrapper, { children: [_jsxs(\"div\", { children: [_jsx(Title, { children: title || toastTitleMap[type] }), text && _jsx(Text, { children: text })] }), _jsx(CloseWrapper, { children: _jsx(\"div\", { onClick: closeToast, children: _jsx(Icon, { icon: \"close\" }) }) })] }));\n};\nexport default Toast;\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4;\n//# sourceMappingURL=Toast.js.map"],"names":["styled","__makeTemplateObject","th","_jsxs","_jsx","Icon"],"mappings":";;;;;;;;;;;;;AAKA,IAAI,aAAa,GAAG;AACpB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,KAAK,EAAE,OAAO;AAClB,IAAI,OAAO,EAAE,SAAS;AACtB,CAAC,CAAC;AACF,IAAI,KAAK,GAAGA,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,kGAAkG,EAAE,KAAK,CAAC,EAAE,CAAC,kGAAkG,EAAE,KAAK,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AACrU,IAAI,IAAI,GAAGF,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,+FAA+F,EAAE,KAAK,CAAC,EAAE,CAAC,+FAA+F,EAAE,KAAK,CAAC,CAAC,CAAC,EAAEC,SAAE,CAAC,cAAc,CAAC,CAAC,CAAC;AAC9T,IAAI,cAAc,GAAGF,uBAAM,CAAC,GAAG,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,yDAAyD,CAAC,EAAE,CAAC,yDAAyD,CAAC,CAAC,CAAC,CAAC,CAAC;AACzN,IAAI,YAAY,GAAGD,uBAAM,CAAC,IAAI,CAAC,gBAAgB,KAAK,gBAAgB,GAAGC,0BAAoB,CAAC,CAAC,0GAA0G,CAAC,EAAE,CAAC,0GAA0G,CAAC,CAAC,CAAC,CAAC,CAAC;AACvT,IAAC,KAAK,GAAG,UAAU,EAAE,EAAE;AAC1B,IAAI,IAAI,UAAU,GAAG,EAAE,CAAC,UAAU,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI,CAAC;AACrF,IAAI,QAAQE,eAAK,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,CAACA,eAAK,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAACC,cAAI,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,IAAI,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,IAAIA,cAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,EAAEA,cAAI,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAEA,cAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAEA,cAAI,CAACC,YAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE;AACnS,EAAE;AAEF,IAAI,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB;;;;"}

package/ui/Elements/Toast/index.js

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

package/ui/Elements/Toast/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/Toggle/Toggle.js

@@ -1,30 +1,38 @@
-import { __makeTemplateObject, __rest, __assign } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled, { css } from '@xstyled/styled-components';
-import { FieldLabel } from '../Label/Label.js';
-import SpaceAroundWrap from '../SpaceAround/SpaceAround.js';
+'use strict';
 
-var StyledSpaceAroundWrap = styled(SpaceAroundWrap)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\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');
+var Label = require('../Label/Label.js');
+var SpaceAround = require('../SpaceAround/SpaceAround.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledSpaceAroundWrap = styled__default.default(SpaceAround.default)(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var $labelPosition = _a.$labelPosition;
     return ($labelPosition === 'left' ? 'display: flex; align-items: center; margin-top: 1rem' : '');
 });
-var StyledFieldLabel = styled(FieldLabel)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
+var StyledFieldLabel = styled__default.default(Label.FieldLabel)(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (_a) {
     var labelPosition = _a.labelPosition;
     return (labelPosition === 'left' ? 'margin-bottom: 0; margin-right: 1rem;' : '');
 });
-var disabledStyles = css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  opacity: 0.4;\n"], ["\n  opacity: 0.4;\n"])));
-var StyledToggle = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"], ["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"])), function (props) { return (props.disabled ? disabledStyles : ''); });
-var StyledDot = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  background-color: white;\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  transform: translate(-20%, -50%);\n  transition: all 100ms ease-out;\n"], ["\n  aspect-ratio: 1 / 1;\n  background-color: white;\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  transform: translate(-20%, -50%);\n  transition: all 100ms ease-out;\n"])));
-var HiddenInput = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"], ["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"])), function (_a) {
+var disabledStyles = styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n  opacity: 0.4;\n"], ["\n  opacity: 0.4;\n"])));
+var StyledToggle = styled__default.default.div(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"], ["\n  aspect-ratio: 1 / 1;\n  width: 100%;\n  height: 100%;\n  border-radius: 7px;\n  background-color: lightGray5;\n  border: 3px solid;\n  border-color: lightGray5;\n  position: relative;\n  transition: all 100ms ease-out;\n\n  ", "\n\n  input:checked + & {\n    background-color: red1;\n    border-color: red1;\n\n    & > span {\n      transform: translate(75%, -50%);\n      background-color: white;\n    }\n  }\n"])), function (props) { return (props.disabled ? disabledStyles : ''); });
+var StyledDot = styled__default.default.span(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n  aspect-ratio: 1 / 1;\n  background-color: white;\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  transform: translate(-20%, -50%);\n  transition: all 100ms ease-out;\n"], ["\n  aspect-ratio: 1 / 1;\n  background-color: white;\n  border-radius: 50%;\n  position: absolute;\n  top: 50%;\n  left: 10%;\n  transform: translate(-20%, -50%);\n  transition: all 100ms ease-out;\n"])));
+var HiddenInput = styled__default.default.input(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"], ["\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  border-radius: 7px;\n  z-index: 1;\n  margin: 0;\n\n  ", "\n"])), function (_a) {
     var $enabled = _a.$enabled;
     return ($enabled ? 'cursor: pointer;' : '');
 });
-var Wrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"], ["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"])), StyledDot, StyledDot);
+var Wrapper = styled__default.default.div(templateObject_7 || (templateObject_7 = tslib.__makeTemplateObject(["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"], ["\n  position: relative;\n  border-radius: 8px;\n  overflow: hidden;\n  flex-shrink: 0;\n  &[data-appearance='primary'] {\n    width: 24px;\n    height: 14px;\n    ", " {\n      height: 10px;\n    }\n  }\n  &[data-appearance='grid'] {\n    width: 28px;\n    height: 16px;\n    ", " {\n      height: 12px;\n    }\n  }\n"])), StyledDot, StyledDot);
 var Toggle = function (_a) {
-    var onChange = _a.onChange, label = _a.label, name = _a.name, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.spaceAround, spaceAround = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'default' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, _f = _a.spaceBetween, spaceBetween = _f === void 0 ? false : _f, rest = __rest(_a, ["onChange", "label", "name", "checked", "defaultChecked", "spaceAround", "disabled", "labelPosition", "variant", "spaceBetween"]);
-    return (jsxs(StyledSpaceAroundWrap, { spaceBetween: spaceBetween, spaceAround: spaceAround, "$labelPosition": labelPosition, children: [label && (jsx(StyledFieldLabel, { htmlFor: name, labelPosition: labelPosition, children: label })), jsxs(Wrapper, { "data-appearance": variant, children: [jsx(HiddenInput, { name: name, type: "checkbox", checked: checked, "$enabled": !disabled, defaultChecked: defaultChecked, onChange: !disabled ? onChange : undefined, disabled: disabled, "data-cy": "".concat(name, "Switch") }), jsx(StyledToggle, __assign({ active: !!checked, disabled: disabled }, rest, { children: jsx(StyledDot, {}) }))] })] }));
+    var onChange = _a.onChange, label = _a.label, name = _a.name, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.spaceAround, spaceAround = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'default' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, _f = _a.spaceBetween, spaceBetween = _f === void 0 ? false : _f, rest = tslib.__rest(_a, ["onChange", "label", "name", "checked", "defaultChecked", "spaceAround", "disabled", "labelPosition", "variant", "spaceBetween"]);
+    return (jsxRuntime.jsxs(StyledSpaceAroundWrap, { spaceBetween: spaceBetween, spaceAround: spaceAround, "$labelPosition": labelPosition, children: [label && (jsxRuntime.jsx(StyledFieldLabel, { htmlFor: name, labelPosition: labelPosition, children: label })), jsxRuntime.jsxs(Wrapper, { "data-appearance": variant, children: [jsxRuntime.jsx(HiddenInput, { name: name, type: "checkbox", checked: checked, "$enabled": !disabled, defaultChecked: defaultChecked, onChange: !disabled ? onChange : undefined, disabled: disabled, "data-cy": "".concat(name, "Switch") }), jsxRuntime.jsx(StyledToggle, tslib.__assign({ active: !!checked, disabled: disabled }, rest, { children: jsxRuntime.jsx(StyledDot, {}) }))] })] }));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
-export { Toggle as default };
+exports.default = Toggle;
 //# sourceMappingURL=Toggle.js.map

package/ui/Elements/Toggle/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sources":["../../../../packages/ui/Elements/Toggle/Toggle.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { css } from '@xstyled/styled-components';\nimport { FieldLabel } from '../Label';\nimport { SpaceAroundWrap } from '../SpaceAround';\nvar StyledSpaceAroundWrap = styled(SpaceAroundWrap)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), function (_a) {\n    var $labelPosition = _a.$labelPosition;\n    return ($labelPosition === 'left' ? 'display: flex; align-items: center; margin-top: 1rem' : '');\n});\nvar StyledFieldLabel = styled(FieldLabel)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), function (_a) {\n    var labelPosition = _a.labelPosition;\n    return (labelPosition === 'left' ? 'margin-bottom: 0; margin-right: 1rem;' : '');\n});\nvar disabledStyles = css(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  opacity: 0.4;\\n\"], [\"\\n  opacity: 0.4;\\n\"])));\nvar StyledToggle = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  aspect-ratio: 1 / 1;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 7px;\\n  background-color: lightGray5;\\n  border: 3px solid;\\n  border-color: lightGray5;\\n  position: relative;\\n  transition: all 100ms ease-out;\\n\\n  \", \"\\n\\n  input:checked + & {\\n    background-color: red1;\\n    border-color: red1;\\n\\n    & > span {\\n      transform: translate(75%, -50%);\\n      background-color: white;\\n    }\\n  }\\n\"], [\"\\n  aspect-ratio: 1 / 1;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 7px;\\n  background-color: lightGray5;\\n  border: 3px solid;\\n  border-color: lightGray5;\\n  position: relative;\\n  transition: all 100ms ease-out;\\n\\n  \", \"\\n\\n  input:checked + & {\\n    background-color: red1;\\n    border-color: red1;\\n\\n    & > span {\\n      transform: translate(75%, -50%);\\n      background-color: white;\\n    }\\n  }\\n\"])), function (props) { return (props.disabled ? disabledStyles : ''); });\nvar StyledDot = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  aspect-ratio: 1 / 1;\\n  background-color: white;\\n  border-radius: 50%;\\n  position: absolute;\\n  top: 50%;\\n  left: 10%;\\n  transform: translate(-20%, -50%);\\n  transition: all 100ms ease-out;\\n\"], [\"\\n  aspect-ratio: 1 / 1;\\n  background-color: white;\\n  border-radius: 50%;\\n  position: absolute;\\n  top: 50%;\\n  left: 10%;\\n  transform: translate(-20%, -50%);\\n  transition: all 100ms ease-out;\\n\"])));\nvar HiddenInput = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  opacity: 0;\\n  width: 100%;\\n  height: 100%;\\n  position: absolute;\\n  left: 0;\\n  top: 0;\\n  border-radius: 7px;\\n  z-index: 1;\\n  margin: 0;\\n\\n  \", \"\\n\"], [\"\\n  opacity: 0;\\n  width: 100%;\\n  height: 100%;\\n  position: absolute;\\n  left: 0;\\n  top: 0;\\n  border-radius: 7px;\\n  z-index: 1;\\n  margin: 0;\\n\\n  \", \"\\n\"])), function (_a) {\n    var $enabled = _a.$enabled;\n    return ($enabled ? 'cursor: pointer;' : '');\n});\nvar Wrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n  position: relative;\\n  border-radius: 8px;\\n  overflow: hidden;\\n  flex-shrink: 0;\\n  &[data-appearance='primary'] {\\n    width: 24px;\\n    height: 14px;\\n    \", \" {\\n      height: 10px;\\n    }\\n  }\\n  &[data-appearance='grid'] {\\n    width: 28px;\\n    height: 16px;\\n    \", \" {\\n      height: 12px;\\n    }\\n  }\\n\"], [\"\\n  position: relative;\\n  border-radius: 8px;\\n  overflow: hidden;\\n  flex-shrink: 0;\\n  &[data-appearance='primary'] {\\n    width: 24px;\\n    height: 14px;\\n    \", \" {\\n      height: 10px;\\n    }\\n  }\\n  &[data-appearance='grid'] {\\n    width: 28px;\\n    height: 16px;\\n    \", \" {\\n      height: 12px;\\n    }\\n  }\\n\"])), StyledDot, StyledDot);\nvar Toggle = function (_a) {\n    var onChange = _a.onChange, label = _a.label, name = _a.name, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.spaceAround, spaceAround = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'default' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, _f = _a.spaceBetween, spaceBetween = _f === void 0 ? false : _f, rest = __rest(_a, [\"onChange\", \"label\", \"name\", \"checked\", \"defaultChecked\", \"spaceAround\", \"disabled\", \"labelPosition\", \"variant\", \"spaceBetween\"]);\n    return (_jsxs(StyledSpaceAroundWrap, { spaceBetween: spaceBetween, spaceAround: spaceAround, \"$labelPosition\": labelPosition, children: [label && (_jsx(StyledFieldLabel, { htmlFor: name, labelPosition: labelPosition, children: label })), _jsxs(Wrapper, { \"data-appearance\": variant, children: [_jsx(HiddenInput, { name: name, type: \"checkbox\", checked: checked, \"$enabled\": !disabled, defaultChecked: defaultChecked, onChange: !disabled ? onChange : undefined, disabled: disabled, \"data-cy\": \"\".concat(name, \"Switch\") }), _jsx(StyledToggle, __assign({ active: !!checked, disabled: disabled }, rest, { children: _jsx(StyledDot, {}) }))] })] }));\n};\nexport default Toggle;\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;\n//# sourceMappingURL=Toggle.js.map"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","sources":["../../../../packages/ui/Elements/Toggle/Toggle.tsx"],"sourcesContent":["import { __assign, __makeTemplateObject, __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport styled, { css } from '@xstyled/styled-components';\nimport { FieldLabel } from '../Label';\nimport { SpaceAroundWrap } from '../SpaceAround';\nvar StyledSpaceAroundWrap = styled(SpaceAroundWrap)(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), function (_a) {\n    var $labelPosition = _a.$labelPosition;\n    return ($labelPosition === 'left' ? 'display: flex; align-items: center; margin-top: 1rem' : '');\n});\nvar StyledFieldLabel = styled(FieldLabel)(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n  \", \"\\n\"], [\"\\n  \", \"\\n\"])), function (_a) {\n    var labelPosition = _a.labelPosition;\n    return (labelPosition === 'left' ? 'margin-bottom: 0; margin-right: 1rem;' : '');\n});\nvar disabledStyles = css(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n  opacity: 0.4;\\n\"], [\"\\n  opacity: 0.4;\\n\"])));\nvar StyledToggle = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n  aspect-ratio: 1 / 1;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 7px;\\n  background-color: lightGray5;\\n  border: 3px solid;\\n  border-color: lightGray5;\\n  position: relative;\\n  transition: all 100ms ease-out;\\n\\n  \", \"\\n\\n  input:checked + & {\\n    background-color: red1;\\n    border-color: red1;\\n\\n    & > span {\\n      transform: translate(75%, -50%);\\n      background-color: white;\\n    }\\n  }\\n\"], [\"\\n  aspect-ratio: 1 / 1;\\n  width: 100%;\\n  height: 100%;\\n  border-radius: 7px;\\n  background-color: lightGray5;\\n  border: 3px solid;\\n  border-color: lightGray5;\\n  position: relative;\\n  transition: all 100ms ease-out;\\n\\n  \", \"\\n\\n  input:checked + & {\\n    background-color: red1;\\n    border-color: red1;\\n\\n    & > span {\\n      transform: translate(75%, -50%);\\n      background-color: white;\\n    }\\n  }\\n\"])), function (props) { return (props.disabled ? disabledStyles : ''); });\nvar StyledDot = styled.span(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n  aspect-ratio: 1 / 1;\\n  background-color: white;\\n  border-radius: 50%;\\n  position: absolute;\\n  top: 50%;\\n  left: 10%;\\n  transform: translate(-20%, -50%);\\n  transition: all 100ms ease-out;\\n\"], [\"\\n  aspect-ratio: 1 / 1;\\n  background-color: white;\\n  border-radius: 50%;\\n  position: absolute;\\n  top: 50%;\\n  left: 10%;\\n  transform: translate(-20%, -50%);\\n  transition: all 100ms ease-out;\\n\"])));\nvar HiddenInput = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n  opacity: 0;\\n  width: 100%;\\n  height: 100%;\\n  position: absolute;\\n  left: 0;\\n  top: 0;\\n  border-radius: 7px;\\n  z-index: 1;\\n  margin: 0;\\n\\n  \", \"\\n\"], [\"\\n  opacity: 0;\\n  width: 100%;\\n  height: 100%;\\n  position: absolute;\\n  left: 0;\\n  top: 0;\\n  border-radius: 7px;\\n  z-index: 1;\\n  margin: 0;\\n\\n  \", \"\\n\"])), function (_a) {\n    var $enabled = _a.$enabled;\n    return ($enabled ? 'cursor: pointer;' : '');\n});\nvar Wrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n  position: relative;\\n  border-radius: 8px;\\n  overflow: hidden;\\n  flex-shrink: 0;\\n  &[data-appearance='primary'] {\\n    width: 24px;\\n    height: 14px;\\n    \", \" {\\n      height: 10px;\\n    }\\n  }\\n  &[data-appearance='grid'] {\\n    width: 28px;\\n    height: 16px;\\n    \", \" {\\n      height: 12px;\\n    }\\n  }\\n\"], [\"\\n  position: relative;\\n  border-radius: 8px;\\n  overflow: hidden;\\n  flex-shrink: 0;\\n  &[data-appearance='primary'] {\\n    width: 24px;\\n    height: 14px;\\n    \", \" {\\n      height: 10px;\\n    }\\n  }\\n  &[data-appearance='grid'] {\\n    width: 28px;\\n    height: 16px;\\n    \", \" {\\n      height: 12px;\\n    }\\n  }\\n\"])), StyledDot, StyledDot);\nvar Toggle = function (_a) {\n    var onChange = _a.onChange, label = _a.label, name = _a.name, checked = _a.checked, defaultChecked = _a.defaultChecked, _b = _a.spaceAround, spaceAround = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'default' : _d, _e = _a.variant, variant = _e === void 0 ? 'primary' : _e, _f = _a.spaceBetween, spaceBetween = _f === void 0 ? false : _f, rest = __rest(_a, [\"onChange\", \"label\", \"name\", \"checked\", \"defaultChecked\", \"spaceAround\", \"disabled\", \"labelPosition\", \"variant\", \"spaceBetween\"]);\n    return (_jsxs(StyledSpaceAroundWrap, { spaceBetween: spaceBetween, spaceAround: spaceAround, \"$labelPosition\": labelPosition, children: [label && (_jsx(StyledFieldLabel, { htmlFor: name, labelPosition: labelPosition, children: label })), _jsxs(Wrapper, { \"data-appearance\": variant, children: [_jsx(HiddenInput, { name: name, type: \"checkbox\", checked: checked, \"$enabled\": !disabled, defaultChecked: defaultChecked, onChange: !disabled ? onChange : undefined, disabled: disabled, \"data-cy\": \"\".concat(name, \"Switch\") }), _jsx(StyledToggle, __assign({ active: !!checked, disabled: disabled }, rest, { children: _jsx(StyledDot, {}) }))] })] }));\n};\nexport default Toggle;\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;\n//# sourceMappingURL=Toggle.js.map"],"names":["styled","SpaceAroundWrap","__makeTemplateObject","FieldLabel","css","__rest","_jsxs","_jsx","__assign"],"mappings":"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"}