@pingux/astro 2.150.0-alpha.0 → 2.150.0-alpha.2

package/lib/cjs/components/AccordionGridGroup/AccordionGrid.styles.js

@@ -27,7 +27,7 @@ var header = {
   flexShrink: 0,
   wordBreak: 'inherit',
   whiteSpace: 'nowrap',
-  bg: 'background.base',
+  bg: 'backgroundBase',
   flexGrow: 1,
   fontWeight: 700,
   border: '1px solid transparent',

package/lib/cjs/components/AstroProvider/AstroProvider.js

@@ -41,7 +41,7 @@ var GlobalStyles = function GlobalStyles(_ref2) {
     isOnyx = _useGetTheme$themeSta.isOnyx,
     isOnyxDark = _useGetTheme$themeSta.isOnyxDark;
   return (0, _react2.jsx)(_react2.Global, {
-    styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " ", _fonts.pingitoFont, " ", _fonts.openSansFont, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:", isEndUserTheme && 'pingito, ', " ", isOnyx && 'Open Sans, ', " \"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:", isOnyx || isOnyxDark ? 0.65 : 0.5, ";pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlaUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgb3BlblNhbnNGb250LCBwaW5naXRvRm9udCB9IGZyb20gJy4uLy4uL2ZvbnRzJztcbmltcG9ydCB1c2VHZXRUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VHZXRUaGVtZSc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKHsgaXNFbmRVc2VyVGhlbWUgPSBmYWxzZSB9KSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVTdGF0ZTogeyBpc09ueXgsIGlzT255eERhcmsgfSB9ID0gdXNlR2V0VGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8R2xvYmFsXG4gICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAke3BpbmdpdG9Gb250fVxuICAgICAgICAke29wZW5TYW5zRm9udH1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiAke2lzRW5kVXNlclRoZW1lICYmICdwaW5naXRvLCAnfSAke2lzT255eCAmJiAnT3BlbiBTYW5zLCAnfSBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6ICR7aXNPbnl4IHx8IGlzT255eERhcmsgPyAwLjY1IDogMC41fTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgYnV0dG9uOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwiYnV0dG9uXCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwicmVzZXRcIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJzdWJtaXRcIl06Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAvPlxuICApO1xufTtcblxuR2xvYmFsU3R5bGVzLnByb3BUeXBlcyA9IHtcbiAgaXNFbmRVc2VyVGhlbWU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuLyoqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1Byb3ZpZGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGRlZmF1bHRUaGVtZSA9IGFzdHJvVGhlbWUsIHRoZW1lT3ZlcnJpZGVzID0gW3t9XSwgY2hpbGRyZW4sIC4uLm90aGVycyB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbyhcbiAgICAoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10sXG4gICk7XG4gIGNvbnN0IGlzRW5kVXNlclRoZW1lID0gdGhlbWUgJiYgdGhlbWUubmFtZSA9PT0gJ0VuZCBVc2VyJztcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIGlzRW5kVXNlclRoZW1lPXtpc0VuZFVzZXJUaGVtZX0gLz5cbiAgICAgIDxCb3ggcmVmPXtyZWZ9IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9Qcm92aWRlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbyhcbiAgICAoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgICAgICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICAgICAgICoge1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvUHJvdmlkZXI7XG4iXX0= */")
+    styles: /*#__PURE__*/(0, _react2.css)("@import url(\"https://use.typekit.net/icz8cni.css\");{}", _emotionNormalize["default"], " ", _fonts.pingitoFont, " ", _fonts.openSansFont, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:", isEndUserTheme && 'pingito, ', " ", isOnyx && 'Open Sans, ', " \"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:", isOnyx || isOnyxDark ? 0.65 : 0.5, ";pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlaUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgb3BlblNhbnNGb250LCBwaW5naXRvRm9udCB9IGZyb20gJy4uLy4uL2ZvbnRzJztcbmltcG9ydCB1c2VHZXRUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VHZXRUaGVtZSc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKHsgaXNFbmRVc2VyVGhlbWUgPSBmYWxzZSB9KSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVTdGF0ZTogeyBpc09ueXgsIGlzT255eERhcmsgfSB9ID0gdXNlR2V0VGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8R2xvYmFsXG4gICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAke3BpbmdpdG9Gb250fVxuICAgICAgICAke29wZW5TYW5zRm9udH1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiAke2lzRW5kVXNlclRoZW1lICYmICdwaW5naXRvLCAnfSAke2lzT255eCAmJiAnT3BlbiBTYW5zLCAnfSBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6ICR7aXNPbnl4IHx8IGlzT255eERhcmsgPyAwLjY1IDogMC41fTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgYnV0dG9uOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwiYnV0dG9uXCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwicmVzZXRcIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJzdWJtaXRcIl06Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAvPlxuICApO1xufTtcblxuR2xvYmFsU3R5bGVzLnByb3BUeXBlcyA9IHtcbiAgaXNFbmRVc2VyVGhlbWU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuLyoqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1Byb3ZpZGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGRlZmF1bHRUaGVtZSA9IGFzdHJvVGhlbWUsIHRoZW1lT3ZlcnJpZGVzID0gW3t9XSwgY2hpbGRyZW4sIC4uLm90aGVycyB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbyhcbiAgICAoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10sXG4gICk7XG4gIGNvbnN0IGlzRW5kVXNlclRoZW1lID0gdGhlbWUgJiYgdGhlbWUubmFtZSA9PT0gJ0VuZCBVc2VyJztcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIGlzRW5kVXNlclRoZW1lPXtpc0VuZFVzZXJUaGVtZX0gLz5cbiAgICAgIDxCb3ggcmVmPXtyZWZ9IGJnPVwiYmFja2dyb3VuZEJhc2VcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvUHJvdmlkZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICAgICAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAgICAgICAqIHtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1Byb3ZpZGVyO1xuIl19 */")
   });
 };
 exports.GlobalStyles = GlobalStyles;
@@ -74,7 +74,7 @@ var AstroProvider = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     isEndUserTheme: isEndUserTheme
   }), (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     ref: ref,
-    bg: "background",
+    bg: "backgroundBase",
     height: "100%"
   }, props), children));
 });
@@ -100,7 +100,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5R21CIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICh7IGlzRW5kVXNlclRoZW1lID0gZmFsc2UgfSkgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogJHtpc0VuZFVzZXJUaGVtZSAmJiAncGluZ2l0bywgJ30gJHtpc09ueXggJiYgJ09wZW4gU2FucywgJ30gXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAke2lzT255eCB8fCBpc09ueXhEYXJrID8gMC42NSA6IDAuNX07XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cImJ1dHRvblwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInJlc2V0XCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwic3VibWl0XCJdOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn07XG5cbkdsb2JhbFN0eWxlcy5wcm9wVHlwZXMgPSB7XG4gIGlzRW5kVXNlclRoZW1lOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuICBjb25zdCBpc0VuZFVzZXJUaGVtZSA9IHRoZW1lICYmIHRoZW1lLm5hbWUgPT09ICdFbmQgVXNlcic7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyBpc0VuZFVzZXJUaGVtZT17aXNFbmRVc2VyVGhlbWV9IC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvUHJvdmlkZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICAgICAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAgICAgICAqIHtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1Byb3ZpZGVyO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5R21CIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICh7IGlzRW5kVXNlclRoZW1lID0gZmFsc2UgfSkgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogJHtpc0VuZFVzZXJUaGVtZSAmJiAncGluZ2l0bywgJ30gJHtpc09ueXggJiYgJ09wZW4gU2FucywgJ30gXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAke2lzT255eCB8fCBpc09ueXhEYXJrID8gMC42NSA6IDAuNX07XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cImJ1dHRvblwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInJlc2V0XCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwic3VibWl0XCJdOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn07XG5cbkdsb2JhbFN0eWxlcy5wcm9wVHlwZXMgPSB7XG4gIGlzRW5kVXNlclRoZW1lOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuICBjb25zdCBpc0VuZFVzZXJUaGVtZSA9IHRoZW1lICYmIHRoZW1lLm5hbWUgPT09ICdFbmQgVXNlcic7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyBpc0VuZFVzZXJUaGVtZT17aXNFbmRVc2VyVGhlbWV9IC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRCYXNlXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5Bc3Ryb1Byb3ZpZGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGRlZmF1bHRUaGVtZSA9IGFzdHJvVGhlbWUsIHRoZW1lT3ZlcnJpZGVzID0gW3t9XSwgY2hpbGRyZW4sIC4uLm90aGVycyB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKFxuICAgICgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgICAgICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgICAgICAgKiB7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9Qcm92aWRlcjtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var PageWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -120,7 +120,7 @@ var PageWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSGdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICh7IGlzRW5kVXNlclRoZW1lID0gZmFsc2UgfSkgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogJHtpc0VuZFVzZXJUaGVtZSAmJiAncGluZ2l0bywgJ30gJHtpc09ueXggJiYgJ09wZW4gU2FucywgJ30gXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAke2lzT255eCB8fCBpc09ueXhEYXJrID8gMC42NSA6IDAuNX07XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cImJ1dHRvblwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInJlc2V0XCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwic3VibWl0XCJdOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn07XG5cbkdsb2JhbFN0eWxlcy5wcm9wVHlwZXMgPSB7XG4gIGlzRW5kVXNlclRoZW1lOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuICBjb25zdCBpc0VuZFVzZXJUaGVtZSA9IHRoZW1lICYmIHRoZW1lLm5hbWUgPT09ICdFbmQgVXNlcic7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyBpc0VuZFVzZXJUaGVtZT17aXNFbmRVc2VyVGhlbWV9IC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvUHJvdmlkZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICAgICAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAgICAgICAqIHtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1Byb3ZpZGVyO1xuIl19 */")
+    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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSGdCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICh7IGlzRW5kVXNlclRoZW1lID0gZmFsc2UgfSkgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogJHtpc0VuZFVzZXJUaGVtZSAmJiAncGluZ2l0bywgJ30gJHtpc09ueXggJiYgJ09wZW4gU2FucywgJ30gXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAke2lzT255eCB8fCBpc09ueXhEYXJrID8gMC42NSA6IDAuNX07XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cImJ1dHRvblwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInJlc2V0XCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwic3VibWl0XCJdOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn07XG5cbkdsb2JhbFN0eWxlcy5wcm9wVHlwZXMgPSB7XG4gIGlzRW5kVXNlclRoZW1lOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuICBjb25zdCBpc0VuZFVzZXJUaGVtZSA9IHRoZW1lICYmIHRoZW1lLm5hbWUgPT09ICdFbmQgVXNlcic7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyBpc0VuZFVzZXJUaGVtZT17aXNFbmRVc2VyVGhlbWV9IC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRCYXNlXCIgaGVpZ2h0PVwiMTAwJVwiIHsuLi5wcm9wc30+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5Bc3Ryb1Byb3ZpZGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbi8qKlxuICogV3JhcHBlciBmb3IgdGhlIEFzdHJvIGFwcGxpY2F0aW9uIHcvbyBnbG9iYWwgc3R5bGVzLlxuICogSXQgcHJvdmlkZXMgdGhlIHN0YW5kYXJkIGJhY2tncm91bmQgYW5kIHRoZSBBc3RybyB0aGVtZS5cbiAqL1xuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGRlZmF1bHRUaGVtZSA9IGFzdHJvVGhlbWUsIHRoZW1lT3ZlcnJpZGVzID0gW3t9XSwgY2hpbGRyZW4sIC4uLm90aGVycyB9ID0gcHJvcHM7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VNZW1vKFxuICAgICgpID0+IG1lcmdlKGRlZmF1bHRUaGVtZSwgLi4udGhlbWVPdmVycmlkZXMpLFxuICAgIFtkZWZhdWx0VGhlbWUsIHRoZW1lT3ZlcnJpZGVzXSxcbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHJlZj17cmVmfSB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFxuICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICBAaW1wb3J0IHVybChcImh0dHBzOi8vdXNlLnR5cGVraXQubmV0L2ljejhjbmkuY3NzXCIpO1xuXG4gICAgICAgICAgW2RhdGEtdGlwcHktcm9vdF0ge1xuICAgICAgICAgICAgbWF4LXdpZHRoOiBjYWxjKDEwMHZ3IC0gMTBweCk7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgLz5cbiAgICAgIDxCb3hcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuXG4gICAgICAgICAgKiB7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiSGVsdmV0aWNhIE5ldWVcIiwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xuXG4gICAgICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuUGFnZVdyYXBwZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuZXhwb3J0IHsgVGhlbWVQcm92aWRlciB9O1xuZXhwb3J0IGRlZmF1bHQgQXN0cm9Qcm92aWRlcjtcbiJdfQ== */")
   }, props), children));
 });
 exports.PageWrapper = PageWrapper;

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

@@ -26,7 +26,7 @@ var _styledSystem = require("styled-system");
 var _themeUi = require("theme-ui");
 var _hooks = require("../../hooks");
 var _react2 = require("@emotion/react");
-var _excluded = ["as", "flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx"];
+var _excluded = ["as", "flexDirection", "gap", "isRow", "isDisabled", "className", "fontSize", "sx", "variant"];
 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; }
@@ -36,7 +36,7 @@ var ExtendedBox = /*#__PURE__*/(0, _base["default"])(_themeUi.Box, process.env.N
 } : {
   target: "ejf9h0h0",
   label: "ExtendedBox"
-})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNvQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgZmxleGJveCwgbGF5b3V0LCB0eXBvZ3JhcGh5IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgeyBCb3ggYXMgVGhlbWVVSUJveCB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgdXNlUHJvcFdhcm5pbmcsIHVzZVN0YXR1c0NsYXNzZXMgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5pbXBvcnQgeyBCb3hQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuY29uc3QgRXh0ZW5kZWRCb3ggPSBzdHlsZWQoVGhlbWVVSUJveCkoXG4gIGxheW91dCxcbiAgZmxleGJveCxcbiAgdHlwb2dyYXBoeSxcbik7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEJveFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgYXMgPSAnZGl2JyxcbiAgICBmbGV4RGlyZWN0aW9uLFxuICAgIGdhcCxcbiAgICBpc1JvdyA9IGZhbHNlLFxuICAgIGlzRGlzYWJsZWQgPSBmYWxzZSxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgZmQgPSBmbGV4RGlyZWN0aW9uIHx8IGlzUm93ID8gJ3JvdycgOiAnY29sdW1uJztcbiAgY29uc3QgY3VzdG9tID0geyAuLi5zeCB9O1xuXG4gIGNvbnN0IHsgY2xhc3NOYW1lcyB9ID0gdXNlU3RhdHVzQ2xhc3NlcyhjbGFzc05hbWUsIHsgaXNEaXNhYmxlZCB9KTtcbiAgdXNlUHJvcFdhcm5pbmcocHJvcHMsICdkaXNhYmxlZCcsICdpc0Rpc2FibGVkJyk7XG5cbiAgaWYgKGdhcCkge1xuICAgIGN1c3RvbVsnJiA+ICogKyAqOm5vdCg6Zmlyc3Qtb2YtdHlwZTpub3Qoc3R5bGUpOm5vdCg6Zmlyc3Qtb2YtdHlwZSB+ICopKSddID0ge1xuICAgICAgW2ZkID09PSAncm93JyA/ICdtYXJnaW5MZWZ0JyA6ICdtYXJnaW5Ub3AnXTogZ2FwLFxuICAgIH07XG4gIH1cblxuICBjb25zdCBjdXN0b21Gb250U2l6ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG51bWVyaWNhbEZvbnRTaXplID0gdG9OdW1iZXIoZm9udFNpemUpO1xuICAgIGlmIChOdW1iZXIuaXNOYU4obnVtZXJpY2FsRm9udFNpemUpKSB7XG4gICAgICByZXR1cm4gZm9udFNpemU7XG4gICAgfVxuICAgIHJldHVybiBudW1lcmljYWxGb250U2l6ZTtcbiAgfSwgW2ZvbnRTaXplXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RXh0ZW5kZWRCb3hcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgZmxleERpcmVjdGlvbj17ZmR9XG4gICAgICB2YXJpYW50PVwiYm94LmJhc2VcIlxuICAgICAgZm9udFNpemU9e2N1c3RvbUZvbnRTaXplfVxuICAgICAgYXM9e2FzfVxuICAgICAgey4uLm90aGVyc31cbiAgICAgIHN4PXtjdXN0b219XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5Cb3guZGlzcGxheU5hbWUgPSAnQm94JztcblxuZXhwb3J0IGRlZmF1bHQgQm94O1xuIl19 */");
+})(_styledSystem.layout, _styledSystem.flexbox, _styledSystem.typography, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JveC9Cb3gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNvQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9Cb3gvQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdG9OdW1iZXIgfSBmcm9tICdsb2Rhc2gnO1xuaW1wb3J0IHsgZmxleGJveCwgbGF5b3V0LCB0eXBvZ3JhcGh5IH0gZnJvbSAnc3R5bGVkLXN5c3RlbSc7XG5pbXBvcnQgeyBCb3ggYXMgVGhlbWVVSUJveCB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgdXNlUHJvcFdhcm5pbmcsIHVzZVN0YXR1c0NsYXNzZXMgfSBmcm9tICcuLi8uLi9ob29rcyc7XG5pbXBvcnQgeyBCb3hQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJztcblxuY29uc3QgRXh0ZW5kZWRCb3ggPSBzdHlsZWQoVGhlbWVVSUJveCkoXG4gIGxheW91dCxcbiAgZmxleGJveCxcbiAgdHlwb2dyYXBoeSxcbik7XG5cbmNvbnN0IEJveCA9IGZvcndhcmRSZWY8SFRNTEVsZW1lbnQsIEJveFByb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7XG4gICAgYXMgPSAnZGl2JyxcbiAgICBmbGV4RGlyZWN0aW9uLFxuICAgIGdhcCxcbiAgICBpc1JvdyA9IGZhbHNlLFxuICAgIGlzRGlzYWJsZWQgPSBmYWxzZSxcbiAgICBjbGFzc05hbWUsXG4gICAgZm9udFNpemUsXG4gICAgc3gsXG4gICAgdmFyaWFudCA9ICdib3guYmFzZScsXG4gICAgLi4ub3RoZXJzXG4gIH0gPSBwcm9wcztcbiAgY29uc3QgZmQgPSBmbGV4RGlyZWN0aW9uIHx8IGlzUm93ID8gJ3JvdycgOiAnY29sdW1uJztcbiAgY29uc3QgY3VzdG9tID0geyAuLi5zeCB9O1xuXG4gIGNvbnN0IHsgY2xhc3NOYW1lcyB9ID0gdXNlU3RhdHVzQ2xhc3NlcyhjbGFzc05hbWUsIHsgaXNEaXNhYmxlZCB9KTtcbiAgdXNlUHJvcFdhcm5pbmcocHJvcHMsICdkaXNhYmxlZCcsICdpc0Rpc2FibGVkJyk7XG5cbiAgaWYgKGdhcCkge1xuICAgIGN1c3RvbVsnJiA+ICogKyAqOm5vdCg6Zmlyc3Qtb2YtdHlwZTpub3Qoc3R5bGUpOm5vdCg6Zmlyc3Qtb2YtdHlwZSB+ICopKSddID0ge1xuICAgICAgW2ZkID09PSAncm93JyA/ICdtYXJnaW5MZWZ0JyA6ICdtYXJnaW5Ub3AnXTogZ2FwLFxuICAgIH07XG4gIH1cblxuICBjb25zdCBjdXN0b21Gb250U2l6ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IG51bWVyaWNhbEZvbnRTaXplID0gdG9OdW1iZXIoZm9udFNpemUpO1xuICAgIGlmIChOdW1iZXIuaXNOYU4obnVtZXJpY2FsRm9udFNpemUpKSB7XG4gICAgICByZXR1cm4gZm9udFNpemU7XG4gICAgfVxuICAgIHJldHVybiBudW1lcmljYWxGb250U2l6ZTtcbiAgfSwgW2ZvbnRTaXplXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RXh0ZW5kZWRCb3hcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lc31cbiAgICAgIHJlZj17cmVmfVxuICAgICAgZGlzcGxheT1cImZsZXhcIlxuICAgICAgZmxleERpcmVjdGlvbj17ZmR9XG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgZm9udFNpemU9e2N1c3RvbUZvbnRTaXplfVxuICAgICAgYXM9e2FzfVxuICAgICAgey4uLm90aGVyc31cbiAgICAgIHN4PXtjdXN0b219XG4gICAgLz5cbiAgKTtcbn0pO1xuXG5Cb3guZGlzcGxheU5hbWUgPSAnQm94JztcblxuZXhwb3J0IGRlZmF1bHQgQm94O1xuIl19 */");
 var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _props$as = props.as,
     as = _props$as === void 0 ? 'div' : _props$as,
@@ -49,6 +49,8 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className = props.className,
     fontSize = props.fontSize,
     sx = props.sx,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'box.base' : _props$variant,
     others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var fd = flexDirection || isRow ? 'row' : 'column';
   var custom = _objectSpread({}, sx);
@@ -72,7 +74,7 @@ var Box = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: ref,
     display: "flex",
     flexDirection: fd,
-    variant: "box.base",
+    variant: variant,
     fontSize: customFontSize,
     as: as
   }, others, {

package/lib/cjs/components/Box/Box.stories.d.ts

@@ -4,6 +4,7 @@ export default _default;
 export declare const Default: ({ ...args }: {
     [x: string]: any;
 }) => React.JSX.Element;
+export declare const BackgroundColors: () => React.JSX.Element;
 export declare const Disabled: {
     ({ ...args }: {
         [x: string]: any;

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

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Disabled = exports.Default = exports.BoxesWithGaps = void 0;
+exports["default"] = exports.Disabled = exports.Default = exports.BoxesWithGaps = exports.BackgroundColors = void 0;
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
@@ -83,6 +83,23 @@ var Default = function Default(_ref3) {
   }));
 };
 exports.Default = Default;
+var BackgroundColors = function BackgroundColors() {
+  return (0, _react2.jsx)(_index.Box, {
+    width: "100%",
+    p: "xl",
+    bg: "blue",
+    gap: "xs"
+  }, (0, _react2.jsx)(_index.Box, {
+    width: 190,
+    height: 45,
+    bg: "backgroundBase"
+  }), (0, _react2.jsx)(_index.Box, {
+    width: 190,
+    height: 45,
+    bg: "backgroundSecondary"
+  }));
+};
+exports.BackgroundColors = BackgroundColors;
 var Disabled = function Disabled(_ref4) {
   var args = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref4), _ref4));
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({

package/lib/cjs/components/DataTable/stories/DataTableNextGenComponent.js

@@ -122,7 +122,7 @@ var DataTableNextGenComponent = function DataTableNextGenComponent() {
     menu: (0, _react2.jsx)(_.DataTableMenu, null)
   }];
   return (0, _react2.jsx)(_.Box, {
-    backgroundColor: "background.base",
+    backgroundColor: "backgroundBase",
     p: "lg"
   }, (0, _react2.jsx)(_.DataTable, {
     "aria-label": "Onyx table",

package/lib/cjs/components/IconButtonToggle/IconButtonToggle.js

@@ -24,7 +24,8 @@ var IconButtonToggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
     iconProps = props.iconProps,
     isToggled = props.isToggled,
     onToggle = props.onToggle,
-    title = props.title;
+    title = props.title,
+    variant = props.variant;
   var conditionalRenderProps = {
     ComponentToRenderIfTrue: toggledIcon,
     ComponentToRenderIfFalse: defaultIcon,
@@ -37,7 +38,8 @@ var IconButtonToggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
   return (0, _react2.jsx)(_IconButton["default"], (0, _extends2["default"])({
     onPress: handleConditionChange,
     ref: ref,
-    title: title
+    title: title,
+    variant: variant
   }, buttonProps), (0, _react2.jsx)(_Icon["default"], (0, _extends2["default"])({
     icon: RenderedComponent
   }, iconProps)));

package/lib/cjs/components/ListView/stories/ListViewNextGenComponent.js

@@ -47,7 +47,7 @@ var ListViewNextGen = function ListViewNextGen() {
     }, "Delete user")));
   };
   return (0, _react2.jsx)(_2.Box, {
-    backgroundColor: "background.base",
+    backgroundColor: "backgroundBase",
     p: "lg"
   }, (0, _react2.jsx)(_2.Box, {
     height: "400px",

package/lib/cjs/components/Modal/Modal.styles.js

@@ -76,7 +76,7 @@ var headingContainer = {
   pt: 'md',
   pr: 'lg',
   pb: 'md',
-  backgroundColor: 'background.base'
+  backgroundColor: 'backgroundBase'
 };
 var buttonsContainer = {
   position: 'sticky',

package/lib/cjs/styles/colors.d.ts

@@ -100,6 +100,9 @@ export declare const text: {
 export declare const shadow: string;
 declare const allColors: {
     black: string;
+    background: string;
+    backgroundBase: string;
+    backgroundSecondary: string;
     badge: {
         textColor: string;
         background: string;
@@ -213,6 +216,9 @@ export default allColors;
 export declare const flatColorList: any;
 export declare const getBaseHexColor: (colorName: string) => string | {
     black: string;
+    background: string;
+    backgroundBase: string;
+    backgroundSecondary: string;
     badge: {
         textColor: string;
         background: string;

package/lib/cjs/styles/colors.js

@@ -140,6 +140,9 @@ var text = {
   active: active
 };
 exports.text = text;
+var background = accent[99];
+var backgroundBase = '#ffffff';
+var backgroundSecondary = accent[99];
 var shadow = (0, _chromaJs["default"])(neutral[10]).alpha(0.25).hex();
 exports.shadow = shadow;
 var badge = {
@@ -152,6 +155,9 @@ var badge = {
 var tooltip = accent[20];
 var allColors = {
   black: black,
+  background: background,
+  backgroundBase: backgroundBase,
+  backgroundSecondary: backgroundSecondary,
   badge: badge,
   white: white,
   neutral: neutral,

package/lib/cjs/styles/theme.js

@@ -31,9 +31,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var _default = {
   name: _themes.themes.ASTRO,
   space: _spacing["default"],
-  colors: _objectSpread(_objectSpread({}, _colors["default"]), {}, {
-    background: _colors.accent[99]
-  }),
+  colors: _objectSpread({}, _colors["default"]),
   borders: {
     separator: "1px solid ".concat(_colors.line.hairline)
   },

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts

@@ -71,12 +71,11 @@ export declare const colors: {
         message: string;
         fieldHelper: string;
     };
-    background: {
-        base: string;
-        secondary: string;
-        card: string;
-        hover: string;
-    };
+    backgroundBase: string;
+    backgroundSecondary: string;
+    backgroundCard: string;
+    backgroundSuggestion: string;
+    backgroundHover: string;
     font: {
         base: string;
         light: string;

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js

@@ -100,12 +100,17 @@ var iconWrapper = {
     lightIndigo: _colorTokens.nextGenColors['indigo-100']
   }
 };
+var backgroundBase = _colorTokens.nextGenColors['gray-900'];
+var backgroundSecondary = _colorTokens.nextGenColors['gray-900'];
+var backgroundCard = '#1a1e22';
+var backgroundSuggestion = '#ecf0f5';
+var backgroundHover = hoverDark;
 var colors = _objectSpread(_objectSpread({
   border: border,
   iconWrapper: iconWrapper
 }, overrides), {}, {
   twoTone: twoTone,
-  light: _colorTokens.nextGenColors['gray-900'],
+  light: '#1A1E22',
   secondary: _colorTokens.nextGenColors['gray-400'],
   dark: _colorTokens.nextGenColors['gray-400'],
   lightblue: _colorTokens.nextGenColors['blue-600'],
@@ -134,12 +139,11 @@ var colors = _objectSpread(_objectSpread({
     message: 'white',
     fieldHelper: _colorTokens.nextGenColors['gray-400']
   },
-  background: {
-    base: _colorTokens.nextGenColors['gray-900'],
-    secondary: '#1a1e22',
-    card: '#1a1e22',
-    hover: hoverDark
-  },
+  backgroundBase: backgroundBase,
+  backgroundSecondary: backgroundSecondary,
+  backgroundCard: backgroundCard,
+  backgroundSuggestion: backgroundSuggestion,
+  backgroundHover: backgroundHover,
   font: font,
   badge: badge
 });

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js

@@ -60,7 +60,7 @@ var iconButtons = {
   },
   hintButton: hintButton,
   deleteAttachment: {
-    backgroundColor: 'background.secondary',
+    backgroundColor: 'backgroundSecondary',
     borderColor: 'border.attachment',
     '&.is-hovered': {
       backgroundColor: '#0a0b0d'

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/footer.js

@@ -6,7 +6,7 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports.footer = void 0;
 var container = {
-  backgroundColor: 'background.secondary'
+  backgroundColor: 'backgroundSecondary'
 };
 var footer = {
   container: container

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js

@@ -18,7 +18,7 @@ var _input = require("./input");
 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 select = {
-  backgroundColor: 'background.base',
+  backgroundColor: 'backgroundBase',
   borderRadius: '4px',
   border: '.5px solid',
   borderColor: '#69788B !important',
@@ -53,7 +53,7 @@ var label = {
   }
 };
 var selectOption = {
-  backgroundColor: 'background.base',
+  backgroundColor: 'backgroundBase',
   color: 'text.primary',
   px: 'md',
   py: 'sm',

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/input.js

@@ -18,7 +18,7 @@ var _text = require("./text");
 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 input = {
-  backgroundColor: 'background.base',
+  backgroundColor: 'backgroundBase',
   borderColor: 'border.input',
   '&::placeholder': _text.text.placeholder
 };
@@ -26,13 +26,13 @@ exports.input = input;
 var fieldControlWrapper = {
   '> textarea': {
     borderColor: 'border.input',
-    backgroundColor: 'background.base'
+    backgroundColor: 'backgroundBase'
   }
 };
 exports.fieldControlWrapper = fieldControlWrapper;
 input.fieldControlWrapper = _objectSpread({}, fieldControlWrapper);
 input.multivaluesWrapper = {
-  backgroundColor: 'background.base',
+  backgroundColor: 'backgroundBase',
   '&.is-read-only': {
     boxShadow: 'inset 0 0 0 100px #30373f',
     border: '1px solid',

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/listview.js

@@ -11,7 +11,7 @@ var listViewItem = {
       borderBottom: '1px solid',
       borderBottomColor: 'border.base'
     },
-    bg: 'background.base',
+    bg: 'backgroundBase',
     '&.is-selected': {
       bg: 'background.hover'
     },

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/message.js

@@ -7,31 +7,31 @@ _Object$defineProperty(exports, "__esModule", {
 exports.message = void 0;
 var message = {
   item: {
-    backgroundColor: 'background.secondary',
+    backgroundColor: 'light',
     color: 'white !important',
     '> span': {
       color: 'white !important'
     },
     '&.is-success': {
-      bg: 'background.secondary',
+      bg: 'light',
       borderLeftColor: 'green-500',
       color: 'text.message'
     },
     '&.is-success, > .is-success': {
-      bg: 'background.secondary',
+      bg: 'light',
       color: 'text.message'
     },
     '&.is-warning': {
-      bg: 'background.secondary',
+      bg: 'light',
       borderLeftColor: 'yellow-500',
       color: 'text.message'
     },
     '&.is-warning, > .is-warning': {
-      bg: 'background.secondary',
+      bg: 'light',
       color: 'text.message'
     },
     '&.is-error, > .is-error': {
-      bg: 'background.secondary',
+      bg: 'light',
       color: 'text.message'
     },
     '&.is-error, > button > svg': {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/navbar.js

@@ -28,7 +28,7 @@ var navBar = {
   container: {
     width: '252px',
     p: 'sm',
-    backgroundColor: 'background.base',
+    backgroundColor: 'backgroundBase',
     boxShadow: '0 .5rem 1rem rgba(0, 0, 0, .15)'
   },
   sectionButton: {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts

@@ -377,6 +377,26 @@ declare const _default: {
             bg: string;
         };
         headingContainer: {
+            borderBottom: string;
+            borderBottomColor: string;
+            bg: string;
+        };
+        header: {
+            borderBottom: string;
+            borderBottomColor: string;
+            bg: string;
+        };
+        body: {
+            bg: string;
+        };
+        footer: {
+            borderTop: string;
+            borderTopColor: string;
+            bg: string;
+        };
+        footerContainer: {
+            borderTop: string;
+            borderTopColor: string;
             bg: string;
         };
         buttonsContainer: {

package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js

@@ -18,7 +18,7 @@ var _navbar = require("./navbar");
 var _skeleton = _interopRequireDefault(require("./skeleton"));
 var listBox = {
   container: {
-    backgroundColor: 'background.base',
+    backgroundColor: 'backgroundBase',
     border: '1px solid',
     borderColor: 'transparent',
     borderRadius: '4px'
@@ -51,21 +51,41 @@ var tab = {
 };
 var modal = {
   content: {
-    bg: 'background.base'
+    bg: 'backgroundBase'
   },
   headingContainer: {
-    bg: 'background.base'
+    borderBottom: '1px solid',
+    borderBottomColor: 'border.base',
+    bg: 'backgroundBase'
+  },
+  header: {
+    borderBottom: '1px solid',
+    borderBottomColor: 'border.base',
+    bg: 'backgroundBase'
+  },
+  body: {
+    bg: 'backgroundBase'
+  },
+  footer: {
+    borderTop: '1px solid',
+    borderTopColor: 'border.base',
+    bg: 'backgroundBase'
+  },
+  footerContainer: {
+    borderTop: '1px solid',
+    borderTopColor: 'border.base',
+    bg: 'backgroundBase'
   },
   buttonsContainer: {
-    bg: 'background.base'
+    bg: 'backgroundBase'
   }
 };
 var rockerButton = {
   innerContainer: {
-    backgroundColor: 'background.base'
+    backgroundColor: 'backgroundBase'
   },
   thumbSwitch: {
-    backgroundColor: 'background.base',
+    backgroundColor: 'backgroundBase',
     color: 'blue-400',
     '&.is-selected': {
       color: 'black',
@@ -83,7 +103,7 @@ var rockerButton = {
 };
 var attachment = {
   container: {
-    backgroundColor: 'background.secondary',
+    backgroundColor: 'backgroundSecondary',
     borderColor: 'border.attachment'
   }
 };

package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts

@@ -61,13 +61,12 @@ declare const colors: {
     };
     active: string;
     primary: string;
-    background: {
-        base: string;
-        secondary: string;
-        card: string;
-        suggestion: string;
-        hover: string;
-    };
+    background: string;
+    backgroundBase: string;
+    backgroundSecondary: string;
+    backgroundCard: string;
+    backgroundSuggestion: string;
+    backgroundHover: string;
     iconWrapper: {
         wrapper: {
             orange: string;