@pingux/astro 1.6.0 → 1.7.0-alpha.10

package/lib/cjs/components/AstroWrapper/AstroWrapper.js

@@ -2,12 +2,20 @@
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
+exports.PageWrapper = exports.GlobalStyles = void 0;
+
 _Object$defineProperty(exports, "ThemeProvider", {
   enumerable: true,
   get: function get() {
@@ -15,13 +23,17 @@ _Object$defineProperty(exports, "ThemeProvider", {
   }
 });
 
-exports["default"] = exports.PageWrapper = exports.GlobalStyles = void 0;
+exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _themeUi = require("theme-ui");
 
@@ -33,59 +45,118 @@ var _Box = _interopRequireDefault(require("../Box"));
 
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 
+var _excluded = ["defaultTheme", "themeOverrides", "children"],
+    _excluded2 = ["defaultTheme", "themeOverrides", "children"];
+
+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 _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 GlobalStyles = function GlobalStyles() {
   return (0, _react2.jsx)(_react2.Global, {
-    styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVVMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9XcmFwcGVyL0FzdHJvV3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgdGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVGhlIG1haW4gd3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQsIHNvbWUgZ2xvYmFsIHN0eWxlcywgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuY29uc3QgQXN0cm9XcmFwcGVyID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0pID0+IChcbiAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3RoZW1lfT5cbiAgICA8R2xvYmFsU3R5bGVzIC8+XG4gICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0JveD5cbiAgPC9UaGVtZVByb3ZpZGVyPlxuKTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSAoeyBjaGlsZHJlbiwgLi4ucHJvcHMgfSkgPT4gKFxuICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9PlxuICAgIDxHbG9iYWxcbiAgICAgIHN0eWxlcz17XG4gICAgICAgIGNzc2BcbiAgICAgICAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgICAgICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgICAgICAgfVxuICAgICAgICBgXG4gICAgICB9XG4gICAgLz5cbiAgICA8Qm94XG4gICAgICBjc3M9e1xuICAgICAgICBjc3NgXG4gICAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgICAgICAgKiB7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0JveD5cbiAgPC9UaGVtZVByb3ZpZGVyPlxuKTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9XcmFwcGVyO1xuIl19 */")
+    styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:0.5;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9XcmFwcGVyL0FzdHJvV3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIsIG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICBgXG4gICAgfVxuICAvPlxuKTtcblxuLyoqXG4gKiBUaGUgbWFpbiB3cmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24uXG4gKiBUaGUgQXN0cm9XcmFwcGVyIHByb3ZpZGVzIGEgc3RhbmRhcmQgYmFja2dyb3VuZCxcbiAqIHNvbWUgZ2xvYmFsIHN0eWxlcywgYW5kIHRoZSBBc3RybyB0aGVtZSBieSBkZWZhdWx0LlxuICpcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVzL292ZXJyaWRlVUlMaWJgXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1dyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtcbiAgY3NzYFxuICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICB9XG4gIGBcbn1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17XG4gIGNzc2BcbiAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAqIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG59XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cblBhZ2VXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */")
   });
 };
 /**
  * The main wrapper for the Astro application.
- * It provides the standard background, some global styles, and the Astro theme.
+ * The AstroWrapper provides a standard background,
+ * some global styles, and the Astro theme by default.
+ *
+ * _Note: For UI Library and Astro CSS conflicts, we supply a theme override located at_
+ * `@pingux/astro/lib/styles/themes/overrideUILib`
  */
 
 
 exports.GlobalStyles = GlobalStyles;
-
-var AstroWrapper = function AstroWrapper(_ref2) {
-  var children = _ref2.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref2, ["children"]);
-  return (0, _react2.jsx)(_themeUi.ThemeProvider, {
-    theme: _theme["default"]
-  }, (0, _react2.jsx)(GlobalStyles, null), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
+var AstroWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var defaultTheme = props.defaultTheme,
+      themeOverrides = props.themeOverrides,
+      children = props.children,
+      others = (0, _objectWithoutProperties2["default"])(props, _excluded); // Unfortunately because this is adding styles, we cannot write a proper test for this.
+
+  /* istanbul ignore next */
+
+  var theme = (0, _react.useMemo)(function () {
+    var _context;
+
+    return _themeUi.merge.apply(void 0, (0, _concat["default"])(_context = [defaultTheme]).call(_context, themeOverrides));
+  }, [defaultTheme, themeOverrides]);
+  return (0, _react2.jsx)(_themeUi.ThemeProvider, (0, _extends2["default"])({
+    ref: ref,
+    theme: theme
+  }, others), (0, _react2.jsx)(GlobalStyles, null), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     bg: "background",
     height: "100%"
   }, props), children));
+});
+AstroWrapper.propTypes = {
+  /** Array of theme objects which will be merged with the default theme.
+     * In the case of clashes, these will take priority.
+     * Useful for customizing the default variants, adding new ones,
+     *  or overriding other theme values. */
+  themeOverrides: _propTypes["default"].arrayOf(_propTypes["default"].shape({})),
+
+  /** The default theme applied to the Astro components.
+   * Overriding this is an advanced use case so
+   * please understand potential reprecussions before editing */
+  defaultTheme: _propTypes["default"].shape({})
+};
+AstroWrapper.defaultProps = {
+  defaultTheme: _theme["default"],
+  themeOverrides: [{}]
 };
 /**
  * Wrapper for the Astro application w/o global styles.
  * It provides the standard background and the Astro theme.
  */
 
-
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1ym5lsq",
   styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);}"
 } : {
   name: "1385fa1-PageWrapper",
   styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0RXIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IHRoZW1lIGZyb20gJy4uLy4uL3N0eWxlcy90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiAoXG4gIDxHbG9iYWxcbiAgICBzdHlsZXM9e1xuICAgICAgY3NzYFxuICAgICAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIFRoZSBtYWluIHdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbi5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kLCBzb21lIGdsb2JhbCBzdHlsZXMsIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0+XG4gICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgIDxCb3ggYmc9XCJiYWNrZ3JvdW5kXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Cb3g+XG4gIDwvVGhlbWVQcm92aWRlcj5cbik7XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0pID0+IChcbiAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3RoZW1lfT5cbiAgICA8R2xvYmFsXG4gICAgICBzdHlsZXM9e1xuICAgICAgICBjc3NgXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgICAgICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgIC8+XG4gICAgPEJveFxuICAgICAgY3NzPXtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICAgICAgICoge1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Cb3g+XG4gIDwvVGhlbWVQcm92aWRlcj5cbik7XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dLIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVGhlIG1haW4gd3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uLlxuICogVGhlIEFzdHJvV3JhcHBlciBwcm92aWRlcyBhIHN0YW5kYXJkIGJhY2tncm91bmQsXG4gKiBzb21lIGdsb2JhbCBzdHlsZXMsIGFuZCB0aGUgQXN0cm8gdGhlbWUgYnkgZGVmYXVsdC5cbiAqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lcy9vdmVycmlkZVVJTGliYFxuICovXG5jb25zdCBBc3Ryb1dyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgIDxCb3ggYmc9XCJiYWNrZ3JvdW5kXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5Bc3Ryb1dyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuQXN0cm9XcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17XG4gIGNzc2BcbiAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgfVxuICBgXG59XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e1xuICBjc3NgXG4gICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgKiB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5QYWdlV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1dyYXBwZXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-var PageWrapper = function PageWrapper(_ref3) {
-  var children = _ref3.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref3, ["children"]);
-  return (0, _react2.jsx)(_themeUi.ThemeProvider, {
-    theme: _theme["default"]
-  }, (0, _react2.jsx)(_react2.Global, {
+var PageWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var defaultTheme = props.defaultTheme,
+      themeOverrides = props.themeOverrides,
+      children = props.children,
+      others = (0, _objectWithoutProperties2["default"])(props, _excluded2);
+  var theme = (0, _react.useMemo)(function () {
+    var _context2;
+
+    return _themeUi.merge.apply(void 0, (0, _concat["default"])(_context2 = [defaultTheme]).call(_context2, themeOverrides));
+  }, [defaultTheme, themeOverrides]);
+  return (0, _react2.jsx)(_themeUi.ThemeProvider, (0, _extends2["default"])({
+    ref: ref,
+    theme: theme
+  }, others), (0, _react2.jsx)(_react2.Global, {
     styles: _ref
   }), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
-    css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVXIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVGhlbWVQcm92aWRlciB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IHRoZW1lIGZyb20gJy4uLy4uL3N0eWxlcy90aGVtZSc7XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiAoXG4gIDxHbG9iYWxcbiAgICBzdHlsZXM9e1xuICAgICAgY3NzYFxuICAgICAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgIGBcbiAgICB9XG4gIC8+XG4pO1xuXG4vKipcbiAqIFRoZSBtYWluIHdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbi5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kLCBzb21lIGdsb2JhbCBzdHlsZXMsIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9ICh7IGNoaWxkcmVuLCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0+XG4gICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgIDxCb3ggYmc9XCJiYWNrZ3JvdW5kXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Cb3g+XG4gIDwvVGhlbWVQcm92aWRlcj5cbik7XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gKHsgY2hpbGRyZW4sIC4uLnByb3BzIH0pID0+IChcbiAgPFRoZW1lUHJvdmlkZXIgdGhlbWU9e3RoZW1lfT5cbiAgICA8R2xvYmFsXG4gICAgICBzdHlsZXM9e1xuICAgICAgICBjc3NgXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgICAgICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgIC8+XG4gICAgPEJveFxuICAgICAgY3NzPXtcbiAgICAgICAgY3NzYFxuICAgICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICAgICAgICoge1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGBcbiAgICAgIH1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9Cb3g+XG4gIDwvVGhlbWVQcm92aWRlcj5cbik7XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */")
+    css: /*#__PURE__*/(0, _react2.css)(_emotionNormalize["default"], " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dLIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVGhlIG1haW4gd3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uLlxuICogVGhlIEFzdHJvV3JhcHBlciBwcm92aWRlcyBhIHN0YW5kYXJkIGJhY2tncm91bmQsXG4gKiBzb21lIGdsb2JhbCBzdHlsZXMsIGFuZCB0aGUgQXN0cm8gdGhlbWUgYnkgZGVmYXVsdC5cbiAqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lcy9vdmVycmlkZVVJTGliYFxuICovXG5jb25zdCBBc3Ryb1dyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgIDxCb3ggYmc9XCJiYWNrZ3JvdW5kXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5Bc3Ryb1dyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuQXN0cm9XcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17XG4gIGNzc2BcbiAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgfVxuICBgXG59XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e1xuICBjc3NgXG4gICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgKiB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5QYWdlV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1dyYXBwZXI7XG4iXX0= */")
   }, props), children));
-};
-
+});
 exports.PageWrapper = PageWrapper;
+PageWrapper.propTypes = {
+  /** Array of theme objects which will be merged with the default theme.
+     * In the case of clashes, these will take priority.
+     * Useful for customizing the default variants, adding new ones,
+     *  or overriding other theme values. */
+  themeOverrides: _propTypes["default"].arrayOf(_propTypes["default"].shape({})),
+
+  /** The default theme applied to the Astro components.
+   * Overriding this is an advanced use case so
+   * please understand potential reprecussions before editing */
+  defaultTheme: _propTypes["default"].shape({})
+};
+PageWrapper.defaultProps = {
+  defaultTheme: _theme["default"],
+  themeOverrides: [{}]
+};
 var _default = AstroWrapper;
 exports["default"] = _default;

package/lib/cjs/components/AstroWrapper/AstroWrapper.stories.js

@@ -0,0 +1,90 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = exports.WithCustomThemeOverride = exports.Default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _index = require("../../index");
+
+var _react2 = require("@emotion/react");
+
+var _default = {
+  title: 'AstroWrapper',
+  component: _index.AstroWrapper,
+  decorators: [function (Story) {
+    return (0, _react2.jsx)("div", null, (0, _react2.jsx)(Story, null));
+  }]
+};
+exports["default"] = _default;
+
+var Default = function Default() {
+  return (0, _react2.jsx)(_index.AstroWrapper, {
+    bg: "transparent",
+    alignItems: "flex-start"
+  }, (0, _react2.jsx)(_index.Text, {
+    variant: "title",
+    mb: "sm"
+  }, "Title Text"), (0, _react2.jsx)(_index.Text, {
+    variant: "body",
+    mb: "sm"
+  }, "Body text"), (0, _react2.jsx)(_index.Button, {
+    variant: "primary"
+  }, "Primary Button"));
+};
+
+exports.Default = Default;
+
+var WithCustomThemeOverride = function WithCustomThemeOverride() {
+  var myNewColors = {
+    primary: '#183446',
+    secondary: '#046E8F'
+  };
+  var myCustomBranding = {
+    buttons: {
+      primary: {
+        bg: myNewColors.primary,
+        border: 'none',
+        display: 'inline',
+        '&:hover': {
+          bg: '#0090C1',
+          border: 'none'
+        }
+      }
+    },
+    text: {
+      title: {
+        color: myNewColors.secondary
+      }
+    }
+  };
+  return (0, _react2.jsx)(_index.AstroWrapper, {
+    themeOverrides: [myCustomBranding],
+    bg: "transparent",
+    alignItems: "flex-start"
+  }, (0, _react2.jsx)(_index.Text, {
+    variant: "title",
+    mb: "sm"
+  }, "This is the heading variant with a custom theme applied."), (0, _react2.jsx)(_index.Text, {
+    variant: "body",
+    mb: "sm"
+  }, "The body variant is not mentioned in the custom theme, so it inherits styles from the default Astro theme."), (0, _react2.jsx)(_index.Button, {
+    variant: "primary"
+  }, "This is a primary button with custom theme."));
+};
+
+exports.WithCustomThemeOverride = WithCustomThemeOverride;
+WithCustomThemeOverride.story = {
+  parameters: {
+    docs: {
+      storyDescription: 'Pass an array containing your theme override objects to the `themeOverrides` prop.'
+    }
+  }
+};

package/lib/cjs/components/AstroWrapper/index.js

@@ -6,10 +6,14 @@ var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/in
 
 var _context;
 
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
@@ -28,6 +32,7 @@ var _AstroWrapper = _interopRequireWildcard(require("./AstroWrapper"));
 _forEachInstanceProperty(_context = _Object$keys(_AstroWrapper)).call(_context, function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _AstroWrapper[key]) return;
 
   _Object$defineProperty(exports, key, {
     enumerable: true,
@@ -35,4 +40,8 @@ _forEachInstanceProperty(_context = _Object$keys(_AstroWrapper)).call(_context,
       return _AstroWrapper[key];
     }
   });
-});
+});
+
+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; }

package/lib/cjs/components/Avatar/Avatar.js

@@ -1,11 +1,15 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,6 +26,10 @@ var _themeUi = require("theme-ui");
 
 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; }
+
 /**
  * Basic avatar component.
  * Built on top of [Avatar from Theme-UI](https://theme-ui.com/components/avatar/).

package/lib/cjs/components/Avatar/Avatar.stories.js

@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.Default = exports["default"] = void 0;
+exports["default"] = exports.Default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 

package/lib/cjs/components/Box/Box.js

@@ -1,38 +1,38 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
-var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 
-_Object$defineProperty2(exports, "__esModule", {
-  value: true
-});
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 
-exports["default"] = void 0;
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 
-var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
 
-var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 
-var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
 
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
 
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 
 var _isNan = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/number/is-nan"));
 
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 
@@ -54,9 +54,15 @@ var _hooks = require("../../hooks");
 
 var _react2 = require("@emotion/react");
 
-function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx"];
+
+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 ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context; (0, _forEach["default"])(_context = ownKeys(Object(source), true)).call(_context, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source))).call(_context2, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var ExtendedBox = ( /*#__PURE__*/0, _base["default"])(_themeUi.Box, process.env.NODE_ENV === "production" ? {
   target: "e146bxl90"
@@ -79,7 +85,7 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       className = props.className,
       fontSize = props.fontSize,
       sx = props.sx,
-      others = (0, _objectWithoutProperties2["default"])(props, ["flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx"]);
+      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var fd = flexDirection || isRow ? 'row' : 'column';
 
   var custom = _objectSpread({}, sx);
@@ -92,7 +98,7 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
 
   if (gap) {
-    custom['& > * + *:not(:first-child) /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */'] = (0, _defineProperty3["default"])({}, fd === 'row' ? 'marginLeft' : 'marginTop', gap);
+    custom['& > * + *:not(:first-child) /* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */'] = (0, _defineProperty2["default"])({}, fd === 'row' ? 'marginLeft' : 'marginTop', gap);
   }
 
   var customFontSize = (0, _react.useMemo)(function () {

package/lib/cjs/components/Box/Box.stories.js

@@ -8,7 +8,7 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 
-exports.BoxesWithGaps = exports.Disabled = exports.Default = exports["default"] = void 0;
+exports["default"] = exports.Disabled = exports.Default = exports.BoxesWithGaps = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 

package/lib/cjs/components/Breadcrumbs/BreadcrumbItem.js

@@ -1,36 +1,34 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 
-var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
 
-_Object$defineProperty2(exports, "__esModule", {
-  value: true
-});
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 
-exports["default"] = void 0;
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
 
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
 
-var _defineProperties = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-properties"));
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
 
-var _getOwnPropertyDescriptors = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors"));
+var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
 
-var _forEach = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/for-each"));
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 
-var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
 
-var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
 
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
 
-var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
 
-var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+exports["default"] = void 0;
 
-var _defineProperty3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
 
@@ -50,19 +48,23 @@ var _index = require("../../index");
 
 var _react2 = require("@emotion/react");
 
-function ownKeys(object, enumerableOnly) { var keys = (0, _keys["default"])(object); if (_getOwnPropertySymbols["default"]) { var symbols = (0, _getOwnPropertySymbols["default"])(object); if (enumerableOnly) symbols = (0, _filter["default"])(symbols).call(symbols, function (sym) { return (0, _getOwnPropertyDescriptor["default"])(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+var _excluded = ["children", "elementType", "onAction", "actionKey", "isCurrent"];
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context2; (0, _forEach["default"])(_context2 = ownKeys(Object(source), true)).call(_context2, function (key) { (0, _defineProperty3["default"])(target, key, source[key]); }); } else if (_getOwnPropertyDescriptors["default"]) { (0, _defineProperties["default"])(target, (0, _getOwnPropertyDescriptors["default"])(source)); } else { var _context3; (0, _forEach["default"])(_context3 = ownKeys(Object(source))).call(_context3, function (key) { (0, _defineProperty2["default"])(target, key, (0, _getOwnPropertyDescriptor["default"])(source, key)); }); } } return target; }
+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); }
 
-var BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _context;
+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 ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
       elementType = props.elementType,
       onAction = props.onAction,
       actionKey = props.actionKey,
       isCurrent = props.isCurrent,
-      others = (0, _objectWithoutProperties2["default"])(props, ["children", "elementType", "onAction", "actionKey", "isCurrent"]);
+      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var itemRef = (0, _react.useRef)();
   (0, _hooks.usePropWarning)(props, 'disabled', 'isDisabled');
   /* istanbul ignore next */
@@ -102,7 +104,7 @@ var BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
     var elementTypeProps = _objectSpread({}, (0, _utils.mergeProps)(itemProps, others));
 
-    if ((_ElementType$propType = ElementType.propTypes) === null || _ElementType$propType === void 0 ? void 0 : _ElementType$propType.onPress) {
+    if ((_ElementType$propType = ElementType.propTypes) !== null && _ElementType$propType !== void 0 && _ElementType$propType.onPress) {
       elementTypeProps.onPress = onPressHandler;
     }
 
@@ -114,7 +116,7 @@ var BreadcrumbItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [elementType, itemProps, others, onPressHandler]);
   return /*#__PURE__*/_react["default"].cloneElement((0, _react2.jsx)(ElementType, null), _objectSpread(_objectSpread({}, elementProps), {}, {
     ref: ref
-  }), (0, _concat["default"])(_context = []).call(_context, children));
+  }), children);
 });
 BreadcrumbItem.propTypes = {
   actionKey: _propTypes["default"].string,