@fattureincloud/fic-design-system 0.3.18 → 0.3.22

package/dist/components/tag/tagPalette.js

@@ -0,0 +1,71 @@
+import defaultPalette from '../../styles/defaultPalette';
+var tagPalette = {
+    full: {
+        standard: {
+            color: defaultPalette.white[100],
+            backgroundColor: defaultPalette.grey[600],
+        },
+        warning: {
+            color: defaultPalette.white[100],
+            backgroundColor: defaultPalette.yellow[500],
+        },
+        success: {
+            color: defaultPalette.white[100],
+            backgroundColor: defaultPalette.green[500],
+        },
+        info: {
+            color: defaultPalette.white[100],
+            backgroundColor: defaultPalette.blue[500],
+        },
+        error: {
+            color: defaultPalette.white[100],
+            backgroundColor: defaultPalette.red[500],
+        },
+    },
+    soft: {
+        standard: {
+            color: defaultPalette.grey[900],
+            backgroundColor: defaultPalette.grey[100],
+        },
+        warning: {
+            color: defaultPalette.yellow[900],
+            backgroundColor: defaultPalette.yellow[50],
+        },
+        success: {
+            color: defaultPalette.green[900],
+            backgroundColor: defaultPalette.green[50],
+        },
+        info: {
+            color: defaultPalette.blue[900],
+            backgroundColor: defaultPalette.blue[50],
+        },
+        error: {
+            color: defaultPalette.red[900],
+            backgroundColor: defaultPalette.red[50],
+        },
+    },
+    text: {
+        standard: {
+            backgroundColor: 'transparent',
+            color: defaultPalette.grey[800],
+        },
+        warning: {
+            backgroundColor: 'transparent',
+            color: defaultPalette.yellow[500],
+        },
+        success: {
+            backgroundColor: 'transparent',
+            color: defaultPalette.green[500],
+        },
+        info: {
+            backgroundColor: 'transparent',
+            color: defaultPalette.indigo[500],
+        },
+        error: {
+            backgroundColor: 'transparent',
+            color: defaultPalette.red[500],
+        },
+    },
+};
+export default tagPalette;
+//# sourceMappingURL=tagPalette.js.map

package/dist/components/tag/tagPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tagPalette.js","sourceRoot":"","sources":["../../../src/components/tag/tagPalette.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAiBxD,IAAM,UAAU,GAAe;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YAChC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;SAC1C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YAChC,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;SAC5C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YAChC,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SAC3C;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YAChC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;SAC1C;QACD,KAAK,EAAE;YACL,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YAChC,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;SACzC;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/B,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;SAC1C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;YACjC,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;SAC3C;QACD,OAAO,EAAE;YACP,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YAChC,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;SAC1C;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/B,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;SACzC;QACD,KAAK,EAAE;YACL,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;YAC9B,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;SACxC;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE;YACR,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;SAChC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;SAClC;QACD,OAAO,EAAE;YACP,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SACjC;QACD,IAAI,EAAE;YACJ,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;SAClC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,aAAa;YAC9B,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;SAC/B;KACF;CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/tag/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/tag/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tag/types.ts"],"names":[],"mappings":""}

package/dist/components/tag/utils.js

@@ -0,0 +1,5 @@
+export var getTagColors = function (_a) {
+    var tagStyle = _a.tagStyle, theme = _a.theme, type = _a.type;
+    return theme.components.tag[tagStyle][type];
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/tag/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/tag/utils.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAA6C;QAA3C,sBAAQ,EAAE,gBAAK,EAAE,cAAI;IAA2B,OAAA,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC;AAApC,CAAoC,CAAA"}

package/dist/components/themeProvider/index.js

@@ -0,0 +1,3 @@
+import ThemeProvider from './themeProvider';
+export { ThemeProvider };
+//# sourceMappingURL=index.js.map

package/dist/components/themeProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/themeProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/themeProvider/themeProvider.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ThemeProvider as SCThemeProvider } from 'styled-components';
+var ThemeProvider = function (_a) {
+    var children = _a.children, theme = _a.theme;
+    return (React.createElement(SCThemeProvider, { theme: theme },
+        React.createElement(React.Fragment, null, children)));
+};
+export default ThemeProvider;
+//# sourceMappingURL=themeProvider.js.map

package/dist/components/themeProvider/themeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeProvider.js","sourceRoot":"","sources":["../../../src/components/themeProvider/themeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,IAAI,eAAe,EAAsB,MAAM,mBAAmB,CAAA;AAQxF,IAAM,aAAa,GAAG,UAAC,EAA0B;QAAxB,sBAAQ,EAAE,gBAAK;IAAc,OAAA,CACpD,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK;QAC3B,0CAAG,QAAQ,CAAI,CACC,CACnB;AAJqD,CAIrD,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/tip/components/styledTip.js

@@ -0,0 +1,20 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+export var StyledTip = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 16px;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 100px;\n"], ["\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 16px;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 100px;\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return palette.white[100];
+}, function (_a) {
+    var palette = _a.theme.palette;
+    return palette.primary[400];
+});
+export var StyledLeftIcon = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: 8px;\n  font-size: 20px;\n"], ["\n  margin-right: 8px;\n  font-size: 20px;\n"])));
+export var StyledText = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  white-space: nowrap;\n"], ["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  white-space: nowrap;\n"])));
+export var StyledCloseIcon = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-left: 32px;\n  line-height: 20px;\n  & :hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"], ["\n  margin-left: 32px;\n  line-height: 20px;\n  & :hover {\n    cursor: pointer;\n    color: ", ";\n  }\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return palette.white[100];
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=styledTip.js.map

package/dist/components/tip/components/styledTip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledTip.js","sourceRoot":"","sources":["../../../../src/components/tip/components/styledTip.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,sOAAA,wGAKxB,EAA8C,yBACnC,EAAgD,8BAErE,KAHU,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAlB,CAAkB,EACnC,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;AAApB,CAAoB,CAErE,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,IAAI,iHAAA,8CAGxC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,wLAAA,qHAMpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8KAAA,+FAK5B,EAA8C,UAE1D,KAFY,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAlB,CAAkB,CAE1D,CAAA"}

package/dist/components/tip/index.js

@@ -0,0 +1,4 @@
+import ShortcutTip from './shortcutTip';
+import Tip from './tip';
+export { Tip, ShortcutTip };
+//# sourceMappingURL=index.js.map

package/dist/components/tip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tip/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,GAAG,MAAM,OAAO,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/tip/shortcutTip.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { faRocket } from '@fortawesome/pro-duotone-svg-icons';
+import React from 'react';
+import Tip from './tip';
+var rocketIcon = {
+    icon: faRocket,
+};
+var ShortcutTip = function (props) {
+    var shortcut = props.shortcut, text = props.text, rest = __rest(props, ["shortcut", "text"]);
+    return (React.createElement(Tip, __assign({ text: React.createElement(React.Fragment, null,
+            text,
+            " ",
+            React.createElement("b", null, shortcut)), leftIcon: rocketIcon }, rest)));
+};
+export default ShortcutTip;
+//# sourceMappingURL=shortcutTip.js.map

package/dist/components/tip/shortcutTip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shortcutTip.js","sourceRoot":"","sources":["../../../src/components/tip/shortcutTip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAA;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,GAAG,MAAM,OAAO,CAAA;AAGvB,IAAM,UAAU,GAAc;IAC5B,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,KAAuB;IAClC,IAAA,yBAAQ,EAAE,iBAAI,EAAE,0CAAO,CAAU;IACzC,OAAO,CACL,oBAAC,GAAG,aACF,IAAI,EACF;YACG,IAAI;;YAAE,+BAAI,QAAQ,CAAK,CACvB,EAEL,QAAQ,EAAE,UAAU,IAChB,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/tip/tip.js

@@ -0,0 +1,28 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { faTimes } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { Icon } from '../icon';
+import { StyledCloseIcon, StyledLeftIcon, StyledText, StyledTip } from './components/styledTip';
+var defaultCloseIcon = {
+    icon: faTimes,
+};
+var Tip = function (props) {
+    var className = props.className, closeIcon = props.closeIcon, leftIcon = props.leftIcon, onClose = props.onClose, renderCloseIcon = props.renderCloseIcon, text = props.text;
+    return (React.createElement(StyledTip, { className: className },
+        leftIcon && (React.createElement(StyledLeftIcon, null,
+            React.createElement(Icon, __assign({}, leftIcon)))),
+        React.createElement(StyledText, null, text),
+        onClose && (React.createElement(StyledCloseIcon, { onClick: onClose }, renderCloseIcon ? renderCloseIcon() : React.createElement(Icon, __assign({}, (closeIcon || defaultCloseIcon), { fixedWidth: true }))))));
+};
+export default Tip;
+//# sourceMappingURL=tip.js.map

package/dist/components/tip/tip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tip.js","sourceRoot":"","sources":["../../../src/components/tip/tip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAG/F,IAAM,gBAAgB,GAAc;IAClC,IAAI,EAAE,OAAO;CACd,CAAA;AAED,IAAM,GAAG,GAAG,UAAC,KAAe;IAClB,IAAA,2BAAS,EAAE,2BAAS,EAAE,yBAAQ,EAAE,uBAAO,EAAE,uCAAe,EAAE,iBAAI,CAAU;IAChF,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC5B,QAAQ,IAAI,CACX,oBAAC,cAAc;YACb,oBAAC,IAAI,eAAK,QAAQ,EAAI,CACP,CAClB;QACD,oBAAC,UAAU,QAAE,IAAI,CAAc;QAC9B,OAAO,IAAI,CACV,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,IAC9B,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,oBAAC,IAAI,eAAK,CAAC,SAAS,IAAI,gBAAgB,CAAC,IAAE,UAAU,UAAG,CAC/E,CACnB,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/components/tip/tip.stories.js

@@ -0,0 +1,23 @@
+import { faRocket } from '@fortawesome/pro-solid-svg-icons';
+import { text } from '@storybook/addon-knobs';
+import React from 'react';
+import ShortcutTip from './shortcutTip';
+import Tip from './tip';
+var rocketIcon = {
+    icon: faRocket,
+};
+export var Normal = function () {
+    var content = text('text', 'Puoi aprire velocemente questa ricerca premendo CTRL+P');
+    return React.createElement(Tip, { text: content, leftIcon: rocketIcon });
+};
+export var Premade = function () {
+    var content = text('text', 'Puoi aprire velocemente questa ricerca premendo');
+    var shortcut = text('shortcut', '⌘P');
+    return React.createElement(ShortcutTip, { text: content, shortcut: shortcut, onClose: function () { return console.log('chiudi'); } });
+};
+var TipStories = {
+    title: 'Old Components/Tip',
+    component: Tip,
+};
+export default TipStories;
+//# sourceMappingURL=tip.stories.js.map

package/dist/components/tip/tip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tip.stories.js","sourceRoot":"","sources":["../../../src/components/tip/tip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,GAAG,MAAM,OAAO,CAAA;AAGvB,IAAM,UAAU,GAAc;IAC5B,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,wDAAwD,CAAC,CAAA;IAEtF,OAAO,oBAAC,GAAG,IAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,GAAI,CAAA;AACrD,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,IAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,iDAAiD,CAAC,CAAA;IAC/E,IAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IAEvC,OAAO,oBAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAArB,CAAqB,GAAI,CAAA;AACjG,CAAC,CAAA;AAED,IAAM,UAAU,GAAmB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,GAAG;CACf,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/tip/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/tip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tip/types.ts"],"names":[],"mappings":""}

package/dist/components/toast/ToastContainer.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { ToastContainer as ToastifyToastContainer } from 'react-toastify';
+import styled from 'styled-components';
+export var ToastContainer = styled(ToastifyToastContainer).attrs({
+    hideProgressBar: true,
+    newestOnTop: true,
+    closeOnClick: false,
+    draggable: false,
+    rtl: false,
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.Toastify__toast-container {\n    z-index: 20000;\n    -webkit-transform: translate3d(0, 0, 9999px);\n    position: fixed;\n    padding: 0px;\n    width: 320px;\n    box-sizing: border-box;\n    color: #fff;\n  }\n  &.Toastify__toast-container--top-left {\n    top: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--top-center {\n    top: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--top-right {\n    top: 1em;\n    right: 1em;\n  }\n  &.Toastify__toast-container--bottom-left {\n    bottom: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--bottom-center {\n    bottom: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--bottom-right {\n    bottom: 1em;\n    right: 1em;\n  }\n\n  @media only screen and (max-width: 480px) {\n    &.Toastify__toast-container {\n      width: 100vw;\n      padding: 0;\n      left: 0;\n      margin: 0;\n    }\n    &.Toastify__toast-container--top-left,\n    &.Toastify__toast-container--top-center,\n    &.Toastify__toast-container--top-right {\n      top: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--bottom-left,\n    &.Toastify__toast-container--bottom-center,\n    &.Toastify__toast-container--bottom-right {\n      bottom: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--rtl {\n      right: 0;\n      left: initial;\n    }\n  }\n  .Toastify__toast {\n    position: relative;\n    min-height: 56px;\n    box-sizing: border-box;\n    margin-bottom: 1rem;\n    border-radius: 1px;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    max-height: 800px;\n    overflow: hidden;\n    cursor: pointer;\n    direction: ltr;\n  }\n  .Toastify__toast--rtl {\n    direction: rtl;\n  }\n  .Toastify__toast--dark {\n    background: #091e42;\n    border-radius: 4px;\n  }\n  .Toastify__toast--default {\n    background: #fff;\n    color: #aaa;\n  }\n  .Toastify__toast--info {\n    background: #0052cc;\n    border-radius: 4px;\n  }\n  .Toastify__toast--success {\n    background: #00875a;\n    border-radius: 4px;\n  }\n  .Toastify__toast--warning {\n    background: #ff991f;\n    border-radius: 4px;\n  }\n  .Toastify__toast--error {\n    background: #de350b;\n    border-radius: 4px;\n  }\n  .Toastify__toast-body {\n    margin: auto 0;\n    -ms-flex: 1 1 auto;\n    flex: 1 1 auto;\n  }\n\n  @media only screen and (max-width: 480px) {\n    .Toastify__toast {\n      margin-bottom: 0;\n    }\n  }\n  .Toastify__close-button {\n    color: #fff;\n    background: transparent;\n    outline: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0.7;\n    transition: 0.3s ease;\n    -ms-flex-item-align: start;\n    align-self: flex-start;\n  }\n  .Toastify__close-button--default {\n    color: #000;\n    opacity: 0.3;\n  }\n  .Toastify__close-button > svg {\n    fill: currentColor;\n    height: 16px;\n    width: 14px;\n  }\n  .Toastify__close-button:hover,\n  .Toastify__close-button:focus {\n    opacity: 1;\n  }\n\n  @keyframes Toastify__trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\n    }\n  }\n  .Toastify__progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    z-index: 20000;\n    opacity: 0.7;\n    background-color: rgba(255, 255, 255, 0.7);\n    transform-origin: left;\n  }\n  .Toastify__progress-bar--animated {\n    animation: Toastify__trackProgress linear 1 forwards;\n  }\n  .Toastify__progress-bar--controlled {\n    transition: transform 0.2s;\n  }\n  .Toastify__progress-bar--rtl {\n    right: 0;\n    left: initial;\n    transform-origin: right;\n  }\n  .Toastify__progress-bar--default {\n    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  }\n  .Toastify__progress-bar--dark {\n    background: #bb86fc;\n  }\n  @keyframes Toastify__bounceInRight {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(-25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(-5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutRight {\n    20% {\n      opacity: 1;\n      transform: translate3d(-20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInLeft {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(-3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(-10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutLeft {\n    20% {\n      opacity: 1;\n      transform: translate3d(20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(-2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInUp {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(0, 3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    75% {\n      transform: translate3d(0, 10px, 0);\n    }\n    90% {\n      transform: translate3d(0, -5px, 0);\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceOutUp {\n    20% {\n      transform: translate3d(0, -10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, 20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, -2000px, 0);\n    }\n  }\n  @keyframes Toastify__bounceInDown {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, -3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, 25px, 0);\n    }\n    75% {\n      transform: translate3d(0, -10px, 0);\n    }\n    90% {\n      transform: translate3d(0, 5px, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutDown {\n    20% {\n      transform: translate3d(0, 10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, 2000px, 0);\n    }\n  }\n  .Toastify__bounce-enter--top-left,\n  .Toastify__bounce-enter--bottom-left {\n    animation-name: Toastify__bounceInLeft;\n  }\n  .Toastify__bounce-enter--top-right,\n  .Toastify__bounce-enter--bottom-right {\n    animation-name: Toastify__bounceInRight;\n  }\n  .Toastify__bounce-enter--top-center {\n    animation-name: Toastify__bounceInDown;\n  }\n  .Toastify__bounce-enter--bottom-center {\n    animation-name: Toastify__bounceInUp;\n  }\n\n  .Toastify__bounce-exit--top-left,\n  .Toastify__bounce-exit--bottom-left {\n    animation-name: Toastify__bounceOutLeft;\n  }\n  .Toastify__bounce-exit--top-right,\n  .Toastify__bounce-exit--bottom-right {\n    animation-name: Toastify__bounceOutRight;\n  }\n  .Toastify__bounce-exit--top-center {\n    animation-name: Toastify__bounceOutUp;\n  }\n  .Toastify__bounce-exit--bottom-center {\n    animation-name: Toastify__bounceOutDown;\n  }\n\n  @keyframes Toastify__zoomIn {\n    from {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n  @keyframes Toastify__zoomOut {\n    from {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    to {\n      opacity: 0;\n    }\n  }\n  .Toastify__zoom-enter {\n    animation-name: Toastify__zoomIn;\n  }\n\n  .Toastify__zoom-exit {\n    animation-name: Toastify__zoomOut;\n  }\n\n  @keyframes Toastify__flipIn {\n    from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n    to {\n      transform: perspective(400px);\n    }\n  }\n  @keyframes Toastify__flipOut {\n    from {\n      transform: perspective(400px);\n    }\n    30% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      opacity: 1;\n    }\n    to {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      opacity: 0;\n    }\n  }\n  .Toastify__flip-enter {\n    animation-name: Toastify__flipIn;\n  }\n\n  .Toastify__flip-exit {\n    animation-name: Toastify__flipOut;\n  }\n\n  @keyframes Toastify__slideInRight {\n    from {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInLeft {\n    from {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInUp {\n    from {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInDown {\n    from {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutRight {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutLeft {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutDown {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n  @keyframes Toastify__slideOutUp {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n  .Toastify__slide-enter--top-left,\n  .Toastify__slide-enter--bottom-left {\n    animation-name: Toastify__slideInLeft;\n  }\n  .Toastify__slide-enter--top-right,\n  .Toastify__slide-enter--bottom-right {\n    animation-name: Toastify__slideInRight;\n  }\n  .Toastify__slide-enter--top-center {\n    animation-name: Toastify__slideInDown;\n  }\n  .Toastify__slide-enter--bottom-center {\n    animation-name: Toastify__slideInUp;\n  }\n\n  .Toastify__slide-exit--top-left,\n  .Toastify__slide-exit--bottom-left {\n    animation-name: Toastify__slideOutLeft;\n  }\n  .Toastify__slide-exit--top-right,\n  .Toastify__slide-exit--bottom-right {\n    animation-name: Toastify__slideOutRight;\n  }\n  .Toastify__slide-exit--top-center {\n    animation-name: Toastify__slideOutUp;\n  }\n  .Toastify__slide-exit--bottom-center {\n    animation-name: Toastify__slideOutDown;\n  }\n\n  /*# sourceMappingURL=ReactToastify.css.map */\n"], ["\n  &.Toastify__toast-container {\n    z-index: 20000;\n    -webkit-transform: translate3d(0, 0, 9999px);\n    position: fixed;\n    padding: 0px;\n    width: 320px;\n    box-sizing: border-box;\n    color: #fff;\n  }\n  &.Toastify__toast-container--top-left {\n    top: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--top-center {\n    top: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--top-right {\n    top: 1em;\n    right: 1em;\n  }\n  &.Toastify__toast-container--bottom-left {\n    bottom: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--bottom-center {\n    bottom: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--bottom-right {\n    bottom: 1em;\n    right: 1em;\n  }\n\n  @media only screen and (max-width: 480px) {\n    &.Toastify__toast-container {\n      width: 100vw;\n      padding: 0;\n      left: 0;\n      margin: 0;\n    }\n    &.Toastify__toast-container--top-left,\n    &.Toastify__toast-container--top-center,\n    &.Toastify__toast-container--top-right {\n      top: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--bottom-left,\n    &.Toastify__toast-container--bottom-center,\n    &.Toastify__toast-container--bottom-right {\n      bottom: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--rtl {\n      right: 0;\n      left: initial;\n    }\n  }\n  .Toastify__toast {\n    position: relative;\n    min-height: 56px;\n    box-sizing: border-box;\n    margin-bottom: 1rem;\n    border-radius: 1px;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    max-height: 800px;\n    overflow: hidden;\n    cursor: pointer;\n    direction: ltr;\n  }\n  .Toastify__toast--rtl {\n    direction: rtl;\n  }\n  .Toastify__toast--dark {\n    background: #091e42;\n    border-radius: 4px;\n  }\n  .Toastify__toast--default {\n    background: #fff;\n    color: #aaa;\n  }\n  .Toastify__toast--info {\n    background: #0052cc;\n    border-radius: 4px;\n  }\n  .Toastify__toast--success {\n    background: #00875a;\n    border-radius: 4px;\n  }\n  .Toastify__toast--warning {\n    background: #ff991f;\n    border-radius: 4px;\n  }\n  .Toastify__toast--error {\n    background: #de350b;\n    border-radius: 4px;\n  }\n  .Toastify__toast-body {\n    margin: auto 0;\n    -ms-flex: 1 1 auto;\n    flex: 1 1 auto;\n  }\n\n  @media only screen and (max-width: 480px) {\n    .Toastify__toast {\n      margin-bottom: 0;\n    }\n  }\n  .Toastify__close-button {\n    color: #fff;\n    background: transparent;\n    outline: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0.7;\n    transition: 0.3s ease;\n    -ms-flex-item-align: start;\n    align-self: flex-start;\n  }\n  .Toastify__close-button--default {\n    color: #000;\n    opacity: 0.3;\n  }\n  .Toastify__close-button > svg {\n    fill: currentColor;\n    height: 16px;\n    width: 14px;\n  }\n  .Toastify__close-button:hover,\n  .Toastify__close-button:focus {\n    opacity: 1;\n  }\n\n  @keyframes Toastify__trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\n    }\n  }\n  .Toastify__progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    z-index: 20000;\n    opacity: 0.7;\n    background-color: rgba(255, 255, 255, 0.7);\n    transform-origin: left;\n  }\n  .Toastify__progress-bar--animated {\n    animation: Toastify__trackProgress linear 1 forwards;\n  }\n  .Toastify__progress-bar--controlled {\n    transition: transform 0.2s;\n  }\n  .Toastify__progress-bar--rtl {\n    right: 0;\n    left: initial;\n    transform-origin: right;\n  }\n  .Toastify__progress-bar--default {\n    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  }\n  .Toastify__progress-bar--dark {\n    background: #bb86fc;\n  }\n  @keyframes Toastify__bounceInRight {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(-25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(-5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutRight {\n    20% {\n      opacity: 1;\n      transform: translate3d(-20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInLeft {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(-3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(-10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutLeft {\n    20% {\n      opacity: 1;\n      transform: translate3d(20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(-2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInUp {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(0, 3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    75% {\n      transform: translate3d(0, 10px, 0);\n    }\n    90% {\n      transform: translate3d(0, -5px, 0);\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceOutUp {\n    20% {\n      transform: translate3d(0, -10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, 20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, -2000px, 0);\n    }\n  }\n  @keyframes Toastify__bounceInDown {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, -3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, 25px, 0);\n    }\n    75% {\n      transform: translate3d(0, -10px, 0);\n    }\n    90% {\n      transform: translate3d(0, 5px, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutDown {\n    20% {\n      transform: translate3d(0, 10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, 2000px, 0);\n    }\n  }\n  .Toastify__bounce-enter--top-left,\n  .Toastify__bounce-enter--bottom-left {\n    animation-name: Toastify__bounceInLeft;\n  }\n  .Toastify__bounce-enter--top-right,\n  .Toastify__bounce-enter--bottom-right {\n    animation-name: Toastify__bounceInRight;\n  }\n  .Toastify__bounce-enter--top-center {\n    animation-name: Toastify__bounceInDown;\n  }\n  .Toastify__bounce-enter--bottom-center {\n    animation-name: Toastify__bounceInUp;\n  }\n\n  .Toastify__bounce-exit--top-left,\n  .Toastify__bounce-exit--bottom-left {\n    animation-name: Toastify__bounceOutLeft;\n  }\n  .Toastify__bounce-exit--top-right,\n  .Toastify__bounce-exit--bottom-right {\n    animation-name: Toastify__bounceOutRight;\n  }\n  .Toastify__bounce-exit--top-center {\n    animation-name: Toastify__bounceOutUp;\n  }\n  .Toastify__bounce-exit--bottom-center {\n    animation-name: Toastify__bounceOutDown;\n  }\n\n  @keyframes Toastify__zoomIn {\n    from {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n  @keyframes Toastify__zoomOut {\n    from {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    to {\n      opacity: 0;\n    }\n  }\n  .Toastify__zoom-enter {\n    animation-name: Toastify__zoomIn;\n  }\n\n  .Toastify__zoom-exit {\n    animation-name: Toastify__zoomOut;\n  }\n\n  @keyframes Toastify__flipIn {\n    from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n    to {\n      transform: perspective(400px);\n    }\n  }\n  @keyframes Toastify__flipOut {\n    from {\n      transform: perspective(400px);\n    }\n    30% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      opacity: 1;\n    }\n    to {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      opacity: 0;\n    }\n  }\n  .Toastify__flip-enter {\n    animation-name: Toastify__flipIn;\n  }\n\n  .Toastify__flip-exit {\n    animation-name: Toastify__flipOut;\n  }\n\n  @keyframes Toastify__slideInRight {\n    from {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInLeft {\n    from {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInUp {\n    from {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInDown {\n    from {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutRight {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutLeft {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutDown {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n  @keyframes Toastify__slideOutUp {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n  .Toastify__slide-enter--top-left,\n  .Toastify__slide-enter--bottom-left {\n    animation-name: Toastify__slideInLeft;\n  }\n  .Toastify__slide-enter--top-right,\n  .Toastify__slide-enter--bottom-right {\n    animation-name: Toastify__slideInRight;\n  }\n  .Toastify__slide-enter--top-center {\n    animation-name: Toastify__slideInDown;\n  }\n  .Toastify__slide-enter--bottom-center {\n    animation-name: Toastify__slideInUp;\n  }\n\n  .Toastify__slide-exit--top-left,\n  .Toastify__slide-exit--bottom-left {\n    animation-name: Toastify__slideOutLeft;\n  }\n  .Toastify__slide-exit--top-right,\n  .Toastify__slide-exit--bottom-right {\n    animation-name: Toastify__slideOutRight;\n  }\n  .Toastify__slide-exit--top-center {\n    animation-name: Toastify__slideOutUp;\n  }\n  .Toastify__slide-exit--bottom-center {\n    animation-name: Toastify__slideOutDown;\n  }\n\n  /*# sourceMappingURL=ReactToastify.css.map */\n"])));
+var templateObject_1;
+//# sourceMappingURL=ToastContainer.js.map

package/dist/components/toast/ToastContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.js","sourceRoot":"","sources":["../../../src/components/toast/ToastContainer.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,cAAc,IAAI,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC,KAAK,CAAC;IACjE,eAAe,EAAE,IAAI;IACrB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,KAAK;IAChB,GAAG,EAAE,KAAK;CACX,CAAC,ykXAAqB,sgXAohBtB,IAAA,CAAA"}

package/dist/components/toast/components/toastContent.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { Icon } from '../../icon';
+export var StyledIconDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: 16px;\n  margin-top: 16px;\n  text-align: center;\n"], ["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: 16px;\n  margin-top: 16px;\n  text-align: center;\n"])));
+export var StyledIcon = styled(Icon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  vertical-align: sub;\n"], ["\n  vertical-align: sub;\n"])));
+export var StyledTitle = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n  height: 24px;\n  margin-left: 8px;\n  margin-right: 16px;\n  margin-top: 16px;\n  font-weight: 500;\n  width: 256px;\n"], ["\n  display: inline-block;\n  height: 24px;\n  margin-left: 8px;\n  margin-right: 16px;\n  margin-top: 16px;\n  font-weight: 500;\n  width: 256px;\n"])));
+export var StyledContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: block;\n  margin: 4px 16px 16px 48px;\n  line-height: 21px;\n  font-weight: 400;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: clip;\n"], ["\n  display: block;\n  margin: 4px 16px 16px 48px;\n  line-height: 21px;\n  font-weight: 400;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: clip;\n"])));
+export var StyledAction = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: inline-block;\n  height: 21px;\n  float: right;\n  margin-right: -1px;\n  cursor: pointer;\n"], ["\n  display: inline-block;\n  height: 21px;\n  float: right;\n  margin-right: -1px;\n  cursor: pointer;\n"])));
+export var StyledToast = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  min-height: 56px;\n  line-height: 24px;\n  font-size: 14px;\n  user-select: none;\n"], ["\n  min-height: 56px;\n  line-height: 24px;\n  font-size: 14px;\n  user-select: none;\n"])));
+export var StyledActionLabel = styled.label(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=toastContent.js.map

package/dist/components/toast/components/toastContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastContent.js","sourceRoot":"","sources":["../../../../src/components/toast/components/toastContent.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,oMAAA,iIAOtC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,+FAAA,4BAErC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,yNAAA,sJAQpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,4OAAA,yKAQtC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,8KAAA,2GAMrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,4JAAA,yFAKpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,2FAAA,wBAE5C,IAAA,CAAA"}

package/dist/components/toast/index.js

@@ -0,0 +1,14 @@
+import { dismiss, error, info, show, standard, success, warning } from './toast';
+import { ToastContainer as Container } from './ToastContainer';
+var Toast = {
+    Container: Container,
+    show: show,
+    dismiss: dismiss,
+    success: success,
+    error: error,
+    info: info,
+    warning: warning,
+    standard: standard,
+};
+export { Toast };
+//# sourceMappingURL=index.js.map

package/dist/components/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAChF,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG9D,IAAM,KAAK,GAAmB;IAC5B,SAAS,WAAA;IACT,IAAI,MAAA;IACJ,OAAO,SAAA;IACP,OAAO,SAAA;IACP,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,OAAO,SAAA;IACP,QAAQ,UAAA;CACT,CAAA;AACD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/toast/toast.js

@@ -0,0 +1,59 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { faCheckCircle, faExclamationTriangle, faInfoCircle, faInfoSquare } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { toast } from 'react-toastify';
+import { StyledAction, StyledActionLabel, StyledContent, StyledIcon, StyledIconDiv, StyledTitle, StyledToast, } from './components/toastContent';
+var typeMap = {
+    standard: 'dark',
+    error: 'error',
+    info: 'info',
+    warning: 'warning',
+    success: 'success',
+};
+var iconMap = {
+    dark: faInfoSquare,
+    error: faExclamationTriangle,
+    info: faInfoCircle,
+    warning: faExclamationTriangle,
+    success: faCheckCircle,
+};
+var ToastContent = function (props) { return (React.createElement(StyledToast, null,
+    React.createElement(StyledIconDiv, null,
+        React.createElement(StyledIcon, __assign({}, props.icon, { fixedWidth: true }))),
+    React.createElement(StyledTitle, null,
+        props.title,
+        React.createElement(StyledAction, null,
+            React.createElement(StyledActionLabel, { onClick: props.onActionClick }, props.actionLabel))),
+    React.createElement(StyledContent, null, props.content))); };
+export var show = function (title, options) {
+    var _a;
+    var type = options.type ? typeMap[options.type] : 'dark';
+    var autoClose = options.autoClose === undefined ? 3000 : options.autoClose;
+    var icon = options.icon || { icon: iconMap[type] };
+    var size = ((_a = options.icon) === null || _a === void 0 ? void 0 : _a.size) || '1x';
+    var newIcon = __assign(__assign({}, icon), { size: size });
+    var toastId = toast[type](React.createElement(ToastContent, { title: title, content: options.content, icon: newIcon, actionLabel: options.actionLabel, onActionClick: options.onActionClick }), {
+        autoClose: autoClose,
+        closeButton: false,
+    });
+    return toastId && String(toastId);
+};
+export var dismiss = function (toastId) {
+    toast.dismiss(toastId);
+};
+export var success = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'success' })); };
+export var error = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'error' })); };
+export var warning = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'warning' })); };
+export var standard = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'standard' })); };
+export var info = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'info' })); };
+//# sourceMappingURL=toast.js.map

package/dist/components/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/components/toast/toast.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACnH,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAEtC,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,EACX,WAAW,GACZ,MAAM,2BAA2B,CAAA;AAGlC,IAAM,OAAO,GAAG;IACd,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,IAAM,OAAO,GAAG;IACd,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,aAAa;CACvB,CAAA;AAED,IAAM,YAAY,GAAG,UAAC,KAAwB,IAAK,OAAA,CACjD,oBAAC,WAAW;IACV,oBAAC,aAAa;QACZ,oBAAC,UAAU,eAAK,KAAK,CAAC,IAAI,IAAE,UAAU,EAAE,IAAI,IAAI,CAClC;IAChB,oBAAC,WAAW;QACT,KAAK,CAAC,KAAK;QACZ,oBAAC,YAAY;YACX,oBAAC,iBAAiB,IAAC,OAAO,EAAE,KAAK,CAAC,aAAa,IAAG,KAAK,CAAC,WAAW,CAAqB,CAC3E,CACH;IACd,oBAAC,aAAa,QAAE,KAAK,CAAC,OAAO,CAAiB,CAClC,CACf,EAbkD,CAalD,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAE,OAAmB;;IACxD,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAA;IAC1D,IAAM,SAAS,GAAG,OAAO,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAA;IAC5E,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE,CAAA;IACpD,IAAM,IAAI,GAAG,OAAA,OAAO,CAAC,IAAI,0CAAE,IAAI,KAAI,IAAI,CAAA;IACvC,IAAM,OAAO,yBAAQ,IAAI,KAAE,IAAI,EAAE,IAAI,GAAE,CAAA;IAEvC,IAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,CACzB,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,CAAC,OAAO,EACxB,IAAI,EAAE,OAAO,EACb,WAAW,EAAE,OAAO,CAAC,WAAW,EAChC,aAAa,EAAE,OAAO,CAAC,aAAa,GACpC,EACF;QACE,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,KAAK;KACnB,CACF,CAAA;IACD,OAAO,OAAO,IAAI,MAAM,CAAC,OAAO,CAAC,CAAA;AACnC,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,OAA2B;IACjD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;AACxB,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,KAAgB,EAAE,OAAoB,IAAK,OAAA,IAAI,CAAC,KAAK,wBAAO,OAAO,KAAE,IAAI,EAAE,SAAS,IAAG,EAA5C,CAA4C,CAAA;AAE/G,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,KAAgB,EAAE,OAAoB,IAAK,OAAA,IAAI,CAAC,KAAK,wBAAO,OAAO,KAAE,IAAI,EAAE,OAAO,IAAG,EAA1C,CAA0C,CAAA;AAE3G,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,KAAgB,EAAE,OAAoB,IAAK,OAAA,IAAI,CAAC,KAAK,wBAAO,OAAO,KAAE,IAAI,EAAE,SAAS,IAAG,EAA5C,CAA4C,CAAA;AAE/G,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,KAAgB,EAAE,OAAoB,IAAK,OAAA,IAAI,CAAC,KAAK,wBAAO,OAAO,KAAE,IAAI,EAAE,UAAU,IAAG,EAA7C,CAA6C,CAAA;AAEjH,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,KAAgB,EAAE,OAAoB,IAAK,OAAA,IAAI,CAAC,KAAK,wBAAO,OAAO,KAAE,IAAI,EAAE,MAAM,IAAG,EAAzC,CAAyC,CAAA"}

package/dist/components/toast/toast.stories.js

@@ -0,0 +1,50 @@
+import { faCheck } from '@fortawesome/pro-solid-svg-icons';
+import { boolean, object, select, text } from '@storybook/addon-knobs';
+import React from 'react';
+import { Toast } from './index';
+export var WithKnobs = function () {
+    var title = text('title', 'Titolo');
+    var content = text('content', 'Content');
+    var type = select('type', {
+        'default (undefined)': undefined,
+        standard: 'standard',
+        error: 'error',
+        info: 'info',
+        warning: 'warning',
+        success: 'success',
+    }, 'success');
+    var actionLabel = text('actionLabel', 'action');
+    var autoClose = boolean('autoClose', true);
+    var defaultValue = {
+        icon: faCheck,
+        color: 'white',
+        size: '1x',
+        fixedWidth: true,
+        spin: false,
+        pulse: false,
+        rotation: undefined,
+    };
+    var icon = object('Icon', defaultValue);
+    var newIcon = icon.name ? icon : undefined;
+    var onActionClick = undefined;
+    if (actionLabel !== '') {
+        onActionClick = function () {
+            console.log('clicked');
+        };
+    }
+    Toast.show(title, {
+        type: type,
+        content: React.createElement("span", null, content),
+        icon: newIcon,
+        actionLabel: actionLabel,
+        onActionClick: onActionClick,
+        autoClose: autoClose,
+    });
+    return React.createElement(Toast.Container, { position: 'top-right' });
+};
+var ToastStories = {
+    title: 'Old Components/Toast',
+    component: Toast.Container,
+};
+export default ToastStories;
+//# sourceMappingURL=toast.stories.js.map

package/dist/components/toast/toast.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.stories.js","sourceRoot":"","sources":["../../../src/components/toast/toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;IACrC,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAC1C,IAAM,IAAI,GAAsE,MAAM,CACpF,MAAM,EACN;QACE,qBAAqB,EAAE,SAAS;QAChC,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;KACnB,EACD,SAAS,CACV,CAAA;IACD,IAAM,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;IACjD,IAAM,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;IAC5C,IAAM,YAAY,GAAc;QAC9B,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,SAAS;KACpB,CAAA;IAED,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACzC,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;IAE5C,IAAI,aAAa,GAA6B,SAAS,CAAA;IACvD,IAAI,WAAW,KAAK,EAAE,EAAE;QACtB,aAAa,GAAG;YACd,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QACxB,CAAC,CAAA;KACF;IAED,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;QAChB,IAAI,MAAA;QACJ,OAAO,EAAE,kCAAO,OAAO,CAAQ;QAC/B,IAAI,EAAE,OAAO;QACb,WAAW,aAAA;QACX,aAAa,eAAA;QACb,SAAS,WAAA;KACV,CAAC,CAAA;IAEF,OAAO,oBAAC,KAAK,CAAC,SAAS,IAAC,QAAQ,EAAE,WAAW,GAAI,CAAA;AACnD,CAAC,CAAA;AAED,IAAM,YAAY,GAAqB;IACrC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS;CAC3B,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/toast/typings/toast.js

@@ -0,0 +1 @@
+//# sourceMappingURL=toast.js.map

package/dist/components/toast/typings/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../../src/components/toast/typings/toast.ts"],"names":[],"mappings":""}

package/dist/components/tooltip/Arrow.js

@@ -0,0 +1,12 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+export var Arrow = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: 10px;\n  height: 10px;\n\n  &:after {\n    content: '';\n    position: absolute;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    background-color: ", ";\n    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n    clip-path: polygon(100% 0, 0% 100%, 100% 100%);\n  }\n"], ["\n  position: absolute;\n  width: 10px;\n  height: 10px;\n\n  &:after {\n    content: '';\n    position: absolute;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    background-color: ", ";\n    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n    clip-path: polygon(100% 0, 0% 100%, 100% 100%);\n  }\n"])), function (_a) {
+    var theme = _a.theme, type = _a.type;
+    return theme.components.tooltip[type].background;
+});
+export var arrowStyle = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n    &:after {\n      border-bottom-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n    &:after {\n      border-top-left-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n    &:after {\n      border-top-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n    &:after {\n      border-bottom-left-radius: 3px;\n    }\n  }\n"], ["\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n    &:after {\n      border-bottom-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n    &:after {\n      border-top-left-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n    &:after {\n      border-top-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n    &:after {\n      border-bottom-left-radius: 3px;\n    }\n  }\n"])), Arrow, Arrow, Arrow, Arrow);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Arrow.js.map

package/dist/components/tooltip/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../../src/components/tooltip/Arrow.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAI/C,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,qYAAwB,gNAW/B,EAA8D,gHAIrF,KAJuB,UAAC,EAAe;QAAb,gBAAK,EAAE,cAAI;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,UAAU;AAAzC,CAAyC,CAIrF,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,GAAG,6kBAAA,wCACS,EAAK,qIAOF,EAAK,4HAOP,EAAK,gIAOJ,EAAK,yFAM5C,KA3BqC,KAAK,EAOF,KAAK,EAOP,KAAK,EAOJ,KAAK,CAM5C,CAAA"}

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,81 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { usePopper } from 'react-popper';
+import { CSSTransition } from 'react-transition-group';
+import { useClickAway } from 'react-use';
+import styled from 'styled-components';
+import { Arrow } from './Arrow';
+import { Message } from './components/Message';
+import { TooltipContainer } from './components/TooltipContainer';
+var Tooltip = function (_a) {
+    var message = _a.message, placement = _a.placement, className = _a.className, children = _a.children, type = _a.type, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
+    var wrapperRef = useRef(null);
+    var popperRef = useRef(null);
+    var buttonRef = useRef(null);
+    var _b = useState(null), arrowRef = _b[0], setArrowRef = _b[1];
+    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
+    var show = useCallback(function () { return setIsOpen(true); }, []);
+    var hide = useCallback(function () { return setIsOpen(false); }, []);
+    useClickAway(wrapperRef, hide);
+    useEffect(function () {
+        if (isOpen) {
+            window.addEventListener('touchmove', hide);
+            return function () {
+                window.removeEventListener('touchmove', hide);
+            };
+        }
+        return;
+    }, [hide, isOpen]);
+    var _onMouseEnter = useCallback(function (e) {
+        show();
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    }, [onMouseEnter, show]);
+    var _onMouseLeave = useCallback(function (e) {
+        hide();
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+    }, [hide, onMouseLeave]);
+    var _d = usePopper(buttonRef.current, popperRef.current, {
+        placement: placement,
+        strategy: 'fixed',
+        modifiers: useMemo(function () { return [
+            {
+                name: 'arrow',
+                options: {
+                    element: arrowRef,
+                },
+            },
+            {
+                name: 'offset',
+                options: {
+                    offset: [0, 10],
+                },
+            },
+        ]; }, [arrowRef]),
+    }), attributes = _d.attributes, styles = _d.styles;
+    return (React.createElement(Wrapper, { className: className, ref: wrapperRef },
+        React.createElement("div", { ref: buttonRef, onClick: show, onMouseEnter: _onMouseEnter, onMouseLeave: _onMouseLeave }, children),
+        React.createElement(CSSTransition, { in: isOpen, timeout: 200, unmountOnExit: true, appear: true },
+            React.createElement(BodyAnimationWrapper, null,
+                React.createElement(TooltipContainer, __assign({ ref: popperRef, style: styles.popper }, attributes.popper),
+                    React.createElement(Arrow, { type: type, ref: setArrowRef, style: styles.arrow }),
+                    React.createElement(Message, { type: type, style: styles.offset }, message))))));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var BodyAnimationWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"], ["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"])));
+export default Tooltip;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Tooltip.js.map