@commercetools-frontend/application-components 21.12.0 → 21.14.0

package/dist/commercetools-frontend-application-components.cjs.dev.js

@@ -20,23 +20,23 @@ var Text = require('@commercetools-uikit/text');
 var react = require('@emotion/react');
 var designSystem = require('@commercetools-uikit/design-system');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
-var Spacings = require('@commercetools-uikit/spacings');
-var i18n = require('@commercetools-frontend/i18n');
-var _styled = require('@emotion/styled/base');
 var react$1 = require('react');
-var PrimaryButton = require('@commercetools-uikit/primary-button');
-var SecondaryButton = require('@commercetools-uikit/secondary-button');
-var IconButton = require('@commercetools-uikit/icon-button');
-var icons = require('@commercetools-uikit/icons');
-var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
-var omitBy = require('lodash/omitBy');
+var _styled = require('@emotion/styled/base');
 var Modal = require('react-modal');
 var constants = require('@commercetools-frontend/constants');
 var Card = require('@commercetools-uikit/card');
+var icons = require('@commercetools-uikit/icons');
 var SecondaryIconButton = require('@commercetools-uikit/secondary-icon-button');
+var Spacings = require('@commercetools-uikit/spacings');
+var i18n = require('@commercetools-frontend/i18n');
+var SecondaryButton = require('@commercetools-uikit/secondary-button');
+var PrimaryButton = require('@commercetools-uikit/primary-button');
+var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+var omitBy = require('lodash/omitBy');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _setTimeout = require('@babel/runtime-corejs3/core-js-stable/set-timeout');
 var FlatButton = require('@commercetools-uikit/flat-button');
+var IconButton = require('@commercetools-uikit/icon-button');
 var CommercetoolsLogoSvg = require('@commercetools-frontend/assets/logos/commercetools_primary-logo_horizontal_white-text_RGB.svg');
 var Constraints = require('@commercetools-uikit/constraints');
 var PageNotFoundSVG = require('@commercetools-frontend/assets/images/desert-fox.svg');
@@ -64,18 +64,18 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
 var _pt__default = /*#__PURE__*/_interopDefault(_pt);
 var startCase__default = /*#__PURE__*/_interopDefault(startCase);
 var Text__default = /*#__PURE__*/_interopDefault(Text);
-var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
 var _styled__default = /*#__PURE__*/_interopDefault(_styled);
-var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
-var SecondaryButton__default = /*#__PURE__*/_interopDefault(SecondaryButton);
-var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
-var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
-var omitBy__default = /*#__PURE__*/_interopDefault(omitBy);
 var Modal__default = /*#__PURE__*/_interopDefault(Modal);
 var Card__default = /*#__PURE__*/_interopDefault(Card);
 var SecondaryIconButton__default = /*#__PURE__*/_interopDefault(SecondaryIconButton);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var SecondaryButton__default = /*#__PURE__*/_interopDefault(SecondaryButton);
+var PrimaryButton__default = /*#__PURE__*/_interopDefault(PrimaryButton);
+var _startsWithInstanceProperty__default = /*#__PURE__*/_interopDefault(_startsWithInstanceProperty);
+var omitBy__default = /*#__PURE__*/_interopDefault(omitBy);
 var _setTimeout__default = /*#__PURE__*/_interopDefault(_setTimeout);
 var FlatButton__default = /*#__PURE__*/_interopDefault(FlatButton);
+var IconButton__default = /*#__PURE__*/_interopDefault(IconButton);
 var CommercetoolsLogoSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLogoSvg);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 var PageNotFoundSVG__default = /*#__PURE__*/_interopDefault(PageNotFoundSVG);
@@ -90,9 +90,9 @@ var useLatest__default = /*#__PURE__*/_interopDefault(useLatest);
 var rafSchd__default = /*#__PURE__*/_interopDefault(rafSchd);
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.12.0";
+var version = "21.14.0";
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$9() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$a() { 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 getBottomBorderStyles = function getBottomBorderStyles(background) {
   return /*#__PURE__*/react.css(":after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:", designSystem.customProperties.borderRadius2, ";background-color:", background, ";transition:background-color ", designSystem.customProperties.transitionEaseinout150Ms, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:getBottomBorderStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUTJFIiwiZmlsZSI6InRhYi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBjc3MsXG4gIHR5cGUgU2VyaWFsaXplZFN0eWxlcyxcbiAgdHlwZSBJbnRlcnBvbGF0aW9uLFxuICB0eXBlIFRoZW1lLFxufSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IGdldEJvdHRvbUJvcmRlclN0eWxlcyA9IChiYWNrZ3JvdW5kOiBzdHJpbmcpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgaGVpZ2h0OiA0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogJHtjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlclJhZGl1czJ9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2N1c3RvbVByb3BlcnRpZXMudHJhbnNpdGlvbkVhc2Vpbm91dDE1ME1zfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldExpbmtTdHlsZXMgPSAoXG4gIGlzQWN0aXZlOiBib29sZWFuLFxuICBpc0Rpc2FibGVkOiBib29sZWFuXG4pOiBJbnRlcnBvbGF0aW9uPFRoZW1lPiA9PiBbXG4gIGNzc2BcbiAgICBmb250LXNpemU6ICR7Y3VzdG9tUHJvcGVydGllcy5mb250U2l6ZURlZmF1bHR9O1xuICAgIHBhZGRpbmc6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IGluaGVyaXQ7XG5cbiAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7Z2V0Qm90dG9tQm9yZGVyU3R5bGVzKCd0cmFuc3BhcmVudCcpfVxuICBgLFxuICBpc0FjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgICR7Z2V0Qm90dG9tQm9yZGVyU3R5bGVzKGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5KX1cbiAgICAgICYgaDQge1xuICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yUHJpbWFyeX0gIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICBgLFxuICBpc0Rpc2FibGVkICYmXG4gICAgY3NzYFxuICAgICAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG5cbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgIWlzQWN0aXZlICYmXG4gICAgIWlzRGlzYWJsZWQgJiZcbiAgICBjc3NgXG4gICAgICA6aG92ZXIsXG4gICAgICA6Zm9jdXMsXG4gICAgICA6YWN0aXZlIHtcbiAgICAgICAgJiBoNCB7XG4gICAgICAgICAgY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgLFxuXTtcbiJdfQ== */");
@@ -105,7 +105,7 @@ var _ref$8 = process.env.NODE_ENV === "production" ? {
   name: "1esnnep-getLinkStyles",
   styles: "&[aria-disabled='true']{cursor:not-allowed;opacity:0.5;&:active{pointer-events:none;}};label:getLinkStyles;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaURPIiwiZmlsZSI6InRhYi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBjc3MsXG4gIHR5cGUgU2VyaWFsaXplZFN0eWxlcyxcbiAgdHlwZSBJbnRlcnBvbGF0aW9uLFxuICB0eXBlIFRoZW1lLFxufSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IGdldEJvdHRvbUJvcmRlclN0eWxlcyA9IChiYWNrZ3JvdW5kOiBzdHJpbmcpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYm90dG9tOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgaGVpZ2h0OiA0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogJHtjdXN0b21Qcm9wZXJ0aWVzLmJvcmRlclJhZGl1czJ9O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7YmFja2dyb3VuZH07XG4gICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAke2N1c3RvbVByb3BlcnRpZXMudHJhbnNpdGlvbkVhc2Vpbm91dDE1ME1zfTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGdldExpbmtTdHlsZXMgPSAoXG4gIGlzQWN0aXZlOiBib29sZWFuLFxuICBpc0Rpc2FibGVkOiBib29sZWFuXG4pOiBJbnRlcnBvbGF0aW9uPFRoZW1lPiA9PiBbXG4gIGNzc2BcbiAgICBmb250LXNpemU6ICR7Y3VzdG9tUHJvcGVydGllcy5mb250U2l6ZURlZmF1bHR9O1xuICAgIHBhZGRpbmc6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU30gJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IGluaGVyaXQ7XG5cbiAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgIH1cblxuICAgICR7Z2V0Qm90dG9tQm9yZGVyU3R5bGVzKCd0cmFuc3BhcmVudCcpfVxuICBgLFxuICBpc0FjdGl2ZSAmJlxuICAgIGNzc2BcbiAgICAgICR7Z2V0Qm90dG9tQm9yZGVyU3R5bGVzKGN1c3RvbVByb3BlcnRpZXMuY29sb3JQcmltYXJ5KX1cbiAgICAgICYgaDQge1xuICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yUHJpbWFyeX0gIWltcG9ydGFudDtcbiAgICAgIH1cbiAgICBgLFxuICBpc0Rpc2FibGVkICYmXG4gICAgY3NzYFxuICAgICAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG5cbiAgICAgICAgJjphY3RpdmUge1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgYCxcbiAgIWlzQWN0aXZlICYmXG4gICAgIWlzRGlzYWJsZWQgJiZcbiAgICBjc3NgXG4gICAgICA6aG92ZXIsXG4gICAgICA6Zm9jdXMsXG4gICAgICA6YWN0aXZlIHtcbiAgICAgICAgJiBoNCB7XG4gICAgICAgICAgY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclByaW1hcnl9ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICBgLFxuXTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$9
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$a
 };
 
 var getLinkStyles = function getLinkStyles(isActive, isDisabled) {
@@ -178,334 +178,11 @@ TabHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   exactPathMatch: _pt__default["default"].bool.isRequired
 } : {};
 TabHeader.displayName = 'TabHeader';
-var defaultProps$f = {
+var defaultProps$h = {
   isDisabled: false,
   exactPathMatch: false
 };
-TabHeader.defaultProps = defaultProps$f;
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { 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 defaultProps$e = {
-  titleSize: 'small',
-  truncate: false
-};
-
-var SubtitleWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "epaiodd0"
-} : {
-  target: "epaiodd0",
-  label: "SubtitleWrapper"
-})("margin-top:", designSystem.customProperties.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UtaGVhZGVyLXRpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmtDIiwiZmlsZSI6InBhZ2UtaGVhZGVyLXRpdGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzVmFsaWRFbGVtZW50LCB0eXBlIFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG50eXBlIFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICB0aXRsZVNpemU6ICdiaWcnIHwgJ3NtYWxsJztcbiAgdHJ1bmNhdGU6IGJvb2xlYW47XG4gIHN1YnRpdGxlPzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBjaGlsZHJlbj86IG5ldmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxQcm9wcywgJ3RpdGxlU2l6ZScgfCAndHJ1bmNhdGUnPiA9IHtcbiAgdGl0bGVTaXplOiAnc21hbGwnLFxuICB0cnVuY2F0ZTogZmFsc2UsXG59O1xuXG5jb25zdCBTdWJ0aXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019O1xuYDtcblxudHlwZSBSZW5kZXJUaXRsZVByb3BzID0gUGljazxQcm9wcywgJ3RpdGxlU2l6ZScgfCAndGl0bGUnIHwgJ3RydW5jYXRlJz47XG5cbmNvbnN0IHJlbmRlclRpdGxlID0gKHByb3BzOiBSZW5kZXJUaXRsZVByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudGl0bGVTaXplKSB7XG4gICAgY2FzZSAnYmlnJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDJcIiB0aXRsZT17cHJvcHMudGl0bGV9IHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX0+XG4gICAgICAgICAge3Byb3BzLnRpdGxlfVxuICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICApO1xuXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0LlN1YmhlYWRsaW5lIGFzPVwiaDRcIiB0aXRsZT17cHJvcHMudGl0bGV9IHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX0+XG4gICAgICAgICAge3Byb3BzLnRpdGxlfVxuICAgICAgICA8L1RleHQuU3ViaGVhZGxpbmU+XG4gICAgICApO1xuICB9XG59O1xuXG5jb25zdCByZW5kZXJTdWJ0aXRsZSA9IChcbiAgc3VidGl0bGU/OiBQcm9wc1snc3VidGl0bGUnXSxcbiAgdHJ1bmNhdGU6IFByb3BzWyd0cnVuY2F0ZSddID0gZmFsc2VcbikgPT4ge1xuICBpZiAoIXN1YnRpdGxlKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgaWYgKGlzVmFsaWRFbGVtZW50KHN1YnRpdGxlKSkge1xuICAgIHJldHVybiA8U3VidGl0bGVXcmFwcGVyPntzdWJ0aXRsZX08L1N1YnRpdGxlV3JhcHBlcj47XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U3VidGl0bGVXcmFwcGVyPlxuICAgICAgPFRleHQuQm9keSB0aXRsZT17c3VidGl0bGV9IHRydW5jYXRlPXt0cnVuY2F0ZX0+XG4gICAgICAgIHtzdWJ0aXRsZX1cbiAgICAgIDwvVGV4dC5Cb2R5PlxuICAgIDwvU3VidGl0bGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgUGFnZUhlYWRlclRpdGxlID0gKHByb3BzOiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHRpdGxlU2l6ZSwgdGl0bGUsIHRydW5jYXRlIH0gPSBwcm9wcztcbiAgY29uc3QgcmVuZGVyZWRUaXRsZSA9IHJlbmRlclRpdGxlKHsgdGl0bGVTaXplLCB0aXRsZSwgdHJ1bmNhdGUgfSk7XG4gIGNvbnN0IHJlbmRlcmVkU3VidGl0bGUgPSByZW5kZXJTdWJ0aXRsZShwcm9wcy5zdWJ0aXRsZSwgdHJ1bmNhdGUpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7cmVuZGVyZWRUaXRsZX1cbiAgICAgIHtyZW5kZXJlZFN1YnRpdGxlfVxuICAgIDwvZGl2PlxuICApO1xufTtcblBhZ2VIZWFkZXJUaXRsZS5kaXNwbGF5TmFtZSA9ICdQYWdlSGVhZGVyVGl0bGUnO1xuUGFnZUhlYWRlclRpdGxlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgUGFnZUhlYWRlclRpdGxlO1xuIl19 */"));
-
-var renderTitle = function renderTitle(props) {
-  switch (props.titleSize) {
-    case 'big':
-      return jsxRuntime.jsx(Text__default["default"].Headline, {
-        as: "h2",
-        title: props.title,
-        truncate: props.truncate,
-        children: props.title
-      });
-
-    default:
-      return jsxRuntime.jsx(Text__default["default"].Subheadline, {
-        as: "h4",
-        title: props.title,
-        truncate: props.truncate,
-        children: props.title
-      });
-  }
-};
-
-var renderSubtitle = function renderSubtitle(subtitle) {
-  var truncate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
-  if (!subtitle) {
-    return null;
-  }
-
-  if ( /*#__PURE__*/react$1.isValidElement(subtitle)) {
-    return jsxRuntime.jsx(SubtitleWrapper, {
-      children: subtitle
-    });
-  }
-
-  return jsxRuntime.jsx(SubtitleWrapper, {
-    children: jsxRuntime.jsx(Text__default["default"].Body, {
-      title: subtitle,
-      truncate: truncate,
-      children: subtitle
-    })
-  });
-};
-
-var _ref$7 = process.env.NODE_ENV === "production" ? {
-  name: "d3v9zr",
-  styles: "overflow:hidden"
-} : {
-  name: "17znvoe-PageHeaderTitle",
-  styles: "overflow:hidden;label:PageHeaderTitle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UtaGVhZGVyLXRpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRWMiLCJmaWxlIjoicGFnZS1oZWFkZXItdGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNWYWxpZEVsZW1lbnQsIHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRpdGxlU2l6ZTogJ2JpZycgfCAnc21hbGwnO1xuICB0cnVuY2F0ZTogYm9vbGVhbjtcbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFByb3BzLCAndGl0bGVTaXplJyB8ICd0cnVuY2F0ZSc+ID0ge1xuICB0aXRsZVNpemU6ICdzbWFsbCcsXG4gIHRydW5jYXRlOiBmYWxzZSxcbn07XG5cbmNvbnN0IFN1YnRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX07XG5gO1xuXG50eXBlIFJlbmRlclRpdGxlUHJvcHMgPSBQaWNrPFByb3BzLCAndGl0bGVTaXplJyB8ICd0aXRsZScgfCAndHJ1bmNhdGUnPjtcblxuY29uc3QgcmVuZGVyVGl0bGUgPSAocHJvcHM6IFJlbmRlclRpdGxlUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50aXRsZVNpemUpIHtcbiAgICBjYXNlICdiaWcnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiIHRpdGxlPXtwcm9wcy50aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfT5cbiAgICAgICAgICB7cHJvcHMudGl0bGV9XG4gICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICk7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHQuU3ViaGVhZGxpbmUgYXM9XCJoNFwiIHRpdGxlPXtwcm9wcy50aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfT5cbiAgICAgICAgICB7cHJvcHMudGl0bGV9XG4gICAgICAgIDwvVGV4dC5TdWJoZWFkbGluZT5cbiAgICAgICk7XG4gIH1cbn07XG5cbmNvbnN0IHJlbmRlclN1YnRpdGxlID0gKFxuICBzdWJ0aXRsZT86IFByb3BzWydzdWJ0aXRsZSddLFxuICB0cnVuY2F0ZTogUHJvcHNbJ3RydW5jYXRlJ10gPSBmYWxzZVxuKSA9PiB7XG4gIGlmICghc3VidGl0bGUpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBpZiAoaXNWYWxpZEVsZW1lbnQoc3VidGl0bGUpKSB7XG4gICAgcmV0dXJuIDxTdWJ0aXRsZVdyYXBwZXI+e3N1YnRpdGxlfTwvU3VidGl0bGVXcmFwcGVyPjtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxTdWJ0aXRsZVdyYXBwZXI+XG4gICAgICA8VGV4dC5Cb2R5IHRpdGxlPXtzdWJ0aXRsZX0gdHJ1bmNhdGU9e3RydW5jYXRlfT5cbiAgICAgICAge3N1YnRpdGxlfVxuICAgICAgPC9UZXh0LkJvZHk+XG4gICAgPC9TdWJ0aXRsZVdyYXBwZXI+XG4gICk7XG59O1xuXG5jb25zdCBQYWdlSGVhZGVyVGl0bGUgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGl0bGVTaXplLCB0aXRsZSwgdHJ1bmNhdGUgfSA9IHByb3BzO1xuICBjb25zdCByZW5kZXJlZFRpdGxlID0gcmVuZGVyVGl0bGUoeyB0aXRsZVNpemUsIHRpdGxlLCB0cnVuY2F0ZSB9KTtcbiAgY29uc3QgcmVuZGVyZWRTdWJ0aXRsZSA9IHJlbmRlclN1YnRpdGxlKHByb3BzLnN1YnRpdGxlLCB0cnVuY2F0ZSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtyZW5kZXJlZFRpdGxlfVxuICAgICAge3JlbmRlcmVkU3VidGl0bGV9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuUGFnZUhlYWRlclRpdGxlLmRpc3BsYXlOYW1lID0gJ1BhZ2VIZWFkZXJUaXRsZSc7XG5QYWdlSGVhZGVyVGl0bGUuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBQYWdlSGVhZGVyVGl0bGU7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$8
-};
-
-var PageHeaderTitle = function PageHeaderTitle(props) {
-  var titleSize = props.titleSize,
-      title = props.title,
-      truncate = props.truncate;
-  var renderedTitle = renderTitle({
-    titleSize: titleSize,
-    title: title,
-    truncate: truncate
-  });
-  var renderedSubtitle = renderSubtitle(props.subtitle, truncate);
-  return jsxRuntime.jsxs("div", {
-    css: _ref$7,
-    children: [renderedTitle, renderedSubtitle]
-  });
-};
-
-PageHeaderTitle.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt__default["default"].string.isRequired,
-  titleSize: _pt__default["default"].oneOf(['big', 'small']).isRequired,
-  truncate: _pt__default["default"].bool.isRequired,
-  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element])
-} : {};
-PageHeaderTitle.displayName = 'PageHeaderTitle';
-PageHeaderTitle.defaultProps = defaultProps$e;
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { 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 TabControls = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "elpldre1"
-} : {
-  target: "elpldre1",
-  label: "TabControls"
-})("margin-top:", designSystem.customProperties.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzhCIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICdzdXJmYWNlJ1xuICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlXG4gICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NX07XG4gICAgICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX0gMDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsfSBzb2xpZDtcbiAgICBgfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyUGFnZUNvbnRhaW5lcic7XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJQYWdlQ29udGFpbmVyUHJvcHMsICdjb2xvcic+ID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnLFxufTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbmA7XG5cbmV4cG9ydCB7IENvbnRyb2xzQ29udGFpbnRlciwgVGFidWxhclBhZ2VDb250YWluZXIsIEZvcm1Db250cm9sc0NvbnRhaW5lciB9O1xuIl19 */"));
-
-var _ref$6 = process.env.NODE_ENV === "production" ? {
-  name: "1nrstx4",
-  styles: "display:flex;align-items:flex-end;justify-content:space-between"
-} : {
-  name: "158j3eg-ControlsContainter",
-  styles: "display:flex;align-items:flex-end;justify-content:space-between;label:ControlsContainter;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICdzdXJmYWNlJ1xuICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlXG4gICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NX07XG4gICAgICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX0gMDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsfSBzb2xpZDtcbiAgICBgfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyUGFnZUNvbnRhaW5lcic7XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJQYWdlQ29udGFpbmVyUHJvcHMsICdjb2xvcic+ID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnLFxufTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbmA7XG5cbmV4cG9ydCB7IENvbnRyb2xzQ29udGFpbnRlciwgVGFidWxhclBhZ2VDb250YWluZXIsIEZvcm1Db250cm9sc0NvbnRhaW5lciB9O1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
-};
-
-var ControlsContainter = function ControlsContainter(props) {
-  return jsxRuntime.jsxs("div", {
-    css: _ref$6,
-    children: [jsxRuntime.jsx(TabControls, {
-      role: "tablist",
-      children: props.tabControls
-    }), props.formControls]
-  });
-};
-
-ControlsContainter.propTypes = process.env.NODE_ENV !== "production" ? {
-  tabControls: _pt__default["default"].node.isRequired,
-  formControls: _pt__default["default"].node
-} : {};
-ControlsContainter.displayName = 'ControlsContainter';
-
-var TabularPageContainer = function TabularPageContainer(props) {
-  return jsxRuntime.jsx("div", {
-    css: /*#__PURE__*/react.css("background-color:", props.color === 'surface' ? designSystem.customProperties.colorSurface : designSystem.customProperties.colorNeutral95, ";padding:", designSystem.customProperties.spacingM, " ", designSystem.customProperties.spacingM, " 0;border-bottom:1px ", designSystem.customProperties.colorNeutral, " solid;" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularPageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICdzdXJmYWNlJ1xuICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlXG4gICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NX07XG4gICAgICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX0gMDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsfSBzb2xpZDtcbiAgICBgfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyUGFnZUNvbnRhaW5lcic7XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJQYWdlQ29udGFpbmVyUHJvcHMsICdjb2xvcic+ID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnLFxufTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbmA7XG5cbmV4cG9ydCB7IENvbnRyb2xzQ29udGFpbnRlciwgVGFidWxhclBhZ2VDb250YWluZXIsIEZvcm1Db250cm9sc0NvbnRhaW5lciB9O1xuIl19 */"),
-    children: props.children
-  });
-};
-
-TabularPageContainer.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _pt__default["default"].node.isRequired,
-  color: _pt__default["default"].oneOf(['surface', 'neutral']).isRequired
-} : {};
-TabularPageContainer.displayName = 'TabularPageContainer';
-var defaultProps$d = {
-  color: 'surface'
-};
-TabularPageContainer.defaultProps = defaultProps$d;
-
-var FormControlsContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "elpldre0"
-} : {
-  target: "elpldre0",
-  label: "FormControlsContainer"
-})("margin-bottom:", designSystem.customProperties.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR3QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IFRhYkNvbnRyb2xzID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxudHlwZSBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29sb3I6ICdzdXJmYWNlJyB8ICduZXV0cmFsJztcbn07XG5cbmNvbnN0IFRhYnVsYXJQYWdlQ29udGFpbmVyID0gKHByb3BzOiBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yID09PSAnc3VyZmFjZSdcbiAgICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU3VyZmFjZVxuICAgICAgICA6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019IDA7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbH0gc29saWQ7XG4gICAgYH1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuVGFidWxhclBhZ2VDb250YWluZXIuZGlzcGxheU5hbWUgPSAnVGFidWxhclBhZ2VDb250YWluZXInO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzLCAnY29sb3InPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbn07XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX07XG5gO1xuXG5leHBvcnQgeyBDb250cm9sc0NvbnRhaW50ZXIsIFRhYnVsYXJQYWdlQ29udGFpbmVyLCBGb3JtQ29udHJvbHNDb250YWluZXIgfTtcbiJdfQ== */"));
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { 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 ContentWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "e1b7jwn01"
-} : {
-  target: "e1b7jwn01",
-  label: "ContentWrapper"
-})("flex:1;flex-basis:0;padding:", designSystem.customProperties.spacingM, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
-var PageWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
-  target: "e1b7jwn00"
-} : {
-  target: "e1b7jwn00",
-  label: "PageWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "kdbhus",
-  styles: "height:100%;display:flex;flex-direction:column"
-} : {
-  name: "kdbhus",
-  styles: "height:100%;display:flex;flex-direction:column",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
-});
-
-function filterDataAttributes(obj) {
-  return omitBy__default["default"](obj, function (_value, key) {
-    return !_startsWithInstanceProperty__default["default"](key).call(key, 'data-');
-  });
-}
-
-function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var primaryDefaultProps = {
-  label: i18n.sharedMessages.confirm,
-  isDisabled: false,
-  dataAttributes: {}
-};
-
-var useFormattedLabel = function useFormattedLabel(label) {
-  var intl = reactIntl.useIntl();
-  return typeof label === 'string' ? label : intl.formatMessage(label);
-};
-
-var FormPrimaryButton = function FormPrimaryButton(props) {
-  var label = useFormattedLabel(props.label);
-  return jsxRuntime.jsx(PrimaryButton__default["default"], _objectSpread$6({
-    label: label,
-    onClick: props.onClick,
-    isDisabled: props.isDisabled
-  }, filterDataAttributes(props.dataAttributes)));
-};
-
-FormPrimaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
-    id: _pt__default["default"].string.isRequired,
-    description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].object]),
-    defaultMessage: _pt__default["default"].string
-  })]).isRequired,
-  onClick: _pt__default["default"].func.isRequired,
-  isDisabled: _pt__default["default"].bool.isRequired,
-  dataAttributes: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired
-} : {};
-FormPrimaryButton.displayName = 'FormPrimaryButton';
-FormPrimaryButton.defaultProps = primaryDefaultProps;
-var secondaryDefaultProps = {
-  label: i18n.sharedMessages.cancel,
-  isDisabled: false,
-  dataAttributes: {}
-};
-
-var FormSecondaryButton = function FormSecondaryButton(props) {
-  var label = useFormattedLabel(props.label);
-  return jsxRuntime.jsx(SecondaryButton__default["default"], _objectSpread$6({
-    label: label,
-    onClick: props.onClick,
-    isDisabled: props.isDisabled
-  }, filterDataAttributes(props.dataAttributes)));
-};
-
-FormSecondaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
-    id: _pt__default["default"].string.isRequired,
-    description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].object]),
-    defaultMessage: _pt__default["default"].string
-  })]).isRequired,
-  onClick: _pt__default["default"].func.isRequired,
-  isDisabled: _pt__default["default"].bool.isRequired,
-  dataAttributes: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired
-} : {};
-FormSecondaryButton.displayName = 'FormSecondaryButton';
-FormSecondaryButton.defaultProps = secondaryDefaultProps;
-var deleteDefaultProps = {
-  label: i18n.sharedMessages.delete,
-  isDisabled: false,
-  dataAttributes: {}
-};
-
-var FormDeleteButton = function FormDeleteButton(props) {
-  var label = useFormattedLabel(props.label);
-  return jsxRuntime.jsx(IconButton__default["default"], _objectSpread$6({
-    icon: jsxRuntime.jsx(icons.BinLinearIcon, {}),
-    label: label,
-    onClick: props.onClick,
-    isDisabled: props.isDisabled
-  }, filterDataAttributes(props.dataAttributes)));
-};
-
-FormDeleteButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
-    id: _pt__default["default"].string.isRequired,
-    description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].object]),
-    defaultMessage: _pt__default["default"].string
-  })]).isRequired,
-  onClick: _pt__default["default"].func.isRequired,
-  isDisabled: _pt__default["default"].bool.isRequired,
-  dataAttributes: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired
-} : {};
-FormDeleteButton.displayName = 'FormDeleteButton';
-FormDeleteButton.defaultProps = deleteDefaultProps;
-
-var defaultProps$c = {
-  hideControls: false
-};
-
-var TabularMainPage = function TabularMainPage(props) {
-  var _props$title;
-
-  process.env.NODE_ENV !== "production" ? utils.warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularMainPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
-  return jsxRuntime.jsxs(PageWrapper, {
-    children: [jsxRuntime.jsx(TabularPageContainer, {
-      color: "surface",
-      children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
-        children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
-          title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
-          subtitle: props.subtitle,
-          titleSize: "big"
-        }), jsxRuntime.jsx(ControlsContainter, {
-          tabControls: props.tabControls,
-          formControls: jsxRuntime.jsx(FormControlsContainer, {
-            children: !props.hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
-              alignItems: "flex-end",
-              children: props.formControls
-            })
-          })
-        })]
-      })
-    }), jsxRuntime.jsx(ContentWrapper, {
-      css: /*#__PURE__*/react.css("background-color:", designSystem.customProperties.colorNeutral95, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmdCIiwiZmlsZSI6InRhYnVsYXItbWFpbi1wYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IHsgc2hhcmVkTWVzc2FnZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9pMThuJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgUGFnZUhlYWRlclRpdGxlIGZyb20gJy4uL2ludGVybmFscy9wYWdlLWhlYWRlci10aXRsZSc7XG5pbXBvcnQge1xuICBDb250cm9sc0NvbnRhaW50ZXIsXG4gIFRhYnVsYXJQYWdlQ29udGFpbmVyLFxuICBGb3JtQ29udHJvbHNDb250YWluZXIsXG59IGZyb20gJy4uL2ludGVybmFscy90YWJ1bGFyLXBhZ2UnO1xuaW1wb3J0IHsgQ29udGVudFdyYXBwZXIsIFBhZ2VXcmFwcGVyIH0gZnJvbSAnLi4vaW50ZXJuYWxzL3BhZ2Uuc3R5bGVzJztcbmltcG9ydCB7XG4gIEZvcm1QcmltYXJ5QnV0dG9uLFxuICBGb3JtU2Vjb25kYXJ5QnV0dG9uLFxuICBGb3JtRGVsZXRlQnV0dG9uLFxufSBmcm9tICcuLi9pbnRlcm5hbHMvZGVmYXVsdC1mb3JtLWJ1dHRvbnMnO1xuXG50eXBlIFRUYWJ1bGFyTWFpblBhZ2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgcGFnZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhck1haW5QYWdlUHJvcHMsICdoaWRlQ29udHJvbHMnPiA9IHtcbiAgaGlkZUNvbnRyb2xzOiBmYWxzZSxcbn07XG5cbmNvbnN0IFRhYnVsYXJNYWluUGFnZSA9IChwcm9wczogVFRhYnVsYXJNYWluUGFnZVByb3BzKSA9PiB7XG4gIHdhcm5pbmcoXG4gICAgcHJvcHMudGl0bGUgIT09IHVuZGVmaW5lZCB8fCBwcm9wcy5jdXN0b21UaXRsZVJvdyAhPT0gdW5kZWZpbmVkLFxuICAgICdUYWJ1bGFyTWFpblBhZ2U6IG9uZSBvZiBlaXRoZXIgYHRpdGxlYCBvciBgY3VzdG9tVGl0bGVSb3dgIGlzIHJlcXVpcmVkIGJ1dCBib3RoIHRoZWlyIHZhbHVlcyBhcmUgYHVuZGVmaW5lZGAnXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFnZVdyYXBwZXI+XG4gICAgICA8VGFidWxhclBhZ2VDb250YWluZXIgY29sb3I9XCJzdXJmYWNlXCI+XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICB7cHJvcHMuY3VzdG9tVGl0bGVSb3cgfHwgKFxuICAgICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgICB0aXRsZT17cHJvcHMudGl0bGUgPz8gJyd9XG4gICAgICAgICAgICAgIHN1YnRpdGxlPXtwcm9wcy5zdWJ0aXRsZX1cbiAgICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgICB0YWJDb250cm9scz17cHJvcHMudGFiQ29udHJvbHN9XG4gICAgICAgICAgICBmb3JtQ29udHJvbHM9e1xuICAgICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHshcHJvcHMuaGlkZUNvbnRyb2xzICYmIHByb3BzLmZvcm1Db250cm9scyAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGFsaWduSXRlbXM9XCJmbGV4LWVuZFwiPlxuICAgICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvVGFidWxhclBhZ2VDb250YWluZXI+XG4gICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICA8L1BhZ2VXcmFwcGVyPlxuICApO1xufTtcblRhYnVsYXJNYWluUGFnZS5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyTWFpblBhZ2UnO1xuVGFidWxhck1haW5QYWdlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgZm9ybSBjb250cm9sIGJ1dHRvbnMgdG8gZWFzaWx5IHJlLXVzZVxuLy8gdGhlbSBpbiB0aGUgY3VzdG9tIGNvbnRyb2xzLlxuVGFidWxhck1haW5QYWdlLkZvcm1QcmltYXJ5QnV0dG9uID0gRm9ybVByaW1hcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVNlY29uZGFyeUJ1dHRvbiA9IEZvcm1TZWNvbmRhcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybURlbGV0ZUJ1dHRvbiA9IEZvcm1EZWxldGVCdXR0b247XG4vLyBTdGF0aWMgZXhwb3J0IG9mIHByZS1jb25maWd1cmVkIHBhZ2UgaGVhZGVyIHRpdGxlIGNvbXBvbmVudCB0byBlYXNpbHlcbi8vIHVzZSBhcyBwYXJ0IG9mIGEgY3VzdG9tIHRpdGxlIHJvd1xuVGFidWxhck1haW5QYWdlLlBhZ2VIZWFkZXJUaXRsZSA9IFBhZ2VIZWFkZXJUaXRsZTtcbi8vIFRoaXMgaXMgYSBjb252ZW5pZW5jZSBwcm94eSBleHBvcnQgdG8gZXhwb3NlIHByZS1kZWZpbmVkIEludGwgbWVzc2FnZXMgZGVmaW5lZCBpbiB0aGUgYEBjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG5gIHBhY2thZ2UuXG5UYWJ1bGFyTWFpblBhZ2UuSW50bCA9IHNoYXJlZE1lc3NhZ2VzO1xuXG5leHBvcnQgZGVmYXVsdCBUYWJ1bGFyTWFpblBhZ2U7XG4iXX0= */"),
-      children: props.children
-    })]
-  });
-};
-
-TabularMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt__default["default"].string,
-  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element]),
-  customTitleRow: _pt__default["default"].node,
-  children: _pt__default["default"].node.isRequired,
-  tabControls: _pt__default["default"].node.isRequired,
-  formControls: _pt__default["default"].node,
-  hideControls: _pt__default["default"].bool.isRequired
-} : {};
-TabularMainPage.displayName = 'TabularMainPage';
-TabularMainPage.defaultProps = defaultProps$c; // Static export of pre-configured form control buttons to easily re-use
-// them in the custom controls.
-
-TabularMainPage.FormPrimaryButton = FormPrimaryButton;
-TabularMainPage.FormSecondaryButton = FormSecondaryButton;
-TabularMainPage.FormDeleteButton = FormDeleteButton; // Static export of pre-configured page header title component to easily
-// use as part of a custom title row
-
-TabularMainPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
-
-TabularMainPage.Intl = i18n.sharedMessages;
+TabHeader.defaultProps = defaultProps$h;
 
 var getConstraintForGridStyle = function getConstraintForGridStyle(size) {
   switch (size) {
@@ -544,11 +221,11 @@ var getOverlayStyles$1 = function getOverlayStyles(props) {
   "".concat(props.zIndex, " !important") : 'auto', ";top:0;width:100%;height:100%;background-color:rgba(32, 62, 72, 0.5);opacity:1;" + (process.env.NODE_ENV === "production" ? "" : ";label:getOverlayStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpYWxvZy5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEUwRCIsImZpbGUiOiJkaWFsb2cuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHNpemU6ICdtJyB8ICdsJyB8IDcgfCA4IHwgOSB8IDEwIHwgJ3NjYWxlJztcbiAgekluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgZ2V0Q29uc3RyYWludEZvckdyaWRTdHlsZSA9IChzaXplOiBTdHlsZVByb3BzWydzaXplJ10pID0+IHtcbiAgc3dpdGNoIChzaXplKSB7XG4gICAgY2FzZSA3OlxuICAgIGNhc2UgJ20nOlxuICAgICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuY29uc3RyYWludDc7XG4gICAgY2FzZSA4OlxuICAgICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuY29uc3RyYWludDg7XG4gICAgY2FzZSA5OlxuICAgICAgcmV0dXJuIGN1c3RvbVByb3BlcnRpZXMuY29uc3RyYWludDk7XG4gICAgY2FzZSAxMDpcbiAgICBjYXNlICdsJzpcbiAgICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmNvbnN0cmFpbnQxMDtcbiAgICBjYXNlICdzY2FsZSc6XG4gICAgICByZXR1cm4gY3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50U2NhbGU7XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBjdXN0b21Qcm9wZXJ0aWVzLmNvbnN0cmFpbnRTY2FsZTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IGdldE1vZGFsQ29udGVudFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBzaXplQ29uc3RyYWludCA9IGdldENvbnN0cmFpbnRGb3JHcmlkU3R5bGUocHJvcHMuc2l6ZSk7XG4gIGNvbnN0IGdyaWRTdHlsZSA9XG4gICAgcHJvcHMuc2l6ZSA9PT0gJ3NjYWxlJ1xuICAgICAgPyBjc3NgXG4gICAgICAgICAgZ3JpZDpcbiAgICAgICAgICAgIFtyb3cxLXN0YXJ0XSAndG9wIHRvcCB0b3AnIG1pbm1heChcbiAgICAgICAgICAgICAgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH0sXG4gICAgICAgICAgICAgIDFmclxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgW3JvdzEtZW5kXVxuICAgICAgICAgICAgW3JvdzItc3RhcnRdICdsZWZ0IG1haW4gcmlnaHQnIG1pbm1heCgwLCAxMDAlKSBbcm93Mi1lbmRdXG4gICAgICAgICAgICBbcm93My1zdGFydF0gJ2JvdHRvbSBib3R0b20gYm90dG9tJyBtaW5tYXgoXG4gICAgICAgICAgICAgICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWGx9LFxuICAgICAgICAgICAgICAxZnJcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIFtyb3czLWVuZF0gLyAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSAxZnIgJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH07XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIGdyaWQ6XG4gICAgICAgICAgICBbcm93MS1zdGFydF0gJ3RvcCB0b3AgdG9wJyBtaW5tYXgoXG4gICAgICAgICAgICAgICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWGx9LFxuICAgICAgICAgICAgICAxZnJcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIFtyb3cxLWVuZF1cbiAgICAgICAgICAgIFtyb3cyLXN0YXJ0XSAnbGVmdCBtYWluIHJpZ2h0JyBtaW5tYXgoMCwgMTAwJSkgW3JvdzItZW5kXVxuICAgICAgICAgICAgW3JvdzMtc3RhcnRdICdib3R0b20gYm90dG9tIGJvdHRvbScgbWlubWF4KFxuICAgICAgICAgICAgICAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSxcbiAgICAgICAgICAgICAgMWZyXG4gICAgICAgICAgICApXG4gICAgICAgICAgICBbcm93My1lbmRdIC8gbWlubWF4KCR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWGx9LCAxZnIpXG4gICAgICAgICAgICAke3NpemVDb25zdHJhaW50fVxuICAgICAgICAgICAgbWlubWF4KCR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nWGx9LCAxZnIpO1xuICAgICAgICBgO1xuXG4gIC8vIFRvIGVuc3VyZSB0aGF0IHRoZSBtb3VzZSBjbGljayBvbiB0aGUgb3ZlcmxheSBzdXJmYWNlIGdvZXMgXCJ0aHJvdWdoXCJcbiAgLy8gYW5kIHRyaWdnZXJzIHRoZSBtb2RhbCB0byBjbG9zZSwgd2UgbmVlZCB0byB0dXJuIG9mZiB0aGUgcG9pbnRlciBldmVudHMuXG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgZGlzcGxheTogZ3JpZDtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcblxuICAgICR7Z3JpZFN0eWxlfTtcbiAgYDtcbiAgcmV0dXJuIGJhc2VTdHlsZXM7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzIsIDYyLCA3MiwgMC41KTtcbiAgb3BhY2l0eTogMTtcbmA7XG4iXX0= */");
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$6(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$6(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$9() { 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 getDefaultParentSelector$1 = function getDefaultParentSelector() {
   return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
@@ -557,14 +234,14 @@ var getDefaultParentSelector$1 = function getDefaultParentSelector() {
 var getOverlayElement$1 = function getOverlayElement(props, contentElement) {
   return (// Assign the `data-role` to the overlay container, which is used as
     // the CSS selector in the `<PortalsContainer>`.
-    jsxRuntime.jsx("div", _objectSpread$5(_objectSpread$5({}, props), {}, {
+    jsxRuntime.jsx("div", _objectSpread$6(_objectSpread$6({}, props), {}, {
       "data-role": "dialog-overlay",
       children: contentElement
     }))
   );
 };
 
-var defaultProps$b = {
+var defaultProps$g = {
   size: 10,
   getParentSelector: getDefaultParentSelector$1
 };
@@ -585,7 +262,7 @@ var _ref2$2 = process.env.NODE_ENV === "production" ? {
   name: "ks583l-sizeStyles",
   styles: "height:100%;label:sizeStyles;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpYWxvZy1jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStEYyIsImZpbGUiOiJkaWFsb2ctY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3ROb2RlLCBTeW50aGV0aWNFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBNb2RhbCwgeyB0eXBlIFByb3BzIGFzIE1vZGFsUHJvcHMgfSBmcm9tICdyZWFjdC1tb2RhbCc7XG5pbXBvcnQgeyBjc3MsIENsYXNzTmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQT1JUQUxTX0NPTlRBSU5FUl9JRCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ2FyZCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jYXJkJztcbmltcG9ydCB7IGdldE92ZXJsYXlTdHlsZXMsIGdldE1vZGFsQ29udGVudFN0eWxlcyB9IGZyb20gJy4vZGlhbG9nLnN0eWxlcyc7XG5cbi8vIFdoZW4gcnVubmluZyB0ZXN0cywgd2UgZG9uJ3QgcmVuZGVyIHRoZSBBcHBTaGVsbC4gSW5zdGVhZCB3ZSBtb2NrIHRoZVxuLy8gYXBwbGljYXRpb24gY29udGV4dCB0byBtYWtlIHRoZSBkYXRhIGF2YWlsYWJsZSB0byB0aGUgYXBwbGljYXRpb24gdW5kZXJcbi8vIHRlc3QuIEhvd2V2ZXIsIHRoaXMgYWxzbyBtZWFucyB0aGF0IHRoZSBBcHBTaGVsbCB0cmVlIGlzIG5vdCByZW5kZXJlZCxcbi8vIHdoaWNoIGNvbnRhaW5zIGFtb25nIG90aGVyIHRoaW5ncyB0aGUgPGRpdiBpZD1cInBvcnRhbHMtY29udGFpbmVyXCIgLz5cbi8vIGVsZW1lbnQsIHVzZWQgdG8gcmVuZGVyIHRoZSBtb2RhbCBjb250ZW50LlxuLy8gQXBwYXJlbnRseSB0aG91Z2gsIHdoZW4gdGhlIDxNb2RhbD4gY29tcG9uZW50IHVubW91bnRzIGJldHdlZW4gdGVzdHMsIGl0XG4vLyB0cmllcyB0byByZW1vdmUgdGhlIGNoaWxkIGVsZW1lbnRzIHdpdGhpbiB0aGUgcGFyZW50IHNlbGVjdG9yXG4vLyAoXCJwb3J0YWxzLWNvbnRhaW5lclwiKSB3aGljaCBtYXkgaGF2ZSBiZWVuIGNsZWFuZWQgdXAgYnkgYW5vdGhlciB0ZXN0LFxuLy8gcmVzdWx0aW5nIGluIHRoZSA8TW9kYWw+IHRvIHRocm93IGFuIE5vdEZvdW5kRXJyb3IuXG4vLyBUbyBzb2x2ZSB0aGlzLCB3ZSBjYW4gc2ltcGx5IHVzZSBcImRvY3VtZW50LmJvZHlcIiBhcyB0aGUgcGFyZW50IHNlbGVjdG9yXG4vLyBpbnN0ZWFkIG9mIGEgc3BlY2lmaWMgZWxlbWVudCB0aGF0IHdpbGwgYmUgY2xlYW5lZCB1cCwgcmVzdWx0aW5nIGluXG4vLyBjb25zb2xlIGVycm9ycyAoZXZlbiB0aG91Z2ggdGhlIHRlc3QgcGFzc2VzKS4gV2Ugb25seSBuZWVkIHRvIHRvIHRoaXMgaW5cbi8vIHRlc3QgZW52aXJvbm1lbnQuXG5jb25zdCBnZXREZWZhdWx0UGFyZW50U2VsZWN0b3IgPSAoKSA9PlxuICBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gJ3Rlc3QnXG4gICAgPyBkb2N1bWVudC5ib2R5XG4gICAgOiAoZG9jdW1lbnQucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oXG4gICAgICAgIGAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH1gXG4gICAgICApIGFzIEhUTUxFbGVtZW50KTtcblxuY29uc3QgZ2V0T3ZlcmxheUVsZW1lbnQ6IE1vZGFsUHJvcHNbJ292ZXJsYXlFbGVtZW50J10gPSAoXG4gIHByb3BzLFxuICBjb250ZW50RWxlbWVudFxuKSA9PiAoXG4gIC8vIEFzc2lnbiB0aGUgYGRhdGEtcm9sZWAgdG8gdGhlIG92ZXJsYXkgY29udGFpbmVyLCB3aGljaCBpcyB1c2VkIGFzXG4gIC8vIHRoZSBDU1Mgc2VsZWN0b3IgaW4gdGhlIGA8UG9ydGFsc0NvbnRhaW5lcj5gLlxuICA8ZGl2IHsuLi5wcm9wc30gZGF0YS1yb2xlPVwiZGlhbG9nLW92ZXJsYXlcIj5cbiAgICB7Y29udGVudEVsZW1lbnR9XG4gIDwvZGl2PlxuKTtcblxudHlwZSBQcm9wcyA9IHtcbiAgaXNPcGVuOiBib29sZWFuO1xuICBvbkNsb3NlPzogKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4gdm9pZDtcbiAgc2l6ZTogJ20nIHwgJ2wnIHwgNyB8IDggfCA5IHwgMTAgfCAnc2NhbGUnO1xuICB6SW5kZXg/OiBudW1iZXI7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGdldFBhcmVudFNlbGVjdG9yOiB0eXBlb2YgZ2V0RGVmYXVsdFBhcmVudFNlbGVjdG9yO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxQcm9wcywgJ3NpemUnIHwgJ2dldFBhcmVudFNlbGVjdG9yJz4gPSB7XG4gIHNpemU6IDEwLFxuICBnZXRQYXJlbnRTZWxlY3RvcjogZ2V0RGVmYXVsdFBhcmVudFNlbGVjdG9yLFxufTtcblxudHlwZSBHcmlkQXJlYVByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG59O1xuY29uc3QgR3JpZEFyZWEgPSBzdHlsZWQuZGl2PEdyaWRBcmVhUHJvcHM+YFxuICBncmlkLWFyZWE6ICR7KHByb3BzKSA9PiBwcm9wcy5uYW1lfTtcbmA7XG5cbmNvbnN0IHNpemVTdHlsZXMgPSAocHJvcHM6IFBpY2s8UHJvcHMsICdzaXplJz4pID0+IHtcbiAgaWYgKHByb3BzLnNpemUgPT09ICdzY2FsZScpXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICBgO1xuXG4gIHJldHVybiBjc3NgYDtcbn07XG5cbmNvbnN0IERpYWxvZ0NvbnRhaW5lciA9IChwcm9wczogUHJvcHMpID0+IChcbiAgPENsYXNzTmFtZXM+XG4gICAgeyh7IGNzczogbWFrZUNsYXNzTmFtZSB9KSA9PiAoXG4gICAgICA8TW9kYWxcbiAgICAgICAgaXNPcGVuPXtwcm9wcy5pc09wZW59XG4gICAgICAgIG9uUmVxdWVzdENsb3NlPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICBzaG91bGRDbG9zZU9uT3ZlcmxheUNsaWNrPXtCb29sZWFuKHByb3BzLm9uQ2xvc2UpfVxuICAgICAgICBzaG91bGRDbG9zZU9uRXNjPXtCb29sZWFuKHByb3BzLm9uQ2xvc2UpfVxuICAgICAgICBvdmVybGF5RWxlbWVudD17Z2V0T3ZlcmxheUVsZW1lbnR9XG4gICAgICAgIG92ZXJsYXlDbGFzc05hbWU9e21ha2VDbGFzc05hbWUoZ2V0T3ZlcmxheVN0eWxlcyhwcm9wcykpfVxuICAgICAgICBjbGFzc05hbWU9e21ha2VDbGFzc05hbWUoZ2V0TW9kYWxDb250ZW50U3R5bGVzKHByb3BzKSl9XG4gICAgICAgIGNvbnRlbnRMYWJlbD17cHJvcHMudGl0bGV9XG4gICAgICAgIHBhcmVudFNlbGVjdG9yPXtwcm9wcy5nZXRQYXJlbnRTZWxlY3Rvcn1cbiAgICAgICAgYXJpYUhpZGVBcHA9e2ZhbHNlfVxuICAgICAgPlxuICAgICAgICA8R3JpZEFyZWEgbmFtZT1cInRvcFwiIC8+XG4gICAgICAgIDxHcmlkQXJlYSBuYW1lPVwibGVmdFwiIC8+XG4gICAgICAgIDxHcmlkQXJlYSBuYW1lPVwicmlnaHRcIiAvPlxuICAgICAgICA8R3JpZEFyZWEgbmFtZT1cImJvdHRvbVwiIC8+XG4gICAgICAgIDxHcmlkQXJlYVxuICAgICAgICAgIG5hbWU9XCJtYWluXCJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPENhcmRcbiAgICAgICAgICAgIC8vIDEuIEZvciB0aGUgbWluLWhlaWdodDogaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9xdWVzdGlvbnMvMjg2MzY4MzIvZmlyZWZveC1vdmVyZmxvdy15LW5vdC13b3JraW5nLXdpdGgtbmVzdGVkLWZsZXhib3gvMjg2Mzk2ODYjMjg2Mzk2ODZcbiAgICAgICAgICAgIC8vIDIuIEZvciB0aGUgc2NhbGUgc2l6ZSwgd2Ugd2FudCB0aGUgY2FyZCB0byBzdHJldGNoIHRvIDEwMCUgaGVpZ2h0XG4gICAgICAgICAgICAvLyAzLiBGb3IgdGhlIGFjdHVhbCBcIj4gZGl2XCIgY29udGFpbmVyIHdpdGggdGhlIGNvbnRlbnQsIHdlIG5lZWQgdG8gdXNlIG5vcm1hbCBwb2ludGVyIGV2ZW50cyBzbyB0aGF0IGNsaWNraW5nIG9uIGl0IGRvZXMgbm90IGNsb3NlIHRoZSBkaWFsb2cuXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMDtcbiAgICAgICAgICAgICAgJHtzaXplU3R5bGVzKHByb3BzKX1cblxuICAgICAgICAgICAgICA+IGRpdiB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICAgICAgICAgICAgICBtaW4taGVpZ2h0OiAwO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgICBtaW4taGVpZ2h0OiAwO1xuXG4gICAgICAgICAgICAgICAgPiAqICsgKiB7XG4gICAgICAgICAgICAgICAgICBtYXJnaW46ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX0gMCAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9DYXJkPlxuICAgICAgICA8L0dyaWRBcmVhPlxuICAgICAgPC9Nb2RhbD5cbiAgICApfVxuICA8L0NsYXNzTmFtZXM+XG4pO1xuRGlhbG9nQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ0RpYWxvZ0NvbnRhaW5lcic7XG5EaWFsb2dDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBEaWFsb2dDb250YWluZXI7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$9
 };
 
 var sizeStyles = function sizeStyles(props) {
@@ -593,14 +270,14 @@ var sizeStyles = function sizeStyles(props) {
   return /*#__PURE__*/react.css(process.env.NODE_ENV === "production" ? "" : ";label:sizeStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpYWxvZy1jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FWSIsImZpbGUiOiJkaWFsb2ctY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3ROb2RlLCBTeW50aGV0aWNFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBNb2RhbCwgeyB0eXBlIFByb3BzIGFzIE1vZGFsUHJvcHMgfSBmcm9tICdyZWFjdC1tb2RhbCc7XG5pbXBvcnQgeyBjc3MsIENsYXNzTmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBQT1JUQUxTX0NPTlRBSU5FUl9JRCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgQ2FyZCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9jYXJkJztcbmltcG9ydCB7IGdldE92ZXJsYXlTdHlsZXMsIGdldE1vZGFsQ29udGVudFN0eWxlcyB9IGZyb20gJy4vZGlhbG9nLnN0eWxlcyc7XG5cbi8vIFdoZW4gcnVubmluZyB0ZXN0cywgd2UgZG9uJ3QgcmVuZGVyIHRoZSBBcHBTaGVsbC4gSW5zdGVhZCB3ZSBtb2NrIHRoZVxuLy8gYXBwbGljYXRpb24gY29udGV4dCB0byBtYWtlIHRoZSBkYXRhIGF2YWlsYWJsZSB0byB0aGUgYXBwbGljYXRpb24gdW5kZXJcbi8vIHRlc3QuIEhvd2V2ZXIsIHRoaXMgYWxzbyBtZWFucyB0aGF0IHRoZSBBcHBTaGVsbCB0cmVlIGlzIG5vdCByZW5kZXJlZCxcbi8vIHdoaWNoIGNvbnRhaW5zIGFtb25nIG90aGVyIHRoaW5ncyB0aGUgPGRpdiBpZD1cInBvcnRhbHMtY29udGFpbmVyXCIgLz5cbi8vIGVsZW1lbnQsIHVzZWQgdG8gcmVuZGVyIHRoZSBtb2RhbCBjb250ZW50LlxuLy8gQXBwYXJlbnRseSB0aG91Z2gsIHdoZW4gdGhlIDxNb2RhbD4gY29tcG9uZW50IHVubW91bnRzIGJldHdlZW4gdGVzdHMsIGl0XG4vLyB0cmllcyB0byByZW1vdmUgdGhlIGNoaWxkIGVsZW1lbnRzIHdpdGhpbiB0aGUgcGFyZW50IHNlbGVjdG9yXG4vLyAoXCJwb3J0YWxzLWNvbnRhaW5lclwiKSB3aGljaCBtYXkgaGF2ZSBiZWVuIGNsZWFuZWQgdXAgYnkgYW5vdGhlciB0ZXN0LFxuLy8gcmVzdWx0aW5nIGluIHRoZSA8TW9kYWw+IHRvIHRocm93IGFuIE5vdEZvdW5kRXJyb3IuXG4vLyBUbyBzb2x2ZSB0aGlzLCB3ZSBjYW4gc2ltcGx5IHVzZSBcImRvY3VtZW50LmJvZHlcIiBhcyB0aGUgcGFyZW50IHNlbGVjdG9yXG4vLyBpbnN0ZWFkIG9mIGEgc3BlY2lmaWMgZWxlbWVudCB0aGF0IHdpbGwgYmUgY2xlYW5lZCB1cCwgcmVzdWx0aW5nIGluXG4vLyBjb25zb2xlIGVycm9ycyAoZXZlbiB0aG91Z2ggdGhlIHRlc3QgcGFzc2VzKS4gV2Ugb25seSBuZWVkIHRvIHRvIHRoaXMgaW5cbi8vIHRlc3QgZW52aXJvbm1lbnQuXG5jb25zdCBnZXREZWZhdWx0UGFyZW50U2VsZWN0b3IgPSAoKSA9PlxuICBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gJ3Rlc3QnXG4gICAgPyBkb2N1bWVudC5ib2R5XG4gICAgOiAoZG9jdW1lbnQucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oXG4gICAgICAgIGAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH1gXG4gICAgICApIGFzIEhUTUxFbGVtZW50KTtcblxuY29uc3QgZ2V0T3ZlcmxheUVsZW1lbnQ6IE1vZGFsUHJvcHNbJ292ZXJsYXlFbGVtZW50J10gPSAoXG4gIHByb3BzLFxuICBjb250ZW50RWxlbWVudFxuKSA9PiAoXG4gIC8vIEFzc2lnbiB0aGUgYGRhdGEtcm9sZWAgdG8gdGhlIG92ZXJsYXkgY29udGFpbmVyLCB3aGljaCBpcyB1c2VkIGFzXG4gIC8vIHRoZSBDU1Mgc2VsZWN0b3IgaW4gdGhlIGA8UG9ydGFsc0NvbnRhaW5lcj5gLlxuICA8ZGl2IHsuLi5wcm9wc30gZGF0YS1yb2xlPVwiZGlhbG9nLW92ZXJsYXlcIj5cbiAgICB7Y29udGVudEVsZW1lbnR9XG4gIDwvZGl2PlxuKTtcblxudHlwZSBQcm9wcyA9IHtcbiAgaXNPcGVuOiBib29sZWFuO1xuICBvbkNsb3NlPzogKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4gdm9pZDtcbiAgc2l6ZTogJ20nIHwgJ2wnIHwgNyB8IDggfCA5IHwgMTAgfCAnc2NhbGUnO1xuICB6SW5kZXg/OiBudW1iZXI7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGdldFBhcmVudFNlbGVjdG9yOiB0eXBlb2YgZ2V0RGVmYXVsdFBhcmVudFNlbGVjdG9yO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxQcm9wcywgJ3NpemUnIHwgJ2dldFBhcmVudFNlbGVjdG9yJz4gPSB7XG4gIHNpemU6IDEwLFxuICBnZXRQYXJlbnRTZWxlY3RvcjogZ2V0RGVmYXVsdFBhcmVudFNlbGVjdG9yLFxufTtcblxudHlwZSBHcmlkQXJlYVByb3BzID0ge1xuICBuYW1lOiBzdHJpbmc7XG59O1xuY29uc3QgR3JpZEFyZWEgPSBzdHlsZWQuZGl2PEdyaWRBcmVhUHJvcHM+YFxuICBncmlkLWFyZWE6ICR7KHByb3BzKSA9PiBwcm9wcy5uYW1lfTtcbmA7XG5cbmNvbnN0IHNpemVTdHlsZXMgPSAocHJvcHM6IFBpY2s8UHJvcHMsICdzaXplJz4pID0+IHtcbiAgaWYgKHByb3BzLnNpemUgPT09ICdzY2FsZScpXG4gICAgcmV0dXJuIGNzc2BcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICBgO1xuXG4gIHJldHVybiBjc3NgYDtcbn07XG5cbmNvbnN0IERpYWxvZ0NvbnRhaW5lciA9IChwcm9wczogUHJvcHMpID0+IChcbiAgPENsYXNzTmFtZXM+XG4gICAgeyh7IGNzczogbWFrZUNsYXNzTmFtZSB9KSA9PiAoXG4gICAgICA8TW9kYWxcbiAgICAgICAgaXNPcGVuPXtwcm9wcy5pc09wZW59XG4gICAgICAgIG9uUmVxdWVzdENsb3NlPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICBzaG91bGRDbG9zZU9uT3ZlcmxheUNsaWNrPXtCb29sZWFuKHByb3BzLm9uQ2xvc2UpfVxuICAgICAgICBzaG91bGRDbG9zZU9uRXNjPXtCb29sZWFuKHByb3BzLm9uQ2xvc2UpfVxuICAgICAgICBvdmVybGF5RWxlbWVudD17Z2V0T3ZlcmxheUVsZW1lbnR9XG4gICAgICAgIG92ZXJsYXlDbGFzc05hbWU9e21ha2VDbGFzc05hbWUoZ2V0T3ZlcmxheVN0eWxlcyhwcm9wcykpfVxuICAgICAgICBjbGFzc05hbWU9e21ha2VDbGFzc05hbWUoZ2V0TW9kYWxDb250ZW50U3R5bGVzKHByb3BzKSl9XG4gICAgICAgIGNvbnRlbnRMYWJlbD17cHJvcHMudGl0bGV9XG4gICAgICAgIHBhcmVudFNlbGVjdG9yPXtwcm9wcy5nZXRQYXJlbnRTZWxlY3Rvcn1cbiAgICAgICAgYXJpYUhpZGVBcHA9e2ZhbHNlfVxuICAgICAgPlxuICAgICAgICA8R3JpZEFyZWEgbmFtZT1cInRvcFwiIC8+XG4gICAgICAgIDxHcmlkQXJlYSBuYW1lPVwibGVmdFwiIC8+XG4gICAgICAgIDxHcmlkQXJlYSBuYW1lPVwicmlnaHRcIiAvPlxuICAgICAgICA8R3JpZEFyZWEgbmFtZT1cImJvdHRvbVwiIC8+XG4gICAgICAgIDxHcmlkQXJlYVxuICAgICAgICAgIG5hbWU9XCJtYWluXCJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPENhcmRcbiAgICAgICAgICAgIC8vIDEuIEZvciB0aGUgbWluLWhlaWdodDogaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9xdWVzdGlvbnMvMjg2MzY4MzIvZmlyZWZveC1vdmVyZmxvdy15LW5vdC13b3JraW5nLXdpdGgtbmVzdGVkLWZsZXhib3gvMjg2Mzk2ODYjMjg2Mzk2ODZcbiAgICAgICAgICAgIC8vIDIuIEZvciB0aGUgc2NhbGUgc2l6ZSwgd2Ugd2FudCB0aGUgY2FyZCB0byBzdHJldGNoIHRvIDEwMCUgaGVpZ2h0XG4gICAgICAgICAgICAvLyAzLiBGb3IgdGhlIGFjdHVhbCBcIj4gZGl2XCIgY29udGFpbmVyIHdpdGggdGhlIGNvbnRlbnQsIHdlIG5lZWQgdG8gdXNlIG5vcm1hbCBwb2ludGVyIGV2ZW50cyBzbyB0aGF0IGNsaWNraW5nIG9uIGl0IGRvZXMgbm90IGNsb3NlIHRoZSBkaWFsb2cuXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWluLWhlaWdodDogMDtcbiAgICAgICAgICAgICAgJHtzaXplU3R5bGVzKHByb3BzKX1cblxuICAgICAgICAgICAgICA+IGRpdiB7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogYXV0bztcbiAgICAgICAgICAgICAgICBtaW4taGVpZ2h0OiAwO1xuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoO1xuICAgICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgICAgICBtaW4taGVpZ2h0OiAwO1xuXG4gICAgICAgICAgICAgICAgPiAqICsgKiB7XG4gICAgICAgICAgICAgICAgICBtYXJnaW46ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX0gMCAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9DYXJkPlxuICAgICAgICA8L0dyaWRBcmVhPlxuICAgICAgPC9Nb2RhbD5cbiAgICApfVxuICA8L0NsYXNzTmFtZXM+XG4pO1xuRGlhbG9nQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ0RpYWxvZ0NvbnRhaW5lcic7XG5EaWFsb2dDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBEaWFsb2dDb250YWluZXI7XG4iXX0= */");
 };
 
-var _ref$5 = process.env.NODE_ENV === "production" ? {
+var _ref$7 = process.env.NODE_ENV === "production" ? {
   name: "1187q51",
   styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;overflow:hidden"
 } : {
   name: "1gwpire-DialogContainer",
   styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;overflow:hidden;label:DialogContainer;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpYWxvZy1jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJGa0IiLCJmaWxlIjoiZGlhbG9nLWNvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSwgU3ludGhldGljRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgTW9kYWwsIHsgdHlwZSBQcm9wcyBhcyBNb2RhbFByb3BzIH0gZnJvbSAncmVhY3QtbW9kYWwnO1xuaW1wb3J0IHsgY3NzLCBDbGFzc05hbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IENhcmQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvY2FyZCc7XG5pbXBvcnQgeyBnZXRPdmVybGF5U3R5bGVzLCBnZXRNb2RhbENvbnRlbnRTdHlsZXMgfSBmcm9tICcuL2RpYWxvZy5zdHlsZXMnO1xuXG4vLyBXaGVuIHJ1bm5pbmcgdGVzdHMsIHdlIGRvbid0IHJlbmRlciB0aGUgQXBwU2hlbGwuIEluc3RlYWQgd2UgbW9jayB0aGVcbi8vIGFwcGxpY2F0aW9uIGNvbnRleHQgdG8gbWFrZSB0aGUgZGF0YSBhdmFpbGFibGUgdG8gdGhlIGFwcGxpY2F0aW9uIHVuZGVyXG4vLyB0ZXN0LiBIb3dldmVyLCB0aGlzIGFsc28gbWVhbnMgdGhhdCB0aGUgQXBwU2hlbGwgdHJlZSBpcyBub3QgcmVuZGVyZWQsXG4vLyB3aGljaCBjb250YWlucyBhbW9uZyBvdGhlciB0aGluZ3MgdGhlIDxkaXYgaWQ9XCJwb3J0YWxzLWNvbnRhaW5lclwiIC8+XG4vLyBlbGVtZW50LCB1c2VkIHRvIHJlbmRlciB0aGUgbW9kYWwgY29udGVudC5cbi8vIEFwcGFyZW50bHkgdGhvdWdoLCB3aGVuIHRoZSA8TW9kYWw+IGNvbXBvbmVudCB1bm1vdW50cyBiZXR3ZWVuIHRlc3RzLCBpdFxuLy8gdHJpZXMgdG8gcmVtb3ZlIHRoZSBjaGlsZCBlbGVtZW50cyB3aXRoaW4gdGhlIHBhcmVudCBzZWxlY3RvclxuLy8gKFwicG9ydGFscy1jb250YWluZXJcIikgd2hpY2ggbWF5IGhhdmUgYmVlbiBjbGVhbmVkIHVwIGJ5IGFub3RoZXIgdGVzdCxcbi8vIHJlc3VsdGluZyBpbiB0aGUgPE1vZGFsPiB0byB0aHJvdyBhbiBOb3RGb3VuZEVycm9yLlxuLy8gVG8gc29sdmUgdGhpcywgd2UgY2FuIHNpbXBseSB1c2UgXCJkb2N1bWVudC5ib2R5XCIgYXMgdGhlIHBhcmVudCBzZWxlY3RvclxuLy8gaW5zdGVhZCBvZiBhIHNwZWNpZmljIGVsZW1lbnQgdGhhdCB3aWxsIGJlIGNsZWFuZWQgdXAsIHJlc3VsdGluZyBpblxuLy8gY29uc29sZSBlcnJvcnMgKGV2ZW4gdGhvdWdoIHRoZSB0ZXN0IHBhc3NlcykuIFdlIG9ubHkgbmVlZCB0byB0byB0aGlzIGluXG4vLyB0ZXN0IGVudmlyb25tZW50LlxuY29uc3QgZ2V0RGVmYXVsdFBhcmVudFNlbGVjdG9yID0gKCkgPT5cbiAgcHJvY2Vzcy5lbnYuTk9ERV9FTlYgPT09ICd0ZXN0J1xuICAgID8gZG9jdW1lbnQuYm9keVxuICAgIDogKGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KFxuICAgICAgICBgIyR7UE9SVEFMU19DT05UQUlORVJfSUR9YFxuICAgICAgKSBhcyBIVE1MRWxlbWVudCk7XG5cbmNvbnN0IGdldE92ZXJsYXlFbGVtZW50OiBNb2RhbFByb3BzWydvdmVybGF5RWxlbWVudCddID0gKFxuICBwcm9wcyxcbiAgY29udGVudEVsZW1lbnRcbikgPT4gKFxuICAvLyBBc3NpZ24gdGhlIGBkYXRhLXJvbGVgIHRvIHRoZSBvdmVybGF5IGNvbnRhaW5lciwgd2hpY2ggaXMgdXNlZCBhc1xuICAvLyB0aGUgQ1NTIHNlbGVjdG9yIGluIHRoZSBgPFBvcnRhbHNDb250YWluZXI+YC5cbiAgPGRpdiB7Li4ucHJvcHN9IGRhdGEtcm9sZT1cImRpYWxvZy1vdmVybGF5XCI+XG4gICAge2NvbnRlbnRFbGVtZW50fVxuICA8L2Rpdj5cbik7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgb25DbG9zZT86IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWQ7XG4gIHNpemU6ICdtJyB8ICdsJyB8IDcgfCA4IHwgOSB8IDEwIHwgJ3NjYWxlJztcbiAgekluZGV4PzogbnVtYmVyO1xuICB0aXRsZTogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBnZXRQYXJlbnRTZWxlY3RvcjogdHlwZW9mIGdldERlZmF1bHRQYXJlbnRTZWxlY3Rvcjtcbn07XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8UHJvcHMsICdzaXplJyB8ICdnZXRQYXJlbnRTZWxlY3Rvcic+ID0ge1xuICBzaXplOiAxMCxcbiAgZ2V0UGFyZW50U2VsZWN0b3I6IGdldERlZmF1bHRQYXJlbnRTZWxlY3Rvcixcbn07XG5cbnR5cGUgR3JpZEFyZWFQcm9wcyA9IHtcbiAgbmFtZTogc3RyaW5nO1xufTtcbmNvbnN0IEdyaWRBcmVhID0gc3R5bGVkLmRpdjxHcmlkQXJlYVByb3BzPmBcbiAgZ3JpZC1hcmVhOiAkeyhwcm9wcykgPT4gcHJvcHMubmFtZX07XG5gO1xuXG5jb25zdCBzaXplU3R5bGVzID0gKHByb3BzOiBQaWNrPFByb3BzLCAnc2l6ZSc+KSA9PiB7XG4gIGlmIChwcm9wcy5zaXplID09PSAnc2NhbGUnKVxuICAgIHJldHVybiBjc3NgXG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgYDtcblxuICByZXR1cm4gY3NzYGA7XG59O1xuXG5jb25zdCBEaWFsb2dDb250YWluZXIgPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxDbGFzc05hbWVzPlxuICAgIHsoeyBjc3M6IG1ha2VDbGFzc05hbWUgfSkgPT4gKFxuICAgICAgPE1vZGFsXG4gICAgICAgIGlzT3Blbj17cHJvcHMuaXNPcGVufVxuICAgICAgICBvblJlcXVlc3RDbG9zZT17cHJvcHMub25DbG9zZX1cbiAgICAgICAgc2hvdWxkQ2xvc2VPbk92ZXJsYXlDbGljaz17Qm9vbGVhbihwcm9wcy5vbkNsb3NlKX1cbiAgICAgICAgc2hvdWxkQ2xvc2VPbkVzYz17Qm9vbGVhbihwcm9wcy5vbkNsb3NlKX1cbiAgICAgICAgb3ZlcmxheUVsZW1lbnQ9e2dldE92ZXJsYXlFbGVtZW50fVxuICAgICAgICBvdmVybGF5Q2xhc3NOYW1lPXttYWtlQ2xhc3NOYW1lKGdldE92ZXJsYXlTdHlsZXMocHJvcHMpKX1cbiAgICAgICAgY2xhc3NOYW1lPXttYWtlQ2xhc3NOYW1lKGdldE1vZGFsQ29udGVudFN0eWxlcyhwcm9wcykpfVxuICAgICAgICBjb250ZW50TGFiZWw9e3Byb3BzLnRpdGxlfVxuICAgICAgICBwYXJlbnRTZWxlY3Rvcj17cHJvcHMuZ2V0UGFyZW50U2VsZWN0b3J9XG4gICAgICAgIGFyaWFIaWRlQXBwPXtmYWxzZX1cbiAgICAgID5cbiAgICAgICAgPEdyaWRBcmVhIG5hbWU9XCJ0b3BcIiAvPlxuICAgICAgICA8R3JpZEFyZWEgbmFtZT1cImxlZnRcIiAvPlxuICAgICAgICA8R3JpZEFyZWEgbmFtZT1cInJpZ2h0XCIgLz5cbiAgICAgICAgPEdyaWRBcmVhIG5hbWU9XCJib3R0b21cIiAvPlxuICAgICAgICA8R3JpZEFyZWFcbiAgICAgICAgICBuYW1lPVwibWFpblwiXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxDYXJkXG4gICAgICAgICAgICAvLyAxLiBGb3IgdGhlIG1pbi1oZWlnaHQ6IGh0dHBzOi8vc3RhY2tvdmVyZmxvdy5jb20vcXVlc3Rpb25zLzI4NjM2ODMyL2ZpcmVmb3gtb3ZlcmZsb3cteS1ub3Qtd29ya2luZy13aXRoLW5lc3RlZC1mbGV4Ym94LzI4NjM5Njg2IzI4NjM5Njg2XG4gICAgICAgICAgICAvLyAyLiBGb3IgdGhlIHNjYWxlIHNpemUsIHdlIHdhbnQgdGhlIGNhcmQgdG8gc3RyZXRjaCB0byAxMDAlIGhlaWdodFxuICAgICAgICAgICAgLy8gMy4gRm9yIHRoZSBhY3R1YWwgXCI+IGRpdlwiIGNvbnRhaW5lciB3aXRoIHRoZSBjb250ZW50LCB3ZSBuZWVkIHRvIHVzZSBub3JtYWwgcG9pbnRlciBldmVudHMgc28gdGhhdCBjbGlja2luZyBvbiBpdCBkb2VzIG5vdCBjbG9zZSB0aGUgZGlhbG9nLlxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIG1pbi1oZWlnaHQ6IDA7XG4gICAgICAgICAgICAgICR7c2l6ZVN0eWxlcyhwcm9wcyl9XG5cbiAgICAgICAgICAgICAgPiBkaXYge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IGF1dG87XG4gICAgICAgICAgICAgICAgbWluLWhlaWdodDogMDtcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgbWluLWhlaWdodDogMDtcblxuICAgICAgICAgICAgICAgID4gKiArICoge1xuICAgICAgICAgICAgICAgICAgbWFyZ2luOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019IDAgMDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvQ2FyZD5cbiAgICAgICAgPC9HcmlkQXJlYT5cbiAgICAgIDwvTW9kYWw+XG4gICAgKX1cbiAgPC9DbGFzc05hbWVzPlxuKTtcbkRpYWxvZ0NvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdEaWFsb2dDb250YWluZXInO1xuRGlhbG9nQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgRGlhbG9nQ29udGFpbmVyO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$9
 };
 
 var DialogContainer = function DialogContainer(props) {
@@ -628,7 +305,7 @@ var DialogContainer = function DialogContainer(props) {
           name: "bottom"
         }), jsxRuntime.jsx(GridArea, {
           name: "main",
-          css: _ref$5,
+          css: _ref$7,
           children: jsxRuntime.jsx(Card__default["default"] // 1. For the min-height: https://stackoverflow.com/questions/28636832/firefox-overflow-y-not-working-with-nested-flexbox/28639686#28639686
           // 2. For the scale size, we want the card to stretch to 100% height
           // 3. For the actual "> div" container with the content, we need to use normal pointer events so that clicking on it does not close the dialog.
@@ -655,23 +332,23 @@ DialogContainer.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt__default["default"].any.isRequired
 } : {};
 DialogContainer.displayName = 'DialogContainer';
-DialogContainer.defaultProps = defaultProps$b;
+DialogContainer.defaultProps = defaultProps$g;
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { 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 _ref$4 = process.env.NODE_ENV === "production" ? {
+var _ref$6 = process.env.NODE_ENV === "production" ? {
   name: "o5s7gs",
   styles: "flex:0 1 auto;display:flex;flex-direction:column"
 } : {
   name: "5zftt7-DialogHeader",
   styles: "flex:0 1 auto;display:flex;flex-direction:column;label:DialogHeader;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRpYWxvZy1oZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVZIiwiZmlsZSI6ImRpYWxvZy1oZWFkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBTeW50aGV0aWNFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTZWNvbmRhcnlJY29uQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG9uQ2xvc2U/OiAoZXZlbnQ6IFN5bnRoZXRpY0V2ZW50KSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IG5ldmVyO1xufTtcblxuY29uc3QgRGlhbG9nSGVhZGVyID0gKHByb3BzOiBQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBmbGV4OiAwIDEgYXV0bztcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGB9XG4gID5cbiAgICA8U3BhY2luZ3MuSW5saW5lXG4gICAgICBzY2FsZT1cIm1cIlxuICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICBqdXN0aWZ5Q29udGVudD1cInNwYWNlLWJldHdlZW5cIlxuICAgID5cbiAgICAgIDxUZXh0LlN1YmhlYWRsaW5lIGFzPVwiaDRcIiB0cnVuY2F0ZT17dHJ1ZX0gdGl0bGU9e3Byb3BzLnRpdGxlfT5cbiAgICAgICAge3Byb3BzLnRpdGxlfVxuICAgICAgPC9UZXh0LlN1YmhlYWRsaW5lPlxuICAgICAge3Byb3BzLm9uQ2xvc2UgJiYgKFxuICAgICAgICA8U2Vjb25kYXJ5SWNvbkJ1dHRvblxuICAgICAgICAgIGxhYmVsPVwiQ2xvc2UgZGlhbG9nXCJcbiAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgIGljb249ezxDbG9zZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgPC9kaXY+XG4pO1xuRGlhbG9nSGVhZGVyLmRpc3BsYXlOYW1lID0gJ0RpYWxvZ0hlYWRlcic7XG5cbmV4cG9ydCBkZWZhdWx0IERpYWxvZ0hlYWRlcjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$8
 };
 
 var DialogHeader = function DialogHeader(props) {
   return jsxRuntime.jsx("div", {
-    css: _ref$4,
+    css: _ref$6,
     children: jsxRuntime.jsxs(Spacings__default["default"].Inline, {
       scale: "m",
       alignItems: "center",
@@ -733,10 +410,16 @@ InfoDialog.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 InfoDialog.displayName = 'InfoDialog';
 
-function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function filterDataAttributes(obj) {
+  return omitBy__default["default"](obj, function (_value, key) {
+    return !_startsWithInstanceProperty__default["default"](key).call(key, 'data-');
+  });
+}
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var defaultProps$a = {
+function ownKeys$5(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$5(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$5(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+var defaultProps$f = {
   isPrimaryButtonDisabled: false,
   dataAttributesPrimaryButton: {},
   dataAttributesSecondaryButton: {}
@@ -752,10 +435,11 @@ var DialogFooter = function DialogFooter(props) {
     scale: "m",
     alignItems: "center",
     justifyContent: "flex-end",
-    children: [jsxRuntime.jsx(SecondaryButton__default["default"], _objectSpread$4({
+    children: [jsxRuntime.jsx(SecondaryButton__default["default"], _objectSpread$5({
       label: getFormattedLabel(props.labelSecondary, intl),
-      onClick: props.onCancel
-    }, filterDataAttributes(props.dataAttributesSecondaryButton))), jsxRuntime.jsx(PrimaryButton__default["default"], _objectSpread$4({
+      onClick: props.onCancel,
+      iconLeft: props.iconLeftSecondaryButton
+    }, filterDataAttributes(props.dataAttributesSecondaryButton))), jsxRuntime.jsx(PrimaryButton__default["default"], _objectSpread$5({
       label: getFormattedLabel(props.labelPrimary, intl),
       onClick: props.onConfirm,
       isDisabled: props.isPrimaryButtonDisabled
@@ -778,12 +462,13 @@ DialogFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   onConfirm: _pt__default["default"].func.isRequired,
   isPrimaryButtonDisabled: _pt__default["default"].bool.isRequired,
   dataAttributesPrimaryButton: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired,
-  dataAttributesSecondaryButton: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired
+  dataAttributesSecondaryButton: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired,
+  iconLeftSecondaryButton: _pt__default["default"].element
 } : {};
 DialogFooter.displayName = 'DialogFooter';
-DialogFooter.defaultProps = defaultProps$a;
+DialogFooter.defaultProps = defaultProps$f;
 
-var defaultProps$9 = {
+var defaultProps$e = {
   labelSecondary: i18n.sharedMessages.cancel,
   labelPrimary: i18n.sharedMessages.confirm
 };
@@ -838,12 +523,12 @@ ConfirmationDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt__default["default"].func
 } : {};
 ConfirmationDialog.displayName = 'ConfirmationDialog';
-ConfirmationDialog.defaultProps = defaultProps$9; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+ConfirmationDialog.defaultProps = defaultProps$e; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 
 ConfirmationDialog.Intl = i18n.sharedMessages;
 
-var defaultProps$8 = {
+var defaultProps$d = {
   labelSecondary: i18n.sharedMessages.cancel,
   labelPrimary: i18n.sharedMessages.save
 };
@@ -868,7 +553,8 @@ var FormDialog = function FormDialog(props) {
       onCancel: props.onSecondaryButtonClick,
       onConfirm: props.onPrimaryButtonClick,
       dataAttributesSecondaryButton: props.dataAttributesSecondaryButton,
-      dataAttributesPrimaryButton: props.dataAttributesPrimaryButton
+      dataAttributesPrimaryButton: props.dataAttributesPrimaryButton,
+      iconLeftSecondaryButton: props.iconLeftSecondaryButton
     })]
   });
 };
@@ -895,15 +581,16 @@ FormDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   onPrimaryButtonClick: _pt__default["default"].func.isRequired,
   dataAttributesSecondaryButton: _pt__default["default"].objectOf(_pt__default["default"].string),
   dataAttributesPrimaryButton: _pt__default["default"].objectOf(_pt__default["default"].string),
-  getParentSelector: _pt__default["default"].func
+  getParentSelector: _pt__default["default"].func,
+  iconLeftSecondaryButton: _pt__default["default"].element
 } : {};
 FormDialog.displayName = 'FormDialog';
-FormDialog.defaultProps = defaultProps$8; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+FormDialog.defaultProps = defaultProps$d; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 
 FormDialog.Intl = i18n.sharedMessages;
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { 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 TRANSITION_DURATION = 200;
 var getContainerStyles = function getContainerStyles(_props) {
   return /*#__PURE__*/react.css("position:absolute;top:0;right:0;height:100%;width:100%;display:flex;flex-direction:column;background-color:", designSystem.customProperties.colorSurface, ";box-shadow:", designSystem.customProperties.shadow4, ",", designSystem.customProperties.shadow6, ";outline:0;transform:translate3d(30px, 0, 0);transition:transform ", TRANSITION_DURATION, "ms ease;" + (process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVM2RCIsImZpbGUiOiJtb2RhbC1wYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IFRSQU5TSVRJT05fRFVSQVRJT04gPSAyMDA7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgekluZGV4PzogbnVtYmVyO1xufTtcblxuZXhwb3J0IGNvbnN0IGdldENvbnRhaW5lclN0eWxlcyA9IChfcHJvcHM6IFN0eWxlUHJvcHMpID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIHJpZ2h0OiAwO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzR9LCAke2N1c3RvbVByb3BlcnRpZXMuc2hhZG93Nn07XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCk7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRPdmVybGF5U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogJHt0eXBlb2YgcHJvcHMuekluZGV4ID09PSAnbnVtYmVyJ1xuICAgID8gLy8gVXNlIGAhaW1wb3J0YW50YCB0byBvdmVyd3JpdGUgdGhlIGRlZmF1bHQgdmFsdWUgYXNzaWduZWQgYnkgdGhlIFN0YWNraW5nIExheWVyIFN5c3RlbS5cbiAgICAgIGAke3Byb3BzLnpJbmRleH0gIWltcG9ydGFudGBcbiAgICA6ICdhdXRvJ307XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMiwgNjIsIDcyLCAwLjUpO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7VFJBTlNJVElPTl9EVVJBVElPTn1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9ICgpID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgzMHB4LCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJlZm9yZUNsb3NlT3ZlcmxheUFuaW1hdGlvbiA9ICgpID0+IGNzc2BcbiAgb3BhY2l0eTogMCAhaW1wb3J0YW50O1xuYDtcbiJdfQ== */");
@@ -920,7 +607,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
   name: "1gs6z6k-getAfterOpenContainerAnimation",
   styles: "transform:translate3d(0, 0, 0)!important;label:getAfterOpenContainerAnimation;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDdUQiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBUUkFOU0lUSU9OX0RVUkFUSU9OID0gMjAwO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAoX3Byb3BzOiBTdHlsZVByb3BzKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU3VyZmFjZX07XG4gIGJveC1zaGFkb3c6ICR7Y3VzdG9tUHJvcGVydGllcy5zaGFkb3c0fSwgJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzZ9O1xuICBvdXRsaW5lOiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDMwcHgsIDAsIDApO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHtUUkFOU0lUSU9OX0RVUkFUSU9OfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzIsIDYyLCA3MiwgMC41KTtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRBZnRlck9wZW5Db250YWluZXJBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCkgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRBZnRlck9wZW5PdmVybGF5QW5pbWF0aW9uID0gKCkgPT4gY3NzYFxuICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VDb250YWluZXJBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCkgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZU92ZXJsYXlBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIG9wYWNpdHk6IDAgIWltcG9ydGFudDtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 };
 
 var getAfterOpenContainerAnimation = function getAfterOpenContainerAnimation() {
@@ -934,7 +621,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "15f8a29-getAfterOpenOverlayAnimation",
   styles: "opacity:1!important;label:getAfterOpenOverlayAnimation;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDcUQiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBUUkFOU0lUSU9OX0RVUkFUSU9OID0gMjAwO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAoX3Byb3BzOiBTdHlsZVByb3BzKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU3VyZmFjZX07XG4gIGJveC1zaGFkb3c6ICR7Y3VzdG9tUHJvcGVydGllcy5zaGFkb3c0fSwgJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzZ9O1xuICBvdXRsaW5lOiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDMwcHgsIDAsIDApO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHtUUkFOU0lUSU9OX0RVUkFUSU9OfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzIsIDYyLCA3MiwgMC41KTtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRBZnRlck9wZW5Db250YWluZXJBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCkgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRBZnRlck9wZW5PdmVybGF5QW5pbWF0aW9uID0gKCkgPT4gY3NzYFxuICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VDb250YWluZXJBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCkgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZU92ZXJsYXlBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIG9wYWNpdHk6IDAgIWltcG9ydGFudDtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 };
 
 var getAfterOpenOverlayAnimation = function getAfterOpenOverlayAnimation() {
@@ -948,25 +635,25 @@ var _ref2$1 = process.env.NODE_ENV === "production" ? {
   name: "1932n4i-getBeforeCloseContainerAnimation",
   styles: "transform:translate3d(30px, 0, 0)!important;label:getBeforeCloseContainerAnimation;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDeUQiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBUUkFOU0lUSU9OX0RVUkFUSU9OID0gMjAwO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAoX3Byb3BzOiBTdHlsZVByb3BzKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU3VyZmFjZX07XG4gIGJveC1zaGFkb3c6ICR7Y3VzdG9tUHJvcGVydGllcy5zaGFkb3c0fSwgJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzZ9O1xuICBvdXRsaW5lOiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDMwcHgsIDAsIDApO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHtUUkFOU0lUSU9OX0RVUkFUSU9OfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzIsIDYyLCA3MiwgMC41KTtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRBZnRlck9wZW5Db250YWluZXJBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCkgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRBZnRlck9wZW5PdmVybGF5QW5pbWF0aW9uID0gKCkgPT4gY3NzYFxuICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VDb250YWluZXJBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCkgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZU92ZXJsYXlBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIG9wYWNpdHk6IDAgIWltcG9ydGFudDtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 };
 
 var getBeforeCloseContainerAnimation = function getBeforeCloseContainerAnimation() {
   return _ref2$1;
 };
 
-var _ref$3 = process.env.NODE_ENV === "production" ? {
+var _ref$5 = process.env.NODE_ENV === "production" ? {
   name: "728dx5",
   styles: "opacity:0!important"
 } : {
   name: "7blzo0-getBeforeCloseOverlayAnimation",
   styles: "opacity:0!important;label:getBeforeCloseOverlayAnimation;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1EdUQiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBUUkFOU0lUSU9OX0RVUkFUSU9OID0gMjAwO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAoX3Byb3BzOiBTdHlsZVByb3BzKSA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU3VyZmFjZX07XG4gIGJveC1zaGFkb3c6ICR7Y3VzdG9tUHJvcGVydGllcy5zaGFkb3c0fSwgJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzZ9O1xuICBvdXRsaW5lOiAwO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDMwcHgsIDAsIDApO1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHtUUkFOU0lUSU9OX0RVUkFUSU9OfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMzIsIDYyLCA3MiwgMC41KTtcbiAgb3BhY2l0eTogMDtcbiAgdHJhbnNpdGlvbjogb3BhY2l0eSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRBZnRlck9wZW5Db250YWluZXJBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMCwgMCwgMCkgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRBZnRlck9wZW5PdmVybGF5QW5pbWF0aW9uID0gKCkgPT4gY3NzYFxuICBvcGFjaXR5OiAxICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VDb250YWluZXJBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCkgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZU92ZXJsYXlBbmltYXRpb24gPSAoKSA9PiBjc3NgXG4gIG9wYWNpdHk6IDAgIWltcG9ydGFudDtcbmA7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 };
 
 var getBeforeCloseOverlayAnimation = function getBeforeCloseOverlayAnimation() {
-  return _ref$3;
+  return _ref$5;
 };
 
 var messages$2 = reactIntl.defineMessages({
@@ -980,7 +667,7 @@ var messages$2 = reactIntl.defineMessages({
   }
 });
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { 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 LargeIconWrapper = _styled__default["default"]("span", process.env.NODE_ENV === "production" ? {
   target: "edipjip0"
@@ -994,25 +681,25 @@ var LargeIconWrapper = _styled__default["default"]("span", process.env.NODE_ENV
   name: "1rxhroq",
   styles: "display:flex;align-items:center;justify-content:center;&::after{content:'';position:absolute;height:35px;width:48px;top:0;right:0;}",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2UtdG9wLWJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWW9DIiwiZmlsZSI6Im1vZGFsLXBhZ2UtdG9wLWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTeW50aGV0aWNFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IENsb3NlSWNvbiwgQW5nbGVMZWZ0SWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBGbGF0QnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ZsYXQtYnV0dG9uJztcbmltcG9ydCBTZWNvbmRhcnlJY29uQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuLi8uLi9pbnRlcm5hbHMvbWVzc2FnZXMnO1xuXG4vLyBDb21wb25lbnQgdG8gaGF2ZSBhIGxhcmdlciBjbGlja2FibGUgc3VyZmFjZVxuY29uc3QgTGFyZ2VJY29uV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBoZWlnaHQ6IDM1cHg7XG4gICAgd2lkdGg6IDQ4cHg7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG4vLyBOT1RFOiB0aGUgYE1lc3NhZ2VEZXNjcmlwdG9yYCB0eXBlIGlzIGV4cG9zZWQgYnkgYHJlYWN0LWludGxgLlxuLy8gSG93ZXZlciwgd2UgbmVlZCB0byBleHBsaWNpdGx5IGRlZmluZSB0aGlzIG90aGVyd2lzZSB0aGUgcHJvcC10eXBlcyBiYWJlbCBwbHVnaW5cbi8vIGRvZXMgbm90IHJlY29nbml6ZSB0aGUgb2JqZWN0IHNoYXBlLlxudHlwZSBNZXNzYWdlRGVzY3JpcHRvciA9IHtcbiAgaWQ6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBvYmplY3Q7XG4gIGRlZmF1bHRNZXNzYWdlPzogc3RyaW5nO1xufTtcbnR5cGUgTGFiZWwgPSBzdHJpbmcgfCBNZXNzYWdlRGVzY3JpcHRvcjtcbnR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScgfCAnbmV1dHJhbCc7XG4gIGN1cnJlbnRQYXRoTGFiZWw/OiBzdHJpbmc7XG4gIHByZXZpb3VzUGF0aExhYmVsOiBMYWJlbDtcbiAgb25DbG9zZTogKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8UHJvcHMsICdjb2xvcicgfCAncHJldmlvdXNQYXRoTGFiZWwnPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbiAgcHJldmlvdXNQYXRoTGFiZWw6IG1lc3NhZ2VzLmJhY2ssXG59O1xuXG5jb25zdCBNb2RhbFBhZ2VUb3BCYXIgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICduZXV0cmFsJ1xuICAgICAgICAgID8gY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NVxuICAgICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWRcbiAgICAgICAgICAke3Byb3BzLmNvbG9yID09PSAnbmV1dHJhbCdcbiAgICAgICAgICAgID8gY3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2VcbiAgICAgICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWx9O1xuICAgICAgICAmICogKyAqIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qIEZJWE1FOiB0aGVzZSBcImRpcnR5XCIgc3R5bGVzIHNob3VsZCBiZSByZW1vdmVkIHdoZW4gdGhlIG5ldyBCcmVhZGNydW1icyBjb21wb25lbnQgaXMgaW1wbGVtZW50ZWQgKi9cbiAgICAgICAgcCB7XG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgICAgICAvKiAgc3BlY2lmaWMgc2VsZWN0b3IgZm9yIHRoZSBzdmcgb2YgdGhlIEZsYXRCdXR0b24gKi9cbiAgICAgICAgICBidXR0b246Zmlyc3Qtb2YtdHlwZSBzdmcge1xuICAgICAgICAgICAgaGVpZ2h0OiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICB3aWR0aDogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICB0b25lPVwicHJpbWFyeVwiXG4gICAgICAgICAgbGFiZWw9e1xuICAgICAgICAgICAgdHlwZW9mIHByb3BzLnByZXZpb3VzUGF0aExhYmVsID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgICA/IHByb3BzLnByZXZpb3VzUGF0aExhYmVsXG4gICAgICAgICAgICAgIDogaW50bC5mb3JtYXRNZXNzYWdlKHByb3BzLnByZXZpb3VzUGF0aExhYmVsKVxuICAgICAgICAgIH1cbiAgICAgICAgICBpY29uPXs8QW5nbGVMZWZ0SWNvbiBzaXplPVwibWVkaXVtXCIgY29sb3I9XCJwcmltYXJ5XCIgLz59XG4gICAgICAgICAgb25DbGljaz17cHJvcHMub25DbG9zZX1cbiAgICAgICAgLz5cbiAgICAgICAge3Byb3BzLmN1cnJlbnRQYXRoTGFiZWwgJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCI+LzwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCIgdGl0bGU9e3Byb3BzLmN1cnJlbnRQYXRoTGFiZWx9IHRydW5jYXRlPlxuICAgICAgICAgICAgICB7cHJvcHMuY3VycmVudFBhdGhMYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5vbkNsb3NlICYmIChcbiAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsb3NlKX1cbiAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgPExhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxDbG9zZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICA8L0xhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Nb2RhbFBhZ2VUb3BCYXIuZGlzcGxheU5hbWUgPSAnTW9kYWxQYWdlVG9wQmFyJztcbk1vZGFsUGFnZVRvcEJhci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsUGFnZVRvcEJhcjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
 }); // NOTE: the `MessageDescriptor` type is exposed by `react-intl`.
 // However, we need to explicitly define this otherwise the prop-types babel plugin
 // does not recognize the object shape.
 
 
-var defaultProps$7 = {
+var defaultProps$c = {
   color: 'surface',
   previousPathLabel: messages$2.back
 };
 
-var _ref$2 = process.env.NODE_ENV === "production" ? {
+var _ref$4 = process.env.NODE_ENV === "production" ? {
   name: "uvw8rn",
   styles: "display:flex;overflow:hidden;button:first-of-type svg{height:12px!important;width:12px!important;}"
 } : {
   name: "1auyn59-ModalPageTopBar",
   styles: "display:flex;overflow:hidden;button:first-of-type svg{height:12px!important;width:12px!important;};label:ModalPageTopBar;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2UtdG9wLWJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkVnQiIsImZpbGUiOiJtb2RhbC1wYWdlLXRvcC1iYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgU3ludGhldGljRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCc7XG5pbXBvcnQgeyBDbG9zZUljb24sIEFuZ2xlTGVmdEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgU2Vjb25kYXJ5SWNvbkJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi4vLi4vaW50ZXJuYWxzL21lc3NhZ2VzJztcblxuLy8gQ29tcG9uZW50IHRvIGhhdmUgYSBsYXJnZXIgY2xpY2thYmxlIHN1cmZhY2VcbmNvbnN0IExhcmdlSWNvbldyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICY6OmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgaGVpZ2h0OiAzNXB4O1xuICAgIHdpZHRoOiA0OHB4O1xuICAgIHRvcDogMDtcbiAgICByaWdodDogMDtcbiAgfVxuYDtcblxuLy8gTk9URTogdGhlIGBNZXNzYWdlRGVzY3JpcHRvcmAgdHlwZSBpcyBleHBvc2VkIGJ5IGByZWFjdC1pbnRsYC5cbi8vIEhvd2V2ZXIsIHdlIG5lZWQgdG8gZXhwbGljaXRseSBkZWZpbmUgdGhpcyBvdGhlcndpc2UgdGhlIHByb3AtdHlwZXMgYmFiZWwgcGx1Z2luXG4vLyBkb2VzIG5vdCByZWNvZ25pemUgdGhlIG9iamVjdCBzaGFwZS5cbnR5cGUgTWVzc2FnZURlc2NyaXB0b3IgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgb2JqZWN0O1xuICBkZWZhdWx0TWVzc2FnZT86IHN0cmluZztcbn07XG50eXBlIExhYmVsID0gc3RyaW5nIHwgTWVzc2FnZURlc2NyaXB0b3I7XG50eXBlIFByb3BzID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xuICBjdXJyZW50UGF0aExhYmVsPzogc3RyaW5nO1xuICBwcmV2aW91c1BhdGhMYWJlbDogTGFiZWw7XG4gIG9uQ2xvc2U6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWQ7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFByb3BzLCAnY29sb3InIHwgJ3ByZXZpb3VzUGF0aExhYmVsJz4gPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScsXG4gIHByZXZpb3VzUGF0aExhYmVsOiBtZXNzYWdlcy5iYWNrLFxufTtcblxuY29uc3QgTW9kYWxQYWdlVG9wQmFyID0gKHByb3BzOiBQcm9wcykgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yID09PSAnbmV1dHJhbCdcbiAgICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsOTVcbiAgICAgICAgICA6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkXG4gICAgICAgICAgJHtwcm9wcy5jb2xvciA9PT0gJ25ldXRyYWwnXG4gICAgICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlXG4gICAgICAgICAgICA6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsfTtcbiAgICAgICAgJiAqICsgKiB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nU307XG4gICAgICAgIH1cblxuICAgICAgICAvKiBGSVhNRTogdGhlc2UgXCJkaXJ0eVwiIHN0eWxlcyBzaG91bGQgYmUgcmVtb3ZlZCB3aGVuIHRoZSBuZXcgQnJlYWRjcnVtYnMgY29tcG9uZW50IGlzIGltcGxlbWVudGVkICovXG4gICAgICAgIHAge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgICAgICAgLyogIHNwZWNpZmljIHNlbGVjdG9yIGZvciB0aGUgc3ZnIG9mIHRoZSBGbGF0QnV0dG9uICovXG4gICAgICAgICAgYnV0dG9uOmZpcnN0LW9mLXR5cGUgc3ZnIHtcbiAgICAgICAgICAgIGhlaWdodDogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICAgICAgd2lkdGg6IDEycHggIWltcG9ydGFudDtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxGbGF0QnV0dG9uXG4gICAgICAgICAgdG9uZT1cInByaW1hcnlcIlxuICAgICAgICAgIGxhYmVsPXtcbiAgICAgICAgICAgIHR5cGVvZiBwcm9wcy5wcmV2aW91c1BhdGhMYWJlbCA9PT0gJ3N0cmluZydcbiAgICAgICAgICAgICAgPyBwcm9wcy5wcmV2aW91c1BhdGhMYWJlbFxuICAgICAgICAgICAgICA6IGludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5wcmV2aW91c1BhdGhMYWJlbClcbiAgICAgICAgICB9XG4gICAgICAgICAgaWNvbj17PEFuZ2xlTGVmdEljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwicHJpbWFyeVwiIC8+fVxuICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgIC8+XG4gICAgICAgIHtwcm9wcy5jdXJyZW50UGF0aExhYmVsICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQuRGV0YWlsIGFzPVwic3BhblwiPi88L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgPFRleHQuRGV0YWlsIGFzPVwic3BhblwiIHRpdGxlPXtwcm9wcy5jdXJyZW50UGF0aExhYmVsfSB0cnVuY2F0ZT5cbiAgICAgICAgICAgICAge3Byb3BzLmN1cnJlbnRQYXRoTGFiZWx9XG4gICAgICAgICAgICA8L1RleHQuRGV0YWlsPlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMub25DbG9zZSAmJiAoXG4gICAgICAgIDxTZWNvbmRhcnlJY29uQnV0dG9uXG4gICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5jbG9zZSl9XG4gICAgICAgICAgb25DbGljaz17cHJvcHMub25DbG9zZX1cbiAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgIDxMYXJnZUljb25XcmFwcGVyPlxuICAgICAgICAgICAgICA8Q2xvc2VJY29uIHNpemU9XCJtZWRpdW1cIiAvPlxuICAgICAgICAgICAgPC9MYXJnZUljb25XcmFwcGVyPlxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTW9kYWxQYWdlVG9wQmFyLmRpc3BsYXlOYW1lID0gJ01vZGFsUGFnZVRvcEJhcic7XG5Nb2RhbFBhZ2VUb3BCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNb2RhbFBhZ2VUb3BCYXI7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
 };
 
 var ModalPageTopBar = function ModalPageTopBar(props) {
@@ -1020,7 +707,7 @@ var ModalPageTopBar = function ModalPageTopBar(props) {
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react.css("position:relative;display:flex;align-items:center;justify-content:space-between;padding:", designSystem.customProperties.spacingS, " ", designSystem.customProperties.spacingM, ";background-color:", props.color === 'neutral' ? designSystem.customProperties.colorNeutral95 : designSystem.customProperties.colorSurface, ";border-bottom:1px solid ", props.color === 'neutral' ? designSystem.customProperties.colorSurface : designSystem.customProperties.colorNeutral, ";& *+*{margin-left:", designSystem.customProperties.spacingS, ";}p{font-size:12px!important;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalPageTopBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2UtdG9wLWJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURjIiwiZmlsZSI6Im1vZGFsLXBhZ2UtdG9wLWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTeW50aGV0aWNFdmVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IENsb3NlSWNvbiwgQW5nbGVMZWZ0SWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBGbGF0QnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ZsYXQtYnV0dG9uJztcbmltcG9ydCBTZWNvbmRhcnlJY29uQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuLi8uLi9pbnRlcm5hbHMvbWVzc2FnZXMnO1xuXG4vLyBDb21wb25lbnQgdG8gaGF2ZSBhIGxhcmdlciBjbGlja2FibGUgc3VyZmFjZVxuY29uc3QgTGFyZ2VJY29uV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgJjo6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBoZWlnaHQ6IDM1cHg7XG4gICAgd2lkdGg6IDQ4cHg7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICB9XG5gO1xuXG4vLyBOT1RFOiB0aGUgYE1lc3NhZ2VEZXNjcmlwdG9yYCB0eXBlIGlzIGV4cG9zZWQgYnkgYHJlYWN0LWludGxgLlxuLy8gSG93ZXZlciwgd2UgbmVlZCB0byBleHBsaWNpdGx5IGRlZmluZSB0aGlzIG90aGVyd2lzZSB0aGUgcHJvcC10eXBlcyBiYWJlbCBwbHVnaW5cbi8vIGRvZXMgbm90IHJlY29nbml6ZSB0aGUgb2JqZWN0IHNoYXBlLlxudHlwZSBNZXNzYWdlRGVzY3JpcHRvciA9IHtcbiAgaWQ6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBvYmplY3Q7XG4gIGRlZmF1bHRNZXNzYWdlPzogc3RyaW5nO1xufTtcbnR5cGUgTGFiZWwgPSBzdHJpbmcgfCBNZXNzYWdlRGVzY3JpcHRvcjtcbnR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScgfCAnbmV1dHJhbCc7XG4gIGN1cnJlbnRQYXRoTGFiZWw/OiBzdHJpbmc7XG4gIHByZXZpb3VzUGF0aExhYmVsOiBMYWJlbDtcbiAgb25DbG9zZTogKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8UHJvcHMsICdjb2xvcicgfCAncHJldmlvdXNQYXRoTGFiZWwnPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbiAgcHJldmlvdXNQYXRoTGFiZWw6IG1lc3NhZ2VzLmJhY2ssXG59O1xuXG5jb25zdCBNb2RhbFBhZ2VUb3BCYXIgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICduZXV0cmFsJ1xuICAgICAgICAgID8gY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NVxuICAgICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWRcbiAgICAgICAgICAke3Byb3BzLmNvbG9yID09PSAnbmV1dHJhbCdcbiAgICAgICAgICAgID8gY3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2VcbiAgICAgICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWx9O1xuICAgICAgICAmICogKyAqIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qIEZJWE1FOiB0aGVzZSBcImRpcnR5XCIgc3R5bGVzIHNob3VsZCBiZSByZW1vdmVkIHdoZW4gdGhlIG5ldyBCcmVhZGNydW1icyBjb21wb25lbnQgaXMgaW1wbGVtZW50ZWQgKi9cbiAgICAgICAgcCB7XG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgICAgICAvKiAgc3BlY2lmaWMgc2VsZWN0b3IgZm9yIHRoZSBzdmcgb2YgdGhlIEZsYXRCdXR0b24gKi9cbiAgICAgICAgICBidXR0b246Zmlyc3Qtb2YtdHlwZSBzdmcge1xuICAgICAgICAgICAgaGVpZ2h0OiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICB3aWR0aDogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICB0b25lPVwicHJpbWFyeVwiXG4gICAgICAgICAgbGFiZWw9e1xuICAgICAgICAgICAgdHlwZW9mIHByb3BzLnByZXZpb3VzUGF0aExhYmVsID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgICA/IHByb3BzLnByZXZpb3VzUGF0aExhYmVsXG4gICAgICAgICAgICAgIDogaW50bC5mb3JtYXRNZXNzYWdlKHByb3BzLnByZXZpb3VzUGF0aExhYmVsKVxuICAgICAgICAgIH1cbiAgICAgICAgICBpY29uPXs8QW5nbGVMZWZ0SWNvbiBzaXplPVwibWVkaXVtXCIgY29sb3I9XCJwcmltYXJ5XCIgLz59XG4gICAgICAgICAgb25DbGljaz17cHJvcHMub25DbG9zZX1cbiAgICAgICAgLz5cbiAgICAgICAge3Byb3BzLmN1cnJlbnRQYXRoTGFiZWwgJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCI+LzwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCIgdGl0bGU9e3Byb3BzLmN1cnJlbnRQYXRoTGFiZWx9IHRydW5jYXRlPlxuICAgICAgICAgICAgICB7cHJvcHMuY3VycmVudFBhdGhMYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5vbkNsb3NlICYmIChcbiAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsb3NlKX1cbiAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgPExhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxDbG9zZUljb24gc2l6ZT1cIm1lZGl1bVwiIC8+XG4gICAgICAgICAgICA8L0xhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Nb2RhbFBhZ2VUb3BCYXIuZGlzcGxheU5hbWUgPSAnTW9kYWxQYWdlVG9wQmFyJztcbk1vZGFsUGFnZVRvcEJhci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsUGFnZVRvcEJhcjtcbiJdfQ== */"),
     children: [jsxRuntime.jsxs("div", {
-      css: _ref$2,
+      css: _ref$4,
       children: [jsxRuntime.jsx(FlatButton__default["default"], {
         tone: "primary",
         label: typeof props.previousPathLabel === 'string' ? props.previousPathLabel : intl.formatMessage(props.previousPathLabel),
@@ -1063,11 +750,11 @@ ModalPageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onClose: _pt__default["default"].func.isRequired
 } : {};
 ModalPageTopBar.displayName = 'ModalPageTopBar';
-ModalPageTopBar.defaultProps = defaultProps$7;
+ModalPageTopBar.defaultProps = defaultProps$c;
 
-function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 
 var getDefaultParentSelector = function getDefaultParentSelector() {
   return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
@@ -1076,7 +763,7 @@ var getDefaultParentSelector = function getDefaultParentSelector() {
 var getOverlayElement = function getOverlayElement(props, contentElement) {
   return (// Assign the `data-role` to the overlay container, which is used as
     // the CSS selector in the `<PortalsContainer>`.
-    jsxRuntime.jsx("div", _objectSpread$3(_objectSpread$3({}, props), {}, {
+    jsxRuntime.jsx("div", _objectSpread$4(_objectSpread$4({}, props), {}, {
       "data-role": "modal-overlay",
       children: contentElement
     }))
@@ -1086,7 +773,7 @@ var getOverlayElement = function getOverlayElement(props, contentElement) {
 // does not recognize the object shape.
 
 
-var defaultProps$6 = {
+var defaultProps$b = {
   getParentSelector: getDefaultParentSelector,
   shouldDelayOnClose: true
 };
@@ -1184,7 +871,97 @@ ModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
   })])
 } : {};
 ModalPage.displayName = 'ModalPage';
-ModalPage.defaultProps = defaultProps$6;
+ModalPage.defaultProps = defaultProps$b;
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { 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 defaultProps$a = {
+  titleSize: 'small',
+  truncate: false
+};
+
+var SubtitleWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "epaiodd0"
+} : {
+  target: "epaiodd0",
+  label: "SubtitleWrapper"
+})("margin-top:", designSystem.customProperties.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UtaGVhZGVyLXRpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmtDIiwiZmlsZSI6InBhZ2UtaGVhZGVyLXRpdGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzVmFsaWRFbGVtZW50LCB0eXBlIFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG50eXBlIFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICB0aXRsZVNpemU6ICdiaWcnIHwgJ3NtYWxsJztcbiAgdHJ1bmNhdGU6IGJvb2xlYW47XG4gIHN1YnRpdGxlPzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBjaGlsZHJlbj86IG5ldmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxQcm9wcywgJ3RpdGxlU2l6ZScgfCAndHJ1bmNhdGUnPiA9IHtcbiAgdGl0bGVTaXplOiAnc21hbGwnLFxuICB0cnVuY2F0ZTogZmFsc2UsXG59O1xuXG5jb25zdCBTdWJ0aXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019O1xuYDtcblxudHlwZSBSZW5kZXJUaXRsZVByb3BzID0gUGljazxQcm9wcywgJ3RpdGxlU2l6ZScgfCAndGl0bGUnIHwgJ3RydW5jYXRlJz47XG5cbmNvbnN0IHJlbmRlclRpdGxlID0gKHByb3BzOiBSZW5kZXJUaXRsZVByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudGl0bGVTaXplKSB7XG4gICAgY2FzZSAnYmlnJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDJcIiB0aXRsZT17cHJvcHMudGl0bGV9IHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX0+XG4gICAgICAgICAge3Byb3BzLnRpdGxlfVxuICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICApO1xuXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0LlN1YmhlYWRsaW5lIGFzPVwiaDRcIiB0aXRsZT17cHJvcHMudGl0bGV9IHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX0+XG4gICAgICAgICAge3Byb3BzLnRpdGxlfVxuICAgICAgICA8L1RleHQuU3ViaGVhZGxpbmU+XG4gICAgICApO1xuICB9XG59O1xuXG5jb25zdCByZW5kZXJTdWJ0aXRsZSA9IChcbiAgc3VidGl0bGU/OiBQcm9wc1snc3VidGl0bGUnXSxcbiAgdHJ1bmNhdGU6IFByb3BzWyd0cnVuY2F0ZSddID0gZmFsc2VcbikgPT4ge1xuICBpZiAoIXN1YnRpdGxlKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbiAgaWYgKGlzVmFsaWRFbGVtZW50KHN1YnRpdGxlKSkge1xuICAgIHJldHVybiA8U3VidGl0bGVXcmFwcGVyPntzdWJ0aXRsZX08L1N1YnRpdGxlV3JhcHBlcj47XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8U3VidGl0bGVXcmFwcGVyPlxuICAgICAgPFRleHQuQm9keSB0aXRsZT17c3VidGl0bGV9IHRydW5jYXRlPXt0cnVuY2F0ZX0+XG4gICAgICAgIHtzdWJ0aXRsZX1cbiAgICAgIDwvVGV4dC5Cb2R5PlxuICAgIDwvU3VidGl0bGVXcmFwcGVyPlxuICApO1xufTtcblxuY29uc3QgUGFnZUhlYWRlclRpdGxlID0gKHByb3BzOiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHRpdGxlU2l6ZSwgdGl0bGUsIHRydW5jYXRlIH0gPSBwcm9wcztcbiAgY29uc3QgcmVuZGVyZWRUaXRsZSA9IHJlbmRlclRpdGxlKHsgdGl0bGVTaXplLCB0aXRsZSwgdHJ1bmNhdGUgfSk7XG4gIGNvbnN0IHJlbmRlcmVkU3VidGl0bGUgPSByZW5kZXJTdWJ0aXRsZShwcm9wcy5zdWJ0aXRsZSwgdHJ1bmNhdGUpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7cmVuZGVyZWRUaXRsZX1cbiAgICAgIHtyZW5kZXJlZFN1YnRpdGxlfVxuICAgIDwvZGl2PlxuICApO1xufTtcblBhZ2VIZWFkZXJUaXRsZS5kaXNwbGF5TmFtZSA9ICdQYWdlSGVhZGVyVGl0bGUnO1xuUGFnZUhlYWRlclRpdGxlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgUGFnZUhlYWRlclRpdGxlO1xuIl19 */"));
+
+var renderTitle = function renderTitle(props) {
+  switch (props.titleSize) {
+    case 'big':
+      return jsxRuntime.jsx(Text__default["default"].Headline, {
+        as: "h2",
+        title: props.title,
+        truncate: props.truncate,
+        children: props.title
+      });
+
+    default:
+      return jsxRuntime.jsx(Text__default["default"].Subheadline, {
+        as: "h4",
+        title: props.title,
+        truncate: props.truncate,
+        children: props.title
+      });
+  }
+};
+
+var renderSubtitle = function renderSubtitle(subtitle) {
+  var truncate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+  if (!subtitle) {
+    return null;
+  }
+
+  if ( /*#__PURE__*/react$1.isValidElement(subtitle)) {
+    return jsxRuntime.jsx(SubtitleWrapper, {
+      children: subtitle
+    });
+  }
+
+  return jsxRuntime.jsx(SubtitleWrapper, {
+    children: jsxRuntime.jsx(Text__default["default"].Body, {
+      title: subtitle,
+      truncate: truncate,
+      children: subtitle
+    })
+  });
+};
+
+var _ref$3 = process.env.NODE_ENV === "production" ? {
+  name: "d3v9zr",
+  styles: "overflow:hidden"
+} : {
+  name: "17znvoe-PageHeaderTitle",
+  styles: "overflow:hidden;label:PageHeaderTitle;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UtaGVhZGVyLXRpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRWMiLCJmaWxlIjoicGFnZS1oZWFkZXItdGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNWYWxpZEVsZW1lbnQsIHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRpdGxlU2l6ZTogJ2JpZycgfCAnc21hbGwnO1xuICB0cnVuY2F0ZTogYm9vbGVhbjtcbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFByb3BzLCAndGl0bGVTaXplJyB8ICd0cnVuY2F0ZSc+ID0ge1xuICB0aXRsZVNpemU6ICdzbWFsbCcsXG4gIHRydW5jYXRlOiBmYWxzZSxcbn07XG5cbmNvbnN0IFN1YnRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX07XG5gO1xuXG50eXBlIFJlbmRlclRpdGxlUHJvcHMgPSBQaWNrPFByb3BzLCAndGl0bGVTaXplJyB8ICd0aXRsZScgfCAndHJ1bmNhdGUnPjtcblxuY29uc3QgcmVuZGVyVGl0bGUgPSAocHJvcHM6IFJlbmRlclRpdGxlUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50aXRsZVNpemUpIHtcbiAgICBjYXNlICdiaWcnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiIHRpdGxlPXtwcm9wcy50aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfT5cbiAgICAgICAgICB7cHJvcHMudGl0bGV9XG4gICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICk7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHQuU3ViaGVhZGxpbmUgYXM9XCJoNFwiIHRpdGxlPXtwcm9wcy50aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfT5cbiAgICAgICAgICB7cHJvcHMudGl0bGV9XG4gICAgICAgIDwvVGV4dC5TdWJoZWFkbGluZT5cbiAgICAgICk7XG4gIH1cbn07XG5cbmNvbnN0IHJlbmRlclN1YnRpdGxlID0gKFxuICBzdWJ0aXRsZT86IFByb3BzWydzdWJ0aXRsZSddLFxuICB0cnVuY2F0ZTogUHJvcHNbJ3RydW5jYXRlJ10gPSBmYWxzZVxuKSA9PiB7XG4gIGlmICghc3VidGl0bGUpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBpZiAoaXNWYWxpZEVsZW1lbnQoc3VidGl0bGUpKSB7XG4gICAgcmV0dXJuIDxTdWJ0aXRsZVdyYXBwZXI+e3N1YnRpdGxlfTwvU3VidGl0bGVXcmFwcGVyPjtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxTdWJ0aXRsZVdyYXBwZXI+XG4gICAgICA8VGV4dC5Cb2R5IHRpdGxlPXtzdWJ0aXRsZX0gdHJ1bmNhdGU9e3RydW5jYXRlfT5cbiAgICAgICAge3N1YnRpdGxlfVxuICAgICAgPC9UZXh0LkJvZHk+XG4gICAgPC9TdWJ0aXRsZVdyYXBwZXI+XG4gICk7XG59O1xuXG5jb25zdCBQYWdlSGVhZGVyVGl0bGUgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGl0bGVTaXplLCB0aXRsZSwgdHJ1bmNhdGUgfSA9IHByb3BzO1xuICBjb25zdCByZW5kZXJlZFRpdGxlID0gcmVuZGVyVGl0bGUoeyB0aXRsZVNpemUsIHRpdGxlLCB0cnVuY2F0ZSB9KTtcbiAgY29uc3QgcmVuZGVyZWRTdWJ0aXRsZSA9IHJlbmRlclN1YnRpdGxlKHByb3BzLnN1YnRpdGxlLCB0cnVuY2F0ZSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtyZW5kZXJlZFRpdGxlfVxuICAgICAge3JlbmRlcmVkU3VidGl0bGV9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuUGFnZUhlYWRlclRpdGxlLmRpc3BsYXlOYW1lID0gJ1BhZ2VIZWFkZXJUaXRsZSc7XG5QYWdlSGVhZGVyVGl0bGUuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBQYWdlSGVhZGVyVGl0bGU7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
+};
+
+var PageHeaderTitle = function PageHeaderTitle(props) {
+  var titleSize = props.titleSize,
+      title = props.title,
+      truncate = props.truncate;
+  var renderedTitle = renderTitle({
+    titleSize: titleSize,
+    title: title,
+    truncate: truncate
+  });
+  var renderedSubtitle = renderSubtitle(props.subtitle, truncate);
+  return jsxRuntime.jsxs("div", {
+    css: _ref$3,
+    children: [renderedTitle, renderedSubtitle]
+  });
+};
+
+PageHeaderTitle.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _pt__default["default"].string.isRequired,
+  titleSize: _pt__default["default"].oneOf(['big', 'small']).isRequired,
+  truncate: _pt__default["default"].bool.isRequired,
+  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element])
+} : {};
+PageHeaderTitle.displayName = 'PageHeaderTitle';
+PageHeaderTitle.defaultProps = defaultProps$a;
 
 var PageHeader = function PageHeader(props) {
   return jsxRuntime.jsxs("div", {
@@ -1204,6 +981,28 @@ PageHeader.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 PageHeader.displayName = 'PageHeader';
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { 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 ContentWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e1b7jwn01"
+} : {
+  target: "e1b7jwn01",
+  label: "ContentWrapper"
+})("flex:1;flex-basis:0;padding:", designSystem.customProperties.spacingM, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
+var PageWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e1b7jwn00"
+} : {
+  target: "e1b7jwn00",
+  label: "PageWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "kdbhus",
+  styles: "height:100%;display:flex;flex-direction:column"
+} : {
+  name: "kdbhus",
+  styles: "height:100%;display:flex;flex-direction:column",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$4
+});
+
 var InfoModalPage = function InfoModalPage(props) {
   return jsxRuntime.jsxs(ModalPage, {
     title: props.title,
@@ -1224,26 +1023,119 @@ var InfoModalPage = function InfoModalPage(props) {
   });
 };
 
-InfoModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
-  level: _pt__default["default"].number,
-  title: _pt__default["default"].string.isRequired,
-  isOpen: _pt__default["default"].bool.isRequired,
-  onClose: _pt__default["default"].func,
-  children: _pt__default["default"].node.isRequired,
-  zIndex: _pt__default["default"].number,
-  baseZIndex: _pt__default["default"].number,
-  getParentSelector: _pt__default["default"].func,
-  shouldDelayOnClose: _pt__default["default"].bool,
-  afterOpenStyles: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].any]),
-  topBarCurrentPathLabel: _pt__default["default"].string,
-  topBarPreviousPathLabel: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
+InfoModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
+  level: _pt__default["default"].number,
+  title: _pt__default["default"].string.isRequired,
+  isOpen: _pt__default["default"].bool.isRequired,
+  onClose: _pt__default["default"].func,
+  children: _pt__default["default"].node.isRequired,
+  zIndex: _pt__default["default"].number,
+  baseZIndex: _pt__default["default"].number,
+  getParentSelector: _pt__default["default"].func,
+  shouldDelayOnClose: _pt__default["default"].bool,
+  afterOpenStyles: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].any]),
+  topBarCurrentPathLabel: _pt__default["default"].string,
+  topBarPreviousPathLabel: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
+    id: _pt__default["default"].string.isRequired,
+    description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].object]),
+    defaultMessage: _pt__default["default"].string
+  })]),
+  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element])
+} : {};
+InfoModalPage.displayName = 'InfoModalPage';
+
+function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+var primaryDefaultProps = {
+  label: i18n.sharedMessages.confirm,
+  isDisabled: false,
+  dataAttributes: {}
+};
+
+var useFormattedLabel = function useFormattedLabel(label) {
+  var intl = reactIntl.useIntl();
+  return typeof label === 'string' ? label : intl.formatMessage(label);
+};
+
+var FormPrimaryButton = function FormPrimaryButton(props) {
+  var label = useFormattedLabel(props.label);
+  return jsxRuntime.jsx(PrimaryButton__default["default"], _objectSpread$3({
+    label: label,
+    onClick: props.onClick,
+    isDisabled: props.isDisabled
+  }, filterDataAttributes(props.dataAttributes)));
+};
+
+FormPrimaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
+    id: _pt__default["default"].string.isRequired,
+    description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].object]),
+    defaultMessage: _pt__default["default"].string
+  })]).isRequired,
+  onClick: _pt__default["default"].func.isRequired,
+  isDisabled: _pt__default["default"].bool.isRequired,
+  dataAttributes: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired
+} : {};
+FormPrimaryButton.displayName = 'FormPrimaryButton';
+FormPrimaryButton.defaultProps = primaryDefaultProps;
+var secondaryDefaultProps = {
+  label: i18n.sharedMessages.cancel,
+  isDisabled: false,
+  dataAttributes: {}
+};
+
+var FormSecondaryButton = function FormSecondaryButton(props) {
+  var label = useFormattedLabel(props.label);
+  return jsxRuntime.jsx(SecondaryButton__default["default"], _objectSpread$3({
+    label: label,
+    onClick: props.onClick,
+    isDisabled: props.isDisabled,
+    iconLeft: props.iconLeft
+  }, filterDataAttributes(props.dataAttributes)));
+};
+
+FormSecondaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  iconLeft: _pt__default["default"].element,
+  label: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
+    id: _pt__default["default"].string.isRequired,
+    description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].object]),
+    defaultMessage: _pt__default["default"].string
+  })]).isRequired,
+  onClick: _pt__default["default"].func.isRequired,
+  isDisabled: _pt__default["default"].bool.isRequired,
+  dataAttributes: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired
+} : {};
+FormSecondaryButton.displayName = 'FormSecondaryButton';
+FormSecondaryButton.defaultProps = secondaryDefaultProps;
+var deleteDefaultProps = {
+  label: i18n.sharedMessages.delete,
+  isDisabled: false,
+  dataAttributes: {}
+};
+
+var FormDeleteButton = function FormDeleteButton(props) {
+  var label = useFormattedLabel(props.label);
+  return jsxRuntime.jsx(IconButton__default["default"], _objectSpread$3({
+    icon: jsxRuntime.jsx(icons.BinLinearIcon, {}),
+    label: label,
+    onClick: props.onClick,
+    isDisabled: props.isDisabled
+  }, filterDataAttributes(props.dataAttributes)));
+};
+
+FormDeleteButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
     id: _pt__default["default"].string.isRequired,
     description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].object]),
     defaultMessage: _pt__default["default"].string
-  })]),
-  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element])
+  })]).isRequired,
+  onClick: _pt__default["default"].func.isRequired,
+  isDisabled: _pt__default["default"].bool.isRequired,
+  dataAttributes: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired
 } : {};
-InfoModalPage.displayName = 'InfoModalPage';
+FormDeleteButton.displayName = 'FormDeleteButton';
+FormDeleteButton.defaultProps = deleteDefaultProps;
 
 var CustomFormModalPage = function CustomFormModalPage(props) {
   return jsxRuntime.jsxs(ModalPage, {
@@ -1300,7 +1192,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton; // This is a convenienc
 
 CustomFormModalPage.Intl = i18n.sharedMessages;
 
-var defaultProps$5 = {
+var defaultProps$9 = {
   hideControls: false
 };
 
@@ -1322,7 +1214,8 @@ var FormModalPage = function FormModalPage(props) {
         label: props.labelSecondaryButton,
         onClick: props.onSecondaryButtonClick,
         isDisabled: props.isSecondaryButtonDisabled,
-        dataAttributes: props.dataAttributesSecondaryButton
+        dataAttributes: props.dataAttributesSecondaryButton,
+        iconLeft: props.iconLeftSecondaryButton
       }), jsxRuntime.jsx(CustomFormModalPage.FormPrimaryButton, {
         label: props.labelPrimaryButton,
         onClick: props.onPrimaryButtonClick,
@@ -1368,15 +1261,75 @@ FormModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
   })]),
   onPrimaryButtonClick: _pt__default["default"].func.isRequired,
   onSecondaryButtonClick: _pt__default["default"].func.isRequired,
-  hideControls: _pt__default["default"].bool.isRequired
+  hideControls: _pt__default["default"].bool.isRequired,
+  iconLeftSecondaryButton: _pt__default["default"].element
 } : {};
 FormModalPage.displayName = 'FormModalPage';
-FormModalPage.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+FormModalPage.defaultProps = defaultProps$9; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 
 FormModalPage.Intl = i18n.sharedMessages;
 
-var defaultProps$4 = {
+function _EMOTION_STRINGIFIED_CSS_ERROR__$3() { 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 TabControls = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "elpldre1"
+} : {
+  target: "elpldre1",
+  label: "TabControls"
+})("margin-top:", designSystem.customProperties.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzhCIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICdzdXJmYWNlJ1xuICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlXG4gICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NX07XG4gICAgICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX0gMDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsfSBzb2xpZDtcbiAgICBgfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyUGFnZUNvbnRhaW5lcic7XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJQYWdlQ29udGFpbmVyUHJvcHMsICdjb2xvcic+ID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnLFxufTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbmA7XG5cbmV4cG9ydCB7IENvbnRyb2xzQ29udGFpbnRlciwgVGFidWxhclBhZ2VDb250YWluZXIsIEZvcm1Db250cm9sc0NvbnRhaW5lciB9O1xuIl19 */"));
+
+var _ref$2 = process.env.NODE_ENV === "production" ? {
+  name: "1nrstx4",
+  styles: "display:flex;align-items:flex-end;justify-content:space-between"
+} : {
+  name: "158j3eg-ControlsContainter",
+  styles: "display:flex;align-items:flex-end;justify-content:space-between;label:ControlsContainter;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICdzdXJmYWNlJ1xuICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlXG4gICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NX07XG4gICAgICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX0gMDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsfSBzb2xpZDtcbiAgICBgfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyUGFnZUNvbnRhaW5lcic7XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJQYWdlQ29udGFpbmVyUHJvcHMsICdjb2xvcic+ID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnLFxufTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbmA7XG5cbmV4cG9ydCB7IENvbnRyb2xzQ29udGFpbnRlciwgVGFidWxhclBhZ2VDb250YWluZXIsIEZvcm1Db250cm9sc0NvbnRhaW5lciB9O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$3
+};
+
+var ControlsContainter = function ControlsContainter(props) {
+  return jsxRuntime.jsxs("div", {
+    css: _ref$2,
+    children: [jsxRuntime.jsx(TabControls, {
+      role: "tablist",
+      children: props.tabControls
+    }), props.formControls]
+  });
+};
+
+ControlsContainter.propTypes = process.env.NODE_ENV !== "production" ? {
+  tabControls: _pt__default["default"].node.isRequired,
+  formControls: _pt__default["default"].node
+} : {};
+ControlsContainter.displayName = 'ControlsContainter';
+
+var TabularPageContainer = function TabularPageContainer(props) {
+  return jsxRuntime.jsx("div", {
+    css: /*#__PURE__*/react.css("background-color:", props.color === 'surface' ? designSystem.customProperties.colorSurface : designSystem.customProperties.colorNeutral95, ";padding:", designSystem.customProperties.spacingM, " ", designSystem.customProperties.spacingM, " 0;border-bottom:1px ", designSystem.customProperties.colorNeutral, " solid;" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularPageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0NZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICdzdXJmYWNlJ1xuICAgICAgICA/IGN1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlXG4gICAgICAgIDogY3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NX07XG4gICAgICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX0gMDtcbiAgICAgIGJvcmRlci1ib3R0b206IDFweCAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsfSBzb2xpZDtcbiAgICBgfVxuICA+XG4gICAge3Byb3BzLmNoaWxkcmVufVxuICA8L2Rpdj5cbik7XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyUGFnZUNvbnRhaW5lcic7XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJQYWdlQ29udGFpbmVyUHJvcHMsICdjb2xvcic+ID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnLFxufTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbmA7XG5cbmV4cG9ydCB7IENvbnRyb2xzQ29udGFpbnRlciwgVGFidWxhclBhZ2VDb250YWluZXIsIEZvcm1Db250cm9sc0NvbnRhaW5lciB9O1xuIl19 */"),
+    children: props.children
+  });
+};
+
+TabularPageContainer.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: _pt__default["default"].node.isRequired,
+  color: _pt__default["default"].oneOf(['surface', 'neutral']).isRequired
+} : {};
+TabularPageContainer.displayName = 'TabularPageContainer';
+var defaultProps$8 = {
+  color: 'surface'
+};
+TabularPageContainer.defaultProps = defaultProps$8;
+
+var FormControlsContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "elpldre0"
+} : {
+  target: "elpldre0",
+  label: "FormControlsContainer"
+})("margin-bottom:", designSystem.customProperties.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR3QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmNvbnN0IFRhYkNvbnRyb2xzID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxudHlwZSBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29sb3I6ICdzdXJmYWNlJyB8ICduZXV0cmFsJztcbn07XG5cbmNvbnN0IFRhYnVsYXJQYWdlQ29udGFpbmVyID0gKHByb3BzOiBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yID09PSAnc3VyZmFjZSdcbiAgICAgICAgPyBjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU3VyZmFjZVxuICAgICAgICA6IGN1c3RvbVByb3BlcnRpZXMuY29sb3JOZXV0cmFsOTV9O1xuICAgICAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfSAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ019IDA7XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbH0gc29saWQ7XG4gICAgYH1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuVGFidWxhclBhZ2VDb250YWluZXIuZGlzcGxheU5hbWUgPSAnVGFidWxhclBhZ2VDb250YWluZXInO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzLCAnY29sb3InPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbn07XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTX07XG5gO1xuXG5leHBvcnQgeyBDb250cm9sc0NvbnRhaW50ZXIsIFRhYnVsYXJQYWdlQ29udGFpbmVyLCBGb3JtQ29udHJvbHNDb250YWluZXIgfTtcbiJdfQ== */"));
+
+var defaultProps$7 = {
   hideControls: false
 };
 
@@ -1439,7 +1392,7 @@ TabularModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
   hideControls: _pt__default["default"].bool.isRequired
 } : {};
 TabularModalPage.displayName = 'TabularModalPage';
-TabularModalPage.defaultProps = defaultProps$4; // Static export of pre-configured form control buttons to easily re-use
+TabularModalPage.defaultProps = defaultProps$7; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 
 TabularModalPage.FormPrimaryButton = FormPrimaryButton;
@@ -1449,7 +1402,7 @@ TabularModalPage.FormDeleteButton = FormDeleteButton; // This is a convenience p
 
 TabularModalPage.Intl = i18n.sharedMessages;
 
-var defaultProps$3 = {
+var defaultProps$6 = {
   color: 'surface',
   previousPathLabel: messages$2.back
 };
@@ -1481,7 +1434,7 @@ PageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _pt__default["default"].func.isRequired
 } : {};
 PageTopBar.displayName = 'PageTopBar';
-PageTopBar.defaultProps = defaultProps$3;
+PageTopBar.defaultProps = defaultProps$6;
 
 var DetailPageContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "etkdonc0"
@@ -1493,7 +1446,7 @@ var DetailPageContainer = _styled__default["default"]("div", process.env.NODE_EN
 // does not recognize the object shape.
 
 
-var defaultProps$2 = {
+var defaultProps$5 = {
   hideControls: false
 };
 
@@ -1539,7 +1492,7 @@ CustomFormDetailPage.propTypes = process.env.NODE_ENV !== "production" ? {
   onPreviousPathClick: _pt__default["default"].func.isRequired
 } : {};
 CustomFormDetailPage.displayName = 'CustomFormDetailPage';
-CustomFormDetailPage.defaultProps = defaultProps$2; // Static export of pre-configured page header title component to easily
+CustomFormDetailPage.defaultProps = defaultProps$5; // Static export of pre-configured page header title component to easily
 // use as part of a custom title row
 
 CustomFormDetailPage.PageHeaderTitle = PageHeaderTitle; // Static export of pre-configured form control buttons to easily re-use
@@ -1552,7 +1505,7 @@ CustomFormDetailPage.FormDeleteButton = FormDeleteButton; // This is a convenien
 
 CustomFormDetailPage.Intl = i18n.sharedMessages;
 
-var defaultProps$1 = {
+var defaultProps$4 = {
   hideControls: false
 };
 
@@ -1569,7 +1522,8 @@ var FormDetailPage = function FormDetailPage(props) {
         label: props.labelSecondaryButton,
         onClick: props.onSecondaryButtonClick,
         isDisabled: props.isSecondaryButtonDisabled,
-        dataAttributes: props.dataAttributesSecondaryButton
+        dataAttributes: props.dataAttributesSecondaryButton,
+        iconLeft: props.iconLeftSecondaryButton
       }), jsxRuntime.jsx(CustomFormDetailPage.FormPrimaryButton, {
         label: props.labelPrimaryButton,
         onClick: props.onPrimaryButtonClick,
@@ -1608,10 +1562,11 @@ FormDetailPage.propTypes = process.env.NODE_ENV !== "production" ? {
   })]),
   onPrimaryButtonClick: _pt__default["default"].func.isRequired,
   onSecondaryButtonClick: _pt__default["default"].func.isRequired,
-  hideControls: _pt__default["default"].bool.isRequired
+  hideControls: _pt__default["default"].bool.isRequired,
+  iconLeftSecondaryButton: _pt__default["default"].element
 } : {};
 FormDetailPage.displayName = 'FormDetailPage';
-FormDetailPage.defaultProps = defaultProps$1; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+FormDetailPage.defaultProps = defaultProps$4; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 // Static export of pre-configured page header title component to easily
 // use as part of a custom title row
@@ -1650,7 +1605,7 @@ InfoDetailPage.displayName = 'InfoDetailPage'; // Static export of pre-configure
 
 InfoDetailPage.PageHeaderTitle = PageHeaderTitle;
 
-var defaultProps = {
+var defaultProps$3 = {
   hideControls: false
 };
 
@@ -1703,7 +1658,7 @@ TabularDetailPage.propTypes = process.env.NODE_ENV !== "production" ? {
   onPreviousPathClick: _pt__default["default"].func.isRequired
 } : {};
 TabularDetailPage.displayName = 'TabularDetailPage';
-TabularDetailPage.defaultProps = defaultProps; // Static export of pre-configured form control buttons to easily re-use
+TabularDetailPage.defaultProps = defaultProps$3; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 
 TabularDetailPage.FormPrimaryButton = FormPrimaryButton;
@@ -1814,6 +1769,219 @@ PublicPageLayout.defaultProps = {
   contentScale: 'normal'
 };
 
+function _EMOTION_STRINGIFIED_CSS_ERROR__$2() { 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 MainPageContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "ev8m2jf2"
+} : {
+  target: "ev8m2jf2",
+  label: "MainPageContainer"
+})("padding:", designSystem.customProperties.spacingL, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogYXV0bztcbmA7XG4iXX0= */"));
+var Divider = _styled__default["default"]("hr", process.env.NODE_ENV === "production" ? {
+  target: "ev8m2jf1"
+} : {
+  target: "ev8m2jf1",
+  label: "Divider"
+})("background-color:", designSystem.customProperties.colorNeutral60, ";height:1px;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2dDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogYXV0bztcbmA7XG4iXX0= */"));
+var MainPageContent = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "ev8m2jf0"
+} : {
+  target: "ev8m2jf0",
+  label: "MainPageContent"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1qmr6ab",
+  styles: "overflow:auto"
+} : {
+  name: "1qmr6ab",
+  styles: "overflow:auto",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7Y3VzdG9tUHJvcGVydGllcy5zcGFjaW5nTH07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDYwfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogYXV0bztcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
+});
+
+var defaultProps$2 = {
+  hideControls: false
+};
+
+var CustomFormMainPage = function CustomFormMainPage(props) {
+  var _props$title;
+
+  process.env.NODE_ENV !== "production" ? utils.warning(props.title !== undefined || props.customTitleRow !== undefined, 'CustomFormMainPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
+  return jsxRuntime.jsx(PageWrapper, {
+    children: jsxRuntime.jsx(MainPageContainer, {
+      children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+        scale: "l",
+        children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
+          title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
+          subtitle: props.subtitle,
+          titleSize: "big"
+        }), !props.hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
+          justifyContent: "flex-end",
+          children: props.formControls
+        }), jsxRuntime.jsx(Divider, {}), jsxRuntime.jsx(MainPageContent, {
+          children: props.children
+        })]
+      })
+    })
+  });
+};
+
+CustomFormMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _pt__default["default"].string,
+  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element]),
+  customTitleRow: _pt__default["default"].node,
+  children: _pt__default["default"].node.isRequired,
+  formControls: _pt__default["default"].node,
+  hideControls: _pt__default["default"].bool
+} : {};
+CustomFormMainPage.displayName = 'CustomFormMainPage';
+CustomFormMainPage.defaultProps = defaultProps$2; // Static export of pre-configured page header title component to easily
+// use as part of a custom title row
+
+CustomFormMainPage.PageHeaderTitle = PageHeaderTitle; // Static export of pre-configured form control buttons to easily re-use
+// them in the custom controls.
+
+CustomFormMainPage.FormPrimaryButton = FormPrimaryButton;
+CustomFormMainPage.FormSecondaryButton = FormSecondaryButton;
+CustomFormMainPage.FormDeleteButton = FormDeleteButton; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+// The Intl messages can be used for button labels.
+
+CustomFormMainPage.Intl = i18n.sharedMessages;
+
+var defaultProps$1 = {
+  hideControls: false
+};
+
+var FormMainPage = function FormMainPage(props) {
+  return jsxRuntime.jsx(CustomFormMainPage, {
+    title: props.title,
+    subtitle: props.subtitle,
+    customTitleRow: props.customTitleRow,
+    hideControls: props.hideControls,
+    formControls: jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(CustomFormMainPage.FormSecondaryButton, {
+        label: props.labelSecondaryButton,
+        onClick: props.onSecondaryButtonClick,
+        isDisabled: props.isSecondaryButtonDisabled,
+        dataAttributes: props.dataAttributesSecondaryButton,
+        iconLeft: props.iconLeftSecondaryButton
+      }), jsxRuntime.jsx(CustomFormMainPage.FormPrimaryButton, {
+        label: props.labelPrimaryButton,
+        onClick: props.onPrimaryButtonClick,
+        isDisabled: props.isPrimaryButtonDisabled,
+        dataAttributes: props.dataAttributesPrimaryButton
+      })]
+    }),
+    children: props.children
+  });
+};
+
+FormMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _pt__default["default"].string,
+  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element]),
+  customTitleRow: _pt__default["default"].node,
+  children: _pt__default["default"].node.isRequired,
+  hideControls: _pt__default["default"].bool,
+  isPrimaryButtonDisabled: _pt__default["default"].bool,
+  isSecondaryButtonDisabled: _pt__default["default"].bool,
+  dataAttributesPrimaryButton: _pt__default["default"].objectOf(_pt__default["default"].string),
+  dataAttributesSecondaryButton: _pt__default["default"].objectOf(_pt__default["default"].string),
+  labelPrimaryButton: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
+    id: _pt__default["default"].string.isRequired,
+    description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].object]),
+    defaultMessage: _pt__default["default"].string
+  })]),
+  labelSecondaryButton: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].shape({
+    id: _pt__default["default"].string.isRequired,
+    description: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].object]),
+    defaultMessage: _pt__default["default"].string
+  })]),
+  iconLeftSecondaryButton: _pt__default["default"].element,
+  onPrimaryButtonClick: _pt__default["default"].func.isRequired,
+  onSecondaryButtonClick: _pt__default["default"].func.isRequired
+} : {};
+FormMainPage.displayName = 'FormMainPage';
+FormMainPage.defaultProps = defaultProps$1; // Static export of pre-configured page header title component to easily
+// use as part of a custom title row
+
+FormMainPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+// The Intl messages can be used for button labels.
+
+FormMainPage.Intl = i18n.sharedMessages;
+
+var InfoMainPage = function InfoMainPage(props) {
+  return jsxRuntime.jsx(CustomFormMainPage, {
+    title: props.title,
+    subtitle: props.subtitle,
+    customTitleRow: props.customTitleRow,
+    children: props.children
+  });
+};
+
+InfoMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _pt__default["default"].string,
+  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element]),
+  customTitleRow: _pt__default["default"].node,
+  children: _pt__default["default"].node.isRequired
+} : {};
+InfoMainPage.displayName = 'InfoMainPage'; // Static export of pre-configured page header title component to easily
+// use as part of a custom title row
+
+InfoMainPage.PageHeaderTitle = PageHeaderTitle;
+
+var defaultProps = {
+  hideControls: false
+};
+
+var TabularMainPage = function TabularMainPage(props) {
+  var _props$title;
+
+  process.env.NODE_ENV !== "production" ? utils.warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularMainPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
+  return jsxRuntime.jsxs(PageWrapper, {
+    children: [jsxRuntime.jsx(TabularPageContainer, {
+      color: "surface",
+      children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+        children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
+          title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
+          subtitle: props.subtitle,
+          titleSize: "big"
+        }), jsxRuntime.jsx(ControlsContainter, {
+          tabControls: props.tabControls,
+          formControls: jsxRuntime.jsx(FormControlsContainer, {
+            children: !props.hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
+              alignItems: "flex-end",
+              children: props.formControls
+            })
+          })
+        })]
+      })
+    }), jsxRuntime.jsx(ContentWrapper, {
+      css: /*#__PURE__*/react.css("background-color:", designSystem.customProperties.colorNeutral95, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmdCIiwiZmlsZSI6InRhYnVsYXItbWFpbi1wYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IHsgc2hhcmVkTWVzc2FnZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9pMThuJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgUGFnZUhlYWRlclRpdGxlIGZyb20gJy4uLy4uL2ludGVybmFscy9wYWdlLWhlYWRlci10aXRsZSc7XG5pbXBvcnQge1xuICBDb250cm9sc0NvbnRhaW50ZXIsXG4gIFRhYnVsYXJQYWdlQ29udGFpbmVyLFxuICBGb3JtQ29udHJvbHNDb250YWluZXIsXG59IGZyb20gJy4uLy4uL2ludGVybmFscy90YWJ1bGFyLXBhZ2UnO1xuaW1wb3J0IHsgQ29udGVudFdyYXBwZXIsIFBhZ2VXcmFwcGVyIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzL3BhZ2Uuc3R5bGVzJztcbmltcG9ydCB7XG4gIEZvcm1QcmltYXJ5QnV0dG9uLFxuICBGb3JtU2Vjb25kYXJ5QnV0dG9uLFxuICBGb3JtRGVsZXRlQnV0dG9uLFxufSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvZGVmYXVsdC1mb3JtLWJ1dHRvbnMnO1xuXG50eXBlIFRUYWJ1bGFyTWFpblBhZ2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgcGFnZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhck1haW5QYWdlUHJvcHMsICdoaWRlQ29udHJvbHMnPiA9IHtcbiAgaGlkZUNvbnRyb2xzOiBmYWxzZSxcbn07XG5cbmNvbnN0IFRhYnVsYXJNYWluUGFnZSA9IChwcm9wczogVFRhYnVsYXJNYWluUGFnZVByb3BzKSA9PiB7XG4gIHdhcm5pbmcoXG4gICAgcHJvcHMudGl0bGUgIT09IHVuZGVmaW5lZCB8fCBwcm9wcy5jdXN0b21UaXRsZVJvdyAhPT0gdW5kZWZpbmVkLFxuICAgICdUYWJ1bGFyTWFpblBhZ2U6IG9uZSBvZiBlaXRoZXIgYHRpdGxlYCBvciBgY3VzdG9tVGl0bGVSb3dgIGlzIHJlcXVpcmVkIGJ1dCBib3RoIHRoZWlyIHZhbHVlcyBhcmUgYHVuZGVmaW5lZGAnXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFnZVdyYXBwZXI+XG4gICAgICA8VGFidWxhclBhZ2VDb250YWluZXIgY29sb3I9XCJzdXJmYWNlXCI+XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICB7cHJvcHMuY3VzdG9tVGl0bGVSb3cgfHwgKFxuICAgICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgICB0aXRsZT17cHJvcHMudGl0bGUgPz8gJyd9XG4gICAgICAgICAgICAgIHN1YnRpdGxlPXtwcm9wcy5zdWJ0aXRsZX1cbiAgICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgICB0YWJDb250cm9scz17cHJvcHMudGFiQ29udHJvbHN9XG4gICAgICAgICAgICBmb3JtQ29udHJvbHM9e1xuICAgICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHshcHJvcHMuaGlkZUNvbnRyb2xzICYmIHByb3BzLmZvcm1Db250cm9scyAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGFsaWduSXRlbXM9XCJmbGV4LWVuZFwiPlxuICAgICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvVGFidWxhclBhZ2VDb250YWluZXI+XG4gICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICA8L1BhZ2VXcmFwcGVyPlxuICApO1xufTtcblRhYnVsYXJNYWluUGFnZS5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyTWFpblBhZ2UnO1xuVGFidWxhck1haW5QYWdlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgZm9ybSBjb250cm9sIGJ1dHRvbnMgdG8gZWFzaWx5IHJlLXVzZVxuLy8gdGhlbSBpbiB0aGUgY3VzdG9tIGNvbnRyb2xzLlxuVGFidWxhck1haW5QYWdlLkZvcm1QcmltYXJ5QnV0dG9uID0gRm9ybVByaW1hcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVNlY29uZGFyeUJ1dHRvbiA9IEZvcm1TZWNvbmRhcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybURlbGV0ZUJ1dHRvbiA9IEZvcm1EZWxldGVCdXR0b247XG4vLyBTdGF0aWMgZXhwb3J0IG9mIHByZS1jb25maWd1cmVkIHBhZ2UgaGVhZGVyIHRpdGxlIGNvbXBvbmVudCB0byBlYXNpbHlcbi8vIHVzZSBhcyBwYXJ0IG9mIGEgY3VzdG9tIHRpdGxlIHJvd1xuVGFidWxhck1haW5QYWdlLlBhZ2VIZWFkZXJUaXRsZSA9IFBhZ2VIZWFkZXJUaXRsZTtcbi8vIFRoaXMgaXMgYSBjb252ZW5pZW5jZSBwcm94eSBleHBvcnQgdG8gZXhwb3NlIHByZS1kZWZpbmVkIEludGwgbWVzc2FnZXMgZGVmaW5lZCBpbiB0aGUgYEBjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG5gIHBhY2thZ2UuXG5UYWJ1bGFyTWFpblBhZ2UuSW50bCA9IHNoYXJlZE1lc3NhZ2VzO1xuXG5leHBvcnQgZGVmYXVsdCBUYWJ1bGFyTWFpblBhZ2U7XG4iXX0= */"),
+      children: props.children
+    })]
+  });
+};
+
+TabularMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
+  title: _pt__default["default"].string,
+  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element]),
+  customTitleRow: _pt__default["default"].node,
+  children: _pt__default["default"].node.isRequired,
+  tabControls: _pt__default["default"].node.isRequired,
+  formControls: _pt__default["default"].node,
+  hideControls: _pt__default["default"].bool.isRequired
+} : {};
+TabularMainPage.displayName = 'TabularMainPage';
+TabularMainPage.defaultProps = defaultProps; // Static export of pre-configured form control buttons to easily re-use
+// them in the custom controls.
+
+TabularMainPage.FormPrimaryButton = FormPrimaryButton;
+TabularMainPage.FormSecondaryButton = FormSecondaryButton;
+TabularMainPage.FormDeleteButton = FormDeleteButton; // Static export of pre-configured page header title component to easily
+// use as part of a custom title row
+
+TabularMainPage.PageHeaderTitle = PageHeaderTitle; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+
+TabularMainPage.Intl = i18n.sharedMessages;
+
 function _EMOTION_STRINGIFIED_CSS_ERROR__$1() { 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 _ref$1 = process.env.NODE_ENV === "production" ? {
@@ -2161,12 +2329,15 @@ var useModalState = function useModalState() {
 
 exports.ConfirmationDialog = ConfirmationDialog;
 exports.CustomFormDetailPage = CustomFormDetailPage;
+exports.CustomFormMainPage = CustomFormMainPage;
 exports.CustomFormModalPage = CustomFormModalPage;
 exports.FormDetailPage = FormDetailPage;
 exports.FormDialog = FormDialog;
+exports.FormMainPage = FormMainPage;
 exports.FormModalPage = FormModalPage;
 exports.InfoDetailPage = InfoDetailPage;
 exports.InfoDialog = InfoDialog;
+exports.InfoMainPage = InfoMainPage;
 exports.InfoModalPage = InfoModalPage;
 exports.MaintenancePageLayout = MaintenancePageLayout;
 exports.PageNotFound = PageNotFound;