@orfium/ictinus 4.86.0-next.3 → 4.87.0

package/dist/components/ButtonBase/ButtonBase.style.d.ts

@@ -4,7 +4,7 @@ import { ColorShapeFromComponent } from '../../utils/themeFunctions';
 import { Props } from './ButtonBase';
 import { buttonSizes } from './config';
 /** Calculates the button specific height based on the size passed to it **/
-export declare const heightBasedOnSize: (size: typeof buttonSizes[number] | 'default') => string;
+export declare const heightBasedOnSize: (size: (typeof buttonSizes)[number] | 'default') => string;
 export declare const buttonBaseStyle: ({ type, filled, calculatedColor, size, block, transparent, childrenCount, sx, }: Omit<Props, "buttonType"> & {
     calculatedColor: ColorShapeFromComponent;
     childrenCount: number;

package/dist/components/ButtonBase/ButtonBase.style.js

@@ -17,7 +17,10 @@ var heightBasedOnSize = exports.heightBasedOnSize = function heightBasedOnSize(s
 /** Calculates the button specific font size based on the size passed to it **/
 var fontSizeBasedOnSize = function fontSizeBasedOnSize(theme, size) {
   var _buttonConfig$fontSiz;
-  return theme.typography.fontSizes[(_buttonConfig$fontSiz = _config.buttonConfig.fontSize[size]) != null ? _buttonConfig$fontSiz : _config.buttonConfig.fontSize["default"]];
+  return (
+    //@ts-ignore
+    theme.typography.fontSizes[(_buttonConfig$fontSiz = _config.buttonConfig.fontSize[size]) != null ? _buttonConfig$fontSiz : _config.buttonConfig.fontSize["default"]]
+  );
 };
 var buttonBaseStyle = exports.buttonBaseStyle = function buttonBaseStyle(_ref) {
   var type = _ref.type,
@@ -76,7 +79,7 @@ var buttonBaseStyle = exports.buttonBaseStyle = function buttonBaseStyle(_ref) {
     return (
       /*#__PURE__*/
       /*#__PURE__*/
-      (0, _react.css)(_extends({}, baseButtonStyles, sx == null ? void 0 : sx.container), process.env.NODE_ENV === "production" ? "" : ";label:buttonBaseStyle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbkJhc2UvQnV0dG9uQmFzZS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRVMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uQmFzZS9CdXR0b25CYXNlLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldERpc2FibGVkLCBnZXRGb2N1cywgZ2V0SG92ZXIsIGdldFByZXNzZWQgfSBmcm9tICcuLi8uLi90aGVtZS9zdGF0ZXMnO1xuaW1wb3J0IHsgQ29sb3JTaGFwZUZyb21Db21wb25lbnQgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGJ1dHRvblNpemVzIH0gZnJvbSAnLi9jb25maWcnO1xuaW1wb3J0IHsgY2FsY3VsYXRlQnV0dG9uQ29sb3IsIGRlZmluZUJhY2tncm91bmRDb2xvciB9IGZyb20gJy4vdXRpbHMnO1xuXG4vKiogQ2FsY3VsYXRlcyB0aGUgYnV0dG9uIHNwZWNpZmljIGhlaWdodCBiYXNlZCBvbiB0aGUgc2l6ZSBwYXNzZWQgdG8gaXQgKiovXG5leHBvcnQgY29uc3QgaGVpZ2h0QmFzZWRPblNpemUgPSAoc2l6ZTogdHlwZW9mIGJ1dHRvblNpemVzW251bWJlcl0gfCAnZGVmYXVsdCcpID0+XG4gIHJlbShidXR0b25Db25maWcuc2l6ZXNbc2l6ZV0gPz8gYnV0dG9uQ29uZmlnLnNpemVzLmRlZmF1bHQpO1xuXG4vKiogQ2FsY3VsYXRlcyB0aGUgYnV0dG9uIHNwZWNpZmljIGZvbnQgc2l6ZSBiYXNlZCBvbiB0aGUgc2l6ZSBwYXNzZWQgdG8gaXQgKiovXG5jb25zdCBmb250U2l6ZUJhc2VkT25TaXplID0gKHRoZW1lOiBUaGVtZSwgc2l6ZTogdHlwZW9mIGJ1dHRvblNpemVzW251bWJlcl0gfCAnZGVmYXVsdCcpID0+XG4gIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzW2J1dHRvbkNvbmZpZy5mb250U2l6ZVtzaXplXSA/PyBidXR0b25Db25maWcuZm9udFNpemUuZGVmYXVsdF07XG5cbmV4cG9ydCBjb25zdCBidXR0b25CYXNlU3R5bGUgPSAoe1xuICB0eXBlLFxuICBmaWxsZWQsXG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgc2l6ZSxcbiAgYmxvY2ssXG4gIHRyYW5zcGFyZW50LFxuICBjaGlsZHJlbkNvdW50LFxuICBzeCxcbn06IE9taXQ8UHJvcHMsICdidXR0b25UeXBlJz4gJiB7XG4gIGNhbGN1bGF0ZWRDb2xvcjogQ29sb3JTaGFwZUZyb21Db21wb25lbnQ7XG4gIGNoaWxkcmVuQ291bnQ6IG51bWJlcjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgYmFja0dyb3VuZENvbG9yID0gZGVmaW5lQmFja2dyb3VuZENvbG9yKHRoZW1lLCBjYWxjdWxhdGVkQ29sb3IsIHR5cGUsIGNoaWxkcmVuQ291bnQgPiAwKTtcbiAgY29uc3QgaXNPdXRsaW5lZCA9ICFmaWxsZWQgJiYgIXRyYW5zcGFyZW50O1xuICBjb25zdCBpc0JhY2tncm91bmRUcmFuc3BhcmVudCA9IGlzT3V0bGluZWQgfHwgdHJhbnNwYXJlbnQ7XG5cbiAgY29uc3QgYm9yZGVyV2lkdGggPSBpc091dGxpbmVkID8gYnV0dG9uQ29uZmlnLnR5cGVzLm91dGxpbmVkLmJvcmRlci53aWR0aCA6IDA7XG5cbiAgY29uc3QgYmFzZUJ1dHRvblN0eWxlcyA9IHtcbiAgICBmb250U2l6ZTogZm9udFNpemVCYXNlZE9uU2l6ZSh0aGVtZSwgc2l6ZSB8fCAnZGVmYXVsdCcpLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW0sXG4gICAgY29sb3I6IGNhbGN1bGF0ZUJ1dHRvbkNvbG9yKHtcbiAgICAgIHR5cGUsXG4gICAgICBpc0JhY2tncm91bmRUcmFuc3BhcmVudDogQm9vbGVhbihpc0JhY2tncm91bmRUcmFuc3BhcmVudCksXG4gICAgICBiYWNrR3JvdW5kQ29sb3IsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICB0aGVtZSxcbiAgICB9KSxcbiAgICB3aWR0aDogYmxvY2sgPyAnMTAwJScgOiB1bmRlZmluZWQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBpc0JhY2tncm91bmRUcmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiBiYWNrR3JvdW5kQ29sb3IsXG4gICAgcGFkZGluZzogc2l6ZSA9PT0gJ2xnJyA/IHRoZW1lLnNwYWNpbmcubWQgOiBgMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBoZWlnaHQ6IGhlaWdodEJhc2VkT25TaXplKHNpemUgfHwgJ2RlZmF1bHQnKSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcueHNtLFxuICAgIGJvcmRlcjogaXNPdXRsaW5lZCA/IGBzb2xpZCAke3JlbShib3JkZXJXaWR0aCl9ICR7YmFja0dyb3VuZENvbG9yfWAgOiAnbm9uZScsXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IsYm9yZGVyIDE1MG1zIGxpbmVhcicsXG4gICAgJzpmb2N1cy12aXNpYmxlOm5vdCg6ZGlzYWJsZWQpJzoge1xuICAgICAgb3V0bGluZTogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlT3V0bGluZSxcbiAgICB9LFxuICAgICc6aG92ZXI6bm90KDpkaXNhYmxlZCknOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEhvdmVyKHtcbiAgICAgICAgdGhlbWUsXG4gICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgIHNoYWRlOiBpc0JhY2tncm91bmRUcmFuc3BhcmVudCA/IDAgOiBjYWxjdWxhdGVkQ29sb3Iuc2hhZGUsXG4gICAgICB9KS5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSxcbiAgICAnOmFjdGl2ZTpub3QoOmRpc2FibGVkKSc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogZ2V0UHJlc3NlZCh7XG4gICAgICAgIHRoZW1lLFxuICAgICAgICBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLFxuICAgICAgICBzaGFkZTogaXNCYWNrZ3JvdW5kVHJhbnNwYXJlbnQgPyAwIDogY2FsY3VsYXRlZENvbG9yLnNoYWRlLFxuICAgICAgfSkuYmFja2dyb3VuZENvbG9yLFxuICAgIH0sXG4gICAgJzpkaXNhYmxlZCc6IGdldERpc2FibGVkKCksXG4gIH07XG5cbiAgcmV0dXJuIGNzcyh7IC4uLmJhc2VCdXR0b25TdHlsZXMsIC4uLnN4Py5jb250YWluZXIgfSk7XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBpY29uU3R5bGUgPSAoKSA9PiAoKSA9PiAoe1xuICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxufSk7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:buttonBaseStyle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbkJhc2UvQnV0dG9uQmFzZS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRVMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uQmFzZS9CdXR0b25CYXNlLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldERpc2FibGVkLCBnZXRGb2N1cywgZ2V0SG92ZXIsIGdldFByZXNzZWQgfSBmcm9tICcuLi8uLi90aGVtZS9zdGF0ZXMnO1xuaW1wb3J0IHsgQ29sb3JTaGFwZUZyb21Db21wb25lbnQgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGJ1dHRvblNpemVzIH0gZnJvbSAnLi9jb25maWcnO1xuaW1wb3J0IHsgY2FsY3VsYXRlQnV0dG9uQ29sb3IsIGRlZmluZUJhY2tncm91bmRDb2xvciB9IGZyb20gJy4vdXRpbHMnO1xuXG4vKiogQ2FsY3VsYXRlcyB0aGUgYnV0dG9uIHNwZWNpZmljIGhlaWdodCBiYXNlZCBvbiB0aGUgc2l6ZSBwYXNzZWQgdG8gaXQgKiovXG5leHBvcnQgY29uc3QgaGVpZ2h0QmFzZWRPblNpemUgPSAoc2l6ZTogdHlwZW9mIGJ1dHRvblNpemVzW251bWJlcl0gfCAnZGVmYXVsdCcpID0+XG4gIHJlbShidXR0b25Db25maWcuc2l6ZXNbc2l6ZV0gPz8gYnV0dG9uQ29uZmlnLnNpemVzLmRlZmF1bHQpO1xuXG4vKiogQ2FsY3VsYXRlcyB0aGUgYnV0dG9uIHNwZWNpZmljIGZvbnQgc2l6ZSBiYXNlZCBvbiB0aGUgc2l6ZSBwYXNzZWQgdG8gaXQgKiovXG5jb25zdCBmb250U2l6ZUJhc2VkT25TaXplID0gKHRoZW1lOiBUaGVtZSwgc2l6ZTogdHlwZW9mIGJ1dHRvblNpemVzW251bWJlcl0gfCAnZGVmYXVsdCcpID0+XG4gIHRoZW1lLnR5cG9ncmFwaHkuZm9udFNpemVzW2J1dHRvbkNvbmZpZy5mb250U2l6ZVtzaXplXSA/PyBidXR0b25Db25maWcuZm9udFNpemUuZGVmYXVsdF07XG5cbmV4cG9ydCBjb25zdCBidXR0b25CYXNlU3R5bGUgPSAoe1xuICB0eXBlLFxuICBmaWxsZWQsXG4gIGNhbGN1bGF0ZWRDb2xvcixcbiAgc2l6ZSxcbiAgYmxvY2ssXG4gIHRyYW5zcGFyZW50LFxuICBjaGlsZHJlbkNvdW50LFxuICBzeCxcbn06IE9taXQ8UHJvcHMsICdidXR0b25UeXBlJz4gJiB7XG4gIGNhbGN1bGF0ZWRDb2xvcjogQ29sb3JTaGFwZUZyb21Db21wb25lbnQ7XG4gIGNoaWxkcmVuQ291bnQ6IG51bWJlcjtcbn0pID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgYmFja0dyb3VuZENvbG9yID0gZGVmaW5lQmFja2dyb3VuZENvbG9yKHRoZW1lLCBjYWxjdWxhdGVkQ29sb3IsIHR5cGUsIGNoaWxkcmVuQ291bnQgPiAwKTtcbiAgY29uc3QgaXNPdXRsaW5lZCA9ICFmaWxsZWQgJiYgIXRyYW5zcGFyZW50O1xuICBjb25zdCBpc0JhY2tncm91bmRUcmFuc3BhcmVudCA9IGlzT3V0bGluZWQgfHwgdHJhbnNwYXJlbnQ7XG5cbiAgY29uc3QgYm9yZGVyV2lkdGggPSBpc091dGxpbmVkID8gYnV0dG9uQ29uZmlnLnR5cGVzLm91dGxpbmVkLmJvcmRlci53aWR0aCA6IDA7XG5cbiAgY29uc3QgYmFzZUJ1dHRvblN0eWxlcyA9IHtcbiAgICBmb250U2l6ZTogZm9udFNpemVCYXNlZE9uU2l6ZSh0aGVtZSwgc2l6ZSB8fCAnZGVmYXVsdCcpLFxuICAgIGZvbnRXZWlnaHQ6IHRoZW1lLnR5cG9ncmFwaHkud2VpZ2h0cy5tZWRpdW0sXG4gICAgY29sb3I6IGNhbGN1bGF0ZUJ1dHRvbkNvbG9yKHtcbiAgICAgIHR5cGUsXG4gICAgICBpc0JhY2tncm91bmRUcmFuc3BhcmVudDogQm9vbGVhbihpc0JhY2tncm91bmRUcmFuc3BhcmVudCksXG4gICAgICBiYWNrR3JvdW5kQ29sb3IsXG4gICAgICBjYWxjdWxhdGVkQ29sb3IsXG4gICAgICB0aGVtZSxcbiAgICB9KSxcbiAgICB3aWR0aDogYmxvY2sgPyAnMTAwJScgOiB1bmRlZmluZWQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBpc0JhY2tncm91bmRUcmFuc3BhcmVudCA/ICd0cmFuc3BhcmVudCcgOiBiYWNrR3JvdW5kQ29sb3IsXG4gICAgcGFkZGluZzogc2l6ZSA9PT0gJ2xnJyA/IHRoZW1lLnNwYWNpbmcubWQgOiBgMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICBoZWlnaHQ6IGhlaWdodEJhc2VkT25TaXplKHNpemUgfHwgJ2RlZmF1bHQnKSxcbiAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnNwYWNpbmcueHNtLFxuICAgIGJvcmRlcjogaXNPdXRsaW5lZCA/IGBzb2xpZCAke3JlbShib3JkZXJXaWR0aCl9ICR7YmFja0dyb3VuZENvbG9yfWAgOiAnbm9uZScsXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IsYm9yZGVyIDE1MG1zIGxpbmVhcicsXG4gICAgJzpmb2N1cy12aXNpYmxlOm5vdCg6ZGlzYWJsZWQpJzoge1xuICAgICAgb3V0bGluZTogZ2V0Rm9jdXMoeyB0aGVtZSwgYm9yZGVyV2lkdGg6IGJvcmRlcldpZHRoIH0pLnN0eWxlT3V0bGluZSxcbiAgICB9LFxuICAgICc6aG92ZXI6bm90KDpkaXNhYmxlZCknOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldEhvdmVyKHtcbiAgICAgICAgdGhlbWUsXG4gICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgIHNoYWRlOiBpc0JhY2tncm91bmRUcmFuc3BhcmVudCA/IDAgOiBjYWxjdWxhdGVkQ29sb3Iuc2hhZGUsXG4gICAgICB9KS5iYWNrZ3JvdW5kQ29sb3IsXG4gICAgfSxcbiAgICAnOmFjdGl2ZTpub3QoOmRpc2FibGVkKSc6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogZ2V0UHJlc3NlZCh7XG4gICAgICAgIHRoZW1lLFxuICAgICAgICBjb2xvcjogY2FsY3VsYXRlZENvbG9yLmNvbG9yLFxuICAgICAgICBzaGFkZTogaXNCYWNrZ3JvdW5kVHJhbnNwYXJlbnQgPyAwIDogY2FsY3VsYXRlZENvbG9yLnNoYWRlLFxuICAgICAgfSkuYmFja2dyb3VuZENvbG9yLFxuICAgIH0sXG4gICAgJzpkaXNhYmxlZCc6IGdldERpc2FibGVkKCksXG4gIH07XG5cbiAgcmV0dXJuIGNzcyh7IC4uLmJhc2VCdXR0b25TdHlsZXMsIC4uLnN4Py5jb250YWluZXIgfSk7XG59O1xuXG5leHBvcnQgY29uc3QgYnV0dG9uU3BhblN0eWxlID0gKCkgPT4gKCkgPT4ge1xuICByZXR1cm4ge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgfTtcbn07XG5cbmV4cG9ydCBjb25zdCBpY29uU3R5bGUgPSAoKSA9PiAoKSA9PiAoe1xuICBkaXNwbGF5OiAnaW5saW5lLWZsZXgnLFxufSk7XG4iXX0= */")
+      (0, _react.css)(_extends({}, baseButtonStyles, sx == null ? void 0 : sx.container), process.env.NODE_ENV === "production" ? "" : ";label:buttonBaseStyle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbkJhc2UvQnV0dG9uQmFzZS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RVciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uQmFzZS9CdXR0b25CYXNlLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldERpc2FibGVkLCBnZXRGb2N1cywgZ2V0SG92ZXIsIGdldFByZXNzZWQgfSBmcm9tICcuLi8uLi90aGVtZS9zdGF0ZXMnO1xuaW1wb3J0IHsgQ29sb3JTaGFwZUZyb21Db21wb25lbnQgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGJ1dHRvblNpemVzIH0gZnJvbSAnLi9jb25maWcnO1xuaW1wb3J0IHsgY2FsY3VsYXRlQnV0dG9uQ29sb3IsIGRlZmluZUJhY2tncm91bmRDb2xvciB9IGZyb20gJy4vdXRpbHMnO1xuXG4vKiogQ2FsY3VsYXRlcyB0aGUgYnV0dG9uIHNwZWNpZmljIGhlaWdodCBiYXNlZCBvbiB0aGUgc2l6ZSBwYXNzZWQgdG8gaXQgKiovXG5leHBvcnQgY29uc3QgaGVpZ2h0QmFzZWRPblNpemUgPSAoc2l6ZTogKHR5cGVvZiBidXR0b25TaXplcylbbnVtYmVyXSB8ICdkZWZhdWx0JykgPT5cbiAgcmVtKGJ1dHRvbkNvbmZpZy5zaXplc1tzaXplXSA/PyBidXR0b25Db25maWcuc2l6ZXMuZGVmYXVsdCk7XG5cbi8qKiBDYWxjdWxhdGVzIHRoZSBidXR0b24gc3BlY2lmaWMgZm9udCBzaXplIGJhc2VkIG9uIHRoZSBzaXplIHBhc3NlZCB0byBpdCAqKi9cbmNvbnN0IGZvbnRTaXplQmFzZWRPblNpemUgPSAodGhlbWU6IFRoZW1lLCBzaXplOiAodHlwZW9mIGJ1dHRvblNpemVzKVtudW1iZXJdIHwgJ2RlZmF1bHQnKSA9PlxuICAvL0B0cy1pZ25vcmVcbiAgdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbYnV0dG9uQ29uZmlnLmZvbnRTaXplW3NpemVdID8/IGJ1dHRvbkNvbmZpZy5mb250U2l6ZS5kZWZhdWx0XTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9XG4gICh7XG4gICAgdHlwZSxcbiAgICBmaWxsZWQsXG4gICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIHNpemUsXG4gICAgYmxvY2ssXG4gICAgdHJhbnNwYXJlbnQsXG4gICAgY2hpbGRyZW5Db3VudCxcbiAgICBzeCxcbiAgfTogT21pdDxQcm9wcywgJ2J1dHRvblR5cGUnPiAmIHtcbiAgICBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50O1xuICAgIGNoaWxkcmVuQ291bnQ6IG51bWJlcjtcbiAgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICAgIGNvbnN0IGJhY2tHcm91bmRDb2xvciA9IGRlZmluZUJhY2tncm91bmRDb2xvcih0aGVtZSwgY2FsY3VsYXRlZENvbG9yLCB0eXBlLCBjaGlsZHJlbkNvdW50ID4gMCk7XG4gICAgY29uc3QgaXNPdXRsaW5lZCA9ICFmaWxsZWQgJiYgIXRyYW5zcGFyZW50O1xuICAgIGNvbnN0IGlzQmFja2dyb3VuZFRyYW5zcGFyZW50ID0gaXNPdXRsaW5lZCB8fCB0cmFuc3BhcmVudDtcblxuICAgIGNvbnN0IGJvcmRlcldpZHRoID0gaXNPdXRsaW5lZCA/IGJ1dHRvbkNvbmZpZy50eXBlcy5vdXRsaW5lZC5ib3JkZXIud2lkdGggOiAwO1xuXG4gICAgY29uc3QgYmFzZUJ1dHRvblN0eWxlcyA9IHtcbiAgICAgIGZvbnRTaXplOiBmb250U2l6ZUJhc2VkT25TaXplKHRoZW1lLCBzaXplIHx8ICdkZWZhdWx0JyksXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtLFxuICAgICAgY29sb3I6IGNhbGN1bGF0ZUJ1dHRvbkNvbG9yKHtcbiAgICAgICAgdHlwZSxcbiAgICAgICAgaXNCYWNrZ3JvdW5kVHJhbnNwYXJlbnQ6IEJvb2xlYW4oaXNCYWNrZ3JvdW5kVHJhbnNwYXJlbnQpLFxuICAgICAgICBiYWNrR3JvdW5kQ29sb3IsXG4gICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgICAgdGhlbWUsXG4gICAgICB9KSxcbiAgICAgIHdpZHRoOiBibG9jayA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaXNCYWNrZ3JvdW5kVHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogYmFja0dyb3VuZENvbG9yLFxuICAgICAgcGFkZGluZzogc2l6ZSA9PT0gJ2xnJyA/IHRoZW1lLnNwYWNpbmcubWQgOiBgMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIGhlaWdodDogaGVpZ2h0QmFzZWRPblNpemUoc2l6ZSB8fCAnZGVmYXVsdCcpLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nLnhzbSxcbiAgICAgIGJvcmRlcjogaXNPdXRsaW5lZCA/IGBzb2xpZCAke3JlbShib3JkZXJXaWR0aCl9ICR7YmFja0dyb3VuZENvbG9yfWAgOiAnbm9uZScsXG4gICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgIHRyYW5zaXRpb246ICdiYWNrZ3JvdW5kLWNvbG9yLGJvcmRlciAxNTBtcyBsaW5lYXInLFxuICAgICAgJzpmb2N1cy12aXNpYmxlOm5vdCg6ZGlzYWJsZWQpJzoge1xuICAgICAgICBvdXRsaW5lOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVPdXRsaW5lLFxuICAgICAgfSxcbiAgICAgICc6aG92ZXI6bm90KDpkaXNhYmxlZCknOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZ2V0SG92ZXIoe1xuICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgc2hhZGU6IGlzQmFja2dyb3VuZFRyYW5zcGFyZW50ID8gMCA6IGNhbGN1bGF0ZWRDb2xvci5zaGFkZSxcbiAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yLFxuICAgICAgfSxcbiAgICAgICc6YWN0aXZlOm5vdCg6ZGlzYWJsZWQpJzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldFByZXNzZWQoe1xuICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgc2hhZGU6IGlzQmFja2dyb3VuZFRyYW5zcGFyZW50ID8gMCA6IGNhbGN1bGF0ZWRDb2xvci5zaGFkZSxcbiAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yLFxuICAgICAgfSxcbiAgICAgICc6ZGlzYWJsZWQnOiBnZXREaXNhYmxlZCgpLFxuICAgIH07XG5cbiAgICByZXR1cm4gY3NzKHsgLi4uYmFzZUJ1dHRvblN0eWxlcywgLi4uc3g/LmNvbnRhaW5lciB9KTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblNwYW5TdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgaWNvblN0eWxlID0gKCkgPT4gKCkgPT4gKHtcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4Jyxcbn0pO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:buttonBaseStyle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0J1dHRvbkJhc2UvQnV0dG9uQmFzZS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RVciLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uQmFzZS9CdXR0b25CYXNlLnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL3RoZW1lJztcbmltcG9ydCB7IGdldERpc2FibGVkLCBnZXRGb2N1cywgZ2V0SG92ZXIsIGdldFByZXNzZWQgfSBmcm9tICcuLi8uLi90aGVtZS9zdGF0ZXMnO1xuaW1wb3J0IHsgQ29sb3JTaGFwZUZyb21Db21wb25lbnQgfSBmcm9tICcuLi8uLi91dGlscy90aGVtZUZ1bmN0aW9ucyc7XG5pbXBvcnQgeyBQcm9wcyB9IGZyb20gJy4vQnV0dG9uQmFzZSc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGJ1dHRvblNpemVzIH0gZnJvbSAnLi9jb25maWcnO1xuaW1wb3J0IHsgY2FsY3VsYXRlQnV0dG9uQ29sb3IsIGRlZmluZUJhY2tncm91bmRDb2xvciB9IGZyb20gJy4vdXRpbHMnO1xuXG4vKiogQ2FsY3VsYXRlcyB0aGUgYnV0dG9uIHNwZWNpZmljIGhlaWdodCBiYXNlZCBvbiB0aGUgc2l6ZSBwYXNzZWQgdG8gaXQgKiovXG5leHBvcnQgY29uc3QgaGVpZ2h0QmFzZWRPblNpemUgPSAoc2l6ZTogKHR5cGVvZiBidXR0b25TaXplcylbbnVtYmVyXSB8ICdkZWZhdWx0JykgPT5cbiAgcmVtKGJ1dHRvbkNvbmZpZy5zaXplc1tzaXplXSA/PyBidXR0b25Db25maWcuc2l6ZXMuZGVmYXVsdCk7XG5cbi8qKiBDYWxjdWxhdGVzIHRoZSBidXR0b24gc3BlY2lmaWMgZm9udCBzaXplIGJhc2VkIG9uIHRoZSBzaXplIHBhc3NlZCB0byBpdCAqKi9cbmNvbnN0IGZvbnRTaXplQmFzZWRPblNpemUgPSAodGhlbWU6IFRoZW1lLCBzaXplOiAodHlwZW9mIGJ1dHRvblNpemVzKVtudW1iZXJdIHwgJ2RlZmF1bHQnKSA9PlxuICAvL0B0cy1pZ25vcmVcbiAgdGhlbWUudHlwb2dyYXBoeS5mb250U2l6ZXNbYnV0dG9uQ29uZmlnLmZvbnRTaXplW3NpemVdID8/IGJ1dHRvbkNvbmZpZy5mb250U2l6ZS5kZWZhdWx0XTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvbkJhc2VTdHlsZSA9XG4gICh7XG4gICAgdHlwZSxcbiAgICBmaWxsZWQsXG4gICAgY2FsY3VsYXRlZENvbG9yLFxuICAgIHNpemUsXG4gICAgYmxvY2ssXG4gICAgdHJhbnNwYXJlbnQsXG4gICAgY2hpbGRyZW5Db3VudCxcbiAgICBzeCxcbiAgfTogT21pdDxQcm9wcywgJ2J1dHRvblR5cGUnPiAmIHtcbiAgICBjYWxjdWxhdGVkQ29sb3I6IENvbG9yU2hhcGVGcm9tQ29tcG9uZW50O1xuICAgIGNoaWxkcmVuQ291bnQ6IG51bWJlcjtcbiAgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICAgIGNvbnN0IGJhY2tHcm91bmRDb2xvciA9IGRlZmluZUJhY2tncm91bmRDb2xvcih0aGVtZSwgY2FsY3VsYXRlZENvbG9yLCB0eXBlLCBjaGlsZHJlbkNvdW50ID4gMCk7XG4gICAgY29uc3QgaXNPdXRsaW5lZCA9ICFmaWxsZWQgJiYgIXRyYW5zcGFyZW50O1xuICAgIGNvbnN0IGlzQmFja2dyb3VuZFRyYW5zcGFyZW50ID0gaXNPdXRsaW5lZCB8fCB0cmFuc3BhcmVudDtcblxuICAgIGNvbnN0IGJvcmRlcldpZHRoID0gaXNPdXRsaW5lZCA/IGJ1dHRvbkNvbmZpZy50eXBlcy5vdXRsaW5lZC5ib3JkZXIud2lkdGggOiAwO1xuXG4gICAgY29uc3QgYmFzZUJ1dHRvblN0eWxlcyA9IHtcbiAgICAgIGZvbnRTaXplOiBmb250U2l6ZUJhc2VkT25TaXplKHRoZW1lLCBzaXplIHx8ICdkZWZhdWx0JyksXG4gICAgICBmb250V2VpZ2h0OiB0aGVtZS50eXBvZ3JhcGh5LndlaWdodHMubWVkaXVtLFxuICAgICAgY29sb3I6IGNhbGN1bGF0ZUJ1dHRvbkNvbG9yKHtcbiAgICAgICAgdHlwZSxcbiAgICAgICAgaXNCYWNrZ3JvdW5kVHJhbnNwYXJlbnQ6IEJvb2xlYW4oaXNCYWNrZ3JvdW5kVHJhbnNwYXJlbnQpLFxuICAgICAgICBiYWNrR3JvdW5kQ29sb3IsXG4gICAgICAgIGNhbGN1bGF0ZWRDb2xvcixcbiAgICAgICAgdGhlbWUsXG4gICAgICB9KSxcbiAgICAgIHdpZHRoOiBibG9jayA/ICcxMDAlJyA6IHVuZGVmaW5lZCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogaXNCYWNrZ3JvdW5kVHJhbnNwYXJlbnQgPyAndHJhbnNwYXJlbnQnIDogYmFja0dyb3VuZENvbG9yLFxuICAgICAgcGFkZGluZzogc2l6ZSA9PT0gJ2xnJyA/IHRoZW1lLnNwYWNpbmcubWQgOiBgMCAke3RoZW1lLnNwYWNpbmcubWR9YCxcbiAgICAgIGhlaWdodDogaGVpZ2h0QmFzZWRPblNpemUoc2l6ZSB8fCAnZGVmYXVsdCcpLFxuICAgICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5zcGFjaW5nLnhzbSxcbiAgICAgIGJvcmRlcjogaXNPdXRsaW5lZCA/IGBzb2xpZCAke3JlbShib3JkZXJXaWR0aCl9ICR7YmFja0dyb3VuZENvbG9yfWAgOiAnbm9uZScsXG4gICAgICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgICAgIHRyYW5zaXRpb246ICdiYWNrZ3JvdW5kLWNvbG9yLGJvcmRlciAxNTBtcyBsaW5lYXInLFxuICAgICAgJzpmb2N1cy12aXNpYmxlOm5vdCg6ZGlzYWJsZWQpJzoge1xuICAgICAgICBvdXRsaW5lOiBnZXRGb2N1cyh7IHRoZW1lLCBib3JkZXJXaWR0aDogYm9yZGVyV2lkdGggfSkuc3R5bGVPdXRsaW5lLFxuICAgICAgfSxcbiAgICAgICc6aG92ZXI6bm90KDpkaXNhYmxlZCknOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogZ2V0SG92ZXIoe1xuICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgc2hhZGU6IGlzQmFja2dyb3VuZFRyYW5zcGFyZW50ID8gMCA6IGNhbGN1bGF0ZWRDb2xvci5zaGFkZSxcbiAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yLFxuICAgICAgfSxcbiAgICAgICc6YWN0aXZlOm5vdCg6ZGlzYWJsZWQpJzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGdldFByZXNzZWQoe1xuICAgICAgICAgIHRoZW1lLFxuICAgICAgICAgIGNvbG9yOiBjYWxjdWxhdGVkQ29sb3IuY29sb3IsXG4gICAgICAgICAgc2hhZGU6IGlzQmFja2dyb3VuZFRyYW5zcGFyZW50ID8gMCA6IGNhbGN1bGF0ZWRDb2xvci5zaGFkZSxcbiAgICAgICAgfSkuYmFja2dyb3VuZENvbG9yLFxuICAgICAgfSxcbiAgICAgICc6ZGlzYWJsZWQnOiBnZXREaXNhYmxlZCgpLFxuICAgIH07XG5cbiAgICByZXR1cm4gY3NzKHsgLi4uYmFzZUJ1dHRvblN0eWxlcywgLi4uc3g/LmNvbnRhaW5lciB9KTtcbiAgfTtcblxuZXhwb3J0IGNvbnN0IGJ1dHRvblNwYW5TdHlsZSA9ICgpID0+ICgpID0+IHtcbiAgcmV0dXJuIHtcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgaWNvblN0eWxlID0gKCkgPT4gKCkgPT4gKHtcbiAgZGlzcGxheTogJ2lubGluZS1mbGV4Jyxcbn0pO1xuIl19 */")
     );
   };
 };

package/dist/components/ButtonBase/config.d.ts

@@ -5,7 +5,7 @@ export declare const SM = "sm";
 export declare const buttonSizes: readonly ["lg", "md", "sm"];
 declare type ButtonConfig = {
     sizes: {
-        [key in typeof buttonSizes[number] | 'default']: number;
+        [key in (typeof buttonSizes)[number] | 'default']: number;
     };
     fontSize: {
         [key in typeof SM | 'default']: number;
@@ -13,8 +13,8 @@ declare type ButtonConfig = {
     types: {
         link: {
             color: {
-                name: typeof flatColors[number];
-                shade: typeof colorShades[number];
+                name: (typeof flatColors)[number];
+                shade: (typeof colorShades)[number];
             };
         };
         outlined: {

package/dist/components/Chart/BarChart/BarChart.js

@@ -100,7 +100,9 @@ var BarChart = function BarChart(_ref2) {
     dataKey: "value"
   }, (0, _react2.jsx)(_recharts.LabelList, {
     dataKey: "barLabel",
-    position: "right",
+    position: "right"
+    //@ts-ignore
+    ,
     content: (0, _react2.jsx)(_CustomLabel["default"], {
       colors: labelColoringOptions
     })

package/dist/components/Chart/BarChart/utils.d.ts

@@ -6,5 +6,5 @@ declare type Values = {
 export declare const getValues: (max: number | undefined) => Values;
 export declare const customTickFormatter: (tickValue: number, maxDomainValue: number) => string;
 export declare const getBarColors: (data: Data[], defaultColor: string) => string[];
-export declare const getColoringOptions: (data: Data[], operator?: ((cur: Data) => string) | undefined) => {};
+export declare const getColoringOptions: (data: Data[], operator?: ((cur: Data) => string) | undefined) => Record<string | number, string | undefined>;
 export {};

package/dist/components/Chart/LineChart/utils.js

@@ -2,17 +2,22 @@
 
 exports.__esModule = true;
 exports.getKeyNames = exports.colorPicker = void 0;
-var _lodash = require("lodash");
+var _flatten = _interopRequireDefault(require("lodash/flatten"));
+var _keys = _interopRequireDefault(require("lodash/keys"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
+var _sampleSize = _interopRequireDefault(require("lodash/sampleSize"));
+var _uniq = _interopRequireDefault(require("lodash/uniq"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var getKeyNames = exports.getKeyNames = function getKeyNames(data) {
-  return (0, _lodash.uniq)((0, _lodash.flatten)(data.map(function (object) {
-    return (0, _lodash.keys)((0, _lodash.omit)(object, 'name'));
+  return (0, _uniq["default"])((0, _flatten["default"])(data.map(function (object) {
+    return (0, _keys["default"])((0, _omit["default"])(object, 'name'));
   })));
 };
 var colorPicker = exports.colorPicker = function colorPicker(_ref) {
   var theme = _ref.theme,
     uniqueKeyNames = _ref.uniqueKeyNames,
     color = _ref.color;
-  var colorSample = (0, _lodash.sampleSize)(theme.palette.flat, uniqueKeyNames.length);
+  var colorSample = (0, _sampleSize["default"])(theme.palette.flat, uniqueKeyNames.length);
   return uniqueKeyNames.reduce(function (acc, key, index) {
     var _colorSample$index;
     var definedColor = typeof color === 'function' && color(key) ? color(key) : (_colorSample$index = colorSample[index]) == null ? void 0 : _colorSample$index[400];

package/dist/components/Filter/Filter.js

@@ -2,7 +2,7 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _lodash = require("lodash");
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../utils/helpers");
 var _FilterBase = _interopRequireDefault(require("./components/FilterBase"));
@@ -13,9 +13,9 @@ var _utils = require("./utils");
 var _handleSearch = _interopRequireDefault(require("../utils/handleSearch"));
 var _PositionInScreen = _interopRequireDefault(require("../utils/PositionInScreen/PositionInScreen"));
 var _react2 = require("@emotion/react");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var items = props.items,
     onSelect = props.onSelect,
@@ -84,7 +84,7 @@ var Filter = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     handleOptionDelete = _useMultiFilterUtils.handleOptionDelete,
     handleClearAllOptions = _useMultiFilterUtils.handleClearAllOptions,
     handleMultiSelectOptionClick = _useMultiFilterUtils.handleMultiSelectOptionClick;
-  var debouncedOnChange = (0, _react.useCallback)((0, _lodash.debounce)(function (value) {
+  var debouncedOnChange = (0, _react.useCallback)((0, _debounce["default"])(function (value) {
     onAsyncSearch == null || onAsyncSearch(value);
   }, 400), []);
   var handleChange = (0, _react.useCallback)(function (event) {

package/dist/components/Filter/hooks/useMultiFilterUtils.js

@@ -2,9 +2,10 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _lodash = require("lodash");
+var _isEqual = _interopRequireDefault(require("lodash/isEqual"));
 var _react = require("react");
 var _constants = require("../../Select/constants");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var useMultiFilterUtils = function useMultiFilterUtils(_ref) {
   var multi = _ref.multi,
     _ref$selectedItems = _ref.selectedItems,
@@ -69,7 +70,7 @@ var useMultiFilterUtils = function useMultiFilterUtils(_ref) {
   }, [availableMultiFilters, multiFilters, onFilterDelete, updateMultiFilterLabel]);
   var handleMultiSelectOptionClick = function handleMultiSelectOptionClick(option) {
     var newItems = [];
-    if ((0, _lodash.isEqual)(option, _constants.SELECT_ALL_OPTION)) {
+    if ((0, _isEqual["default"])(option, _constants.SELECT_ALL_OPTION)) {
       newItems = [].concat(multiFilters, availableMultiFilters);
       setMultiFilters(newItems);
       setAvailableMultiFilters([]);

package/dist/components/Icon/assets/iconSelector.js

@@ -1176,17 +1176,6 @@ LockIcon.defaultProps = {
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
 };
-var UnlockIcon = function UnlockIcon(props) {
-  return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
-    d: "M5.436 18c-.538 0-.996-.176-1.372-.527a1.687 1.687 0 0 1-.564-1.281v-7.05c0-.504.188-.93.564-1.282a1.937 1.937 0 0 1 1.372-.527h6.967V5.862c0-.625-.234-1.162-.7-1.61-.468-.447-1.035-.67-1.703-.67-.548 0-1.03.152-1.444.456-.414.304-.691.69-.832 1.156a1.204 1.204 0 0 1-.354.486.781.781 0 0 1-.5.182.888.888 0 0 1-.67-.277c-.177-.184-.233-.389-.17-.614.212-.848.685-1.555 1.42-2.121C8.182 2.283 9.032 2 10 2c1.136 0 2.103.376 2.9 1.128.798.751 1.197 1.663 1.197 2.734v1.471h.467c.538 0 .996.176 1.372.527.376.351.564.778.564 1.281v7.051c0 .503-.188.93-.564 1.281a1.937 1.937 0 0 1-1.372.527H5.436Zm4.567-3.752c.46 0 .85-.15 1.17-.452.321-.301.482-.666.482-1.095 0-.43-.162-.794-.485-1.093-.322-.3-.714-.45-1.173-.45-.46 0-.85.151-1.17.453-.321.301-.482.666-.482 1.095 0 .43.162.794.485 1.093.322.3.714.45 1.173.45Z",
-    fill: "#6265AD"
-  }));
-};
-UnlockIcon.defaultProps = {
-  viewBox: "0 0 20 20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
 var MailIcon = function MailIcon(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
     d: "M.156.717c.017.13.083.253.191.336L10.4 8.736l9.34-7.68.066-.058a.5.5 0 0 0 .096-.151c.063.16.098.338.098.524v11.257c0 .175-.03.343-.087.497l-.029-.07-5.636-4.17-.047-.076a.456.456 0 0 0-.594-.126.517.517 0 0 0-.19.679l5.636 4.171.047.075c.075.1.182.163.296.182-.199.132-.436.21-.69.21H1.294c-.251 0-.485-.075-.684-.206a.463.463 0 0 0 .408-.222L6.79 9.401l.04-.08a.518.518 0 0 0-.172-.615.457.457 0 0 0-.655.14L.23 13.015l-.04.08a.523.523 0 0 0-.039.178A1.427 1.427 0 0 1 0 12.629V1.37c0-.223.05-.434.139-.62ZM18.706 0c.226 0 .44.061.624.169l-.06.023-.074.045-8.79 7.268L.901.24.827.194a.45.45 0 0 0-.13-.042A1.25 1.25 0 0 1 1.295 0Z",
@@ -1868,6 +1857,28 @@ TrainingIcon.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
+var TrendingDownIcon = function TrendingDownIcon(props) {
+  return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
+    d: "m15 6.075-.091 7.808a.985.985 0 0 1-.085.404 1.087 1.087 0 0 1-.537.537.985.985 0 0 1-.404.085L6.033 15a.805.805 0 0 1-.631-.255.91.91 0 0 1-.235-.653.919.919 0 0 1 .935-.923l5.715-.067-6.562-6.561A.846.846 0 0 1 5 5.908a.886.886 0 0 1 .27-.638.886.886 0 0 1 .638-.27.846.846 0 0 1 .633.255l6.561 6.562.067-5.756a.839.839 0 0 1 .267-.636.977.977 0 0 1 .662-.252.861.861 0 0 1 .902.902Z",
+    fill: "#6265AD"
+  }));
+};
+TrendingDownIcon.defaultProps = {
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var TrendingUpIcon = function TrendingUpIcon(props) {
+  return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
+    d: "m15 13.926-.091-7.809a.985.985 0 0 0-.085-.404 1.087 1.087 0 0 0-.537-.537.985.985 0 0 0-.404-.084L6.033 5a.805.805 0 0 0-.631.255.91.91 0 0 0-.235.653.921.921 0 0 0 .935.923l5.715.067-6.562 6.562a.845.845 0 0 0-.255.632.886.886 0 0 0 .27.638c.177.178.39.268.638.27a.846.846 0 0 0 .633-.255l6.561-6.561.067 5.756a.839.839 0 0 0 .267.635.977.977 0 0 0 .662.253.887.887 0 0 0 .653-.255.861.861 0 0 0 .249-.647Z",
+    fill: "#6265AD"
+  }));
+};
+TrendingUpIcon.defaultProps = {
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
 var TriangleDownIcon = function TriangleDownIcon(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
     fillRule: "evenodd",
@@ -1990,6 +2001,17 @@ UndoIcon.defaultProps = {
   viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 };
+var UnlockIcon = function UnlockIcon(props) {
+  return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
+    d: "M5.436 18c-.538 0-.996-.176-1.372-.527a1.687 1.687 0 0 1-.564-1.281v-7.05c0-.504.188-.93.564-1.282a1.937 1.937 0 0 1 1.372-.527h6.967V5.862c0-.625-.234-1.162-.7-1.61-.468-.447-1.035-.67-1.703-.67-.548 0-1.03.152-1.444.456-.414.304-.691.69-.832 1.156a1.204 1.204 0 0 1-.354.486.781.781 0 0 1-.5.182.888.888 0 0 1-.67-.277c-.177-.184-.233-.389-.17-.614.212-.848.685-1.555 1.42-2.121C8.182 2.283 9.032 2 10 2c1.136 0 2.103.376 2.9 1.128.798.751 1.197 1.663 1.197 2.734v1.471h.467c.538 0 .996.176 1.372.527.376.351.564.778.564 1.281v7.051c0 .503-.188.93-.564 1.281a1.937 1.937 0 0 1-1.372.527H5.436Zm4.567-3.752c.46 0 .85-.15 1.17-.452.321-.301.482-.666.482-1.095 0-.43-.162-.794-.485-1.093-.322-.3-.714-.45-1.173-.45-.46 0-.85.151-1.17.453-.321.301-.482.666-.482 1.095 0 .43.162.794.485 1.093.322.3.714.45 1.173.45Z",
+    fill: "#6265AD"
+  }));
+};
+UnlockIcon.defaultProps = {
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
 var UnpairedV2 = function UnpairedV2(props) {
   return (0, _react2.jsx)("svg", props, (0, _react2.jsx)("path", {
     d: "M13.964 13h4.071V5a4 4 0 0 0-4-4h-7v3.662L13.964 13Z",
@@ -2416,6 +2438,8 @@ var iconSelector = {
   videoFillOff: VideoFillOffIcon,
   videoFillOn: VideoFillOnIcon,
   videoOutlineOff: VideoOutlineOffIcon,
-  videoOutlineOn: VideoOutlineOnIcon
+  videoOutlineOn: VideoOutlineOnIcon,
+  trendingDown: TrendingDownIcon,
+  trendingUp: TrendingUpIcon
 };
 var _default = exports["default"] = iconSelector;

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

@@ -1 +1 @@
-export declare type AcceptedIconNames = 'account' | 'actions' | 'add' | 'alert' | 'analytics' | 'analyticsVideos' | 'ancient' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowToLeft' | 'arrowToRight' | 'artist' | 'asset' | 'assetMatching' | 'auto' | 'broadcast' | 'calendarEmpty' | 'calendarFilled' | 'catalog' | 'channel' | 'catalogOverview' | 'catalogFiles' | 'chatBubble' | 'check' | 'checkedList' | 'checkmark' | 'chevronExtraSmallDown' | 'chevronExtraSmallLeft' | 'chevronExtraSmallRight' | 'chevronExtraSmallUp' | 'chevronLargeDown' | 'chevronLargeLeft' | 'chevronLargeRight' | 'chevronLargeUp' | 'chevronSmallDown' | 'chevronSmallLeft' | 'chevronSmallRight' | 'chevronSmallUp' | 'claimList' | 'clock' | 'close' | 'closeTag' | 'cmsProcess' | 'composition' | 'compositionRecording' | 'compositionV2' | 'confirmedMatches' | 'conflicts' | 'copy' | 'concert' | 'dashboard' | 'dataset' | 'delete' | 'delivery' | 'details' | 'digitalUse' | 'distribution' | 'dotsVertical' | 'download' | 'duplicate' | 'duplicate2' | 'earnings' | 'earnings2' | 'edit' | 'entities' | 'error' | 'expenses' | 'externalLink' | 'externalLinkV2' | 'fatArrowDown' | 'fatArrowLeft' | 'fatArrowRight' | 'fatArrowUp' | 'file' | 'financialChart' | 'generatedReports' | 'genericFile' | 'genericOrdering' | 'globalItem' | 'heartFill' | 'heartStroke' | 'help' | 'hourglass' | 'income' | 'infoFilled' | 'info' | 'issues' | 'keyword' | 'legalFiles' | 'licence' | 'licencedVideo' | 'linked' | 'lock' | 'mail' | 'manual' | 'menu' | 'microphone' | 'minus' | 'moreOptionsHorizontal' | 'moreOptionsVertical' | 'musicNote' | 'myEarnings' | 'notifications' | 'notifications2' | 'oneWay' | 'others' | 'ownershipValidation' | 'pageFirst' | 'pageLast' | 'percentage' | 'play' | 'plus' | 'policies' | 'process' | 'processManagement' | 'publicPerformance' | 'publisher' | 'recording' | 'recordLabel' | 'recordLabelV2' | 'referenceFile' | 'relations' | 'restore' | 'result' | 'royaltyShares' | 'search' | 'searchMusic' | 'searchThunder' | 'settings' | 'sight' | 'sortAscending' | 'sortDescending' | 'stamp' | 'statements' | 'success' | 'television' | 'thumbsUp' | 'thunder' | 'ticTacToeArrow' | 'timeOut' | 'training' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'trophy' | 'TVCinema' | 'TVRadio' | 'update' | 'upload' | 'user' | 'userAvatar' | 'users' | 'users2' | 'videoConfirmation' | 'view' | 'warning' | 'works' | 'writer' | 'youtube' | 'refresh' | 'star' | 'pause' | 'resume' | 'restart' | 'entity' | 'playCount' | 'processedLogs' | 'proposed' | 'unpaired' | 'unpairedV2' | 'clockOutlined' | 'userCheck' | 'undo' | 'unlock' | 'bookmark' | 'tag' | 'triangleWarning' | 'audioOff' | 'audioOn' | 'imageFillOff' | 'imageFillOn' | 'imageOutlinedOff' | 'imageOutlinedOn' | 'videoFillOff' | 'videoFillOn' | 'videoOutlineOff' | 'videoOutlineOn';
+export declare type AcceptedIconNames = 'account' | 'actions' | 'add' | 'alert' | 'analytics' | 'analyticsVideos' | 'ancient' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowToLeft' | 'arrowToRight' | 'artist' | 'asset' | 'assetMatching' | 'auto' | 'broadcast' | 'calendarEmpty' | 'calendarFilled' | 'catalog' | 'channel' | 'catalogOverview' | 'catalogFiles' | 'chatBubble' | 'check' | 'checkedList' | 'checkmark' | 'chevronExtraSmallDown' | 'chevronExtraSmallLeft' | 'chevronExtraSmallRight' | 'chevronExtraSmallUp' | 'chevronLargeDown' | 'chevronLargeLeft' | 'chevronLargeRight' | 'chevronLargeUp' | 'chevronSmallDown' | 'chevronSmallLeft' | 'chevronSmallRight' | 'chevronSmallUp' | 'claimList' | 'clock' | 'close' | 'closeTag' | 'cmsProcess' | 'composition' | 'compositionRecording' | 'compositionV2' | 'confirmedMatches' | 'conflicts' | 'copy' | 'concert' | 'dashboard' | 'dataset' | 'delete' | 'delivery' | 'details' | 'digitalUse' | 'distribution' | 'dotsVertical' | 'download' | 'duplicate' | 'duplicate2' | 'earnings' | 'earnings2' | 'edit' | 'entities' | 'error' | 'expenses' | 'externalLink' | 'externalLinkV2' | 'fatArrowDown' | 'fatArrowLeft' | 'fatArrowRight' | 'fatArrowUp' | 'file' | 'financialChart' | 'generatedReports' | 'genericFile' | 'genericOrdering' | 'globalItem' | 'heartFill' | 'heartStroke' | 'help' | 'hourglass' | 'income' | 'infoFilled' | 'info' | 'issues' | 'keyword' | 'legalFiles' | 'licence' | 'licencedVideo' | 'linked' | 'lock' | 'mail' | 'manual' | 'menu' | 'microphone' | 'minus' | 'moreOptionsHorizontal' | 'moreOptionsVertical' | 'musicNote' | 'myEarnings' | 'notifications' | 'notifications2' | 'oneWay' | 'others' | 'ownershipValidation' | 'pageFirst' | 'pageLast' | 'percentage' | 'play' | 'plus' | 'policies' | 'process' | 'processManagement' | 'publicPerformance' | 'publisher' | 'recording' | 'recordLabel' | 'recordLabelV2' | 'referenceFile' | 'relations' | 'restore' | 'result' | 'royaltyShares' | 'search' | 'searchMusic' | 'searchThunder' | 'settings' | 'sight' | 'sortAscending' | 'sortDescending' | 'stamp' | 'statements' | 'success' | 'television' | 'thumbsUp' | 'thunder' | 'ticTacToeArrow' | 'timeOut' | 'training' | 'triangleDown' | 'triangleLeft' | 'triangleRight' | 'triangleUp' | 'trophy' | 'TVCinema' | 'TVRadio' | 'update' | 'upload' | 'user' | 'userAvatar' | 'users' | 'users2' | 'videoConfirmation' | 'view' | 'warning' | 'works' | 'writer' | 'youtube' | 'refresh' | 'star' | 'pause' | 'resume' | 'restart' | 'entity' | 'playCount' | 'processedLogs' | 'proposed' | 'unpaired' | 'unpairedV2' | 'clockOutlined' | 'userCheck' | 'undo' | 'unlock' | 'bookmark' | 'tag' | 'triangleWarning' | 'audioOff' | 'audioOn' | 'imageFillOff' | 'imageFillOn' | 'imageOutlinedOff' | 'imageOutlinedOn' | 'videoFillOff' | 'videoFillOn' | 'videoOutlineOff' | 'videoOutlineOn' | 'trendingDown' | 'trendingUp';

package/dist/components/List/NormalList/NormalList.js

@@ -2,7 +2,7 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _lodash = require("lodash");
+var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _react = _interopRequireDefault(require("react"));
 var _helpers = require("../../../utils/helpers");
 var _List = require("../List.style");
@@ -54,7 +54,7 @@ var NormalList = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref)
       disabled: item == null ? void 0 : item.isDisabled,
       dataTestId: defaultOption && index === 0 ? dataTestId != null ? dataTestId : 'ictinus_list' + '_default_option' : dataTestId,
       handleOptionClick: handleOptionClick,
-      selected: defaultOption && index === 0 ? (0, _lodash.isUndefined)(selectedItem) || (0, _utils.isSelected)({
+      selected: defaultOption && index === 0 ? (0, _isUndefined["default"])(selectedItem) || (0, _utils.isSelected)({
         item: defaultOption,
         selectedItem: selectedItem
       }) : (0, _utils.isSelected)({

package/dist/components/MultiTextFieldBase/MultiTextFieldBase.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 var _useTheme = _interopRequireDefault(require("../../hooks/useTheme"));
-var _lodash = require("lodash");
+var _merge = _interopRequireDefault(require("lodash/merge"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../utils/helpers");
@@ -98,7 +98,7 @@ var MultiTextFieldBase = /*#__PURE__*/_react["default"].forwardRef(function (pro
     styleType: styleType
   }, rest, {
     isInteractive: isInteractive,
-    sx: (0, _lodash.merge)((0, _MultiTextFieldBase.textInputBaseOverrides)({
+    sx: (0, _merge["default"])((0, _MultiTextFieldBase.textInputBaseOverrides)({
       hasValue: hasValue,
       isLoading: isLoading,
       hasLabel: hasLabel,

package/dist/components/Notification/NotificationsContainer/NotificationsContainer.style.js

@@ -8,7 +8,7 @@ var getPositionStyle = function getPositionStyle(styleLiteral) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    (0, _react.css)(styleLiteral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getPositionStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25zQ29udGFpbmVyL05vdGlmaWNhdGlvbnNDb250YWluZXIuc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1ZIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25zQ29udGFpbmVyL05vdGlmaWNhdGlvbnNDb250YWluZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcblxuY29uc3QgZ2V0UG9zaXRpb25TdHlsZSA9IChzdHlsZUxpdGVyYWw6IHN0cmluZykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7c3R5bGVMaXRlcmFsfVxuICBgO1xufTtcblxuY29uc3QgcG9zaXRpb25PcHRpb25zID0ge1xuICAndG9wLXJpZ2h0JzogYHRvcDowOyByaWdodDogMDsgYWxpZ24taXRlbXM6IGZsZXgtZW5kO2AsXG4gICd0b3AtbGVmdCc6IGB0b3A6MDsgbGVmdDogMDsgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7YCxcbiAgJ2JvdHRvbS1sZWZ0JzogYGJvdHRvbTowOyBsZWZ0OiAwOyBhbGlnbi1pdGVtczogZmxleC1zdGFydDtgLFxuICAnYm90dG9tLXJpZ2h0JzogYGJvdHRvbTowOyByaWdodDogMDsgYWxpZ24taXRlbXM6IGZsZXgtZW5kO2AsXG59O1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lciA9IChjdXJyZW50UG9zaXRpb246IHN0cmluZywgcGFyZW50OiBIVE1MRWxlbWVudCkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogJHtwYXJlbnQgPT09IGRvY3VtZW50LmJvZHkgPyAnZml4ZWQnIDogJ2Fic29sdXRlJ307XG4gICR7Z2V0UG9zaXRpb25TdHlsZShwb3NpdGlvbk9wdGlvbnNbY3VycmVudFBvc2l0aW9uXSl9O1xuICBtYXgtd2lkdGg6IDY2JTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgei1pbmRleDogMjUwMDtcbiAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5tZH0gJHt0aGVtZS5zcGFjaW5nLm1kfTtcbiAgPiBkaXYge1xuICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnNtfSAwO1xuICB9XG5cbiAgZGl2W25vdGlmaWNhdGlvbi10eXBlPSd0b2FzdCddIHtcbiAgICBtaW4td2lkdGg6ICR7cmVtKDMzNil9O1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgZGl2W25vdGlmaWNhdGlvbi10eXBlPSdzbmFja2JhciddIHtcbiAgICBtaW4td2lkdGg6ICR7cmVtKDMzNil9O1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgZGl2W25vdGlmaWNhdGlvbi10eXBlPSdiYW5uZXInXSB7XG4gICAgbWluLXdpZHRoOiAke3JlbSg0OTApfTtcbiAgfVxuXG4gIGRpdltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10gfiBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J3RvYXN0J10ge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgZGl2W25vdGlmaWNhdGlvbi10eXBlPSdiYW5uZXInXSB+IGRpdltub3RpZmljYXRpb24tdHlwZT0nc25hY2tiYXInXSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:getPositionStyle;")
+    (0, _react.css)(styleLiteral, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getPositionStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25zQ29udGFpbmVyL05vdGlmaWNhdGlvbnNDb250YWluZXIuc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1ZIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25zQ29udGFpbmVyL05vdGlmaWNhdGlvbnNDb250YWluZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgcmVtIH0gZnJvbSAndGhlbWUvdXRpbHMnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL3RoZW1lJztcblxuY29uc3QgZ2V0UG9zaXRpb25TdHlsZSA9IChzdHlsZUxpdGVyYWw6IHN0cmluZykgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7c3R5bGVMaXRlcmFsfVxuICBgO1xufTtcblxuY29uc3QgcG9zaXRpb25PcHRpb25zID0ge1xuICAndG9wLXJpZ2h0JzogYHRvcDowOyByaWdodDogMDsgYWxpZ24taXRlbXM6IGZsZXgtZW5kO2AsXG4gICd0b3AtbGVmdCc6IGB0b3A6MDsgbGVmdDogMDsgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7YCxcbiAgJ2JvdHRvbS1sZWZ0JzogYGJvdHRvbTowOyBsZWZ0OiAwOyBhbGlnbi1pdGVtczogZmxleC1zdGFydDtgLFxuICAnYm90dG9tLXJpZ2h0JzogYGJvdHRvbTowOyByaWdodDogMDsgYWxpZ24taXRlbXM6IGZsZXgtZW5kO2AsXG59O1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uc0NvbnRhaW5lciA9XG4gIChjdXJyZW50UG9zaXRpb246IHN0cmluZywgcGFyZW50OiBIVE1MRWxlbWVudCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwb3NpdGlvbjogJHtwYXJlbnQgPT09IGRvY3VtZW50LmJvZHkgPyAnZml4ZWQnIDogJ2Fic29sdXRlJ307XG4gICAgICAke1xuICAgICAgICAvL0B0cy1pZ25vcmVcbiAgICAgICAgZ2V0UG9zaXRpb25TdHlsZShwb3NpdGlvbk9wdGlvbnNbY3VycmVudFBvc2l0aW9uXSlcbiAgICAgIH07XG4gICAgICBtYXgtd2lkdGg6IDY2JTtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgei1pbmRleDogMjUwMDtcbiAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnNtfSAke3RoZW1lLnNwYWNpbmcubWR9ICR7dGhlbWUuc3BhY2luZy5tZH07XG4gICAgICA+IGRpdiB7XG4gICAgICAgIG1hcmdpbjogJHt0aGVtZS5zcGFjaW5nLnNtfSAwO1xuICAgICAgfVxuXG4gICAgICBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J3RvYXN0J10ge1xuICAgICAgICBtaW4td2lkdGg6ICR7cmVtKDMzNil9O1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cblxuICAgICAgZGl2W25vdGlmaWNhdGlvbi10eXBlPSdzbmFja2JhciddIHtcbiAgICAgICAgbWluLXdpZHRoOiAke3JlbSgzMzYpfTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG5cbiAgICAgIGRpdltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10ge1xuICAgICAgICBtaW4td2lkdGg6ICR7cmVtKDQ5MCl9O1xuICAgICAgfVxuXG4gICAgICBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J2Jhbm5lciddIH4gZGl2W25vdGlmaWNhdGlvbi10eXBlPSd0b2FzdCddIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG5cbiAgICAgIGRpdltub3RpZmljYXRpb24tdHlwZT0nYmFubmVyJ10gfiBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J3NuYWNrYmFyJ10ge1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgIH1cbiAgICBgO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:getPositionStyle;")
   );
 };
 var positionOptions = {
@@ -22,7 +22,9 @@ var notificationsContainer = exports.notificationsContainer = function notificat
     return (
       /*#__PURE__*/
       /*#__PURE__*/
-      (0, _react.css)("position:", parent === document.body ? 'fixed' : 'absolute', ";", getPositionStyle(positionOptions[currentPosition]), ";max-width:66%;display:flex;flex-direction:column;z-index:2500;margin:", theme.spacing.sm, " ", theme.spacing.md, " ", theme.spacing.md, ";>div{margin:", theme.spacing.sm, " 0;}div[notification-type='toast']{min-width:", (0, _utils.rem)(336), ";width:100%;}div[notification-type='snackbar']{min-width:", (0, _utils.rem)(336), ";width:100%;}div[notification-type='banner']{min-width:", (0, _utils.rem)(490), ";}div[notification-type='banner']~div[notification-type='toast']{width:100%;}div[notification-type='banner']~div[notification-type='snackbar']{width:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25zQ29udGFpbmVyL05vdGlmaWNhdGlvbnNDb250YWluZXIuc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CMEIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZpY2F0aW9uL05vdGlmaWNhdGlvbnNDb250YWluZXIvTm90aWZpY2F0aW9uc0NvbnRhaW5lci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUnO1xuXG5jb25zdCBnZXRQb3NpdGlvblN0eWxlID0gKHN0eWxlTGl0ZXJhbDogc3RyaW5nKSA9PiB7XG4gIHJldHVybiBjc3NgXG4gICAgJHtzdHlsZUxpdGVyYWx9XG4gIGA7XG59O1xuXG5jb25zdCBwb3NpdGlvbk9wdGlvbnMgPSB7XG4gICd0b3AtcmlnaHQnOiBgdG9wOjA7IHJpZ2h0OiAwOyBhbGlnbi1pdGVtczogZmxleC1lbmQ7YCxcbiAgJ3RvcC1sZWZ0JzogYHRvcDowOyBsZWZ0OiAwOyBhbGlnbi1pdGVtczogZmxleC1zdGFydDtgLFxuICAnYm90dG9tLWxlZnQnOiBgYm90dG9tOjA7IGxlZnQ6IDA7IGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O2AsXG4gICdib3R0b20tcmlnaHQnOiBgYm90dG9tOjA7IHJpZ2h0OiAwOyBhbGlnbi1pdGVtczogZmxleC1lbmQ7YCxcbn07XG5cbmV4cG9ydCBjb25zdCBub3RpZmljYXRpb25zQ29udGFpbmVyID0gKGN1cnJlbnRQb3NpdGlvbjogc3RyaW5nLCBwYXJlbnQ6IEhUTUxFbGVtZW50KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiAke3BhcmVudCA9PT0gZG9jdW1lbnQuYm9keSA/ICdmaXhlZCcgOiAnYWJzb2x1dGUnfTtcbiAgJHtnZXRQb3NpdGlvblN0eWxlKHBvc2l0aW9uT3B0aW9uc1tjdXJyZW50UG9zaXRpb25dKX07XG4gIG1heC13aWR0aDogNjYlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICB6LWluZGV4OiAyNTAwO1xuICBtYXJnaW46ICR7dGhlbWUuc3BhY2luZy5zbX0gJHt0aGVtZS5zcGFjaW5nLm1kfSAke3RoZW1lLnNwYWNpbmcubWR9O1xuICA+IGRpdiB7XG4gICAgbWFyZ2luOiAke3RoZW1lLnNwYWNpbmcuc219IDA7XG4gIH1cblxuICBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J3RvYXN0J10ge1xuICAgIG1pbi13aWR0aDogJHtyZW0oMzM2KX07XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J3NuYWNrYmFyJ10ge1xuICAgIG1pbi13aWR0aDogJHtyZW0oMzM2KX07XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J2Jhbm5lciddIHtcbiAgICBtaW4td2lkdGg6ICR7cmVtKDQ5MCl9O1xuICB9XG5cbiAgZGl2W25vdGlmaWNhdGlvbi10eXBlPSdiYW5uZXInXSB+IGRpdltub3RpZmljYXRpb24tdHlwZT0ndG9hc3QnXSB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J2Jhbm5lciddIH4gZGl2W25vdGlmaWNhdGlvbi10eXBlPSdzbmFja2JhciddIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainer;")
+      (0, _react.css)("position:", parent === document.body ? 'fixed' : 'absolute', ";",
+      //@ts-ignore
+      getPositionStyle(positionOptions[currentPosition]), ";max-width:66%;display:flex;flex-direction:column;z-index:2500;margin:", theme.spacing.sm, " ", theme.spacing.md, " ", theme.spacing.md, ";>div{margin:", theme.spacing.sm, " 0;}div[notification-type='toast']{min-width:", (0, _utils.rem)(336), ";width:100%;}div[notification-type='snackbar']{min-width:", (0, _utils.rem)(336), ";width:100%;}div[notification-type='banner']{min-width:", (0, _utils.rem)(490), ";}div[notification-type='banner']~div[notification-type='toast']{width:100%;}div[notification-type='banner']~div[notification-type='snackbar']{width:100%;}" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbi9Ob3RpZmljYXRpb25zQ29udGFpbmVyL05vdGlmaWNhdGlvbnNDb250YWluZXIuc3R5bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCTyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Ob3RpZmljYXRpb24vTm90aWZpY2F0aW9uc0NvbnRhaW5lci9Ob3RpZmljYXRpb25zQ29udGFpbmVyLnN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8uLi90aGVtZSc7XG5cbmNvbnN0IGdldFBvc2l0aW9uU3R5bGUgPSAoc3R5bGVMaXRlcmFsOiBzdHJpbmcpID0+IHtcbiAgcmV0dXJuIGNzc2BcbiAgICAke3N0eWxlTGl0ZXJhbH1cbiAgYDtcbn07XG5cbmNvbnN0IHBvc2l0aW9uT3B0aW9ucyA9IHtcbiAgJ3RvcC1yaWdodCc6IGB0b3A6MDsgcmlnaHQ6IDA7IGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtgLFxuICAndG9wLWxlZnQnOiBgdG9wOjA7IGxlZnQ6IDA7IGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O2AsXG4gICdib3R0b20tbGVmdCc6IGBib3R0b206MDsgbGVmdDogMDsgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7YCxcbiAgJ2JvdHRvbS1yaWdodCc6IGBib3R0b206MDsgcmlnaHQ6IDA7IGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtgLFxufTtcblxuZXhwb3J0IGNvbnN0IG5vdGlmaWNhdGlvbnNDb250YWluZXIgPVxuICAoY3VycmVudFBvc2l0aW9uOiBzdHJpbmcsIHBhcmVudDogSFRNTEVsZW1lbnQpID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgcG9zaXRpb246ICR7cGFyZW50ID09PSBkb2N1bWVudC5ib2R5ID8gJ2ZpeGVkJyA6ICdhYnNvbHV0ZSd9O1xuICAgICAgJHtcbiAgICAgICAgLy9AdHMtaWdub3JlXG4gICAgICAgIGdldFBvc2l0aW9uU3R5bGUocG9zaXRpb25PcHRpb25zW2N1cnJlbnRQb3NpdGlvbl0pXG4gICAgICB9O1xuICAgICAgbWF4LXdpZHRoOiA2NiU7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICBtYXJnaW46ICR7dGhlbWUuc3BhY2luZy5zbX0gJHt0aGVtZS5zcGFjaW5nLm1kfSAke3RoZW1lLnNwYWNpbmcubWR9O1xuICAgICAgPiBkaXYge1xuICAgICAgICBtYXJnaW46ICR7dGhlbWUuc3BhY2luZy5zbX0gMDtcbiAgICAgIH1cblxuICAgICAgZGl2W25vdGlmaWNhdGlvbi10eXBlPSd0b2FzdCddIHtcbiAgICAgICAgbWluLXdpZHRoOiAke3JlbSgzMzYpfTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG5cbiAgICAgIGRpdltub3RpZmljYXRpb24tdHlwZT0nc25hY2tiYXInXSB7XG4gICAgICAgIG1pbi13aWR0aDogJHtyZW0oMzM2KX07XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgfVxuXG4gICAgICBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J2Jhbm5lciddIHtcbiAgICAgICAgbWluLXdpZHRoOiAke3JlbSg0OTApfTtcbiAgICAgIH1cblxuICAgICAgZGl2W25vdGlmaWNhdGlvbi10eXBlPSdiYW5uZXInXSB+IGRpdltub3RpZmljYXRpb24tdHlwZT0ndG9hc3QnXSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgfVxuXG4gICAgICBkaXZbbm90aWZpY2F0aW9uLXR5cGU9J2Jhbm5lciddIH4gZGl2W25vdGlmaWNhdGlvbi10eXBlPSdzbmFja2JhciddIHtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICB9XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:notificationsContainer;")
     );
   };
 };

package/dist/components/Overlay/Overlay.js

@@ -2,14 +2,16 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
-var _useEscape = _interopRequireDefault(require("../../hooks/useEscape"));
-var _react = _interopRequireDefault(require("react"));
+var _useOverlayStack2 = require("../../hooks/useOverlayStack");
+var _react = _interopRequireWildcard(require("react"));
 var _helpers = require("../../utils/helpers");
 var _Overlay = require("./Overlay.style");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _ClickAwayListener = _interopRequireDefault(require("../utils/ClickAwayListener"));
 var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var getAnchorStyle = function getAnchorStyle(_ref) {
   var anchor = _ref.anchor,
     size = _ref.size;
@@ -31,24 +33,31 @@ var Overlay = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
     size = _ref2.size,
     dataTestId = _ref2.dataTestId,
     children = _ref2.children;
-  (0, _useEscape["default"])(function () {
-    onClose();
-  });
+  var overlayRef = (0, _react.useRef)(null);
+  var _useOverlayStack = (0, _useOverlayStack2.useOverlayStack)(open, overlayRef, onClose),
+    overlayProps = _useOverlayStack.overlayProps;
+  var setIconButtonRef = (0, _react.useCallback)(function (element) {
+    if (element && open) {
+      setTimeout(function () {
+        return element.focus();
+      }, 250); // this needs to match the transition duration of visibility
+    }
+  }, [open]);
   return (0, _react2.jsx)("div", {
     css: (0, _Overlay.backdropStyle)({
       open: open,
       anchor: anchor
     }),
     "data-testid": (0, _helpers.generateTestDataId)('overlay-container', dataTestId)
-  }, (0, _react2.jsx)(_ClickAwayListener["default"], {
-    onClick: function onClick() {
-      return onClose();
-    },
-    cssStyles: getAnchorStyle({
+  }, (0, _react2.jsx)("div", _extends({}, overlayProps, {
+    ref: overlayRef,
+    tabIndex: -1 // make escape key work
+    ,
+    css: getAnchorStyle({
       anchor: anchor,
       size: size
     })
-  }, (0, _react2.jsx)("div", {
+  }), (0, _react2.jsx)("div", {
     ref: ref,
     css: (0, _Overlay.overlayStyle)({
       open: open,
@@ -57,6 +66,7 @@ var Overlay = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
   }, (0, _react2.jsx)("div", {
     css: (0, _Overlay.closeIconContainer)()
   }, (0, _react2.jsx)(_IconButton["default"], {
+    ref: setIconButtonRef,
     name: 'close',
     filled: false,
     transparent: true,

package/dist/components/Overlay/Overlay.style.js

@@ -12,7 +12,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "h73t39-justifyContentEnd",
   styles: "justify-content:flex-end;label:justifyContentEnd;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPcUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9ICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDB2dztcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgei1pbmRleDogMjUwMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgdmlzaWJpbGl0eTogJHtvcGVuID8gJ3Zpc2libGUnIDogJ2hpZGRlbid9O1xuICBvcGFjaXR5OiAke29wZW4gPyAxIDogMH07XG4gICR7dHJhbnNpdGlvbigwLjIpfVxuICAke2dldFN0eWxlQmFzZWRPbkFuY2hvcihhbmNob3IpfVxuYDtcblxuZXhwb3J0IGNvbnN0IG92ZXJsYXlTdHlsZSA9ICh7IG9wZW4sIGFuY2hvciB9OiB7IG9wZW46IGJvb2xlYW47IGFuY2hvcjogQW5jaG9yVHlwZSB9KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleH1cbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogYXV0bztcbiAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgJHt0cmFuc2l0aW9uKDAuMyl9XG5gO1xuXG5leHBvcnQgY29uc3QgY2xvc2VJY29uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5zbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG5gO1xuXG5leHBvcnQgY29uc3QgY29udGVudFN0eWxlID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueGx9O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPcUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9XG4gICAgICAgICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPVxuICAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgaGVpZ2h0OiAxMDB2aDtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgICAgIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgICAgIG9wYWNpdHk6ICR7b3BlbiA/IDEgOiAwfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjIpfVxuICAgICAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbiAgICBgO1xuXG5leHBvcnQgY29uc3Qgb3ZlcmxheVN0eWxlID1cbiAgKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHtmbGV4fVxuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjMpfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjbG9zZUljb25Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgICR7ZmxleH1cbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54bH07XG4gICAgYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var justifyContentEnd = function justifyContentEnd() {
@@ -24,7 +24,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "sxduke-flexDirectionColumn",
   styles: "flex-direction:column;label:flexDirectionColumn;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9ICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDB2dztcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgei1pbmRleDogMjUwMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgdmlzaWJpbGl0eTogJHtvcGVuID8gJ3Zpc2libGUnIDogJ2hpZGRlbid9O1xuICBvcGFjaXR5OiAke29wZW4gPyAxIDogMH07XG4gICR7dHJhbnNpdGlvbigwLjIpfVxuICAke2dldFN0eWxlQmFzZWRPbkFuY2hvcihhbmNob3IpfVxuYDtcblxuZXhwb3J0IGNvbnN0IG92ZXJsYXlTdHlsZSA9ICh7IG9wZW4sIGFuY2hvciB9OiB7IG9wZW46IGJvb2xlYW47IGFuY2hvcjogQW5jaG9yVHlwZSB9KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleH1cbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogYXV0bztcbiAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgJHt0cmFuc2l0aW9uKDAuMyl9XG5gO1xuXG5leHBvcnQgY29uc3QgY2xvc2VJY29uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5zbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG5gO1xuXG5leHBvcnQgY29uc3QgY29udGVudFN0eWxlID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueGx9O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9XG4gICAgICAgICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPVxuICAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgaGVpZ2h0OiAxMDB2aDtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgICAgIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgICAgIG9wYWNpdHk6ICR7b3BlbiA/IDEgOiAwfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjIpfVxuICAgICAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbiAgICBgO1xuXG5leHBvcnQgY29uc3Qgb3ZlcmxheVN0eWxlID1cbiAgKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHtmbGV4fVxuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjMpfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjbG9zZUljb25Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgICR7ZmxleH1cbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54bH07XG4gICAgYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var flexDirectionColumn = function flexDirectionColumn() {
@@ -40,13 +40,13 @@ var getStyleBasedOnAnchor = function getStyleBasedOnAnchor(anchor) {
       return (
         /*#__PURE__*/
         /*#__PURE__*/
-        (0, _react.css)(justifyContentEnd(), " ", flexDirectionColumn(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyleBasedOnAnchor;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zcGFyZW50aXplIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4LCB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgQW5jaG9yVHlwZSB9IGZyb20gJy4vT3ZlcmxheSc7XG5cbmNvbnN0IGp1c3RpZnlDb250ZW50RW5kID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgZmxleERpcmVjdGlvbkNvbHVtbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IGdldFN0eWxlQmFzZWRPbkFuY2hvciA9IChhbmNob3I6IEFuY2hvclR5cGUpID0+IHtcbiAgc3dpdGNoIChhbmNob3IpIHtcbiAgICBjYXNlICd0b3AnOlxuICAgICAgcmV0dXJuIGZsZXhEaXJlY3Rpb25Db2x1bW4oKTtcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4ganVzdGlmeUNvbnRlbnRFbmQoKTtcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtqdXN0aWZ5Q29udGVudEVuZCgpfSAke2ZsZXhEaXJlY3Rpb25Db2x1bW4oKX1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuY29uc3QgdHJhbnNmb3JtQmFzZWRPblByb3BzID0gKG9wZW46IGJvb2xlYW4sIGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVZKDApJyA6ICd0cmFuc2xhdGVZKC0xMDAlKSc7XG4gICAgY2FzZSAncmlnaHQnOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWCgwKScgOiAndHJhbnNsYXRlWCgxMDAlKSc7XG4gICAgY2FzZSAnYm90dG9tJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoMTAwJSknO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKC0xMDAlKSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBiYWNrZHJvcFN0eWxlID0gKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6IDI1MDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0cmFuc3BhcmVudGl6ZSgwLjI1LCB0aGVtZS5wYWxldHRlLmJsYWNrKX07XG4gIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgb3BhY2l0eTogJHtvcGVuID8gMSA6IDB9O1xuICAke3RyYW5zaXRpb24oMC4yKX1cbiAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5U3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGF1dG87XG4gIHRyYW5zZm9ybTogJHt0cmFuc2Zvcm1CYXNlZE9uUHJvcHMob3BlbiwgYW5jaG9yKX07XG4gICR7dHJhbnNpdGlvbigwLjMpfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNsb3NlSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fVxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:getStyleBasedOnAnchor;")
+        (0, _react.css)(justifyContentEnd(), " ", flexDirectionColumn(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyleBasedOnAnchor;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zcGFyZW50aXplIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4LCB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgQW5jaG9yVHlwZSB9IGZyb20gJy4vT3ZlcmxheSc7XG5cbmNvbnN0IGp1c3RpZnlDb250ZW50RW5kID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgZmxleERpcmVjdGlvbkNvbHVtbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IGdldFN0eWxlQmFzZWRPbkFuY2hvciA9IChhbmNob3I6IEFuY2hvclR5cGUpID0+IHtcbiAgc3dpdGNoIChhbmNob3IpIHtcbiAgICBjYXNlICd0b3AnOlxuICAgICAgcmV0dXJuIGZsZXhEaXJlY3Rpb25Db2x1bW4oKTtcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4ganVzdGlmeUNvbnRlbnRFbmQoKTtcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtqdXN0aWZ5Q29udGVudEVuZCgpfVxuICAgICAgICAke2ZsZXhEaXJlY3Rpb25Db2x1bW4oKX1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuY29uc3QgdHJhbnNmb3JtQmFzZWRPblByb3BzID0gKG9wZW46IGJvb2xlYW4sIGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVZKDApJyA6ICd0cmFuc2xhdGVZKC0xMDAlKSc7XG4gICAgY2FzZSAncmlnaHQnOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWCgwKScgOiAndHJhbnNsYXRlWCgxMDAlKSc7XG4gICAgY2FzZSAnYm90dG9tJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoMTAwJSknO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKC0xMDAlKSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBiYWNrZHJvcFN0eWxlID1cbiAgKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHtmbGV4fTtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHdpZHRoOiAxMDB2dztcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgICB6LWluZGV4OiAyNTAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0cmFuc3BhcmVudGl6ZSgwLjI1LCB0aGVtZS5wYWxldHRlLmJsYWNrKX07XG4gICAgICB2aXNpYmlsaXR5OiAke29wZW4gPyAndmlzaWJsZScgOiAnaGlkZGVuJ307XG4gICAgICBvcGFjaXR5OiAke29wZW4gPyAxIDogMH07XG4gICAgICAke3RyYW5zaXRpb24oMC4yKX1cbiAgICAgICR7Z2V0U3R5bGVCYXNlZE9uQW5jaG9yKGFuY2hvcil9XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IG92ZXJsYXlTdHlsZSA9XG4gICh7IG9wZW4sIGFuY2hvciB9OiB7IG9wZW46IGJvb2xlYW47IGFuY2hvcjogQW5jaG9yVHlwZSB9KSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgICR7ZmxleH1cbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICB6LWluZGV4OiAyNTAwO1xuICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICAgIHRyYW5zZm9ybTogJHt0cmFuc2Zvcm1CYXNlZE9uUHJvcHMob3BlbiwgYW5jaG9yKX07XG4gICAgICAke3RyYW5zaXRpb24oMC4zKX1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2xvc2VJY29uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY29udGVudFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueGx9O1xuICAgIGA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:getStyleBasedOnAnchor;")
       );
     default:
       return (
         /*#__PURE__*/
         /*#__PURE__*/
-        (0, _react.css)(process.env.NODE_ENV === "production" ? "" : ";label:getStyleBasedOnAnchor;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zcGFyZW50aXplIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4LCB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgQW5jaG9yVHlwZSB9IGZyb20gJy4vT3ZlcmxheSc7XG5cbmNvbnN0IGp1c3RpZnlDb250ZW50RW5kID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgZmxleERpcmVjdGlvbkNvbHVtbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IGdldFN0eWxlQmFzZWRPbkFuY2hvciA9IChhbmNob3I6IEFuY2hvclR5cGUpID0+IHtcbiAgc3dpdGNoIChhbmNob3IpIHtcbiAgICBjYXNlICd0b3AnOlxuICAgICAgcmV0dXJuIGZsZXhEaXJlY3Rpb25Db2x1bW4oKTtcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4ganVzdGlmeUNvbnRlbnRFbmQoKTtcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtqdXN0aWZ5Q29udGVudEVuZCgpfSAke2ZsZXhEaXJlY3Rpb25Db2x1bW4oKX1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuY29uc3QgdHJhbnNmb3JtQmFzZWRPblByb3BzID0gKG9wZW46IGJvb2xlYW4sIGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVZKDApJyA6ICd0cmFuc2xhdGVZKC0xMDAlKSc7XG4gICAgY2FzZSAncmlnaHQnOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWCgwKScgOiAndHJhbnNsYXRlWCgxMDAlKSc7XG4gICAgY2FzZSAnYm90dG9tJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoMTAwJSknO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKC0xMDAlKSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBiYWNrZHJvcFN0eWxlID0gKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6IDI1MDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0cmFuc3BhcmVudGl6ZSgwLjI1LCB0aGVtZS5wYWxldHRlLmJsYWNrKX07XG4gIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgb3BhY2l0eTogJHtvcGVuID8gMSA6IDB9O1xuICAke3RyYW5zaXRpb24oMC4yKX1cbiAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5U3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGF1dG87XG4gIHRyYW5zZm9ybTogJHt0cmFuc2Zvcm1CYXNlZE9uUHJvcHMob3BlbiwgYW5jaG9yKX07XG4gICR7dHJhbnNpdGlvbigwLjMpfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNsb3NlSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fVxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:getStyleBasedOnAnchor;")
+        (0, _react.css)(process.env.NODE_ENV === "production" ? "" : ";label:getStyleBasedOnAnchor;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zcGFyZW50aXplIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4LCB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgQW5jaG9yVHlwZSB9IGZyb20gJy4vT3ZlcmxheSc7XG5cbmNvbnN0IGp1c3RpZnlDb250ZW50RW5kID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgZmxleERpcmVjdGlvbkNvbHVtbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IGdldFN0eWxlQmFzZWRPbkFuY2hvciA9IChhbmNob3I6IEFuY2hvclR5cGUpID0+IHtcbiAgc3dpdGNoIChhbmNob3IpIHtcbiAgICBjYXNlICd0b3AnOlxuICAgICAgcmV0dXJuIGZsZXhEaXJlY3Rpb25Db2x1bW4oKTtcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4ganVzdGlmeUNvbnRlbnRFbmQoKTtcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtqdXN0aWZ5Q29udGVudEVuZCgpfVxuICAgICAgICAke2ZsZXhEaXJlY3Rpb25Db2x1bW4oKX1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuY29uc3QgdHJhbnNmb3JtQmFzZWRPblByb3BzID0gKG9wZW46IGJvb2xlYW4sIGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVZKDApJyA6ICd0cmFuc2xhdGVZKC0xMDAlKSc7XG4gICAgY2FzZSAncmlnaHQnOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWCgwKScgOiAndHJhbnNsYXRlWCgxMDAlKSc7XG4gICAgY2FzZSAnYm90dG9tJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoMTAwJSknO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKC0xMDAlKSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBiYWNrZHJvcFN0eWxlID1cbiAgKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHtmbGV4fTtcbiAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgIHdpZHRoOiAxMDB2dztcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgICB6LWluZGV4OiAyNTAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgICB0b3A6IDA7XG4gICAgICBsZWZ0OiAwO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0cmFuc3BhcmVudGl6ZSgwLjI1LCB0aGVtZS5wYWxldHRlLmJsYWNrKX07XG4gICAgICB2aXNpYmlsaXR5OiAke29wZW4gPyAndmlzaWJsZScgOiAnaGlkZGVuJ307XG4gICAgICBvcGFjaXR5OiAke29wZW4gPyAxIDogMH07XG4gICAgICAke3RyYW5zaXRpb24oMC4yKX1cbiAgICAgICR7Z2V0U3R5bGVCYXNlZE9uQW5jaG9yKGFuY2hvcil9XG4gICAgYDtcblxuZXhwb3J0IGNvbnN0IG92ZXJsYXlTdHlsZSA9XG4gICh7IG9wZW4sIGFuY2hvciB9OiB7IG9wZW46IGJvb2xlYW47IGFuY2hvcjogQW5jaG9yVHlwZSB9KSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgICR7ZmxleH1cbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICB6LWluZGV4OiAyNTAwO1xuICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogYXV0bztcbiAgICAgIHRyYW5zZm9ybTogJHt0cmFuc2Zvcm1CYXNlZE9uUHJvcHMob3BlbiwgYW5jaG9yKX07XG4gICAgICAke3RyYW5zaXRpb24oMC4zKX1cbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY2xvc2VJY29uQ29udGFpbmVyID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnNtfSAke3RoZW1lLnNwYWNpbmcuc219IDAgMDtcbiAgICBgO1xuXG5leHBvcnQgY29uc3QgY29udGVudFN0eWxlID1cbiAgKCkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueGx9O1xuICAgIGA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:getStyleBasedOnAnchor;")
       );
   }
 };
@@ -69,7 +69,7 @@ var backdropStyle = exports.backdropStyle = function backdropStyle(_ref3) {
     return (
       /*#__PURE__*/
       /*#__PURE__*/
-      (0, _react.css)(_functions.flex, ";position:fixed;width:100vw;height:100vh;z-index:2500;right:0;bottom:0;top:0;left:0;background-color:", (0, _polished.transparentize)(0.25, theme.palette.black), ";visibility:", open ? 'visible' : 'hidden', ";opacity:", open ? 1 : 0, ";", (0, _functions.transition)(0.2), " ", getStyleBasedOnAnchor(anchor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:backdropStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zcGFyZW50aXplIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4LCB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgQW5jaG9yVHlwZSB9IGZyb20gJy4vT3ZlcmxheSc7XG5cbmNvbnN0IGp1c3RpZnlDb250ZW50RW5kID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgZmxleERpcmVjdGlvbkNvbHVtbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IGdldFN0eWxlQmFzZWRPbkFuY2hvciA9IChhbmNob3I6IEFuY2hvclR5cGUpID0+IHtcbiAgc3dpdGNoIChhbmNob3IpIHtcbiAgICBjYXNlICd0b3AnOlxuICAgICAgcmV0dXJuIGZsZXhEaXJlY3Rpb25Db2x1bW4oKTtcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4ganVzdGlmeUNvbnRlbnRFbmQoKTtcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtqdXN0aWZ5Q29udGVudEVuZCgpfSAke2ZsZXhEaXJlY3Rpb25Db2x1bW4oKX1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuY29uc3QgdHJhbnNmb3JtQmFzZWRPblByb3BzID0gKG9wZW46IGJvb2xlYW4sIGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVZKDApJyA6ICd0cmFuc2xhdGVZKC0xMDAlKSc7XG4gICAgY2FzZSAncmlnaHQnOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWCgwKScgOiAndHJhbnNsYXRlWCgxMDAlKSc7XG4gICAgY2FzZSAnYm90dG9tJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoMTAwJSknO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKC0xMDAlKSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBiYWNrZHJvcFN0eWxlID0gKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6IDI1MDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0cmFuc3BhcmVudGl6ZSgwLjI1LCB0aGVtZS5wYWxldHRlLmJsYWNrKX07XG4gIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgb3BhY2l0eTogJHtvcGVuID8gMSA6IDB9O1xuICAke3RyYW5zaXRpb24oMC4yKX1cbiAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5U3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGF1dG87XG4gIHRyYW5zZm9ybTogJHt0cmFuc2Zvcm1CYXNlZE9uUHJvcHMob3BlbiwgYW5jaG9yKX07XG4gICR7dHJhbnNpdGlvbigwLjMpfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNsb3NlSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fVxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:backdropStyle;")
+      (0, _react.css)(_functions.flex, ";position:fixed;width:100vw;height:100vh;z-index:2500;right:0;bottom:0;top:0;left:0;background-color:", (0, _polished.transparentize)(0.25, theme.palette.black), ";visibility:", open ? 'visible' : 'hidden', ";opacity:", open ? 1 : 0, ";", (0, _functions.transition)(0.2), " ", getStyleBasedOnAnchor(anchor), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:backdropStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ08iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9XG4gICAgICAgICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPVxuICAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgaGVpZ2h0OiAxMDB2aDtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgICAgIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgICAgIG9wYWNpdHk6ICR7b3BlbiA/IDEgOiAwfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjIpfVxuICAgICAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbiAgICBgO1xuXG5leHBvcnQgY29uc3Qgb3ZlcmxheVN0eWxlID1cbiAgKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHtmbGV4fVxuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjMpfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjbG9zZUljb25Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgICR7ZmxleH1cbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54bH07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:backdropStyle;")
     );
   };
 };
@@ -80,7 +80,7 @@ var overlayStyle = exports.overlayStyle = function overlayStyle(_ref4) {
     return (
       /*#__PURE__*/
       /*#__PURE__*/
-      (0, _react.css)(_functions.flex, " flex-direction:column;overflow-y:auto;background-color:", theme.palette.white, ";width:100%;height:auto;transform:", transformBasedOnProps(open, anchor), ";", (0, _functions.transition)(0.3), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:overlayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRTBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zcGFyZW50aXplIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4LCB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgQW5jaG9yVHlwZSB9IGZyb20gJy4vT3ZlcmxheSc7XG5cbmNvbnN0IGp1c3RpZnlDb250ZW50RW5kID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgZmxleERpcmVjdGlvbkNvbHVtbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IGdldFN0eWxlQmFzZWRPbkFuY2hvciA9IChhbmNob3I6IEFuY2hvclR5cGUpID0+IHtcbiAgc3dpdGNoIChhbmNob3IpIHtcbiAgICBjYXNlICd0b3AnOlxuICAgICAgcmV0dXJuIGZsZXhEaXJlY3Rpb25Db2x1bW4oKTtcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4ganVzdGlmeUNvbnRlbnRFbmQoKTtcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtqdXN0aWZ5Q29udGVudEVuZCgpfSAke2ZsZXhEaXJlY3Rpb25Db2x1bW4oKX1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuY29uc3QgdHJhbnNmb3JtQmFzZWRPblByb3BzID0gKG9wZW46IGJvb2xlYW4sIGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVZKDApJyA6ICd0cmFuc2xhdGVZKC0xMDAlKSc7XG4gICAgY2FzZSAncmlnaHQnOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWCgwKScgOiAndHJhbnNsYXRlWCgxMDAlKSc7XG4gICAgY2FzZSAnYm90dG9tJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoMTAwJSknO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKC0xMDAlKSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBiYWNrZHJvcFN0eWxlID0gKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6IDI1MDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0cmFuc3BhcmVudGl6ZSgwLjI1LCB0aGVtZS5wYWxldHRlLmJsYWNrKX07XG4gIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgb3BhY2l0eTogJHtvcGVuID8gMSA6IDB9O1xuICAke3RyYW5zaXRpb24oMC4yKX1cbiAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5U3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGF1dG87XG4gIHRyYW5zZm9ybTogJHt0cmFuc2Zvcm1CYXNlZE9uUHJvcHMob3BlbiwgYW5jaG9yKX07XG4gICR7dHJhbnNpdGlvbigwLjMpfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNsb3NlSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fVxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:overlayStyle;")
+      (0, _react.css)(_functions.flex, " flex-direction:column;z-index:2500;overflow-y:auto;background-color:", theme.palette.white, ";width:100%;height:auto;transform:", transformBasedOnProps(open, anchor), ";", (0, _functions.transition)(0.3), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:overlayStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRU8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9XG4gICAgICAgICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPVxuICAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgaGVpZ2h0OiAxMDB2aDtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgICAgIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgICAgIG9wYWNpdHk6ICR7b3BlbiA/IDEgOiAwfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjIpfVxuICAgICAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbiAgICBgO1xuXG5leHBvcnQgY29uc3Qgb3ZlcmxheVN0eWxlID1cbiAgKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHtmbGV4fVxuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjMpfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjbG9zZUljb25Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgICR7ZmxleH1cbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54bH07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:overlayStyle;")
     );
   };
 };
@@ -89,7 +89,7 @@ var closeIconContainer = exports.closeIconContainer = function closeIconContaine
     return (
       /*#__PURE__*/
       /*#__PURE__*/
-      (0, _react.css)(_functions.flex, " justify-content:flex-end;padding:", theme.spacing.sm, " ", theme.spacing.sm, " 0 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:closeIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRStFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zcGFyZW50aXplIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4LCB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgQW5jaG9yVHlwZSB9IGZyb20gJy4vT3ZlcmxheSc7XG5cbmNvbnN0IGp1c3RpZnlDb250ZW50RW5kID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgZmxleERpcmVjdGlvbkNvbHVtbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IGdldFN0eWxlQmFzZWRPbkFuY2hvciA9IChhbmNob3I6IEFuY2hvclR5cGUpID0+IHtcbiAgc3dpdGNoIChhbmNob3IpIHtcbiAgICBjYXNlICd0b3AnOlxuICAgICAgcmV0dXJuIGZsZXhEaXJlY3Rpb25Db2x1bW4oKTtcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4ganVzdGlmeUNvbnRlbnRFbmQoKTtcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtqdXN0aWZ5Q29udGVudEVuZCgpfSAke2ZsZXhEaXJlY3Rpb25Db2x1bW4oKX1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuY29uc3QgdHJhbnNmb3JtQmFzZWRPblByb3BzID0gKG9wZW46IGJvb2xlYW4sIGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVZKDApJyA6ICd0cmFuc2xhdGVZKC0xMDAlKSc7XG4gICAgY2FzZSAncmlnaHQnOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWCgwKScgOiAndHJhbnNsYXRlWCgxMDAlKSc7XG4gICAgY2FzZSAnYm90dG9tJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoMTAwJSknO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKC0xMDAlKSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBiYWNrZHJvcFN0eWxlID0gKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6IDI1MDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0cmFuc3BhcmVudGl6ZSgwLjI1LCB0aGVtZS5wYWxldHRlLmJsYWNrKX07XG4gIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgb3BhY2l0eTogJHtvcGVuID8gMSA6IDB9O1xuICAke3RyYW5zaXRpb24oMC4yKX1cbiAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5U3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGF1dG87XG4gIHRyYW5zZm9ybTogJHt0cmFuc2Zvcm1CYXNlZE9uUHJvcHMob3BlbiwgYW5jaG9yKX07XG4gICR7dHJhbnNpdGlvbigwLjMpfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNsb3NlSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fVxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:closeIconContainer;")
+      (0, _react.css)(_functions.flex, " justify-content:flex-end;padding:", theme.spacing.sm, " ", theme.spacing.sm, " 0 0;" + (process.env.NODE_ENV === "production" ? "" : ";label:closeIconContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRk8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9XG4gICAgICAgICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPVxuICAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgaGVpZ2h0OiAxMDB2aDtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgICAgIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgICAgIG9wYWNpdHk6ICR7b3BlbiA/IDEgOiAwfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjIpfVxuICAgICAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbiAgICBgO1xuXG5leHBvcnQgY29uc3Qgb3ZlcmxheVN0eWxlID1cbiAgKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHtmbGV4fVxuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjMpfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjbG9zZUljb25Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgICR7ZmxleH1cbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54bH07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:closeIconContainer;")
     );
   };
 };
@@ -98,7 +98,7 @@ var contentStyle = exports.contentStyle = function contentStyle() {
     return (
       /*#__PURE__*/
       /*#__PURE__*/
-      (0, _react.css)("padding:", theme.spacing.xl, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:contentStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRnlFIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHRyYW5zcGFyZW50aXplIH0gZnJvbSAncG9saXNoZWQnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBmbGV4LCB0cmFuc2l0aW9uIH0gZnJvbSAndGhlbWUvZnVuY3Rpb25zJztcblxuaW1wb3J0IHsgQW5jaG9yVHlwZSB9IGZyb20gJy4vT3ZlcmxheSc7XG5cbmNvbnN0IGp1c3RpZnlDb250ZW50RW5kID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuYDtcblxuY29uc3QgZmxleERpcmVjdGlvbkNvbHVtbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IGdldFN0eWxlQmFzZWRPbkFuY2hvciA9IChhbmNob3I6IEFuY2hvclR5cGUpID0+IHtcbiAgc3dpdGNoIChhbmNob3IpIHtcbiAgICBjYXNlICd0b3AnOlxuICAgICAgcmV0dXJuIGZsZXhEaXJlY3Rpb25Db2x1bW4oKTtcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4ganVzdGlmeUNvbnRlbnRFbmQoKTtcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtqdXN0aWZ5Q29udGVudEVuZCgpfSAke2ZsZXhEaXJlY3Rpb25Db2x1bW4oKX1cbiAgICAgIGA7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjc3NgYDtcbiAgfVxufTtcblxuY29uc3QgdHJhbnNmb3JtQmFzZWRPblByb3BzID0gKG9wZW46IGJvb2xlYW4sIGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVZKDApJyA6ICd0cmFuc2xhdGVZKC0xMDAlKSc7XG4gICAgY2FzZSAncmlnaHQnOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWCgwKScgOiAndHJhbnNsYXRlWCgxMDAlKSc7XG4gICAgY2FzZSAnYm90dG9tJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoMTAwJSknO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKC0xMDAlKSc7XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBiYWNrZHJvcFN0eWxlID0gKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+IChcbiAgdGhlbWU6IFRoZW1lXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fTtcbiAgcG9zaXRpb246IGZpeGVkO1xuICB3aWR0aDogMTAwdnc7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6IDI1MDA7XG4gIHJpZ2h0OiAwO1xuICBib3R0b206IDA7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0cmFuc3BhcmVudGl6ZSgwLjI1LCB0aGVtZS5wYWxldHRlLmJsYWNrKX07XG4gIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgb3BhY2l0eTogJHtvcGVuID8gMSA6IDB9O1xuICAke3RyYW5zaXRpb24oMC4yKX1cbiAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbmA7XG5cbmV4cG9ydCBjb25zdCBvdmVybGF5U3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIG92ZXJmbG93LXk6IGF1dG87XG4gIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS53aGl0ZX07XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGF1dG87XG4gIHRyYW5zZm9ybTogJHt0cmFuc2Zvcm1CYXNlZE9uUHJvcHMob3BlbiwgYW5jaG9yKX07XG4gICR7dHJhbnNpdGlvbigwLjMpfVxuYDtcblxuZXhwb3J0IGNvbnN0IGNsb3NlSWNvbkNvbnRhaW5lciA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtmbGV4fVxuICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRTdHlsZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcGFkZGluZzogJHt0aGVtZS5zcGFjaW5nLnhsfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:contentStyle;")
+      (0, _react.css)("padding:", theme.spacing.xl, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:contentStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRk8iLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9XG4gICAgICAgICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPVxuICAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT5cbiAgKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT5cbiAgICBjc3NgXG4gICAgICAke2ZsZXh9O1xuICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgaGVpZ2h0OiAxMDB2aDtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIGJvdHRvbTogMDtcbiAgICAgIHRvcDogMDtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgICAgIHZpc2liaWxpdHk6ICR7b3BlbiA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nfTtcbiAgICAgIG9wYWNpdHk6ICR7b3BlbiA/IDEgOiAwfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjIpfVxuICAgICAgJHtnZXRTdHlsZUJhc2VkT25BbmNob3IoYW5jaG9yKX1cbiAgICBgO1xuXG5leHBvcnQgY29uc3Qgb3ZlcmxheVN0eWxlID1cbiAgKHsgb3BlbiwgYW5jaG9yIH06IHsgb3BlbjogYm9vbGVhbjsgYW5jaG9yOiBBbmNob3JUeXBlIH0pID0+XG4gICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gICAgY3NzYFxuICAgICAgJHtmbGV4fVxuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIHotaW5kZXg6IDI1MDA7XG4gICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgaGVpZ2h0OiBhdXRvO1xuICAgICAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgICAgICR7dHJhbnNpdGlvbigwLjMpfVxuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjbG9zZUljb25Db250YWluZXIgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgICR7ZmxleH1cbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcuc219ICR7dGhlbWUuc3BhY2luZy5zbX0gMCAwO1xuICAgIGA7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50U3R5bGUgPVxuICAoKSA9PlxuICAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PlxuICAgIGNzc2BcbiAgICAgIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy54bH07XG4gICAgYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:contentStyle;")
     );
   };
 };

package/dist/components/Select/Select.js

@@ -73,6 +73,7 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
   var _React$useState = _react["default"].useState(false),
     open = _React$useState[0],
     setOpen = _React$useState[1];
+  var wrapperRef = _react["default"].useRef(null);
   var inputRef = _react["default"].useRef(null);
   var combinedRefs = (0, _useCombinedRefs["default"])(inputRef, ref);
   var initialValue = defaultValue != null ? defaultValue : selectedOption;
@@ -113,6 +114,10 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
         setInputValue(option);
       }
       setOpen(false);
+      requestAnimationFrame(function () {
+        var _wrapperRef$current;
+        return wrapperRef == null || (_wrapperRef$current = wrapperRef.current) == null ? void 0 : _wrapperRef$current.focus();
+      });
     }
     if (isSearchable) {
       setSearchValue('');
@@ -238,7 +243,10 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
       handleSelectedOption(_selectedOption);
     }
   };
-  return (0, _react2.jsx)("div", _extends({}, !(disabled || locked) && {
+  return (0, _react2.jsx)("div", _extends({
+    ref: wrapperRef,
+    tabIndex: -1
+  }, !(disabled || locked) && {
     onClick: handleClick
   }, {
     css: (0, _Select.selectWrapper)({
@@ -249,6 +257,10 @@ var Select = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
     setIsVisible: function setIsVisible() {
       setOpen(false);
       setSearchValue('');
+      requestAnimationFrame(function () {
+        var _wrapperRef$current2;
+        return wrapperRef == null || (_wrapperRef$current2 = wrapperRef.current) == null ? void 0 : _wrapperRef$current2.focus();
+      });
     },
     hasWrapperWidth: true,
     offsetY: 8,

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -4,7 +4,9 @@ exports.__esModule = true;
 exports["default"] = void 0;
 var _react = require("@emotion/react");
 var _useThemeSwitch = require("../../hooks/useThemeSwitch");
-var _lodash = require("lodash");
+var _keys = _interopRequireDefault(require("lodash/keys"));
+var _merge = _interopRequireDefault(require("lodash/merge"));
+var _pick = _interopRequireDefault(require("lodash/pick"));
 var _react2 = _interopRequireDefault(require("react"));
 var _theme = _interopRequireDefault(require("../../theme"));
 var _ThemeProvider = require("./ThemeProvider.style");
@@ -14,7 +16,7 @@ require("../../utils/initLocaleFormat");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var deepMergeTheme = function deepMergeTheme(newTheme, theming) {
-  return (0, _lodash.merge)((0, _theme["default"])(theming), (0, _lodash.pick)(newTheme, (0, _lodash.keys)((0, _theme["default"])(theming))));
+  return (0, _merge["default"])((0, _theme["default"])(theming), (0, _pick["default"])(newTheme, (0, _keys["default"])((0, _theme["default"])(theming))));
 };
 var ThemeProvider = function ThemeProvider(_ref) {
   var _ref$theme = _ref.theme,

package/dist/components/utils/PositionInScreen/PositionInScreen.js

@@ -2,6 +2,7 @@
 
 exports.__esModule = true;
 exports["default"] = void 0;
+var _useOverlayStack2 = require("../../../hooks/useOverlayStack");
 var _polished = require("polished");
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
@@ -10,6 +11,7 @@ var _PositionInScreen = require("./PositionInScreen.style");
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var PositionInScreen = function PositionInScreen(_ref) {
   var visible = _ref.visible,
     setIsVisible = _ref.setIsVisible,
@@ -48,10 +50,15 @@ function Overlay(_ref2) {
     sx = _ref2.sx,
     children = _ref2.children;
   var overlayRef = (0, _react.useRef)(null);
+  var _useOverlayStack = (0, _useOverlayStack2.useOverlayStack)(visible, overlayRef, function () {
+      return setIsVisible(false);
+    }),
+    overlayProps = _useOverlayStack.overlayProps;
   var _useState = (0, _react.useState)(false),
     isMounted = _useState[0],
     setIsMounted = _useState[1];
-  var resizeObserverRef = (0, _react.useRef)(null);
+  var triggerResizeObserverRef = (0, _react.useRef)(null);
+  var overlayMutationObserverRef = (0, _react.useRef)(null);
   var _usePositionInScreen = (0, _hooks.usePositionInScreen)(triggerRef.current, overlayRef.current, offsetX, offsetY, isMounted === true),
     x = _usePositionInScreen.x,
     y = _usePositionInScreen.y,
@@ -63,7 +70,7 @@ function Overlay(_ref2) {
   (0, _react.useEffect)(function () {
     if (!visible || !triggerRef.current || !isMounted) return;
     var isInitialMount = true;
-    resizeObserverRef.current = new ResizeObserver(function () {
+    triggerResizeObserverRef.current = new ResizeObserver(function () {
       // Skip the first callback which happens immediately after observe()
       // since the useLayoutEffect in usePositionInScreen already handles this
       if (isInitialMount) {
@@ -74,13 +81,30 @@ function Overlay(_ref2) {
         calculatePosition();
       });
     });
-    resizeObserverRef.current.observe(triggerRef.current);
+    triggerResizeObserverRef.current.observe(triggerRef.current);
     return function () {
-      if (resizeObserverRef.current) {
-        resizeObserverRef.current.disconnect();
+      if (triggerResizeObserverRef.current) {
+        triggerResizeObserverRef.current.disconnect();
       }
     };
   }, [visible, triggerRef, calculatePosition, isMounted]);
+  (0, _react.useEffect)(function () {
+    if (!visible || !overlayRef.current || !isMounted) return;
+    overlayMutationObserverRef.current = new MutationObserver(function () {
+      requestAnimationFrame(function () {
+        calculatePosition();
+      });
+    });
+    overlayMutationObserverRef.current.observe(overlayRef.current, {
+      childList: true,
+      subtree: true
+    });
+    return function () {
+      if (overlayMutationObserverRef.current) {
+        overlayMutationObserverRef.current.disconnect();
+      }
+    };
+  }, [visible, overlayRef, calculatePosition, isMounted]);
   (0, _react.useEffect)(function () {
     var handleWindowResize = function handleWindowResize() {
       if (visible) {
@@ -121,21 +145,8 @@ function Overlay(_ref2) {
       if (styleElement) document.head.removeChild(styleElement);
     };
   }, [overlayRef, visible]);
-  (0, _react.useEffect)(function () {
-    if (!visible) return;
-    var handleClickOutside = function handleClickOutside(event) {
-      if (overlayRef.current && overlayRef.current.contains(event.target)) {
-        return;
-      }
-      setIsVisible(false);
-    };
-    document.addEventListener('mousedown', handleClickOutside);
-    return function () {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [visible, setIsVisible, overlayRef]);
   if (!visible) return null;
-  return /*#__PURE__*/(0, _reactDom.createPortal)((0, _react2.jsx)("div", {
+  return /*#__PURE__*/(0, _reactDom.createPortal)((0, _react2.jsx)("div", _extends({}, overlayProps, {
     ref: overlayRef,
     style: {
       position: 'fixed',
@@ -146,10 +157,10 @@ function Overlay(_ref2) {
       opacity: isPositioned ? 1 : 0,
       maxWidth: isPositioned ? maxWidth + "px" : '',
       maxHeight: isPositioned ? maxHeight + "px" : '',
-      zIndex: 'auto'
+      zIndex: '9999'
     },
     css: sx == null ? void 0 : sx.itemContainer
-  }, children), document.body);
+  }), children), document.body);
 }
 var scrollLockStyles = "\nbody[data-scroll-locked] {\n  overflow: hidden !important;\n  overscroll-behavior: contain;\n  position: relative !important;\n  padding-left: 0px;\n  padding-top: 0px;\n  padding-right: 0px;\n  margin-left: 0;\n  margin-top: 0;\n  margin-right: 0px !important;\n}\n";
 var _default = exports["default"] = PositionInScreen;

package/dist/hooks/useOverlayStack.d.ts

@@ -0,0 +1,4 @@
+import { RefObject, DOMAttributes } from 'react';
+export declare function useOverlayStack(visible: boolean, ref: RefObject<Element | null>, onClose?: () => void): {
+    overlayProps: DOMAttributes<Element>;
+};

package/dist/hooks/useOverlayStack.js

@@ -0,0 +1,52 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useOverlayStack = useOverlayStack;
+var _react = require("react");
+var visibleOverlays = [];
+function useOverlayStack(visible, ref, onClose) {
+  (0, _react.useEffect)(function () {
+    if (visible && !visibleOverlays.includes(ref)) {
+      visibleOverlays.push(ref);
+    }
+    return function () {
+      var index = visibleOverlays.indexOf(ref);
+      if (index >= 0) {
+        visibleOverlays.splice(index, 1);
+      }
+    };
+  }, [ref, visible]);
+  var onHide = (0, _react.useCallback)(function () {
+    if (visibleOverlays[visibleOverlays.length - 1] === ref && onClose) {
+      onClose();
+    }
+  }, [onClose, ref]);
+  (0, _react.useEffect)(function () {
+    if (!visible) return;
+    var handleClickOutside = function handleClickOutside(e) {
+      if (ref.current && !ref.current.contains(e.target)) {
+        if (visibleOverlays[visibleOverlays.length - 1] === ref) {
+          e.stopPropagation();
+          e.preventDefault();
+        }
+        onHide();
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [visible, onHide, ref]);
+  var onKeyDown = function onKeyDown(e) {
+    if (e.key === 'Escape' && !e.nativeEvent.isComposing) {
+      e.stopPropagation();
+      e.preventDefault();
+      onHide();
+    }
+  };
+  return {
+    overlayProps: {
+      onKeyDown: onKeyDown
+    }
+  };
+}

package/dist/hooks/useTypeColorToColorMatch.js

@@ -68,7 +68,7 @@ var TypeColorToColorMatchProvider = exports.TypeColorToColorMatchProvider = func
   var calculateColorBetweenColorAndType = React.useCallback(function (color, type) {
     var calculatedColor = color ? (0, _themeFunctions.calculateActualColorFromComponentProp)(color) : undefined;
     return calculatedColor ? calculatedColor : typesShadesColor[type];
-  }, [types, theme, typesShadesColor]);
+  }, [typesShadesColor]);
   return (0, _react2.jsx)(TypeColorToColorMatchContext.Provider, {
     value: {
       typesShadesColor: typesShadesColor,

package/dist/test/utils.d.ts

@@ -1,6 +1,6 @@
 import { renderHook } from '@testing-library/react-hooks';
 import React from 'react';
 export declare const selectDropdownOption: (dropdownInput: HTMLInputElement, option: string) => Promise<void>;
-declare const renderWithThemeProvider: (children: React.ReactElement) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
+declare const renderWithThemeProvider: (children: React.ReactElement) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
 export * from '@testing-library/react';
 export { renderHook, renderWithThemeProvider as render };

package/dist/test/utils.js

@@ -31,9 +31,8 @@ var selectDropdownOption = exports.selectDropdownOption = /*#__PURE__*/function
       while (1) switch (_context.prev = _context.next) {
         case 0:
           _userEvent["default"].type(dropdownInput, option); // type option on the dropdown input
-          _react.screen.debug();
           _userEvent["default"].click(_react.screen.getByText(option)); // select the option from displayed options
-        case 3:
+        case 2:
         case "end":
           return _context.stop();
       }

package/dist/theme/palette.d.ts

@@ -28,9 +28,9 @@ export declare const MAX_SHADE = 950;
  * Each color has again the above variations (shades)
  **/
 export declare const mainTypes: readonly ["primary", "secondary", "success", "error", "warning", "info", "light", "link"];
-export declare type flatPalette = Record<typeof flatColors[number], generatedColorShades>;
-export declare type palePalette = Record<typeof paleColors[number], string>;
-export declare type generatedColorShades = Record<typeof colorShades[number], string>;
+export declare type flatPalette = Record<(typeof flatColors)[number], generatedColorShades>;
+export declare type palePalette = Record<(typeof paleColors)[number], string>;
+export declare type generatedColorShades = Record<(typeof colorShades)[number], string>;
 /**
  * Palette is end output of what is produced and exported to the client projects
  **/
@@ -44,14 +44,14 @@ export declare type Palette = {
     pale: palePalette;
     white: string;
     black: string;
-} & Record<typeof mainTypes[number], generatedColorShades>;
+} & Record<(typeof mainTypes)[number], generatedColorShades>;
 export declare type formFieldStyles = 'filled' | 'outlined' | 'elevated';
 export declare type GetColor = {
-    (color: typeof flatColors[number], variant: typeof colorShades[number]): string;
-    (color: typeof flatColors[number], variant: typeof colorShades[number], scope: 'flat'): string;
-    (color: TextColorTypes, variant: typeof colorShades[number], scope: 'text'): string;
-    (color: typeof mainTypes[number], variant: typeof colorShades[number], scope: 'normal'): string;
-    (color: typeof paleColors[number], variant: null, scope: 'pale'): string;
+    (color: (typeof flatColors)[number], variant: (typeof colorShades)[number]): string;
+    (color: (typeof flatColors)[number], variant: (typeof colorShades)[number], scope: 'flat'): string;
+    (color: TextColorTypes, variant: (typeof colorShades)[number], scope: 'text'): string;
+    (color: (typeof mainTypes)[number], variant: (typeof colorShades)[number], scope: 'normal'): string;
+    (color: (typeof paleColors)[number], variant: null, scope: 'pale'): string;
 };
 export declare const getColor: (palette: Palette) => GetColor;
 /**
@@ -59,7 +59,7 @@ export declare const getColor: (palette: Palette) => GetColor;
  * swatches are calculated based on accessibility by getAAColor function and splited to those two colors
  **/
 export declare type GetAAColorFromSwatches = {
-    (color: typeof flatColors[number], variant: typeof colorShades[number]): string;
+    (color: (typeof flatColors)[number], variant: (typeof colorShades)[number]): string;
 };
 export declare const getAAColorFromSwatches: (palette: Palette) => GetAAColorFromSwatches;
 export declare type GetAAColor = {

package/dist/theme/palette.js

@@ -50,11 +50,14 @@ var getColor = exports.getColor = function getColor(palette) {
     var endColor;
     if (variant === null) {
       var _palette$scope;
+      //@ts-ignore
       endColor = palette == null || (_palette$scope = palette[scope]) == null ? void 0 : _palette$scope[color];
     } else if (scope === 'normal') {
+      //@ts-ignore
       endColor = palette[color][variant];
     } else {
       var _palette$scope2;
+      //@ts-ignore
       endColor = palette == null || (_palette$scope2 = palette[scope]) == null || (_palette$scope2 = _palette$scope2[color]) == null ? void 0 : _palette$scope2[variant];
     }
     (0, _helpers.errorHandler)(_utils.getColorErrors, endColor);

package/dist/theme/utils.js

@@ -39,6 +39,7 @@ var colorShadesCreator = exports.colorShadesCreator = function colorShadesCreato
     return [].concat(tints(weight).reverse(), [base], shades(weight));
   };
   return all().reduce(function (acc, _, index) {
+    //@ts-ignore
     acc["" + (index + 1) * 50] = _;
     return acc;
   }, {});
@@ -57,16 +58,23 @@ var colorShadesCreator = exports.colorShadesCreator = function colorShadesCreato
  * a complete palette.
  */
 var iterateObject = exports.iterateObject = function iterateObject(obj, func) {
-  return Object.keys(obj).reduce(function (acc, value) {
-    if (typeof obj[value] !== 'object') {
-      acc[value] = func(obj[value], value);
-    } else if (EXCLUDED.includes(value)) {
-      acc[value] = obj[value];
-    } else {
-      acc[value] = iterateObject(obj[value], func);
-    }
-    return acc;
-  }, {});
+  return (
+    //@ts-ignore
+    Object.keys(obj).reduce(function (acc, value) {
+      //@ts-ignore
+      if (typeof obj[value] !== 'object') {
+        //@ts-ignore
+        acc[value] = func(obj[value], value);
+      } else if (EXCLUDED.includes(value)) {
+        //@ts-ignore
+        acc[value] = obj[value];
+      } else {
+        //@ts-ignore
+        acc[value] = iterateObject(obj[value], func);
+      }
+      return acc;
+    }, {})
+  );
 };
 var enhancePaletteWithShades = exports.enhancePaletteWithShades = function enhancePaletteWithShades(obj) {
   return iterateObject(obj, function (value, name) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "4.86.0-next.3",
+  "version": "4.87.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",
@@ -34,7 +34,7 @@
     "@storybook/react": "^6.5.16",
     "@svgr/webpack": "^8.1.0",
     "@testing-library/jest-dom": "^5.12.0",
-    "@testing-library/react": "^11.2.6",
+    "@testing-library/react": "14.3.1",
     "@testing-library/react-hooks": "^5.1.2",
     "@testing-library/user-event": "^13.1.8",
     "@types/events": "^3.0.0",