@orfium/ictinus 4.21.2 → 4.24.0

package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.style.d.ts

@@ -2,6 +2,6 @@ import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
 export declare const LoaderLine: () => (theme: Theme) => SerializedStyles;
 export declare const LoaderSubLine: (color: string) => SerializedStyles;
-export declare const LoaderDecLine: () => (theme: Theme) => SerializedStyles;
-export declare const LoaderIncLine: () => (theme: Theme) => SerializedStyles;
+export declare const LoaderDecLine: (color?: string | undefined) => (theme: Theme) => SerializedStyles;
+export declare const LoaderIncLine: (color?: string | undefined) => (theme: Theme) => SerializedStyles;
 export declare const LoaderContainer: () => () => SerializedStyles;

package/dist/components/Loader/components/IndeterminateLoader/IndeterminateLoader.style.js

@@ -15,7 +15,7 @@ var LoaderLine = function LoaderLine() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:absolute;opacity:0.4;background:", theme.utils.getColor('lightGrey', 100), ";width:150%;height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUodGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBpbmNyZWFzZSAyLjNzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGluY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC01JTtcbiAgICAgIHdpZHRoOiA1JTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTMwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckNvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;")
+      (0, _react.css)("position:absolute;opacity:0.4;background:", theme.utils.getColor('lightGrey', 100), ";width:150%;height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3VFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogZGVjcmVhc2UgMi4zcyAwLjhzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGRlY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC04MCU7XG4gICAgICB3aWR0aDogODAlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMTAlO1xuICAgICAgd2lkdGg6IDEwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJJbmNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderLine;")
     );
   };
 };
@@ -27,32 +27,32 @@ var LoaderSubLine = function LoaderSubLine(color) {
     /*#__PURE__*/
 
     /*#__PURE__*/
-    (0, _react.css)("position:absolute;background:", color, ";height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUodGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBpbmNyZWFzZSAyLjNzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGluY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC01JTtcbiAgICAgIHdpZHRoOiA1JTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTMwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckNvbnRhaW5lciA9ICgpID0+ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG4gIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogJHtyZW0oOCl9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;")
+    (0, _react.css)("position:absolute;background:", color, ";height:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1EIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuZXhwb3J0IGNvbnN0IExvYWRlckxpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgb3BhY2l0eTogMC40O1xuICBiYWNrZ3JvdW5kOiAke3RoZW1lLnV0aWxzLmdldENvbG9yKCdsaWdodEdyZXknLCAxMDApfTtcbiAgd2lkdGg6IDE1MCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlclN1YkxpbmUgPSAoY29sb3I6IHN0cmluZykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGJhY2tncm91bmQ6ICR7Y29sb3J9O1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJEZWNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogZGVjcmVhc2UgMi4zcyAwLjhzIGluZmluaXRlO1xuICBAa2V5ZnJhbWVzIGRlY3JlYXNlIHtcbiAgICBmcm9tIHtcbiAgICAgIGxlZnQ6IC04MCU7XG4gICAgICB3aWR0aDogODAlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMTAlO1xuICAgICAgd2lkdGg6IDEwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJJbmNMaW5lID0gKGNvbG9yPzogc3RyaW5nKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZShjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderSubLine;")
   );
 };
 
 exports.LoaderSubLine = LoaderSubLine;
 
-var LoaderDecLine = function LoaderDecLine() {
+var LoaderDecLine = function LoaderDecLine(color) {
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(LoaderSubLine(theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:decrease 2.3s 0.8s infinite;@keyframes decrease{from{left:-80%;width:80%;}to{left:110%;width:10%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUIwRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBkZWNyZWFzZSAyLjNzIDAuOHMgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgZGVjcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTgwJTtcbiAgICAgIHdpZHRoOiA4MCU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDExMCU7XG4gICAgICB3aWR0aDogMTAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckluY0xpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZSh0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;")
+      (0, _react.css)(LoaderSubLine(color || theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:decrease 2.3s 0.8s infinite;@keyframes decrease{from{left:-80%;width:80%;}to{left:110%;width:10%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJ3RiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGluY3JlYXNlIDIuM3MgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgaW5jcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTUlO1xuICAgICAgd2lkdGg6IDUlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMzAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderDecLine;")
     );
   };
 };
 
 exports.LoaderDecLine = LoaderDecLine;
 
-var LoaderIncLine = function LoaderIncLine() {
+var LoaderIncLine = function LoaderIncLine(color) {
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)(LoaderSubLine(theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:increase 2.3s infinite;@keyframes increase{from{left:-5%;width:5%;}to{left:130%;width:100%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUMwRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBkZWNyZWFzZSAyLjNzIDAuOHMgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgZGVjcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTgwJTtcbiAgICAgIHdpZHRoOiA4MCU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDExMCU7XG4gICAgICB3aWR0aDogMTAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckluY0xpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZSh0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;")
+      (0, _react.css)(LoaderSubLine(color || theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')), ";animation:increase 2.3s infinite;@keyframes increase{from{left:-5%;width:5%;}to{left:130%;width:100%;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUN3RiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGluY3JlYXNlIDIuM3MgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgaW5jcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTUlO1xuICAgICAgd2lkdGg6IDUlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMzAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderIncLine;")
     );
   };
 };
@@ -65,7 +65,7 @@ var LoaderContainer = function LoaderContainer() {
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("position:relative;width:100%;height:", (0, _utils.rem)(8), ";overflow-x:hidden;border-radius:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9ICgpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgJHtMb2FkZXJTdWJMaW5lKHRoZW1lLnV0aWxzLmdldENvbG9yKCdwcmltYXJ5JywgQkFTRV9TSEFERSwgJ25vcm1hbCcpKX07XG5cbiAgYW5pbWF0aW9uOiBkZWNyZWFzZSAyLjNzIDAuOHMgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgZGVjcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTgwJTtcbiAgICAgIHdpZHRoOiA4MCU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDExMCU7XG4gICAgICB3aWR0aDogMTAlO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IExvYWRlckluY0xpbmUgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7TG9hZGVyU3ViTGluZSh0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKSl9O1xuXG4gIGFuaW1hdGlvbjogaW5jcmVhc2UgMi4zcyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBpbmNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtNSU7XG4gICAgICB3aWR0aDogNSU7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIGxlZnQ6IDEzMCU7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICB9XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJDb250YWluZXIgPSAoKSA9PiAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogJHtyZW0oOCl9O1xuICBvdmVyZmxvdy14OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6ICR7cmVtKDgpfTtcbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;")
+      (0, _react.css)("position:relative;width:100%;height:", (0, _utils.rem)(8), ";overflow-x:hidden;border-radius:", (0, _utils.rem)(8), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL0luZGV0ZXJtaW5hdGVMb2FkZXIvSW5kZXRlcm1pbmF0ZUxvYWRlci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURnRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Mb2FkZXIvY29tcG9uZW50cy9JbmRldGVybWluYXRlTG9hZGVyL0luZGV0ZXJtaW5hdGVMb2FkZXIuc3R5bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICd0aGVtZSc7XG5pbXBvcnQgeyBCQVNFX1NIQURFIH0gZnJvbSAndGhlbWUvcGFsZXR0ZSc7XG5pbXBvcnQgeyByZW0gfSBmcm9tICd0aGVtZS91dGlscyc7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJMaW5lID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIG9wYWNpdHk6IDAuNDtcbiAgYmFja2dyb3VuZDogJHt0aGVtZS51dGlscy5nZXRDb2xvcignbGlnaHRHcmV5JywgMTAwKX07XG4gIHdpZHRoOiAxNTAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBMb2FkZXJTdWJMaW5lID0gKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcbiAgaGVpZ2h0OiAke3JlbSg4KX07XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyRGVjTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGRlY3JlYXNlIDIuM3MgMC44cyBpbmZpbml0ZTtcbiAgQGtleWZyYW1lcyBkZWNyZWFzZSB7XG4gICAgZnJvbSB7XG4gICAgICBsZWZ0OiAtODAlO1xuICAgICAgd2lkdGg6IDgwJTtcbiAgICB9XG4gICAgdG8ge1xuICAgICAgbGVmdDogMTEwJTtcbiAgICAgIHdpZHRoOiAxMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVySW5jTGluZSA9IChjb2xvcj86IHN0cmluZykgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke0xvYWRlclN1YkxpbmUoY29sb3IgfHwgdGhlbWUudXRpbHMuZ2V0Q29sb3IoJ3ByaW1hcnknLCBCQVNFX1NIQURFLCAnbm9ybWFsJykpfTtcblxuICBhbmltYXRpb246IGluY3JlYXNlIDIuM3MgaW5maW5pdGU7XG4gIEBrZXlmcmFtZXMgaW5jcmVhc2Uge1xuICAgIGZyb20ge1xuICAgICAgbGVmdDogLTUlO1xuICAgICAgd2lkdGg6IDUlO1xuICAgIH1cbiAgICB0byB7XG4gICAgICBsZWZ0OiAxMzAlO1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTG9hZGVyQ29udGFpbmVyID0gKCkgPT4gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6ICR7cmVtKDgpfTtcbiAgb3ZlcmZsb3cteDogaGlkZGVuO1xuICBib3JkZXItcmFkaXVzOiAke3JlbSg4KX07XG5gO1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:LoaderContainer;")
     );
   };
 };

package/dist/components/Loader/components/Spinner/Spinner.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { TestId } from '../../../../utils/types';
 interface Props {
     dataTestId?: TestId;
+    color?: string;
 }
 declare const Spinner: FC<Props>;
 export default Spinner;

package/dist/components/Loader/components/Spinner/Spinner.js

@@ -14,10 +14,11 @@ var _react2 = require("@emotion/react");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var Spinner = function Spinner(_ref) {
-  var dataTestId = _ref.dataTestId;
+  var dataTestId = _ref.dataTestId,
+      color = _ref.color;
   return (0, _react2.jsx)("div", {
     "data-testid": (0, _helpers.generateTestDataId)('spinner', dataTestId),
-    css: (0, _Spinner.spinnerContainer)()
+    css: (0, _Spinner.spinnerContainer)(color)
   });
 };
 

package/dist/components/Loader/components/Spinner/Spinner.style.d.ts

@@ -1,3 +1,3 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
-export declare const spinnerContainer: () => (theme: Theme) => SerializedStyles;
+export declare const spinnerContainer: (color?: string | undefined) => (theme: Theme) => SerializedStyles;

package/dist/components/Loader/components/Spinner/Spinner.style.js

@@ -13,13 +13,13 @@ var spinnerBorderStyle = function spinnerBorderStyle(theme, color) {
   return (0, _utils.rem)(2) + " solid " + (color || theme.utils.getColor('primary', _palette.BASE_SHADE, 'normal')) + ";";
 };
 
-var spinnerContainer = function spinnerContainer() {
+var spinnerContainer = function spinnerContainer(color) {
   return function (theme) {
     return (
       /*#__PURE__*/
 
       /*#__PURE__*/
-      (0, _react.css)("width:", theme.spacing.lg, ";height:", theme.spacing.lg, ";margin:auto;box-sizing:border-box;border-top:", spinnerBorderStyle(theme), ";border-right:", spinnerBorderStyle(theme), ";border-bottom:", spinnerBorderStyle(theme), ";border-left:", spinnerBorderStyle(theme, 'transparent'), ";border-radius:50%;animation:spin 1.1s infinite linear;@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTZFIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgc3Bpbm5lckJvcmRlclN0eWxlID0gKHRoZW1lOiBUaGVtZSwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGAke3JlbSgyKX0gc29saWQgJHtjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKX07YDtcblxuZXhwb3J0IGNvbnN0IHNwaW5uZXJDb250YWluZXIgPSAoKSA9PiAodGhlbWU6IFRoZW1lKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHdpZHRoOiAke3RoZW1lLnNwYWNpbmcubGd9O1xuICBoZWlnaHQ6ICR7dGhlbWUuc3BhY2luZy5sZ307XG4gIG1hcmdpbjogYXV0bztcbiAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgYm9yZGVyLXRvcDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUpfTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItYm90dG9tOiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSl9O1xuICBib3JkZXItbGVmdDogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUsICd0cmFuc3BhcmVudCcpfTtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBhbmltYXRpb246IHNwaW4gMS4xcyBpbmZpbml0ZSBsaW5lYXI7XG5cbiAgQGtleWZyYW1lcyBzcGluIHtcbiAgICAwJSB7XG4gICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgfVxuICAgIDEwMCUge1xuICAgICAgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;")
+      (0, _react.css)("width:", theme.spacing.lg, ";height:", theme.spacing.lg, ";margin:auto;box-sizing:border-box;border-top:", spinnerBorderStyle(theme, color), ";border-right:", spinnerBorderStyle(theme, color), ";border-bottom:", spinnerBorderStyle(theme, color), ";border-left:", spinnerBorderStyle(theme, 'transparent'), ";border-radius:50%;animation:spin 1.1s infinite linear;@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}" + (process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTJGIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0xvYWRlci9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci5zdHlsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IEJBU0VfU0hBREUgfSBmcm9tICd0aGVtZS9wYWxldHRlJztcbmltcG9ydCB7IHJlbSB9IGZyb20gJ3RoZW1lL3V0aWxzJztcblxuY29uc3Qgc3Bpbm5lckJvcmRlclN0eWxlID0gKHRoZW1lOiBUaGVtZSwgY29sb3I/OiBzdHJpbmcpID0+XG4gIGAke3JlbSgyKX0gc29saWQgJHtjb2xvciB8fCB0aGVtZS51dGlscy5nZXRDb2xvcigncHJpbWFyeScsIEJBU0VfU0hBREUsICdub3JtYWwnKX07YDtcblxuZXhwb3J0IGNvbnN0IHNwaW5uZXJDb250YWluZXIgPSAoY29sb3I/OiBzdHJpbmcpID0+ICh0aGVtZTogVGhlbWUpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgd2lkdGg6ICR7dGhlbWUuc3BhY2luZy5sZ307XG4gIGhlaWdodDogJHt0aGVtZS5zcGFjaW5nLmxnfTtcbiAgbWFyZ2luOiBhdXRvO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXItdG9wOiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSwgY29sb3IpfTtcbiAgYm9yZGVyLXJpZ2h0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSwgY29sb3IpfTtcbiAgYm9yZGVyLWJvdHRvbTogJHtzcGlubmVyQm9yZGVyU3R5bGUodGhlbWUsIGNvbG9yKX07XG4gIGJvcmRlci1sZWZ0OiAke3NwaW5uZXJCb3JkZXJTdHlsZSh0aGVtZSwgJ3RyYW5zcGFyZW50Jyl9O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGFuaW1hdGlvbjogc3BpbiAxLjFzIGluZmluaXRlIGxpbmVhcjtcblxuICBAa2V5ZnJhbWVzIHNwaW4ge1xuICAgIDAlIHtcbiAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICB9XG4gICAgMTAwJSB7XG4gICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:spinnerContainer;")
     );
   };
 };

package/dist/components/Overlay/Overlay.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { DivProps } from 'utils/common';
+import { TestId } from 'utils/types';
+export declare type AnchorType = 'bottom' | 'left' | 'right' | 'top';
+export declare type Props = {
+    /**  If true, the overlay is open.*/
+    open: boolean;
+    /** Callback fired when the component requests to be closed. */
+    onClose: () => void;
+    /** Side from which the overlay will appear. */
+    anchor?: AnchorType;
+    /**Based on the anchor, defines the size of the overlay. */
+    size: string;
+    /** The data test id if needed */
+    dataTestId?: TestId;
+};
+declare const Overlay: React.ForwardRefExoticComponent<Pick<Props & DivProps, "children" | "onChange" | "color" | "onBlur" | "onClick" | "type" | "autoFocus" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "cite" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "data" | "dateTime" | "default" | "defer" | "download" | "encType" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "label" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "optimum" | "pattern" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "sizes" | "span" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "summary" | "target" | "useMap" | "width" | "wmode" | "wrap" | "key" | keyof Props> & React.RefAttributes<HTMLDivElement>>;
+export default Overlay;

package/dist/components/Overlay/Overlay.js

@@ -0,0 +1,84 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _useEscape = _interopRequireDefault(require("../../hooks/useEscape"));
+
+var _react = _interopRequireDefault(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 }; }
+
+var getAnchorStyle = function getAnchorStyle(_ref) {
+  var anchor = _ref.anchor,
+      size = _ref.size;
+  return anchor === 'top' || anchor === 'bottom' ? {
+    display: 'flex',
+    height: size,
+    width: '100%'
+  } : {
+    display: 'flex',
+    height: '100%',
+    width: size
+  };
+};
+
+var Overlay = /*#__PURE__*/_react["default"].forwardRef(function (_ref2, ref) {
+  var open = _ref2.open,
+      onClose = _ref2.onClose,
+      _ref2$anchor = _ref2.anchor,
+      anchor = _ref2$anchor === void 0 ? 'left' : _ref2$anchor,
+      size = _ref2.size,
+      dataTestId = _ref2.dataTestId,
+      children = _ref2.children;
+  (0, _useEscape["default"])(function () {
+    onClose();
+  });
+  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({
+      anchor: anchor,
+      size: size
+    })
+  }, (0, _react2.jsx)("div", {
+    ref: ref,
+    css: (0, _Overlay.overlayStyle)({
+      open: open,
+      anchor: anchor
+    })
+  }, (0, _react2.jsx)("div", {
+    css: (0, _Overlay.closeIconContainer)()
+  }, (0, _react2.jsx)(_IconButton["default"], {
+    name: 'close',
+    filled: false,
+    transparent: true,
+    color: 'lightGrey-650',
+    size: 'sm',
+    onClick: onClose,
+    dataTestId: 'overlay-close'
+  })), (0, _react2.jsx)("div", {
+    css: (0, _Overlay.contentStyle)()
+  }, children))));
+});
+
+Overlay.displayName = 'Overlay';
+var _default = Overlay;
+exports["default"] = _default;

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

@@ -0,0 +1,13 @@
+import { SerializedStyles } from '@emotion/react';
+import { Theme } from 'theme';
+import { AnchorType } from './Overlay';
+export declare const backdropStyle: ({ open, anchor }: {
+    open: boolean;
+    anchor: AnchorType;
+}) => (theme: Theme) => SerializedStyles;
+export declare const overlayStyle: ({ open, anchor }: {
+    open: boolean;
+    anchor: AnchorType;
+}) => (theme: Theme) => SerializedStyles;
+export declare const closeIconContainer: () => (theme: Theme) => SerializedStyles;
+export declare const contentStyle: () => (theme: Theme) => SerializedStyles;

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

@@ -0,0 +1,138 @@
+"use strict";
+
+exports.__esModule = true;
+exports.contentStyle = exports.closeIconContainer = exports.overlayStyle = exports.backdropStyle = void 0;
+
+var _react = require("@emotion/react");
+
+var _polished = require("polished");
+
+var _functions = require("../../theme/functions");
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1f60if8",
+  styles: "justify-content:flex-end"
+} : {
+  name: "h73t39-justifyContentEnd",
+  styles: "justify-content:flex-end;label:justifyContentEnd;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPcUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9ICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDB2dztcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgei1pbmRleDogMjUwMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgdmlzaWJpbGl0eTogJHtvcGVuID8gJ3Zpc2libGUnIDogJ2hpZGRlbid9O1xuICBvcGFjaXR5OiAke29wZW4gPyAxIDogMH07XG4gICR7dHJhbnNpdGlvbigwLjIpfVxuICAke2dldFN0eWxlQmFzZWRPbkFuY2hvcihhbmNob3IpfVxuYDtcblxuZXhwb3J0IGNvbnN0IG92ZXJsYXlTdHlsZSA9ICh7IG9wZW4sIGFuY2hvciB9OiB7IG9wZW46IGJvb2xlYW47IGFuY2hvcjogQW5jaG9yVHlwZSB9KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleH1cbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogYXV0bztcbiAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgJHt0cmFuc2l0aW9uKDAuMyl9XG5gO1xuXG5leHBvcnQgY29uc3QgY2xvc2VJY29uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5zbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG5gO1xuXG5leHBvcnQgY29uc3QgY29udGVudFN0eWxlID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueGx9O1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var justifyContentEnd = function justifyContentEnd() {
+  return _ref2;
+};
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "qdeacm",
+  styles: "flex-direction:column"
+} : {
+  name: "sxduke-flexDirectionColumn",
+  styles: "flex-direction:column;label:flexDirectionColumn;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL092ZXJsYXkvT3ZlcmxheS5zdHlsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXdUQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvT3ZlcmxheS9PdmVybGF5LnN0eWxlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdHJhbnNwYXJlbnRpemUgfSBmcm9tICdwb2xpc2hlZCc7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJ3RoZW1lJztcbmltcG9ydCB7IGZsZXgsIHRyYW5zaXRpb24gfSBmcm9tICd0aGVtZS9mdW5jdGlvbnMnO1xuXG5pbXBvcnQgeyBBbmNob3JUeXBlIH0gZnJvbSAnLi9PdmVybGF5JztcblxuY29uc3QganVzdGlmeUNvbnRlbnRFbmQgPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG5gO1xuXG5jb25zdCBmbGV4RGlyZWN0aW9uQ29sdW1uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcblxuY29uc3QgZ2V0U3R5bGVCYXNlZE9uQW5jaG9yID0gKGFuY2hvcjogQW5jaG9yVHlwZSkgPT4ge1xuICBzd2l0Y2ggKGFuY2hvcikge1xuICAgIGNhc2UgJ3RvcCc6XG4gICAgICByZXR1cm4gZmxleERpcmVjdGlvbkNvbHVtbigpO1xuICAgIGNhc2UgJ3JpZ2h0JzpcbiAgICAgIHJldHVybiBqdXN0aWZ5Q29udGVudEVuZCgpO1xuICAgIGNhc2UgJ2JvdHRvbSc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2p1c3RpZnlDb250ZW50RW5kKCl9ICR7ZmxleERpcmVjdGlvbkNvbHVtbigpfVxuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5jb25zdCB0cmFuc2Zvcm1CYXNlZE9uUHJvcHMgPSAob3BlbjogYm9vbGVhbiwgYW5jaG9yOiBBbmNob3JUeXBlKSA9PiB7XG4gIHN3aXRjaCAoYW5jaG9yKSB7XG4gICAgY2FzZSAndG9wJzpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVkoMCknIDogJ3RyYW5zbGF0ZVkoLTEwMCUpJztcbiAgICBjYXNlICdyaWdodCc6XG4gICAgICByZXR1cm4gb3BlbiA/ICd0cmFuc2xhdGVYKDApJyA6ICd0cmFuc2xhdGVYKDEwMCUpJztcbiAgICBjYXNlICdib3R0b20nOlxuICAgICAgcmV0dXJuIG9wZW4gPyAndHJhbnNsYXRlWSgwKScgOiAndHJhbnNsYXRlWSgxMDAlKSc7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBvcGVuID8gJ3RyYW5zbGF0ZVgoMCknIDogJ3RyYW5zbGF0ZVgoLTEwMCUpJztcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGJhY2tkcm9wU3R5bGUgPSAoeyBvcGVuLCBhbmNob3IgfTogeyBvcGVuOiBib29sZWFuOyBhbmNob3I6IEFuY2hvclR5cGUgfSkgPT4gKFxuICB0aGVtZTogVGhlbWVcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9O1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDB2dztcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgei1pbmRleDogMjUwMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RyYW5zcGFyZW50aXplKDAuMjUsIHRoZW1lLnBhbGV0dGUuYmxhY2spfTtcbiAgdmlzaWJpbGl0eTogJHtvcGVuID8gJ3Zpc2libGUnIDogJ2hpZGRlbid9O1xuICBvcGFjaXR5OiAke29wZW4gPyAxIDogMH07XG4gICR7dHJhbnNpdGlvbigwLjIpfVxuICAke2dldFN0eWxlQmFzZWRPbkFuY2hvcihhbmNob3IpfVxuYDtcblxuZXhwb3J0IGNvbnN0IG92ZXJsYXlTdHlsZSA9ICh7IG9wZW4sIGFuY2hvciB9OiB7IG9wZW46IGJvb2xlYW47IGFuY2hvcjogQW5jaG9yVHlwZSB9KSA9PiAoXG4gIHRoZW1lOiBUaGVtZVxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gICR7ZmxleH1cbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgb3ZlcmZsb3cteTogYXV0bztcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wYWxldHRlLndoaXRlfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogYXV0bztcbiAgdHJhbnNmb3JtOiAke3RyYW5zZm9ybUJhc2VkT25Qcm9wcyhvcGVuLCBhbmNob3IpfTtcbiAgJHt0cmFuc2l0aW9uKDAuMyl9XG5gO1xuXG5leHBvcnQgY29uc3QgY2xvc2VJY29uQ29udGFpbmVyID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICAke2ZsZXh9XG4gIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gIHBhZGRpbmc6ICR7dGhlbWUuc3BhY2luZy5zbX0gJHt0aGVtZS5zcGFjaW5nLnNtfSAwIDA7XG5gO1xuXG5leHBvcnQgY29uc3QgY29udGVudFN0eWxlID0gKCkgPT4gKHRoZW1lOiBUaGVtZSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke3RoZW1lLnNwYWNpbmcueGx9O1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var flexDirectionColumn = function flexDirectionColumn() {
+  return _ref;
+};
+
+var getStyleBasedOnAnchor = function getStyleBasedOnAnchor(anchor) {
+  switch (anchor) {
+    case 'top':
+      return flexDirectionColumn();
+
+    case 'right':
+      return justifyContentEnd();
+
+    case 'bottom':
+      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;")
+      );
+
+    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;")
+      );
+  }
+};
+
+var transformBasedOnProps = function transformBasedOnProps(open, anchor) {
+  switch (anchor) {
+    case 'top':
+      return open ? 'translateY(0)' : 'translateY(-100%)';
+
+    case 'right':
+      return open ? 'translateX(0)' : 'translateX(100%)';
+
+    case 'bottom':
+      return open ? 'translateY(0)' : 'translateY(100%)';
+
+    default:
+      return open ? 'translateX(0)' : 'translateX(-100%)';
+  }
+};
+
+var backdropStyle = function backdropStyle(_ref3) {
+  var open = _ref3.open,
+      anchor = _ref3.anchor;
+  return function (theme) {
+    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;")
+    );
+  };
+};
+
+exports.backdropStyle = backdropStyle;
+
+var overlayStyle = function overlayStyle(_ref4) {
+  var open = _ref4.open,
+      anchor = _ref4.anchor;
+  return function (theme) {
+    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;")
+    );
+  };
+};
+
+exports.overlayStyle = overlayStyle;
+
+var closeIconContainer = function closeIconContainer() {
+  return function (theme) {
+    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;")
+    );
+  };
+};
+
+exports.closeIconContainer = closeIconContainer;
+
+var contentStyle = function contentStyle() {
+  return function (theme) {
+    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;")
+    );
+  };
+};
+
+exports.contentStyle = contentStyle;

package/dist/components/Overlay/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Overlay';

package/dist/components/Overlay/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _Overlay = _interopRequireDefault(require("./Overlay"));
+
+exports["default"] = _Overlay["default"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/dist/components/Radio/Radio.d.ts

@@ -32,7 +32,5 @@ export declare type Props = {
     filled?: boolean;
     dataTestId?: TestId;
 };
-declare function Radio(props: Props, ref: React.Ref<HTMLInputElement>): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const RadioWithoutForwardRef: typeof Radio;
-declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+declare const Radio: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default Radio;

package/dist/components/Radio/Radio.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports["default"] = exports.RadioWithoutForwardRef = void 0;
+exports["default"] = void 0;
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -21,7 +21,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 Radio(props, ref) {
+var Radio = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var externallyControlledChecked = props.checked,
       onChange = props.onChange,
       _props$value = props.value,
@@ -47,15 +47,15 @@ function Radio(props, ref) {
   var radioGroup = (0, _useRadioGroup["default"])();
   var theme = (0, _useTheme["default"])();
 
-  function handleFocus() {
+  var handleFocus = function handleFocus() {
     setFocused(true);
-  }
+  };
 
-  function handleBlur() {
+  var handleBlur = function handleBlur() {
     setFocused(false);
-  }
+  };
 
-  function handleChange(e) {
+  var handleChange = function handleChange(e) {
     if (disabled) return;
 
     if (externallyControlledChecked === undefined) {
@@ -69,7 +69,7 @@ function Radio(props, ref) {
     if (radioGroup) {
       radioGroup.onChange(e);
     }
-  } // Checked value is either the externally controlled value,
+  }; // Checked value is either the externally controlled value,
   // or based on the radioGroup provided values,
   // or the internally controlled value
 
@@ -105,11 +105,7 @@ function Radio(props, ref) {
   }), (0, _react2.jsx)("span", {
     css: (0, _Radio.customRadioInnerHover)(focused, disabled)
   })));
-}
-
-var RadioWithoutForwardRef = Radio;
-exports.RadioWithoutForwardRef = RadioWithoutForwardRef;
-
-var _default = /*#__PURE__*/React.forwardRef(Radio);
-
+});
+Radio.displayName = 'Radio';
+var _default = Radio;
 exports["default"] = _default;