@fattureincloud/fic-design-system 0.3.20 → 0.3.23

package/dist/common/components/Spinner.js

@@ -0,0 +1,10 @@
+import { faCircleNotch } from '@fortawesome/pro-regular-svg-icons';
+import React from 'react';
+import { Icon } from '../../components/icon';
+var Spinner = function (_a) {
+    var className = _a.className;
+    return (React.createElement("div", { className: className },
+        React.createElement(Icon, { icon: faCircleNotch, spin: true })));
+};
+export default Spinner;
+//# sourceMappingURL=Spinner.js.map

package/dist/common/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/common/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAM5C,IAAM,OAAO,GAAG,UAAC,EAAoB;QAAlB,wBAAS;IAA2B,OAAA,CACrD,6BAAK,SAAS,EAAE,SAAS;QACvB,oBAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,SAAG,CAC9B,CACP;AAJsD,CAItD,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/common/cssFixes/inputTextFixes.js

@@ -0,0 +1,11 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var inputTextHTMLInputBootstrapFixes = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: 400 !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  font-size: 14px !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  height: ", "px !important;\n  padding: 1px 2px !important;\n  margin: 0 !important;\n  color: black !important;\n"], ["\n  font-weight: 400 !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  font-size: 14px !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  height: ", "px !important;\n  padding: 1px 2px !important;\n  margin: 0 !important;\n  color: black !important;\n"])), function (_a) {
+    var inputSize = _a.inputSize;
+    return (inputSize === 'large' ? 40 : 30);
+});
+var templateObject_1;
+//# sourceMappingURL=inputTextFixes.js.map

package/dist/common/cssFixes/inputTextFixes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputTextFixes.js","sourceRoot":"","sources":["../../../src/common/cssFixes/inputTextFixes.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAIvC,MAAM,CAAC,IAAM,gCAAgC,GAAG,GAAG,kcAA8B,sRASrE,EAAoD,uGAI/D,KAJW,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAAjC,CAAiC,CAI/D,CAAA"}

package/dist/common/cssFixes/labelFixes.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var inputTextHTMLLabelBootstrapFixes = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: default !important;\n  font-weight: 400 !important;\n  display: block !important;\n  margin-bottom: 0 !important;\n"], ["\n  cursor: default !important;\n  font-weight: 400 !important;\n  display: block !important;\n  margin-bottom: 0 !important;\n"])));
+var templateObject_1;
+//# sourceMappingURL=labelFixes.js.map

package/dist/common/cssFixes/labelFixes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelFixes.js","sourceRoot":"","sources":["../../../src/common/cssFixes/labelFixes.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAEvC,MAAM,CAAC,IAAM,gCAAgC,GAAG,GAAG,oMAAA,iIAKlD,IAAA,CAAA"}

package/dist/common/cssFixes/selectFixes.d.ts

@@ -0,0 +1 @@
+export declare const selectBootstrapFixes: import("styled-components").FlattenSimpleInterpolation;

package/dist/common/cssFixes/textAreaFixes.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var inputTextHTMLTextAreaBootstrapFixes = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: 400 !important;\n  margin: 0 !important;\n  font-size: 14px !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  color: black !important;\n  padding: 8px 0 0 8px !important;\n  height: 100% !important;\n"], ["\n  font-weight: 400 !important;\n  margin: 0 !important;\n  font-size: 14px !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  color: black !important;\n  padding: 8px 0 0 8px !important;\n  height: 100% !important;\n"])));
+var templateObject_1;
+//# sourceMappingURL=textAreaFixes.js.map

package/dist/common/cssFixes/textAreaFixes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textAreaFixes.js","sourceRoot":"","sources":["../../../src/common/cssFixes/textAreaFixes.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAEvC,MAAM,CAAC,IAAM,mCAAmC,GAAG,GAAG,ocAAA,iYAarD,IAAA,CAAA"}

package/dist/common/hooks/useDebounceClick.js

@@ -0,0 +1,14 @@
+import { useCallback, useRef } from 'react';
+var useDebounceClick = function (_a) {
+    var _b = _a.manualLock, manualLock = _b === void 0 ? false : _b, onClick = _a.onClick, _c = _a.timeMs, timeMs = _c === void 0 ? 250 : _c;
+    var clickable = useRef(true);
+    return useCallback(function (e) {
+        if (clickable.current && !manualLock) {
+            clickable.current = false;
+            setTimeout(function () { return (clickable.current = true); }, timeMs);
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }
+    }, [onClick, manualLock, timeMs]);
+};
+export default useDebounceClick;
+//# sourceMappingURL=useDebounceClick.js.map

package/dist/common/hooks/useDebounceClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounceClick.js","sourceRoot":"","sources":["../../../src/common/hooks/useDebounceClick.ts"],"names":[],"mappings":"AAAA,OAAc,EAAqB,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAQrE,IAAM,gBAAgB,GAAG,UAAC,EAAqD;QAAnD,kBAAkB,EAAlB,uCAAkB,EAAE,oBAAO,EAAE,cAAY,EAAZ,iCAAY;IACnE,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE9B,OAAO,WAAW,CAChB,UAAC,CAAmB;QAClB,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE;YACpC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAA;YACzB,UAAU,CAAC,cAAM,OAAA,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAA1B,CAA0B,EAAE,MAAM,CAAC,CAAA;YACpD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,EAAC;SACb;IACH,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAC9B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/common/types/colorsPalette.js

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

package/dist/common/types/colorsPalette.js.map

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

package/dist/common/utils/iconsUtils.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../../components/icon';
+export declare const getRandomIcon: () => IconProps;

package/dist/common/utils/iconsUtils.js

@@ -0,0 +1,14 @@
+import { faCog } from '@fortawesome/pro-light-svg-icons';
+import { faBuilding, faCaretDown } from '@fortawesome/pro-solid-svg-icons';
+var cogIcon = {
+    icon: faCog,
+};
+var caretDownIcon = {
+    icon: faCaretDown,
+};
+var buildingIcon = {
+    icon: faBuilding,
+};
+var iconsCollection = [cogIcon, caretDownIcon, buildingIcon];
+export var getRandomIcon = function () { return iconsCollection[Math.floor(Math.random() * (iconsCollection.length + 1))]; };
+//# sourceMappingURL=iconsUtils.js.map

package/dist/common/utils/iconsUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconsUtils.js","sourceRoot":"","sources":["../../../src/common/utils/iconsUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAI1E,IAAM,OAAO,GAAc;IACzB,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,IAAM,aAAa,GAAc;IAC/B,IAAI,EAAE,WAAW;CAClB,CAAA;AAED,IAAM,YAAY,GAAc;IAC9B,IAAI,EAAE,UAAU;CACjB,CAAA;AAED,IAAM,eAAe,GAAgB,CAAC,OAAO,EAAE,aAAa,EAAE,YAAY,CAAC,CAAA;AAE3E,MAAM,CAAC,IAAM,aAAa,GAAG,cAAiB,OAAA,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAzE,CAAyE,CAAA"}

package/dist/components/accordions/accordions.js

@@ -0,0 +1,62 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 { faChevronDown } from '@fortawesome/pro-solid-svg-icons';
+import React, { Component } from 'react';
+import { Icon } from '../icon';
+import { StyledAccordionWrapper } from './components/styledAccordionWrapper';
+var UnstyledAccordion = /** @class */ (function (_super) {
+    __extends(UnstyledAccordion, _super);
+    function UnstyledAccordion(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleOpenAccordion = function () {
+            var show = _this.state.show;
+            _this.setState({ show: !show });
+        };
+        var showBodyAtFirstRender = _this.props.showBodyAtFirstRender;
+        _this.state = {
+            show: Boolean(showBodyAtFirstRender),
+        };
+        return _this;
+    }
+    UnstyledAccordion.prototype.render = function () {
+        var _a = this.props, lateralActions = _a.lateralActions, renderBody = _a.renderBody, renderLateralActions = _a.renderLateralActions, renderTitle = _a.renderTitle, title = _a.title;
+        var show = this.state.show;
+        return (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: 'header' },
+                React.createElement("div", { onClick: this.handleOpenAccordion, className: "header__element pointer chevron" + (show ? "" : "__closed") },
+                    React.createElement(Icon, { icon: faChevronDown })),
+                React.createElement("div", { onClick: this.handleOpenAccordion, className: 'header__element title pointer' }, renderTitle ? React.createElement(React.Fragment, null, renderTitle()) : React.createElement("p", null, title)),
+                React.createElement("div", { className: 'header__element' }, renderLateralActions
+                    ? renderLateralActions
+                    : lateralActions === null || lateralActions === void 0 ? void 0 : lateralActions.map(function (o, i) { return (React.createElement("span", { className: "action_icon " + (show ? "visibile" : ""), key: i, onClick: o.action }, o.icon)); }))),
+            show && React.createElement("div", { className: "body" }, renderBody())));
+    };
+    return UnstyledAccordion;
+}(Component));
+export { UnstyledAccordion };
+var Accordion = function (props) { return (React.createElement(StyledAccordionWrapper, __assign({}, props),
+    React.createElement(UnstyledAccordion, __assign({}, props)))); };
+export default Accordion;
+//# sourceMappingURL=accordions.js.map

package/dist/components/accordions/accordions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordions.js","sourceRoot":"","sources":["../../../src/components/accordions/accordions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAG5E;IAAuC,qCAAyD;IAC9F,2BAAY,KAA6B;QAAzC,YACE,kBAAM,KAAK,CAAC,SAKb;QAED,yBAAmB,GAAG;YACZ,IAAA,uBAAI,CAAe;YAC3B,KAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;QAChC,CAAC,CAAA;QATS,IAAA,yDAAqB,CAAe;QAC5C,KAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC;SACrC,CAAA;;IACH,CAAC;IAOD,kCAAM,GAAN;QACQ,IAAA,eAAqF,EAAnF,kCAAc,EAAE,0BAAU,EAAE,8CAAoB,EAAE,4BAAW,EAAE,gBAAoB,CAAA;QACnF,IAAA,sBAAI,CAAe;QAE3B,OAAO,CACL;YACE,6BAAK,SAAS,EAAC,QAAQ;gBACrB,6BACE,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,SAAS,EAAE,qCAAkC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAE;oBAErE,oBAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAI,CACzB;gBACN,6BAAK,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,EAAC,+BAA+B,IAC9E,WAAW,CAAC,CAAC,CAAC,0CAAG,WAAW,EAAE,CAAI,CAAC,CAAC,CAAC,+BAAI,KAAK,CAAK,CAChD;gBACN,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,oBAAoB;oBACnB,CAAC,CAAC,oBAAoB;oBACtB,CAAC,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAC5B,8BAAM,SAAS,EAAE,kBAAe,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,IAChF,CAAC,CAAC,IAAI,CACF,CACR,EAJ6B,CAI7B,CAAC,CACF,CACF;YACL,IAAI,IAAI,6BAAK,SAAS,EAAE,MAAM,IAAG,UAAU,EAAE,CAAO,CACpD,CACJ,CAAA;IACH,CAAC;IACH,wBAAC;AAAD,CAAC,AA5CD,CAAuC,SAAS,GA4C/C;;AAED,IAAM,SAAS,GAAe,UAAA,KAAK,IAAI,OAAA,CACrC,oBAAC,sBAAsB,eAAK,KAAK;IAC/B,oBAAC,iBAAiB,eAAK,KAAK,EAAI,CACT,CAC1B,EAJsC,CAItC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/accordions/accordions.stories.js

@@ -0,0 +1,201 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faCircle, faCog, faPencilAlt } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '../icon';
+import { Accordion } from '.';
+export var Normal = function () { return (React.createElement("div", { style: {
+        position: 'relative',
+        width: '500px',
+        height: '1000px',
+        background: '#FFFFFF',
+        boxShadow: '0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08)',
+        borderRadius: '8px',
+    } },
+    React.createElement("div", { style: {
+            background: '#eeee',
+            borderRadius: '8px 8px 0 0',
+            height: '30px',
+            marginBottom: '8px',
+        } }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faCog }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
+    React.createElement("div", { style: {
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            background: '#eeee',
+            borderRadius: '0 0 8px 8px',
+            height: '30px',
+            marginTop: '8px',
+        } }))); };
+export var NormalThemed = function () { return (React.createElement("div", { style: {
+        position: 'relative',
+        width: '500px',
+        height: '1000px',
+        background: '#FFFFFF',
+        boxShadow: '0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08)',
+        borderRadius: '8px',
+    } },
+    React.createElement("div", { style: {
+            background: '#eeee',
+            borderRadius: '8px 8px 0 0',
+            height: '30px',
+            marginBottom: '8px',
+        } }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faCog }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
+    React.createElement("div", { style: {
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            background: '#eeee',
+            borderRadius: '0 0 8px 8px',
+            height: '30px',
+            marginTop: '8px',
+        } }))); };
+export var ShowingBodyAtFirstRender = function () { return (React.createElement(Wrapper, null,
+    React.createElement(Accordion, { title: 'Pagamenti', showBodyAtFirstRender: true, renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', showBodyAtFirstRender: true, renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faCog }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', showBodyAtFirstRender: true, renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }))); };
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 500px;\n  background: #ffffff;\n  border-radius: 8px;\n"], ["\n  position: relative;\n  width: 500px;\n  background: #ffffff;\n  border-radius: 8px;\n"])));
+var AccordionStories = {
+    title: 'Old Components/Accordion',
+    component: Accordion,
+};
+export default AccordionStories;
+var templateObject_1;
+//# sourceMappingURL=accordions.stories.js.map

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

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

package/dist/components/accordions/components/styledAccordionWrapper.js

@@ -0,0 +1,18 @@
+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 { spacing } from '../../../styles/spacing';
+export var StyledAccordionWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  .header {\n    border-top: 1px solid ", ";\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: ", ";\n    .header__element {\n      padding: 0 ", ";\n      &:hover {\n        &.pointer {\n          cursor: pointer;\n        }\n      }\n    }\n\n    .action_icon {\n      cursor: pointer;\n      display: none;\n      width: ", ";\n      height: ", ";\n      &.visibile {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      &:hover {\n        background: ", ";\n        border-radius: 4px;\n      }\n    }\n\n    .chevron {\n    }\n    .chevron__closed {\n      transform: rotate(-90deg);\n    }\n\n    .title {\n      flex: 1;\n      padding: 0;\n      user-select: none;\n      p {\n        margin: 0;\n        font-size: 20px;\n        line-height: 30px;\n      }\n    }\n  }\n\n  .body {\n    padding: 0 ", ";\n    height: auto;\n\n    &.closed {\n      overflow: hidden;\n      height: 0;\n    }\n  }\n"], ["\n  color: ", ";\n  .header {\n    border-top: 1px solid ", ";\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: ", ";\n    .header__element {\n      padding: 0 ", ";\n      &:hover {\n        &.pointer {\n          cursor: pointer;\n        }\n      }\n    }\n\n    .action_icon {\n      cursor: pointer;\n      display: none;\n      width: ", ";\n      height: ", ";\n      &.visibile {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      &:hover {\n        background: ", ";\n        border-radius: 4px;\n      }\n    }\n\n    .chevron {\n    }\n    .chevron__closed {\n      transform: rotate(-90deg);\n    }\n\n    .title {\n      flex: 1;\n      padding: 0;\n      user-select: none;\n      p {\n        margin: 0;\n        font-size: 20px;\n        line-height: 30px;\n      }\n    }\n  }\n\n  .body {\n    padding: 0 ", ";\n    height: auto;\n\n    &.closed {\n      overflow: hidden;\n      height: 0;\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.black[100];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[100];
+}, spacing.xxxl, spacing.l, spacing.xl, spacing.xl, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[100];
+}, spacing.l);
+var templateObject_1;
+//# sourceMappingURL=styledAccordionWrapper.js.map

package/dist/components/accordions/components/styledAccordionWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledAccordionWrapper.js","sourceRoot":"","sources":["../../../../src/components/accordions/components/styledAccordionWrapper.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAEjD,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,ujCAAA,aACrC,EAAuC,4CAEtB,EAAsC,iFAIpD,EAAY,8CAEP,EAAS,mLAWb,EAAU,mBACT,EAAU,sKAOJ,EAAsC,+VAwB3C,EAAS,iGAQzB,KA3DU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAxB,CAAwB,EAEtB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAIpD,OAAO,CAAC,IAAI,EAEP,OAAO,CAAC,CAAC,EAWb,OAAO,CAAC,EAAE,EACT,OAAO,CAAC,EAAE,EAOJ,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAwB3C,OAAO,CAAC,CAAC,CAQzB,CAAA"}

package/dist/components/accordions/index.js

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

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

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

package/dist/components/accordions/types.js

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

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

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

package/dist/components/avatar/Avatar.js

@@ -0,0 +1,31 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import styled from 'styled-components';
+var avatarSizes = { xs: 16, s: 24, m: 32, l: 40 };
+var textSizes = { xs: 10, s: 12, m: 14, l: 20 };
+var getBackGroundImageStyle = function (_a) {
+    var image = _a.image, initials = _a.initials, placeholder = _a.placeholder;
+    if (!image && !placeholder)
+        return {};
+    var urls = [];
+    if (image) {
+        urls.push("url(" + image + ")");
+    }
+    if (placeholder && !initials) {
+        urls.push("url(" + placeholder + ")");
+    }
+    return { backgroundImage: urls.join() };
+};
+var BaseAvatar = function (props) { return React.createElement("span", { className: props.className }); };
+var Avatar = styled(BaseAvatar).attrs(function (props) { return ({
+    initials: props.initials ? (['m', 'l'].includes(props.size) ? props.initials.slice(0, 2) : props.initials[0]) : '',
+}); })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-box-pack: center;\n  height: ", "px;\n  width: ", "px;\n  line-height: 0;\n  border-radius: 100%;\n  -webkit-box-align: center;\n  background-size: cover;\n  color: white;\n  background-color: ", ";\n  ", "\n\n  &:after {\n    content: '", "';\n    line-height: 40px;\n    font-weight: 500;\n    font-style: normal;\n    font-size: ", "px;\n    text-transform: uppercase;\n  }\n"], ["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  -webkit-box-pack: center;\n  height: ", "px;\n  width: ", "px;\n  line-height: 0;\n  border-radius: 100%;\n  -webkit-box-align: center;\n  background-size: cover;\n  color: white;\n  background-color: ", ";\n  ", "\n\n  &:after {\n    content: '", "';\n    line-height: 40px;\n    font-weight: 500;\n    font-style: normal;\n    font-size: ", "px;\n    text-transform: uppercase;\n  }\n"])), function (props) { return avatarSizes[props.size || 'm']; }, function (props) { return avatarSizes[props.size || 'm']; }, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.primary[500];
+}, function (props) { return getBackGroundImageStyle(props); }, function (props) { return (props.image ? '' : props.initials); }, function (props) { return textSizes[props.size || 'm']; });
+export default Avatar;
+var templateObject_1;
+//# sourceMappingURL=Avatar.js.map

package/dist/components/avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,IAAM,WAAW,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAA;AACnD,IAAM,SAAS,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAA;AAEjD,IAAM,uBAAuB,GAAG,UAAC,EAA6C;QAA3C,gBAAK,EAAE,sBAAQ,EAAE,4BAAW;IAC7D,IAAI,CAAC,KAAK,IAAI,CAAC,WAAW;QAAE,OAAO,EAAE,CAAA;IACrC,IAAM,IAAI,GAAG,EAAE,CAAA;IACf,IAAI,KAAK,EAAE;QACT,IAAI,CAAC,IAAI,CAAC,SAAO,KAAK,MAAG,CAAC,CAAA;KAC3B;IACD,IAAI,WAAW,IAAI,CAAC,QAAQ,EAAE;QAC5B,IAAI,CAAC,IAAI,CAAC,SAAO,WAAW,MAAG,CAAC,CAAA;KACjC;IACD,OAAO,EAAE,eAAe,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAA;AACzC,CAAC,CAAA;AAED,IAAM,UAAU,GAAG,UAAC,KAAkB,IAAK,OAAA,8BAAM,SAAS,EAAE,KAAK,CAAC,SAAS,GAAI,EAApC,CAAoC,CAAA;AAE/E,IAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,CAAc,UAAA,KAAK,IAAI,OAAA,CAAC;IAC7D,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;CACnH,CAAC,EAF4D,CAE5D,CAAC,whBAAA,wHAKS,EAAuC,gBACxC,EAAuC,gJAM5B,EAAyC,OAC3D,EAAuC,iCAG3B,EAA4C,6FAI3C,EAAqC,4CAGrD,KAlBW,UAAA,KAAK,IAAI,OAAA,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,EAA9B,CAA8B,EACxC,UAAA,KAAK,IAAI,OAAA,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,EAA9B,CAA8B,EAM5B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC;AAA1B,CAA0B,EAC3D,UAAA,KAAK,IAAI,OAAA,uBAAuB,CAAC,KAAK,CAAC,EAA9B,CAA8B,EAG3B,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAnC,CAAmC,EAI3C,UAAA,KAAK,IAAI,OAAA,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI,GAAG,CAAC,EAA5B,CAA4B,CAGrD,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/avatar/avatar.stories.js

@@ -0,0 +1,31 @@
+import { select, text } from '@storybook/addon-knobs';
+import React from 'react';
+import Avatar from './Avatar';
+export var Generic = function () {
+    var size = select('size', { 'x-small': 'xs', small: 's', medium: 'm', large: 'l' }, 'm');
+    var initials = text('initials', 'GD');
+    var image = text('image', 'http://sebastiansenderowski.altervista.org/assets/img/profile.jpg');
+    var placeholder = text('placeholder', 'https://a.ltrbxd.com/logos/letterboxd-decal-l-neg-rgb.svg');
+    return React.createElement(Avatar, { image: image, initials: initials, size: size, placeholder: placeholder });
+};
+export var Initials = function () {
+    var size = select('size', { 'x-small': 'xs', small: 's', medium: 'm', large: 'l' }, 'm');
+    var initials = text('initials', 'GD');
+    return React.createElement(Avatar, { initials: initials, size: size });
+};
+export var Placeholder = function () {
+    var size = select('size', { 'x-small': 'xs', small: 's', medium: 'm', large: 'l' }, 'm');
+    var placeholder = text('placeholder', 'https://a.ltrbxd.com/logos/letterboxd-decal-l-neg-rgb.svg');
+    return React.createElement(Avatar, { size: size, placeholder: placeholder });
+};
+export var Image = function () {
+    var image = text('image', 'http://sebastiansenderowski.altervista.org/assets/img/profile.jpg');
+    var size = select('size', { 'x-small': 'xs', small: 's', medium: 'm', large: 'l' }, 'm');
+    return React.createElement(Avatar, { image: image, size: size });
+};
+var AvatarStories = {
+    title: 'Old Components/Avatar',
+    component: Avatar,
+};
+export default AvatarStories;
+//# sourceMappingURL=avatar.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,KAAuB,MAAM,OAAO,CAAA;AAE3C,OAAO,MAAM,MAAM,UAAU,CAAA;AAI7B,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,IAAM,IAAI,GAA2B,MAAM,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAA;IAClH,IAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IACvC,IAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,mEAAmE,CAAC,CAAA;IAChG,IAAM,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,2DAA2D,CAAC,CAAA;IAEpG,OAAO,oBAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,CAAA;AAC3F,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,IAAM,IAAI,GAA2B,MAAM,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAA;IAClH,IAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IAEvC,OAAO,oBAAC,MAAM,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;AACnD,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,IAAM,IAAI,GAA2B,MAAM,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAA;IAClH,IAAM,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,2DAA2D,CAAC,CAAA;IAEpG,OAAO,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,GAAI,CAAA;AACzD,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG;IACnB,IAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,mEAAmE,CAAC,CAAA;IAChG,IAAM,IAAI,GAA2B,MAAM,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,GAAG,CAAC,CAAA;IAElH,OAAO,oBAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;AAC7C,CAAC,CAAA;AAED,IAAM,aAAa,GAAsB;IACvC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;CAClB,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/avatar/index.js

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

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

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

package/dist/components/avatar/types.js

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

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

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

package/dist/components/badge/Badge.js

@@ -0,0 +1,32 @@
+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 from 'react';
+import styled from 'styled-components';
+import { spacing } from '../../styles/spacing';
+import Avatar from '../avatar/Avatar';
+import { Icon } from '../icon';
+import { Body } from './components/Body';
+export var Badge = function (props) {
+    var color = props.color, handleRightIconClick = props.handleRightIconClick, imageUrl = props.imageUrl, leftIcon = props.leftIcon, rightIcon = props.rightIcon, text = props.text;
+    return (React.createElement(Body, __assign({ className: color || '' }, props),
+        imageUrl && React.createElement(Avatar, { size: 'xs', image: imageUrl }),
+        leftIcon && React.createElement(Icon, __assign({}, leftIcon)),
+        React.createElement(Text, null, text),
+        rightIcon && React.createElement(Icon, __assign({}, rightIcon, { onClick: handleRightIconClick }))));
+};
+var Text = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", " ", ";\n"], ["\n  padding: ", " ", ";\n"])), spacing.xxs, spacing.xs);
+var templateObject_1;
+//# sourceMappingURL=Badge.js.map

package/dist/components/badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/badge/Badge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,MAAM,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAGxC,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,KAAiB;IAC7B,IAAA,mBAAK,EAAE,iDAAoB,EAAE,yBAAQ,EAAE,yBAAQ,EAAE,2BAAS,EAAE,iBAAI,CAAU;IAClF,OAAO,CACL,oBAAC,IAAI,aAAC,SAAS,EAAE,KAAK,IAAI,EAAE,IAAM,KAAK;QACpC,QAAQ,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAI;QACnD,QAAQ,IAAI,oBAAC,IAAI,eAAK,QAAQ,EAAI;QACnC,oBAAC,IAAI,QAAE,IAAI,CAAQ;QAClB,SAAS,IAAI,oBAAC,IAAI,eAAK,SAAS,IAAE,OAAO,EAAE,oBAAoB,IAAI,CAC/D,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,8FAAA,eACV,EAAW,GAAI,EAAU,KACrC,KADY,OAAO,CAAC,GAAG,EAAI,OAAO,CAAC,EAAE,CACrC,CAAA"}

package/dist/components/badge/badge.stories.js

@@ -0,0 +1,33 @@
+import { faChevronDown, faExclamationTriangle, faTimes } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { Badge } from './Badge';
+var chevronDownIcon = {
+    icon: faChevronDown,
+};
+var timesIcon = {
+    icon: faTimes,
+};
+var exclamationIcon = {
+    icon: faExclamationTriangle,
+};
+export var Normal = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(Badge, { text: 'Type', color: 'green' }),
+    React.createElement("br", null),
+    React.createElement(Badge, { text: 'Type', color: 'red' }))); };
+export var Advanced = function () {
+    var handleClick = function () {
+        alert('Clicked');
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Badge, { text: 'Type', imageUrl: 'http://sebastiansenderowski.altervista.org/assets/img/profile.jpg', rightIcon: chevronDownIcon, handleRightIconClick: handleClick }),
+        React.createElement("br", null),
+        React.createElement(Badge, { text: 'Type', color: 'green', leftIcon: exclamationIcon }),
+        React.createElement("br", null),
+        React.createElement(Badge, { text: 'Type', rightIcon: timesIcon, handleRightIconClick: handleClick })));
+};
+var BadgeStories = {
+    title: 'Old Components/Badge',
+    component: Badge,
+};
+export default BadgeStories;
+//# sourceMappingURL=badge.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.stories.js","sourceRoot":"","sources":["../../../src/components/badge/badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAEhG,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,IAAM,eAAe,GAAc;IACjC,IAAI,EAAE,aAAa;CACpB,CAAA;AAED,IAAM,SAAS,GAAc;IAC3B,IAAI,EAAE,OAAO;CACd,CAAA;AAED,IAAM,eAAe,GAAc;IACjC,IAAI,EAAE,qBAAqB;CAC5B,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,cAAM,OAAA,CAC1B;IACE,oBAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,GAAG;IACnC,+BAAM;IACN,oBAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,KAAK,GAAG,CAChC,CACJ,EAN2B,CAM3B,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,IAAM,WAAW,GAAG;QAClB,KAAK,CAAC,SAAS,CAAC,CAAA;IAClB,CAAC,CAAA;IAED,OAAO,CACL;QACE,oBAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,mEAAmE,EAC7E,SAAS,EAAE,eAAe,EAC1B,oBAAoB,EAAE,WAAW,GACjC;QACF,+BAAM;QACN,oBAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,EAAC,QAAQ,EAAE,eAAe,GAAI;QAC9D,+BAAM;QACN,oBAAC,KAAK,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,EAAE,oBAAoB,EAAE,WAAW,GAAI,CAC7E,CACJ,CAAA;AACH,CAAC,CAAA;AAED,IAAM,YAAY,GAAqB;IACrC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,KAAK;CACjB,CAAA;AAED,eAAe,YAAY,CAAA"}