fuse-importer 0.7.0 → 0.8.0

package/lib/esm/common/buttons.js

@@ -29,29 +29,31 @@ import styled, { css } from "styled-components";
 import { Div } from "../styled/utils";
 var types = ["primary", "secondary", "tertiary"];
 var styles = {
-    primary: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: ", ";\n    background: ", ";\n\n    border: solid 4px ", ";\n    box-sizing: border-box;\n\n    :hover {\n      background: ", ";\n      box-shadow: 0px 0px 8px rgba(253, 57, 90, 0.64);\n    }\n    :active {\n      background: ", ";\n      border: 4px solid ", ";\n    }\n    :focus {\n      background: ", ";\n      box-shadow: 0px 0px 8px rgba(253, 57, 90, 0.64);\n    }\n    ", "\n  "], ["\n    color: ", ";\n    background: ", ";\n\n    border: solid 4px ", ";\n    box-sizing: border-box;\n\n    :hover {\n      background: ", ";\n      box-shadow: 0px 0px 8px rgba(253, 57, 90, 0.64);\n    }\n    :active {\n      background: ", ";\n      border: 4px solid ", ";\n    }\n    :focus {\n      background: ", ";\n      box-shadow: 0px 0px 8px rgba(253, 57, 90, 0.64);\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink700; }, function (props) { return props.theme.colors.pink500; }, function (props) {
-        return props.isDisabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        background: ", ";\n      "], ["\n        background: ", ";\n      "])), function (props) { return props.theme.colors.pink200; });
+    primary: css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: ", ";\n    background: ", ";\n\n    border: solid 4px ", ";\n    box-sizing: border-box;\n\n    :hover {\n      background: ", ";\n      /* a3 at the end adds 0.64 opacity */\n      box-shadow: 0px 0px 8px ", "a3;\n    }\n    :active {\n      background: ", ";\n      border: 4px solid ", ";\n    }\n    :focus {\n      background: ", ";\n      /* a3 at the end adds 0.64 opacity */\n      box-shadow: 0px 0px 8px ", "a3;\n    }\n    ", "\n  "], ["\n    color: ", ";\n    background: ", ";\n\n    border: solid 4px ", ";\n    box-sizing: border-box;\n\n    :hover {\n      background: ", ";\n      /* a3 at the end adds 0.64 opacity */\n      box-shadow: 0px 0px 8px ", "a3;\n    }\n    :active {\n      background: ", ";\n      border: 4px solid ", ";\n    }\n    :focus {\n      background: ", ";\n      /* a3 at the end adds 0.64 opacity */\n      box-shadow: 0px 0px 8px ", "a3;\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink700; }, function (props) { return props.theme.colors.pink500; }, function (props) { return props.theme.colors.pink500; }, function (props) {
+        return props.isDisabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        background: ", ";\n        box-shadow: 0px;\n        border: none;\n      "], ["\n        background: ", ";\n        box-shadow: 0px;\n        border: none;\n      "])), function (props) { return props.theme.colors.interactiveDisabled; });
     }),
-    secondary: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    background: ", ";\n    box-sizing: border-box;\n    border: solid 1px ", ";\n    color: ", ";\n    & > svg {\n      & > path {\n        fill: ", ";\n      }\n    }\n    :hover {\n      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n    }\n    :active {\n      border: 2px solid ", ";\n      background: ", ";\n      color: ", ";\n      & > svg {\n        & > path {\n          fill: ", ";\n        }\n      }\n    }\n    :focus {\n      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n    }\n    ", "\n  "], ["\n    background: ", ";\n    box-sizing: border-box;\n    border: solid 1px ", ";\n    color: ", ";\n    & > svg {\n      & > path {\n        fill: ", ";\n      }\n    }\n    :hover {\n      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n    }\n    :active {\n      border: 2px solid ", ";\n      background: ", ";\n      color: ", ";\n      & > svg {\n        & > path {\n          fill: ", ";\n        }\n      }\n    }\n    :focus {\n      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.white; }, function (props) {
+    secondary: css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    background: ", ";\n    box-sizing: border-box;\n    border: solid 1px ", ";\n    color: ", ";\n    & > svg {\n      & > path {\n        fill: ", ";\n      }\n    }\n    :active {\n      border: 2px solid ", ";\n      background: ", ";\n      color: ", ";\n      & > svg {\n        & > path {\n          fill: ", ";\n        }\n      }\n    }\n    :focus {\n      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n    }\n    ", "\n  "], ["\n    background: ", ";\n    box-sizing: border-box;\n    border: solid 1px ", ";\n    color: ", ";\n    & > svg {\n      & > path {\n        fill: ", ";\n      }\n    }\n    :active {\n      border: 2px solid ", ";\n      background: ", ";\n      color: ", ";\n      & > svg {\n        & > path {\n          fill: ", ";\n        }\n      }\n    }\n    :focus {\n      box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.white; }, function (props) {
         return props.isDisabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        border: 2px solid ", ";\n        color: ", ";\n        & > svg {\n          & > path {\n            fill: ", ";\n          }\n        }\n      "], ["\n        border: 2px solid ", ";\n        color: ", ";\n        & > svg {\n          & > path {\n            fill: ", ";\n          }\n        }\n      "])), function (props) { return props.theme.colors.gray390; }, function (props) { return props.theme.colors.gray390; }, function (props) { return props.theme.colors.gray390; });
     }),
     tertiary: css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "], ["\n    background: transparent;\n    border: solid 1px transparent;\n    color: ", ";\n    :hover {\n      background: ", ";\n    }\n    :active {\n      background: ", ";\n      color: ", ";\n    }\n    ", "\n  "])), function (props) { return props.theme.colors.text; }, function (props) { return props.theme.colors.white50; }, function (props) { return props.theme.colors.black; }, function (props) { return props.theme.colors.white; }, function (props) {
         return props.isDisabled && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), function (props) { return props.theme.colors.gray300; });
     }),
 };
-export var ButtonWrapper = styled(Div)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: 48px;\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"], ["\n  height: 48px;\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"])), function (props) {
-    return props.isDisabled && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
+export var ButtonWrapper = styled(Div)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  height: 48px;\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"], ["\n  height: 48px;\n  ", "\n\n  border: solid 1px black;\n  border-radius: 24px;\n\n  font-family: DM Sans;\n\n  :focus {\n    outline: none;\n  }\n  :hover {\n    cursor: pointer;\n  }\n\n  ", "\n  ", ";\n\n  ", ";\n"])), function (p) {
+    return p.isSmall && css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      height: 36px;\n    "], ["\n      height: 36px;\n    "])));
+}, function (props) {
+    return props.isDisabled && css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      pointer-events: none;\n    "], ["\n      pointer-events: none;\n    "])));
 }, function (props) {
     var c = props.theme.css;
     return [c.centered, c.buttonText];
 }, function (props) { return styles[props.variant || "primary"]; });
 export var Button = function (_a) {
-    var _b = _a.onClick, onClick = _b === void 0 ? null : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d, children = _a.children, props = __rest(_a, ["onClick", "isDisabled", "variant", "children"]);
-    return (_jsx(ButtonWrapper, __assign({ w100: true, h: 48, onKeyDown: function (_a) {
+    var _b = _a.onClick, onClick = _b === void 0 ? null : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d, _e = _a.isSmall, isSmall = _e === void 0 ? false : _e, children = _a.children, props = __rest(_a, ["onClick", "isDisabled", "variant", "isSmall", "children"]);
+    return (_jsx(ButtonWrapper, __assign({ w100: true, isSmall: isSmall, onKeyDown: function (_a) {
             var code = _a.code;
             if (code === "Space" || (code === "Enter" && onClick))
                 onClick();
         }, tabIndex: 0 }, __assign({ variant: variant, isDisabled: isDisabled, onClick: onClick }, props), { children: _jsx(_Fragment, { children: children }, void 0) }), void 0));
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
 //# sourceMappingURL=buttons.js.map

package/lib/esm/common/buttons.js.map

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

package/lib/esm/common/icons/index.d.ts

@@ -7,6 +7,6 @@ export declare const redXIcon: JSX.Element;
 export declare const defaultCheckIcon: JSX.Element;
 export declare const whiteCheckIcon: JSX.Element;
 export declare const chevronLeftIcon: JSX.Element;
-export declare const chevronRightIcon: JSX.Element;
+export declare const ChevronRightIcon: () => JSX.Element;
 export declare const weatherStarsIcon: JSX.Element;
 export declare const chevronDownIcon: JSX.Element;

package/lib/esm/common/icons/index.js

@@ -10,15 +10,19 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export var closeIcon = (_jsxs("svg", __assign({ width: "23", height: "22", viewBox: "0 0 23 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.5034 1.1286L1.50342 21.1286L21.5034 1.1286Z", fill: "#747474" }, void 0), _jsx("path", { d: "M21.5034 1.1286L1.50342 21.1286", stroke: "#B8C3EE", strokeWidth: "1.6" }, void 0), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.50342 1.1286L21.5034 21.1286L1.50342 1.1286Z", fill: "#747474" }, void 0), _jsx("path", { d: "M1.50342 1.1286L21.5034 21.1286", stroke: "#B8C3EE", strokeWidth: "1.6" }, void 0)] }), void 0));
+import { useTheme } from "styled-components";
+export var closeIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
 export var closeIconCondensed = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M6 6.00003L18.7742 18.7742", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M6 18.7742L18.7742 6.00001", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
 export var checkIcon = (_jsx("svg", __assign({ width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1.37805 5.80142L3.94469 8.28708L10.6827 1.52003", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
 export var greenCheckIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: "#00D085" }, void 0) }), void 0));
 export var redXIcon = (_jsxs("svg", __assign({ width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "9.49967", cy: "8.99992", r: "7.79167", stroke: "currentColor", strokeWidth: "1.5" }, void 0), _jsx("path", { d: "M7.375 6.875L11.625 11.125", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M7.375 11.125L11.625 6.875", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
 export var defaultCheckIcon = (_jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("circle", { cx: "12", cy: "12", r: "11", stroke: "currentColor", strokeWidth: "2" }, void 0), _jsx("path", { d: "M9 11.9497L11.1213 14.071L15.364 9.82839", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }, void 0)] }), void 0));
 export var whiteCheckIcon = (_jsx("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22ZM8.70711 10.2426C8.31658 9.85208 7.68342 9.85208 7.29289 10.2426C6.90237 10.6331 6.90237 11.2663 7.29289 11.6568L9.41421 13.7781L10.1213 14.4852L10.8284 13.7781L15.0711 9.53549C15.4616 9.14497 15.4616 8.5118 15.0711 8.12128C14.6805 7.73076 14.0474 7.73076 13.6569 8.12128L10.1213 11.6568L8.70711 10.2426Z", fill: "#0EBEBE" }, void 0) }), void 0));
-export var chevronLeftIcon = (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "14", viewBox: "0 0 8 14", fill: "none" }, { children: _jsx("path", { d: "M6.22266 1.75L1.00028 6.97238L6.22266 12.1948", stroke: "#214BA7", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
-export var chevronRightIcon = (_jsx("svg", __assign({ width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1 1L7.96317 7.96317L1 14.9263", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
+export var chevronLeftIcon = (_jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "14", viewBox: "0 0 8 14", fill: "none" }, { children: _jsx("path", { d: "M6.22266 1.75L1.00028 6.97238L6.22266 12.1948", stroke: "#000000", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
+export var ChevronRightIcon = function () {
+    var theme = useTheme();
+    return (_jsx("svg", __assign({ width: "9", height: "16", viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1 1L7.96317 7.96317L1 14.9263", stroke: theme.colors.black || "#3333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
+};
 export var weatherStarsIcon = (_jsxs("svg", __assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M13.0159 4.5609C13.1442 4.0594 13.8565 4.0594 13.9847 4.5609L14.3163 5.85753C14.8596 7.98189 16.5184 9.64072 18.6428 10.184L19.9394 10.5155C20.4409 10.6438 20.4409 11.3561 19.9394 11.4844L18.6428 11.816C16.5184 12.3592 14.8596 14.018 14.3163 16.1424L13.9847 17.439C13.8565 17.9405 13.1442 17.9405 13.0159 17.439L12.6843 16.1424C12.1411 14.018 10.4823 12.3592 8.3579 11.816L7.06127 11.4844C6.55977 11.3561 6.55977 10.6438 7.06127 10.5155L8.3579 10.184C10.4823 9.64072 12.1411 7.98189 12.6843 5.85754L13.0159 4.5609Z", stroke: "white", strokeWidth: "2" }, void 0), _jsx("path", { d: "M3.5 1.83337V5.16671", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M5.16634 3.5H1.83301", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M4.33301 16.8334V20.1667", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M6.00033 18.5H2.66699", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
-export var chevronDownIcon = (_jsx("svg", __assign({ width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M6.91819 7.00603C6.42329 7.54178 5.57671 7.54178 5.08181 7.00603L1.01002 2.59819C0.270456 1.79759 0.838297 0.5 1.92821 0.5L10.0718 0.5C11.1617 0.5 11.7295 1.79759 10.99 2.59819L6.91819 7.00603Z", fill: "#656566" }, void 0) }), void 0));
+export var chevronDownIcon = (_jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M18.9258 10L11.9626 16.9632L4.99944 10", stroke: "black", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
 //# sourceMappingURL=index.js.map

package/lib/esm/common/icons/index.js.map

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

package/lib/esm/common/index.d.ts

@@ -2,6 +2,7 @@
 import { CSSProps } from "../styled/utils";
 declare type MenuItemProps = {
     isSelected?: boolean;
+    isLast?: boolean;
 };
 export declare const MenuItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, CSSProps & MenuItemProps, never>;
 declare type LabelProps = {

package/lib/esm/common/index.js

@@ -17,18 +17,20 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { Div, themeProps } from "../styled/utils";
 import { colors } from "../styled/theme/colorPalette";
-export var MenuItem = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n  background: ", ";\n  color: ", ";\n  font-weight: 500;\n  font-size: 14px;\n  ", ";\n  ", "\n  :hover {\n    background: ", ";\n    cursor: pointer;\n  }\n"], ["\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n  background: ", ";\n  color: ", ";\n  font-weight: 500;\n  font-size: 14px;\n  ", ";\n  ", "\n  :hover {\n    background: ", ";\n    cursor: pointer;\n  }\n"])), function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.text; }, function (p) { return p.theme.css.selectNone; }, function (p) {
-    return p.isSelected && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), function (p) { return p.theme.colors.blue500; });
+export var MenuItem = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  ", "\n  align-items: center;\n  background: ", ";\n  color: ", ";\n  ", "\n  ", ";\n  ", "\n  :hover {\n    background: ", ";\n    cursor: pointer;\n  }\n"], ["\n  border-radius: 8px;\n  padding: 12px 16px;\n  display: flex;\n  ", "\n  align-items: center;\n  background: ", ";\n  color: ", ";\n  ", "\n  ", ";\n  ", "\n  :hover {\n    background: ", ";\n    cursor: pointer;\n  }\n"])), function (p) {
+    return !p.isLast && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      margin-bottom: 8px;\n    "], ["\n      margin-bottom: 8px;\n    "])));
+}, function (props) { return props.theme.colors.white; }, function (props) { return props.theme.colors.text; }, function (props) { return props.theme.css.body1; }, function (p) { return p.theme.css.selectNone; }, function (p) {
+    return p.isSelected && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), function (p) { return p.theme.colors.blue500; });
 }, function (props) { return props.theme.colors.blue100; });
-export var FormInputLabel = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", ";\n\n  ", "\n"], ["\n  ", ";\n\n  ", "\n"])), function (props) { return props.theme.css.body4; }, function (props) {
-    return props.isDisabled && css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), function (props) { return props.theme.colors.gray500; });
+export var FormInputLabel = styled(Div)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  color: ", ";\n  ", "\n"], ["\n  ", ";\n  color: ", ";\n  ", "\n"])), function (props) { return props.theme.css.body4; }, function (props) { return props.theme.colors.text; }, function (props) {
+    return props.isDisabled && css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n    "], ["\n      color: ", ";\n    "])), function (props) { return props.theme.colors.gray500; });
 });
 export var InfoDivider = function (_a) {
     var msg = _a.msg;
     return (_jsxs(Div, __assign({ dflex: true, alignCenter: true, mt: 7, mb: 7 }, { children: [_jsx(Div, { w100: true, h: 1, bg: colors.gray300 }, void 0), _jsx(Div, __assign({ w100: true, textAlignCenter: true, c: colors.gray700, body1: true, centered: true, p: 20 }, { children: msg }), void 0), _jsx(Div, { w100: true, h: 1, bg: colors.gray300 }, void 0)] }), void 0));
 };
-export var Avatar = styled.img(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  border-radius: 100%;\n  height: 36px;\n  width: 36px;\n"], ["\n  ", ";\n  border-radius: 100%;\n  height: 36px;\n  width: 36px;\n"])), themeProps);
-export var Divider = styled(Div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  height: 1px;\n  background: ", ";\n"], ["\n  width: 100%;\n  height: 1px;\n  background: ", ";\n"])), colors.black);
+export var Avatar = styled.img(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  ", ";\n  border-radius: 100%;\n  height: 36px;\n  width: 36px;\n"], ["\n  ", ";\n  border-radius: 100%;\n  height: 36px;\n  width: 36px;\n"])), themeProps);
+export var Divider = styled(Div)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 100%;\n  height: 1px;\n  background: ", ";\n"], ["\n  width: 100%;\n  height: 1px;\n  background: ", ";\n"])), colors.black);
 export * from "./icons";
 export * from "./inputs";
 export * from "./Table";
@@ -38,5 +40,5 @@ export * from "./logo";
 export * from "./Modal";
 export * from "./Spinner";
 export * from "./TooltipProvider";
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 //# sourceMappingURL=index.js.map

package/lib/esm/common/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAY,GAAG,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAKtD,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,qSAAe,mFAIlC,EAAmC,cACxC,EAAkC,gDAGzC,EAA6B,OAC7B,EAIC,gCAEa,EAAqC,gCAGtD,KAde,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAxB,CAAwB,EACxC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,EAAvB,CAAuB,EAGzC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,EAAtB,CAAsB,EAC7B,UAAC,CAAC;IACF,OAAA,CAAC,CAAC,UAAU,IACZ,GAAG,+FAAA,iBACQ,EAA6B,SACvC,KADU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,CACvC;AAHD,CAGC,EAEa,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,CAGtD,CAAC;AAKF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,0FAAY,MACjD,EAAgC,SAEhC,EAIC,IACJ,KAPG,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,EAArB,CAAqB,EAEhC,UAAC,KAAU;IACX,OAAA,KAAK,CAAC,UAAU,IAChB,GAAG,+FAAA,iBACQ,EAAqC,SAC/C,KADU,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAA1B,CAA0B,CAC/C;AAHD,CAGC,CACJ,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAAO;QAAL,GAAG,SAAA;IAC/B,OAAO,CACL,MAAC,GAAG,aAAC,KAAK,QAAC,WAAW,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,iBACjC,KAAC,GAAG,IAAC,IAAI,QAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,WAAI,EACtC,KAAC,GAAG,aAAC,IAAI,QAAC,eAAe,QAAC,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,QAAC,QAAQ,QAAC,CAAC,EAAE,EAAE,gBAC9D,GAAG,YACA,EACN,KAAC,GAAG,IAAC,IAAI,QAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,OAAO,WAAI,aAClC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,yIAAU,MACtC,EAAU,8DAIb,KAJG,UAAU,CAIb,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,4HAAA,kDAGlB,EAAY,KAC3B,KADe,MAAM,CAAC,KAAK,CAC3B,CAAC;AAEF,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.tsx"],"names":[],"mappings":"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"}

package/lib/esm/common/inputs/Autocomplete.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Placement } from "@popperjs/core";
 import { DivCSSProps } from "../../styled/utils";
 declare type Option = {
     label: any;
@@ -8,9 +9,11 @@ declare type Props = {
     label?: any;
     placeholder?: string;
     value: any;
-    onChange: any;
+    onChange: (v: string | null) => void;
     options: Option[];
+    isInputDisabled?: boolean;
     onToggle?: (isOpen: boolean) => void;
+    placement?: Placement;
 } & DivCSSProps;
-declare const Autocomplete: ({ label, placeholder, value, onChange, options, onToggle, ...props }: Props) => JSX.Element;
+declare const Autocomplete: ({ label, isInputDisabled, placeholder, value, onChange, placement, options, onToggle, ...props }: Props) => JSX.Element;
 export { Autocomplete };

package/lib/esm/common/inputs/Autocomplete.js

@@ -1,3 +1,7 @@
+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++) {
@@ -22,21 +26,34 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { FormInputLabel, MenuItem } from "..";
-import { chevronDownIcon } from "../icons";
+import styled, { css } from "styled-components";
+import { MenuItem } from "..";
 import { Div } from "../../styled/utils";
+import { chevronDown } from "../Table/icons";
 import { SelectMenu } from "./SelectMenu";
-import { TextInput } from "./TextInput";
+import { TextInput as TextInputBase } from "./TextInput";
+var TextInput = styled(TextInputBase)(function (_a) {
+    var _b = _a.theme, colors = _b.colors, c = _b.css;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), function (props) {
+        return props.isDisabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        cursor: not-allowed;\n        pointer-events: none;\n      "], ["\n        cursor: not-allowed;\n        pointer-events: none;\n      "])));
+    });
+});
+var ClearIcon = styled(Div)(function (_a) {
+    var _b = _a.theme, colors = _b.colors, c = _b.css;
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    pointer-events: auto;\n  "], ["\n    pointer-events: auto;\n  "])));
+});
 var Autocomplete = function (_a) {
     var _b;
-    var _c = _a.label, label = _c === void 0 ? null : _c, _d = _a.placeholder, placeholder = _d === void 0 ? "Select Option" : _d, value = _a.value, onChange = _a.onChange, options = _a.options, onToggle = _a.onToggle, props = __rest(_a, ["label", "placeholder", "value", "onChange", "options", "onToggle"]);
-    var _e = useState(false), updatedText = _e[0], setUpdatedText = _e[1];
+    var _c = _a.label, label = _c === void 0 ? null : _c, _d = _a.isInputDisabled, isInputDisabled = _d === void 0 ? false : _d, _e = _a.placeholder, placeholder = _e === void 0 ? "Select option..." : _e, value = _a.value, onChange = _a.onChange, placement = _a.placement, options = _a.options, onToggle = _a.onToggle, props = __rest(_a, ["label", "isInputDisabled", "placeholder", "value", "onChange", "placement", "options", "onToggle"]);
+    var _f = useState(false), updatedText = _f[0], setUpdatedText = _f[1];
     var findOptionLabel = ((_b = options.find(function (o) { return o.value === value; })) === null || _b === void 0 ? void 0 : _b.label) || "";
-    var _f = useState(findOptionLabel), text = _f[0], setText = _f[1];
-    var _g = useState(false), isMenuOpen = _g[0], setIsMenuOpen = _g[1];
+    var _g = useState(findOptionLabel), text = _g[0], setText = _g[1];
+    var _h = useState(false), isMenuOpen = _h[0], setIsMenuOpen = _h[1];
     useEffect(function () {
         if (value)
             setText(findOptionLabel);
+        else
+            setText("");
     }, [value]);
     useEffect(function () {
         setUpdatedText(true);
@@ -55,7 +72,14 @@ var Autocomplete = function (_a) {
     var filteredOptions = updatedText
         ? options.filter(function (o) { return o.label.toLowerCase().includes(text.toLowerCase()); })
         : options;
-    return (_jsxs(Div, __assign({ w100: true }, props, { children: [_jsx(FormInputLabel, { children: label }, void 0), _jsx(Div, __assign({ onClick: function () { return setIsMenuOpen(true); } }, { children: _jsx(TextInput, { placeholder: placeholder, value: text, onChange: function (v) { return setText(v); }, icon: chevronDownIcon }, void 0) }), void 0), _jsx(SelectMenu, __assign({ isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ isSelected: value === o.value, onClick: function () { return onSelect(o.value); } }, { children: o.label }), void 0) }, index)); }) }), void 0)] }), void 0));
+    var inputIconUI = text ? (_jsx(ClearIcon, __assign({ clickable: true, dim: 24, centered: true, onClick: function (evt) {
+            evt.preventDefault();
+            evt.stopPropagation();
+            onChange(null);
+        } }, { children: clearIcon }), void 0)) : (_jsx(Div, __assign({ centered: true, dim: 24 }, { children: chevronDown }), void 0));
+    return (_jsxs(Div, __assign({ w100: true }, props, { children: [_jsx(Div, __assign({ onClick: function () { return setIsMenuOpen(true); } }, { children: _jsx(TextInput, { label: label, isDisabled: isInputDisabled, placeholder: placeholder, value: text, onChange: function (v) { return setText(v); }, icon: inputIconUI }, void 0) }), void 0), filteredOptions.length > 0 && (_jsx(SelectMenu, __assign({ placement: placement, isOpen: isMenuOpen, onClose: function () { return setIsMenuOpen(false); } }, { children: filteredOptions.map(function (o, index) { return (_jsx(Div, { children: _jsx(MenuItem, __assign({ isLast: index === filteredOptions.length - 1, isSelected: value === o.value, onClick: function () { return onSelect(o.value); } }, { children: o.label }), void 0) }, index)); }) }), void 0))] }), void 0));
 };
+var clearIcon = (_jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M4 4L12.5161 12.5161", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M4 12.5161L12.5161 3.99998", stroke: "#333333", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
 export { Autocomplete };
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=Autocomplete.js.map

package/lib/esm/common/inputs/Autocomplete.js.map

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

package/lib/esm/common/inputs/SelectMenu.d.ts

@@ -1,11 +1,14 @@
 /// <reference types="react" />
 import { DivCSSProps } from "../../styled/utils";
+import { Placement } from "@popperjs/core";
 export declare const SelectMenuBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../styled/utils").CSSProps, never>;
 export declare const SelectMenuDiv: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../styled/utils").CSSProps, never>;
+export declare const SelectMenuScrollArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../../styled/utils").CSSProps, never>;
 declare type Props = {
     isOpen?: boolean;
     onClose?: any;
     children: any;
+    placement?: Placement;
 } & DivCSSProps;
-export declare const SelectMenu: ({ isOpen, onClose, children, ...props }: Props) => JSX.Element;
+export declare const SelectMenu: ({ isOpen, onClose, placement, children, ...props }: Props) => JSX.Element;
 export {};

package/lib/esm/common/inputs/SelectMenu.js

@@ -26,23 +26,35 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { usePopper } from "react-popper";
 import { Div } from "../../styled/utils";
 export var SelectMenuBackdrop = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  margin: 0px;\n  width: 100vw;\n  height: 100vh;\n  z-index: 99999999;\n  display: flex;\n"], ["\n  position: fixed;\n  top: 0px;\n  left: 0px;\n  margin: 0px;\n  width: 100vw;\n  height: 100vh;\n  z-index: 99999999;\n  display: flex;\n"])));
-export var SelectMenuDiv = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: white;\n  border: solid 1px#F9FAFB;\n  position: absolute;\n  border-radius: 4px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  width: 100%;\n  margin-top: 4px;\n  max-height: 250px;\n  z-index: 10000000000;\n  box-shadow: 0 8px 20px 0 rgba(51, 72, 115, 0.13);\n  ", ";\n"], ["\n  background-color: white;\n  border: solid 1px#F9FAFB;\n  position: absolute;\n  border-radius: 4px;\n  overflow-x: hidden;\n  overflow-y: auto;\n  width: 100%;\n  margin-top: 4px;\n  max-height: 250px;\n  z-index: 10000000000;\n  box-shadow: 0 8px 20px 0 rgba(51, 72, 115, 0.13);\n  ", ";\n"])), function (p) { return p.theme.css.scrollbarDark; });
+export var SelectMenuDiv = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: white;\n  border: solid 1px ", ";\n  position: absolute;\n  border-radius: 16px;\n  width: 100%;\n  overflow: hidden;\n  margin-top: 4px;\n  z-index: 10000000000;\n  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);\n  ", ";\n"], ["\n  background-color: white;\n  border: solid 1px ", ";\n  position: absolute;\n  border-radius: 16px;\n  width: 100%;\n  overflow: hidden;\n  margin-top: 4px;\n  z-index: 10000000000;\n  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);\n  ", ";\n"])), function (p) { return p.theme.colors.gray5; }, function (p) { return p.theme.css.scrollbarDark; });
+export var SelectMenuScrollArea = styled(Div)(function (_a) {
+    var _b = _a.theme, colors = _b.colors, c = _b.css;
+    return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    padding: 16px;\n    overflow-y: auto;\n    max-height: 250px;\n  "], ["\n    padding: 16px;\n    overflow-y: auto;\n    max-height: 250px;\n  "])));
+});
 export var SelectMenu = function (_a) {
-    var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? null : _c, children = _a.children, props = __rest(_a, ["isOpen", "onClose", "children"]);
-    var _d = useState(null), referenceElement = _d[0], setReferenceElement = _d[1];
-    var _e = useState(null), popperElement = _e[0], setPopperElement = _e[1];
-    var _f = usePopper(referenceElement, popperElement, {
-        placement: "bottom",
-    }), styles = _f.styles, attributes = _f.attributes, update = _f.update;
+    var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? null : _c, _d = _a.placement, placement = _d === void 0 ? "auto" : _d, children = _a.children, props = __rest(_a, ["isOpen", "onClose", "placement", "children"]);
+    var _e = useState(null), referenceElement = _e[0], setReferenceElement = _e[1];
+    var _f = useState(null), popperElement = _f[0], setPopperElement = _f[1];
+    var _g = usePopper(referenceElement, popperElement, {
+        placement: placement,
+        modifiers: [
+            {
+                name: "offset",
+                options: {
+                    offset: [2, 3],
+                },
+            },
+        ],
+    }), styles = _g.styles, attributes = _g.attributes, update = _g.update;
     useEffect(function () {
         if (update)
             update();
     }, [isOpen]);
-    return (_jsx(_Fragment, { children: isOpen && (_jsxs(Div, __assign({ ref: setReferenceElement, pRelative: true }, props, { children: [_jsx(SelectMenuBackdrop, { onClick: onClose }, void 0), _jsx(SelectMenuDiv, __assign({ ref: setPopperElement, style: styles.popper }, attributes.popper, { children: children }), void 0)] }), void 0)) }, void 0));
+    return (_jsx(_Fragment, { children: isOpen && (_jsxs(Div, __assign({ ref: setReferenceElement, pRelative: true }, props, { children: [_jsx(SelectMenuBackdrop, { onClick: onClose }, void 0), _jsx(SelectMenuDiv, __assign({ ref: setPopperElement, style: styles.popper }, attributes.popper, { children: _jsx(SelectMenuScrollArea, { children: children }, void 0) }), void 0)] }), void 0)) }, void 0));
 };
-var templateObject_1, templateObject_2;
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=SelectMenu.js.map

package/lib/esm/common/inputs/SelectMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMenu.js","sourceRoot":"","sources":["../../../../src/common/inputs/SelectMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,GAAG,EAAe,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,iNAAA,8IAS5C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,2WAAA,iSAYpC,EAAgC,KACnC,KADG,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa,EAAzB,CAAyB,CACnC,CAAC;AAQF,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAKnB;IAJN,IAAA,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,QAAQ,cAAA,EACL,KAAK,cAJiB,iCAK1B,CADS;IAEF,IAAA,KAA0C,QAAQ,CAAC,IAAI,CAAC,EAAvD,gBAAgB,QAAA,EAAE,mBAAmB,QAAkB,CAAC;IACzD,IAAA,KAAoC,QAAQ,CAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACnD,IAAA,KAAiC,SAAS,CAC9C,gBAAgB,EAChB,aAAa,EACb;QACE,SAAS,EAAE,QAAQ;KACpB,CACF,EANO,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAMjC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,MAAM;YAAE,MAAM,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,4BACG,MAAM,IAAI,CACT,MAAC,GAAG,aAAC,GAAG,EAAE,mBAAmB,EAAE,SAAS,UAAK,KAAK,eAChD,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,WAAuB,EAC3D,KAAC,aAAa,aACZ,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE,MAAM,CAAC,MAAM,IAChB,UAAU,CAAC,MAAM,cAEpB,QAAQ,YACK,aACZ,CACP,WACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SelectMenu.js","sourceRoot":"","sources":["../../../../src/common/inputs/SelectMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,GAAG,EAAe,MAAM,oBAAoB,CAAC;AAGtD,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,iNAAA,8IAS5C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,yTAAA,oDAElB,EAA2B,yLAQ7C,EAAgC,KACnC,KATqB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAApB,CAAoB,EAQ7C,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,aAAa,EAAzB,CAAyB,CACnC,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAC,CAC7C,UAAC,EAA6B;QAA3B,aAAyB,EAAhB,MAAM,YAAA,EAAO,CAAC,SAAA;IAAS,OAAA,GAAG,4IAAA,yEAIrC;AAJkC,CAIlC,CACF,CAAC;AASF,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAMnB;IALN,IAAA,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA,EAClB,QAAQ,cAAA,EACL,KAAK,cALiB,8CAM1B,CADS;IAEF,IAAA,KAA0C,QAAQ,CAAC,IAAI,CAAC,EAAvD,gBAAgB,QAAA,EAAE,mBAAmB,QAAkB,CAAC;IACzD,IAAA,KAAoC,QAAQ,CAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACnD,IAAA,KAAiC,SAAS,CAC9C,gBAAgB,EAChB,aAAa,EACb;QACE,SAAS,WAAA;QACT,SAAS,EAAE;YACT;gBACE,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE;oBACP,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;iBACf;aACF;SACF;KACF,CACF,EAdO,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAcjC,CAAC;IAEF,SAAS,CAAC;QACR,IAAI,MAAM;YAAE,MAAM,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,4BACG,MAAM,IAAI,CACT,MAAC,GAAG,aAAC,GAAG,EAAE,mBAAmB,EAAE,SAAS,UAAK,KAAK,eAChD,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,WAAI,EACxC,KAAC,aAAa,aACZ,GAAG,EAAE,gBAAgB,EACrB,KAAK,EAAE,MAAM,CAAC,MAAM,IAChB,UAAU,CAAC,MAAM,cAErB,KAAC,oBAAoB,cAAE,QAAQ,WAAwB,YACzC,aACZ,CACP,WACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/common/inputs/TextInput.js

@@ -30,19 +30,19 @@ import styled, { css } from "styled-components";
 import { FormInputLabel } from "..";
 import { useDebounce } from "../../hooks";
 import { Div } from "../../styled/utils";
-export var HTMLInput = styled.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  padding: 20px 16px;\n  height: 68px;\n  outline: none;\n\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  width: 100%;\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  /* Firefox */\n  -moz-appearance: textfield;\n\n  ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  :focus {\n    border: 2px solid ", ";\n    box-shadow: 0px 0px 8px rgba(14, 190, 190, 0.24);\n  }\n\n  ", "\n  ", "\n"], ["\n  position: relative;\n  padding: 20px 16px;\n  height: 68px;\n  outline: none;\n\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  width: 100%;\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  /* Firefox */\n  -moz-appearance: textfield;\n\n  ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  :focus {\n    border: 2px solid ", ";\n    box-shadow: 0px 0px 8px rgba(14, 190, 190, 0.24);\n  }\n\n  ", "\n  ", "\n"])), function (props) { return props.theme.colors.gray300; }, function (props) { return props.theme.css.body1; }, function (props) { return props.theme.colors.placeholder; }, function (props) { return props.theme.colors.blue500; }, function (props) {
+export var HTMLInput = styled.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  padding: 20px 16px;\n  height: 68px;\n  outline: none;\n\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  width: 100%;\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  /* Firefox */\n  -moz-appearance: textfield;\n\n  ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  :focus {\n    border: 2px solid ", ";\n\n    /* 3d at the end adds .24 opacity (using 8 digit hex)*/\n    box-shadow: 0px 0px 8px ", "3d;\n  }\n\n  ", "\n  ", "\n"], ["\n  position: relative;\n  padding: 20px 16px;\n  height: 68px;\n  outline: none;\n\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  width: 100%;\n\n  ::-webkit-outer-spin-button,\n  ::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n  /* Firefox */\n  -moz-appearance: textfield;\n\n  ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  :focus {\n    border: 2px solid ", ";\n\n    /* 3d at the end adds .24 opacity (using 8 digit hex)*/\n    box-shadow: 0px 0px 8px ", "3d;\n  }\n\n  ", "\n  ", "\n"])), function (props) { return props.theme.colors.gray300; }, function (props) { return props.theme.css.body1; }, function (props) { return props.theme.colors.placeholder; }, function (props) { return props.theme.colors.blue500; }, function (props) { return props.theme.colors.blue500; }, function (props) {
     return props.isDisabled && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      cursor: not-allowed;\n      opacity: 0.7;\n      pointer-events: none;\n    "], ["\n      cursor: not-allowed;\n      opacity: 0.7;\n      pointer-events: none;\n    "])));
 }, function (props) {
     return props.hasError && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      padding-right: 50px;\n      border: solid 2px ", ";\n    "], ["\n      padding-right: 50px;\n      border: solid 2px ", ";\n    "])), function (props) { return props.theme.colors.error; });
 });
 var Icon = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  right: 11px;\n  top: 0;\n  height: 100%;\n"], ["\n  position: absolute;\n  right: 11px;\n  top: 0;\n  height: 100%;\n"])));
 var TextInput = function (_a) {
-    var _b = _a.label, label = _b === void 0 ? "" : _b, _c = _a.icon, icon = _c === void 0 ? null : _c, _d = _a.placeholder, placeholder = _d === void 0 ? "" : _d, value = _a.value, _e = _a.type, type = _e === void 0 ? "text" : _e, onChange = _a.onChange, _f = _a.onBlur, onBlur = _f === void 0 ? null : _f, _g = _a.isDisabled, isDisabled = _g === void 0 ? false : _g, _h = _a.hasError, hasError = _h === void 0 ? false : _h, _j = _a.onFocus, onFocus = _j === void 0 ? null : _j, _k = _a.withDebounce, withDebounce = _k === void 0 ? true : _k, _l = _a.autoFocus, autoFocus = _l === void 0 ? false : _l, props = __rest(_a, ["label", "icon", "placeholder", "value", "type", "onChange", "onBlur", "isDisabled", "hasError", "onFocus", "withDebounce", "autoFocus"]);
-    var _m = useDebounce(value, onChange, withDebounce ? 0 : 300), _value = _m._value, set_Value = _m.set_Value;
+    var label = _a.label, _b = _a.icon, icon = _b === void 0 ? null : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "" : _c, value = _a.value, _d = _a.type, type = _d === void 0 ? "text" : _d, onChange = _a.onChange, _e = _a.onBlur, onBlur = _e === void 0 ? null : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f, _g = _a.hasError, hasError = _g === void 0 ? false : _g, _h = _a.onFocus, onFocus = _h === void 0 ? null : _h, _j = _a.withDebounce, withDebounce = _j === void 0 ? true : _j, _k = _a.autoFocus, autoFocus = _k === void 0 ? false : _k, props = __rest(_a, ["label", "icon", "placeholder", "value", "type", "onChange", "onBlur", "isDisabled", "hasError", "onFocus", "withDebounce", "autoFocus"]);
+    var _l = useDebounce(value, onChange, withDebounce ? 0 : 300), _value = _l._value, set_Value = _l.set_Value;
     var res = usePasswordVisibleIcon(type);
     var passwordVisibleIcon = res.passwordVisibleIcon, isPasswordVisible = res.isPasswordVisible;
     var _icon = passwordVisibleIcon || icon;
-    return (_jsxs(Div, __assign({ w100: true }, props, { children: [_jsx(FormInputLabel, __assign({ isDisabled: isDisabled }, { children: label }), void 0), _jsxs(Div, __assign({ pRelative: true, mt: 8 }, { children: [_jsx(HTMLInput, __assign({}, { placeholder: placeholder, isDisabled: isDisabled, onFocus: onFocus, hasError: hasError, autoFocus: autoFocus }, { type: isPasswordVisible ? "text" : type, value: _value || "", onChange: function (_a) {
+    return (_jsxs(Div, __assign({ w100: true }, props, { children: [label && (_jsx(FormInputLabel, __assign({ isDisabled: isDisabled, mb: 8 }, { children: label }), void 0)), _jsxs(Div, __assign({ pRelative: true }, { children: [_jsx(HTMLInput, __assign({}, { placeholder: placeholder, isDisabled: isDisabled, onFocus: onFocus, hasError: hasError, autoFocus: autoFocus }, { type: isPasswordVisible ? "text" : type, value: _value || "", onChange: function (_a) {
                             var value = _a.target.value;
                             return set_Value(value);
                         }, onBlur: function () {

package/lib/esm/common/inputs/TextInput.js.map

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

package/lib/esm/styled/theme/colorPalette.d.ts

@@ -2,7 +2,8 @@ export declare const colorPalette: {
     red: string;
     black: string;
     gold: string;
-    pink200: string;
+    pink100: string;
+    pink300: string;
     pink500: string;
     pink700: string;
     pink900: string;
@@ -26,6 +27,7 @@ export declare const colorPalette: {
     blue400: string;
     blue500: string;
     blue900: string;
+    gray5: string;
     gray10: string;
     gray50: string;
     gray100: string;
@@ -63,8 +65,12 @@ export declare const colorPalette: {
     orange1000: string;
 };
 export declare const colorLabels: {
+    backgroundInterface: string;
+    interactiveDisabled: string;
     error: string;
+    warning01: string;
     highlight01: string;
+    tableHeader: string;
     outlineInputs: string;
     text: string;
     textPrim: string;
@@ -78,8 +84,12 @@ export declare const colorLabels: {
     background: string;
 };
 export declare const colors: {
+    backgroundInterface: string;
+    interactiveDisabled: string;
     error: string;
+    warning01: string;
     highlight01: string;
+    tableHeader: string;
     outlineInputs: string;
     text: string;
     textPrim: string;
@@ -94,7 +104,8 @@ export declare const colors: {
     red: string;
     black: string;
     gold: string;
-    pink200: string;
+    pink100: string;
+    pink300: string;
     pink500: string;
     pink700: string;
     pink900: string;
@@ -117,6 +128,7 @@ export declare const colors: {
     blue400: string;
     blue500: string;
     blue900: string;
+    gray5: string;
     gray10: string;
     gray50: string;
     gray100: string;

package/lib/esm/styled/theme/colorPalette.js

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 var gray = {
+    gray5: "#F9FAFB",
     gray10: "#FCFCFD",
     gray50: "#F8F8F9",
     gray100: "#F0F0F1",
@@ -60,18 +61,19 @@ var blue = {
     blue900: "#025B5B",
 };
 var pink = {
-    pink200: "#FEB0BD",
+    pink100: "#FED7DE",
+    pink300: "#FE889C",
     pink500: "#FD395A",
     pink700: "#CA2E48",
     pink900: "#651724",
 };
 var orange = {
     orange50: "#FAF8F6",
-    orange100: "##FDEAC7",
+    orange100: "#FDEAC7",
     orange200: "#FBDCA0",
     orange300: "#FACD78",
     orange400: "#F8BE51",
-    orange500: "#EF9F09",
+    orange500: "#FF9A34",
     orange600: "#CD8808",
     orange700: "#AA7106",
     orange800: "#885A05",
@@ -84,8 +86,12 @@ var white = {
 };
 export var colorPalette = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, orange), green), gray), blue), red), white), pink), { red: "red", black: "black", gold: "#d0a617" });
 export var colorLabels = {
+    backgroundInterface: colorPalette.orange50,
+    interactiveDisabled: "#FEB0BD",
     error: colorPalette.red600,
+    warning01: colorPalette.orange500,
     highlight01: colorPalette.blue500,
+    tableHeader: colorPalette.white50,
     outlineInputs: colorPalette.gray300,
     text: colorPalette.gray1000,
     textPrim: colorPalette.black,