@commercetools-frontend/application-components 22.17.0 → 22.17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,53 +1,10 @@
1
1
  export declare const themesOverrides: {
2
2
  default: {
3
- colorForPageHeaderBottomBorder: "var(--color-neutral-90, hsl(232, 18%, 90%))";
4
- colorForNavbarIcon: string;
5
- colorForNavbarIconWhenActive: "var(--color-surface, #fff)";
6
- colorForNavbarLink: "var(--color-neutral, hsl(232, 18%, 80%))";
7
- colorForNavbarLinkWhenActive: "var(--color-surface, #fff)";
8
- colorForNavbarLinkWhenHovered: "var(--color-surface, #fff)";
9
- backgroundColorForMainPageDivider: "var(--color-neutral-90, hsl(232, 18%, 90%))";
10
- backgroundColorForNavbar: string;
11
- backgroundColorForNavbarWhenActive: string;
12
- backgroundColorForNavbarWhenHovered: string;
13
- backgroundColorForPageHeader: "var(--color-surface, #fff)";
14
- backgroundColorForTabularMainPageContent: "var(--color-surface, #fff)";
15
- backgroundColorForUserMenuItemWhenHovered: "var(--color-neutral-95, hsl(232, 18%, 95%))";
16
- borderBottomForTabularPageHeader: string;
17
- borderColorForDialogDivider: "var(--color-neutral-90, hsl(232, 18%, 90%))";
18
- borderColorForModalPageHeaderDivider: "var(--color-neutral-90, hsl(232, 18%, 90%))";
19
- borderColorForModalTopBarWhenSurface: "var(--color-surface, #fff)";
20
- fontSizeForNavbarLink: "var(--font-size-20, 0.875rem)";
21
- fontWeightForNavbarLink: "var(--font-weight-400, 400)";
22
- fontWeightForNavbarLinkWhenActive: "var(--font-weight-600, 600)";
23
- fontWeightForNavbarLinkWhenHovered: "var(--font-weight-600, 600)";
24
- heightForTab: string;
25
- lineHeightForNavbarLink: "var(--line-height-20, 1.375rem)";
26
- marginBottomForPageTopBar: "var(--spacing-40, 24px)";
27
3
  marginForCustomViewsSelectorAsTabular: string;
28
- marginForDialogContainerContents: string;
29
- marginForModalPageHeader: string;
30
- marginForUserMenuItem: string;
31
- marginLeftForModalPageHeaderControls: "var(--spacing-50, 32px)";
32
- marginRightForAppbar: string;
33
- marginTopForDialogFooter: "var(--spacing-50, 32px)";
34
4
  marginForPageContent: string;
35
- marginForModalsPageContent: string;
36
- marginTopForPageSubtitle: "var(--spacing-20, 8px)";
37
- marginTopForTabControls: "var(--spacing-40, 24px)";
38
5
  paddingForDetailPageHeader: string;
39
- paddingForDialogContainer: string;
40
- paddingForDialogContent: string;
41
6
  paddingForMainPageHeader: string;
42
- paddingForModalPageHeader: string;
43
- paddingForModalTopBar: string;
44
7
  paddingForTabularPageHeader: string;
45
- paddingLeftForTabAsFirst: "var(--spacing-30, 16px)";
46
- shadowForAppbar: string;
47
- shadowForNavbar: string;
48
- widthForDialogAsMedium: "var(--constraint-9, 442px)";
49
- widthForDialogAsLarge: "var(--constraint-13, 642px)";
50
- widthForPageLayoutContentColumn: string;
51
8
  };
52
9
  };
53
- 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>;
10
+ export declare const designTokens: Record<"marginForCustomViewsSelectorAsTabular" | "marginForPageContent" | "paddingForDetailPageHeader" | "paddingForMainPageHeader" | "paddingForTabularPageHeader", string>;
@@ -0,0 +1,108 @@
1
+ import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
2
+ import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
3
+ import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
4
+ import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
5
+ import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
6
+ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
7
+ import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
+ import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
+ import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
+ import _styled from '@emotion/styled/base';
11
+ import _pt from 'prop-types';
12
+ import 'react';
13
+ import { css } from '@emotion/react';
14
+ import CommercetoolsLogoOnWhiteSvg from '@commercetools-frontend/assets/logos/color-on-white-horizontal.svg';
15
+ import { designTokens } from '@commercetools-uikit/design-system';
16
+ import Spacings from '@commercetools-uikit/spacings';
17
+ import Text from '@commercetools-uikit/text';
18
+ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
19
+
20
+ 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; }
21
+ 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; }
22
+ const year = new Date().getUTCFullYear();
23
+ const Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
24
+ target: "e6h44oa2"
25
+ } : {
26
+ target: "e6h44oa2",
27
+ label: "Container"
28
+ })("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 */"));
29
+ const ContainerColumn = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
30
+ target: "e6h44oa1"
31
+ } : {
32
+ target: "e6h44oa1",
33
+ label: "ContainerColumn"
34
+ })("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 */"));
35
+ const ContainerColumnWide = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
36
+ target: "e6h44oa0"
37
+ } : {
38
+ target: "e6h44oa0",
39
+ label: "ContainerColumnWide"
40
+ })("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 */"));
41
+ const PublicPageLayoutContent = props => {
42
+ if (props.contentScale === 'wide') {
43
+ return jsx(ContainerColumnWide, {
44
+ children: props.children
45
+ });
46
+ }
47
+ return jsx(ContainerColumn, {
48
+ children: props.children
49
+ });
50
+ };
51
+ PublicPageLayoutContent.propTypes = process.env.NODE_ENV !== "production" ? {
52
+ welcomeMessage: _pt.string,
53
+ legalMessage: _pt.node,
54
+ contentScale: _pt.oneOf(['normal', 'wide']),
55
+ children: _pt.node.isRequired
56
+ } : {};
57
+ const PublicPageLayout = props => {
58
+ return jsx(Container, {
59
+ children: jsxs(Spacings.Stack, {
60
+ scale: "xl",
61
+ alignItems: "center",
62
+ children: [jsx(ContainerColumn, {
63
+ children: jsx("div", {
64
+ children: jsx("img", {
65
+ src: CommercetoolsLogoOnWhiteSvg,
66
+ alt: "commercetools logo"
67
+ })
68
+ })
69
+ }), props.welcomeMessage && jsx(ContainerColumn, {
70
+ children: jsx(Text.Headline, {
71
+ as: "h2",
72
+ children: jsx("div", {
73
+ 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 */"),
74
+ children: props.welcomeMessage
75
+ })
76
+ })
77
+ }), jsxs(Spacings.Stack, {
78
+ scale: "xl",
79
+ children: [jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsx(PublicPageLayoutContent, {
80
+ contentScale: props.contentScale,
81
+ children: jsxs(Spacings.Stack, {
82
+ scale: "xs",
83
+ alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
84
+ children: [props.legalMessage && jsx(Text.Detail, {
85
+ tone: "secondary",
86
+ children: props.legalMessage
87
+ }), jsx(Text.Detail, {
88
+ tone: "secondary",
89
+ children: "".concat(year, " \xA9 commercetools")
90
+ })]
91
+ })
92
+ })]
93
+ })]
94
+ })
95
+ });
96
+ };
97
+ PublicPageLayout.propTypes = process.env.NODE_ENV !== "production" ? {
98
+ welcomeMessage: _pt.string,
99
+ legalMessage: _pt.node,
100
+ contentScale: _pt.oneOf(['normal', 'wide']),
101
+ children: _pt.node.isRequired
102
+ } : {};
103
+ PublicPageLayout.displayName = 'PublicPageLayout';
104
+ PublicPageLayout.defaultProps = {
105
+ contentScale: 'normal'
106
+ };
107
+
108
+ export { PublicPageLayout as default };
@@ -17,39 +17,7 @@ var CommercetoolsLogoOnWhiteSvg = require('@commercetools-frontend/assets/logos/
17
17
  var designSystem = require('@commercetools-uikit/design-system');
18
18
  var Spacings = require('@commercetools-uikit/spacings');
19
19
  var Text = require('@commercetools-uikit/text');
20
- var dist_commercetoolsFrontendApplicationComponents = require('./commercetools-frontend-application-components.cjs.prod.js');
21
20
  var jsxRuntime = require('@emotion/react/jsx-runtime');
22
- require('react-intl');
23
- require('react-router-dom');
24
- require('@commercetools-uikit/utils');
25
- require('@babel/runtime-corejs3/core-js-stable/instance/concat');
26
- require('react-modal');
27
- require('@commercetools-frontend/constants');
28
- require('@commercetools-uikit/card');
29
- require('@commercetools-uikit/icons');
30
- require('@commercetools-uikit/secondary-icon-button');
31
- require('@commercetools-frontend/i18n');
32
- require('@commercetools-uikit/primary-button');
33
- require('@commercetools-uikit/secondary-button');
34
- require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
35
- require('lodash/omitBy');
36
- require('@babel/runtime-corejs3/helpers/slicedToArray');
37
- require('@babel/runtime-corejs3/core-js-stable/instance/map');
38
- require('@commercetools-frontend/sentry');
39
- require('@commercetools-uikit/accessible-button');
40
- require('@commercetools-uikit/constraints');
41
- require('@commercetools-frontend/actions-global');
42
- require('@commercetools-frontend/application-shell-connectors');
43
- require('@babel/runtime-corejs3/core-js-stable/set-timeout');
44
- require('@commercetools-uikit/flat-button');
45
- require('@flopflip/react-broadcast');
46
- require('@commercetools-uikit/icon-button');
47
- require('@babel/runtime-corejs3/core-js-stable/instance/find');
48
- require('@babel/runtime-corejs3/core-js-stable/object/entries');
49
- require('@commercetools-frontend/assets/images/page-not-found.svg');
50
- require('@commercetools-frontend/assets/images/doors-closed.svg');
51
- require('@react-hook/resize-observer');
52
- require('@commercetools-uikit/hooks');
53
21
 
54
22
  function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
55
23
 
@@ -71,13 +39,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _co
71
39
  const year = new Date().getUTCFullYear();
72
40
  const Container = /*#__PURE__*/_styled__default["default"]("div", {
73
41
  target: "e6h44oa2"
74
- } )("width:100%;min-height:100vh;display:flex;padding:", designSystem.customProperties.spacingXl, " 0;justify-content:center;background-size:cover;background-position:center;" + ("" ));
42
+ } )("width:100%;min-height:100vh;display:flex;padding:", designSystem.designTokens.spacingXl, " 0;justify-content:center;background-size:cover;background-position:center;" + ("" ));
75
43
  const ContainerColumn = /*#__PURE__*/_styled__default["default"]("div", {
76
44
  target: "e6h44oa1"
77
- } )("width:", dist_commercetoolsFrontendApplicationComponents.designTokens.widthForPageLayoutContentColumn, ";" + ("" ));
45
+ } )("width:calc(", designSystem.designTokens.constraint16, " / 2);" + ("" ));
78
46
  const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", {
79
47
  target: "e6h44oa0"
80
- } )("width:", designSystem.customProperties.constraint15, ";" + ("" ));
48
+ } )("width:", designSystem.designTokens.constraint15, ";" + ("" ));
81
49
  const PublicPageLayoutContent = props => {
82
50
  if (props.contentScale === 'wide') {
83
51
  return jsxRuntime.jsx(ContainerColumnWide, {
@@ -105,7 +73,7 @@ const PublicPageLayout = props => {
105
73
  children: jsxRuntime.jsx(Text__default["default"].Headline, {
106
74
  as: "h2",
107
75
  children: jsxRuntime.jsx("div", {
108
- css: /*#__PURE__*/react.css("color:", designSystem.customProperties.colorSolid, ";text-align:center;" + ("" ), "" ),
76
+ css: /*#__PURE__*/react.css("color:", designSystem.designTokens.colorSolid, ";text-align:center;" + ("" ), "" ),
109
77
  children: props.welcomeMessage
110
78
  })
111
79
  })
@@ -0,0 +1,126 @@
1
+ 'use strict';
2
+
3
+ var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
4
+ var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
5
+ var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
6
+ var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
7
+ var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
8
+ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
9
+ var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
10
+ var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
11
+ var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
+ var _styled = require('@emotion/styled/base');
13
+ var _pt = require('prop-types');
14
+ require('react');
15
+ var react = require('@emotion/react');
16
+ var CommercetoolsLogoOnWhiteSvg = require('@commercetools-frontend/assets/logos/color-on-white-horizontal.svg');
17
+ var designSystem = require('@commercetools-uikit/design-system');
18
+ var Spacings = require('@commercetools-uikit/spacings');
19
+ var Text = require('@commercetools-uikit/text');
20
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
21
+
22
+ function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
23
+
24
+ var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
25
+ var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
26
+ var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
27
+ var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
28
+ var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
29
+ var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
30
+ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
31
+ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
32
+ var _styled__default = /*#__PURE__*/_interopDefault(_styled);
33
+ var _pt__default = /*#__PURE__*/_interopDefault(_pt);
34
+ var CommercetoolsLogoOnWhiteSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLogoOnWhiteSvg);
35
+ var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
36
+ var Text__default = /*#__PURE__*/_interopDefault(Text);
37
+
38
+ 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; }
39
+ 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; }
40
+ const year = new Date().getUTCFullYear();
41
+ const Container = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
42
+ target: "e6h44oa2"
43
+ } : {
44
+ target: "e6h44oa2",
45
+ label: "Container"
46
+ })("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 */"));
47
+ const ContainerColumn = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
48
+ target: "e6h44oa1"
49
+ } : {
50
+ target: "e6h44oa1",
51
+ label: "ContainerColumn"
52
+ })("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 */"));
53
+ const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
54
+ target: "e6h44oa0"
55
+ } : {
56
+ target: "e6h44oa0",
57
+ label: "ContainerColumnWide"
58
+ })("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 */"));
59
+ const PublicPageLayoutContent = props => {
60
+ if (props.contentScale === 'wide') {
61
+ return jsxRuntime.jsx(ContainerColumnWide, {
62
+ children: props.children
63
+ });
64
+ }
65
+ return jsxRuntime.jsx(ContainerColumn, {
66
+ children: props.children
67
+ });
68
+ };
69
+ PublicPageLayoutContent.propTypes = process.env.NODE_ENV !== "production" ? {
70
+ welcomeMessage: _pt__default["default"].string,
71
+ legalMessage: _pt__default["default"].node,
72
+ contentScale: _pt__default["default"].oneOf(['normal', 'wide']),
73
+ children: _pt__default["default"].node.isRequired
74
+ } : {};
75
+ const PublicPageLayout = props => {
76
+ return jsxRuntime.jsx(Container, {
77
+ children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
78
+ scale: "xl",
79
+ alignItems: "center",
80
+ children: [jsxRuntime.jsx(ContainerColumn, {
81
+ children: jsxRuntime.jsx("div", {
82
+ children: jsxRuntime.jsx("img", {
83
+ src: CommercetoolsLogoOnWhiteSvg__default["default"],
84
+ alt: "commercetools logo"
85
+ })
86
+ })
87
+ }), props.welcomeMessage && jsxRuntime.jsx(ContainerColumn, {
88
+ children: jsxRuntime.jsx(Text__default["default"].Headline, {
89
+ as: "h2",
90
+ children: jsxRuntime.jsx("div", {
91
+ 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 */"),
92
+ children: props.welcomeMessage
93
+ })
94
+ })
95
+ }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
96
+ scale: "xl",
97
+ children: [jsxRuntime.jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsxRuntime.jsx(PublicPageLayoutContent, {
98
+ contentScale: props.contentScale,
99
+ children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
100
+ scale: "xs",
101
+ alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
102
+ children: [props.legalMessage && jsxRuntime.jsx(Text__default["default"].Detail, {
103
+ tone: "secondary",
104
+ children: props.legalMessage
105
+ }), jsxRuntime.jsx(Text__default["default"].Detail, {
106
+ tone: "secondary",
107
+ children: "".concat(year, " \xA9 commercetools")
108
+ })]
109
+ })
110
+ })]
111
+ })]
112
+ })
113
+ });
114
+ };
115
+ PublicPageLayout.propTypes = process.env.NODE_ENV !== "production" ? {
116
+ welcomeMessage: _pt__default["default"].string,
117
+ legalMessage: _pt__default["default"].node,
118
+ contentScale: _pt__default["default"].oneOf(['normal', 'wide']),
119
+ children: _pt__default["default"].node.isRequired
120
+ } : {};
121
+ PublicPageLayout.displayName = 'PublicPageLayout';
122
+ PublicPageLayout.defaultProps = {
123
+ contentScale: 'normal'
124
+ };
125
+
126
+ exports["default"] = PublicPageLayout;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/application-components",
3
- "version": "22.17.0",
3
+ "version": "22.17.2",
4
4
  "description": "Generic components for building Merchant Center applications",
5
5
  "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
6
6
  "repository": {
@@ -36,30 +36,30 @@
36
36
  "dependencies": {
37
37
  "@babel/runtime": "^7.22.15",
38
38
  "@babel/runtime-corejs3": "^7.22.15",
39
- "@commercetools-frontend/actions-global": "22.17.0",
40
- "@commercetools-frontend/application-config": "22.17.0",
41
- "@commercetools-frontend/application-shell-connectors": "22.17.0",
42
- "@commercetools-frontend/assets": "22.17.0",
43
- "@commercetools-frontend/constants": "22.17.0",
44
- "@commercetools-frontend/i18n": "22.17.0",
45
- "@commercetools-frontend/l10n": "22.17.0",
46
- "@commercetools-frontend/sentry": "22.17.0",
47
- "@commercetools-uikit/accessible-button": "^17.0.0",
48
- "@commercetools-uikit/card": "^17.0.0",
49
- "@commercetools-uikit/constraints": "^17.0.0",
50
- "@commercetools-uikit/design-system": "^17.0.0",
51
- "@commercetools-uikit/flat-button": "^17.0.0",
52
- "@commercetools-uikit/hooks": "^17.0.0",
53
- "@commercetools-uikit/icon-button": "^17.0.0",
54
- "@commercetools-uikit/icons": "^17.0.0",
55
- "@commercetools-uikit/label": "^17.0.0",
56
- "@commercetools-uikit/messages": "^17.0.0",
57
- "@commercetools-uikit/primary-button": "^17.0.0",
58
- "@commercetools-uikit/secondary-button": "^17.0.0",
59
- "@commercetools-uikit/secondary-icon-button": "^17.0.0",
60
- "@commercetools-uikit/spacings": "^17.0.0",
61
- "@commercetools-uikit/text": "^17.0.0",
62
- "@commercetools-uikit/utils": "^17.0.0",
39
+ "@commercetools-frontend/actions-global": "22.17.2",
40
+ "@commercetools-frontend/application-config": "22.17.2",
41
+ "@commercetools-frontend/application-shell-connectors": "22.17.2",
42
+ "@commercetools-frontend/assets": "22.17.2",
43
+ "@commercetools-frontend/constants": "22.17.2",
44
+ "@commercetools-frontend/i18n": "22.17.2",
45
+ "@commercetools-frontend/l10n": "22.17.2",
46
+ "@commercetools-frontend/sentry": "22.17.2",
47
+ "@commercetools-uikit/accessible-button": "^18.1.0",
48
+ "@commercetools-uikit/card": "^18.1.0",
49
+ "@commercetools-uikit/constraints": "^18.1.0",
50
+ "@commercetools-uikit/design-system": "^18.1.0",
51
+ "@commercetools-uikit/flat-button": "^18.1.0",
52
+ "@commercetools-uikit/hooks": "^18.1.0",
53
+ "@commercetools-uikit/icon-button": "^18.1.0",
54
+ "@commercetools-uikit/icons": "^18.1.0",
55
+ "@commercetools-uikit/label": "^18.1.0",
56
+ "@commercetools-uikit/messages": "^18.1.0",
57
+ "@commercetools-uikit/primary-button": "^18.1.0",
58
+ "@commercetools-uikit/secondary-button": "^18.1.0",
59
+ "@commercetools-uikit/secondary-icon-button": "^18.1.0",
60
+ "@commercetools-uikit/spacings": "^18.1.0",
61
+ "@commercetools-uikit/text": "^18.1.0",
62
+ "@commercetools-uikit/utils": "^18.1.0",
63
63
  "@emotion/react": "^11.11.1",
64
64
  "@emotion/styled": "^11.11.0",
65
65
  "@flopflip/react-broadcast": "13.1.7",