@fattureincloud/fic-design-system 0.3.19 → 0.3.23-alpha.0

package/dist/components/groupedList/groupedList.js

@@ -0,0 +1,69 @@
+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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+import GroupElement from './components/groupElement';
+var GroupedList = function (props) {
+    var className = props.className, groups = props.groups, navigable = props.navigable, placeholder = props.placeholder, wrapperStyle = props.wrapperStyle;
+    var _a = useState(false), mouseBlocked = _a[0], setMouseBlocked = _a[1];
+    // The elements indices will range from 1 to n
+    var itemsNumber = useMemo(function () { return groups.reduce(function (sum, g) { return sum + g.items.length; }, 0); }, [groups]);
+    var handleKeyDown = useCallback(function (e) {
+        var _a, _b, _c, _d;
+        var alreadySelected = (_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.groupedListItem;
+        if (navigable && !alreadySelected && ['ArrowUp', 'ArrowDown'].includes(e.key)) {
+            e.preventDefault();
+            e.key === 'ArrowUp'
+                ? (_c = document.querySelector("div[data-grouped-list-item='" + itemsNumber + "']")) === null || _c === void 0 ? void 0 : _c.focus() : (_d = document.querySelector("div[data-grouped-list-item='1']")) === null || _d === void 0 ? void 0 : _d.focus();
+            setMouseBlocked(true);
+        }
+    }, [itemsNumber, navigable]);
+    var unlockMouse = function (e) {
+        var target = e.target;
+        var item = target === null || target === void 0 ? void 0 : target.closest('[data-grouped-list-item]');
+        item === null || item === void 0 ? void 0 : item.focus();
+        setMouseBlocked(false);
+    };
+    useEffect(function () {
+        if (mouseBlocked) {
+            removeEventListener('keydown', handleKeyDown);
+            addEventListener('mousemove', unlockMouse);
+        }
+        else {
+            addEventListener('keydown', handleKeyDown);
+            removeEventListener('mousemove', unlockMouse);
+        }
+        return function () {
+            removeEventListener('keydown', handleKeyDown);
+            removeEventListener('mousemove', unlockMouse);
+        };
+    }, [handleKeyDown, mouseBlocked]);
+    var mouseBlockedProps = useMemo(function () { return ({
+        mouseBlocked: mouseBlocked,
+        setMouseBlocked: setMouseBlocked,
+    }); }, [mouseBlocked, setMouseBlocked]);
+    var wrapperRef = useRef(null);
+    var i = 1;
+    return (React.createElement(Wrapper, { style: wrapperStyle, ref: wrapperRef, className: className }, groups.map(function (group, index) {
+        var oldI = i;
+        i += group.items.length;
+        return (React.createElement(GroupElement, __assign({ key: index }, group, { mouseBlockedProps: mouseBlockedProps, navigable: navigable, index: oldI, wrapperRef: wrapperRef, placeholder: placeholder })));
+    })));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
+export default GroupedList;
+var templateObject_1;
+//# sourceMappingURL=groupedList.js.map

package/dist/components/groupedList/groupedList.js.map

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

package/dist/components/groupedList/groupedList.stories.js

@@ -0,0 +1,168 @@
+import { faBuilding } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { GroupedList } from './index';
+var buildingIcon = {
+    icon: faBuilding,
+};
+var defaultData = [
+    {
+        title: 'Gruppo 0',
+        items: [
+            {
+                title: 'elemento 1',
+                icon: buildingIcon,
+                onClick: function () {
+                    console.log('0 - 1');
+                },
+                action: React.createElement("div", null, "Ciao"),
+            },
+            {
+                title: 'elemento 2',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('0 - 2');
+                },
+                action: React.createElement("div", null, "Ciao"),
+            },
+        ],
+    },
+    {
+        title: 'Gruppo 1',
+        items: [
+            {
+                title: 'elemento 3',
+                icon: buildingIcon,
+                onClick: function () {
+                    console.log('1 - 1');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: "L'elemento sotto è mancante",
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 2');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: '',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 3');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: "L'elemento sopra è mancante",
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 4');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: 'elemento 7',
+                icon: buildingIcon,
+                onClick: function () {
+                    console.log('1 - 5');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: 'elemento 8',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 6');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: 'elemento 9',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 7');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: 'elemento 10',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 8');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+        ],
+    },
+    {
+        title: 'Gruppo 2',
+        items: [
+            {
+                title: 'elemento 11',
+                icon: buildingIcon,
+                active: true,
+            },
+            {
+                title: 'elemento 12',
+                icon: buildingIcon,
+            },
+            {
+                title: 'elemento 13',
+                icon: buildingIcon,
+                active: true,
+            },
+            {
+                title: 'elemento 14',
+                icon: buildingIcon,
+            },
+            {
+                title: 'elemento 15',
+                icon: buildingIcon,
+                active: true,
+            },
+            {
+                title: 'elemento 16',
+                icon: buildingIcon,
+            },
+            {
+                title: 'elemento 17',
+                icon: buildingIcon,
+                active: true,
+            },
+            {
+                title: 'elemento 18',
+                icon: buildingIcon,
+            },
+            {
+                title: 'elemento 19',
+                icon: buildingIcon,
+            },
+        ],
+    },
+];
+export var Simple = function () {
+    var wrapperStyle = { height: '350px', border: '1px solid red', overflow: 'auto' };
+    return React.createElement(GroupedList, { wrapperStyle: wrapperStyle, groups: defaultData, navigable: true, placeholder: 'Placeholder' });
+};
+var GroupedListStories = {
+    title: 'Old Components/GroupedList',
+    component: GroupedList,
+};
+export default GroupedListStories;
+//# sourceMappingURL=groupedList.stories.js.map

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

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

package/dist/components/groupedList/index.js

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

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

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

package/dist/components/groupedList/types.js

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

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

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

package/dist/components/icon/Icon.d.ts

@@ -6,4 +6,5 @@ export interface IconProps extends Omit<FontAwesomeIconProps, 'color'> {
     isDisabled?: boolean;
 }
 declare const Icon: ({ onClick, isDisabled, ...props }: IconProps) => JSX.Element;
+export declare type StyledIconProps = IconProps;
 export default Icon;

package/dist/components/icon/Icon.js

@@ -0,0 +1,48 @@
+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 { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+import { getIconStyles } from './utils';
+var Icon = function (_a) {
+    var onClick = _a.onClick, isDisabled = _a.isDisabled, props = __rest(_a, ["onClick", "isDisabled"]);
+    var handleClick = useMemo(function () { return (isDisabled || !onClick ? undefined : function (e) { return onClick(e); }); }, [isDisabled, onClick]);
+    return React.createElement(StyledIcon, __assign({}, props, { onClick: handleClick }));
+};
+var StyledIcon = styled(FontAwesomeIcon).attrs(getIconStyles)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: ", ";\n  color: ", ";\n  --fa-secondary-color: ", ";\n"], ["\n  cursor: ", ";\n  color: ", ";\n  --fa-secondary-color: ", ";\n"])), function (_a) {
+    var onClick = _a.onClick;
+    return (onClick ? 'pointer' : 'inherit');
+}, function (_a) {
+    var primary = _a.primary;
+    return primary;
+}, function (_a) {
+    var secondary = _a.secondary;
+    return secondary;
+});
+export default Icon;
+var templateObject_1;
+//# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,eAAe,EAAwB,MAAM,gCAAgC,CAAA;AACtF,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAOvC,IAAM,IAAI,GAAG,UAAC,EAA4C;IAA1C,IAAA,oBAAO,EAAE,0BAAU,EAAE,6CAAQ;IAC3C,IAAM,WAAW,GAAG,OAAO,CACzB,cAAM,OAAA,CAAC,UAAU,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAA,CAAC,IAAI,OAAA,OAAO,CAAC,CAAC,CAAC,EAAV,CAAU,CAAC,EAAtD,CAAsD,EAC5D,CAAC,UAAU,EAAE,OAAO,CAAC,CACtB,CAAA;IAED,OAAO,oBAAC,UAAU,eAAK,KAAK,IAAE,OAAO,EAAE,WAAW,IAAI,CAAA;AACxD,CAAC,CAAA;AAGD,IAAM,UAAU,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,KAAK,CAAoC,aAAa,CAAC,uIAAiB,cACvG,EAAkD,cACnD,EAAwB,6BACT,EAA4B,KACrD,KAHW,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAjC,CAAiC,EACnD,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,OAAO;AAAP,CAAO,EACT,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,SAAS;AAAT,CAAS,CACrD,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/icon/components/iconBackground/IconBackground.js

@@ -0,0 +1,48 @@
+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 { iconSizeMap } from './utils';
+var IconBackground = function (_a) {
+    var children = _a.children, rest = __rest(_a, ["children"]);
+    return React.createElement(Wrapper, __assign({}, rest), children);
+};
+var circleBackgroundScaleFactor = 1.5;
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 50%;\n\n  min-width: calc(", " * ", ");\n  min-height: calc(", " * ", ");\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n"], ["\n  background-color: ",
+    ";\n  border-radius: 50%;\n\n  min-width: calc(", " * ", ");\n  min-height: calc(", " * ", ");\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n"])), function (_a) {
+    var theme = _a.theme, color = _a.color, backgroundColor = _a.backgroundColor;
+    return backgroundColor || theme.components.iconBackground[color] || 'transparent';
+}, circleBackgroundScaleFactor, function (_a) {
+    var size = _a.size;
+    return iconSizeMap[size];
+}, circleBackgroundScaleFactor, function (_a) {
+    var size = _a.size;
+    return iconSizeMap[size];
+});
+export default IconBackground;
+var templateObject_1;
+//# sourceMappingURL=IconBackground.js.map

package/dist/components/icon/components/iconBackground/IconBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconBackground.js","sourceRoot":"","sources":["../../../../../src/components/icon/components/iconBackground/IconBackground.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAMrC,IAAM,cAAc,GAAG,UAAC,EAA4B;IAA1B,IAAA,sBAAQ,EAAE,+BAAO;IACzC,OAAO,oBAAC,OAAO,eAAK,IAAI,GAAG,QAAQ,CAAW,CAAA;AAChD,CAAC,CAAA;AASD,IAAM,2BAA2B,GAAG,GAAG,CAAA;AAEvC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,6QAAc,wBAClB;IACwD,gDAG1D,EAA2B,KAAM,EAA+B,yBAC/D,EAA2B,KAAM,EAA+B,qFAKpF,KAVqB,UAAC,EAAiC;QAA/B,gBAAK,EAAE,gBAAK,EAAE,oCAAe;IAClD,OAAA,eAAe,IAAI,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,aAAa;AAA1E,CAA0E,EAG1D,2BAA2B,EAAM,UAAC,EAAQ;QAAN,cAAI;IAAO,OAAA,WAAW,CAAC,IAAI,CAAC;AAAjB,CAAiB,EAC/D,2BAA2B,EAAM,UAAC,EAAQ;QAAN,cAAI;IAAO,OAAA,WAAW,CAAC,IAAI,CAAC;AAAjB,CAAiB,CAKpF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/icon/components/iconBackground/iconBackgroundPalette.js

@@ -0,0 +1,18 @@
+import defaultPalette from '../../../../styles/defaultPalette';
+var iconBackgroundPalette = {
+    blue: defaultPalette.blue[50],
+    indigo: defaultPalette.indigo[50],
+    yellow: defaultPalette.yellow[50],
+    orange: defaultPalette.orange[50],
+    red: defaultPalette.red[50],
+    green: defaultPalette.green[50],
+    fuchsia: defaultPalette.fuchsia[50],
+    pink: defaultPalette.pink[50],
+    cyan: defaultPalette.cyan[50],
+    primary: defaultPalette.primary[50],
+    grey: defaultPalette.grey[100],
+    white: defaultPalette.white[16],
+    black: defaultPalette.black[16],
+};
+export default iconBackgroundPalette;
+//# sourceMappingURL=iconBackgroundPalette.js.map

package/dist/components/icon/components/iconBackground/iconBackgroundPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconBackgroundPalette.js","sourceRoot":"","sources":["../../../../../src/components/icon/components/iconBackground/iconBackgroundPalette.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,mCAAmC,CAAA;AAQ9D,IAAM,qBAAqB,GAA0B;IACnD,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IAC7B,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;IACjC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;IACjC,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;IACjC,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;IAC3B,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/B,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;IACnC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IAC7B,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;IAC7B,OAAO,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,CAAC;IACnC,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;IAC9B,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/B,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;CAChC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/dist/components/icon/components/iconBackground/index.js

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

package/dist/components/icon/components/iconBackground/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/icon/components/iconBackground/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,qBAAgD,MAAM,yBAAyB,CAAA;AAEtF,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAyB,CAAA"}

package/dist/components/icon/components/iconBackground/utils.js

@@ -0,0 +1,16 @@
+export var iconSizeMap = {
+    xs: '.75em',
+    sm: '.875em',
+    lg: '1.33em',
+    '1x': '1em',
+    '2x': '2em',
+    '3x': '3em',
+    '4x': '4em',
+    '5x': '5em',
+    '6x': '6em',
+    '7x': '7em',
+    '8x': '8em',
+    '9x': '9em',
+    '10x': '10em',
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/icon/components/iconBackground/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/icon/components/iconBackground/utils.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,IAAM,WAAW,GAAoB;IAC1C,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,QAAQ;IACZ,EAAE,EAAE,QAAQ;IACZ,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,MAAM;CACd,CAAA"}

package/dist/components/icon/icon.stories.js

@@ -0,0 +1,82 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faBroom, faMap, faPencilPaintbrush, faQuestion, faWallet, faWind } from '@fortawesome/pro-duotone-svg-icons';
+import { faCoffee as faDuotoneCoffee } from '@fortawesome/pro-duotone-svg-icons';
+import { faCoffee as faLightCoffee } from '@fortawesome/pro-light-svg-icons';
+import { faCoffee as faRegularCoffee } from '@fortawesome/pro-regular-svg-icons';
+import { faCoffee as faSolidCoffee } from '@fortawesome/pro-solid-svg-icons';
+import { boolean, select } from '@storybook/addon-knobs';
+import React from 'react';
+import styled from 'styled-components';
+import { allColorsList } from '../../styles/types';
+import { IconBackground } from './components/iconBackground';
+import Icon from './Icon';
+var sizes = ['xs', 'lg', 'sm', '1x', '2x', '3x', '4x', '5x', '6x', '7x', '8x', '9x', '10x'];
+var iconOptions = ['faDuotoneCoffee', 'faRegularCoffee', 'faSolidCoffee', 'faLightCoffee'];
+var iconTypes = {
+    faDuotoneCoffee: faDuotoneCoffee,
+    faRegularCoffee: faRegularCoffee,
+    faSolidCoffee: faSolidCoffee,
+    faLightCoffee: faLightCoffee,
+};
+export var Normal = function () {
+    var color = select('color', allColorsList, 'blue');
+    var size = select('size', sizes, '1x');
+    var fixedWidth = boolean('fixedWidth', false);
+    var spin = boolean('spin', false);
+    var pulse = boolean('pulse', false);
+    var rotation = select('rotation', [0, 90, 180, 270], 0);
+    var iconType = select('type', iconOptions, 'faDuotoneCoffee');
+    return (React.createElement(Icon, { icon: iconTypes[iconType], spin: spin, pulse: pulse, fixedWidth: fixedWidth, rotation: rotation || undefined, size: size, color: color }));
+};
+export var WithBackground = function () {
+    var color = select('color', allColorsList, 'blue');
+    var size = select('size', sizes, '1x');
+    var fixedWidth = boolean('fixedWidth', false);
+    var spin = boolean('spin', false);
+    var pulse = boolean('pulse', false);
+    var rotation = select('rotation', [0, 90, 180, 270], 0);
+    var iconType = select('type', iconOptions, 'faDuotoneCoffee');
+    return (React.createElement(IconBackground, { color: color, size: size },
+        React.createElement(Icon, { icon: iconTypes[iconType], spin: spin, pulse: pulse, fixedWidth: fixedWidth, rotation: rotation || undefined, size: size, color: color })));
+};
+export var DuotoneColored = function () {
+    return (React.createElement(Wrapper, null,
+        React.createElement(Icon, { size: '4x', icon: faMap, color: 'grey' }),
+        React.createElement(Icon, { size: '4x', icon: faWallet, color: 'blue' }),
+        React.createElement(Icon, { size: '4x', icon: faQuestion, color: 'green' }),
+        React.createElement(Icon, { size: '4x', icon: faWind, color: 'red' }),
+        React.createElement(Icon, { size: '4x', icon: faBroom, color: 'yellow' })));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  > * + * {\n    margin-left: 10px;\n  }\n"], ["\n  > * + * {\n    margin-left: 10px;\n  }\n"])));
+var opacityOptions = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1];
+export var _CustomIcon = function () {
+    var primaryColor = select('primaryColor', allColorsList, 'red');
+    var secondaryColor = select('secondaryColor', allColorsList, 'blue');
+    var primaryOpacity = select('primaryOpacity', opacityOptions, 0.4);
+    var secondaryOpacity = select('secondaryOpacity', opacityOptions, 0.3);
+    return (React.createElement(Wrapper, null,
+        React.createElement(CustomIcon, { size: '8x', icon: faPencilPaintbrush, primaryColor: primaryColor, secondaryColor: secondaryColor, primaryOpacity: primaryOpacity, secondaryOpacity: secondaryOpacity })));
+};
+var CustomIcon = styled(Icon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  --fa-primary-color: ", ";\n  --fa-secondary-color: ", ";\n  --fa-primary-opacity: ", ";\n  --fa-secondary-opacity: ", ";\n"], ["\n  --fa-primary-color: ", ";\n  --fa-secondary-color: ", ";\n  --fa-primary-opacity: ", ";\n  --fa-secondary-opacity: ", ";\n"])), function (_a) {
+    var primaryColor = _a.primaryColor;
+    return primaryColor;
+}, function (_a) {
+    var secondaryColor = _a.secondaryColor;
+    return secondaryColor;
+}, function (_a) {
+    var primaryOpacity = _a.primaryOpacity;
+    return primaryOpacity;
+}, function (_a) {
+    var secondaryOpacity = _a.secondaryOpacity;
+    return secondaryOpacity;
+});
+var IconStories = {
+    title: 'Old Components/Icon',
+    component: Icon,
+};
+export default IconStories;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=icon.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.stories.js","sourceRoot":"","sources":["../../../src/components/icon/icon.stories.tsx"],"names":[],"mappings":";;;;AACA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAA;AACrH,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAC5E,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAExD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,IAAmB,MAAM,QAAQ,CAAA;AAExC,IAAM,KAAK,GAAe,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;AAEzG,IAAM,WAAW,GAAG,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,CAAU,CAAA;AACrG,IAAM,SAAS,GAAG;IAChB,eAAe,iBAAA;IACf,eAAe,iBAAA;IACf,aAAa,eAAA;IACb,aAAa,eAAA;CACd,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAM,KAAK,GAAG,MAAM,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,CAAC,CAAA;IACpD,IAAM,IAAI,GAAG,MAAM,CAAW,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;IAClD,IAAM,UAAU,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IAC/C,IAAM,IAAI,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IACnC,IAAM,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACrC,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAe,CAAA;IACvE,IAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,IAAM,KAAK,GAAG,MAAM,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,CAAC,CAAA;IACpD,IAAM,IAAI,GAAG,MAAM,CAAW,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,CAAA;IAClD,IAAM,UAAU,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IAC/C,IAAM,IAAI,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;IACnC,IAAM,KAAK,GAAG,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACrC,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,CAAe,CAAA;IACvE,IAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,iBAAiB,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,cAAc,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI;QACtC,oBAAC,IAAI,IACH,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,EACzB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,GACZ,CACa,CAClB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG;IAC5B,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAI;QAChD,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAI;QACnD,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,GAAI;QACtD,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI;QAChD,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,GAAI,CAC5C,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iHAAA,8CAIzB,IAAA,CAAA;AAED,IAAM,cAAc,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;AAEvE,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,IAAM,YAAY,GAAG,MAAM,CAAC,cAAc,EAAE,aAAa,EAAE,KAAK,CAAC,CAAA;IACjE,IAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,EAAE,aAAa,EAAE,MAAM,CAAC,CAAA;IACtE,IAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,EAAE,cAAc,EAAE,GAAG,CAAC,CAAA;IACpE,IAAM,gBAAgB,GAAG,MAAM,CAAC,kBAAkB,EAAE,cAAc,EAAE,GAAG,CAAC,CAAA;IAExE,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,kBAAkB,EACxB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,GAClC,CACM,CACX,CAAA;AACH,CAAC,CAAA;AASD,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,mMAAiB,0BACxB,EAAkC,6BAChC,EAAsC,6BACtC,EAAsC,+BACpC,EAA0C,KACrE,KAJuB,UAAC,EAAgB;QAAd,8BAAY;IAAO,OAAA,YAAY;AAAZ,CAAY,EAChC,UAAC,EAAkB;QAAhB,kCAAc;IAAO,OAAA,cAAc;AAAd,CAAc,EACtC,UAAC,EAAkB;QAAhB,kCAAc;IAAO,OAAA,cAAc;AAAd,CAAc,EACpC,UAAC,EAAoB;QAAlB,sCAAgB;IAAO,OAAA,gBAAgB;AAAhB,CAAgB,CACrE,CAAA;AAED,IAAM,WAAW,GAAoB;IACnC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,IAAI;CAChB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/icon/iconPalette.js

@@ -0,0 +1,28 @@
+import defaultPalette from '../../styles/defaultPalette';
+var getColoredIcon = function (color) { return ({
+    primary: defaultPalette[color][500],
+    secondary: defaultPalette[color][200],
+}); };
+var iconPalette = {
+    blue: getColoredIcon('blue'),
+    red: getColoredIcon('red'),
+    green: getColoredIcon('green'),
+    yellow: getColoredIcon('yellow'),
+    orange: getColoredIcon('orange'),
+    primary: getColoredIcon('primary'),
+    cyan: getColoredIcon('cyan'),
+    fuchsia: getColoredIcon('fuchsia'),
+    indigo: getColoredIcon('indigo'),
+    pink: getColoredIcon('pink'),
+    grey: getColoredIcon('grey'),
+    white: {
+        primary: defaultPalette.white[100],
+        secondary: defaultPalette.white[48],
+    },
+    black: {
+        primary: defaultPalette.black[100],
+        secondary: defaultPalette.black[48],
+    },
+};
+export default iconPalette;
+//# sourceMappingURL=iconPalette.js.map

package/dist/components/icon/iconPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconPalette.js","sourceRoot":"","sources":["../../../src/components/icon/iconPalette.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAcxD,IAAM,cAAc,GAAG,UAAC,KAAa,IAAuB,OAAA,CAAC;IAC3D,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;IACnC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;CACtC,CAAC,EAH0D,CAG1D,CAAA;AAEF,IAAM,WAAW,GAAgB;IAC/B,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;IAC5B,GAAG,EAAE,cAAc,CAAC,KAAK,CAAC;IAC1B,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC;IAC9B,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC;IAChC,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC;IAChC,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC;IAClC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;IAC5B,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC;IAClC,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC;IAChC,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;IAC5B,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;IAC5B,KAAK,EAAE;QACL,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAClC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;KACpC;IACD,KAAK,EAAE;QACL,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAClC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;KACpC;CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/icon/index.js

@@ -0,0 +1,5 @@
+import { IconBackground, iconBackgroundPalette } from './components/iconBackground';
+import Icon from './Icon';
+import iconPalette from './iconPalette';
+export { Icon, iconPalette, IconBackground, iconBackgroundPalette };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAyB,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC1G,OAAO,IAAmB,MAAM,QAAQ,CAAA;AACxC,OAAO,WAA4B,MAAM,eAAe,CAAA;AAExD,OAAO,EAAE,IAAI,EAA0B,WAAW,EAAE,cAAc,EAAE,qBAAqB,EAAyB,CAAA"}

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

@@ -1,7 +1,7 @@
 import { DefaultTheme } from 'styled-components';
-import { IconProps } from './Icon';
+import { StyledIconProps } from './Icon';
 import { IconColorPalette } from './iconPalette';
-interface GetIconStylesParams extends Pick<IconProps, 'color'> {
+interface GetIconStylesParams extends Pick<StyledIconProps, 'color'> {
     theme: DefaultTheme;
 }
 export declare const getIconStyles: ({ theme, color }: GetIconStylesParams) => IconColorPalette;

package/dist/components/icon/utils.js

@@ -0,0 +1,10 @@
+export var getIconStyles = function (_a) {
+    var theme = _a.theme, color = _a.color;
+    return color
+        ? theme.components.icon[color]
+        : {
+            primary: 'inherit',
+            secondary: 'inherit',
+        };
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/icon/utils.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAqC;QAAnC,gBAAK,EAAE,gBAAK;IAC1C,OAAA,KAAK;QACH,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;QAC9B,CAAC,CAAC;YACE,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,SAAS;SACrB;AALL,CAKK,CAAA"}