@pingux/astro 1.27.0-alpha.25 → 1.27.0-alpha.26

package/lib/cjs/components/ArrayField/ArrayField.test.js

@@ -0,0 +1,252 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ArrayField = _interopRequireDefault(require("./ArrayField"));
+
+var _ArrayFieldDeleteButton = _interopRequireDefault(require("./ArrayFieldDeleteButton"));
+
+var _TextField = _interopRequireDefault(require("../TextField"));
+
+var _testWrapper = require("../../utils/testUtils/testWrapper");
+
+var _react2 = require("@emotion/react");
+
+jest.mock('uuid', function () {
+  return {
+    v4: function v4() {
+      return 'testid';
+    }
+  };
+});
+var defaultData = [{
+  id: '1',
+  value: 'Hello'
+}, {
+  id: '2',
+  value: 'World'
+}];
+var defaultProps = {
+  defaultValue: defaultData
+};
+
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_ArrayField["default"], (0, _extends2["default"])({
+    label: "test-label"
+  }, defaultProps, props)));
+};
+
+var renderField = function renderField(id, value, onFieldValueChange, onFieldDelete, otherFieldProps) {
+  return (0, _react2.jsx)(_TextField["default"], (0, _extends2["default"])({
+    label: "Text field",
+    value: value,
+    onChange: function onChange(e) {
+      return onFieldValueChange(e, id);
+    },
+    mr: "xs",
+    slots: {
+      inContainer: (0, _react2.jsx)(_ArrayFieldDeleteButton["default"], {
+        isDisabled: false,
+        onDelete: function onDelete() {
+          return onFieldDelete(id);
+        }
+      })
+    }
+  }, otherFieldProps));
+};
+
+test('displays multiple text fields', function () {
+  var onChange = jest.fn();
+  getComponent({
+    onChange: onChange,
+    renderField: renderField
+  });
+  expect(_testWrapper.screen.getAllByLabelText('Text field')).toHaveLength(2);
+});
+test('adds one text field and new empty field is added', function () {
+  getComponent({
+    renderField: renderField
+  });
+
+  _testWrapper.fireEvent.click(_testWrapper.screen.getByText('+ Add'));
+
+  expect(_testWrapper.screen.getAllByLabelText('Text field')).toHaveLength(3);
+});
+test('onAdd callback is fired when adding field', function () {
+  var onAdd = jest.fn();
+  var value = defaultData;
+  var defaultValue = null;
+  getComponent({
+    value: value,
+    defaultValue: defaultValue,
+    onAdd: onAdd,
+    renderField: renderField
+  });
+
+  _testWrapper.fireEvent.click(_testWrapper.screen.getByText('+ Add'));
+
+  expect(onAdd).toHaveBeenCalled();
+});
+test('deletes one text field and only one field is left', function () {
+  getComponent({
+    renderField: renderField
+  });
+
+  _testWrapper.fireEvent.click(_testWrapper.screen.getAllByRole('button')[0]);
+
+  expect(_testWrapper.screen.getByLabelText('Text field')).toBeInTheDocument();
+});
+test('onDelete callback is fired when deleting field', function () {
+  var onDelete = jest.fn();
+  var value = defaultData;
+  var defaultValue = null;
+  getComponent({
+    value: value,
+    defaultValue: defaultValue,
+    onDelete: onDelete,
+    renderField: renderField
+  });
+
+  _testWrapper.fireEvent.click(_testWrapper.screen.getAllByRole('button')[0]);
+
+  expect(onDelete).toHaveBeenCalled();
+});
+test('Values are changed in text field', function () {
+  getComponent({
+    renderField: renderField
+  });
+
+  _testWrapper.fireEvent.change(_testWrapper.screen.getAllByLabelText('Text field')[0], {
+    target: {
+      value: '123'
+    }
+  });
+
+  expect(_testWrapper.screen.getByDisplayValue('123')).toBeInTheDocument();
+});
+test('onChange gets called when field values are changed', function () {
+  var onChange = jest.fn();
+  var value = defaultData;
+  var defaultValue = null;
+  getComponent({
+    value: value,
+    onChange: onChange,
+    renderField: renderField,
+    defaultValue: defaultValue
+  });
+
+  _testWrapper.fireEvent.change(_testWrapper.screen.getAllByLabelText('Text field')[0], {
+    target: {
+      value: '123'
+    }
+  });
+
+  expect(onChange).toHaveBeenNthCalledWith(1, [{
+    id: '1',
+    value: '123'
+  }, {
+    id: '2',
+    value: 'World'
+  }]);
+});
+test('onComponentRender displays fields correctly', function () {
+  var onChange = jest.fn();
+  var componentRenderData = [{
+    id: '1',
+    value: 'Hello',
+    onComponentRender: function onComponentRender(id, value, onFieldValueChange, onFieldDelete, otherFieldProps) {
+      return (0, _react2.jsx)(_TextField["default"], (0, _extends2["default"])({
+        label: "Text field",
+        value: value,
+        onChange: function onChange(e) {
+          return onFieldValueChange(e, id);
+        },
+        mr: "xs",
+        slots: {
+          inContainer: (0, _react2.jsx)(_ArrayFieldDeleteButton["default"], {
+            isDisabled: false,
+            onDelete: function onDelete() {
+              return onFieldDelete(id);
+            }
+          })
+        }
+      }, otherFieldProps));
+    }
+  }, {
+    id: '2',
+    value: 'World',
+    onComponentRender: function onComponentRender(id, value, onFieldValueChange, onFieldDelete, otherFieldProps) {
+      return (0, _react2.jsx)(_TextField["default"], (0, _extends2["default"])({
+        label: "Text field 2",
+        value: value,
+        onChange: function onChange(e) {
+          return onFieldValueChange(e, id);
+        },
+        mr: "xs",
+        slots: {
+          inContainer: (0, _react2.jsx)(_ArrayFieldDeleteButton["default"], {
+            isDisabled: false,
+            onDelete: function onDelete() {
+              return onFieldDelete(id);
+            }
+          })
+        }
+      }, otherFieldProps));
+    }
+  }];
+  (0, _testWrapper.render)((0, _react2.jsx)(_ArrayField["default"], {
+    label: "test-label",
+    defaultValue: componentRenderData,
+    onChange: onChange
+  }));
+  expect(_testWrapper.screen.getByLabelText('Text field')).toBeInTheDocument();
+  expect(_testWrapper.screen.getByLabelText('Text field 2')).toBeInTheDocument();
+});
+test('creates empty field when no data passed', function () {
+  (0, _testWrapper.render)((0, _react2.jsx)(_ArrayField["default"], {
+    label: "test-label",
+    renderField: renderField
+  }));
+  expect(_testWrapper.screen.getByLabelText('Text field')).toBeInTheDocument();
+});
+test('check if tooltip on delete button renders on hover', function () {
+  (0, _testWrapper.render)((0, _react2.jsx)(_ArrayFieldDeleteButton["default"], {
+    renderField: renderField
+  }));
+
+  var button = _testWrapper.screen.getByRole('button');
+
+  _testWrapper.fireEvent.mouseMove(button);
+
+  _testWrapper.fireEvent.mouseEnter(button);
+
+  expect(_testWrapper.screen.queryByRole('tooltip')).not.toBeInTheDocument();
+});
+test('removes add button if max number of fields is reached', function () {
+  getComponent({
+    renderField: renderField,
+    maxSize: 3
+  });
+  expect(_testWrapper.screen.getAllByLabelText('Text field')).toHaveLength(2);
+
+  _testWrapper.fireEvent.click(_testWrapper.screen.getByText('+ Add'));
+
+  expect(_testWrapper.screen.getAllByLabelText('Text field')).toHaveLength(3);
+  expect(_testWrapper.screen.queryByText('+ Add')).not.toBeInTheDocument();
+  expect(_testWrapper.screen.getByText('Maximum 3 items.')).toBeInTheDocument();
+});
+test('displays max size label if provided', function () {
+  var maxSizeText = 'Too many fields';
+  getComponent({
+    renderField: renderField,
+    maxSize: 1,
+    maxSizeText: maxSizeText
+  });
+  expect(_testWrapper.screen.queryByText('+ Add')).not.toBeInTheDocument();
+  expect(_testWrapper.screen.getByText(maxSizeText)).toBeInTheDocument();
+});

package/lib/cjs/components/ArrayField/ArrayFieldDeleteButton.js

@@ -0,0 +1,56 @@
+"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"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _TrashIcon = _interopRequireDefault(require("mdi-react/TrashIcon"));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _IconButton = _interopRequireDefault(require("../IconButton"));
+
+var _react2 = require("@emotion/react");
+
+var ArrayFieldDeleteButton = function ArrayFieldDeleteButton(_ref) {
+  var isDisabled = _ref.isDisabled,
+      id = _ref.id,
+      onDelete = _ref.onDelete;
+  return (0, _react2.jsx)(_IconButton["default"], {
+    onPress: function onPress() {
+      return onDelete(id);
+    },
+    isDisabled: isDisabled,
+    "aria-label": "delete-button",
+    sx: {
+      position: 'absolute',
+      right: -35,
+      width: 32,
+      height: 32,
+      top: 5,
+      cursor: 'pointer'
+    }
+  }, (0, _react2.jsx)(_Icon["default"], {
+    icon: _TrashIcon["default"],
+    size: 20,
+    color: "neutral.40"
+  }));
+};
+
+ArrayFieldDeleteButton.propTypes = {
+  id: _propTypes["default"].number,
+  isDisabled: _propTypes["default"].bool,
+  onDelete: _propTypes["default"].func
+};
+var _default = ArrayFieldDeleteButton;
+exports["default"] = _default;

package/lib/cjs/components/ArrayField/ArrayFieldItem.js

@@ -0,0 +1,50 @@
+"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"] = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["id", "onComponentRender", "fieldValue", "isDisabled", "onFieldDelete", "onFieldValueChange", "renderField"];
+
+var ArrayFieldItem = /*#__PURE__*/_react["default"].memo(function (_ref) {
+  var id = _ref.id,
+      onComponentRender = _ref.onComponentRender,
+      fieldValue = _ref.fieldValue,
+      isDisabled = _ref.isDisabled,
+      onFieldDelete = _ref.onFieldDelete,
+      onFieldValueChange = _ref.onFieldValueChange,
+      renderField = _ref.renderField,
+      otherFieldProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return (0, _react2.jsx)(_Box["default"], {
+    as: "li",
+    mb: "xs"
+  }, onComponentRender ? onComponentRender(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps) : renderField(id, fieldValue, onFieldValueChange, onFieldDelete, isDisabled, otherFieldProps));
+});
+
+ArrayFieldItem.propTypes = {
+  id: _propTypes["default"].string,
+  onComponentRender: _propTypes["default"].func,
+  fieldValue: _propTypes["default"].string,
+  isDisabled: _propTypes["default"].bool,
+  onFieldDelete: _propTypes["default"].func,
+  onFieldValueChange: _propTypes["default"].func,
+  renderField: _propTypes["default"].func
+};
+var _default = ArrayFieldItem;
+exports["default"] = _default;

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

@@ -0,0 +1,27 @@
+"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
+});
+
+_Object$defineProperty(exports, "ArrayFieldDeleteButton", {
+  enumerable: true,
+  get: function get() {
+    return _ArrayFieldDeleteButton["default"];
+  }
+});
+
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _ArrayField["default"];
+  }
+});
+
+var _ArrayField = _interopRequireDefault(require("./ArrayField"));
+
+var _ArrayFieldDeleteButton = _interopRequireDefault(require("./ArrayFieldDeleteButton"));

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

@@ -0,0 +1,162 @@
+"use strict";
+
+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() {
+    return _themeUi.ThemeProvider;
+  }
+});
+
+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 = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _themeUi = require("theme-ui");
+
+var _react2 = require("@emotion/react");
+
+var _emotionNormalize = _interopRequireDefault(require("emotion-normalize"));
+
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV1MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9XcmFwcGVyL0FzdHJvV3JhcHBlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IFRoZW1lUHJvdmlkZXIsIG1lcmdlIH0gZnJvbSAndGhlbWUtdWknO1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKCkgPT4gKFxuICA8R2xvYmFsXG4gICAgc3R5bGVzPXtcbiAgICAgIGNzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAqIHtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICB9XG4gICAgICAgIGh0bWwsXG4gICAgICAgIGJvZHkge1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJhY2tncm91bmQ6IHdoaXRlO1xuICAgICAgICAgIG1pbi1oZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuICAgICAgICB9XG4gICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICBgXG4gICAgfVxuICAvPlxuKTtcblxuLyoqXG4gKiBUaGUgbWFpbiB3cmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24uXG4gKiBUaGUgQXN0cm9XcmFwcGVyIHByb3ZpZGVzIGEgc3RhbmRhcmQgYmFja2dyb3VuZCxcbiAqIHNvbWUgZ2xvYmFsIHN0eWxlcywgYW5kIHRoZSBBc3RybyB0aGVtZSBieSBkZWZhdWx0LlxuICpcbiAqIF9Ob3RlOiBGb3IgVUkgTGlicmFyeSBhbmQgQXN0cm8gQ1NTIGNvbmZsaWN0cywgd2Ugc3VwcGx5IGEgdGhlbWUgb3ZlcnJpZGUgbG9jYXRlZCBhdF9cbiAqIGBAcGluZ3V4L2FzdHJvL2xpYi9zdHlsZXMvdGhlbWVPdmVycmlkZXMvdWlMaWJyYXJ5T3ZlcnJpZGUuanNgXG4gKi9cbmNvbnN0IEFzdHJvV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3Qge1xuICAgIGRlZmF1bHRUaGVtZSxcbiAgICB0aGVtZU92ZXJyaWRlcyxcbiAgICBjaGlsZHJlbixcbiAgICAuLi5vdGhlcnNcbiAgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyAvPlxuICAgICAgPEJveCBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5Bc3Ryb1dyYXBwZXIuZGVmYXVsdFByb3BzID0ge1xuICBkZWZhdWx0VGhlbWU6IGFzdHJvVGhlbWUsXG4gIHRoZW1lT3ZlcnJpZGVzOiBbe31dLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdKTtcbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtcbiAgY3NzYFxuICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICB9XG4gIGBcbn1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17XG4gIGNzc2BcbiAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAqIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuICBgXG59XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cblBhZ2VXcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvV3JhcHBlcjtcbiJdfQ== */")
+  });
+};
+/**
+ * The main wrapper for the Astro application.
+ * 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/themeOverrides/uiLibraryOverride.js`
+ */
+
+
+exports.GlobalStyles = GlobalStyles;
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0dLIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVGhlIG1haW4gd3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uLlxuICogVGhlIEFzdHJvV3JhcHBlciBwcm92aWRlcyBhIHN0YW5kYXJkIGJhY2tncm91bmQsXG4gKiBzb21lIGdsb2JhbCBzdHlsZXMsIGFuZCB0aGUgQXN0cm8gdGhlbWUgYnkgZGVmYXVsdC5cbiAqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1dyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxTdHlsZXMgLz5cbiAgICAgIDxCb3ggYmc9XCJiYWNrZ3JvdW5kXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5Bc3Ryb1dyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuQXN0cm9XcmFwcGVyLmRlZmF1bHRQcm9wcyA9IHtcbiAgZGVmYXVsdFRoZW1lOiBhc3Ryb1RoZW1lLFxuICB0aGVtZU92ZXJyaWRlczogW3t9XSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgZGVmYXVsdFRoZW1lLFxuICAgIHRoZW1lT3ZlcnJpZGVzLFxuICAgIGNoaWxkcmVuLFxuICAgIC4uLm90aGVyc1xuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSk7XG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17XG4gIGNzc2BcbiAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgfVxuICBgXG59XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e1xuICBjc3NgXG4gICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgKiB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5QYWdlV3JhcHBlci5kZWZhdWx0UHJvcHMgPSB7XG4gIGRlZmF1bHRUaGVtZTogYXN0cm9UaGVtZSxcbiAgdGhlbWVPdmVycmlkZXM6IFt7fV0sXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1dyYXBwZXI7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dLIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvV3JhcHBlci9Bc3Ryb1dyYXBwZXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyLCBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcbmltcG9ydCB7IEdsb2JhbCwgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IGVtb3Rpb25Ob3JtYWxpemUgZnJvbSAnZW1vdGlvbi1ub3JtYWxpemUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICgpID0+IChcbiAgPEdsb2JhbFxuICAgIHN0eWxlcz17XG4gICAgICBjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIH1cbiAgLz5cbik7XG5cbi8qKlxuICogVGhlIG1haW4gd3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uLlxuICogVGhlIEFzdHJvV3JhcHBlciBwcm92aWRlcyBhIHN0YW5kYXJkIGJhY2tncm91bmQsXG4gKiBzb21lIGdsb2JhbCBzdHlsZXMsIGFuZCB0aGUgQXN0cm8gdGhlbWUgYnkgZGVmYXVsdC5cbiAqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1dyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBkZWZhdWx0VGhlbWUsXG4gICAgdGhlbWVPdmVycmlkZXMsXG4gICAgY2hpbGRyZW4sXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcblxuICAvLyBVbmZvcnR1bmF0ZWx5IGJlY2F1c2UgdGhpcyBpcyBhZGRpbmcgc3R5bGVzLCB3ZSBjYW5ub3Qgd3JpdGUgYSBwcm9wZXIgdGVzdCBmb3IgdGhpcy5cbiAgLyogaXN0YW5idWwgaWdub3JlIG5leHQgKi9cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKCgpID0+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.'
+    }
+  }
+};