@fattureincloud/fic-design-system 0.3.20 → 0.3.23

package/dist/components/badge/components/Body.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;
+};
+import styled from 'styled-components';
+export var Body = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-flex;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: 4px;\n  margin: 3px 0;\n  max-height: 24px;\n\n  padding-left: ", ";\n  padding-right: ", ";\n\n  color: ", ";\n  background-color: ", ";\n\n  &.red {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.green {\n    background-color: ", ";\n    color: ", ";\n  }\n"], ["\n  font-weight: 500;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-flex;\n  -webkit-box-align: center;\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: 4px;\n  margin: 3px 0;\n  max-height: 24px;\n\n  padding-left: ", ";\n  padding-right: ", ";\n\n  color: ", ";\n  background-color: ", ";\n\n  &.red {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &.green {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (_a) {
+    var imageUrl = _a.imageUrl, leftIcon = _a.leftIcon;
+    return (leftIcon || imageUrl ? '8px' : '0');
+}, function (_a) {
+    var rightIcon = _a.rightIcon;
+    return (rightIcon ? '8px' : '0');
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[700];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[50];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.red[50];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.red[900];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.green[50];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.green[900];
+});
+var templateObject_1;
+//# sourceMappingURL=Body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sourceRoot":"","sources":["../../../../src/components/badge/components/Body.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,CAAC,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,ghBAAY,6PAYxB,EAAgE,sBAC/D,EAA4C,gBAEpD,EAAsC,yBAC3B,EAAqC,wCAGnC,EAAoC,gBAC/C,EAAqC,+CAI1B,EAAsC,gBACjD,EAAuC,UAEnD,KAfiB,UAAC,EAAsB;QAApB,sBAAQ,EAAE,sBAAQ;IAAO,OAAA,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AAApC,CAAoC,EAC/D,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AAAzB,CAAyB,EAEpD,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAC3B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;AAAtB,CAAsB,EAGnC,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;AAArB,CAAqB,EAC/C,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;AAAtB,CAAsB,EAI1B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAAvB,CAAuB,EACjD,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAxB,CAAwB,CAEnD,CAAA"}

package/dist/components/badge/types.js

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

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

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

package/dist/components/banner/Banner.js

@@ -0,0 +1,37 @@
+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 { faTimes } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { Icon } from '../icon';
+import { mapColors } from './utils';
+var Banner = function (_a) {
+    var color = _a.color, content = _a.content, icon = _a.icon, onClose = _a.onClose;
+    return (React.createElement(Wrapper, { color: color },
+        icon && React.createElement(Icon, __assign({}, icon)),
+        React.createElement(Content, null, content),
+        onClose && React.createElement(Icon, { icon: faTimes, color: 'grey', onClick: onClose })));
+};
+var Wrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n  padding: 10px 20px 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n"], ["\n  ",
+    "\n  padding: 10px 20px 10px 20px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n"])), function (_a) {
+    var color = _a.color, theme = _a.theme;
+    var _b = mapColors(theme, color), bgColor = _b.bgColor, textColor = _b.textColor;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n    "], ["\n      background-color: ", ";\n      color: ", ";\n    "])), bgColor, textColor);
+});
+var Content = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
+export default Banner;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=Banner.js.map

package/dist/components/banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAWnC,IAAM,MAAM,GAAG,UAAC,EAA8C;QAA5C,gBAAK,EAAE,oBAAO,EAAE,cAAI,EAAE,oBAAO;IAAiC,OAAA,CAC9E,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK;QAClB,IAAI,IAAI,oBAAC,IAAI,eAAK,IAAI,EAAI;QAC3B,oBAAC,OAAO,QAAE,OAAO,CAAW;QAC3B,OAAO,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAC5D,CACX;AAN+E,CAM/E,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,2MAAiC,MACvD;IAOD,gIAMF,KAbG,UAAC,EAAgB;QAAd,gBAAK,EAAE,gBAAK;IACT,IAAA,4BAAgD,EAA9C,oBAAO,EAAE,wBAAqC,CAAA;IAEtD,OAAO,GAAG,8HAAA,4BACY,EAAO,kBAClB,EAAS,SACnB,KAFqB,OAAO,EAClB,SAAS,EACnB;AACH,CAAC,CAMF,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAEzB,IAAA,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/banner/banner.stories.js

@@ -0,0 +1,28 @@
+import { faExclamationTriangle } from '@fortawesome/pro-duotone-svg-icons';
+import { select } from '@storybook/addon-knobs';
+import React, { useCallback } from 'react';
+import Banner from './Banner';
+export var WithKnobs = function () {
+    var icon = {
+        icon: faExclamationTriangle,
+        color: 'white',
+        fixedWidth: true,
+        swapOpacity: true,
+    };
+    var color = select('color', {
+        none: undefined,
+        blue: 'blue',
+        red: 'red',
+        green: 'green',
+        yellow: 'yellow',
+        grey: 'grey',
+    }, 'blue');
+    var onClose = useCallback(function () { return console.log('Closing'); }, []);
+    return React.createElement(Banner, { color: color, content: 'Messaggio di Prova', icon: icon, onClose: onClose });
+};
+var BannerStories = {
+    title: 'Old Components/Banner',
+    component: Banner,
+};
+export default BannerStories;
+//# sourceMappingURL=banner.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.stories.js","sourceRoot":"","sources":["../../../src/components/banner/banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAG1C,OAAO,MAAwC,MAAM,UAAU,CAAA;AAE/D,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,IAAI,GAAc;QACtB,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,IAAI;KAClB,CAAA;IAED,IAAM,KAAK,GAAoB,MAAM,CACnC,OAAO,EACP;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,MAAM;KACb,EACD,MAAM,CACP,CAAA;IAED,IAAM,OAAO,GAAG,WAAW,CAAC,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAtB,CAAsB,EAAE,EAAE,CAAC,CAAA;IAE7D,OAAO,oBAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,oBAAoB,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AAC9F,CAAC,CAAA;AAED,IAAM,aAAa,GAAsB;IACvC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;CAClB,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/banner/index.js

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

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

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

package/dist/components/banner/utils.js

@@ -0,0 +1,23 @@
+export var mapColors = function (theme, color) {
+    switch (color) {
+        case 'red':
+        case 'blue':
+        case 'yellow':
+        case 'green':
+            return {
+                bgColor: theme.palette[color]['500'],
+                textColor: theme.palette.white['100'],
+            };
+        case 'grey':
+            return {
+                bgColor: theme.palette.grey['200'],
+                textColor: theme.palette.black['100'],
+            };
+        default:
+            return {
+                bgColor: theme.palette.grey['900'],
+                textColor: theme.palette.white['100'],
+            };
+    }
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/banner/utils.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,KAAmB,EAAE,KAAsB;IACnE,QAAQ,KAAK,EAAE;QACb,KAAK,KAAK,CAAC;QACX,KAAK,MAAM,CAAC;QACZ,KAAK,QAAQ,CAAC;QACd,KAAK,OAAO;YACV,OAAO;gBACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC;gBACpC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;aACtC,CAAA;QACH,KAAK,MAAM;YACT,OAAO;gBACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;gBAClC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;aACtC,CAAA;QACH;YACE,OAAO;gBACL,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;gBAClC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC;aACtC,CAAA;KACJ;AACH,CAAC,CAAA"}

package/dist/components/buttons/button/Button.js

@@ -0,0 +1,28 @@
+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, { useCallback } from 'react';
+import useDebounceClick from '../../../common/hooks/useDebounceClick';
+import { ButtonSpinner, Content, HrefWrapper, LeftIcon, OnClickWrapper, RightIcon, Text } from './styled';
+var Button = function (_a) {
+    var className = _a.className, color = _a.color, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, href = _a.href, iconLeft = _a.iconLeft, iconRight = _a.iconRight, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, onClick = _a.onClick, size = _a.size, target = _a.target, text = _a.text, type = _a.type;
+    var debounceClick = useDebounceClick({ onClick: onClick, manualLock: isLoading || isDisabled });
+    var showLoading = !isDisabled && isLoading;
+    var Wrapper = useCallback(function (props) { return (href ? React.createElement(HrefWrapper, __assign({}, props)) : React.createElement(OnClickWrapper, __assign({}, props))); }, [href]);
+    return (React.createElement(Wrapper, { className: className, size: size, color: color, onClick: debounceClick, href: href, type: type, isDisabled: isDisabled, fullWidth: fullWidth, target: target },
+        React.createElement(Content, { isLoading: showLoading },
+            iconLeft && React.createElement(LeftIcon, __assign({}, iconLeft)),
+            text && React.createElement(Text, null, text),
+            iconRight && React.createElement(RightIcon, __assign({}, iconRight))),
+        showLoading && React.createElement(ButtonSpinner, null)));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/components/buttons/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/buttons/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAqB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE7D,OAAO,gBAAgB,MAAM,wCAAwC,CAAA;AAErE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAUzG,IAAM,MAAM,GAAG,UAAC,EAcF;QAbZ,wBAAS,EACT,gBAAK,EACL,iBAAiB,EAAjB,sCAAiB,EACjB,cAAI,EACJ,sBAAQ,EACR,wBAAS,EACT,kBAAkB,EAAlB,uCAAkB,EAClB,iBAAiB,EAAjB,sCAAiB,EACjB,oBAAO,EACP,cAAI,EACJ,kBAAM,EACN,cAAI,EACJ,cAAI;IAEJ,IAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,OAAO,SAAA,EAAE,UAAU,EAAE,SAAS,IAAI,UAAU,EAAE,CAAC,CAAA;IACxF,IAAM,WAAW,GAAG,CAAC,UAAU,IAAI,SAAS,CAAA;IAE5C,IAAM,OAAO,GAAG,WAAW,CACzB,UAAC,KAAsC,IAAK,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,WAAW,eAAK,KAAK,EAAI,CAAC,CAAC,CAAC,oBAAC,cAAc,eAAK,KAAK,EAAI,CAAC,EAAnE,CAAmE,EAC/G,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,CACL,oBAAC,OAAO,IACN,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,aAAa,EACtB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM;QAEd,oBAAC,OAAO,IAAC,SAAS,EAAE,WAAW;YAC5B,QAAQ,IAAI,oBAAC,QAAQ,eAAK,QAAQ,EAAI;YACtC,IAAI,IAAI,oBAAC,IAAI,QAAE,IAAI,CAAQ;YAC3B,SAAS,IAAI,oBAAC,SAAS,eAAK,SAAS,EAAI,CAClC;QACT,WAAW,IAAI,oBAAC,aAAa,OAAG,CACzB,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/buttons/button/button.stories.js

@@ -0,0 +1,52 @@
+import { getRandomIcon } from '../../../common/utils/iconsUtils';
+import { Button } from '../index';
+import { buttonColorsArray, buttonSizesArray, buttonTypesArray } from './types';
+// export const Template: Story<ButtonProps> = args => <Button {...args} />
+export { Button };
+var ButtonStories = {
+    title: 'New Components/Button',
+    component: Button,
+    args: {
+        text: 'Button',
+        type: buttonTypesArray[0],
+        size: buttonSizesArray[0],
+        color: buttonColorsArray[0],
+        isLoading: false,
+        isDisabled: false,
+        fullWidth: false,
+        iconLeft: getRandomIcon(),
+        iconRight: getRandomIcon(),
+    },
+    argTypes: {
+        type: {
+            options: buttonTypesArray,
+            control: { type: 'inline-radio' },
+        },
+        size: {
+            options: buttonSizesArray,
+            control: { type: 'inline-radio' },
+        },
+        color: {
+            options: buttonColorsArray,
+            control: { type: 'select' },
+        },
+        iconLeft: {
+            table: {
+                disable: true,
+            },
+        },
+        iconRight: {
+            table: {
+                disable: true,
+            },
+        },
+        onClick: {
+            action: 'clicked',
+            table: {
+                disable: true,
+            },
+        },
+    },
+};
+export default ButtonStories;
+//# sourceMappingURL=button.stories.js.map

package/dist/components/buttons/button/button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../../../src/components/buttons/button/button.stories.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/E,2EAA2E;AAC3E,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,IAAM,aAAa,GAAsB;IACvC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;QACzB,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC;QACzB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;QAC3B,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,KAAK;QAChB,QAAQ,EAAE,aAAa,EAAE;QACzB,SAAS,EAAE,aAAa,EAAE;KAC3B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,gBAAgB;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;QACD,KAAK,EAAE;YACL,OAAO,EAAE,iBAAiB;YAC1B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC5B;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,MAAM,EAAE,SAAS;YACjB,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/buttons/button/buttonPalette.js

@@ -0,0 +1,140 @@
+import defaultPalette from '../../../styles/defaultPalette';
+var buttonPalette = {
+    primary: {
+        blue: {
+            normal: defaultPalette.blue[500],
+            hover: defaultPalette.blue[700],
+            active: defaultPalette.blue[900],
+            text: defaultPalette.white[100],
+            textHover: defaultPalette.grey[100],
+        },
+        red: {
+            normal: defaultPalette.red[500],
+            hover: defaultPalette.red[700],
+            active: defaultPalette.red[900],
+            text: defaultPalette.white[100],
+            textHover: defaultPalette.grey[100],
+        },
+        green: {
+            normal: defaultPalette.green[500],
+            hover: defaultPalette.green[700],
+            active: defaultPalette.green[900],
+            text: defaultPalette.white[100],
+            textHover: defaultPalette.grey[100],
+        },
+        grey: {
+            normal: defaultPalette.white[100],
+            hover: defaultPalette.grey[100],
+            active: defaultPalette.grey[200],
+            text: defaultPalette.black[100],
+            textHover: defaultPalette.black[100],
+        },
+        yellow: {
+            normal: defaultPalette.yellow[500],
+            hover: defaultPalette.yellow[700],
+            active: defaultPalette.yellow[900],
+            text: defaultPalette.white[100],
+            textHover: defaultPalette.grey[100],
+        },
+        disabled: {
+            normal: defaultPalette.grey[50],
+            hover: defaultPalette.grey[50],
+            active: defaultPalette.grey[50],
+            text: defaultPalette.grey[200],
+            textHover: defaultPalette.grey[200],
+        },
+    },
+    secondary: {
+        blue: {
+            normal: defaultPalette.blue[50],
+            hover: defaultPalette.blue[100],
+            active: defaultPalette.blue[200],
+            text: defaultPalette.blue[900],
+            textHover: defaultPalette.blue[900],
+        },
+        red: {
+            normal: defaultPalette.red[50],
+            hover: defaultPalette.red[100],
+            active: defaultPalette.red[200],
+            text: defaultPalette.red[900],
+            textHover: defaultPalette.red[900],
+        },
+        green: {
+            normal: defaultPalette.green[50],
+            hover: defaultPalette.green[100],
+            active: defaultPalette.green[200],
+            text: defaultPalette.green[900],
+            textHover: defaultPalette.green[900],
+        },
+        yellow: {
+            normal: defaultPalette.yellow[50],
+            hover: defaultPalette.yellow[100],
+            active: defaultPalette.yellow[200],
+            text: defaultPalette.yellow[900],
+            textHover: defaultPalette.yellow[900],
+        },
+        grey: {
+            normal: defaultPalette.grey[50],
+            hover: defaultPalette.grey[100],
+            active: defaultPalette.grey[200],
+            text: defaultPalette.black[100],
+            textHover: defaultPalette.black[100],
+        },
+        disabled: {
+            normal: defaultPalette.grey[50],
+            hover: defaultPalette.grey[50],
+            active: defaultPalette.grey[50],
+            text: defaultPalette.grey[200],
+            textHover: defaultPalette.grey[200],
+        },
+    },
+    text: {
+        blue: {
+            normal: 'transparent',
+            hover: defaultPalette.blue[50],
+            active: defaultPalette.blue[100],
+            text: defaultPalette.blue[500],
+            textHover: defaultPalette.blue[500],
+        },
+        red: {
+            normal: 'transparent',
+            hover: defaultPalette.red[50],
+            active: defaultPalette.red[100],
+            text: defaultPalette.red[500],
+            textHover: defaultPalette.red[500],
+        },
+        green: {
+            normal: 'transparent',
+            hover: defaultPalette.green[50],
+            active: defaultPalette.green[100],
+            text: defaultPalette.green[500],
+            textHover: defaultPalette.green[500],
+        },
+        grey: {
+            normal: 'transparent',
+            hover: defaultPalette.grey[50],
+            active: defaultPalette.grey[100],
+            text: defaultPalette.grey[500],
+            textHover: defaultPalette.grey[500],
+        },
+        yellow: {
+            normal: 'transparent',
+            hover: defaultPalette.yellow[50],
+            active: defaultPalette.yellow[100],
+            text: defaultPalette.yellow[500],
+            textHover: defaultPalette.yellow[500],
+        },
+        disabled: {
+            normal: 'transparent',
+            hover: 'transparent',
+            active: 'transparent',
+            text: defaultPalette.grey[200],
+            textHover: defaultPalette.grey[200],
+        },
+    },
+    defaultType: 'primary',
+    defaultColor: 'blue',
+    defaultSize: 'medium',
+};
+export default buttonPalette;
+//# sourceMappingURL=buttonPalette.js.map

package/dist/components/buttons/button/buttonPalette.js.map

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

package/dist/components/buttons/button/styled.js

@@ -0,0 +1,49 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+import Spinner from '../../../common/components/Spinner';
+import { Icon } from '../../icon';
+import { getButtonStyles } from './utils';
+var StyledIcon = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
+export var LeftIcon = styled(StyledIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));
+export var RightIcon = styled(StyledIcon)(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
+export var ButtonSpinner = styled(Spinner)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n"], ["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: flex;\n"])));
+export var Text = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: inline-block;\n  line-height: initial;\n"], ["\n  display: inline-block;\n  line-height: initial;\n"])));
+export var Content = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  opacity: ", ";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  opacity: ", ";\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
+    var isLoading = _a.isLoading;
+    return (isLoading ? 0 : 1);
+});
+var WrapperStyle = css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  border-radius: 4px;\n  user-select: none;\n  position: relative;\n  text-align: center;\n\n  width: ", ";\n\n  font-weight: 500;\n\n  cursor: ", ";\n  border: ", ";\n\n  ", " {\n    height: ", "px;\n  }\n\n  ", " + * {\n    margin-left: 8px;\n  }\n\n  ", " + * {\n    margin-left: 8px;\n  }\n\n  color: ", ";\n  background-color: ", ";\n\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  padding: 0 12px;\n\n  display: inline-block;\n"], ["\n  border-radius: 4px;\n  user-select: none;\n  position: relative;\n  text-align: center;\n\n  width: ", ";\n\n  font-weight: 500;\n\n  cursor: ", ";\n  border: ", ";\n\n  ", " {\n    height: ", "px;\n  }\n\n  ", " + * {\n    margin-left: 8px;\n  }\n\n  ", " + * {\n    margin-left: 8px;\n  }\n\n  color: ", ";\n  background-color: ", ";\n\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  padding: 0 12px;\n\n  display: inline-block;\n"])), function (_a) {
+    var fullWidth = _a.fullWidth;
+    return (fullWidth ? '100%' : 'initial');
+}, function (_a) {
+    var cursor = _a.cursor;
+    return cursor;
+}, function (_a) {
+    var border = _a.border;
+    return border;
+}, Content, function (_a) {
+    var height = _a.height;
+    return height;
+}, LeftIcon, Text, function (_a) {
+    var text = _a.text;
+    return text;
+}, function (_a) {
+    var normal = _a.normal;
+    return normal;
+}, function (_a) {
+    var textHover = _a.textHover;
+    return textHover;
+}, function (_a) {
+    var hover = _a.hover;
+    return hover;
+}, function (_a) {
+    var active = _a.active;
+    return active;
+});
+export var HrefWrapper = styled.a.attrs(getButtonStyles)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  ", ";\n\n  text-decoration: none;\n"], ["\n  ", ";\n\n  text-decoration: none;\n"])), WrapperStyle);
+export var OnClickWrapper = styled.div.attrs(getButtonStyles)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), WrapperStyle);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=styled.js.map

package/dist/components/buttons/button/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/buttons/button/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,OAAO,MAAM,oCAAoC,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAGjC,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,iGAAA,8BAE9B,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,qEAAA,EAAE,IAAA,CAAA;AAC5C,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,qEAAA,EAAE,IAAA,CAAA;AAE7C,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,gLAAA,6GAM3C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,0HAAA,uDAG7B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,sKAAyC,eAC7D,EAAsC,kFAIlD,KAJY,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAAnB,CAAmB,CAIlD,CAAA;AAED,IAAM,YAAY,GAAG,GAAG,ikBAA6B,0GAM1C,EAAmD,wCAIlD,EAAsB,eACtB,EAAsB,SAE9B,EAAO,kBACG,EAAsB,gBAGhC,EAAQ,0CAIR,EAAI,iDAIG,EAAkB,yBACP,EAAsB,+BAG/B,EAA4B,2BACjB,EAAoB,gDAIpB,EAAsB,4DAM7C,KAlCU,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhC,CAAgC,EAIlD,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,EACtB,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,EAE9B,OAAO,EACG,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,EAGhC,QAAQ,EAIR,IAAI,EAIG,UAAC,EAAQ;QAAN,cAAI;IAAO,OAAA,IAAI;AAAJ,CAAI,EACP,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,EAG/B,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,SAAS;AAAT,CAAS,EACjB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,EAIpB,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,CAM7C,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAA6B,eAAe,CAAC,4GAAc,MAChG,EAAY,iCAGf,KAHG,YAAY,CAGf,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAA6B,eAAe,CAAC,gFAAc,MACrG,EAAY,KACf,KADG,YAAY,CACf,CAAA"}

package/dist/components/buttons/button/types.js

@@ -0,0 +1,6 @@
+export var buttonSizesArray = ['large', 'medium'];
+export var buttonTypesArray = ['primary', 'secondary', 'text'];
+export var buttonColorsArray = ['blue', 'red', 'green', 'grey', 'yellow'];
+export var buttonDisableColorArray = ['disabled'];
+export var buttonPartsArray = ['normal', 'hover', 'active', 'text', 'textHover'];
+//# sourceMappingURL=types.js.map

package/dist/components/buttons/button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/buttons/button/types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU,CAAA;AAG5D,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,MAAM,CAAU,CAAA;AAGzE,MAAM,CAAC,IAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAU,CAAA;AAGpF,MAAM,CAAC,IAAM,uBAAuB,GAAG,CAAC,UAAU,CAAU,CAAA;AAG5D,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAU,CAAA"}

package/dist/components/buttons/button/utils.js

@@ -0,0 +1,28 @@
+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 heightMap = {
+    large: 40,
+    medium: 32,
+};
+export var getButtonStyles = function (_a) {
+    var color = _a.color, isDisabled = _a.isDisabled, size = _a.size, theme = _a.theme, type = _a.type;
+    var _b = theme.components.button, defaultColor = _b.defaultColor, defaultSize = _b.defaultSize, defaultType = _b.defaultType;
+    var actualType = type || defaultType;
+    var actualSize = size || defaultSize;
+    var actualColor = isDisabled ? 'disabled' : color || defaultColor;
+    var border = actualType === 'primary' ? '1px solid rgba(9, 30, 66, 0.16)' : '';
+    var cursor = isDisabled ? 'default' : 'pointer';
+    var buttonParts = theme.components.button[actualType][actualColor];
+    return __assign({ height: heightMap[actualSize], border: border,
+        cursor: cursor }, buttonParts);
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/buttons/button/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/buttons/button/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAQA,IAAM,SAAS,GAAG;IAChB,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAA+D;QAA7D,gBAAK,EAAE,0BAAU,EAAE,cAAI,EAAE,gBAAK,EAAE,cAAI;IAC9D,IAAA,4BAAoE,EAAlE,8BAAY,EAAE,4BAAW,EAAE,4BAAuC,CAAA;IAE1E,IAAM,UAAU,GAAgB,IAAI,IAAI,WAAW,CAAA;IACnD,IAAM,UAAU,GAAgB,IAAI,IAAI,WAAW,CAAA;IACnD,IAAM,WAAW,GAAsC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,YAAY,CAAA;IAEtG,IAAM,MAAM,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,EAAE,CAAA;IAChF,IAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAA;IAEjD,IAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,CAAA;IAEpE,kBACE,MAAM,EAAE,SAAS,CAAC,UAAU,CAAC,EAC7B,MAAM,QAAA;QACN,MAAM,QAAA,IACH,WAAW,EACf;AACH,CAAC,CAAA"}

package/dist/components/buttons/iconButton/IconButton.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);
+};
+import React from 'react';
+import styled from 'styled-components';
+import useDebounceClick from '../../../common/hooks/useDebounceClick';
+import { Icon } from '../../icon';
+import { getIconButtonColors } from './utils';
+var IconButton = function (_a) {
+    var className = _a.className, color = _a.color, icon = _a.icon, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, onClick = _a.onClick, type = _a.type;
+    var handleClick = useDebounceClick({ onClick: onClick, manualLock: isDisabled });
+    return (React.createElement(Wrapper, { color: color, className: className, type: type, onClick: handleClick, isDisabled: isDisabled },
+        React.createElement(Icon, __assign({}, icon))));
+};
+var Wrapper = styled.div.attrs(getIconButtonColors)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-flex;\n  font-size: 20px;\n  text-decoration: none;\n  padding: 0 8px;\n  height: 32px;\n  align-items: center;\n\n  cursor: ", ";\n  color: ", ";\n\n  :hover {\n    color: ", ";\n    text-decoration: none;\n  }\n"], ["\n  display: inline-flex;\n  font-size: 20px;\n  text-decoration: none;\n  padding: 0 8px;\n  height: 32px;\n  align-items: center;\n\n  cursor: ", ";\n  color: ", ";\n\n  :hover {\n    color: ", ";\n    text-decoration: none;\n  }\n"])), function (_a) {
+    var isDisabled = _a.isDisabled;
+    return (isDisabled ? 'default' : 'pointer');
+}, function (_a) {
+    var normal = _a.normal;
+    return normal;
+}, function (_a) {
+    var hover = _a.hover;
+    return hover;
+});
+export default IconButton;
+var templateObject_1;
+//# sourceMappingURL=IconButton.js.map

package/dist/components/buttons/iconButton/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/buttons/iconButton/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,gBAAgB,MAAM,wCAAwC,CAAA;AACrE,OAAO,EAAE,IAAI,EAAa,MAAM,YAAY,CAAA;AAG5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAM7C,IAAM,UAAU,GAAG,UAAC,EAA8E;QAA5E,wBAAS,EAAE,gBAAK,EAAE,cAAI,EAAE,kBAAkB,EAAlB,uCAAkB,EAAE,oBAAO,EAAE,cAAI;IAC7E,IAAM,WAAW,GAAG,gBAAgB,CAAC,EAAE,OAAO,SAAA,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAAA;IAEzE,OAAO,CACL,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU;QACnG,oBAAC,IAAI,eAAK,IAAI,EAAI,CACV,CACX,CAAA;AACH,CAAC,CAAA;AAUD,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAgC,mBAAmB,CAAC,8SAAc,mJAQtF,EAAwD,cACzD,EAAsB,8BAGpB,EAAoB,sCAGhC,KAPW,UAAC,EAAc;QAAZ,0BAAU;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAApC,CAAoC,EACzD,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,MAAM;AAAN,CAAM,EAGpB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,CAGhC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/buttons/iconButton/iconButton.stories.js

@@ -0,0 +1,17 @@
+import { faFire } from '@fortawesome/pro-solid-svg-icons';
+import { action } from '@storybook/addon-actions';
+import { select } from '@storybook/addon-knobs';
+import React from 'react';
+import IconButton from './IconButton';
+var icon = {
+    icon: faFire,
+    size: 'lg',
+};
+export var WithKnobs = function () {
+    var color = select('color', ['blue', 'red', 'green', 'yellow'], 'blue');
+    return (React.createElement(React.Fragment, null,
+        React.createElement(IconButton, { icon: icon, color: color, onClick: action('Hai cliccato il bottone') }),
+        React.createElement(IconButton, { icon: icon, color: color, onClick: action('Hai cliccato il bottone'), type: 'secondary' }),
+        React.createElement(IconButton, { icon: icon, color: color, onClick: action('Hai cliccato il bottone'), isDisabled: true })));
+};
+//# sourceMappingURL=iconButton.stories.js.map

package/dist/components/buttons/iconButton/iconButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButton.stories.js","sourceRoot":"","sources":["../../../../src/components/buttons/iconButton/iconButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,UAAU,MAAM,cAAc,CAAA;AAGrC,IAAM,IAAI,GAAc;IACtB,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,IAAI;CACX,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,KAAK,GAAG,MAAM,CAAmB,OAAO,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,CAAA;IAE3F,OAAO,CACL;QACE,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,yBAAyB,CAAC,GAAI;QACpF,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,yBAAyB,CAAC,EAAE,IAAI,EAAE,WAAW,GAAI;QACvG,oBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,yBAAyB,CAAC,EAAE,UAAU,SAAG,CAC9F,CACJ,CAAA;AACH,CAAC,CAAA"}

package/dist/components/buttons/iconButton/iconButtonPalette.js

@@ -0,0 +1,51 @@
+import defaultPalette from '../../../styles/defaultPalette';
+var iconButtonPalette = {
+    primary: {
+        blue: {
+            normal: defaultPalette.blue[200],
+            hover: defaultPalette.blue[500],
+        },
+        red: {
+            normal: defaultPalette.red[200],
+            hover: defaultPalette.red[500],
+        },
+        green: {
+            normal: defaultPalette.green[200],
+            hover: defaultPalette.green[500],
+        },
+        yellow: {
+            normal: defaultPalette.yellow[200],
+            hover: defaultPalette.yellow[500],
+        },
+        disabled: {
+            normal: defaultPalette.grey[200],
+            hover: defaultPalette.grey[200],
+        },
+    },
+    secondary: {
+        blue: {
+            normal: defaultPalette.blue[200],
+            hover: defaultPalette.white[100],
+        },
+        red: {
+            normal: defaultPalette.red[200],
+            hover: defaultPalette.white[100],
+        },
+        green: {
+            normal: defaultPalette.green[200],
+            hover: defaultPalette.white[100],
+        },
+        yellow: {
+            normal: defaultPalette.yellow[200],
+            hover: defaultPalette.white[100],
+        },
+        disabled: {
+            normal: defaultPalette.grey[200],
+            hover: defaultPalette.grey[200],
+        },
+    },
+    defaultType: 'primary',
+    defaultColor: 'blue',
+};
+export default iconButtonPalette;
+//# sourceMappingURL=iconButtonPalette.js.map

package/dist/components/buttons/iconButton/iconButtonPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButtonPalette.js","sourceRoot":"","sources":["../../../../src/components/buttons/iconButton/iconButtonPalette.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAwB3D,IAAM,iBAAiB,GAAsB;IAC3C,OAAO,EAAE;QACP,IAAI,EAAE;YACJ,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAChC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;SAChC;QACD,GAAG,EAAE;YACH,MAAM,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;YAC/B,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;SAC/B;QACD,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YACjC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SACjC;QACD,MAAM,EAAE;YACN,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;YAClC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;SAClC;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAChC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;SAChC;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAChC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SACjC;QACD,GAAG,EAAE;YACH,MAAM,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;YAC/B,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SACjC;QACD,KAAK,EAAE;YACL,MAAM,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YACjC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SACjC;QACD,MAAM,EAAE;YACN,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;YAClC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SACjC;QACD,QAAQ,EAAE;YACR,MAAM,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAChC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;SAChC;KACF;IACD,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,MAAM;CACrB,CAAA;AAED,eAAe,iBAAiB,CAAA"}