@commercetools-frontend/application-components 21.23.9 → 21.24.0

package/dist/declarations/src/components/modal-pages/custom-form-modal-page/custom-form-modal-page.d.ts

@@ -1,5 +1,5 @@
-import type { CSSObject } from '@emotion/react';
 import { SyntheticEvent, ReactNode, ReactElement } from 'react';
+import type { CSSObject } from '@emotion/react';
 type MessageDescriptor = {
     id: string;
     description?: string | object;

package/dist/declarations/src/components/modal-pages/form-modal-page/form-modal-page.d.ts

@@ -1,5 +1,5 @@
-import type { CSSObject } from '@emotion/react';
 import { SyntheticEvent, ReactNode, ReactElement } from 'react';
+import type { CSSObject } from '@emotion/react';
 type MessageDescriptor = {
     id: string;
     description?: string | object;

package/dist/declarations/src/components/modal-pages/info-modal-page/info-modal-page.d.ts

@@ -1,5 +1,5 @@
-import type { CSSObject } from '@emotion/react';
 import { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { CSSObject } from '@emotion/react';
 type MessageDescriptor = {
     id: string;
     description?: string | object;

package/dist/declarations/src/components/modal-pages/tabular-modal-page/tabular-modal-page.d.ts

@@ -1,5 +1,5 @@
-import type { CSSObject } from '@emotion/react';
 import { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { CSSObject } from '@emotion/react';
 type MessageDescriptor = {
     id: string;
     description?: string | object;

package/dist/declarations/src/components/page-content-containers/page-content-wide/page-content-wide.d.ts

@@ -3,6 +3,7 @@ export type TPageContentWide = {
     columns: '1' | '1/1' | '2/1';
     gapSize: '10' | '20';
     children: ReactNode;
+    themeParentSelector?: () => HTMLElement | null;
 };
 declare function PageContentWide(props: TPageContentWide): import("@emotion/react/jsx-runtime").JSX.Element;
 declare namespace PageContentWide {

package/dist/declarations/src/components/tab-header/tab-header.d.ts

@@ -1,6 +1,6 @@
-import { type MessageDescriptor } from 'react-intl';
 import type { ReactNode } from 'react';
 import type { LocationDescriptor } from 'history';
+import { type MessageDescriptor } from 'react-intl';
 export type TTabHeaderProps = {
     to: string | LocationDescriptor;
     label?: string;

package/dist/public-page-layout-05a6f657.cjs.prod.js

@@ -0,0 +1,151 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _styled = require('@emotion/styled/base');
+require('prop-types');
+require('react');
+var react = require('@emotion/react');
+var publicBackgroundUrl = require('@commercetools-frontend/assets/images/public-background.png');
+var CommercetoolsLogoSvg = require('@commercetools-frontend/assets/logos/commercetools_primary-logo_horizontal_white-text_RGB.svg');
+var designSystem = require('@commercetools-uikit/design-system');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var dist_commercetoolsFrontendApplicationComponents = require('./commercetools-frontend-application-components.cjs.prod.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('lodash/startCase');
+require('react-intl');
+require('react-router-dom');
+require('@commercetools-uikit/utils');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('react-modal');
+require('@commercetools-frontend/constants');
+require('@commercetools-uikit/card');
+require('@commercetools-uikit/icons');
+require('@commercetools-uikit/secondary-icon-button');
+require('@commercetools-frontend/i18n');
+require('@commercetools-uikit/primary-button');
+require('@commercetools-uikit/secondary-button');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('lodash/omitBy');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@babel/runtime-corejs3/core-js-stable/set-timeout');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icon-button');
+require('@commercetools-uikit/constraints');
+require('@commercetools-frontend/assets/images/desert-fox.svg');
+require('@commercetools-frontend/assets/images/folder-full-locked.svg');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@react-hook/resize-observer');
+require('@babel/runtime-corejs3/core-js-stable/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+require('@babel/runtime-corejs3/core-js-stable/instance/splice');
+require('@react-hook/latest');
+require('raf-schd');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var publicBackgroundUrl__default = /*#__PURE__*/_interopDefault(publicBackgroundUrl);
+var CommercetoolsLogoSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLogoSvg);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+function ownKeys(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(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+const year = new Date().getUTCFullYear();
+
+const Container = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e6h44oa2"
+} )("width:100%;min-height:100vh;display:flex;padding:", designSystem.customProperties.spacingXl, " 0;justify-content:center;background-size:cover;background-image:url(", publicBackgroundUrl__default["default"], ");background-position:center;" + ("" ));
+
+const ContainerColumn = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e6h44oa1"
+} )("width:", dist_commercetoolsFrontendApplicationComponents.designTokens.widthForPageLayoutContentColumn, ";" + ("" ));
+
+const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", {
+  target: "e6h44oa0"
+} )("width:", designSystem.customProperties.constraint15, ";" + ("" ));
+
+const PublicPageLayoutContent = props => {
+  if (props.contentScale === 'wide') {
+    return jsxRuntime.jsx(ContainerColumnWide, {
+      children: props.children
+    });
+  }
+
+  return jsxRuntime.jsx(ContainerColumn, {
+    children: props.children
+  });
+};
+
+PublicPageLayoutContent.propTypes = {};
+
+const PublicPageLayout = props => {
+  const _useTheme = designSystem.useTheme(),
+        themedValue = _useTheme.themedValue;
+
+  return jsxRuntime.jsx(Container, {
+    children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+      scale: "xl",
+      alignItems: "center",
+      children: [jsxRuntime.jsx(ContainerColumn, {
+        children: jsxRuntime.jsx("div", {
+          children: jsxRuntime.jsx("img", {
+            width: "100%",
+            src: CommercetoolsLogoSvg__default["default"],
+            alt: "commercetools logo"
+          })
+        })
+      }), props.welcomeMessage && jsxRuntime.jsx(ContainerColumn, {
+        children: jsxRuntime.jsx(Text__default["default"].Headline, {
+          as: "h2",
+          children: jsxRuntime.jsx("div", {
+            css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorSurface, ";text-align:", themedValue('left', 'center'), ";" + ("" ), "" ),
+            children: props.welcomeMessage
+          })
+        })
+      }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+        scale: themedValue('s', 'l'),
+        children: [jsxRuntime.jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsxRuntime.jsx(PublicPageLayoutContent, {
+          contentScale: props.contentScale,
+          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "xs",
+            alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
+            children: [props.legalMessage && jsxRuntime.jsx(Text__default["default"].Body, {
+              tone: "inverted",
+              children: props.legalMessage
+            }), jsxRuntime.jsx(Text__default["default"].Body, {
+              tone: "inverted",
+              children: "".concat(year, " \xA9 commercetools")
+            })]
+          })
+        })]
+      })]
+    })
+  });
+};
+
+PublicPageLayout.propTypes = {};
+PublicPageLayout.displayName = 'PublicPageLayout';
+PublicPageLayout.defaultProps = {
+  contentScale: 'normal'
+};
+
+exports["default"] = PublicPageLayout;

package/dist/public-page-layout-595296cc.esm.js

@@ -0,0 +1,152 @@
+import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
+import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
+import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _styled from '@emotion/styled/base';
+import _pt from 'prop-types';
+import 'react';
+import { css } from '@emotion/react';
+import publicBackgroundUrl from '@commercetools-frontend/assets/images/public-background.png';
+import CommercetoolsLogoSvg from '@commercetools-frontend/assets/logos/commercetools_primary-logo_horizontal_white-text_RGB.svg';
+import { customProperties, useTheme } from '@commercetools-uikit/design-system';
+import Spacings from '@commercetools-uikit/spacings';
+import Text from '@commercetools-uikit/text';
+import { designTokens } from './commercetools-frontend-application-components.esm.js';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+import 'lodash/startCase';
+import 'react-intl';
+import 'react-router-dom';
+import '@commercetools-uikit/utils';
+import '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import 'react-modal';
+import '@commercetools-frontend/constants';
+import '@commercetools-uikit/card';
+import '@commercetools-uikit/icons';
+import '@commercetools-uikit/secondary-icon-button';
+import '@commercetools-frontend/i18n';
+import '@commercetools-uikit/primary-button';
+import '@commercetools-uikit/secondary-button';
+import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
+import 'lodash/omitBy';
+import '@babel/runtime-corejs3/helpers/slicedToArray';
+import '@babel/runtime-corejs3/core-js-stable/set-timeout';
+import '@commercetools-uikit/flat-button';
+import '@commercetools-uikit/icon-button';
+import '@commercetools-uikit/constraints';
+import '@commercetools-frontend/assets/images/desert-fox.svg';
+import '@commercetools-frontend/assets/images/folder-full-locked.svg';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@react-hook/resize-observer';
+import '@babel/runtime-corejs3/core-js-stable/map';
+import '@babel/runtime-corejs3/core-js-stable/instance/index-of';
+import '@babel/runtime-corejs3/core-js-stable/instance/splice';
+import '@react-hook/latest';
+import 'raf-schd';
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+const year = new Date().getUTCFullYear();
+
+const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa2"
+} : {
+  target: "e6h44oa2",
+  label: "Container"
+})("width:100%;min-height:100vh;display:flex;padding:", customProperties.spacingXl, " 0;justify-content:center;background-size:cover;background-image:url(", publicBackgroundUrl, ");background-position:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUM0QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcHVibGljQmFja2dyb3VuZFVybCBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hc3NldHMvaW1hZ2VzL3B1YmxpYy1iYWNrZ3JvdW5kLnBuZyc7XG5pbXBvcnQgQ29tbWVyY2V0b29sc0xvZ29TdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbW1lcmNldG9vbHNfcHJpbWFyeS1sb2dvX2hvcml6b250YWxfd2hpdGUtdGV4dF9SR0Iuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaW5nVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH0gMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3B1YmxpY0JhY2tncm91bmRVcmx9KTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgc3JjPXtDb21tZXJjZXRvb2xzTG9nb1N2Z31cbiAgICAgICAgICAgICAgYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246ICR7dGhlbWVkVmFsdWUoJ2xlZnQnLCAnY2VudGVyJyl9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9e3RoZW1lZFZhbHVlKCdzJywgJ2wnKX0+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJpbnZlcnRlZFwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkJvZHk+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHkgdG9uZT1cImludmVydGVkXCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5Cb2R5PlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+
+const ContainerColumn = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa1"
+} : {
+  target: "e6h44oa1",
+  label: "ContainerColumn"
+})("width:", designTokens.widthForPageLayoutContentColumn, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NrQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcHVibGljQmFja2dyb3VuZFVybCBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hc3NldHMvaW1hZ2VzL3B1YmxpYy1iYWNrZ3JvdW5kLnBuZyc7XG5pbXBvcnQgQ29tbWVyY2V0b29sc0xvZ29TdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbW1lcmNldG9vbHNfcHJpbWFyeS1sb2dvX2hvcml6b250YWxfd2hpdGUtdGV4dF9SR0Iuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaW5nVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH0gMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3B1YmxpY0JhY2tncm91bmRVcmx9KTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgc3JjPXtDb21tZXJjZXRvb2xzTG9nb1N2Z31cbiAgICAgICAgICAgICAgYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246ICR7dGhlbWVkVmFsdWUoJ2xlZnQnLCAnY2VudGVyJyl9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9e3RoZW1lZFZhbHVlKCdzJywgJ2wnKX0+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJpbnZlcnRlZFwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkJvZHk+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHkgdG9uZT1cImludmVydGVkXCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5Cb2R5PlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+
+const ContainerColumnWide = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa0"
+} : {
+  target: "e6h44oa0",
+  label: "ContainerColumnWide"
+})("width:", customProperties.constraint15, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RzQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcHVibGljQmFja2dyb3VuZFVybCBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hc3NldHMvaW1hZ2VzL3B1YmxpYy1iYWNrZ3JvdW5kLnBuZyc7XG5pbXBvcnQgQ29tbWVyY2V0b29sc0xvZ29TdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbW1lcmNldG9vbHNfcHJpbWFyeS1sb2dvX2hvcml6b250YWxfd2hpdGUtdGV4dF9SR0Iuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaW5nVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH0gMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3B1YmxpY0JhY2tncm91bmRVcmx9KTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgc3JjPXtDb21tZXJjZXRvb2xzTG9nb1N2Z31cbiAgICAgICAgICAgICAgYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246ICR7dGhlbWVkVmFsdWUoJ2xlZnQnLCAnY2VudGVyJyl9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9e3RoZW1lZFZhbHVlKCdzJywgJ2wnKX0+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJpbnZlcnRlZFwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkJvZHk+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHkgdG9uZT1cImludmVydGVkXCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5Cb2R5PlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+
+const PublicPageLayoutContent = props => {
+  if (props.contentScale === 'wide') {
+    return jsx(ContainerColumnWide, {
+      children: props.children
+    });
+  }
+
+  return jsx(ContainerColumn, {
+    children: props.children
+  });
+};
+
+PublicPageLayoutContent.propTypes = process.env.NODE_ENV !== "production" ? {
+  welcomeMessage: _pt.string,
+  legalMessage: _pt.node,
+  contentScale: _pt.oneOf(['normal', 'wide']),
+  children: _pt.node.isRequired
+} : {};
+
+const PublicPageLayout = props => {
+  const _useTheme = useTheme(),
+        themedValue = _useTheme.themedValue;
+
+  return jsx(Container, {
+    children: jsxs(Spacings.Stack, {
+      scale: "xl",
+      alignItems: "center",
+      children: [jsx(ContainerColumn, {
+        children: jsx("div", {
+          children: jsx("img", {
+            width: "100%",
+            src: CommercetoolsLogoSvg,
+            alt: "commercetools logo"
+          })
+        })
+      }), props.welcomeMessage && jsx(ContainerColumn, {
+        children: jsx(Text.Headline, {
+          as: "h2",
+          children: jsx("div", {
+            css: /*#__PURE__*/css("color:", customProperties.colorSurface, ";text-align:", themedValue('left', 'center'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PublicPageLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Z3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcHVibGljQmFja2dyb3VuZFVybCBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hc3NldHMvaW1hZ2VzL3B1YmxpYy1iYWNrZ3JvdW5kLnBuZyc7XG5pbXBvcnQgQ29tbWVyY2V0b29sc0xvZ29TdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbW1lcmNldG9vbHNfcHJpbWFyeS1sb2dvX2hvcml6b250YWxfd2hpdGUtdGV4dF9SR0Iuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaW5nVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH0gMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3B1YmxpY0JhY2tncm91bmRVcmx9KTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgc3JjPXtDb21tZXJjZXRvb2xzTG9nb1N2Z31cbiAgICAgICAgICAgICAgYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246ICR7dGhlbWVkVmFsdWUoJ2xlZnQnLCAnY2VudGVyJyl9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9e3RoZW1lZFZhbHVlKCdzJywgJ2wnKX0+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJpbnZlcnRlZFwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkJvZHk+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHkgdG9uZT1cImludmVydGVkXCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5Cb2R5PlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"),
+            children: props.welcomeMessage
+          })
+        })
+      }), jsxs(Spacings.Stack, {
+        scale: themedValue('s', 'l'),
+        children: [jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsx(PublicPageLayoutContent, {
+          contentScale: props.contentScale,
+          children: jsxs(Spacings.Stack, {
+            scale: "xs",
+            alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
+            children: [props.legalMessage && jsx(Text.Body, {
+              tone: "inverted",
+              children: props.legalMessage
+            }), jsx(Text.Body, {
+              tone: "inverted",
+              children: "".concat(year, " \xA9 commercetools")
+            })]
+          })
+        })]
+      })]
+    })
+  });
+};
+
+PublicPageLayout.propTypes = process.env.NODE_ENV !== "production" ? {
+  welcomeMessage: _pt.string,
+  legalMessage: _pt.node,
+  contentScale: _pt.oneOf(['normal', 'wide']),
+  children: _pt.node.isRequired
+} : {};
+PublicPageLayout.displayName = 'PublicPageLayout';
+PublicPageLayout.defaultProps = {
+  contentScale: 'normal'
+};
+
+export { PublicPageLayout as default };

package/dist/public-page-layout-ed102900.cjs.dev.js

@@ -0,0 +1,171 @@
+'use strict';
+
+var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
+var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
+var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
+var _styled = require('@emotion/styled/base');
+var _pt = require('prop-types');
+require('react');
+var react = require('@emotion/react');
+var publicBackgroundUrl = require('@commercetools-frontend/assets/images/public-background.png');
+var CommercetoolsLogoSvg = require('@commercetools-frontend/assets/logos/commercetools_primary-logo_horizontal_white-text_RGB.svg');
+var designSystem = require('@commercetools-uikit/design-system');
+var Spacings = require('@commercetools-uikit/spacings');
+var Text = require('@commercetools-uikit/text');
+var dist_commercetoolsFrontendApplicationComponents = require('./commercetools-frontend-application-components.cjs.dev.js');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+require('lodash/startCase');
+require('react-intl');
+require('react-router-dom');
+require('@commercetools-uikit/utils');
+require('@babel/runtime-corejs3/core-js-stable/instance/concat');
+require('react-modal');
+require('@commercetools-frontend/constants');
+require('@commercetools-uikit/card');
+require('@commercetools-uikit/icons');
+require('@commercetools-uikit/secondary-icon-button');
+require('@commercetools-frontend/i18n');
+require('@commercetools-uikit/primary-button');
+require('@commercetools-uikit/secondary-button');
+require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
+require('lodash/omitBy');
+require('@babel/runtime-corejs3/helpers/slicedToArray');
+require('@babel/runtime-corejs3/core-js-stable/set-timeout');
+require('@commercetools-uikit/flat-button');
+require('@commercetools-uikit/icon-button');
+require('@commercetools-uikit/constraints');
+require('@commercetools-frontend/assets/images/desert-fox.svg');
+require('@commercetools-frontend/assets/images/folder-full-locked.svg');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@react-hook/resize-observer');
+require('@babel/runtime-corejs3/core-js-stable/map');
+require('@babel/runtime-corejs3/core-js-stable/instance/index-of');
+require('@babel/runtime-corejs3/core-js-stable/instance/splice');
+require('@react-hook/latest');
+require('raf-schd');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
+
+var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
+var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
+var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
+var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
+var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
+var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
+var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
+var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
+var _pt__default = /*#__PURE__*/_interopDefault(_pt);
+var publicBackgroundUrl__default = /*#__PURE__*/_interopDefault(publicBackgroundUrl);
+var CommercetoolsLogoSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLogoSvg);
+var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
+var Text__default = /*#__PURE__*/_interopDefault(Text);
+
+function ownKeys(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(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
+const year = new Date().getUTCFullYear();
+
+const Container = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa2"
+} : {
+  target: "e6h44oa2",
+  label: "Container"
+})("width:100%;min-height:100vh;display:flex;padding:", designSystem.customProperties.spacingXl, " 0;justify-content:center;background-size:cover;background-image:url(", publicBackgroundUrl__default["default"], ");background-position:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUM0QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcHVibGljQmFja2dyb3VuZFVybCBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hc3NldHMvaW1hZ2VzL3B1YmxpYy1iYWNrZ3JvdW5kLnBuZyc7XG5pbXBvcnQgQ29tbWVyY2V0b29sc0xvZ29TdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbW1lcmNldG9vbHNfcHJpbWFyeS1sb2dvX2hvcml6b250YWxfd2hpdGUtdGV4dF9SR0Iuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaW5nVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH0gMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3B1YmxpY0JhY2tncm91bmRVcmx9KTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgc3JjPXtDb21tZXJjZXRvb2xzTG9nb1N2Z31cbiAgICAgICAgICAgICAgYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246ICR7dGhlbWVkVmFsdWUoJ2xlZnQnLCAnY2VudGVyJyl9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9e3RoZW1lZFZhbHVlKCdzJywgJ2wnKX0+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJpbnZlcnRlZFwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkJvZHk+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHkgdG9uZT1cImludmVydGVkXCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5Cb2R5PlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+
+const ContainerColumn = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa1"
+} : {
+  target: "e6h44oa1",
+  label: "ContainerColumn"
+})("width:", dist_commercetoolsFrontendApplicationComponents.designTokens.widthForPageLayoutContentColumn, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NrQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcHVibGljQmFja2dyb3VuZFVybCBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hc3NldHMvaW1hZ2VzL3B1YmxpYy1iYWNrZ3JvdW5kLnBuZyc7XG5pbXBvcnQgQ29tbWVyY2V0b29sc0xvZ29TdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbW1lcmNldG9vbHNfcHJpbWFyeS1sb2dvX2hvcml6b250YWxfd2hpdGUtdGV4dF9SR0Iuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaW5nVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH0gMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3B1YmxpY0JhY2tncm91bmRVcmx9KTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgc3JjPXtDb21tZXJjZXRvb2xzTG9nb1N2Z31cbiAgICAgICAgICAgICAgYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246ICR7dGhlbWVkVmFsdWUoJ2xlZnQnLCAnY2VudGVyJyl9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9e3RoZW1lZFZhbHVlKCdzJywgJ2wnKX0+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJpbnZlcnRlZFwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkJvZHk+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHkgdG9uZT1cImludmVydGVkXCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5Cb2R5PlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+
+const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa0"
+} : {
+  target: "e6h44oa0",
+  label: "ContainerColumnWide"
+})("width:", designSystem.customProperties.constraint15, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RzQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcHVibGljQmFja2dyb3VuZFVybCBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hc3NldHMvaW1hZ2VzL3B1YmxpYy1iYWNrZ3JvdW5kLnBuZyc7XG5pbXBvcnQgQ29tbWVyY2V0b29sc0xvZ29TdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbW1lcmNldG9vbHNfcHJpbWFyeS1sb2dvX2hvcml6b250YWxfd2hpdGUtdGV4dF9SR0Iuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaW5nVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH0gMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3B1YmxpY0JhY2tncm91bmRVcmx9KTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgc3JjPXtDb21tZXJjZXRvb2xzTG9nb1N2Z31cbiAgICAgICAgICAgICAgYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246ICR7dGhlbWVkVmFsdWUoJ2xlZnQnLCAnY2VudGVyJyl9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9e3RoZW1lZFZhbHVlKCdzJywgJ2wnKX0+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJpbnZlcnRlZFwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkJvZHk+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHkgdG9uZT1cImludmVydGVkXCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5Cb2R5PlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+
+const PublicPageLayoutContent = props => {
+  if (props.contentScale === 'wide') {
+    return jsxRuntime.jsx(ContainerColumnWide, {
+      children: props.children
+    });
+  }
+
+  return jsxRuntime.jsx(ContainerColumn, {
+    children: props.children
+  });
+};
+
+PublicPageLayoutContent.propTypes = process.env.NODE_ENV !== "production" ? {
+  welcomeMessage: _pt__default["default"].string,
+  legalMessage: _pt__default["default"].node,
+  contentScale: _pt__default["default"].oneOf(['normal', 'wide']),
+  children: _pt__default["default"].node.isRequired
+} : {};
+
+const PublicPageLayout = props => {
+  const _useTheme = designSystem.useTheme(),
+        themedValue = _useTheme.themedValue;
+
+  return jsxRuntime.jsx(Container, {
+    children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+      scale: "xl",
+      alignItems: "center",
+      children: [jsxRuntime.jsx(ContainerColumn, {
+        children: jsxRuntime.jsx("div", {
+          children: jsxRuntime.jsx("img", {
+            width: "100%",
+            src: CommercetoolsLogoSvg__default["default"],
+            alt: "commercetools logo"
+          })
+        })
+      }), props.welcomeMessage && jsxRuntime.jsx(ContainerColumn, {
+        children: jsxRuntime.jsx(Text__default["default"].Headline, {
+          as: "h2",
+          children: jsxRuntime.jsx("div", {
+            css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorSurface, ";text-align:", themedValue('left', 'center'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:PublicPageLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0Z3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLy8gVE9ETzogQHJlZGVzaWduIGNsZWFudXBcbmltcG9ydCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgcHVibGljQmFja2dyb3VuZFVybCBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hc3NldHMvaW1hZ2VzL3B1YmxpYy1iYWNrZ3JvdW5kLnBuZyc7XG5pbXBvcnQgQ29tbWVyY2V0b29sc0xvZ29TdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbW1lcmNldG9vbHNfcHJpbWFyeS1sb2dvX2hvcml6b250YWxfd2hpdGUtdGV4dF9SR0Iuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMsIHVzZVRoZW1lIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaW5nVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDB2aDtcbiAgZGlzcGxheTogZmxleDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdYbH0gMDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybCgke3B1YmxpY0JhY2tncm91bmRVcmx9KTtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVkVmFsdWUgfSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyPlxuICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgd2lkdGg9XCIxMDAlXCJcbiAgICAgICAgICAgICAgc3JjPXtDb21tZXJjZXRvb2xzTG9nb1N2Z31cbiAgICAgICAgICAgICAgYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2UgJiYgKFxuICAgICAgICAgIDxDb250YWluZXJDb2x1bW4+XG4gICAgICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgyXCI+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246ICR7dGhlbWVkVmFsdWUoJ2xlZnQnLCAnY2VudGVyJyl9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9e3RoZW1lZFZhbHVlKCdzJywgJ2wnKX0+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5Cb2R5IHRvbmU9XCJpbnZlcnRlZFwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkJvZHk+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxUZXh0LkJvZHkgdG9uZT1cImludmVydGVkXCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5Cb2R5PlxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"),
+            children: props.welcomeMessage
+          })
+        })
+      }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+        scale: themedValue('s', 'l'),
+        children: [jsxRuntime.jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsxRuntime.jsx(PublicPageLayoutContent, {
+          contentScale: props.contentScale,
+          children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+            scale: "xs",
+            alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
+            children: [props.legalMessage && jsxRuntime.jsx(Text__default["default"].Body, {
+              tone: "inverted",
+              children: props.legalMessage
+            }), jsxRuntime.jsx(Text__default["default"].Body, {
+              tone: "inverted",
+              children: "".concat(year, " \xA9 commercetools")
+            })]
+          })
+        })]
+      })]
+    })
+  });
+};
+
+PublicPageLayout.propTypes = process.env.NODE_ENV !== "production" ? {
+  welcomeMessage: _pt__default["default"].string,
+  legalMessage: _pt__default["default"].node,
+  contentScale: _pt__default["default"].oneOf(['normal', 'wide']),
+  children: _pt__default["default"].node.isRequired
+} : {};
+PublicPageLayout.displayName = 'PublicPageLayout';
+PublicPageLayout.defaultProps = {
+  contentScale: 'normal'
+};
+
+exports["default"] = PublicPageLayout;