@fattureincloud/fic-design-system 0.3.19 → 0.3.23-alpha.0

package/dist/components/inlineMessages/components/styledInlineMessageWrapper.js

@@ -0,0 +1,57 @@
+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';
+import { spacing } from '../../../styles/spacing';
+import { Icon } from '../../icon';
+var colorSetter = function (type, theme) {
+    switch (type) {
+        case 'standard': {
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.grey[100], theme.palette.black[100]);
+        }
+        case 'info': {
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.blue[50], theme.palette.blue[500]);
+        }
+        case 'error': {
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.red[50], theme.palette.red[500]);
+        }
+        case 'warning': {
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.yellow[50], theme.palette.yellow[500]);
+        }
+        case 'success': {
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.green[50], theme.palette.green[500]);
+        }
+        default: {
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        background-color: ", ";\n        color: ", ";\n      "], ["\n        background-color: ", ";\n        color: ", ";\n      "])), theme.palette.grey[100], theme.palette.black[100]);
+        }
+    }
+};
+export var StyledIconTitle = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-top: 0;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n  margin-bottom: ", ";\n"], ["\n  margin-top: 0;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n  margin-bottom: ", ";\n"])), spacing.xxs);
+export var StyledContent = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n"], ["\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n"])));
+var spacingSetter = function (size) {
+    switch (size) {
+        case 'medium':
+            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), spacing.s);
+        case 'large':
+            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n        padding: ", ";\n        ", " {\n          font-size: 16px;\n          line-height: 18px;\n          margin-bottom: ", ";\n        }\n        ", " {\n          font-size: 14px;\n          line-height: 21px;\n        }\n      "], ["\n        padding: ", ";\n        ", " {\n          font-size: 16px;\n          line-height: 18px;\n          margin-bottom: ", ";\n        }\n        ", " {\n          font-size: 14px;\n          line-height: 21px;\n        }\n      "])), spacing.m, StyledIconTitle, spacing.xs, StyledContent);
+        default:
+            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n        padding: ", ";\n      "], ["\n        padding: ", ";\n      "])), spacing.m);
+    }
+};
+export var StyledInlineMessageWrapper = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var size = _a.size, theme = _a.theme, type = _a.type;
+    return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    display: flex;\n    border: 1px solid rgba(51, 51, 51, 0.08);\n    border-radius: 4px;\n    color: ", ";\n\n    ", "\n\n    ", "\n  "], ["\n    display: flex;\n    border: 1px solid rgba(51, 51, 51, 0.08);\n    border-radius: 4px;\n    color: ", ";\n\n    ", "\n\n    ", "\n  "])), theme.palette.black[100], colorSetter(type, theme), spacingSetter(size));
+});
+export var StyledIconContent = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  margin-left: ", ";\n  width: 100%;\n"], ["\n  margin-left: ", ";\n  width: 100%;\n"])), function (_a) {
+    var margin = _a.margin;
+    return (margin ? spacing.s : '0px');
+});
+export var StyledCloseIconWrapper = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  line-height: 20px;\n"], ["\n  line-height: 20px;\n"])));
+export var StyledCloseIcon = styled(Icon)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  cursor: pointer;\n  color: ", ";\n"], ["\n  cursor: pointer;\n  color: ", ";\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return palette.blue[700];
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
+//# sourceMappingURL=styledInlineMessageWrapper.js.map

package/dist/components/inlineMessages/components/styledInlineMessageWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledInlineMessageWrapper.js","sourceRoot":"","sources":["../../../../src/components/inlineMessages/components/styledInlineMessageWrapper.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAGjC,IAAM,WAAW,GAAG,UAAC,IAA6B,EAAE,KAAY;IAC9D,QAAQ,IAAI,EAAE;QACZ,KAAK,UAAU,CAAC,CAAC;YACf,OAAO,GAAG,oIAAA,8BACY,EAAuB,oBAClC,EAAwB,WAClC,KAFqB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAClC;SACF;QACD,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,GAAG,oIAAA,8BACY,EAAsB,oBACjC,EAAuB,WACjC,KAFqB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EACjC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EACjC;SACF;QACD,KAAK,OAAO,CAAC,CAAC;YACZ,OAAO,GAAG,oIAAA,8BACY,EAAqB,oBAChC,EAAsB,WAChC,KAFqB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAChC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAChC;SACF;QACD,KAAK,SAAS,CAAC,CAAC;YACd,OAAO,GAAG,oIAAA,8BACY,EAAwB,oBACnC,EAAyB,WACnC,KAFqB,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,EACnC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EACnC;SACF;QACD,KAAK,SAAS,CAAC,CAAC;YACd,OAAO,GAAG,oIAAA,8BACY,EAAuB,oBAClC,EAAwB,WAClC,KAFqB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAClC;SACF;QACD,OAAO,CAAC,CAAC;YACP,OAAO,GAAG,oIAAA,8BACY,EAAuB,oBAClC,EAAwB,WAClC,KAFqB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAClC;SACF;KACF;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,gLAAA,sGAKtB,EAAW,KAC7B,KADkB,OAAO,CAAC,GAAG,CAC7B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,yIAAA,sEAItC,IAAA,CAAA;AAED,IAAM,aAAa,GAAG,UAAC,IAAyB;IAC9C,QAAQ,IAAI,EAAE;QACZ,KAAK,QAAQ;YACX,OAAO,GAAG,qGAAA,qBACG,EAAS,WACrB,KADY,OAAO,CAAC,CAAC,EACrB;QACH,KAAK,OAAO;YACV,OAAO,GAAG,iTAAA,qBACG,EAAS,aAClB,EAAe,yFAGE,EAAU,wBAE3B,EAAa,iFAIhB,KAVY,OAAO,CAAC,CAAC,EAClB,eAAe,EAGE,OAAO,CAAC,EAAE,EAE3B,aAAa,EAIhB;QAEH;YACE,OAAO,GAAG,uGAAA,qBACG,EAAS,WACrB,KADY,OAAO,CAAC,CAAC,EACrB;KACJ;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,iFAAqB,MACrE;IASD,IACF,KAVG,UAAC,EAAqB;QAAnB,cAAI,EAAE,gBAAK,EAAE,cAAI;IAAO,OAAA,GAAG,iNAAA,2GAIrB,EAAwB,WAE/B,EAAwB,UAExB,EAAmB,MACtB,KALU,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAE/B,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,EAExB,aAAa,CAAC,IAAI,CAAC;AARM,CAS5B,CACF,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,+GAAoB,mBAC9C,EAA4C,qBAE5D,KAFgB,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAA5B,CAA4B,CAE5D,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,+FAAA,0BAE/C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,6GAAA,iCAEhC,EAA6C,KACvD,KADU,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAjB,CAAiB,CACvD,CAAA"}

package/dist/components/inlineMessages/index.js

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

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

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

package/dist/components/inlineMessages/inlineMessages.js

@@ -0,0 +1,36 @@
+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, StyledCloseIconWrapper, StyledContent, StyledIconContent, StyledIconTitle, StyledInlineMessageWrapper, } from './components/styledInlineMessageWrapper';
+var defaultCloseIcon = {
+    icon: faTimes,
+};
+var UnstyledInlineMessage = function (props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var closeIcon = props.closeIcon, content = props.content, icon = props.icon, onClose = props.onClose, renderCloseIcon = props.renderCloseIcon, renderContent = props.renderContent, renderIcon = props.renderIcon, renderTitle = props.renderTitle, title = props.title;
+    var titleComp = renderTitle ? renderTitle() : title;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { style: (_b = (_a = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : {} }, renderIcon ? renderIcon() : icon ? React.createElement(Icon, __assign({}, icon)) : null),
+        React.createElement(StyledIconContent, { style: (_d = (_c = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _c === void 0 ? void 0 : _c.contentWrapper) !== null && _d !== void 0 ? _d : {}, margin: renderIcon !== undefined || icon !== undefined },
+            titleComp ? React.createElement(StyledIconTitle, { style: (_f = (_e = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _e === void 0 ? void 0 : _e.title) !== null && _f !== void 0 ? _f : {} }, titleComp) : null,
+            React.createElement(StyledContent, { style: (_h = (_g = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _g === void 0 ? void 0 : _g.content) !== null && _h !== void 0 ? _h : {} }, renderContent ? renderContent() : content)),
+        onClose && (React.createElement(StyledCloseIconWrapper, { onClick: onClose }, renderCloseIcon ? renderCloseIcon() : React.createElement(StyledCloseIcon, __assign({}, (closeIcon || defaultCloseIcon), { fixedWidth: true }))))));
+};
+var InlineMessage = function (props) {
+    var _a, _b;
+    return (React.createElement(StyledInlineMessageWrapper, __assign({}, props, { style: (_b = (_a = props === null || props === void 0 ? void 0 : props.componentStyle) === null || _a === void 0 ? void 0 : _a.root) !== null && _b !== void 0 ? _b : {} }),
+        React.createElement(UnstyledInlineMessage, __assign({}, props))));
+};
+export default InlineMessage;
+//# sourceMappingURL=inlineMessages.js.map

package/dist/components/inlineMessages/inlineMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inlineMessages.js","sourceRoot":"","sources":["../../../src/components/inlineMessages/inlineMessages.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,EACL,eAAe,EACf,sBAAsB,EACtB,aAAa,EACb,iBAAiB,EACjB,eAAe,EACf,0BAA0B,GAC3B,MAAM,yCAAyC,CAAA;AAGhD,IAAM,gBAAgB,GAAc;IAClC,IAAI,EAAE,OAAO;CACd,CAAA;AAED,IAAM,qBAAqB,GAAG,UAAC,KAA0C;;IAC/D,IAAA,2BAAS,EAAE,uBAAO,EAAE,iBAAI,EAAE,uBAAO,EAAE,uCAAe,EAAE,mCAAa,EAAE,6BAAU,EAAE,+BAAW,EAAE,mBAAK,CAAU;IAEnH,IAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,KAAK,CAAA;IACrD,OAAO,CACL;QACE,6BAAK,KAAK,cAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,IAAI,mCAAI,EAAE,IAC1C,UAAU,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,IAAI,eAAK,IAAI,EAAI,CAAC,CAAC,CAAC,IAAI,CACzD;QACN,oBAAC,iBAAiB,IAChB,KAAK,cAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,cAAc,mCAAI,EAAE,EAClD,MAAM,EAAE,UAAU,KAAK,SAAS,IAAI,IAAI,KAAK,SAAS;YAErD,SAAS,CAAC,CAAC,CAAC,oBAAC,eAAe,IAAC,KAAK,cAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,KAAK,mCAAI,EAAE,IAAG,SAAS,CAAmB,CAAC,CAAC,CAAC,IAAI;YAC7G,oBAAC,aAAa,IAAC,KAAK,cAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,OAAO,mCAAI,EAAE,IACvD,aAAa,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,OAAO,CAC5B,CACE;QACnB,OAAO,IAAI,CACV,oBAAC,sBAAsB,IAAC,OAAO,EAAE,OAAO,IACrC,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,oBAAC,eAAe,eAAK,CAAC,SAAS,IAAI,gBAAgB,CAAC,IAAE,UAAU,UAAG,CACnF,CAC1B,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,IAAM,aAAa,GAAG,UAAC,KAA0B;;IAAK,OAAA,CACpD,oBAAC,0BAA0B,eAAK,KAAK,IAAE,KAAK,cAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,0CAAE,IAAI,mCAAI,EAAE;QAC7E,oBAAC,qBAAqB,eAAK,KAAK,EAAI,CACT,CAC9B,CAAA;CAAA,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/inlineMessages/inlineMessages.stories.js

@@ -0,0 +1,68 @@
+import { faCircle } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { InlineMessage } from '.';
+var faCircleIcon = {
+    icon: faCircle,
+};
+export var Colors = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(InlineMessage, { icon: faCircleIcon, title: 'Titolo', renderContent: function () { return (React.createElement("div", null,
+            "MioCondominio \u00E8 attivato per ",
+            React.createElement("strong", null, "Massimiliano Bolognesi"),
+            " con l'email",
+            ' ',
+            React.createElement("strong", null, "massimiliano.bolognesi@hotmail.it"),
+            " (casa)")); } }),
+    React.createElement("br", null),
+    React.createElement(InlineMessage, { icon: faCircleIcon, title: 'Titolo', type: 'info', renderContent: function () { return (React.createElement("div", null,
+            "MioCondominio \u00E8 attivato per ",
+            React.createElement("strong", null, "Massimiliano Bolognesi"),
+            " con l'email",
+            ' ',
+            React.createElement("strong", null, "massimiliano.bolognesi@hotmail.it"),
+            " (casa)")); } }),
+    React.createElement("br", null),
+    React.createElement(InlineMessage, { icon: faCircleIcon, title: 'Titolo', type: 'success', renderContent: function () { return (React.createElement("div", null,
+            "MioCondominio \u00E8 attivato per ",
+            React.createElement("strong", null, "Massimiliano Bolognesi"),
+            " con l'email",
+            ' ',
+            React.createElement("strong", null, "massimiliano.bolognesi@hotmail.it"),
+            " (casa)")); } }),
+    React.createElement("br", null),
+    React.createElement(InlineMessage, { icon: faCircleIcon, title: 'Titolo', type: 'error', renderContent: function () { return (React.createElement("div", null,
+            "MioCondominio \u00E8 attivato per ",
+            React.createElement("strong", null, "Massimiliano Bolognesi"),
+            " con l'email",
+            ' ',
+            React.createElement("strong", null, "massimiliano.bolognesi@hotmail.it"),
+            " (casa)")); } }),
+    React.createElement("br", null),
+    React.createElement(InlineMessage, { icon: faCircleIcon, title: 'Titolo', type: 'warning', renderContent: function () { return (React.createElement("div", null,
+            "MioCondominio \u00E8 attivato per ",
+            React.createElement("strong", null, "Massimiliano Bolognesi"),
+            " con l'email",
+            ' ',
+            React.createElement("strong", null, "massimiliano.bolognesi@hotmail.it"),
+            " (casa)")); } }))); };
+export var Sizes = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(InlineMessage, { icon: faCircleIcon, title: 'Titolo', size: 'medium', renderContent: function () { return (React.createElement("div", null,
+            "MioCondominio \u00E8 attivato per ",
+            React.createElement("strong", null, "Massimiliano Bolognesi"),
+            " con l'email",
+            ' ',
+            React.createElement("strong", null, "massimiliano.bolognesi@hotmail.it"),
+            " (casa)")); } }),
+    React.createElement("br", null),
+    React.createElement(InlineMessage, { icon: faCircleIcon, title: 'Titolo', size: 'large', renderContent: function () { return (React.createElement("div", null,
+            "MioCondominio \u00E8 attivato per ",
+            React.createElement("strong", null, "Massimiliano Bolognesi"),
+            " con l'email",
+            ' ',
+            React.createElement("strong", null, "massimiliano.bolognesi@hotmail.it"),
+            " (casa)")); } }))); };
+var InlineMessageStories = {
+    title: 'Old Components/InlineMessage',
+    component: InlineMessage,
+};
+export default InlineMessageStories;
+//# sourceMappingURL=inlineMessages.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inlineMessages.stories.js","sourceRoot":"","sources":["../../../src/components/inlineMessages/inlineMessages.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAE3D,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAGjC,IAAM,YAAY,GAAc;IAC9B,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,cAAM,OAAA,CAC1B;IACE,oBAAC,aAAa,IACZ,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,QAAQ,EACd,aAAa,EAAE,cAAM,OAAA,CACnB;;YAC+B,6DAAuC;;YAAa,GAAG;YACpF,wEAAkD;sBAC9C,CACP,EALoB,CAKpB,GACD;IACF,+BAAM;IACN,oBAAC,aAAa,IACZ,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,MAAM,EACX,aAAa,EAAE,cAAM,OAAA,CACnB;;YAC+B,6DAAuC;;YAAa,GAAG;YACpF,wEAAkD;sBAC9C,CACP,EALoB,CAKpB,GACD;IACF,+BAAM;IACN,oBAAC,aAAa,IACZ,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,SAAS,EACd,aAAa,EAAE,cAAM,OAAA,CACnB;;YAC+B,6DAAuC;;YAAa,GAAG;YACpF,wEAAkD;sBAC9C,CACP,EALoB,CAKpB,GACD;IACF,+BAAM;IACN,oBAAC,aAAa,IACZ,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,cAAM,OAAA,CACnB;;YAC+B,6DAAuC;;YAAa,GAAG;YACpF,wEAAkD;sBAC9C,CACP,EALoB,CAKpB,GACD;IACF,+BAAM;IACN,oBAAC,aAAa,IACZ,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,SAAS,EACd,aAAa,EAAE,cAAM,OAAA,CACnB;;YAC+B,6DAAuC;;YAAa,GAAG;YACpF,wEAAkD;sBAC9C,CACP,EALoB,CAKpB,GACD,CACD,CACJ,EA7D2B,CA6D3B,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,cAAM,OAAA,CACzB;IACE,oBAAC,aAAa,IACZ,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,QAAQ,EACb,aAAa,EAAE,cAAM,OAAA,CACnB;;YAC+B,6DAAuC;;YAAa,GAAG;YACpF,wEAAkD;sBAC9C,CACP,EALoB,CAKpB,GACD;IACF,+BAAM;IACN,oBAAC,aAAa,IACZ,IAAI,EAAE,YAAY,EAClB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,OAAO,EACZ,aAAa,EAAE,cAAM,OAAA,CACnB;;YAC+B,6DAAuC;;YAAa,GAAG;YACpF,wEAAkD;sBAC9C,CACP,EALoB,CAKpB,GACD,CACD,CACJ,EA1B0B,CA0B1B,CAAA;AAED,IAAM,oBAAoB,GAA8B;IACtD,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,aAAa;CACzB,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/components/inlineMessages/types.js

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

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

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

package/dist/components/layout/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,WAAW,EACX,iBAAiB,GAGlB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,WAAW,EAAoB,iBAAiB,EAA8C,CAAA"}

package/dist/components/layout/sidebarItem/SidebarItem.js

@@ -0,0 +1,63 @@
+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 { faCircle } from '@fortawesome/pro-regular-svg-icons';
+import { faCaretRight } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from './../../icon';
+import SidebarItemCaret from './components/SidebarItemCaret';
+import SidebarItemDropdown from './components/SidebarItemDropdown';
+import { getSidebarItemStyles } from './utils';
+export var sidebarItemHeight = 44;
+var SidebarItem = function (props) {
+    var _a;
+    var _b = props.caretVisible, caretVisible = _b === void 0 ? false : _b, className = props.className, dropdownContent = props.dropdownContent, icon = props.icon, _c = props.isActive, isActive = _c === void 0 ? false : _c, _d = props.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = props.isHidden, isHidden = _e === void 0 ? false : _e, _f = props.isOpen, isOpen = _f === void 0 ? false : _f, onClick = props.onClick, title = props.title, forceOpenDropdown = props.forceOpenDropdown, customProps = props.customProps;
+    if (isHidden) {
+        return null;
+    }
+    var content = ((_a = customProps === null || customProps === void 0 ? void 0 : customProps.renderContent) === null || _a === void 0 ? void 0 : _a.call(customProps, props)) || title;
+    return (React.createElement(SidebarItemWrapper, { customColor: customProps === null || customProps === void 0 ? void 0 : customProps.color, isActive: isActive, isDisabled: isDisabled, className: className, onClick: onClick },
+        React.createElement(SidebarItemCaret, { isOpen: isOpen, isVisible: caretVisible },
+            React.createElement(Icon, { icon: faCaretRight })),
+        icon ? React.createElement(Icon, __assign({}, icon, { fixedWidth: true })) : React.createElement(NoIcon, { icon: faCircle, fixedWidth: true }),
+        React.createElement(Title, null, content),
+        !isDisabled && dropdownContent && React.createElement(Dropdown, { content: dropdownContent, forceOpen: forceOpenDropdown })));
+};
+var Dropdown = styled(SidebarItemDropdown)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 1.5em;\n  height: 1.5em;\n\n  border-radius: 2px;\n"], ["\n  width: 1.5em;\n  height: 1.5em;\n\n  border-radius: 2px;\n"])));
+var SidebarItemWrapper = styled.div.attrs(getSidebarItemStyles)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: ", "px;\n  padding: 0 8px;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 8px;\n\n  cursor: pointer;\n\n  transition: background-color 250ms ease;\n\n  color: ", ";\n  background-color: ", ";\n\n  ", " {\n    display: none;\n  }\n\n  &:hover,\n  &:focus-within {\n    color: ", ";\n    background-color: ", ";\n\n    ", " {\n      display: inherit;\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:focus-within {\n        background: ", ";\n      }\n    }\n  }\n"], ["\n  height: ", "px;\n  padding: 0 8px;\n\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 8px;\n\n  cursor: pointer;\n\n  transition: background-color 250ms ease;\n\n  color: ", ";\n  background-color: ", ";\n\n  ", " {\n    display: none;\n  }\n\n  &:hover,\n  &:focus-within {\n    color: ", ";\n    background-color: ", ";\n\n    ", " {\n      display: inherit;\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:focus-within {\n        background: ", ";\n      }\n    }\n  }\n"])), sidebarItemHeight, function (_a) {
+    var color = _a.color, customColor = _a.customColor;
+    return customColor || color;
+}, function (_a) {
+    var background = _a.background;
+    return background;
+}, Dropdown, function (_a) {
+    var hoverColor = _a.hoverColor;
+    return hoverColor;
+}, function (_a) {
+    var hoverBackground = _a.hoverBackground;
+    return hoverBackground;
+}, Dropdown, function (_a) {
+    var dropdownHover = _a.dropdownHover;
+    return dropdownHover;
+}, function (_a) {
+    var dropdownActive = _a.dropdownActive;
+    return dropdownActive;
+});
+var Title = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"], ["\n  flex-grow: 1;\n\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])));
+var NoIcon = styled(Icon)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  visibility: hidden;\n"], ["\n  visibility: hidden;\n"])));
+export default SidebarItem;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=SidebarItem.js.map

package/dist/components/layout/sidebarItem/SidebarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.js","sourceRoot":"","sources":["../../../../src/components/layout/sidebarItem/SidebarItem.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/sidebarItem/components/SidebarItemCaret.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';
+var SidebarItemCaret = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: transform 250ms ease;\n  transform: ", ";\n\n  visibility: ", ";\n"], ["\n  transition: transform 250ms ease;\n  transform: ", ";\n\n  visibility: ", ";\n"])), function (_a) {
+    var isOpen = _a.isOpen;
+    return (isOpen ? 'rotate(90deg)' : 'rotate(0deg)');
+}, function (_a) {
+    var isVisible = _a.isVisible;
+    return (isVisible ? 'visible' : 'hidden');
+});
+export default SidebarItemCaret;
+var templateObject_1;
+//# sourceMappingURL=SidebarItemCaret.js.map

package/dist/components/layout/sidebarItem/components/SidebarItemCaret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItemCaret.js","sourceRoot":"","sources":["../../../../../src/components/layout/sidebarItem/components/SidebarItemCaret.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAOtC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,uJAAgB,sDAEpC,EAA2D,qBAE1D,EAAqD,KACpE,KAHc,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC;AAA3C,CAA2C,EAE1D,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AAAlC,CAAkC,CACpE,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.js

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faEllipsisH } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Dropdown } from '../../../dropdown';
+import { Icon } from '../../../icon';
+var renderTrigger = function () { return (React.createElement(IconWrapper, { tabIndex: 0 },
+    React.createElement(Icon, { icon: faEllipsisH, fixedWidth: true }))); };
+var IconWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var triggerStyles = {
+    margin: 'auto',
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+var SidebarItemDropdown = function (_a) {
+    var className = _a.className, content = _a.content, _b = _a.forceOpen, forceOpen = _b === void 0 ? false : _b;
+    return (React.createElement(Dropdown, { triggerStyles: triggerStyles, className: className, placement: 'right-start', renderTrigger: renderTrigger, content: content, forceOpen: forceOpen }));
+};
+export default SidebarItemDropdown;
+var templateObject_1;
+//# sourceMappingURL=SidebarItemDropdown.js.map

package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItemDropdown.js","sourceRoot":"","sources":["../../../../../src/components/layout/sidebarItem/components/SidebarItemDropdown.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAqB,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAQpC,IAAM,aAAa,GAAG,cAAmB,OAAA,CACvC,oBAAC,WAAW,IAAC,QAAQ,EAAE,CAAC;IACtB,oBAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,UAAU,SAAG,CAC1B,CACf,EAJwC,CAIxC,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,yFAAA,sBAE7B,IAAA,CAAA;AAED,IAAM,aAAa,GAAkB;IACnC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,EAAgD;QAA9C,wBAAS,EAAE,oBAAO,EAAE,iBAAiB,EAAjB,sCAAiB;IAA2B,OAAA,CAC7F,oBAAC,QAAQ,IACP,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH;AAT8F,CAS9F,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/layout/sidebarItem/index.js

@@ -0,0 +1,5 @@
+import SidebarItemDropdown from './components/SidebarItemDropdown';
+import SidebarItem, { sidebarItemHeight } from './SidebarItem';
+import sidebarItemPalette from './sidebarItemPalette';
+export { SidebarItem, sidebarItemHeight, sidebarItemPalette, SidebarItemDropdown, };
+//# sourceMappingURL=index.js.map

package/dist/components/layout/sidebarItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/sidebarItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,kCAAkC,CAAA;AAClE,OAAO,WAAW,EAAE,EAAE,iBAAiB,EAAoB,MAAM,eAAe,CAAA;AAChF,OAAO,kBAA0C,MAAM,sBAAsB,CAAA;AAG7E,OAAO,EACL,WAAW,EAEX,iBAAiB,EACjB,kBAAkB,EAElB,mBAAmB,GAEpB,CAAA"}

package/dist/components/layout/sidebarItem/sidebarItemPalette.js

@@ -0,0 +1,29 @@
+import defaultPalette from '../../../styles/defaultPalette';
+var sidebarItemPalette = {
+    normal: {
+        color: defaultPalette.black[100],
+        background: 'transparent',
+        hoverColor: defaultPalette.black[100],
+        hoverBackground: defaultPalette.grey[100],
+        dropdownHover: defaultPalette.grey[400],
+        dropdownActive: defaultPalette.grey[600],
+    },
+    active: {
+        color: defaultPalette.white[100],
+        background: defaultPalette.blue[500],
+        hoverColor: defaultPalette.white[100],
+        hoverBackground: defaultPalette.blue[500],
+        dropdownHover: 'rgba(255,255,255,0.16)',
+        dropdownActive: defaultPalette.blue[700],
+    },
+    disabled: {
+        color: defaultPalette.grey[300],
+        background: defaultPalette.grey[100],
+        hoverColor: defaultPalette.grey[300],
+        hoverBackground: defaultPalette.grey[100],
+        dropdownHover: 'transparent',
+        dropdownActive: 'transparent',
+    },
+};
+export default sidebarItemPalette;
+//# sourceMappingURL=sidebarItemPalette.js.map

package/dist/components/layout/sidebarItem/sidebarItemPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebarItemPalette.js","sourceRoot":"","sources":["../../../../src/components/layout/sidebarItem/sidebarItemPalette.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAgB3D,IAAM,kBAAkB,GAAuB;IAC7C,MAAM,EAAE;QACN,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,aAAa,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACvC,cAAc,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,aAAa,EAAE,wBAAwB;QACvC,cAAc,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QAC/B,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,aAAa,EAAE,aAAa;QAC5B,cAAc,EAAE,aAAa;KAC9B;CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/layout/sidebarItem/types.js

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

package/dist/components/layout/sidebarItem/types.js.map

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

package/dist/components/layout/sidebarItem/utils.js

@@ -0,0 +1,6 @@
+export var getSidebarItemStyles = function (_a) {
+    var isActive = _a.isActive, isDisabled = _a.isDisabled, theme = _a.theme;
+    var _b = theme.components.sidebarItem, normal = _b.normal, active = _b.active, disabled = _b.disabled;
+    return isDisabled ? disabled : isActive ? active : normal;
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/layout/sidebarItem/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/layout/sidebarItem/utils.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAIR;QAH3B,sBAAQ,EACR,0BAAU,EACV,gBAAK;IAEC,IAAA,iCAA2D,EAAzD,kBAAM,EAAE,kBAAM,EAAE,sBAAyC,CAAA;IAEjE,OAAO,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;AAC3D,CAAC,CAAA"}

package/dist/components/microTag/MicroTag.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MicroTagBody } from './styled';
+var MicroTag = function (_a) {
+    var text = _a.text, type = _a.type;
+    return React.createElement(MicroTagBody, { type: type }, text);
+};
+export default MicroTag;
+//# sourceMappingURL=MicroTag.js.map

package/dist/components/microTag/MicroTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicroTag.js","sourceRoot":"","sources":["../../../src/components/microTag/MicroTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAQvC,IAAM,QAAQ,GAAG,UAAC,EAA6B;QAA3B,cAAI,EAAE,cAAI;IAAmC,OAAA,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,IAAG,IAAI,CAAgB;AAA/C,CAA+C,CAAA;AAEhH,eAAe,QAAQ,CAAA"}

package/dist/components/microTag/index.js

@@ -0,0 +1,4 @@
+import MicroTag from './MicroTag';
+import microTagPalette from './microTagPalette';
+export { MicroTag, microTagPalette };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/microTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,eAAoC,MAAM,mBAAmB,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAmB,CAAA"}

package/dist/components/microTag/microTagPalette.js

@@ -0,0 +1,25 @@
+import defaultPalette from '../../styles/defaultPalette';
+var microTagPalette = {
+    error: {
+        backgroundColor: defaultPalette.red[50],
+        color: defaultPalette.red[500],
+    },
+    info: {
+        backgroundColor: defaultPalette.blue[50],
+        color: defaultPalette.blue[500],
+    },
+    standard: {
+        backgroundColor: defaultPalette.grey[50],
+        color: defaultPalette.grey[500],
+    },
+    success: {
+        backgroundColor: defaultPalette.green[50],
+        color: defaultPalette.green[500],
+    },
+    warning: {
+        backgroundColor: defaultPalette.yellow[50],
+        color: defaultPalette.yellow[500],
+    },
+};
+export default microTagPalette;
+//# sourceMappingURL=microTagPalette.js.map

package/dist/components/microTag/microTagPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"microTagPalette.js","sourceRoot":"","sources":["../../../src/components/microTag/microTagPalette.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAcxD,IAAM,eAAe,GAAoB;IACvC,KAAK,EAAE;QACL,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;QACvC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;KAC/B;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KAChC;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KAChC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACzC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;KACjC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1C,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;KAClC;CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/microTag/microtag.stories.js

@@ -0,0 +1,21 @@
+import { select, text } from '@storybook/addon-knobs';
+import React from 'react';
+import MicroTag from './MicroTag';
+export var Normal = function () { return React.createElement(MicroTag, { text: 'type here', type: 'success' }); };
+export var WithKnobs = function () {
+    var value = text('content', 'TYPE HERE');
+    var type = select('type', {
+        standard: 'standard',
+        error: 'error',
+        info: 'info',
+        warning: 'warning',
+        success: 'success',
+    }, 'success');
+    return React.createElement(MicroTag, { text: value, type: type });
+};
+var MicroTagStories = {
+    title: 'Old Components/MicroTag',
+    component: MicroTag,
+};
+export default MicroTagStories;
+//# sourceMappingURL=microtag.stories.js.map

package/dist/components/microTag/microtag.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"microtag.stories.js","sourceRoot":"","sources":["../../../src/components/microTag/microtag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,QAA2B,MAAM,YAAY,CAAA;AAGpD,MAAM,CAAC,IAAM,MAAM,GAAG,cAAM,OAAA,oBAAC,QAAQ,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAAI,EAAhD,CAAgD,CAAA;AAE5E,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;IAC1C,IAAM,IAAI,GAAG,MAAM,CACjB,MAAM,EACN;QACE,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,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;AAC9C,CAAC,CAAA;AAED,IAAM,eAAe,GAAwB;IAC3C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,QAAQ;CACpB,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/microTag/styled.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 { getMicroTagStyles } from './utils';
+export var MicroTagBody = styled.div.attrs(getMicroTagStyles)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-block;\n  padding: 0 4px;\n  border-radius: 4px;\n  text-transform: uppercase;\n\n  color: ", ";\n  background-color: ", ";\n"], ["\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-block;\n  padding: 0 4px;\n  border-radius: 4px;\n  text-transform: uppercase;\n\n  color: ", ";\n  background-color: ", ";\n"])), function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return backgroundColor;
+});
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/dist/components/microTag/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/microTag/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,iBAAiB,EAAe,MAAM,SAAS,CAAA;AAMxD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAC1C,iBAAiB,CAClB,qRAAsB,gLASZ,EAAoB,yBACT,EAAwC,KAC7D,KAFU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,EACT,UAAC,EAAmB;QAAjB,oCAAe;IAAO,OAAA,eAAe;AAAf,CAAe,CAC7D,CAAA"}

package/dist/components/microTag/types.js

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

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

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

package/dist/components/microTag/utils.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/microTag/utils.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAgC;QAA9B,gBAAK,EAAE,cAAI;IAAuC,OAAA,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;AAA/B,CAA+B,CAAA"}

package/dist/components/modals/components/ModalSearchable.js

@@ -0,0 +1,57 @@
+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 { faSearch } from '@fortawesome/pro-light-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Modal } from '../modals';
+import { StyledIcon } from '../modalStyled';
+var ModalSearchable = function (props) {
+    var children = props.children, className = props.className, handleChangeValue = props.handleChangeValue, placeholder = props.placeholder, value = props.value;
+    var handleChange = function (e) {
+        handleChangeValue(e.currentTarget.value);
+    };
+    var clearInput = function () {
+        handleChangeValue('');
+    };
+    var Header = (React.createElement(WrapperInput, null,
+        React.createElement(StyledIcon, { icon: faSearch, color: 'black' }),
+        React.createElement("input", { autoFocus: true, className: 'inputSearchable', type: 'text', onChange: handleChange, value: value, placeholder: placeholder }),
+        React.createElement(ClearButton, { visible: !!value, onClick: clearInput }, "Cancella")));
+    return (React.createElement(Modal, __assign({ className: className, header: function () { return Header; } }, props), children));
+};
+var ClearButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  white-space: nowrap;\n  cursor: pointer;\n  padding-right: 10px;\n  border-right: 1px solid ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  display: ", ";\n"], ["\n  white-space: nowrap;\n  cursor: pointer;\n  padding-right: 10px;\n  border-right: 1px solid ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  display: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[200];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[500];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[700];
+}, function (_a) {
+    var visible = _a.visible;
+    return (visible ? 'inherit' : 'none');
+});
+var WrapperInput = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  caret-color: ", ";\n  input[type='text'].inputSearchable:focus {\n    outline: none !important;\n    box-shadow: none !important;\n  }\n\n  > input {\n    width: 100%;\n    margin-left: 4px;\n    background-color: ", " !important;\n    border: none;\n    font-size: 20px !important;\n    top: 6px;\n    outline: none;\n    box-shadow: none;\n  }\n\n  > input,\n  input::-webkit-input-placeholder {\n    font-size: 20px;\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  caret-color: ", ";\n  input[type='text'].inputSearchable:focus {\n    outline: none !important;\n    box-shadow: none !important;\n  }\n\n  > input {\n    width: 100%;\n    margin-left: 4px;\n    background-color: ", " !important;\n    border: none;\n    font-size: 20px !important;\n    top: 6px;\n    outline: none;\n    box-shadow: none;\n  }\n\n  > input,\n  input::-webkit-input-placeholder {\n    font-size: 20px;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.blue[300];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[50];
+});
+export default ModalSearchable;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalSearchable.js.map

package/dist/components/modals/components/ModalSearchable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalSearchable.js","sourceRoot":"","sources":["../../../../src/components/modals/components/ModalSearchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAY3C,IAAM,eAAe,GAAqB,UAAC,KAAsD;IACvF,IAAA,yBAAQ,EAAE,2BAAS,EAAE,2CAAiB,EAAE,+BAAW,EAAE,mBAAK,CAAU;IAE5E,IAAM,YAAY,GAAG,UAAC,CAAoC;QACxD,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,IAAM,UAAU,GAAG;QACjB,iBAAiB,CAAC,EAAE,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,CACb,oBAAC,YAAY;QACX,oBAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI;QAC9C,+BACE,SAAS,QACT,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB;QACF,oBAAC,WAAW,IAAC,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,eAEpC,CACD,CAChB,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,aAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM,IAAM,KAAK,GACzD,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,kPAAsB,kGAIxB,EAAsC,cACvD,EAAsC,6BAEpC,EAAsC,qBAEtC,EAA+C,KAC3D,KAN2B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EACvD,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAEpC,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAEtC,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;AAA9B,CAA8B,CAC3D,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,6iBAAA,6EAId,EAAsC,uMAS/B,EAAqC,kNAY5D,KArBgB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAS/B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;AAAtB,CAAsB,CAY5D,CAAA;AAED,eAAe,eAAe,CAAA"}