@fattureincloud/fic-design-system 0.3.18 → 0.3.22

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":"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"}

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/inputText/components/icons.d.ts

@@ -0,0 +1,8 @@
+import { EInputSize } from '../typings/enums';
+interface IconProps {
+    size?: EInputSize;
+    hasAction: boolean;
+}
+export declare const IconLeft: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export declare const IconRight: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IconProps, never>;
+export {};

package/dist/components/inputText/components/inputContainer.d.ts

@@ -0,0 +1 @@
+export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/inputText/components/messages.d.ts

@@ -0,0 +1,2 @@
+export declare const ErrorMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;
+export declare const DescriptionMessage: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/inputText/components/wrapperTextArea.d.ts

@@ -0,0 +1 @@
+export declare const WrapperTextArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/inputText/icons.d.ts

@@ -0,0 +1,9 @@
+import { IconProps } from '../icon';
+export declare const LefIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+}, "primary" | "secondary">;
+export declare const RightIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & IconProps & {
+    isDisabled?: boolean | undefined;
+} & {
+    isValid?: boolean | undefined;
+}, "primary" | "secondary">;

package/dist/components/inputText/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InputTextPropsInterface } from './typings/inputText';
+export declare const InputText: (props: InputTextPropsInterface) => JSX.Element;

package/dist/components/inputText/inputText.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/inputText/inputTextStyledWrapper.d.ts

@@ -0,0 +1,2 @@
+import { InputTextStylingPropsInterface } from './typings/inputText';
+export declare const StyledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InputTextStylingPropsInterface, never>;

package/dist/components/inputText/sideText.d.ts

@@ -0,0 +1,6 @@
+export declare const LeftText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;
+export declare const RightText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    size?: "small" | "large" | "medium" | undefined;
+}, never>;

package/dist/components/inputText/typings/enums.d.ts

@@ -0,0 +1,17 @@
+export declare enum EInputSize {
+    medium = "medium",
+    large = "large"
+}
+export declare enum EInputTags {
+    textarea = "textarea",
+    input = "input"
+}
+export declare enum EInputTypes {
+    password = "password",
+    text = "text",
+    number = "number"
+}
+export declare enum EInputErrorTypes {
+    generic = "generic",
+    wordcount = "wordcount"
+}

package/dist/components/inputText/typings/inputText.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import { IconProps } from '../../icon';
+import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './enums';
+export declare type MergedInputElements = HTMLInputElement | HTMLTextAreaElement;
+export interface InputTextStateInterface {
+}
+export interface InputTextStylingPropsInterface {
+    size?: EInputSize;
+    isDisabled?: boolean;
+    inputWidth?: string;
+    error?: {
+        id: EInputErrorTypes;
+        message: string;
+    };
+    rightInputIcon?: IconProps;
+    leftInputIcon?: IconProps;
+}
+export interface InputTextPropsInterface extends InputTextStylingPropsInterface {
+    tag?: EInputTags;
+    inputType?: EInputTypes;
+    value?: number | string;
+    inputPlaceholder?: string;
+    autoFocus?: boolean;
+    label?: string;
+    textAreaWordCount?: {
+        max: number;
+        current: number;
+    };
+    name?: string;
+    rows?: number;
+    className?: string;
+    description?: {
+        message: string;
+    };
+    onChange?: (e: React.ChangeEvent<MergedInputElements>) => void;
+    onFocus?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onBlur?: (e: React.FocusEvent<MergedInputElements>) => void;
+    onKeyPress?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyUp?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    onKeyDown?: (e: React.KeyboardEvent<MergedInputElements>) => void;
+    rightIconOnClick?: () => void;
+    leftIconOnClick?: () => void;
+}

package/dist/components/inputText/utils.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { MergedInputElements } from './typings/inputText';
+/**
+ *
+ * @param textInput
+ * It checks if the type of input is HTMLTextAreaElement or not
+ */
+export declare function isTextArea(textInput: React.RefObject<MergedInputElements>): textInput is React.RefObject<HTMLTextAreaElement>;

package/dist/components/layout/index.d.ts

@@ -1,2 +1,2 @@
-import { SidebarItem, sidebarItemHeight, SidebarItemPalette } from './sidebarItem';
-export { SidebarItem, sidebarItemHeight, SidebarItemPalette };
+import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './sidebarItem';
+export { SidebarItem, SidebarItemProps, sidebarItemHeight, SidebarItemPalette, CustomSidebarItemProps };

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.d.ts

@@ -1,7 +1,9 @@
 import { MouseEventHandler } from 'react';
+import { paletteColor } from '../../../styles/types';
 import { DropdownItemProps } from '../../dropdown';
 import { IconProps } from './../../icon';
-interface Props {
+import { CustomSidebarItemProps } from './types';
+export interface SidebarItemProps {
     icon?: IconProps;
     title: string;
     isDisabled?: boolean;
@@ -13,11 +15,13 @@ interface Props {
     className?: string;
     isActive?: boolean;
     forceOpenDropdown?: boolean;
+    customProps?: CustomSidebarItemProps;
 }
 export declare const sidebarItemHeight = 44;
-declare const SidebarItem: ({ caretVisible, className, dropdownContent, icon, isActive, isDisabled, isHidden, isOpen, onClick, title, forceOpenDropdown, }: Props) => JSX.Element | null;
+declare const SidebarItem: (props: SidebarItemProps) => JSX.Element | null;
 export interface WrapperProps {
     isActive: boolean;
     isDisabled: boolean;
+    customColor?: paletteColor;
 }
 export default SidebarItem;

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.d.ts

@@ -1,4 +1,5 @@
 import SidebarItemDropdown from './components/SidebarItemDropdown';
-import SidebarItem, { sidebarItemHeight } from './SidebarItem';
+import SidebarItem, { sidebarItemHeight, SidebarItemProps } from './SidebarItem';
 import sidebarItemPalette, { SidebarItemPalette } from './sidebarItemPalette';
-export { SidebarItem, sidebarItemHeight, sidebarItemPalette, SidebarItemPalette, SidebarItemDropdown };
+import { CustomSidebarItemProps } from './types';
+export { SidebarItem, SidebarItemProps, sidebarItemHeight, sidebarItemPalette, SidebarItemPalette, SidebarItemDropdown, CustomSidebarItemProps, };

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.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { paletteColor } from '../../../styles/types';
+import { SidebarItemProps } from './SidebarItem';
+export interface CustomSidebarItemProps {
+    color?: paletteColor;
+    renderContent?: React.FC<SidebarItemProps>;
+}

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"}