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

package/dist/components/tip/tip.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 { faTimes } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { Icon } from '../icon';
+import { StyledCloseIcon, StyledLeftIcon, StyledText, StyledTip } from './components/styledTip';
+var defaultCloseIcon = {
+    icon: faTimes,
+};
+var Tip = function (props) {
+    var className = props.className, closeIcon = props.closeIcon, leftIcon = props.leftIcon, onClose = props.onClose, renderCloseIcon = props.renderCloseIcon, text = props.text;
+    return (React.createElement(StyledTip, { className: className },
+        leftIcon && (React.createElement(StyledLeftIcon, null,
+            React.createElement(Icon, __assign({}, leftIcon)))),
+        React.createElement(StyledText, null, text),
+        onClose && (React.createElement(StyledCloseIcon, { onClick: onClose }, renderCloseIcon ? renderCloseIcon() : React.createElement(Icon, __assign({}, (closeIcon || defaultCloseIcon), { fixedWidth: true }))))));
+};
+export default Tip;
+//# sourceMappingURL=tip.js.map

package/dist/components/tip/tip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tip.js","sourceRoot":"","sources":["../../../src/components/tip/tip.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAG/F,IAAM,gBAAgB,GAAc;IAClC,IAAI,EAAE,OAAO;CACd,CAAA;AAED,IAAM,GAAG,GAAG,UAAC,KAAe;IAClB,IAAA,2BAAS,EAAE,2BAAS,EAAE,yBAAQ,EAAE,uBAAO,EAAE,uCAAe,EAAE,iBAAI,CAAU;IAChF,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC5B,QAAQ,IAAI,CACX,oBAAC,cAAc;YACb,oBAAC,IAAI,eAAK,QAAQ,EAAI,CACP,CAClB;QACD,oBAAC,UAAU,QAAE,IAAI,CAAc;QAC9B,OAAO,IAAI,CACV,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,IAC9B,eAAe,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,oBAAC,IAAI,eAAK,CAAC,SAAS,IAAI,gBAAgB,CAAC,IAAE,UAAU,UAAG,CAC/E,CACnB,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/components/tip/tip.stories.js

@@ -0,0 +1,23 @@
+import { faRocket } from '@fortawesome/pro-solid-svg-icons';
+import { text } from '@storybook/addon-knobs';
+import React from 'react';
+import ShortcutTip from './shortcutTip';
+import Tip from './tip';
+var rocketIcon = {
+    icon: faRocket,
+};
+export var Normal = function () {
+    var content = text('text', 'Puoi aprire velocemente questa ricerca premendo CTRL+P');
+    return React.createElement(Tip, { text: content, leftIcon: rocketIcon });
+};
+export var Premade = function () {
+    var content = text('text', 'Puoi aprire velocemente questa ricerca premendo');
+    var shortcut = text('shortcut', '⌘P');
+    return React.createElement(ShortcutTip, { text: content, shortcut: shortcut, onClose: function () { return console.log('chiudi'); } });
+};
+var TipStories = {
+    title: 'Old Components/Tip',
+    component: Tip,
+};
+export default TipStories;
+//# sourceMappingURL=tip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tip.stories.js","sourceRoot":"","sources":["../../../src/components/tip/tip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAE7C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,GAAG,MAAM,OAAO,CAAA;AAGvB,IAAM,UAAU,GAAc;IAC5B,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,wDAAwD,CAAC,CAAA;IAEtF,OAAO,oBAAC,GAAG,IAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,GAAI,CAAA;AACrD,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,IAAM,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,iDAAiD,CAAC,CAAA;IAC/E,IAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;IAEvC,OAAO,oBAAC,WAAW,IAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAArB,CAAqB,GAAI,CAAA;AACjG,CAAC,CAAA;AAED,IAAM,UAAU,GAAmB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,GAAG;CACf,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/components/tip/types.js

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

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

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

package/dist/components/toast/ToastContainer.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { ToastContainer as ToastifyToastContainer } from 'react-toastify';
+import styled from 'styled-components';
+export var ToastContainer = styled(ToastifyToastContainer).attrs({
+    hideProgressBar: true,
+    newestOnTop: true,
+    closeOnClick: false,
+    draggable: false,
+    rtl: false,
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &.Toastify__toast-container {\n    z-index: 20000;\n    -webkit-transform: translate3d(0, 0, 9999px);\n    position: fixed;\n    padding: 0px;\n    width: 320px;\n    box-sizing: border-box;\n    color: #fff;\n  }\n  &.Toastify__toast-container--top-left {\n    top: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--top-center {\n    top: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--top-right {\n    top: 1em;\n    right: 1em;\n  }\n  &.Toastify__toast-container--bottom-left {\n    bottom: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--bottom-center {\n    bottom: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--bottom-right {\n    bottom: 1em;\n    right: 1em;\n  }\n\n  @media only screen and (max-width: 480px) {\n    &.Toastify__toast-container {\n      width: 100vw;\n      padding: 0;\n      left: 0;\n      margin: 0;\n    }\n    &.Toastify__toast-container--top-left,\n    &.Toastify__toast-container--top-center,\n    &.Toastify__toast-container--top-right {\n      top: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--bottom-left,\n    &.Toastify__toast-container--bottom-center,\n    &.Toastify__toast-container--bottom-right {\n      bottom: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--rtl {\n      right: 0;\n      left: initial;\n    }\n  }\n  .Toastify__toast {\n    position: relative;\n    min-height: 56px;\n    box-sizing: border-box;\n    margin-bottom: 1rem;\n    border-radius: 1px;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    max-height: 800px;\n    overflow: hidden;\n    cursor: pointer;\n    direction: ltr;\n  }\n  .Toastify__toast--rtl {\n    direction: rtl;\n  }\n  .Toastify__toast--dark {\n    background: #091e42;\n    border-radius: 4px;\n  }\n  .Toastify__toast--default {\n    background: #fff;\n    color: #aaa;\n  }\n  .Toastify__toast--info {\n    background: #0052cc;\n    border-radius: 4px;\n  }\n  .Toastify__toast--success {\n    background: #00875a;\n    border-radius: 4px;\n  }\n  .Toastify__toast--warning {\n    background: #ff991f;\n    border-radius: 4px;\n  }\n  .Toastify__toast--error {\n    background: #de350b;\n    border-radius: 4px;\n  }\n  .Toastify__toast-body {\n    margin: auto 0;\n    -ms-flex: 1 1 auto;\n    flex: 1 1 auto;\n  }\n\n  @media only screen and (max-width: 480px) {\n    .Toastify__toast {\n      margin-bottom: 0;\n    }\n  }\n  .Toastify__close-button {\n    color: #fff;\n    background: transparent;\n    outline: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0.7;\n    transition: 0.3s ease;\n    -ms-flex-item-align: start;\n    align-self: flex-start;\n  }\n  .Toastify__close-button--default {\n    color: #000;\n    opacity: 0.3;\n  }\n  .Toastify__close-button > svg {\n    fill: currentColor;\n    height: 16px;\n    width: 14px;\n  }\n  .Toastify__close-button:hover,\n  .Toastify__close-button:focus {\n    opacity: 1;\n  }\n\n  @keyframes Toastify__trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\n    }\n  }\n  .Toastify__progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    z-index: 20000;\n    opacity: 0.7;\n    background-color: rgba(255, 255, 255, 0.7);\n    transform-origin: left;\n  }\n  .Toastify__progress-bar--animated {\n    animation: Toastify__trackProgress linear 1 forwards;\n  }\n  .Toastify__progress-bar--controlled {\n    transition: transform 0.2s;\n  }\n  .Toastify__progress-bar--rtl {\n    right: 0;\n    left: initial;\n    transform-origin: right;\n  }\n  .Toastify__progress-bar--default {\n    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  }\n  .Toastify__progress-bar--dark {\n    background: #bb86fc;\n  }\n  @keyframes Toastify__bounceInRight {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(-25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(-5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutRight {\n    20% {\n      opacity: 1;\n      transform: translate3d(-20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInLeft {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(-3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(-10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutLeft {\n    20% {\n      opacity: 1;\n      transform: translate3d(20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(-2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInUp {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(0, 3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    75% {\n      transform: translate3d(0, 10px, 0);\n    }\n    90% {\n      transform: translate3d(0, -5px, 0);\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceOutUp {\n    20% {\n      transform: translate3d(0, -10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, 20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, -2000px, 0);\n    }\n  }\n  @keyframes Toastify__bounceInDown {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, -3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, 25px, 0);\n    }\n    75% {\n      transform: translate3d(0, -10px, 0);\n    }\n    90% {\n      transform: translate3d(0, 5px, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutDown {\n    20% {\n      transform: translate3d(0, 10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, 2000px, 0);\n    }\n  }\n  .Toastify__bounce-enter--top-left,\n  .Toastify__bounce-enter--bottom-left {\n    animation-name: Toastify__bounceInLeft;\n  }\n  .Toastify__bounce-enter--top-right,\n  .Toastify__bounce-enter--bottom-right {\n    animation-name: Toastify__bounceInRight;\n  }\n  .Toastify__bounce-enter--top-center {\n    animation-name: Toastify__bounceInDown;\n  }\n  .Toastify__bounce-enter--bottom-center {\n    animation-name: Toastify__bounceInUp;\n  }\n\n  .Toastify__bounce-exit--top-left,\n  .Toastify__bounce-exit--bottom-left {\n    animation-name: Toastify__bounceOutLeft;\n  }\n  .Toastify__bounce-exit--top-right,\n  .Toastify__bounce-exit--bottom-right {\n    animation-name: Toastify__bounceOutRight;\n  }\n  .Toastify__bounce-exit--top-center {\n    animation-name: Toastify__bounceOutUp;\n  }\n  .Toastify__bounce-exit--bottom-center {\n    animation-name: Toastify__bounceOutDown;\n  }\n\n  @keyframes Toastify__zoomIn {\n    from {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n  @keyframes Toastify__zoomOut {\n    from {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    to {\n      opacity: 0;\n    }\n  }\n  .Toastify__zoom-enter {\n    animation-name: Toastify__zoomIn;\n  }\n\n  .Toastify__zoom-exit {\n    animation-name: Toastify__zoomOut;\n  }\n\n  @keyframes Toastify__flipIn {\n    from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n    to {\n      transform: perspective(400px);\n    }\n  }\n  @keyframes Toastify__flipOut {\n    from {\n      transform: perspective(400px);\n    }\n    30% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      opacity: 1;\n    }\n    to {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      opacity: 0;\n    }\n  }\n  .Toastify__flip-enter {\n    animation-name: Toastify__flipIn;\n  }\n\n  .Toastify__flip-exit {\n    animation-name: Toastify__flipOut;\n  }\n\n  @keyframes Toastify__slideInRight {\n    from {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInLeft {\n    from {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInUp {\n    from {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInDown {\n    from {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutRight {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutLeft {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutDown {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n  @keyframes Toastify__slideOutUp {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n  .Toastify__slide-enter--top-left,\n  .Toastify__slide-enter--bottom-left {\n    animation-name: Toastify__slideInLeft;\n  }\n  .Toastify__slide-enter--top-right,\n  .Toastify__slide-enter--bottom-right {\n    animation-name: Toastify__slideInRight;\n  }\n  .Toastify__slide-enter--top-center {\n    animation-name: Toastify__slideInDown;\n  }\n  .Toastify__slide-enter--bottom-center {\n    animation-name: Toastify__slideInUp;\n  }\n\n  .Toastify__slide-exit--top-left,\n  .Toastify__slide-exit--bottom-left {\n    animation-name: Toastify__slideOutLeft;\n  }\n  .Toastify__slide-exit--top-right,\n  .Toastify__slide-exit--bottom-right {\n    animation-name: Toastify__slideOutRight;\n  }\n  .Toastify__slide-exit--top-center {\n    animation-name: Toastify__slideOutUp;\n  }\n  .Toastify__slide-exit--bottom-center {\n    animation-name: Toastify__slideOutDown;\n  }\n\n  /*# sourceMappingURL=ReactToastify.css.map */\n"], ["\n  &.Toastify__toast-container {\n    z-index: 20000;\n    -webkit-transform: translate3d(0, 0, 9999px);\n    position: fixed;\n    padding: 0px;\n    width: 320px;\n    box-sizing: border-box;\n    color: #fff;\n  }\n  &.Toastify__toast-container--top-left {\n    top: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--top-center {\n    top: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--top-right {\n    top: 1em;\n    right: 1em;\n  }\n  &.Toastify__toast-container--bottom-left {\n    bottom: 1em;\n    left: 1em;\n  }\n  &.Toastify__toast-container--bottom-center {\n    bottom: 1em;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n  &.Toastify__toast-container--bottom-right {\n    bottom: 1em;\n    right: 1em;\n  }\n\n  @media only screen and (max-width: 480px) {\n    &.Toastify__toast-container {\n      width: 100vw;\n      padding: 0;\n      left: 0;\n      margin: 0;\n    }\n    &.Toastify__toast-container--top-left,\n    &.Toastify__toast-container--top-center,\n    &.Toastify__toast-container--top-right {\n      top: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--bottom-left,\n    &.Toastify__toast-container--bottom-center,\n    &.Toastify__toast-container--bottom-right {\n      bottom: 0;\n      transform: translateX(0);\n    }\n    &.Toastify__toast-container--rtl {\n      right: 0;\n      left: initial;\n    }\n  }\n  .Toastify__toast {\n    position: relative;\n    min-height: 56px;\n    box-sizing: border-box;\n    margin-bottom: 1rem;\n    border-radius: 1px;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-pack: justify;\n    justify-content: space-between;\n    max-height: 800px;\n    overflow: hidden;\n    cursor: pointer;\n    direction: ltr;\n  }\n  .Toastify__toast--rtl {\n    direction: rtl;\n  }\n  .Toastify__toast--dark {\n    background: #091e42;\n    border-radius: 4px;\n  }\n  .Toastify__toast--default {\n    background: #fff;\n    color: #aaa;\n  }\n  .Toastify__toast--info {\n    background: #0052cc;\n    border-radius: 4px;\n  }\n  .Toastify__toast--success {\n    background: #00875a;\n    border-radius: 4px;\n  }\n  .Toastify__toast--warning {\n    background: #ff991f;\n    border-radius: 4px;\n  }\n  .Toastify__toast--error {\n    background: #de350b;\n    border-radius: 4px;\n  }\n  .Toastify__toast-body {\n    margin: auto 0;\n    -ms-flex: 1 1 auto;\n    flex: 1 1 auto;\n  }\n\n  @media only screen and (max-width: 480px) {\n    .Toastify__toast {\n      margin-bottom: 0;\n    }\n  }\n  .Toastify__close-button {\n    color: #fff;\n    background: transparent;\n    outline: none;\n    border: none;\n    padding: 0;\n    cursor: pointer;\n    opacity: 0.7;\n    transition: 0.3s ease;\n    -ms-flex-item-align: start;\n    align-self: flex-start;\n  }\n  .Toastify__close-button--default {\n    color: #000;\n    opacity: 0.3;\n  }\n  .Toastify__close-button > svg {\n    fill: currentColor;\n    height: 16px;\n    width: 14px;\n  }\n  .Toastify__close-button:hover,\n  .Toastify__close-button:focus {\n    opacity: 1;\n  }\n\n  @keyframes Toastify__trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\n    }\n  }\n  .Toastify__progress-bar {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    z-index: 20000;\n    opacity: 0.7;\n    background-color: rgba(255, 255, 255, 0.7);\n    transform-origin: left;\n  }\n  .Toastify__progress-bar--animated {\n    animation: Toastify__trackProgress linear 1 forwards;\n  }\n  .Toastify__progress-bar--controlled {\n    transition: transform 0.2s;\n  }\n  .Toastify__progress-bar--rtl {\n    right: 0;\n    left: initial;\n    transform-origin: right;\n  }\n  .Toastify__progress-bar--default {\n    background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);\n  }\n  .Toastify__progress-bar--dark {\n    background: #bb86fc;\n  }\n  @keyframes Toastify__bounceInRight {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(-25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(-5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutRight {\n    20% {\n      opacity: 1;\n      transform: translate3d(-20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInLeft {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(-3000px, 0, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(25px, 0, 0);\n    }\n    75% {\n      transform: translate3d(-10px, 0, 0);\n    }\n    90% {\n      transform: translate3d(5px, 0, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutLeft {\n    20% {\n      opacity: 1;\n      transform: translate3d(20px, 0, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(-2000px, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceInUp {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    from {\n      opacity: 0;\n      transform: translate3d(0, 3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    75% {\n      transform: translate3d(0, 10px, 0);\n    }\n    90% {\n      transform: translate3d(0, -5px, 0);\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__bounceOutUp {\n    20% {\n      transform: translate3d(0, -10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, 20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, -2000px, 0);\n    }\n  }\n  @keyframes Toastify__bounceInDown {\n    from,\n    60%,\n    75%,\n    90%,\n    to {\n      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n    }\n    0% {\n      opacity: 0;\n      transform: translate3d(0, -3000px, 0);\n    }\n    60% {\n      opacity: 1;\n      transform: translate3d(0, 25px, 0);\n    }\n    75% {\n      transform: translate3d(0, -10px, 0);\n    }\n    90% {\n      transform: translate3d(0, 5px, 0);\n    }\n    to {\n      transform: none;\n    }\n  }\n  @keyframes Toastify__bounceOutDown {\n    20% {\n      transform: translate3d(0, 10px, 0);\n    }\n    40%,\n    45% {\n      opacity: 1;\n      transform: translate3d(0, -20px, 0);\n    }\n    to {\n      opacity: 0;\n      transform: translate3d(0, 2000px, 0);\n    }\n  }\n  .Toastify__bounce-enter--top-left,\n  .Toastify__bounce-enter--bottom-left {\n    animation-name: Toastify__bounceInLeft;\n  }\n  .Toastify__bounce-enter--top-right,\n  .Toastify__bounce-enter--bottom-right {\n    animation-name: Toastify__bounceInRight;\n  }\n  .Toastify__bounce-enter--top-center {\n    animation-name: Toastify__bounceInDown;\n  }\n  .Toastify__bounce-enter--bottom-center {\n    animation-name: Toastify__bounceInUp;\n  }\n\n  .Toastify__bounce-exit--top-left,\n  .Toastify__bounce-exit--bottom-left {\n    animation-name: Toastify__bounceOutLeft;\n  }\n  .Toastify__bounce-exit--top-right,\n  .Toastify__bounce-exit--bottom-right {\n    animation-name: Toastify__bounceOutRight;\n  }\n  .Toastify__bounce-exit--top-center {\n    animation-name: Toastify__bounceOutUp;\n  }\n  .Toastify__bounce-exit--bottom-center {\n    animation-name: Toastify__bounceOutDown;\n  }\n\n  @keyframes Toastify__zoomIn {\n    from {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    50% {\n      opacity: 1;\n    }\n  }\n  @keyframes Toastify__zoomOut {\n    from {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0;\n      transform: scale3d(0.3, 0.3, 0.3);\n    }\n    to {\n      opacity: 0;\n    }\n  }\n  .Toastify__zoom-enter {\n    animation-name: Toastify__zoomIn;\n  }\n\n  .Toastify__zoom-exit {\n    animation-name: Toastify__zoomOut;\n  }\n\n  @keyframes Toastify__flipIn {\n    from {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      animation-timing-function: ease-in;\n      opacity: 0;\n    }\n    40% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      animation-timing-function: ease-in;\n    }\n    60% {\n      transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n      opacity: 1;\n    }\n    80% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n    }\n    to {\n      transform: perspective(400px);\n    }\n  }\n  @keyframes Toastify__flipOut {\n    from {\n      transform: perspective(400px);\n    }\n    30% {\n      transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n      opacity: 1;\n    }\n    to {\n      transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n      opacity: 0;\n    }\n  }\n  .Toastify__flip-enter {\n    animation-name: Toastify__flipIn;\n  }\n\n  .Toastify__flip-exit {\n    animation-name: Toastify__flipOut;\n  }\n\n  @keyframes Toastify__slideInRight {\n    from {\n      transform: translate3d(110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInLeft {\n    from {\n      transform: translate3d(-110%, 0, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInUp {\n    from {\n      transform: translate3d(0, 110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideInDown {\n    from {\n      transform: translate3d(0, -110%, 0);\n      visibility: visible;\n    }\n    to {\n      transform: translate3d(0, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutRight {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutLeft {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(-110%, 0, 0);\n    }\n  }\n  @keyframes Toastify__slideOutDown {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, 500px, 0);\n    }\n  }\n  @keyframes Toastify__slideOutUp {\n    from {\n      transform: translate3d(0, 0, 0);\n    }\n    to {\n      visibility: hidden;\n      transform: translate3d(0, -500px, 0);\n    }\n  }\n  .Toastify__slide-enter--top-left,\n  .Toastify__slide-enter--bottom-left {\n    animation-name: Toastify__slideInLeft;\n  }\n  .Toastify__slide-enter--top-right,\n  .Toastify__slide-enter--bottom-right {\n    animation-name: Toastify__slideInRight;\n  }\n  .Toastify__slide-enter--top-center {\n    animation-name: Toastify__slideInDown;\n  }\n  .Toastify__slide-enter--bottom-center {\n    animation-name: Toastify__slideInUp;\n  }\n\n  .Toastify__slide-exit--top-left,\n  .Toastify__slide-exit--bottom-left {\n    animation-name: Toastify__slideOutLeft;\n  }\n  .Toastify__slide-exit--top-right,\n  .Toastify__slide-exit--bottom-right {\n    animation-name: Toastify__slideOutRight;\n  }\n  .Toastify__slide-exit--top-center {\n    animation-name: Toastify__slideOutUp;\n  }\n  .Toastify__slide-exit--bottom-center {\n    animation-name: Toastify__slideOutDown;\n  }\n\n  /*# sourceMappingURL=ReactToastify.css.map */\n"])));
+var templateObject_1;
+//# sourceMappingURL=ToastContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastContainer.js","sourceRoot":"","sources":["../../../src/components/toast/ToastContainer.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,cAAc,IAAI,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AACzE,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,sBAAsB,CAAC,CAAC,KAAK,CAAC;IACjE,eAAe,EAAE,IAAI;IACrB,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,KAAK;IAChB,GAAG,EAAE,KAAK;CACX,CAAC,ykXAAqB,sgXAohBtB,IAAA,CAAA"}

package/dist/components/toast/components/toastContent.js

@@ -0,0 +1,15 @@
+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 { Icon } from '../../icon';
+export var StyledIconDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: 16px;\n  margin-top: 16px;\n  text-align: center;\n"], ["\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  margin-left: 16px;\n  margin-top: 16px;\n  text-align: center;\n"])));
+export var StyledIcon = styled(Icon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  vertical-align: sub;\n"], ["\n  vertical-align: sub;\n"])));
+export var StyledTitle = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-block;\n  height: 24px;\n  margin-left: 8px;\n  margin-right: 16px;\n  margin-top: 16px;\n  font-weight: 500;\n  width: 256px;\n"], ["\n  display: inline-block;\n  height: 24px;\n  margin-left: 8px;\n  margin-right: 16px;\n  margin-top: 16px;\n  font-weight: 500;\n  width: 256px;\n"])));
+export var StyledContent = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: block;\n  margin: 4px 16px 16px 48px;\n  line-height: 21px;\n  font-weight: 400;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: clip;\n"], ["\n  display: block;\n  margin: 4px 16px 16px 48px;\n  line-height: 21px;\n  font-weight: 400;\n  word-break: break-word;\n  overflow: hidden;\n  text-overflow: clip;\n"])));
+export var StyledAction = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: inline-block;\n  height: 21px;\n  float: right;\n  margin-right: -1px;\n  cursor: pointer;\n"], ["\n  display: inline-block;\n  height: 21px;\n  float: right;\n  margin-right: -1px;\n  cursor: pointer;\n"])));
+export var StyledToast = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  min-height: 56px;\n  line-height: 24px;\n  font-size: 14px;\n  user-select: none;\n"], ["\n  min-height: 56px;\n  line-height: 24px;\n  font-size: 14px;\n  user-select: none;\n"])));
+export var StyledActionLabel = styled.label(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=toastContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toastContent.js","sourceRoot":"","sources":["../../../../src/components/toast/components/toastContent.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,oMAAA,iIAOtC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,+FAAA,4BAErC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,yNAAA,sJAQpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,4OAAA,yKAQtC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,8KAAA,2GAMrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,4JAAA,yFAKpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,2FAAA,wBAE5C,IAAA,CAAA"}

package/dist/components/toast/index.js

@@ -0,0 +1,14 @@
+import { dismiss, error, info, show, standard, success, warning } from './toast';
+import { ToastContainer as Container } from './ToastContainer';
+var Toast = {
+    Container: Container,
+    show: show,
+    dismiss: dismiss,
+    success: success,
+    error: error,
+    info: info,
+    warning: warning,
+    standard: standard,
+};
+export { Toast };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAChF,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG9D,IAAM,KAAK,GAAmB;IAC5B,SAAS,WAAA;IACT,IAAI,MAAA;IACJ,OAAO,SAAA;IACP,OAAO,SAAA;IACP,KAAK,OAAA;IACL,IAAI,MAAA;IACJ,OAAO,SAAA;IACP,QAAQ,UAAA;CACT,CAAA;AACD,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/components/toast/toast.js

@@ -0,0 +1,59 @@
+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 { faCheckCircle, faExclamationTriangle, faInfoCircle, faInfoSquare } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { toast } from 'react-toastify';
+import { StyledAction, StyledActionLabel, StyledContent, StyledIcon, StyledIconDiv, StyledTitle, StyledToast, } from './components/toastContent';
+var typeMap = {
+    standard: 'dark',
+    error: 'error',
+    info: 'info',
+    warning: 'warning',
+    success: 'success',
+};
+var iconMap = {
+    dark: faInfoSquare,
+    error: faExclamationTriangle,
+    info: faInfoCircle,
+    warning: faExclamationTriangle,
+    success: faCheckCircle,
+};
+var ToastContent = function (props) { return (React.createElement(StyledToast, null,
+    React.createElement(StyledIconDiv, null,
+        React.createElement(StyledIcon, __assign({}, props.icon, { fixedWidth: true }))),
+    React.createElement(StyledTitle, null,
+        props.title,
+        React.createElement(StyledAction, null,
+            React.createElement(StyledActionLabel, { onClick: props.onActionClick }, props.actionLabel))),
+    React.createElement(StyledContent, null, props.content))); };
+export var show = function (title, options) {
+    var _a;
+    var type = options.type ? typeMap[options.type] : 'dark';
+    var autoClose = options.autoClose === undefined ? 3000 : options.autoClose;
+    var icon = options.icon || { icon: iconMap[type] };
+    var size = ((_a = options.icon) === null || _a === void 0 ? void 0 : _a.size) || '1x';
+    var newIcon = __assign(__assign({}, icon), { size: size });
+    var toastId = toast[type](React.createElement(ToastContent, { title: title, content: options.content, icon: newIcon, actionLabel: options.actionLabel, onActionClick: options.onActionClick }), {
+        autoClose: autoClose,
+        closeButton: false,
+    });
+    return toastId && String(toastId);
+};
+export var dismiss = function (toastId) {
+    toast.dismiss(toastId);
+};
+export var success = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'success' })); };
+export var error = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'error' })); };
+export var warning = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'warning' })); };
+export var standard = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'standard' })); };
+export var info = function (title, options) { return show(title, __assign(__assign({}, options), { type: 'info' })); };
+//# sourceMappingURL=toast.js.map

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,6 +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, useSelectMultiValues, useSelectValue } from './components/form/select';
 import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
 import { GroupedList } from './components/groupedList';
 import { RadioButtonGroup } from './components/groupRadioButton';
@@ -25,16 +26,14 @@ import { PageEmptySet } from './components/pageEmptySet';
 import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
 import { RadioButton } from './components/radioButton';
-import { Select, SelectAsync, SelectCreatable } from './components/select';
 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, SelectCreatable, SelectAsync, 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, };