@commercetools-frontend/application-components 22.3.0 → 22.3.1

package/dist/declarations/src/components/dialogs/confirmation-dialog/confirmation-dialog.d.ts

@@ -9,7 +9,7 @@ type Props = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
     title: string;
-    size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'scale';
+    size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
     zIndex?: number;
     children: ReactNode;
     labelSecondary: Label;

package/dist/declarations/src/components/dialogs/form-dialog/form-dialog.d.ts

@@ -9,7 +9,7 @@ type Props = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
     title: string;
-    size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'scale';
+    size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
     zIndex?: number;
     children: ReactNode;
     labelSecondary: Label;

package/dist/declarations/src/components/dialogs/info-dialog/info-dialog.d.ts

@@ -2,7 +2,7 @@ import { SyntheticEvent, ReactNode } from 'react';
 type Props = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
-    size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'scale';
+    size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
     zIndex?: number;
     title: string;
     children: ReactNode;

package/dist/declarations/src/components/dialogs/internals/dialog-container.d.ts

@@ -3,7 +3,7 @@ declare const getDefaultParentSelector: () => HTMLElement;
 type Props = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
-    size: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'scale';
+    size: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
     zIndex?: number;
     title: string;
     children: ReactNode;

package/dist/declarations/src/components/dialogs/internals/dialog.styles.d.ts

@@ -1,6 +1,6 @@
 import { type SerializedStyles } from '@emotion/react';
 type StyleProps = {
-    size: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 'scale';
+    size: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
     zIndex?: number;
 };
 export declare const getModalContentStyles: (props: StyleProps) => SerializedStyles;

package/dist/declarations/src/theming.d.ts

@@ -1,53 +1,5 @@
 export declare const themesOverrides: {
     default: {
-        colorForPageHeaderBottomBorder: "var(--color-neutral, #ccc)";
-        colorForNavbarIcon: "var(--color-surface, #fff)";
-        colorForNavbarIconWhenActive: "var(--color-primary, #00b39e)";
-        colorForNavbarLink: "var(--color-surface, #fff)";
-        colorForNavbarLinkWhenActive: "var(--color-primary, #00b39e)";
-        colorForNavbarLinkWhenHovered: "var(--color-primary, #00b39e)";
-        backgroundColorForMainPageDivider: "var(--color-neutral-60, hsl(0, 0%, 60%))";
-        backgroundColorForNavbar: "var(--color-accent, #213c45)";
-        backgroundColorForNavbarWhenActive: "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))";
-        backgroundColorForNavbarWhenHovered: "var(--color-accent-30, hsl(195, 35.2941176471%, 30%))";
-        backgroundColorForPageHeader: "var(--color-neutral-95, hsl(0, 0%, 95%))";
-        backgroundColorForTabularMainPageContent: "var(--color-neutral-95, hsl(0, 0%, 95%))";
-        backgroundColorForUserMenuItemWhenHovered: "var(--color-neutral-90, hsl(0, 0%, 90%))";
-        borderBottomForTabularPageHeader: string;
-        borderColorForDialogDivider: "var(--color-neutral, #ccc)";
-        borderColorForModalPageHeaderDivider: "var(--color-neutral-60, hsl(0, 0%, 60%))";
-        borderColorForModalTopBarWhenSurface: "var(--color-neutral, #ccc)";
-        fontSizeForNavbarLink: "var(--font-size-40, 1.125rem)";
-        fontWeightForNavbarLink: "var(--font-weight-500, 500)";
-        fontWeightForNavbarLinkWhenActive: "var(--font-weight-500, 500)";
-        fontWeightForNavbarLinkWhenHovered: "var(--font-weight-500, 500)";
-        heightForTab: string;
-        lineHeightForNavbarLink: "var(--line-height-50, 1.75rem)";
-        marginBottomForPageTopBar: "var(--spacing-20, 8px)";
-        marginForDialogContainerContents: string;
-        marginForModalPageHeader: string;
-        marginForUserMenuItem: string;
-        marginLeftForModalPageHeaderControls: "var(--spacing-30, 16px)";
-        marginRightForAppbar: "var(--spacing-30, 16px)";
-        marginTopForDialogFooter: "var(--spacing-30, 16px)";
-        marginTopForPageSubtitle: "var(--spacing-30, 16px)";
-        marginTopForTabControls: "var(--spacing-20, 8px)";
-        paddingForDetailPageHeader: "var(--spacing-30, 16px)";
-        paddingForDialogContainer: string;
-        paddingForDialogContent: string;
-        paddingForMainPageHeader: "var(--spacing-30, 16px)";
-        paddingForModalPageHeader: string;
-        paddingForModalTopBar: string;
-        paddingForPageContent: "var(--spacing-30, 16px)";
-        paddingForTabularPageHeader: string;
-        paddingLeftForTabAsFirst: string;
-        shadowForAppbar: "var(--shadow-1, 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24))";
-        shadowForNavbar: string;
-        widthForDialogAsMedium: "var(--constraint-7, 342px)";
-        widthForDialogAsLarge: "var(--constraint-10, 484px)";
-        widthForPageLayoutContentColumn: string;
-    };
-    test: {
         colorForPageHeaderBottomBorder: "var(--color-neutral-90, hsl(0, 0%, 90%))";
         colorForNavbarIcon: string;
         colorForNavbarIconWhenActive: "var(--color-surface, #fff)";

package/dist/public-page-layout-210b7c1d.cjs.dev.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');
+var _pt = require('prop-types');
+require('react');
+var react = require('@emotion/react');
+var CommercetoolsLogoOnWhiteSvg = require('@commercetools-frontend/assets/logos/color-on-white-horizontal.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('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/page-not-found.svg');
+require('@commercetools-frontend/assets/images/doors-closed.svg');
+require('@babel/runtime-corejs3/core-js-stable/instance/map');
+require('@react-hook/resize-observer');
+require('@commercetools-uikit/hooks');
+
+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 CommercetoolsLogoOnWhiteSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLogoOnWhiteSvg);
+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-position:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUM0QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpbmdUb2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgeWVhciA9IG5ldyBEYXRlKCkuZ2V0VVRDRnVsbFllYXIoKTtcblxudHlwZSBUUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBiZSBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNvbW1lcmNldG9vbHMgbG9nby5cbiAgICovXG4gIHdlbGNvbWVNZXNzYWdlPzogc3RyaW5nO1xuICAvKipcbiAgICogUmVuZGVycyBhIG5vZGUgYmVsb3cgdGhlIGNvbnRlbnQuIFRoaXMgaXMgdXN1YWxseSB0aGUgcGxhY2UgZm9yIHJlbmRlcmluZ1xuICAgKiBsaW5rcyB0byB0aGUgcHJpdmFjeSwgdGVybXMsIGV0YyBwYWdlcy5cbiAgICovXG4gIGxlZ2FsTWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBgbm9ybWFsYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDhgICgzODRweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGAxNWAgKDc0MnB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSBjYW4gYmUgdXNlZCBmb3IgcmVuZGVyaW5nIHRoZSBjb250ZW50IGluIDIgY29sdW1ucy5cbiAgICovXG4gIGNvbnRlbnRTY2FsZT86ICdub3JtYWwnIHwgJ3dpZGUnO1xuICAvKipcbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYG5vcm1hbGAsIHRoZSBjb250ZW50IGlzIHJlbmRlcmVkIGluIG9uZSBjb2x1bW4uXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGB3aWRlYCwgeW91IG5lZWQgdG8gcGFzcyAyIGNoaWxkcmVuIGFzIHRoZXkgd2lsbCBiZSBkaXNwbGF5ZWRcbiAgICogaW4gdHdvIGNvbHVtbnMuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU29saWR9O1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IGNvbnRlbnRTY2FsZT17cHJvcHMuY29udGVudFNjYWxlfT5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFja1xuICAgICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz17cHJvcHMuY29udGVudFNjYWxlID09PSAnd2lkZScgPyAnY2VudGVyJyA6ICdzdHJldGNoJ31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmxlZ2FsTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57cHJvcHMubGVnYWxNZXNzYWdlfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntgJHt5ZWFyfSDCqSBjb21tZXJjZXRvb2xzYH08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvUHVibGljUGFnZUxheW91dENvbnRlbnQ+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblB1YmxpY1BhZ2VMYXlvdXQuZGlzcGxheU5hbWUgPSAnUHVibGljUGFnZUxheW91dCc7XG5QdWJsaWNQYWdlTGF5b3V0LmRlZmF1bHRQcm9wcyA9IHtcbiAgY29udGVudFNjYWxlOiAnbm9ybWFsJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFB1YmxpY1BhZ2VMYXlvdXQ7XG4iXX0= */"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENrQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpbmdUb2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgeWVhciA9IG5ldyBEYXRlKCkuZ2V0VVRDRnVsbFllYXIoKTtcblxudHlwZSBUUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBiZSBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNvbW1lcmNldG9vbHMgbG9nby5cbiAgICovXG4gIHdlbGNvbWVNZXNzYWdlPzogc3RyaW5nO1xuICAvKipcbiAgICogUmVuZGVycyBhIG5vZGUgYmVsb3cgdGhlIGNvbnRlbnQuIFRoaXMgaXMgdXN1YWxseSB0aGUgcGxhY2UgZm9yIHJlbmRlcmluZ1xuICAgKiBsaW5rcyB0byB0aGUgcHJpdmFjeSwgdGVybXMsIGV0YyBwYWdlcy5cbiAgICovXG4gIGxlZ2FsTWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBgbm9ybWFsYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDhgICgzODRweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGAxNWAgKDc0MnB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSBjYW4gYmUgdXNlZCBmb3IgcmVuZGVyaW5nIHRoZSBjb250ZW50IGluIDIgY29sdW1ucy5cbiAgICovXG4gIGNvbnRlbnRTY2FsZT86ICdub3JtYWwnIHwgJ3dpZGUnO1xuICAvKipcbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYG5vcm1hbGAsIHRoZSBjb250ZW50IGlzIHJlbmRlcmVkIGluIG9uZSBjb2x1bW4uXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGB3aWRlYCwgeW91IG5lZWQgdG8gcGFzcyAyIGNoaWxkcmVuIGFzIHRoZXkgd2lsbCBiZSBkaXNwbGF5ZWRcbiAgICogaW4gdHdvIGNvbHVtbnMuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU29saWR9O1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IGNvbnRlbnRTY2FsZT17cHJvcHMuY29udGVudFNjYWxlfT5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFja1xuICAgICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz17cHJvcHMuY29udGVudFNjYWxlID09PSAnd2lkZScgPyAnY2VudGVyJyA6ICdzdHJldGNoJ31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmxlZ2FsTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57cHJvcHMubGVnYWxNZXNzYWdlfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntgJHt5ZWFyfSDCqSBjb21tZXJjZXRvb2xzYH08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvUHVibGljUGFnZUxheW91dENvbnRlbnQ+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblB1YmxpY1BhZ2VMYXlvdXQuZGlzcGxheU5hbWUgPSAnUHVibGljUGFnZUxheW91dCc7XG5QdWJsaWNQYWdlTGF5b3V0LmRlZmF1bHRQcm9wcyA9IHtcbiAgY29udGVudFNjYWxlOiAnbm9ybWFsJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFB1YmxpY1BhZ2VMYXlvdXQ7XG4iXX0= */"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NzQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpbmdUb2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgeWVhciA9IG5ldyBEYXRlKCkuZ2V0VVRDRnVsbFllYXIoKTtcblxudHlwZSBUUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBiZSBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNvbW1lcmNldG9vbHMgbG9nby5cbiAgICovXG4gIHdlbGNvbWVNZXNzYWdlPzogc3RyaW5nO1xuICAvKipcbiAgICogUmVuZGVycyBhIG5vZGUgYmVsb3cgdGhlIGNvbnRlbnQuIFRoaXMgaXMgdXN1YWxseSB0aGUgcGxhY2UgZm9yIHJlbmRlcmluZ1xuICAgKiBsaW5rcyB0byB0aGUgcHJpdmFjeSwgdGVybXMsIGV0YyBwYWdlcy5cbiAgICovXG4gIGxlZ2FsTWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBgbm9ybWFsYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDhgICgzODRweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGAxNWAgKDc0MnB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSBjYW4gYmUgdXNlZCBmb3IgcmVuZGVyaW5nIHRoZSBjb250ZW50IGluIDIgY29sdW1ucy5cbiAgICovXG4gIGNvbnRlbnRTY2FsZT86ICdub3JtYWwnIHwgJ3dpZGUnO1xuICAvKipcbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYG5vcm1hbGAsIHRoZSBjb250ZW50IGlzIHJlbmRlcmVkIGluIG9uZSBjb2x1bW4uXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGB3aWRlYCwgeW91IG5lZWQgdG8gcGFzcyAyIGNoaWxkcmVuIGFzIHRoZXkgd2lsbCBiZSBkaXNwbGF5ZWRcbiAgICogaW4gdHdvIGNvbHVtbnMuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU29saWR9O1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IGNvbnRlbnRTY2FsZT17cHJvcHMuY29udGVudFNjYWxlfT5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFja1xuICAgICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz17cHJvcHMuY29udGVudFNjYWxlID09PSAnd2lkZScgPyAnY2VudGVyJyA6ICdzdHJldGNoJ31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmxlZ2FsTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57cHJvcHMubGVnYWxNZXNzYWdlfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntgJHt5ZWFyfSDCqSBjb21tZXJjZXRvb2xzYH08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvUHVibGljUGFnZUxheW91dENvbnRlbnQ+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblB1YmxpY1BhZ2VMYXlvdXQuZGlzcGxheU5hbWUgPSAnUHVibGljUGFnZUxheW91dCc7XG5QdWJsaWNQYWdlTGF5b3V0LmRlZmF1bHRQcm9wcyA9IHtcbiAgY29udGVudFNjYWxlOiAnbm9ybWFsJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFB1YmxpY1BhZ2VMYXlvdXQ7XG4iXX0= */"));
+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 => {
+  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", {
+            src: CommercetoolsLogoOnWhiteSvg__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.colorSolid, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:PublicPageLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUV3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpbmdUb2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgeWVhciA9IG5ldyBEYXRlKCkuZ2V0VVRDRnVsbFllYXIoKTtcblxudHlwZSBUUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBiZSBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNvbW1lcmNldG9vbHMgbG9nby5cbiAgICovXG4gIHdlbGNvbWVNZXNzYWdlPzogc3RyaW5nO1xuICAvKipcbiAgICogUmVuZGVycyBhIG5vZGUgYmVsb3cgdGhlIGNvbnRlbnQuIFRoaXMgaXMgdXN1YWxseSB0aGUgcGxhY2UgZm9yIHJlbmRlcmluZ1xuICAgKiBsaW5rcyB0byB0aGUgcHJpdmFjeSwgdGVybXMsIGV0YyBwYWdlcy5cbiAgICovXG4gIGxlZ2FsTWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBgbm9ybWFsYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDhgICgzODRweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGAxNWAgKDc0MnB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSBjYW4gYmUgdXNlZCBmb3IgcmVuZGVyaW5nIHRoZSBjb250ZW50IGluIDIgY29sdW1ucy5cbiAgICovXG4gIGNvbnRlbnRTY2FsZT86ICdub3JtYWwnIHwgJ3dpZGUnO1xuICAvKipcbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYG5vcm1hbGAsIHRoZSBjb250ZW50IGlzIHJlbmRlcmVkIGluIG9uZSBjb2x1bW4uXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGB3aWRlYCwgeW91IG5lZWQgdG8gcGFzcyAyIGNoaWxkcmVuIGFzIHRoZXkgd2lsbCBiZSBkaXNwbGF5ZWRcbiAgICogaW4gdHdvIGNvbHVtbnMuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU29saWR9O1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IGNvbnRlbnRTY2FsZT17cHJvcHMuY29udGVudFNjYWxlfT5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFja1xuICAgICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz17cHJvcHMuY29udGVudFNjYWxlID09PSAnd2lkZScgPyAnY2VudGVyJyA6ICdzdHJldGNoJ31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmxlZ2FsTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57cHJvcHMubGVnYWxNZXNzYWdlfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntgJHt5ZWFyfSDCqSBjb21tZXJjZXRvb2xzYH08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvUHVibGljUGFnZUxheW91dENvbnRlbnQ+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblB1YmxpY1BhZ2VMYXlvdXQuZGlzcGxheU5hbWUgPSAnUHVibGljUGFnZUxheW91dCc7XG5QdWJsaWNQYWdlTGF5b3V0LmRlZmF1bHRQcm9wcyA9IHtcbiAgY29udGVudFNjYWxlOiAnbm9ybWFsJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFB1YmxpY1BhZ2VMYXlvdXQ7XG4iXX0= */"),
+            children: props.welcomeMessage
+          })
+        })
+      }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
+        scale: "xl",
+        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"].Detail, {
+              tone: "secondary",
+              children: props.legalMessage
+            }), jsxRuntime.jsx(Text__default["default"].Detail, {
+              tone: "secondary",
+              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;

package/dist/public-page-layout-372792c6.esm.js

@@ -0,0 +1,133 @@
+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 CommercetoolsLogoOnWhiteSvg from '@commercetools-frontend/assets/logos/color-on-white-horizontal.svg';
+import { customProperties } 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 '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/page-not-found.svg';
+import '@commercetools-frontend/assets/images/doors-closed.svg';
+import '@babel/runtime-corejs3/core-js-stable/instance/map';
+import '@react-hook/resize-observer';
+import '@commercetools-uikit/hooks';
+
+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-position:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUM0QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpbmdUb2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgeWVhciA9IG5ldyBEYXRlKCkuZ2V0VVRDRnVsbFllYXIoKTtcblxudHlwZSBUUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBiZSBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNvbW1lcmNldG9vbHMgbG9nby5cbiAgICovXG4gIHdlbGNvbWVNZXNzYWdlPzogc3RyaW5nO1xuICAvKipcbiAgICogUmVuZGVycyBhIG5vZGUgYmVsb3cgdGhlIGNvbnRlbnQuIFRoaXMgaXMgdXN1YWxseSB0aGUgcGxhY2UgZm9yIHJlbmRlcmluZ1xuICAgKiBsaW5rcyB0byB0aGUgcHJpdmFjeSwgdGVybXMsIGV0YyBwYWdlcy5cbiAgICovXG4gIGxlZ2FsTWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBgbm9ybWFsYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDhgICgzODRweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGAxNWAgKDc0MnB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSBjYW4gYmUgdXNlZCBmb3IgcmVuZGVyaW5nIHRoZSBjb250ZW50IGluIDIgY29sdW1ucy5cbiAgICovXG4gIGNvbnRlbnRTY2FsZT86ICdub3JtYWwnIHwgJ3dpZGUnO1xuICAvKipcbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYG5vcm1hbGAsIHRoZSBjb250ZW50IGlzIHJlbmRlcmVkIGluIG9uZSBjb2x1bW4uXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGB3aWRlYCwgeW91IG5lZWQgdG8gcGFzcyAyIGNoaWxkcmVuIGFzIHRoZXkgd2lsbCBiZSBkaXNwbGF5ZWRcbiAgICogaW4gdHdvIGNvbHVtbnMuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU29saWR9O1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IGNvbnRlbnRTY2FsZT17cHJvcHMuY29udGVudFNjYWxlfT5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFja1xuICAgICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz17cHJvcHMuY29udGVudFNjYWxlID09PSAnd2lkZScgPyAnY2VudGVyJyA6ICdzdHJldGNoJ31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmxlZ2FsTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57cHJvcHMubGVnYWxNZXNzYWdlfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntgJHt5ZWFyfSDCqSBjb21tZXJjZXRvb2xzYH08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvUHVibGljUGFnZUxheW91dENvbnRlbnQ+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblB1YmxpY1BhZ2VMYXlvdXQuZGlzcGxheU5hbWUgPSAnUHVibGljUGFnZUxheW91dCc7XG5QdWJsaWNQYWdlTGF5b3V0LmRlZmF1bHRQcm9wcyA9IHtcbiAgY29udGVudFNjYWxlOiAnbm9ybWFsJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFB1YmxpY1BhZ2VMYXlvdXQ7XG4iXX0= */"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENrQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpbmdUb2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgeWVhciA9IG5ldyBEYXRlKCkuZ2V0VVRDRnVsbFllYXIoKTtcblxudHlwZSBUUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBiZSBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNvbW1lcmNldG9vbHMgbG9nby5cbiAgICovXG4gIHdlbGNvbWVNZXNzYWdlPzogc3RyaW5nO1xuICAvKipcbiAgICogUmVuZGVycyBhIG5vZGUgYmVsb3cgdGhlIGNvbnRlbnQuIFRoaXMgaXMgdXN1YWxseSB0aGUgcGxhY2UgZm9yIHJlbmRlcmluZ1xuICAgKiBsaW5rcyB0byB0aGUgcHJpdmFjeSwgdGVybXMsIGV0YyBwYWdlcy5cbiAgICovXG4gIGxlZ2FsTWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBgbm9ybWFsYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDhgICgzODRweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGAxNWAgKDc0MnB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSBjYW4gYmUgdXNlZCBmb3IgcmVuZGVyaW5nIHRoZSBjb250ZW50IGluIDIgY29sdW1ucy5cbiAgICovXG4gIGNvbnRlbnRTY2FsZT86ICdub3JtYWwnIHwgJ3dpZGUnO1xuICAvKipcbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYG5vcm1hbGAsIHRoZSBjb250ZW50IGlzIHJlbmRlcmVkIGluIG9uZSBjb2x1bW4uXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGB3aWRlYCwgeW91IG5lZWQgdG8gcGFzcyAyIGNoaWxkcmVuIGFzIHRoZXkgd2lsbCBiZSBkaXNwbGF5ZWRcbiAgICogaW4gdHdvIGNvbHVtbnMuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU29saWR9O1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IGNvbnRlbnRTY2FsZT17cHJvcHMuY29udGVudFNjYWxlfT5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFja1xuICAgICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz17cHJvcHMuY29udGVudFNjYWxlID09PSAnd2lkZScgPyAnY2VudGVyJyA6ICdzdHJldGNoJ31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmxlZ2FsTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57cHJvcHMubGVnYWxNZXNzYWdlfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntgJHt5ZWFyfSDCqSBjb21tZXJjZXRvb2xzYH08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvUHVibGljUGFnZUxheW91dENvbnRlbnQ+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblB1YmxpY1BhZ2VMYXlvdXQuZGlzcGxheU5hbWUgPSAnUHVibGljUGFnZUxheW91dCc7XG5QdWJsaWNQYWdlTGF5b3V0LmRlZmF1bHRQcm9wcyA9IHtcbiAgY29udGVudFNjYWxlOiAnbm9ybWFsJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFB1YmxpY1BhZ2VMYXlvdXQ7XG4iXX0= */"));
+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0NzQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpbmdUb2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgeWVhciA9IG5ldyBEYXRlKCkuZ2V0VVRDRnVsbFllYXIoKTtcblxudHlwZSBUUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBiZSBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNvbW1lcmNldG9vbHMgbG9nby5cbiAgICovXG4gIHdlbGNvbWVNZXNzYWdlPzogc3RyaW5nO1xuICAvKipcbiAgICogUmVuZGVycyBhIG5vZGUgYmVsb3cgdGhlIGNvbnRlbnQuIFRoaXMgaXMgdXN1YWxseSB0aGUgcGxhY2UgZm9yIHJlbmRlcmluZ1xuICAgKiBsaW5rcyB0byB0aGUgcHJpdmFjeSwgdGVybXMsIGV0YyBwYWdlcy5cbiAgICovXG4gIGxlZ2FsTWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBgbm9ybWFsYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDhgICgzODRweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGAxNWAgKDc0MnB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSBjYW4gYmUgdXNlZCBmb3IgcmVuZGVyaW5nIHRoZSBjb250ZW50IGluIDIgY29sdW1ucy5cbiAgICovXG4gIGNvbnRlbnRTY2FsZT86ICdub3JtYWwnIHwgJ3dpZGUnO1xuICAvKipcbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYG5vcm1hbGAsIHRoZSBjb250ZW50IGlzIHJlbmRlcmVkIGluIG9uZSBjb2x1bW4uXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGB3aWRlYCwgeW91IG5lZWQgdG8gcGFzcyAyIGNoaWxkcmVuIGFzIHRoZXkgd2lsbCBiZSBkaXNwbGF5ZWRcbiAgICogaW4gdHdvIGNvbHVtbnMuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU29saWR9O1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IGNvbnRlbnRTY2FsZT17cHJvcHMuY29udGVudFNjYWxlfT5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFja1xuICAgICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz17cHJvcHMuY29udGVudFNjYWxlID09PSAnd2lkZScgPyAnY2VudGVyJyA6ICdzdHJldGNoJ31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmxlZ2FsTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57cHJvcHMubGVnYWxNZXNzYWdlfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntgJHt5ZWFyfSDCqSBjb21tZXJjZXRvb2xzYH08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvUHVibGljUGFnZUxheW91dENvbnRlbnQ+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblB1YmxpY1BhZ2VMYXlvdXQuZGlzcGxheU5hbWUgPSAnUHVibGljUGFnZUxheW91dCc7XG5QdWJsaWNQYWdlTGF5b3V0LmRlZmF1bHRQcm9wcyA9IHtcbiAgY29udGVudFNjYWxlOiAnbm9ybWFsJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFB1YmxpY1BhZ2VMYXlvdXQ7XG4iXX0= */"));
+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 => {
+  return jsx(Container, {
+    children: jsxs(Spacings.Stack, {
+      scale: "xl",
+      alignItems: "center",
+      children: [jsx(ContainerColumn, {
+        children: jsx("div", {
+          children: jsx("img", {
+            src: CommercetoolsLogoOnWhiteSvg,
+            alt: "commercetools logo"
+          })
+        })
+      }), props.welcomeMessage && jsx(ContainerColumn, {
+        children: jsx(Text.Headline, {
+          as: "h2",
+          children: jsx("div", {
+            css: /*#__PURE__*/css("color:", customProperties.colorSolid, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:PublicPageLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUV3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpbmdUb2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgeWVhciA9IG5ldyBEYXRlKCkuZ2V0VVRDRnVsbFllYXIoKTtcblxudHlwZSBUUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBiZSBkaXNwbGF5ZWQgYmVsb3cgdGhlIGNvbW1lcmNldG9vbHMgbG9nby5cbiAgICovXG4gIHdlbGNvbWVNZXNzYWdlPzogc3RyaW5nO1xuICAvKipcbiAgICogUmVuZGVycyBhIG5vZGUgYmVsb3cgdGhlIGNvbnRlbnQuIFRoaXMgaXMgdXN1YWxseSB0aGUgcGxhY2UgZm9yIHJlbmRlcmluZ1xuICAgKiBsaW5rcyB0byB0aGUgcHJpdmFjeSwgdGVybXMsIGV0YyBwYWdlcy5cbiAgICovXG4gIGxlZ2FsTWVzc2FnZT86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIFRoZSBgbm9ybWFsYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDhgICgzODRweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGAxNWAgKDc0MnB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSBjYW4gYmUgdXNlZCBmb3IgcmVuZGVyaW5nIHRoZSBjb250ZW50IGluIDIgY29sdW1ucy5cbiAgICovXG4gIGNvbnRlbnRTY2FsZT86ICdub3JtYWwnIHwgJ3dpZGUnO1xuICAvKipcbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYG5vcm1hbGAsIHRoZSBjb250ZW50IGlzIHJlbmRlcmVkIGluIG9uZSBjb2x1bW4uXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGB3aWRlYCwgeW91IG5lZWQgdG8gcGFzcyAyIGNoaWxkcmVuIGFzIHRoZXkgd2lsbCBiZSBkaXNwbGF5ZWRcbiAgICogaW4gdHdvIGNvbHVtbnMuXG4gICAqL1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwYWRkaW5nOiAke2N1c3RvbVByb3BlcnRpZXMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiAke2FwcEtpdERlc2luZ1Rva2Vucy53aWR0aEZvclBhZ2VMYXlvdXRDb250ZW50Q29sdW1ufTtcbmA7XG5jb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7Y3VzdG9tUHJvcGVydGllcy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yU29saWR9O1xuICAgICAgICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7cHJvcHMud2VsY29tZU1lc3NhZ2V9XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgICAgIDwvQ29udGFpbmVyQ29sdW1uPlxuICAgICAgICApfVxuICAgICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCB7Li4ucHJvcHN9IC8+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IGNvbnRlbnRTY2FsZT17cHJvcHMuY29udGVudFNjYWxlfT5cbiAgICAgICAgICAgIDxTcGFjaW5ncy5TdGFja1xuICAgICAgICAgICAgICBzY2FsZT1cInhzXCJcbiAgICAgICAgICAgICAgYWxpZ25JdGVtcz17cHJvcHMuY29udGVudFNjYWxlID09PSAnd2lkZScgPyAnY2VudGVyJyA6ICdzdHJldGNoJ31cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3Byb3BzLmxlZ2FsTWVzc2FnZSAmJiAoXG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57cHJvcHMubGVnYWxNZXNzYWdlfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntgJHt5ZWFyfSDCqSBjb21tZXJjZXRvb2xzYH08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDwvUHVibGljUGFnZUxheW91dENvbnRlbnQ+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgIDwvQ29udGFpbmVyPlxuICApO1xufTtcblB1YmxpY1BhZ2VMYXlvdXQuZGlzcGxheU5hbWUgPSAnUHVibGljUGFnZUxheW91dCc7XG5QdWJsaWNQYWdlTGF5b3V0LmRlZmF1bHRQcm9wcyA9IHtcbiAgY29udGVudFNjYWxlOiAnbm9ybWFsJyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IFB1YmxpY1BhZ2VMYXlvdXQ7XG4iXX0= */"),
+            children: props.welcomeMessage
+          })
+        })
+      }), jsxs(Spacings.Stack, {
+        scale: "xl",
+        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.Detail, {
+              tone: "secondary",
+              children: props.legalMessage
+            }), jsx(Text.Detail, {
+              tone: "secondary",
+              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-5d02cff6.cjs.prod.js → public-page-layout-6cbeff9f.cjs.prod.js}

@@ -13,9 +13,7 @@ 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 CommercetoolsLogoOnWhiteSvg = require('@commercetools-frontend/assets/logos/color-on-white-horizontal.svg');
-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');
@@ -40,8 +38,8 @@ 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/page-application-disabled.svg');
-require('@commercetools-frontend/assets/images/folder-full-locked.svg');
+require('@commercetools-frontend/assets/images/page-not-found.svg');
+require('@commercetools-frontend/assets/images/doors-closed.svg');
 require('@babel/runtime-corejs3/core-js-stable/instance/map');
 require('@react-hook/resize-observer');
 require('@commercetools-uikit/hooks');
@@ -57,21 +55,16 @@ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_O
 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 CommercetoolsLogoOnWhiteSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLogoOnWhiteSvg);
-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();
-
-// TODO: @redesign cleanup
-
 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:", props => props.showBackground ? "url(".concat(publicBackgroundUrl__default["default"], ")") : 'none', ";background-position:center;" + ("" ));
+} )("width:100%;min-height:100vh;display:flex;padding:", designSystem.customProperties.spacingXl, " 0;justify-content:center;background-size:cover;background-position:center;" + ("" ));
 const ContainerColumn = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e6h44oa1"
 } )("width:", dist_commercetoolsFrontendApplicationComponents.designTokens.widthForPageLayoutContentColumn, ";" + ("" ));
@@ -90,18 +83,14 @@ const PublicPageLayoutContent = props => {
 };
 PublicPageLayoutContent.propTypes = {};
 const PublicPageLayout = props => {
-  const _useTheme = designSystem.useTheme(),
-    themedValue = _useTheme.themedValue;
   return jsxRuntime.jsx(Container, {
-    showBackground: themedValue(true, false),
     children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
       scale: "xl",
       alignItems: "center",
       children: [jsxRuntime.jsx(ContainerColumn, {
         children: jsxRuntime.jsx("div", {
           children: jsxRuntime.jsx("img", {
-            width: themedValue('100%', undefined),
-            src: themedValue(CommercetoolsLogoSvg__default["default"], CommercetoolsLogoOnWhiteSvg__default["default"]),
+            src: CommercetoolsLogoOnWhiteSvg__default["default"],
             alt: "commercetools logo"
           })
         })
@@ -109,30 +98,24 @@ const PublicPageLayout = props => {
         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'), ";" + ("" ), "" ),
+            css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorSolid, ";text-align:center;" + ("" ), "" ),
             children: props.welcomeMessage
           })
         })
       }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
-        scale: themedValue('s', 'xl'),
+        scale: "xl",
         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 && themedValue(jsxRuntime.jsx(Text__default["default"].Body, {
-              tone: "inverted",
-              children: props.legalMessage
-            }), jsxRuntime.jsx(Text__default["default"].Detail, {
+            children: [props.legalMessage && jsxRuntime.jsx(Text__default["default"].Detail, {
               tone: "secondary",
               children: props.legalMessage
-            })), themedValue(jsxRuntime.jsx(Text__default["default"].Body, {
-              tone: "inverted",
-              children: "".concat(year, " \xA9 commercetools")
             }), jsxRuntime.jsx(Text__default["default"].Detail, {
               tone: "secondary",
               children: "".concat(year, " \xA9 commercetools")
-            }))]
+            })]
           })
         })]
       })]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-components",
-  "version": "22.3.0",
+  "version": "22.3.1",
   "description": "Generic components for building Merchant Center applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -36,11 +36,11 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-frontend/application-shell-connectors": "22.3.0",
-    "@commercetools-frontend/assets": "22.3.0",
-    "@commercetools-frontend/constants": "22.3.0",
-    "@commercetools-frontend/i18n": "22.3.0",
-    "@commercetools-frontend/l10n": "22.3.0",
+    "@commercetools-frontend/application-shell-connectors": "22.3.1",
+    "@commercetools-frontend/assets": "22.3.1",
+    "@commercetools-frontend/constants": "22.3.1",
+    "@commercetools-frontend/i18n": "22.3.1",
+    "@commercetools-frontend/l10n": "22.3.1",
     "@commercetools-uikit/card": "^16.0.0",
     "@commercetools-uikit/constraints": "^16.0.0",
     "@commercetools-uikit/design-system": "^16.0.0",