@fattureincloud/fic-design-system 0.3.17 → 0.3.21

package/dist/components/drawer/drawer.js

@@ -22,9 +22,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { faTimes } from '@fortawesome/pro-solid-svg-icons';
 import React, { Component } from 'react';
 import { StyledDrawerWrapper, StyledIcon } from './components/styledDrawerWrapper';
-import { faTimes } from '@fortawesome/pro-solid-svg-icons';
 var UnstyledDrawer = /** @class */ (function (_super) {
     __extends(UnstyledDrawer, _super);
     function UnstyledDrawer(props) {
@@ -33,15 +33,15 @@ var UnstyledDrawer = /** @class */ (function (_super) {
         return _this;
     }
     UnstyledDrawer.prototype.render = function () {
-        var _a = this.props, title = _a.title, renderHeader = _a.renderHeader, renderFooter = _a.renderFooter, actionClose = _a.actionClose;
-        return (React.createElement("div", { className: "drawer" },
-            React.createElement("div", { className: "drawer__header" },
-                renderHeader ? renderHeader() : React.createElement("div", { className: "drawer__header__title" }, title),
-                React.createElement("div", { className: "drawer__header__actions" },
+        var _a = this.props, actionClose = _a.actionClose, renderFooter = _a.renderFooter, renderHeader = _a.renderHeader, title = _a.title;
+        return (React.createElement("div", { className: 'drawer' },
+            React.createElement("div", { className: 'drawer__header' },
+                renderHeader ? renderHeader() : React.createElement("div", { className: 'drawer__header__title' }, title),
+                React.createElement("div", { className: 'drawer__header__actions' },
                     React.createElement("span", { onClick: actionClose },
                         React.createElement(StyledIcon, { icon: faTimes })))),
-            React.createElement("div", { className: "drawer__body" }, this.props.children),
-            renderFooter ? React.createElement("div", { className: "drawer__footer" }, renderFooter()) : null));
+            React.createElement("div", { className: 'drawer__body' }, this.props.children),
+            renderFooter ? React.createElement("div", { className: 'drawer__footer' }, renderFooter()) : null));
     };
     return UnstyledDrawer;
 }(Component));

package/dist/components/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEnF,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAE3D;IAAoC,kCAAqD;IACvF,wBAAY,KAA2B;QAAvC,YACE,kBAAM,KAAK,CAAC,SAGb;QADC,KAAI,CAAC,KAAK,GAAG,EAAE,CAAC;;IAClB,CAAC;IAED,+BAAM,GAAN;QACQ,IAAA,eAA+D,EAA7D,gBAAK,EAAE,8BAAY,EAAE,8BAAY,EAAE,4BAA0B,CAAC;QACtE,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;YACrB,6BAAK,SAAS,EAAC,gBAAgB;gBAC5B,YAAY,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAO;gBACrF,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,8BAAM,OAAO,EAAE,WAAW;wBACxB,oBAAC,UAAU,IAAC,IAAI,EAAE,OAAO,GAAI,CACxB,CACH,CACF;YACN,6BAAK,SAAS,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO;YAExD,YAAY,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,gBAAgB,IAAE,YAAY,EAAE,CAAO,CAAC,CAAC,CAAC,IAAI,CACzE,CACP,CAAC;IACJ,CAAC;IACH,qBAAC;AAAD,CAAC,AAzBD,CAAoC,SAAS,GAyB5C;;AAED,IAAM,MAAM,GAAY,UAAA,KAAK,IAAI,OAAA,CAC/B,oBAAC,mBAAmB,eAAK,KAAK;IAC5B,oBAAC,cAAc,eAAK,KAAK,EAAI,CACT,CACvB,EAJgC,CAIhC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/components/drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAC1D,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAGlF;IAAoC,kCAAmD;IACrF,wBAAY,KAA0B;QAAtC,YACE,kBAAM,KAAK,CAAC,SAGb;QADC,KAAI,CAAC,KAAK,GAAG,EAAE,CAAA;;IACjB,CAAC;IAED,+BAAM,GAAN;QACQ,IAAA,eAA+D,EAA7D,4BAAW,EAAE,8BAAY,EAAE,8BAAY,EAAE,gBAAoB,CAAA;QACrE,OAAO,CACL,6BAAK,SAAS,EAAC,QAAQ;YACrB,6BAAK,SAAS,EAAC,gBAAgB;gBAC5B,YAAY,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAO;gBACrF,6BAAK,SAAS,EAAC,yBAAyB;oBACtC,8BAAM,OAAO,EAAE,WAAW;wBACxB,oBAAC,UAAU,IAAC,IAAI,EAAE,OAAO,GAAI,CACxB,CACH,CACF;YACN,6BAAK,SAAS,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAO;YAExD,YAAY,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,gBAAgB,IAAE,YAAY,EAAE,CAAO,CAAC,CAAC,CAAC,IAAI,CACzE,CACP,CAAA;IACH,CAAC;IACH,qBAAC;AAAD,CAAC,AAzBD,CAAoC,SAAS,GAyB5C;;AAED,IAAM,MAAM,GAAY,UAAA,KAAK,IAAI,OAAA,CAC/B,oBAAC,mBAAmB,eAAK,KAAK;IAC5B,oBAAC,cAAc,eAAK,KAAK,EAAI,CACT,CACvB,EAJgC,CAIhC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/drawer/drawer.stories.js

@@ -1,29 +1,12 @@
-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 __());
-    };
-})();
-import { boolean, text, withKnobs } from '@storybook/addon-knobs';
-import { storiesOf } from '@storybook/react';
-import React, { Component } from 'react';
-import { Drawer } from '.';
-import { defaultTheme } from '../../styles/theme';
-import { GlobalStyles } from '../../utils/globalStyles';
-import { Button } from '../buttons/Button';
-import { ThemeProvider } from '../themeProvider';
 import { faCircle, faCog, faPencilAlt } from '@fortawesome/pro-solid-svg-icons';
-import { Icon } from '../icon/Icon';
+import { boolean, text } from '@storybook/addon-knobs';
+import React, { useCallback, useState } from 'react';
 import { Accordion } from '../accordions';
+import { Button } from '../buttons';
+import { Icon } from '../icon';
+import { Drawer } from '.';
 export var DrawerGroup = function () { return (React.createElement(React.Fragment, null,
-    React.createElement(Accordion, { title: "Pagamenti", renderBody: function () { return (React.createElement(React.Fragment, null,
+    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 }))),
@@ -35,10 +18,10 @@ export var DrawerGroup = function () { return (React.createElement(React.Fragmen
                 action: function () {
                     console.log('edit');
                 },
-                icon: React.createElement(Icon, { icon: faPencilAlt })
-            }
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
         ] }),
-    React.createElement(Accordion, { title: "Pagamenti", renderBody: function () { return (React.createElement(React.Fragment, null,
+    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 }))),
@@ -50,10 +33,10 @@ export var DrawerGroup = function () { return (React.createElement(React.Fragmen
                 action: function () {
                     console.log('edit');
                 },
-                icon: React.createElement(Icon, { icon: faCog })
-            }
+                icon: React.createElement(Icon, { icon: faCog }),
+            },
         ] }),
-    React.createElement(Accordion, { title: "Pagamenti", renderBody: function () { return (React.createElement(React.Fragment, null,
+    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 }))),
@@ -65,47 +48,30 @@ export var DrawerGroup = function () { return (React.createElement(React.Fragmen
                 action: function () {
                     console.log('edit');
                 },
-                icon: React.createElement(Icon, { icon: faPencilAlt })
-            }
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
         ] }))); };
-var stories = storiesOf('Drawer', module);
-stories.addDecorator(withKnobs);
-stories.add('editable', function () {
+export var Editable = function () {
     var show = boolean('show', true);
     var title = text('title', 'Massimiliano Bolognesi');
-    return (React.createElement(ThemeProvider, { theme: defaultTheme },
-        React.createElement(GlobalStyles, null),
-        React.createElement(Drawer, { show: show, title: title, renderFooter: function () { return (React.createElement("div", null,
-                React.createElement(Button, { text: "Posiz. nei condom\u00ECni" }))); } },
+    return (React.createElement(Drawer, { show: show, title: title, renderFooter: function () { return (React.createElement("div", null,
+            React.createElement(Button, { text: 'Posiz. nei condom\u00ECni' }))); } },
+        React.createElement(DrawerGroup, null)));
+};
+var renderFooter = function () { return (React.createElement("div", null,
+    React.createElement(Button, { text: 'Posiz. nei condom\u00ECni' }))); };
+var DrawerWithState = function () {
+    var _a = useState(false), show = _a[0], setShow = _a[1];
+    var toggleShow = useCallback(function () { return setShow(function (show) { return !show; }); }, []);
+    return (React.createElement("div", null,
+        React.createElement("button", { onClick: toggleShow }, "Show"),
+        React.createElement(Drawer, { actionClose: function () { return setShow(false); }, show: show, title: 'Massimiliano Bolognesi', renderFooter: renderFooter },
             React.createElement(DrawerGroup, null))));
-});
-var DrawerWithState = /** @class */ (function (_super) {
-    __extends(DrawerWithState, _super);
-    function DrawerWithState(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = {
-            show: false
-        };
-        return _this;
-    }
-    DrawerWithState.prototype.render = function () {
-        var _this = this;
-        return (React.createElement("div", null,
-            React.createElement("button", { onClick: function () {
-                    _this.setState(function (_a) {
-                        var show = _a.show;
-                        return ({ show: !show });
-                    });
-                } }, "Show"),
-            React.createElement(Drawer, { actionClose: function () {
-                    _this.setState({ show: false });
-                }, show: this.state.show, title: "Massimiliano Bolognesi", renderFooter: function () { return (React.createElement("div", null,
-                    React.createElement(Button, { text: "Posiz. nei condom\u00ECni" }))); } },
-                React.createElement(DrawerGroup, null))));
-    };
-    return DrawerWithState;
-}(Component));
-stories.add('with state', function () { return (React.createElement(ThemeProvider, { theme: defaultTheme },
-    React.createElement(GlobalStyles, null),
-    React.createElement(DrawerWithState, null))); });
+};
+export var WithState = function () { return React.createElement(DrawerWithState, null); };
+var DrawerStories = {
+    title: 'Old Components/Drawer',
+    component: Drawer,
+};
+export default DrawerStories;
 //# sourceMappingURL=drawer.stories.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/drawer/utils.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,IAAc;IACxC,OAAA,IAAI;QACF,CAAC,CAAC,GAAG,gHAAA,6CAEF,KACH,CAAC,CAAC,SAAS;AAJb,CAIa,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/drawer/utils.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAEvC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,IAAc;IACxC,OAAA,IAAI;QACF,CAAC,CAAC,GAAG,gHAAA,6CAEF,KACH,CAAC,CAAC,SAAS;AAJb,CAIa,CAAA"}

package/dist/components/dropdown/DropdownImpl.js

@@ -13,42 +13,46 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useCallback, useRef, useState, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { usePopper } from 'react-popper';
-import styled, { css } from 'styled-components';
-import { useClickAway } from 'react-use';
-import DefaultTrigger from './components/DefaultTrigger';
 import { CSSTransition } from 'react-transition-group';
+import { useClickAway } from 'react-use';
+import styled, { css } from 'styled-components';
 import DefaultDropdown from './components/DefaultDropdown';
+import DefaultTrigger from './components/DefaultTrigger';
 var DropdownImpl = function (props) {
-    var title = props.title, placement = props.placement, content = props.content, renderTrigger = props.renderTrigger, renderContent = props.renderContent, className = props.className, alignRight = props.alignRight, fullWidth = props.fullWidth, maxWidth = props.maxWidth, _a = props.minWidthAsTrigger, minWidthAsTrigger = _a === void 0 ? false : _a;
-    var _b = useState(false), isOpen = _b[0], setIsOpen = _b[1];
-    var toggleDropdown = useCallback(function () { return setIsOpen(function (isOpen) { return !isOpen; }); }, []);
+    var className = props.className, content = props.content, fullWidth = props.fullWidth, maxWidth = props.maxWidth, _a = props.minWidthAsTrigger, minWidthAsTrigger = _a === void 0 ? false : _a, _b = props.placement, placement = _b === void 0 ? 'bottom-start' : _b, renderContent = props.renderContent, renderTrigger = props.renderTrigger, triggerStyles = props.triggerStyles, title = props.title, _c = props.forceOpen, forceOpen = _c === void 0 ? false : _c;
+    var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
+    var toggleDropdown = useCallback(function (e) {
+        setIsOpen(function (isOpen) { return !isOpen; });
+        e.stopPropagation();
+    }, []);
     var closeDropdown = useCallback(function () { return setIsOpen(false); }, []);
+    useEffect(function () {
+        setIsOpen(forceOpen);
+    }, [forceOpen]);
     // Close Dropdown on click outside
     var wrapperRef = useRef(null);
     useClickAway(wrapperRef, function () { return closeDropdown(); });
     var popperRef = useRef(null);
     var buttonRef = useRef(null);
-    var _c = useState(null), arrowRef = _c[0], setArrowRef = _c[1];
-    // alignRight left for compatibility
-    var popperPlacement = placement ? placement : alignRight ? 'bottom-end' : 'bottom-start';
-    var _d = usePopper(buttonRef.current, popperRef.current, {
-        placement: popperPlacement,
+    var _e = useState(null), arrowRef = _e[0], setArrowRef = _e[1];
+    var _f = usePopper(buttonRef.current, popperRef.current, {
+        placement: placement,
         strategy: 'fixed',
         modifiers: useMemo(function () { return [
             {
                 name: 'arrow',
                 options: {
-                    element: arrowRef
-                }
+                    element: arrowRef,
+                },
             },
             {
                 name: 'offset',
                 enabled: true,
                 options: {
-                    offset: [0, 4]
-                }
+                    offset: [0, 4],
+                },
             },
             {
                 name: 'minWidthAsTrigger',
@@ -63,22 +67,20 @@ var DropdownImpl = function (props) {
                     var state = _a.state;
                     var width = state.elements.reference.getBoundingClientRect().width;
                     state.elements.popper.style.minWidth = width + "px";
-                }
-            }
-        ]; }, [minWidthAsTrigger, arrowRef])
-    }), styles = _d.styles, attributes = _d.attributes;
+                },
+            },
+        ]; }, [minWidthAsTrigger, arrowRef]),
+    }), attributes = _f.attributes, styles = _f.styles;
     return (React.createElement(Wrapper, { className: className, ref: wrapperRef },
-        React.createElement("div", { ref: buttonRef, onClick: toggleDropdown },
+        React.createElement("div", { style: triggerStyles, ref: buttonRef, onClick: toggleDropdown },
             title && React.createElement(DefaultTrigger, { title: title }),
             !title && renderTrigger && renderTrigger()),
-        React.createElement(CSSTransition, { in: isOpen, timeout: 200, unmountOnExit: true, appear: true },
+        React.createElement(CSSTransition, { in: forceOpen || isOpen, timeout: 200, unmountOnExit: true, appear: true },
             React.createElement(BodyAnimationWrapper, null,
                 React.createElement(PopperContainer, __assign({ ref: popperRef, style: styles.popper }, attributes.popper),
                     React.createElement("div", { ref: setArrowRef, style: styles.arrow }),
-                    React.createElement("div", { style: styles.offset },
-                        content && (React.createElement(DefaultWrapper, { fullWidth: fullWidth, maxWidth: maxWidth },
-                            React.createElement(DefaultDropdown, { content: content, fullWidth: fullWidth, maxWidth: maxWidth, closeDropdown: closeDropdown }))),
-                        React.createElement(CustomWrapper, { maxWidth: maxWidth }, renderContent && renderContent(closeDropdown))))))));
+                    React.createElement("div", { style: styles.offset }, content ? (React.createElement(DefaultWrapper, { fullWidth: fullWidth, maxWidth: maxWidth },
+                        React.createElement(DefaultDropdown, { content: content, fullWidth: fullWidth, maxWidth: maxWidth, closeDropdown: closeDropdown }))) : (React.createElement(CustomWrapper, { maxWidth: maxWidth }, renderContent === null || renderContent === void 0 ? void 0 : renderContent(closeDropdown)))))))));
 };
 var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 var DefaultWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ",
@@ -92,7 +94,7 @@ var CustomWrapper = styled.div(templateObject_6 || (templateObject_6 = __makeTem
     var maxWidth = _a.maxWidth;
     return maxWidth && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      max-width: ", ";\n    "], ["\n      max-width: ", ";\n    "])), maxWidth);
 });
-var PopperContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding: 8px 0;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 3px;\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n  z-index: 9;\n"], ["\n  padding: 8px 0;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 3px;\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n  z-index: 9;\n"])), function (_a) {
+var PopperContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  overflow-y: hidden;\n  padding: 8px 0;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 3px;\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n  z-index: 9;\n"], ["\n  overflow-y: hidden;\n  padding: 8px 0;\n  color: ", ";\n  background-color: ", ";\n  border-radius: 3px;\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n  z-index: 9;\n"])), function (_a) {
     var theme = _a.theme;
     return theme.palette.grey[900];
 }, function (_a) {

package/dist/components/dropdown/DropdownImpl.js.map

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

package/dist/components/dropdown/components/DefaultDropdown.js

@@ -1,14 +1,40 @@
-import React from 'react';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useMemo } from 'react';
 import Item from './Item';
 var DefaultDropdown = function (_a) {
-    var content = _a.content, fullWidth = _a.fullWidth, maxWidth = _a.maxWidth, closeDropdown = _a.closeDropdown;
-    return (React.createElement(React.Fragment, null, content.map(function (_a, id) {
-        var onClick = _a.onClick, icon = _a.icon, text = _a.text;
-        return (React.createElement(Item, { text: text, icon: icon, fullWidth: fullWidth, maxWidth: maxWidth, key: id, onClick: function () {
-                onClick && onClick();
-                closeDropdown();
-            } }));
-    })));
+    var closeDropdown = _a.closeDropdown, content = _a.content, fullWidth = _a.fullWidth, maxWidth = _a.maxWidth;
+    var mappedItems = useMemo(function () {
+        return content.map(function (_a, id) {
+            var onClick = _a.onClick, rest = __rest(_a, ["onClick"]);
+            return (React.createElement(Item, __assign({ fullWidth: fullWidth, maxWidth: maxWidth, key: id, onClick: function (e) {
+                    e.stopPropagation();
+                    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                    closeDropdown();
+                } }, rest)));
+        });
+    }, [closeDropdown, content, fullWidth, maxWidth]);
+    return React.createElement(React.Fragment, null, mappedItems);
 };
 export default DefaultDropdown;
 //# sourceMappingURL=DefaultDropdown.js.map

package/dist/components/dropdown/components/DefaultDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultDropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/DefaultDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAS1B,IAAM,eAAe,GAAG,UAAC,EAAsD;QAApD,oBAAO,EAAE,wBAAS,EAAE,sBAAQ,EAAE,gCAAa;IAAc,OAAA,CAClF,0CACG,OAAO,CAAC,GAAG,CAAC,UAAC,EAAsC,EAAE,EAAE;YAAxC,oBAAO,EAAE,cAAI,EAAE,cAAI;QAA0B,OAAA,CAC3D,oBAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,EAAE,EACP,OAAO,EAAE;gBACP,OAAO,IAAI,OAAO,EAAE,CAAC;gBACrB,aAAa,EAAE,CAAC;YAClB,CAAC,GACD,CACH;IAZ4D,CAY5D,CAAC,CACD,CACJ;AAhBmF,CAgBnF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DefaultDropdown.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/DefaultDropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,IAAI,MAAM,QAAQ,CAAA;AASzB,IAAM,eAAe,GAAG,UAAC,EAAsD;QAApD,gCAAa,EAAE,oBAAO,EAAE,wBAAS,EAAE,sBAAQ;IACpE,IAAM,WAAW,GAAG,OAAO,CACzB;QACE,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,EAAuC,EAAE,EAAE;YAAzC,IAAA,oBAAO,EAAE,8BAAO;YAA8B,OAAA,CAC3D,oBAAC,IAAI,aACH,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,EAAE,EACP,OAAO,EAAE,UAAA,CAAC;oBACR,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,EAAC;oBACZ,aAAa,EAAE,CAAA;gBACjB,CAAC,IACG,IAAI,EACR,CACH,CAAA;SAAA,CAAC;IAZF,CAYE,EACJ,CAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAC9C,CAAA;IAED,OAAO,0CAAG,WAAW,CAAI,CAAA;AAC3B,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/dropdown/components/DefaultTrigger.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Button } from '../../buttons/Button';
 import { faChevronDown } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { Button } from '../../buttons';
 var DefaultTrigger = function (_a) {
     var title = _a.title;
     return React.createElement(Button, { text: title, iconRight: { icon: faChevronDown } });

package/dist/components/dropdown/components/DefaultTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultTrigger.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/DefaultTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAMjE,IAAM,cAAc,GAAG,UAAC,EAAgB;QAAd,gBAAK;IAA2B,OAAA,oBAAC,MAAM,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI;AAA3D,CAA2D,CAAC;AAEtH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"DefaultTrigger.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/DefaultTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAMtC,IAAM,cAAc,GAAG,UAAC,EAAgB;QAAd,gBAAK;IAA2B,OAAA,oBAAC,MAAM,IAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAI;AAA3D,CAA2D,CAAA;AAErH,eAAe,cAAc,CAAA"}

package/dist/components/dropdown/components/Item.d.ts

@@ -5,5 +5,5 @@ declare const Item: ({ active, className, icon, onClick, shortcut, text, isDisab
 export interface StyledItemProps extends Pick<DropdownItemProps, 'fullWidth' | 'maxWidth' | 'active' | 'isDisabled' | 'type'> {
     hasAction: boolean;
 }
-export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownItemStyles & StyledItemProps, "color" | "cursor" | "opacity" | "background" | "hoverBackground">;
+export declare const StyledItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownItemStyles & StyledItemProps, "color" | "opacity" | "background" | "hoverBackground" | "cursor">;
 export default Item;

package/dist/components/dropdown/components/Item.js

@@ -13,30 +13,53 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React from 'react';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useCallback } from 'react';
+import styled, { css } from 'styled-components';
+import { Icon } from '../../icon';
+import { getDropdownItemStyles } from '../utils';
 import { ShortcutText } from './ShortcutText';
-import styled from 'styled-components';
-import { Icon } from '../../icon/Icon';
 var Item = function (_a) {
-    var icon = _a.icon, text = _a.text, active = _a.active, shortcut = _a.shortcut, onClick = _a.onClick, className = _a.className, fullWidth = _a.fullWidth, maxWidth = _a.maxWidth;
-    return (React.createElement(StyledItem, { className: className || '', onClick: onClick, title: text, active: !!active, hasAction: !!onClick, fullWidth: fullWidth, maxWidth: maxWidth },
+    var active = _a.active, className = _a.className, icon = _a.icon, onClick = _a.onClick, shortcut = _a.shortcut, text = _a.text, isDisabled = _a.isDisabled, rest = __rest(_a, ["active", "className", "icon", "onClick", "shortcut", "text", "isDisabled"]);
+    var handleClick = useCallback(function (e) { return !isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e)); }, [isDisabled, onClick]);
+    return (React.createElement(StyledItem, __assign({ className: className || '', onClick: handleClick, active: !!active, hasAction: !!onClick, isDisabled: isDisabled }, rest),
         React.createElement(InnerWrapper, null,
             icon && React.createElement(Icon, __assign({}, icon)),
             React.createElement(TextWrapper, null, text),
             shortcut && React.createElement(ShortcutText, null, shortcut))));
 };
-export var StyledItem = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-align: left;\n  line-height: 21px !important;\n  padding: 5px 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n\n  background-color: ", ";\n  cursor: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  text-align: left;\n  line-height: 21px !important;\n  padding: 5px 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n\n  background-color: ", ";\n  cursor: ", ";\n\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (_a) {
-    var active = _a.active, theme = _a.theme;
-    return (active ? theme.palette.primary[50] : '');
-}, function (_a) {
-    var hasAction = _a.hasAction;
-    return (hasAction ? 'pointer' : 'default');
-}, function (_a) {
+var hasActionCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.palette.grey[100];
 });
-var InnerWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  & > * {\n    display: inline;\n  }\n\n  & > svg {\n    margin-right: 10px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n\n  & > * {\n    display: inline;\n  }\n\n  & > svg {\n    margin-right: 10px;\n  }\n"])));
-var TextWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n"], ["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1;\n"])));
+export var StyledItem = styled.div.attrs(getDropdownItemStyles)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: left;\n  line-height: 21px !important;\n  padding: 5px 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n\n  opacity: ", ";\n  color: ", ";\n  background-color: ", ";\n  cursor: ", ";\n\n  ", ";\n"], ["\n  text-align: left;\n  line-height: 21px !important;\n  padding: 5px 16px;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: normal;\n\n  opacity: ", ";\n  color: ", ";\n  background-color: ", ";\n  cursor: ", ";\n\n  ", ";\n"])), function (_a) {
+    var opacity = _a.opacity;
+    return opacity;
+}, function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var background = _a.background;
+    return background;
+}, function (_a) {
+    var cursor = _a.cursor;
+    return cursor;
+}, function (_a) {
+    var hasAction = _a.hasAction;
+    return (hasAction ? hasActionCss : null);
+});
+var InnerWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n\n  & > * {\n    display: inline;\n  }\n\n  & > svg {\n    margin-right: 10px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n\n  & > * {\n    display: inline;\n  }\n\n  & > svg {\n    margin-right: 10px;\n  }\n"])));
+var TextWrapper = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1 1 auto;\n"], ["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  flex: 1 1 auto;\n"])));
 export default Item;
-var templateObject_1, templateObject_2, templateObject_3;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=Item.js.map

package/dist/components/dropdown/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAEvC,IAAM,IAAI,GAAG,UAAC,EAAoF;QAAlF,cAAI,EAAE,cAAI,EAAE,kBAAM,EAAE,sBAAQ,EAAE,oBAAO,EAAE,wBAAS,EAAE,wBAAS,EAAE,sBAAQ;IAAkB,OAAA,CACrG,oBAAC,UAAU,IACT,SAAS,EAAE,SAAS,IAAI,EAAE,EAC1B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,SAAS,EAAE,CAAC,CAAC,OAAO,EACpB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ;QAElB,oBAAC,YAAY;YACV,IAAI,IAAI,oBAAC,IAAI,eAAK,IAAI,EAAI;YAC3B,oBAAC,WAAW,QAAE,IAAI,CAAe;YAChC,QAAQ,IAAI,oBAAC,YAAY,QAAE,QAAQ,CAAgB,CACvC,CACJ,CACd;AAhBsG,CAgBtG,CAAC;AASF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,qTAAiB,yKAQ/B,EAAgE,eAC1E,EAAsD,0CAG1C,EAAsC,UAE7D,KANqB,UAAC,EAAiB;QAAf,kBAAM,EAAE,gBAAK;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAAzC,CAAyC,EAC1E,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAnC,CAAmC,EAG1C,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAE7D,CAAC;AAEF,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,sMAAA,mIAW9B,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,4JAAA,yFAK7B,IAAA,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/Item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAsB,qBAAqB,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,IAAM,IAAI,GAAG,UAAC,EAA4F;IAA1F,IAAA,kBAAM,EAAE,wBAAS,EAAE,cAAI,EAAE,oBAAO,EAAE,sBAAQ,EAAE,cAAI,EAAE,0BAAU,EAAE,+FAAO;IACnF,IAAM,WAAW,GAAG,WAAW,CAAoB,UAAA,CAAC,IAAI,OAAA,CAAC,UAAU,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,EAAC,EAA3B,CAA2B,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAA;IAE3G,OAAO,CACL,oBAAC,UAAU,aACT,SAAS,EAAE,SAAS,IAAI,EAAE,EAC1B,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,CAAC,CAAC,MAAM,EAChB,SAAS,EAAE,CAAC,CAAC,OAAO,EACpB,UAAU,EAAE,UAAU,IAClB,IAAI;QAER,oBAAC,YAAY;YACV,IAAI,IAAI,oBAAC,IAAI,eAAK,IAAI,EAAI;YAC3B,oBAAC,WAAW,QAAE,IAAI,CAAe;YAChC,QAAQ,IAAI,oBAAC,YAAY,QAAE,QAAQ,CAAgB,CACvC,CACJ,CACd,CAAA;AACH,CAAC,CAAA;AAOD,IAAM,YAAY,GAAG,GAAG,sHAAA,uCAEA,EAAsC,UAE7D,KAFuB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAE7D,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAsC,qBAAqB,CAAC,iTAAiB,gKAQ1G,EAAwB,cAC1B,EAAoB,yBACT,EAA8B,eACxC,EAAsB,SAE9B,EAAoD,KACvD,KANY,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,OAAO;AAAP,CAAO,EAC1B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,EACT,UAAC,EAAc;QAAZ,0BAAU;IAAO,OAAA,UAAU;AAAV,CAAU,EACxC,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,EAE9B,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;AAAjC,CAAiC,CACvD,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,sMAAA,mIAW9B,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,mKAAA,gGAK7B,IAAA,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/dropdown/components/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/Separator.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,kNAAA,qGAKF,EAAsC,wCAG/D,KAHyB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAG/D,CAAC;AAEF,IAAM,SAAS,GAAG,cAAM,OAAA,oBAAC,SAAS,OAAG,EAAb,CAAa,CAAC;AAEtC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/Separator.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,kNAAA,qGAKF,EAAsC,wCAG/D,KAHyB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAG/D,CAAA;AAED,IAAM,SAAS,GAAG,cAAM,OAAA,oBAAC,SAAS,OAAG,EAAb,CAAa,CAAA;AAErC,eAAe,SAAS,CAAA"}

package/dist/components/dropdown/components/ShortcutText.js

@@ -3,9 +3,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import styled from 'styled-components';
-export var ShortcutText = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 3px;\n  padding: 0 2px 0 2px;\n"], ["\n  background-color: ", ";\n  border-radius: 3px;\n  padding: 0 2px 0 2px;\n"])), function (_a) {
+export var ShortcutText = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: transparent;\n  color: ", ";\n  padding: 0 2px 0 2px;\n  white-space: nowrap;\n  font-size: 12px;\n"], ["\n  background-color: transparent;\n  color: ", ";\n  padding: 0 2px 0 2px;\n  white-space: nowrap;\n  font-size: 12px;\n"])), function (_a) {
     var theme = _a.theme;
-    return theme.palette.primary[50];
+    return theme.palette.grey[500];
 });
 var templateObject_1;
 //# sourceMappingURL=ShortcutText.js.map

package/dist/components/dropdown/components/ShortcutText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutText.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/ShortcutText.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,kJAAA,wBACjB,EAAwC,qDAG7D,KAHqB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;AAAzB,CAAyB,CAG7D,CAAC"}
+{"version":3,"file":"ShortcutText.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/ShortcutText.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,8LAAA,+CAE5B,EAAsC,0EAIhD,KAJU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAIhD,CAAA"}

package/dist/components/dropdown/components/Title.js

@@ -2,8 +2,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import styled from 'styled-components';
 import React from 'react';
+import styled from 'styled-components';
 var Title = function (props) { return React.createElement(StyledTitle, null, props.text); };
 var StyledTitle = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: initial;\n  text-align: left;\n  padding: 4px 16px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  color: ", ";\n"], ["\n  cursor: initial;\n  text-align: left;\n  padding: 4px 16px;\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  text-transform: uppercase;\n  color: ", ";\n"])), function (_a) {
     var theme = _a.theme;

package/dist/components/dropdown/components/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/Title.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,IAAM,KAAK,GAAG,UAAC,KAAiB,IAAK,OAAA,oBAAC,WAAW,QAAE,KAAK,CAAC,IAAI,CAAe,EAAvC,CAAuC,CAAC;AAE7E,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,mPAAA,yKAQnB,EAAsC,KAChD,KADU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAChD,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Title.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/Title.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,IAAM,KAAK,GAAG,UAAC,KAAiB,IAAK,OAAA,oBAAC,WAAW,QAAE,KAAK,CAAC,IAAI,CAAe,EAAvC,CAAuC,CAAA;AAE5E,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,mPAAA,yKAQnB,EAAsC,KAChD,KADU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAChD,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/components/dropdown/components/UserListItem.js

@@ -3,10 +3,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 import React, { useMemo } from 'react';
-import Avatar from '../../avatar/Avatar';
 import styled, { css } from 'styled-components';
+import Avatar from '../../avatar/Avatar';
 export var UserListItem = function (props) {
-    var text = props.text, img = props.img, avatarSize = props.avatarSize, placeholder = props.placeholder, noText = props.noText, renderText = props.renderText, onClick = props.onClick;
+    var avatarSize = props.avatarSize, img = props.img, noText = props.noText, onClick = props.onClick, placeholder = props.placeholder, renderText = props.renderText, text = props.text;
     var initials = useMemo(function () {
         if (text) {
             return text

package/dist/components/dropdown/components/UserListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListItem.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/UserListItem.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGhD,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAwB;IAC3C,IAAA,iBAAI,EAAE,eAAG,EAAE,6BAAU,EAAE,+BAAW,EAAE,qBAAM,EAAE,6BAAU,EAAE,uBAAO,CAAW;IAElF,IAAM,QAAQ,GAAG,OAAO,CAAC;QACvB,IAAI,IAAI,EAAE;YACR,OAAO,IAAI;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,CAAC,EAAJ,CAAI,CAAC;iBACd,IAAI,CAAC,EAAE,CAAC,CAAC;SACb;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,oBAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO;QACrD,oBAAC,MAAM,IAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,IAAI,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI;QAC7F,oBAAC,WAAW,QAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAe,CAC3D,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,kJAAwB,MAC7D;IAOC,uEAKJ,KAZG,UAAC,EAAa;QAAX,wBAAS;IACZ,OAAA,SAAS,IACT,GAAG,gKAAA,+CAEqB,EAAsC,4CAG7D,KAHuB,UAAC,EAAS;YAAP,gBAAK;QAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IAAvB,CAAuB,CAG7D;AAND,CAMC,CAKJ,CAAC;AAEF,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,mOAAA,gKAQ7B,IAAA,CAAC"}
+{"version":3,"file":"UserListItem.js","sourceRoot":"","sources":["../../../../src/components/dropdown/components/UserListItem.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAGxC,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAwB;IAC3C,IAAA,6BAAU,EAAE,eAAG,EAAE,qBAAM,EAAE,uBAAO,EAAE,+BAAW,EAAE,6BAAU,EAAE,iBAAI,CAAU;IAEjF,IAAM,QAAQ,GAAG,OAAO,CAAC;QACvB,IAAI,IAAI,EAAE;YACR,OAAO,IAAI;iBACR,KAAK,CAAC,GAAG,CAAC;iBACV,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,CAAC,CAAC,EAAJ,CAAI,CAAC;iBACd,IAAI,CAAC,EAAE,CAAC,CAAA;SACZ;QACD,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL,oBAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO;QACrD,oBAAC,MAAM,IAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,IAAI,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAI;QAC7F,oBAAC,WAAW,QAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAe,CAC3D,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,kJAAwB,MAC7D;IAOC,uEAKJ,KAZG,UAAC,EAAa;QAAX,wBAAS;IACZ,OAAA,SAAS,IACT,GAAG,gKAAA,+CAEqB,EAAsC,4CAG7D,KAHuB,UAAC,EAAS;YAAP,gBAAK;QAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;IAAvB,CAAuB,CAG7D;AAND,CAMC,CAKJ,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,mOAAA,gKAQ7B,IAAA,CAAA"}