@fattureincloud/fic-design-system 0.3.20 → 0.3.23

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

@@ -0,0 +1,14 @@
+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 StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 8px 0 8px 0;\n  display: block;\n  height: 1px;\n  border: 0;\n  border-top: 1px solid ", ";\n  padding: 0;\n  cursor: initial;\n"], ["\n  margin: 8px 0 8px 0;\n  display: block;\n  height: 1px;\n  border: 0;\n  border-top: 1px solid ", ";\n  padding: 0;\n  cursor: initial;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[100];
+});
+var Separator = function () { return React.createElement(StyledDiv, null); };
+export default Separator;
+var templateObject_1;
+//# sourceMappingURL=Separator.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -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 styled from 'styled-components';
+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.grey[500];
+});
+var templateObject_1;
+//# sourceMappingURL=ShortcutText.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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 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;
+    return theme.palette.grey[700];
+});
+export default Title;
+var templateObject_1;
+//# sourceMappingURL=Title.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,33 @@
+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, { useMemo } from 'react';
+import styled, { css } from 'styled-components';
+import Avatar from '../../avatar/Avatar';
+export var UserListItem = function (props) {
+    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
+                .split(' ')
+                .map(function (w) { return w[0]; })
+                .join('');
+        }
+        return undefined;
+    }, [text]);
+    return (React.createElement(UserListWrapper, { clickable: !!onClick, onClick: onClick },
+        React.createElement(Avatar, { image: img, placeholder: placeholder, size: avatarSize || 's', initials: initials }),
+        React.createElement(NameWrapper, null, renderText ? renderText : text ? text : noText)));
+};
+export var UserListWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n\n  display: flex;\n  padding: 4px 16px;\n  align-items: center;\n"], ["\n  ",
+    ";\n\n  display: flex;\n  padding: 4px 16px;\n  align-items: center;\n"])), function (_a) {
+    var clickable = _a.clickable;
+    return clickable && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      &:hover {\n        background-color: ", ";\n        cursor: pointer;\n      }\n    "], ["\n      &:hover {\n        background-color: ", ";\n        cursor: pointer;\n      }\n    "])), function (_a) {
+        var theme = _a.theme;
+        return theme.palette.grey[100];
+    });
+});
+var NameWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: 50px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n  flex-grow: 1;\n  padding-left: 10px;\n"], ["\n  width: 50px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  vertical-align: middle;\n  flex-grow: 1;\n  padding-left: 10px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=UserListItem.js.map

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

@@ -0,0 +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,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"}

package/dist/components/dropdown/dropdown.js

@@ -0,0 +1,47 @@
+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 React, { Component } from 'react';
+import DropdownItem from './components/Item';
+import DropdownSeparator from './components/Separator';
+import DropdownTitle from './components/Title';
+import { UserListItem } from './components/UserListItem';
+import DropdownImpl from './DropdownImpl';
+var Dropdown = /** @class */ (function (_super) {
+    __extends(Dropdown, _super);
+    function Dropdown() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Dropdown.prototype.render = function () {
+        return React.createElement(DropdownImpl, __assign({}, this.props));
+    };
+    Dropdown.Item = DropdownItem;
+    Dropdown.Title = function (localProps) { return DropdownTitle(localProps); };
+    Dropdown.Separator = DropdownSeparator;
+    Dropdown.UserListItem = UserListItem;
+    return Dropdown;
+}(Component));
+export { Dropdown };
+export default Dropdown;
+//# sourceMappingURL=dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,YAAY,MAAM,mBAAmB,CAAA;AAC5C,OAAO,iBAAiB,MAAM,wBAAwB,CAAA;AACtD,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAGzC;IAA8B,4BAAwB;IAAtD;;IASA,CAAC;IAHC,yBAAM,GAAN;QACE,OAAO,oBAAC,YAAY,eAAK,IAAI,CAAC,KAAK,EAAI,CAAA;IACzC,CAAC;IAPa,aAAI,GAAwB,YAAY,CAAA;IACxC,cAAK,GAAyB,UAAC,UAAsB,IAAK,OAAA,aAAa,CAAC,UAAU,CAAC,EAAzB,CAAyB,CAAA;IACnF,kBAAS,GAA6B,iBAAiB,CAAA;IACvD,qBAAY,GAAwB,YAAY,CAAA;IAKhE,eAAC;CAAA,AATD,CAA8B,SAAS,GAStC;SATY,QAAQ;AAWrB,eAAe,QAAQ,CAAA"}

package/dist/components/dropdown/dropdown.stories.js

@@ -0,0 +1,82 @@
+import { faBuilding, faCog, faQuestionCircle, faSignOutAlt } from '@fortawesome/pro-solid-svg-icons';
+import { action } from '@storybook/addon-actions';
+import { boolean, object, select, text } from '@storybook/addon-knobs';
+import React from 'react';
+import { Dropdown } from './dropdown';
+var placementValues = [
+    'top-start',
+    'top-end',
+    'bottom-start',
+    'bottom-end',
+    'right-start',
+    'right-end',
+    'left-start',
+    'left-end',
+    'top',
+    'bottom',
+    'right',
+    'left',
+    'auto',
+    'auto-start',
+    'auto-end',
+];
+var titleTrigger = text('title', 'Acme Spa');
+export var Simple = function () {
+    var content = object('content', [
+        { text: 'Item 1 ma molto lungo, molto molto lungo', type: 'danger' },
+        { text: 'Item 2 ma molto lungo, molto molto lungo' },
+        { text: 'Item 3 ma molto lungo, molto molto lungo' },
+    ]);
+    var forceOpen = boolean('forceOpen', false);
+    return (React.createElement("div", { style: { display: 'block' } },
+        React.createElement(Dropdown, { title: titleTrigger, content: content, maxWidth: '100px', forceOpen: forceOpen })));
+};
+export var WithKnobs = function () {
+    var titleTrigger = text('title', 'Acme Spa');
+    var content = object('renderContent', [
+        {
+            text: 'Azienda molto bella lungo lungo',
+            icon: { icon: faBuilding },
+        },
+        { text: 'CDL Studio', icon: { icon: faBuilding } },
+        { text: 'Alpha Studio Srl', icon: { icon: faBuilding } },
+    ]);
+    var DropdownCompanyFooter = function (_a) {
+        var closeDropdown = _a.closeDropdown;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Dropdown.Item, { onClick: function () {
+                    action('Cliccato Impostazioni');
+                    closeDropdown();
+                }, text: 'Impostazioni', icon: { icon: faCog } }),
+            React.createElement(Dropdown.Item, { onClick: function () {
+                    action('Cliccato Assistenza');
+                    closeDropdown();
+                }, text: 'Assistenza', icon: { icon: faQuestionCircle } }),
+            React.createElement(Dropdown.Item, { onClick: function () {
+                    action('Cliccato Logout');
+                    closeDropdown();
+                }, text: 'Logout', icon: { icon: faSignOutAlt } })));
+    };
+    var RenderContent = function (_a) {
+        var closeDropdown = _a.closeDropdown;
+        return (React.createElement(React.Fragment, null,
+            React.createElement(Dropdown.UserListItem, { img: text('ImageUrl', 'https://cdn.pixabay.com/photo/2014/04/03/10/32/businessman-310819_960_720.png'), text: text('Username', 'Camilla'), onClick: function () {
+                    console.log(1);
+                    closeDropdown();
+                }, renderText: React.createElement("div", null, "Nome Cognome") }),
+            React.createElement(Dropdown.Title, { text: text('Title', 'Le tue aziende') }),
+            content.map(function (elem, id) { return (React.createElement(Dropdown.Item, { key: id, onClick: function () {
+                    action("Hai cliccato l'azienda");
+                    closeDropdown();
+                }, text: elem.text, icon: elem.icon, shortcut: 'A + 1' })); }),
+            boolean('Separator', false) ? React.createElement(Dropdown.Separator, null) : undefined,
+            React.createElement(DropdownCompanyFooter, { closeDropdown: closeDropdown })));
+    };
+    return (React.createElement(Dropdown, { placement: select('placement', placementValues, 'bottom'), title: titleTrigger, renderContent: function (closeDropdown) { return React.createElement(RenderContent, { closeDropdown: closeDropdown }); }, maxWidth: '200px' }));
+};
+var DropdownStories = {
+    title: 'Old Components/Dropdown',
+    component: Dropdown,
+};
+export default DropdownStories;
+//# sourceMappingURL=dropdown.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAEpG,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAOrC,IAAM,eAAe,GAAgB;IACnC,WAAW;IACX,SAAS;IACT,cAAc;IACd,YAAY;IACZ,aAAa;IACb,WAAW;IACX,YAAY;IACZ,UAAU;IACV,KAAK;IACL,QAAQ;IACR,OAAO;IACP,MAAM;IACN,MAAM;IACN,YAAY;IACZ,UAAU;CACX,CAAA;AAED,IAAM,YAAY,GAAG,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;AAE9C,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAM,OAAO,GAAG,MAAM,CAAsB,SAAS,EAAE;QACrD,EAAE,IAAI,EAAE,0CAA0C,EAAE,IAAI,EAAE,QAAQ,EAAE;QACpE,EAAE,IAAI,EAAE,0CAA0C,EAAE;QACpD,EAAE,IAAI,EAAE,0CAA0C,EAAE;KACrD,CAAC,CAAA;IAEF,IAAM,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,CAAA;IAE7C,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;QAC9B,oBAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CACxF,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,YAAY,GAAG,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA;IAE9C,IAAM,OAAO,GAAwB,MAAM,CAAC,eAAe,EAAE;QAC3D;YACE,IAAI,EAAE,iCAAiC;YACvC,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;SAC3B;QACD,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;QAClD,EAAE,IAAI,EAAE,kBAAkB,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;KACzD,CAAC,CAAA;IAEF,IAAM,qBAAqB,GAAG,UAAC,EAAyC;YAAvC,gCAAa;QAA4C,OAAA,CACxF;YACE,oBAAC,QAAQ,CAAC,IAAI,IACZ,OAAO,EAAE;oBACP,MAAM,CAAC,uBAAuB,CAAC,CAAA;oBAC/B,aAAa,EAAE,CAAA;gBACjB,CAAC,EACD,IAAI,EAAE,cAAc,EACpB,IAAI,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GACrB;YACF,oBAAC,QAAQ,CAAC,IAAI,IACZ,OAAO,EAAE;oBACP,MAAM,CAAC,qBAAqB,CAAC,CAAA;oBAC7B,aAAa,EAAE,CAAA;gBACjB,CAAC,EACD,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,GAChC;YACF,oBAAC,QAAQ,CAAC,IAAI,IACZ,OAAO,EAAE;oBACP,MAAM,CAAC,iBAAiB,CAAC,CAAA;oBACzB,aAAa,EAAE,CAAA;gBACjB,CAAC,EACD,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,GAC5B,CACD,CACJ;IA3ByF,CA2BzF,CAAA;IAED,IAAM,aAAa,GAAG,UAAC,EAAyC;YAAvC,gCAAa;QAA4C,OAAA,CAChF;YACE,oBAAC,QAAQ,CAAC,YAAY,IACpB,GAAG,EAAE,IAAI,CAAC,UAAU,EAAE,+EAA+E,CAAC,EACtG,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,EACjC,OAAO,EAAE;oBACP,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;oBACd,aAAa,EAAE,CAAA;gBACjB,CAAC,EACD,UAAU,EAAE,gDAAuB,GACnC;YACF,oBAAC,QAAQ,CAAC,KAAK,IAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,GAAI;YACxD,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,EAAE,IAAK,OAAA,CACzB,oBAAC,QAAQ,CAAC,IAAI,IACZ,GAAG,EAAE,EAAE,EACP,OAAO,EAAE;oBACP,MAAM,CAAC,wBAAwB,CAAC,CAAA;oBAChC,aAAa,EAAE,CAAA;gBACjB,CAAC,EACD,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,OAAO,GACjB,CACH,EAX0B,CAW1B,CAAC;YACD,OAAO,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,oBAAC,QAAQ,CAAC,SAAS,OAAG,CAAC,CAAC,CAAC,SAAS;YACjE,oBAAC,qBAAqB,IAAC,aAAa,EAAE,aAAa,GAAI,CACtD,CACJ;IA3BiF,CA2BjF,CAAA;IAED,OAAO,CACH,oBAAC,QAAQ,IACP,SAAS,EAAE,MAAM,CAAY,WAAW,EAAE,eAAe,EAAE,QAAQ,CAAC,EACpE,KAAK,EAAE,YAAY,EACnB,aAAa,EAAE,UAAC,aAAgC,IAAK,OAAA,oBAAC,aAAa,IAAC,aAAa,EAAE,aAAa,GAAI,EAA/C,CAA+C,EACpG,QAAQ,EAAE,OAAO,GACjB,CACL,CAAA;AACH,CAAC,CAAA;AAED,IAAM,eAAe,GAAwB;IAC3C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,QAAQ;CACpB,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/dropdown/dropdownPalette.js

@@ -0,0 +1,39 @@
+import defaultPalette from '../../styles/defaultPalette';
+var dropdownPalette = {
+    items: {
+        active: {
+            color: defaultPalette.black[100],
+            background: defaultPalette.blue[50],
+            hoverBackground: defaultPalette.grey[100],
+        },
+        notActive: {
+            default: {
+                color: defaultPalette.black[100],
+                background: 'transparent',
+                hoverBackground: defaultPalette.grey[100],
+            },
+            danger: {
+                color: defaultPalette.red[500],
+                background: 'transparent',
+                hoverBackground: defaultPalette.red[50],
+            },
+            success: {
+                color: defaultPalette.green[500],
+                background: 'transparent',
+                hoverBackground: defaultPalette.green[50],
+            },
+            warning: {
+                color: defaultPalette.yellow[500],
+                background: 'transparent',
+                hoverBackground: defaultPalette.yellow[50],
+            },
+            link: {
+                color: defaultPalette.blue[500],
+                background: 'transparent',
+                hoverBackground: defaultPalette.blue[50],
+            },
+        },
+    },
+};
+export default dropdownPalette;
+//# sourceMappingURL=dropdownPalette.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownPalette.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdownPalette.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAqBxD,IAAM,eAAe,GAAoB;IACvC,KAAK,EAAE;QACL,MAAM,EAAE;YACN,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YAChC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;YACnC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;SAC1C;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;gBAChC,UAAU,EAAE,aAAa;gBACzB,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;aAC1C;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;gBAC9B,UAAU,EAAE,aAAa;gBACzB,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;aACxC;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;gBAChC,UAAU,EAAE,aAAa;gBACzB,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;aAC1C;YACD,OAAO,EAAE;gBACP,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;gBACjC,UAAU,EAAE,aAAa;gBACzB,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;aAC3C;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;gBAC/B,UAAU,EAAE,aAAa;gBACzB,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;aACzC;SACF;KACF;CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/dropdown/index.js

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

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

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

package/dist/components/dropdown/types.js

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

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

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

package/dist/components/dropdown/utils.js

@@ -0,0 +1,16 @@
+export var getDropdownItemStyles = function (_a) {
+    var theme = _a.theme, isDisabled = _a.isDisabled, active = _a.active, hasAction = _a.hasAction, _b = _a.type, type = _b === void 0 ? 'default' : _b;
+    var typeStyle = theme.components.dropdown.items.notActive[type];
+    var activeStyle = theme.components.dropdown.items.active;
+    var _c = active ? activeStyle : typeStyle, background = _c.background, color = _c.color, hoverBackground = _c.hoverBackground;
+    var opacity = isDisabled ? 0.5 : 1;
+    var cursor = hasAction ? 'pointer' : 'default';
+    return {
+        opacity: opacity,
+        background: background,
+        color: color,
+        cursor: cursor,
+        hoverBackground: hoverBackground,
+    };
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/dropdown/utils.ts"],"names":[],"mappings":"AAiBA,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAMR;QAL5B,gBAAK,EACL,0BAAU,EACV,kBAAM,EACN,wBAAS,EACT,YAAgB,EAAhB,qCAAgB;IAEhB,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,CAAA;IACjE,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAA;IACpD,IAAA,qCAAyE,EAAvE,0BAAU,EAAE,gBAAK,EAAE,oCAAoD,CAAA;IAC/E,IAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACpC,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhD,OAAO;QACL,OAAO,SAAA;QACP,UAAU,YAAA;QACV,KAAK,OAAA;QACL,MAAM,QAAA;QACN,eAAe,iBAAA;KAChB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/floatingBadge/floatingBadge.js

@@ -0,0 +1,45 @@
+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';
+var sizeSetter = function (size) {
+    switch (size) {
+        case 'small':
+            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        height: 16px;\n        min-width: 16px;\n        top: 3px;\n        right: 3px;\n      "], ["\n        height: 16px;\n        min-width: 16px;\n        top: 3px;\n        right: 3px;\n      "])));
+        case 'large':
+            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n        height: 23px;\n        min-width: 23px;\n        top: -1px;\n        right: -1px;\n      "], ["\n        height: 23px;\n        min-width: 23px;\n        top: -1px;\n        right: -1px;\n      "])));
+        case 'medium':
+        default:
+            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        height: 20px;\n        min-width: 20px;\n        top: 1px;\n        right: 1px;\n      "], ["\n        height: 20px;\n        min-width: 20px;\n        top: 1px;\n        right: 1px;\n      "])));
+    }
+};
+var fontSetter = function (size) {
+    switch (size) {
+        case 'small':
+            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n        font-size: 12px;\n        line-height: 15px;\n      "], ["\n        font-size: 12px;\n        line-height: 15px;\n      "])));
+        case 'large':
+            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        font-size: 14px;\n        line-height: 20px;\n      "], ["\n        font-size: 14px;\n        line-height: 20px;\n      "])));
+        case 'medium':
+        default:
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n        font-size: 12px;\n        line-height: 18px;\n      "], ["\n        font-size: 12px;\n        line-height: 18px;\n      "])));
+    }
+};
+export var FloatingBadge = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  background-color: #de350b;\n  border-radius: 12px;\n  position: absolute;\n  ", ";\n  top: ", ";\n  right: ", ";\n\n  &:after {\n    content: '", "';\n    color: white;\n    white-space: nowrap;\n\n    font-style: normal;\n    font-weight: 500;\n    ", ";\n\n    position: static;\n    margin: 1px 2px;\n    display: block;\n    text-align: center;\n  }\n"], ["\n  background-color: #de350b;\n  border-radius: 12px;\n  position: absolute;\n  ", ";\n  top: ", ";\n  right: ", ";\n\n  &:after {\n    content: '", "';\n    color: white;\n    white-space: nowrap;\n\n    font-style: normal;\n    font-weight: 500;\n    ", ";\n\n    position: static;\n    margin: 1px 2px;\n    display: block;\n    text-align: center;\n  }\n"])), function (_a) {
+    var size = _a.size;
+    return sizeSetter(size);
+}, function (_a) {
+    var top = _a.top;
+    return (top !== undefined ? top + "px" : undefined);
+}, function (_a) {
+    var right = _a.right;
+    return (right !== undefined ? right + "px" : undefined);
+}, function (_a) {
+    var counter = _a.counter;
+    return counter;
+}, function (_a) {
+    var size = _a.size;
+    return fontSetter(size);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=floatingBadge.js.map

package/dist/components/floatingBadge/floatingBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingBadge.js","sourceRoot":"","sources":["../../../src/components/floatingBadge/floatingBadge.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAI/C,IAAM,UAAU,GAAG,UAAC,IAAmC;IACrD,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,GAAG,sKAAA,mGAKT,KAAA;QACH,KAAK,OAAO;YACV,OAAO,GAAG,wKAAA,qGAKT,KAAA;QACH,KAAK,QAAQ,CAAC;QACd;YACE,OAAO,GAAG,sKAAA,mGAKT,KAAA;KACJ;AACH,CAAC,CAAA;AAED,IAAM,UAAU,GAAG,UAAC,IAAmC;IACrD,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,GAAG,mIAAA,gEAGT,KAAA;QACH,KAAK,OAAO;YACV,OAAO,GAAG,mIAAA,gEAGT,KAAA;QACH,KAAK,QAAQ,CAAC;QACd;YACE,OAAO,GAAG,mIAAA,gEAGT,KAAA;KACJ;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,4aAAoB,mFAIxD,EAA8B,YACzB,EAAyD,cACvD,EAA+D,kCAG1D,EAAwB,yGAMlC,EAA8B,uGAOnC,KAlBG,UAAC,EAAQ;QAAN,cAAI;IAAO,OAAA,UAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EACzB,UAAC,EAAO;QAAL,YAAG;IAAO,OAAA,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAI,GAAG,OAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAA5C,CAA4C,EACvD,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAI,KAAK,OAAI,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhD,CAAgD,EAG1D,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,OAAO;AAAP,CAAO,EAMlC,UAAC,EAAQ;QAAN,cAAI;IAAO,OAAA,UAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,CAOnC,CAAA"}

package/dist/components/floatingBadge/floatingBadge.stories.js

@@ -0,0 +1,38 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { boolean, number, select } from '@storybook/addon-knobs';
+import React from 'react';
+import styled from 'styled-components';
+import WithBadge from './withBadge';
+var Square = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 10px;\n  width: 100px;\n  height: 100px;\n  border: 1px solid black;\n  border-radius: 8px;\n"], ["\n  margin: 10px;\n  width: 100px;\n  height: 100px;\n  border: 1px solid black;\n  border-radius: 8px;\n"])));
+export var Normal = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(WithBadge, { size: 'small' },
+        React.createElement(Square, null)),
+    React.createElement(WithBadge, { counter: 7, size: 'small' },
+        React.createElement(Square, null)),
+    React.createElement(WithBadge, { counter: 100, size: 'medium' },
+        React.createElement(Square, null)),
+    React.createElement(WithBadge, { counter: 1000000, size: 'large' },
+        React.createElement(Square, null)),
+    React.createElement(WithBadge, { counter: 50, top: 20, right: 20 },
+        React.createElement(Square, null)))); };
+export var WithKnobs = function () {
+    var isDisabled = boolean('isDisabled', false);
+    var counter = number('counter', 7);
+    var size = select('size', { small: 'small', medium: 'medium', large: 'large' }, 'medium');
+    var applyTop = boolean('useCustomTop', false);
+    var top = number('top', 0);
+    var applyRight = boolean('useCustomRight', false);
+    var right = number('right', 0);
+    return (React.createElement(WithBadge, { isDisabled: isDisabled, counter: counter, size: size, top: applyTop ? top : undefined, right: applyRight ? right : undefined },
+        React.createElement(Square, null)));
+};
+var WithBadgeStories = {
+    title: 'Old Components/WithBadge',
+    component: WithBadge,
+};
+export default WithBadgeStories;
+var templateObject_1;
+//# sourceMappingURL=floatingBadge.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"floatingBadge.stories.js","sourceRoot":"","sources":["../../../src/components/floatingBadge/floatingBadge.stories.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAEhE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,8KAAA,2GAMxB,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,cAAM,OAAA,CAC1B;IACE,oBAAC,SAAS,IAAC,IAAI,EAAE,OAAO;QACtB,oBAAC,MAAM,OAAG,CACA;IACZ,oBAAC,SAAS,IAAC,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO;QAClC,oBAAC,MAAM,OAAG,CACA;IACZ,oBAAC,SAAS,IAAC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ;QACrC,oBAAC,MAAM,OAAG,CACA;IACZ,oBAAC,SAAS,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO;QACxC,oBAAC,MAAM,OAAG,CACA;IACZ,oBAAC,SAAS,IAAC,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE;QACxC,oBAAC,MAAM,OAAG,CACA,CACX,CACJ,EAlB2B,CAkB3B,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,UAAU,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IAC/C,IAAM,OAAO,GAAG,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAA;IACpC,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,QAAQ,CAAC,CAAA;IAC3F,IAAM,QAAQ,GAAG,OAAO,CAAC,cAAc,EAAE,KAAK,CAAC,CAAA;IAC/C,IAAM,GAAG,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;IAC5B,IAAM,UAAU,GAAG,OAAO,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAA;IACnD,IAAM,KAAK,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,EAC/B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;QAErC,oBAAC,MAAM,OAAG,CACA,CACb,CAAA;AACH,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAyB;IAC7C,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,SAAS;CACrB,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/floatingBadge/index.js

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

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

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

package/dist/components/floatingBadge/types.js

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

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

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

package/dist/components/floatingBadge/withBadge.js

@@ -0,0 +1,39 @@
+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);
+};
+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 from 'react';
+import styled from 'styled-components';
+import { FloatingBadge } from './floatingBadge';
+var WithBadge = function (props) {
+    var children = props.children, rest = __rest(props, ["children"]);
+    return (React.createElement(WithBadgeWrapper, null,
+        children,
+        !rest.isDisabled && React.createElement(FloatingBadge, __assign({}, rest))));
+};
+var WithBadgeWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  position: relative;\n"], ["\n  display: inline-block;\n  position: relative;\n"])));
+export default WithBadge;
+var templateObject_1;
+//# sourceMappingURL=withBadge.js.map

package/dist/components/floatingBadge/withBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withBadge.js","sourceRoot":"","sources":["../../../src/components/floatingBadge/withBadge.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,IAAM,SAAS,GAAG,UAAC,KAAqB;IAC9B,IAAA,yBAAQ,EAAE,kCAAO,CAAU;IACnC,OAAO,CACL,oBAAC,gBAAgB;QACd,QAAQ;QACR,CAAC,IAAI,CAAC,UAAU,IAAI,oBAAC,aAAa,eAAK,IAAI,EAAI,CAC/B,CACpB,CAAA;AACH,CAAC,CAAA;AAED,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wHAAA,qDAGlC,IAAA,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/form/checkbox/Checkbox.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEvent, InputHTMLAttributes } from 'react';
+import { InputHelperProps } from '../inputHelper';
+import { CheckboxInputProps } from './components/Input';
+import { CheckboxLabelProps } from './components/Label';
+interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>, Omit<CheckboxLabelProps, 'hasError'> {
+    onClick?: (e: ChangeEvent<HTMLInputElement>) => void;
+    text?: string;
+    helper?: InputHelperProps;
+    className?: string;
+    onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+}
+export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
+    value: CheckboxImplProps['value'] | boolean;
+}
+declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
+export default Checkbox;

package/dist/components/form/checkbox/Checkbox.js

@@ -0,0 +1,75 @@
+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);
+};
+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, useEffect, useRef } from 'react';
+import styled from 'styled-components';
+import ComplexInputWrapper from '../common/components/ComplexInputWrapper';
+import { InputHelper } from '../inputHelper';
+import { Icon } from '../../icon';
+import Input from './components/Input';
+import Label from './components/Label';
+import { convertToStatus, statusIcon } from './utils';
+var CheckboxImpl = function (_a) {
+    var isDisabled = _a.isDisabled, className = _a.className, onClick = _a.onClick, large = _a.large, text = _a.text, value = _a.value, helper = _a.helper, onChange = _a.onChange;
+    var wrapperClick = useCallback(function () { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.click(); }, []);
+    var handleClick = useCallback(function (e) { return !isDisabled && onClick && onClick(e); }, [isDisabled, onClick]);
+    var icon = statusIcon[value];
+    var ref = useRef(null);
+    useEffect(function () {
+        if (ref.current) {
+            switch (value) {
+                case 'checked':
+                    ref.current.checked = true;
+                    ref.current.indeterminate = false;
+                    break;
+                case 'indeterminate':
+                    ref.current.checked = false;
+                    ref.current.indeterminate = true;
+                    break;
+                case 'unchecked':
+                    ref.current.checked = false;
+                    ref.current.indeterminate = false;
+                    break;
+            }
+        }
+    }, [value]);
+    var hasError = (helper === null || helper === void 0 ? void 0 : helper.status) === 'error';
+    return (React.createElement(ComplexInputWrapper, null,
+        React.createElement(ClickableWrapper, { className: className, onClick: wrapperClick },
+            React.createElement(Input, { value: value, large: large, isDisabled: isDisabled, hasError: hasError }, icon && React.createElement(Icon, { icon: icon })),
+            React.createElement(HiddenInput, { ref: ref, type: 'checkbox', value: value, onClick: handleClick, onChange: onChange, disabled: isDisabled }),
+            React.createElement(Label, { large: large, isDisabled: isDisabled, hasError: hasError }, text)),
+        helper && React.createElement(InputHelper, __assign({}, helper))));
+};
+var ClickableWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n"], ["\n  display: flex;\n  gap: 8px;\n"])));
+var HiddenInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: none;\n"], ["\n  display: none;\n"])));
+var Checkbox = function (_a) {
+    var value = _a.value, rest = __rest(_a, ["value"]);
+    return (React.createElement(CheckboxImpl, __assign({}, rest, { value: convertToStatus(value) })));
+};
+export default Checkbox;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/form/checkbox/Checkbox.js.map

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

package/dist/components/form/checkbox/checkbox.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+import { CheckboxProps } from './Checkbox';
+export declare const WithStatus: Story<CheckboxProps>;
+export declare const WithBoolean: Story<CheckboxProps>;
+declare const CheckboxStories: Meta<CheckboxProps>;
+export default CheckboxStories;