@commercetools-frontend/application-components 22.17.1 → 22.18.0

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

@@ -5,10 +5,11 @@ type MessageDescriptor = {
     defaultMessage?: string;
 };
 type Label = string | MessageDescriptor;
-type Props = {
+export type TConfirmationDialogProps = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
-    title: string;
+    title: ReactNode;
+    'aria-label'?: string;
     size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
     zIndex?: number;
     children: ReactNode;
@@ -26,9 +27,9 @@ type Props = {
     getParentSelector?: () => HTMLElement;
 };
 declare const ConfirmationDialog: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: TConfirmationDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
-    defaultProps: Pick<Props, "labelSecondary" | "labelPrimary">;
+    defaultProps: Pick<TConfirmationDialogProps, "labelSecondary" | "labelPrimary">;
     Intl: {
         cancel: {
             id: string;
@@ -103,5 +104,8 @@ declare const ConfirmationDialog: {
             defaultMessage: string;
         };
     };
+    TextTitle: (props: {
+        title: string;
+    }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 };
 export default ConfirmationDialog;

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

@@ -1 +1 @@
-export { default } from './confirmation-dialog';
+export { default, type TConfirmationDialogProps } from './confirmation-dialog';

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

@@ -5,10 +5,11 @@ type MessageDescriptor = {
     defaultMessage?: string;
 };
 type Label = string | MessageDescriptor;
-type Props = {
+export type TFormDialogProps = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
-    title: string;
+    title: ReactNode;
+    'aria-label'?: string;
     size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
     zIndex?: number;
     children: ReactNode;
@@ -27,9 +28,9 @@ type Props = {
     iconLeftSecondaryButton?: ReactElement;
 };
 declare const FormDialog: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: TFormDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
-    defaultProps: Pick<Props, "labelSecondary" | "labelPrimary">;
+    defaultProps: Pick<TFormDialogProps, "labelSecondary" | "labelPrimary">;
     Intl: {
         cancel: {
             id: string;
@@ -104,5 +105,8 @@ declare const FormDialog: {
             defaultMessage: string;
         };
     };
+    TextTitle: (props: {
+        title: string;
+    }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 };
 export default FormDialog;

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

@@ -1 +1 @@
-export { default } from './form-dialog';
+export { default, type TFormDialogProps } from './form-dialog';

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

@@ -1 +1 @@
-export { default } from './info-dialog';
+export { default, type TInfoDialogProps } from './info-dialog';

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

@@ -1,15 +1,19 @@
 import { SyntheticEvent, ReactNode } from 'react';
-type Props = {
+export type TInfoDialogProps = {
     isOpen: boolean;
     onClose?: (event: SyntheticEvent) => void;
     size?: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
     zIndex?: number;
-    title: string;
+    title: ReactNode;
+    'aria-label'?: string;
     children: ReactNode;
     getParentSelector?: () => HTMLElement;
 };
 declare const InfoDialog: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    (props: TInfoDialogProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
+    TextTitle: (props: {
+        title: string;
+    }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 };
 export default InfoDialog;

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

@@ -5,7 +5,8 @@ type Props = {
     onClose?: (event: SyntheticEvent) => void;
     size: 'm' | 'l' | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 16 | 'scale';
     zIndex?: number;
-    title: string;
+    title: ReactNode;
+    'aria-label'?: string;
     children: ReactNode;
     getParentSelector: typeof getDefaultParentSelector;
 };

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

@@ -1,9 +1,13 @@
-import type { SyntheticEvent } from 'react';
+import type { ReactNode, SyntheticEvent } from 'react';
 type Props = {
-    title: string;
+    title: ReactNode;
     onClose?: (event: SyntheticEvent) => void;
     children?: never;
 };
+type TTextTitleProps = {
+    title: string;
+};
+export declare const TextTitle: (props: TTextTitleProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 declare const DialogHeader: {
     (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;

package/dist/declarations/src/components/project-stamp/messages.d.ts

@@ -0,0 +1,19 @@
+declare const _default: {
+    ProjectProduction: {
+        id: string;
+        defaultMessage: string;
+    };
+    ProjectSuspended: {
+        id: string;
+        defaultMessage: string;
+    };
+    ProjectExpired: {
+        id: string;
+        defaultMessage: string;
+    };
+    ProjectWillExpire: {
+        id: string;
+        defaultMessage: string;
+    };
+};
+export default _default;

package/dist/declarations/src/components/project-stamp/project-stamp.d.ts

@@ -0,0 +1,9 @@
+declare const ProjectStamp: {
+    IsProduction: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    IsSuspended: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    IsExpired: () => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    WillExpire: (props: {
+        daysLeft: number;
+    }) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+};
+export default ProjectStamp;

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

@@ -29,6 +29,7 @@ export type { TPageContentFull } from './components/page-content-containers/page
 export { default as Drawer } from './components/drawer';
 export { default as CustomViewLoader } from './components/custom-views/custom-view-loader';
 export { default as CustomViewsSelector } from './components/custom-views/custom-views-selector';
+export { default as ProjectStamp } from './components/project-stamp/project-stamp';
 export { default as PortalsContainer } from './components/portals-container';
 export { default as useModalState } from './hooks/use-modal-state';
 export * from './theming';

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

@@ -1,53 +1,10 @@
 export declare const themesOverrides: {
     default: {
-        colorForPageHeaderBottomBorder: "var(--color-neutral-90, hsl(232, 18%, 90%))";
-        colorForNavbarIcon: string;
-        colorForNavbarIconWhenActive: "var(--color-surface, #fff)";
-        colorForNavbarLink: "var(--color-neutral, hsl(232, 18%, 80%))";
-        colorForNavbarLinkWhenActive: "var(--color-surface, #fff)";
-        colorForNavbarLinkWhenHovered: "var(--color-surface, #fff)";
-        backgroundColorForMainPageDivider: "var(--color-neutral-90, hsl(232, 18%, 90%))";
-        backgroundColorForNavbar: string;
-        backgroundColorForNavbarWhenActive: string;
-        backgroundColorForNavbarWhenHovered: string;
-        backgroundColorForPageHeader: "var(--color-surface, #fff)";
-        backgroundColorForTabularMainPageContent: "var(--color-surface, #fff)";
-        backgroundColorForUserMenuItemWhenHovered: "var(--color-neutral-95, hsl(232, 18%, 95%))";
-        borderBottomForTabularPageHeader: string;
-        borderColorForDialogDivider: "var(--color-neutral-90, hsl(232, 18%, 90%))";
-        borderColorForModalPageHeaderDivider: "var(--color-neutral-90, hsl(232, 18%, 90%))";
-        borderColorForModalTopBarWhenSurface: "var(--color-surface, #fff)";
-        fontSizeForNavbarLink: "var(--font-size-20, 0.875rem)";
-        fontWeightForNavbarLink: "var(--font-weight-400, 400)";
-        fontWeightForNavbarLinkWhenActive: "var(--font-weight-600, 600)";
-        fontWeightForNavbarLinkWhenHovered: "var(--font-weight-600, 600)";
-        heightForTab: string;
-        lineHeightForNavbarLink: "var(--line-height-20, 1.375rem)";
-        marginBottomForPageTopBar: "var(--spacing-40, 24px)";
         marginForCustomViewsSelectorAsTabular: string;
-        marginForDialogContainerContents: string;
-        marginForModalPageHeader: string;
-        marginForUserMenuItem: string;
-        marginLeftForModalPageHeaderControls: "var(--spacing-50, 32px)";
-        marginRightForAppbar: string;
-        marginTopForDialogFooter: "var(--spacing-50, 32px)";
         marginForPageContent: string;
-        marginForModalsPageContent: string;
-        marginTopForPageSubtitle: "var(--spacing-20, 8px)";
-        marginTopForTabControls: "var(--spacing-40, 24px)";
         paddingForDetailPageHeader: string;
-        paddingForDialogContainer: string;
-        paddingForDialogContent: string;
         paddingForMainPageHeader: string;
-        paddingForModalPageHeader: string;
-        paddingForModalTopBar: string;
         paddingForTabularPageHeader: string;
-        paddingLeftForTabAsFirst: "var(--spacing-30, 16px)";
-        shadowForAppbar: string;
-        shadowForNavbar: string;
-        widthForDialogAsMedium: "var(--constraint-9, 442px)";
-        widthForDialogAsLarge: "var(--constraint-13, 642px)";
-        widthForPageLayoutContentColumn: string;
     };
 };
-export declare const designTokens: Record<"colorForPageHeaderBottomBorder" | "colorForNavbarIcon" | "colorForNavbarIconWhenActive" | "colorForNavbarLink" | "colorForNavbarLinkWhenActive" | "colorForNavbarLinkWhenHovered" | "backgroundColorForMainPageDivider" | "backgroundColorForNavbar" | "backgroundColorForNavbarWhenActive" | "backgroundColorForNavbarWhenHovered" | "backgroundColorForPageHeader" | "backgroundColorForTabularMainPageContent" | "backgroundColorForUserMenuItemWhenHovered" | "borderBottomForTabularPageHeader" | "borderColorForDialogDivider" | "borderColorForModalPageHeaderDivider" | "borderColorForModalTopBarWhenSurface" | "fontSizeForNavbarLink" | "fontWeightForNavbarLink" | "fontWeightForNavbarLinkWhenActive" | "fontWeightForNavbarLinkWhenHovered" | "heightForTab" | "lineHeightForNavbarLink" | "marginBottomForPageTopBar" | "marginForCustomViewsSelectorAsTabular" | "marginForDialogContainerContents" | "marginForModalPageHeader" | "marginForUserMenuItem" | "marginLeftForModalPageHeaderControls" | "marginRightForAppbar" | "marginTopForDialogFooter" | "marginForPageContent" | "marginForModalsPageContent" | "marginTopForPageSubtitle" | "marginTopForTabControls" | "paddingForDetailPageHeader" | "paddingForDialogContainer" | "paddingForDialogContent" | "paddingForMainPageHeader" | "paddingForModalPageHeader" | "paddingForModalTopBar" | "paddingForTabularPageHeader" | "paddingLeftForTabAsFirst" | "shadowForAppbar" | "shadowForNavbar" | "widthForDialogAsMedium" | "widthForDialogAsLarge" | "widthForPageLayoutContentColumn", string>;
+export declare const designTokens: Record<"marginForCustomViewsSelectorAsTabular" | "marginForPageContent" | "paddingForDetailPageHeader" | "paddingForMainPageHeader" | "paddingForTabularPageHeader", string>;

package/dist/public-page-layout-684509fb.esm.js

@@ -0,0 +1,108 @@
+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 { designTokens } from '@commercetools-uikit/design-system';
+import Spacings from '@commercetools-uikit/spacings';
+import Text from '@commercetools-uikit/text';
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+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:", designTokens.spacingXl, " 0;justify-content:center;background-size:cover;background-position:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M0QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5jb25zdCB5ZWFyID0gbmV3IERhdGUoKS5nZXRVVENGdWxsWWVhcigpO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGJlIGRpc3BsYXllZCBiZWxvdyB0aGUgY29tbWVyY2V0b29scyBsb2dvLlxuICAgKi9cbiAgd2VsY29tZU1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBSZW5kZXJzIGEgbm9kZSBiZWxvdyB0aGUgY29udGVudC4gVGhpcyBpcyB1c3VhbGx5IHRoZSBwbGFjZSBmb3IgcmVuZGVyaW5nXG4gICAqIGxpbmtzIHRvIHRoZSBwcml2YWN5LCB0ZXJtcywgZXRjIHBhZ2VzLlxuICAgKi9cbiAgbGVnYWxNZXNzYWdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGBub3JtYWxgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgOGAgKDM4NHB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDE1YCAoNzQycHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIGNhbiBiZSB1c2VkIGZvciByZW5kZXJpbmcgdGhlIGNvbnRlbnQgaW4gMiBjb2x1bW5zLlxuICAgKi9cbiAgY29udGVudFNjYWxlPzogJ25vcm1hbCcgfCAnd2lkZSc7XG4gIC8qKlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgbm9ybWFsYCwgdGhlIGNvbnRlbnQgaXMgcmVuZGVyZWQgaW4gb25lIGNvbHVtbi5cbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYHdpZGVgLCB5b3UgbmVlZCB0byBwYXNzIDIgY2hpbGRyZW4gYXMgdGhleSB3aWxsIGJlIGRpc3BsYXllZFxuICAgKiBpbiB0d28gY29sdW1ucy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgKX1cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCBjb250ZW50U2NhbGU9e3Byb3BzLmNvbnRlbnRTY2FsZX0+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2tcbiAgICAgICAgICAgICAgc2NhbGU9XCJ4c1wiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9e3Byb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnID8gJ2NlbnRlcicgOiAnc3RyZXRjaCd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5sZWdhbE1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e3Byb3BzLmxlZ2FsTWVzc2FnZX08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57YCR7eWVhcn0gwqkgY29tbWVyY2V0b29sc2B9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+const ContainerColumn = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa1"
+} : {
+  target: "e6h44oa1",
+  label: "ContainerColumn"
+})("width:calc(", designTokens.constraint16, " / 2);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNrQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5jb25zdCB5ZWFyID0gbmV3IERhdGUoKS5nZXRVVENGdWxsWWVhcigpO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGJlIGRpc3BsYXllZCBiZWxvdyB0aGUgY29tbWVyY2V0b29scyBsb2dvLlxuICAgKi9cbiAgd2VsY29tZU1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBSZW5kZXJzIGEgbm9kZSBiZWxvdyB0aGUgY29udGVudC4gVGhpcyBpcyB1c3VhbGx5IHRoZSBwbGFjZSBmb3IgcmVuZGVyaW5nXG4gICAqIGxpbmtzIHRvIHRoZSBwcml2YWN5LCB0ZXJtcywgZXRjIHBhZ2VzLlxuICAgKi9cbiAgbGVnYWxNZXNzYWdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGBub3JtYWxgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgOGAgKDM4NHB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDE1YCAoNzQycHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIGNhbiBiZSB1c2VkIGZvciByZW5kZXJpbmcgdGhlIGNvbnRlbnQgaW4gMiBjb2x1bW5zLlxuICAgKi9cbiAgY29udGVudFNjYWxlPzogJ25vcm1hbCcgfCAnd2lkZSc7XG4gIC8qKlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgbm9ybWFsYCwgdGhlIGNvbnRlbnQgaXMgcmVuZGVyZWQgaW4gb25lIGNvbHVtbi5cbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYHdpZGVgLCB5b3UgbmVlZCB0byBwYXNzIDIgY2hpbGRyZW4gYXMgdGhleSB3aWxsIGJlIGRpc3BsYXllZFxuICAgKiBpbiB0d28gY29sdW1ucy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgKX1cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCBjb250ZW50U2NhbGU9e3Byb3BzLmNvbnRlbnRTY2FsZX0+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2tcbiAgICAgICAgICAgICAgc2NhbGU9XCJ4c1wiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9e3Byb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnID8gJ2NlbnRlcicgOiAnc3RyZXRjaCd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5sZWdhbE1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e3Byb3BzLmxlZ2FsTWVzc2FnZX08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57YCR7eWVhcn0gwqkgY29tbWVyY2V0b29sc2B9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+const ContainerColumnWide = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa0"
+} : {
+  target: "e6h44oa0",
+  label: "ContainerColumnWide"
+})("width:", designTokens.constraint15, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENzQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5jb25zdCB5ZWFyID0gbmV3IERhdGUoKS5nZXRVVENGdWxsWWVhcigpO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGJlIGRpc3BsYXllZCBiZWxvdyB0aGUgY29tbWVyY2V0b29scyBsb2dvLlxuICAgKi9cbiAgd2VsY29tZU1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBSZW5kZXJzIGEgbm9kZSBiZWxvdyB0aGUgY29udGVudC4gVGhpcyBpcyB1c3VhbGx5IHRoZSBwbGFjZSBmb3IgcmVuZGVyaW5nXG4gICAqIGxpbmtzIHRvIHRoZSBwcml2YWN5LCB0ZXJtcywgZXRjIHBhZ2VzLlxuICAgKi9cbiAgbGVnYWxNZXNzYWdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGBub3JtYWxgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgOGAgKDM4NHB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDE1YCAoNzQycHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIGNhbiBiZSB1c2VkIGZvciByZW5kZXJpbmcgdGhlIGNvbnRlbnQgaW4gMiBjb2x1bW5zLlxuICAgKi9cbiAgY29udGVudFNjYWxlPzogJ25vcm1hbCcgfCAnd2lkZSc7XG4gIC8qKlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgbm9ybWFsYCwgdGhlIGNvbnRlbnQgaXMgcmVuZGVyZWQgaW4gb25lIGNvbHVtbi5cbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYHdpZGVgLCB5b3UgbmVlZCB0byBwYXNzIDIgY2hpbGRyZW4gYXMgdGhleSB3aWxsIGJlIGRpc3BsYXllZFxuICAgKiBpbiB0d28gY29sdW1ucy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgKX1cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCBjb250ZW50U2NhbGU9e3Byb3BzLmNvbnRlbnRTY2FsZX0+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2tcbiAgICAgICAgICAgICAgc2NhbGU9XCJ4c1wiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9e3Byb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnID8gJ2NlbnRlcicgOiAnc3RyZXRjaCd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5sZWdhbE1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e3Byb3BzLmxlZ2FsTWVzc2FnZX08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57YCR7eWVhcn0gwqkgY29tbWVyY2V0b29sc2B9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+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:", designTokens.colorSolid, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:PublicPageLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0V3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5jb25zdCB5ZWFyID0gbmV3IERhdGUoKS5nZXRVVENGdWxsWWVhcigpO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGJlIGRpc3BsYXllZCBiZWxvdyB0aGUgY29tbWVyY2V0b29scyBsb2dvLlxuICAgKi9cbiAgd2VsY29tZU1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBSZW5kZXJzIGEgbm9kZSBiZWxvdyB0aGUgY29udGVudC4gVGhpcyBpcyB1c3VhbGx5IHRoZSBwbGFjZSBmb3IgcmVuZGVyaW5nXG4gICAqIGxpbmtzIHRvIHRoZSBwcml2YWN5LCB0ZXJtcywgZXRjIHBhZ2VzLlxuICAgKi9cbiAgbGVnYWxNZXNzYWdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGBub3JtYWxgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgOGAgKDM4NHB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDE1YCAoNzQycHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIGNhbiBiZSB1c2VkIGZvciByZW5kZXJpbmcgdGhlIGNvbnRlbnQgaW4gMiBjb2x1bW5zLlxuICAgKi9cbiAgY29udGVudFNjYWxlPzogJ25vcm1hbCcgfCAnd2lkZSc7XG4gIC8qKlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgbm9ybWFsYCwgdGhlIGNvbnRlbnQgaXMgcmVuZGVyZWQgaW4gb25lIGNvbHVtbi5cbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYHdpZGVgLCB5b3UgbmVlZCB0byBwYXNzIDIgY2hpbGRyZW4gYXMgdGhleSB3aWxsIGJlIGRpc3BsYXllZFxuICAgKiBpbiB0d28gY29sdW1ucy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgKX1cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCBjb250ZW50U2NhbGU9e3Byb3BzLmNvbnRlbnRTY2FsZX0+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2tcbiAgICAgICAgICAgICAgc2NhbGU9XCJ4c1wiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9e3Byb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnID8gJ2NlbnRlcicgOiAnc3RyZXRjaCd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5sZWdhbE1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e3Byb3BzLmxlZ2FsTWVzc2FnZX08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57YCR7eWVhcn0gwqkgY29tbWVyY2V0b29sc2B9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"),
+            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-d750ebd8.cjs.prod.js → public-page-layout-6cc4616e.cjs.prod.js}

@@ -17,39 +17,7 @@ var CommercetoolsLogoOnWhiteSvg = require('@commercetools-frontend/assets/logos/
 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('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/instance/map');
-require('@commercetools-frontend/sentry');
-require('@commercetools-uikit/accessible-button');
-require('@commercetools-uikit/constraints');
-require('@commercetools-frontend/actions-global');
-require('@commercetools-frontend/application-shell-connectors');
-require('@babel/runtime-corejs3/core-js-stable/set-timeout');
-require('@commercetools-uikit/flat-button');
-require('@flopflip/react-broadcast');
-require('@commercetools-uikit/icon-button');
-require('@babel/runtime-corejs3/core-js-stable/instance/find');
-require('@babel/runtime-corejs3/core-js-stable/object/entries');
-require('@commercetools-frontend/assets/images/page-not-found.svg');
-require('@commercetools-frontend/assets/images/doors-closed.svg');
-require('@react-hook/resize-observer');
-require('@commercetools-uikit/hooks');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -71,13 +39,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
 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-position:center;" + ("" ));
+} )("width:100%;min-height:100vh;display:flex;padding:", designSystem.designTokens.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, ";" + ("" ));
+} )("width:calc(", designSystem.designTokens.constraint16, " / 2);" + ("" ));
 const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e6h44oa0"
-} )("width:", designSystem.customProperties.constraint15, ";" + ("" ));
+} )("width:", designSystem.designTokens.constraint15, ";" + ("" ));
 const PublicPageLayoutContent = props => {
   if (props.contentScale === 'wide') {
     return jsxRuntime.jsx(ContainerColumnWide, {
@@ -105,7 +73,7 @@ const PublicPageLayout = props => {
         children: jsxRuntime.jsx(Text__default["default"].Headline, {
           as: "h2",
           children: jsxRuntime.jsx("div", {
-            css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorSolid, ";text-align:center;" + ("" ), "" ),
+            css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorSolid, ";text-align:center;" + ("" ), "" ),
             children: props.welcomeMessage
           })
         })

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

@@ -0,0 +1,126 @@
+'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 jsxRuntime = require('@emotion/react/jsx-runtime');
+
+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(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+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.designTokens.spacingXl, " 0;justify-content:center;background-size:cover;background-position:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0M0QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5jb25zdCB5ZWFyID0gbmV3IERhdGUoKS5nZXRVVENGdWxsWWVhcigpO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGJlIGRpc3BsYXllZCBiZWxvdyB0aGUgY29tbWVyY2V0b29scyBsb2dvLlxuICAgKi9cbiAgd2VsY29tZU1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBSZW5kZXJzIGEgbm9kZSBiZWxvdyB0aGUgY29udGVudC4gVGhpcyBpcyB1c3VhbGx5IHRoZSBwbGFjZSBmb3IgcmVuZGVyaW5nXG4gICAqIGxpbmtzIHRvIHRoZSBwcml2YWN5LCB0ZXJtcywgZXRjIHBhZ2VzLlxuICAgKi9cbiAgbGVnYWxNZXNzYWdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGBub3JtYWxgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgOGAgKDM4NHB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDE1YCAoNzQycHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIGNhbiBiZSB1c2VkIGZvciByZW5kZXJpbmcgdGhlIGNvbnRlbnQgaW4gMiBjb2x1bW5zLlxuICAgKi9cbiAgY29udGVudFNjYWxlPzogJ25vcm1hbCcgfCAnd2lkZSc7XG4gIC8qKlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgbm9ybWFsYCwgdGhlIGNvbnRlbnQgaXMgcmVuZGVyZWQgaW4gb25lIGNvbHVtbi5cbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYHdpZGVgLCB5b3UgbmVlZCB0byBwYXNzIDIgY2hpbGRyZW4gYXMgdGhleSB3aWxsIGJlIGRpc3BsYXllZFxuICAgKiBpbiB0d28gY29sdW1ucy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgKX1cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCBjb250ZW50U2NhbGU9e3Byb3BzLmNvbnRlbnRTY2FsZX0+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2tcbiAgICAgICAgICAgICAgc2NhbGU9XCJ4c1wiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9e3Byb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnID8gJ2NlbnRlcicgOiAnc3RyZXRjaCd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5sZWdhbE1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e3Byb3BzLmxlZ2FsTWVzc2FnZX08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57YCR7eWVhcn0gwqkgY29tbWVyY2V0b29sc2B9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+const ContainerColumn = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa1"
+} : {
+  target: "e6h44oa1",
+  label: "ContainerColumn"
+})("width:calc(", designSystem.designTokens.constraint16, " / 2);" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNrQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5jb25zdCB5ZWFyID0gbmV3IERhdGUoKS5nZXRVVENGdWxsWWVhcigpO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGJlIGRpc3BsYXllZCBiZWxvdyB0aGUgY29tbWVyY2V0b29scyBsb2dvLlxuICAgKi9cbiAgd2VsY29tZU1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBSZW5kZXJzIGEgbm9kZSBiZWxvdyB0aGUgY29udGVudC4gVGhpcyBpcyB1c3VhbGx5IHRoZSBwbGFjZSBmb3IgcmVuZGVyaW5nXG4gICAqIGxpbmtzIHRvIHRoZSBwcml2YWN5LCB0ZXJtcywgZXRjIHBhZ2VzLlxuICAgKi9cbiAgbGVnYWxNZXNzYWdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGBub3JtYWxgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgOGAgKDM4NHB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDE1YCAoNzQycHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIGNhbiBiZSB1c2VkIGZvciByZW5kZXJpbmcgdGhlIGNvbnRlbnQgaW4gMiBjb2x1bW5zLlxuICAgKi9cbiAgY29udGVudFNjYWxlPzogJ25vcm1hbCcgfCAnd2lkZSc7XG4gIC8qKlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgbm9ybWFsYCwgdGhlIGNvbnRlbnQgaXMgcmVuZGVyZWQgaW4gb25lIGNvbHVtbi5cbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYHdpZGVgLCB5b3UgbmVlZCB0byBwYXNzIDIgY2hpbGRyZW4gYXMgdGhleSB3aWxsIGJlIGRpc3BsYXllZFxuICAgKiBpbiB0d28gY29sdW1ucy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgKX1cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCBjb250ZW50U2NhbGU9e3Byb3BzLmNvbnRlbnRTY2FsZX0+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2tcbiAgICAgICAgICAgICAgc2NhbGU9XCJ4c1wiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9e3Byb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnID8gJ2NlbnRlcicgOiAnc3RyZXRjaCd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5sZWdhbE1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e3Byb3BzLmxlZ2FsTWVzc2FnZX08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57YCR7eWVhcn0gwqkgY29tbWVyY2V0b29sc2B9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
+  target: "e6h44oa0"
+} : {
+  target: "e6h44oa0",
+  label: "ContainerColumnWide"
+})("width:", designSystem.designTokens.constraint15, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENzQyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5jb25zdCB5ZWFyID0gbmV3IERhdGUoKS5nZXRVVENGdWxsWWVhcigpO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGJlIGRpc3BsYXllZCBiZWxvdyB0aGUgY29tbWVyY2V0b29scyBsb2dvLlxuICAgKi9cbiAgd2VsY29tZU1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBSZW5kZXJzIGEgbm9kZSBiZWxvdyB0aGUgY29udGVudC4gVGhpcyBpcyB1c3VhbGx5IHRoZSBwbGFjZSBmb3IgcmVuZGVyaW5nXG4gICAqIGxpbmtzIHRvIHRoZSBwcml2YWN5LCB0ZXJtcywgZXRjIHBhZ2VzLlxuICAgKi9cbiAgbGVnYWxNZXNzYWdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGBub3JtYWxgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgOGAgKDM4NHB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDE1YCAoNzQycHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIGNhbiBiZSB1c2VkIGZvciByZW5kZXJpbmcgdGhlIGNvbnRlbnQgaW4gMiBjb2x1bW5zLlxuICAgKi9cbiAgY29udGVudFNjYWxlPzogJ25vcm1hbCcgfCAnd2lkZSc7XG4gIC8qKlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgbm9ybWFsYCwgdGhlIGNvbnRlbnQgaXMgcmVuZGVyZWQgaW4gb25lIGNvbHVtbi5cbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYHdpZGVgLCB5b3UgbmVlZCB0byBwYXNzIDIgY2hpbGRyZW4gYXMgdGhleSB3aWxsIGJlIGRpc3BsYXllZFxuICAgKiBpbiB0d28gY29sdW1ucy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgKX1cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCBjb250ZW50U2NhbGU9e3Byb3BzLmNvbnRlbnRTY2FsZX0+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2tcbiAgICAgICAgICAgICAgc2NhbGU9XCJ4c1wiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9e3Byb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnID8gJ2NlbnRlcicgOiAnc3RyZXRjaCd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5sZWdhbE1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e3Byb3BzLmxlZ2FsTWVzc2FnZX08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57YCR7eWVhcn0gwqkgY29tbWVyY2V0b29sc2B9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"));
+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.designTokens.colorSolid, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : ";label:PublicPageLayout;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0V3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb09uV2hpdGVTdmcgZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXNzZXRzL2xvZ29zL2NvbG9yLW9uLXdoaXRlLWhvcml6b250YWwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuXG5jb25zdCB5ZWFyID0gbmV3IERhdGUoKS5nZXRVVENGdWxsWWVhcigpO1xuXG50eXBlIFRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0ZXh0IHRvIGJlIGRpc3BsYXllZCBiZWxvdyB0aGUgY29tbWVyY2V0b29scyBsb2dvLlxuICAgKi9cbiAgd2VsY29tZU1lc3NhZ2U/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBSZW5kZXJzIGEgbm9kZSBiZWxvdyB0aGUgY29udGVudC4gVGhpcyBpcyB1c3VhbGx5IHRoZSBwbGFjZSBmb3IgcmVuZGVyaW5nXG4gICAqIGxpbmtzIHRvIHRoZSBwcml2YWN5LCB0ZXJtcywgZXRjIHBhZ2VzLlxuICAgKi9cbiAgbGVnYWxNZXNzYWdlPzogUmVhY3ROb2RlO1xuICAvKipcbiAgICogVGhlIGBub3JtYWxgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgOGAgKDM4NHB4KS5cbiAgICogVGhlIGB3aWRlYCBzY2FsZSB1c2VzIGFuIGhvcml6b250YWwgY29udHJhaW50IHNpemUgb2YgYDE1YCAoNzQycHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIGNhbiBiZSB1c2VkIGZvciByZW5kZXJpbmcgdGhlIGNvbnRlbnQgaW4gMiBjb2x1bW5zLlxuICAgKi9cbiAgY29udGVudFNjYWxlPzogJ25vcm1hbCcgfCAnd2lkZSc7XG4gIC8qKlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgbm9ybWFsYCwgdGhlIGNvbnRlbnQgaXMgcmVuZGVyZWQgaW4gb25lIGNvbHVtbi5cbiAgICogSWYgYGNvbnRlbnRTY2FsZWAgaXMgYHdpZGVgLCB5b3UgbmVlZCB0byBwYXNzIDIgY2hpbGRyZW4gYXMgdGhleSB3aWxsIGJlIGRpc3BsYXllZFxuICAgKiBpbiB0d28gY29sdW1ucy5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmNvbnN0IENvbnRhaW5lckNvbHVtbldpZGUgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogJHt1aUtpdERlc2lnblRva2Vucy5jb25zdHJhaW50MTV9O1xuYDtcblxuY29uc3QgUHVibGljUGFnZUxheW91dENvbnRlbnQ6IEZDPFRQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgaWYgKHByb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnKSB7XG4gICAgcmV0dXJuIDxDb250YWluZXJDb2x1bW5XaWRlPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbldpZGU+O1xuICB9XG4gIHJldHVybiA8Q29udGFpbmVyQ29sdW1uPntwcm9wcy5jaGlsZHJlbn08L0NvbnRhaW5lckNvbHVtbj47XG59O1xuXG5jb25zdCBQdWJsaWNQYWdlTGF5b3V0OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lcj5cbiAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29PbldoaXRlU3ZnfSBhbHQ9XCJjb21tZXJjZXRvb2xzIGxvZ29cIiAvPlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlICYmIChcbiAgICAgICAgICA8Q29udGFpbmVyQ29sdW1uPlxuICAgICAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgICBjb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclNvbGlkfTtcbiAgICAgICAgICAgICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge3Byb3BzLndlbGNvbWVNZXNzYWdlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICAgICA8L0NvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgKX1cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwieGxcIj5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgey4uLnByb3BzfSAvPlxuICAgICAgICAgIDxQdWJsaWNQYWdlTGF5b3V0Q29udGVudCBjb250ZW50U2NhbGU9e3Byb3BzLmNvbnRlbnRTY2FsZX0+XG4gICAgICAgICAgICA8U3BhY2luZ3MuU3RhY2tcbiAgICAgICAgICAgICAgc2NhbGU9XCJ4c1wiXG4gICAgICAgICAgICAgIGFsaWduSXRlbXM9e3Byb3BzLmNvbnRlbnRTY2FsZSA9PT0gJ3dpZGUnID8gJ2NlbnRlcicgOiAnc3RyZXRjaCd9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHtwcm9wcy5sZWdhbE1lc3NhZ2UgJiYgKFxuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e3Byb3BzLmxlZ2FsTWVzc2FnZX08L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgPFRleHQuRGV0YWlsIHRvbmU9XCJzZWNvbmRhcnlcIj57YCR7eWVhcn0gwqkgY29tbWVyY2V0b29sc2B9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICA8L1B1YmxpY1BhZ2VMYXlvdXRDb250ZW50PlxuICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5QdWJsaWNQYWdlTGF5b3V0LmRpc3BsYXlOYW1lID0gJ1B1YmxpY1BhZ2VMYXlvdXQnO1xuUHVibGljUGFnZUxheW91dC5kZWZhdWx0UHJvcHMgPSB7XG4gIGNvbnRlbnRTY2FsZTogJ25vcm1hbCcsXG59O1xuXG5leHBvcnQgZGVmYXVsdCBQdWJsaWNQYWdlTGF5b3V0O1xuIl19 */"),
+            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;