@fattureincloud/fic-design-system 0.3.20 → 0.3.21

package/dist/components/toast/toast.js.map

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

package/dist/components/toast/toast.stories.js

@@ -0,0 +1,50 @@
+import { faCheck } from '@fortawesome/pro-solid-svg-icons';
+import { boolean, object, select, text } from '@storybook/addon-knobs';
+import React from 'react';
+import { Toast } from './index';
+export var WithKnobs = function () {
+    var title = text('title', 'Titolo');
+    var content = text('content', 'Content');
+    var type = select('type', {
+        'default (undefined)': undefined,
+        standard: 'standard',
+        error: 'error',
+        info: 'info',
+        warning: 'warning',
+        success: 'success',
+    }, 'success');
+    var actionLabel = text('actionLabel', 'action');
+    var autoClose = boolean('autoClose', true);
+    var defaultValue = {
+        icon: faCheck,
+        color: 'white',
+        size: '1x',
+        fixedWidth: true,
+        spin: false,
+        pulse: false,
+        rotation: undefined,
+    };
+    var icon = object('Icon', defaultValue);
+    var newIcon = icon.name ? icon : undefined;
+    var onActionClick = undefined;
+    if (actionLabel !== '') {
+        onActionClick = function () {
+            console.log('clicked');
+        };
+    }
+    Toast.show(title, {
+        type: type,
+        content: React.createElement("span", null, content),
+        icon: newIcon,
+        actionLabel: actionLabel,
+        onActionClick: onActionClick,
+        autoClose: autoClose,
+    });
+    return React.createElement(Toast.Container, { position: 'top-right' });
+};
+var ToastStories = {
+    title: 'Old Components/Toast',
+    component: Toast.Container,
+};
+export default ToastStories;
+//# sourceMappingURL=toast.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.stories.js","sourceRoot":"","sources":["../../../src/components/toast/toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAEtE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAA;IACrC,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IAC1C,IAAM,IAAI,GAAsE,MAAM,CACpF,MAAM,EACN;QACE,qBAAqB,EAAE,SAAS;QAChC,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;KACnB,EACD,SAAS,CACV,CAAA;IACD,IAAM,WAAW,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;IACjD,IAAM,SAAS,GAAG,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA;IAC5C,IAAM,YAAY,GAAc;QAC9B,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,IAAI;QACV,UAAU,EAAE,IAAI;QAChB,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,SAAS;KACpB,CAAA;IAED,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACzC,IAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAA;IAE5C,IAAI,aAAa,GAA6B,SAAS,CAAA;IACvD,IAAI,WAAW,KAAK,EAAE,EAAE;QACtB,aAAa,GAAG;YACd,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;QACxB,CAAC,CAAA;KACF;IAED,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;QAChB,IAAI,MAAA;QACJ,OAAO,EAAE,kCAAO,OAAO,CAAQ;QAC/B,IAAI,EAAE,OAAO;QACb,WAAW,aAAA;QACX,aAAa,eAAA;QACb,SAAS,WAAA;KACV,CAAC,CAAA;IAEF,OAAO,oBAAC,KAAK,CAAC,SAAS,IAAC,QAAQ,EAAE,WAAW,GAAI,CAAA;AACnD,CAAC,CAAA;AAED,IAAM,YAAY,GAAqB;IACrC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,KAAK,CAAC,SAAS;CAC3B,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/toast/typings/toast.js

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

package/dist/components/toast/typings/toast.js.map

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

package/dist/components/tooltip/Arrow.js

@@ -0,0 +1,12 @@
+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';
+export var Arrow = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  width: 10px;\n  height: 10px;\n\n  &:after {\n    content: '';\n    position: absolute;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    background-color: ", ";\n    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n    clip-path: polygon(100% 0, 0% 100%, 100% 100%);\n  }\n"], ["\n  position: absolute;\n  width: 10px;\n  height: 10px;\n\n  &:after {\n    content: '';\n    position: absolute;\n    transform: rotate(45deg);\n    width: 10px;\n    height: 10px;\n    background-color: ", ";\n    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);\n    clip-path: polygon(100% 0, 0% 100%, 100% 100%);\n  }\n"])), function (_a) {
+    var theme = _a.theme, type = _a.type;
+    return theme.components.tooltip[type].background;
+});
+export var arrowStyle = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n    &:after {\n      border-bottom-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n    &:after {\n      border-top-left-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n    &:after {\n      border-top-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n    &:after {\n      border-bottom-left-radius: 3px;\n    }\n  }\n"], ["\n  &[data-popper-placement^='top'] > ", " {\n    bottom: -5px;\n    &:after {\n      border-bottom-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='bottom'] > ", " {\n    top: -5px;\n    &:after {\n      border-top-left-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='left'] > ", " {\n    right: -5px;\n    &:after {\n      border-top-right-radius: 3px;\n    }\n  }\n\n  &[data-popper-placement^='right'] > ", " {\n    left: -5px;\n    &:after {\n      border-bottom-left-radius: 3px;\n    }\n  }\n"])), Arrow, Arrow, Arrow, Arrow);
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Arrow.js.map

package/dist/components/tooltip/Arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Arrow.js","sourceRoot":"","sources":["../../../src/components/tooltip/Arrow.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAI/C,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,qYAAwB,gNAW/B,EAA8D,gHAIrF,KAJuB,UAAC,EAAe;QAAb,gBAAK,EAAE,cAAI;IAAO,OAAA,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,UAAU;AAAzC,CAAyC,CAIrF,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,GAAG,6kBAAA,wCACS,EAAK,qIAOF,EAAK,4HAOP,EAAK,gIAOJ,EAAK,yFAM5C,KA3BqC,KAAK,EAOF,KAAK,EAOP,KAAK,EAOJ,KAAK,CAM5C,CAAA"}

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,81 @@
+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 { usePopper } from 'react-popper';
+import { CSSTransition } from 'react-transition-group';
+import { useClickAway } from 'react-use';
+import styled from 'styled-components';
+import { Arrow } from './Arrow';
+import { Message } from './components/Message';
+import { TooltipContainer } from './components/TooltipContainer';
+var Tooltip = function (_a) {
+    var message = _a.message, placement = _a.placement, className = _a.className, children = _a.children, type = _a.type, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
+    var wrapperRef = useRef(null);
+    var popperRef = useRef(null);
+    var buttonRef = useRef(null);
+    var _b = useState(null), arrowRef = _b[0], setArrowRef = _b[1];
+    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
+    var show = useCallback(function () { return setIsOpen(true); }, []);
+    var hide = useCallback(function () { return setIsOpen(false); }, []);
+    useClickAway(wrapperRef, hide);
+    useEffect(function () {
+        if (isOpen) {
+            window.addEventListener('touchmove', hide);
+            return function () {
+                window.removeEventListener('touchmove', hide);
+            };
+        }
+        return;
+    }, [hide, isOpen]);
+    var _onMouseEnter = useCallback(function (e) {
+        show();
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    }, [onMouseEnter, show]);
+    var _onMouseLeave = useCallback(function (e) {
+        hide();
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+    }, [hide, onMouseLeave]);
+    var _d = usePopper(buttonRef.current, popperRef.current, {
+        placement: placement,
+        strategy: 'fixed',
+        modifiers: useMemo(function () { return [
+            {
+                name: 'arrow',
+                options: {
+                    element: arrowRef,
+                },
+            },
+            {
+                name: 'offset',
+                options: {
+                    offset: [0, 10],
+                },
+            },
+        ]; }, [arrowRef]),
+    }), attributes = _d.attributes, styles = _d.styles;
+    return (React.createElement(Wrapper, { className: className, ref: wrapperRef },
+        React.createElement("div", { ref: buttonRef, onClick: show, onMouseEnter: _onMouseEnter, onMouseLeave: _onMouseLeave }, children),
+        React.createElement(CSSTransition, { in: isOpen, timeout: 200, unmountOnExit: true, appear: true },
+            React.createElement(BodyAnimationWrapper, null,
+                React.createElement(TooltipContainer, __assign({ ref: popperRef, style: styles.popper }, attributes.popper),
+                    React.createElement(Arrow, { type: type, ref: setArrowRef, style: styles.arrow }),
+                    React.createElement(Message, { type: type, style: styles.offset }, message))))));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var BodyAnimationWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"], ["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"])));
+export default Tooltip;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/tooltip/Tooltip.js.map

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

package/dist/components/tooltip/components/Message.js

@@ -0,0 +1,18 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+var getMessageStyles = function (_a) {
+    var theme = _a.theme, type = _a.type;
+    return theme.components.tooltip[type];
+};
+export var Message = styled.div.attrs(getMessageStyles)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 9;\n\n  font-size: 14px;\n\n  padding: 4px 8px;\n  border-radius: 3px;\n\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n\n  color: ", ";\n  background: ", ";\n"], ["\n  z-index: 9;\n\n  font-size: 14px;\n\n  padding: 4px 8px;\n  border-radius: 3px;\n\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n\n  color: ", ";\n  background: ", ";\n"])), function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var background = _a.background;
+    return background;
+});
+var templateObject_1;
+//# sourceMappingURL=Message.js.map

package/dist/components/tooltip/components/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/Message.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAwB,MAAM,mBAAmB,CAAA;AAaxD,IAAM,gBAAgB,GAAG,UAAC,EAAuC;QAArC,gBAAK,EAAE,cAAI;IAA8C,OAAA,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC;AAA9B,CAA8B,CAAA;AAInH,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAA8B,gBAAgB,CAAC,mPAAc,oJAUzF,EAAoB,mBACf,EAA8B,KAC7C,KAFU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,EACf,UAAC,EAAc;QAAZ,0BAAU;IAAO,OAAA,UAAU;AAAV,CAAU,CAC7C,CAAA"}

package/dist/components/tooltip/components/TooltipContainer.js

@@ -0,0 +1,9 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { arrowStyle } from '../Arrow';
+export var TooltipContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"], ["\n  ", ";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"])), arrowStyle);
+var templateObject_1;
+//# sourceMappingURL=TooltipContainer.js.map

package/dist/components/tooltip/components/TooltipContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContainer.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/TooltipContainer.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,8HAAA,MACtC,EAAU,mDAGb,KAHG,UAAU,CAGb,CAAA"}

package/dist/components/tooltip/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAyB,MAAM,WAAW,CAAA;AACjD,OAAO,cAAkC,MAAM,kBAAkB,CAAA;AAEjE,OAAO,EAAE,OAAO,EAAgB,cAAc,EAAkB,CAAA"}

package/dist/components/tooltip/tooltip.stories.js

@@ -0,0 +1,28 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faInfoCircle } from '@fortawesome/pro-solid-svg-icons';
+import { select, text } from '@storybook/addon-knobs';
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '../icon';
+import Tooltip from './Tooltip';
+export var Top = function () {
+    var type = select('type', ['dark', 'light'], 'dark');
+    var placement = select('placement', ['top', 'bottom', 'right', 'left'], 'bottom');
+    var message = text('message', 'Example text');
+    return (React.createElement(React.Fragment, null,
+        "Cercalo al centro del container scrollabile:",
+        React.createElement(Wrapper, null,
+            React.createElement(Tooltip, { placement: placement, type: type, message: message },
+                React.createElement(Icon, { icon: faInfoCircle })))));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1500px;\n"], ["\n  padding: 1500px;\n"])));
+var TooltipStories = {
+    title: 'Old Components/Tooltip',
+    component: Tooltip,
+};
+export default TooltipStories;
+var templateObject_1;
+//# sourceMappingURL=tooltip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.stories.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.stories.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,OAAyB,MAAM,WAAW,CAAA;AAEjD,MAAM,CAAC,IAAM,GAAG,GAAG;IACjB,IAAM,IAAI,GAAG,MAAM,CAAuB,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;IAC5E,IAAM,SAAS,GAAG,MAAM,CAA4B,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAA;IAC9G,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,CAAA;IAE/C,OAAO,CACL;;QAEE,oBAAC,OAAO;YACN,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;gBACzD,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,CACpB,CACF,CACT,CACJ,CAAA;AACH,CAAC,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,2FAAA,wBAEzB,IAAA,CAAA;AAED,IAAM,cAAc,GAAuB;IACzC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/tooltip/tooltipPalette.js

@@ -0,0 +1,13 @@
+import defaultPalette from '../../styles/defaultPalette';
+var tooltipPalette = {
+    light: {
+        color: defaultPalette.black[100],
+        background: defaultPalette.white[100],
+    },
+    dark: {
+        color: defaultPalette.white[100],
+        background: defaultPalette.grey[900],
+    },
+};
+export default tooltipPalette;
+//# sourceMappingURL=tooltipPalette.js.map

package/dist/components/tooltip/tooltipPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipPalette.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltipPalette.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAQxD,IAAM,cAAc,GAAmB;IACrC,KAAK,EAAE;QACL,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;KACtC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACrC;CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/constants/localStorageKeys.js

@@ -0,0 +1,5 @@
+export var localStorageKeys = {
+    main: 'fic-design-system',
+    tableConfigs: 'tableConfigs',
+};
+//# sourceMappingURL=localStorageKeys.js.map

package/dist/constants/localStorageKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localStorageKeys.js","sourceRoot":"","sources":["../../src/constants/localStorageKeys.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,cAAc;CAC7B,CAAA"}

package/dist/constants/responsiveThresholds.js

@@ -0,0 +1,5 @@
+var tabletLandscape = 991;
+export var responsiveThresholds = {
+    tabletLandscape: tabletLandscape,
+};
+//# sourceMappingURL=responsiveThresholds.js.map

package/dist/constants/responsiveThresholds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsiveThresholds.js","sourceRoot":"","sources":["../../src/constants/responsiveThresholds.ts"],"names":[],"mappings":"AAAA,IAAM,eAAe,GAAG,GAAG,CAAA;AAE3B,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,eAAe,iBAAA;CAChB,CAAA"}

package/dist/index.d.ts

@@ -10,7 +10,7 @@ import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette } from
 import { WithBadge } from './components/floatingBadge';
 import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
 import { InputText, InputTextPalette, InputTextProps } from './components/form/inputText';
-import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, Select, SelectPalette, SelectProps } from './components/form/select';
+import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, Select, SelectPalette, SelectProps, useSelectMultiValues, useSelectValue } from './components/form/select';
 import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
 import { GroupedList } from './components/groupedList';
 import { RadioButtonGroup } from './components/groupRadioButton';
@@ -30,11 +30,10 @@ import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Table } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
 import { Tag } from './components/tag';
-import { TextButton } from './components/textButton';
 import { ThemeProvider } from './components/themeProvider';
 import { ShortcutTip, Tip } from './components/tip';
 import { Toast } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ConfirmationModal, TextButton, MicroTag, Tag, InputText, InputTextProps, InputTextPalette, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };
+export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ConfirmationModal, MicroTag, Tag, InputText, InputTextProps, InputTextPalette, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };