@commercetools-frontend/application-components 22.37.0 → 22.38.1

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

@@ -37,97 +37,56 @@ declare const CustomFormModalPage: {
     (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
     FormPrimaryButton: {
-        (props: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
             iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
         } & {
-            label: string | {
+            label?: (string | {
                 id: string;
                 description?: string | object | undefined;
                 defaultMessage?: string | undefined;
-            };
+            }) | undefined;
             onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
+            isDisabled?: boolean | undefined;
+            dataAttributes?: {
                 [key: string]: string;
-            };
+            } | undefined;
             children?: undefined;
         }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
         displayName: string;
-        defaultProps: Pick<{
-            label: string | {
-                id: string;
-                description?: string | object | undefined;
-                defaultMessage?: string | undefined;
-            };
-            onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
-                [key: string]: string;
-            };
-            children?: undefined;
-        }, "label" | "isDisabled" | "dataAttributes">;
     };
     FormSecondaryButton: {
-        (props: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
             iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
         } & {
-            label: string | {
+            label?: (string | {
                 id: string;
                 description?: string | object | undefined;
                 defaultMessage?: string | undefined;
-            };
+            }) | undefined;
             onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
+            isDisabled?: boolean | undefined;
+            dataAttributes?: {
                 [key: string]: string;
-            };
+            } | undefined;
             children?: undefined;
         }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
         displayName: string;
-        defaultProps: Pick<{
-            iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        } & {
-            label: string | {
-                id: string;
-                description?: string | object | undefined;
-                defaultMessage?: string | undefined;
-            };
-            onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
-                [key: string]: string;
-            };
-            children?: undefined;
-        }, "label" | "isDisabled" | "dataAttributes">;
     };
     FormDeleteButton: {
-        (props: {
-            label: string | {
+        ({ label, isDisabled, dataAttributes, ...props }: {
+            label?: (string | {
                 id: string;
                 description?: string | object | undefined;
                 defaultMessage?: string | undefined;
-            };
+            }) | undefined;
             onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
+            isDisabled?: boolean | undefined;
+            dataAttributes?: {
                 [key: string]: string;
-            };
+            } | undefined;
             children?: undefined;
         }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
         displayName: string;
-        defaultProps: Pick<{
-            label: string | {
-                id: string;
-                description?: string | object | undefined;
-                defaultMessage?: string | undefined;
-            };
-            onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
-                [key: string]: string;
-            };
-            children?: undefined;
-        }, "label" | "isDisabled" | "dataAttributes">;
     };
     Intl: {
         cancel: {

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

@@ -42,13 +42,12 @@ type Props = {
     labelSecondaryButton?: Label;
     onPrimaryButtonClick: (event: SyntheticEvent) => void;
     onSecondaryButtonClick: (event: SyntheticEvent) => void;
-    hideControls: boolean;
+    hideControls?: boolean;
     iconLeftSecondaryButton?: ReactElement;
 };
 declare const FormModalPage: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ hideControls, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
-    defaultProps: Pick<Props, "hideControls">;
     Intl: {
         cancel: {
             id: string;

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

@@ -22,19 +22,18 @@ type Props = {
      * @deprecated Not used anymore, as the value is controlled via the Stacking Layer System.
      */
     baseZIndex?: number;
-    getParentSelector: typeof getDefaultParentSelector;
-    shouldDelayOnClose: boolean;
+    getParentSelector?: typeof getDefaultParentSelector;
+    shouldDelayOnClose?: boolean;
     afterOpenStyles?: string | CSSObject;
     topBarColor?: 'surface' | 'neutral';
     currentPathLabel?: string;
     previousPathLabel?: Label;
     hidePathLabel?: boolean;
-    size: TModalPageSize;
+    size?: TModalPageSize;
     hideTopBar?: boolean;
 };
 declare const ModalPage: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ size, getParentSelector, shouldDelayOnClose, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
-    defaultProps: Pick<Props, "size" | "getParentSelector" | "shouldDelayOnClose">;
 };
 export default ModalPage;

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

@@ -1,6 +1,6 @@
 import { ReactElement, ReactNode, SyntheticEvent } from 'react';
 import type { CSSObject } from '@emotion/react';
-import { LocationDescriptor } from 'history';
+import type { TCustomViewSelectorProps } from '../../custom-views/custom-views-selector/types';
 type MessageDescriptor = {
     id: string;
     description?: string | object;
@@ -17,7 +17,7 @@ type Props = {
     /**
      * These codes are used to configure which Custom Views are available for every tab.
      */
-    customViewLocatorCodes?: Record<string, LocationDescriptor>;
+    customViewLocatorCodes?: TCustomViewSelectorProps['customViewLocatorCodes'];
     onClose?: (event: SyntheticEvent) => void;
     children: ReactNode;
     zIndex?: number;
@@ -34,104 +34,62 @@ type Props = {
     tabControls: ReactNode;
     subtitle?: string | ReactElement;
     formControls?: ReactNode;
-    hideControls: boolean;
+    hideControls?: boolean;
 };
 declare const TabularModalPage: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ hideControls, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
-    defaultProps: Pick<Props, "hideControls">;
     FormPrimaryButton: {
-        (props: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
             iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
         } & {
-            label: string | {
+            label?: (string | {
                 id: string;
                 description?: string | object | undefined;
                 defaultMessage?: string | undefined;
-            };
+            }) | undefined;
             onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
+            isDisabled?: boolean | undefined;
+            dataAttributes?: {
                 [key: string]: string;
-            };
+            } | undefined;
             children?: undefined;
         }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
         displayName: string;
-        defaultProps: Pick<{
-            label: string | {
-                id: string;
-                description?: string | object | undefined;
-                defaultMessage?: string | undefined;
-            };
-            onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
-                [key: string]: string;
-            };
-            children?: undefined;
-        }, "label" | "isDisabled" | "dataAttributes">;
     };
     FormSecondaryButton: {
-        (props: {
+        ({ label, isDisabled, dataAttributes, ...props }: {
             iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
         } & {
-            label: string | {
+            label?: (string | {
                 id: string;
                 description?: string | object | undefined;
                 defaultMessage?: string | undefined;
-            };
+            }) | undefined;
             onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
+            isDisabled?: boolean | undefined;
+            dataAttributes?: {
                 [key: string]: string;
-            };
+            } | undefined;
             children?: undefined;
         }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
         displayName: string;
-        defaultProps: Pick<{
-            iconLeft?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
-        } & {
-            label: string | {
-                id: string;
-                description?: string | object | undefined;
-                defaultMessage?: string | undefined;
-            };
-            onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
-                [key: string]: string;
-            };
-            children?: undefined;
-        }, "label" | "isDisabled" | "dataAttributes">;
     };
     FormDeleteButton: {
-        (props: {
-            label: string | {
+        ({ label, isDisabled, dataAttributes, ...props }: {
+            label?: (string | {
                 id: string;
                 description?: string | object | undefined;
                 defaultMessage?: string | undefined;
-            };
+            }) | undefined;
             onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
+            isDisabled?: boolean | undefined;
+            dataAttributes?: {
                 [key: string]: string;
-            };
+            } | undefined;
             children?: undefined;
         }): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
         displayName: string;
-        defaultProps: Pick<{
-            label: string | {
-                id: string;
-                description?: string | object | undefined;
-                defaultMessage?: string | undefined;
-            };
-            onClick: (event: SyntheticEvent<Element, Event>) => void;
-            isDisabled: boolean;
-            dataAttributes: {
-                [key: string]: string;
-            };
-            children?: undefined;
-        }, "label" | "isDisabled" | "dataAttributes">;
     };
     Intl: {
         cancel: {

package/dist/declarations/src/components/modal-pages/utils/modal-page-top-bar.d.ts

@@ -12,16 +12,15 @@ type MessageDescriptor = {
 };
 type Label = string | MessageDescriptor;
 type Props = {
-    color: 'surface' | 'neutral';
+    color?: 'surface' | 'neutral';
     currentPathLabel?: string;
-    previousPathLabel: Label;
+    previousPathLabel?: Label;
     hidePathLabel?: boolean;
     onClose: (event: SyntheticEvent) => void;
     children?: never;
 };
 declare const ModalPageTopBar: {
-    (props: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ color, previousPathLabel, hidePathLabel, ...props }: Props): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
-    defaultProps: Pick<Props, "color" | "previousPathLabel" | "hidePathLabel">;
 };
 export default ModalPageTopBar;

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

@@ -1,12 +1,9 @@
 import { type ReactNode } from 'react';
 export type TPageContentWide = {
-    columns: '1' | '1/1' | '2/1';
-    gapSize: '10' | '20';
+    columns?: '1' | '1/1' | '2/1';
+    gapSize?: '10' | '20';
     children: ReactNode;
     themeParentSelector?: () => HTMLElement | null;
 };
-declare function PageContentWide(props: TPageContentWide): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
-declare namespace PageContentWide {
-    var defaultProps: Pick<TPageContentWide, "columns" | "gapSize">;
-}
+declare function PageContentWide({ columns, gapSize, ...props }: TPageContentWide): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
 export default PageContentWide;

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

@@ -23,15 +23,14 @@ export type TTabHeaderProps = {
     /**
      * If `true`, indicates that the element is in a disabled state.
      */
-    isDisabled: boolean;
+    isDisabled?: boolean;
     /**
      * If `true`, marks the tab as active if the link matches exactly the route.
      */
-    exactPathMatch: boolean;
+    exactPathMatch?: boolean;
 };
 export declare const TabHeader: {
-    (props: TTabHeaderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    ({ isDisabled, exactPathMatch, ...props }: TTabHeaderProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
     displayName: string;
-    defaultProps: Pick<TTabHeaderProps, "isDisabled" | "exactPathMatch">;
 };
 export default TabHeader;

package/dist/{public-page-layout-d365f38f.cjs.prod.js → public-page-layout-2326dd98.cjs.prod.js}

@@ -9,6 +9,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 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 _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('prop-types');
 require('react');
 var react = require('@emotion/react');
@@ -44,11 +45,16 @@ const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", {
   target: "e1pnp02z0"
 } )("width:", designSystem.designTokens.constraint15, ";" + ("" ));
 
+const _excluded = ["contentScale"],
+  _excluded2 = ["contentScale"];
 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 PublicPageLayoutContent = props => {
-  if (props.contentScale === 'wide') {
+const PublicPageLayoutContent = _ref => {
+  let _ref$contentScale = _ref.contentScale,
+    contentScale = _ref$contentScale === void 0 ? 'normal' : _ref$contentScale,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (contentScale === 'wide') {
     return jsxRuntime.jsx(ContainerColumnWide, {
       children: props.children
     });
@@ -58,7 +64,10 @@ const PublicPageLayoutContent = props => {
   });
 };
 PublicPageLayoutContent.propTypes = {};
-const PublicPageLayout = props => {
+const PublicPageLayout = _ref2 => {
+  let _ref2$contentScale = _ref2.contentScale,
+    contentScale = _ref2$contentScale === void 0 ? 'normal' : _ref2$contentScale,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   return jsxRuntime.jsx(Container, {
     children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
       scale: "xl",
@@ -82,10 +91,10 @@ const PublicPageLayout = props => {
       }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
         scale: "xl",
         children: [jsxRuntime.jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsxRuntime.jsx(PublicPageLayoutContent, {
-          contentScale: props.contentScale,
+          contentScale: contentScale,
           children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
             scale: "xs",
-            alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
+            alignItems: contentScale === 'wide' ? 'center' : 'stretch',
             children: [props.legalMessage && jsxRuntime.jsx(Text__default["default"].Detail, {
               tone: "secondary",
               children: props.legalMessage
@@ -101,8 +110,5 @@ const PublicPageLayout = props => {
 };
 PublicPageLayout.propTypes = {};
 PublicPageLayout.displayName = 'PublicPageLayout';
-PublicPageLayout.defaultProps = {
-  contentScale: 'normal'
-};
 
 exports["default"] = PublicPageLayout;

package/dist/{public-page-layout-81be35b4.cjs.dev.js → public-page-layout-c5145325.cjs.dev.js}

@@ -9,6 +9,7 @@ var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-
 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 _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 var _pt = require('prop-types');
 require('react');
 var react = require('@emotion/react');
@@ -54,11 +55,16 @@ const ContainerColumnWide = /*#__PURE__*/_styled__default["default"]("div", proc
   label: "ContainerColumnWide"
 })("width:", designSystem.designTokens.constraint15, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIHVpS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmV4cG9ydCBjb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE1fTtcbmA7XG4iXX0= */"));
 
+const _excluded = ["contentScale"],
+  _excluded2 = ["contentScale"];
 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 PublicPageLayoutContent = props => {
-  if (props.contentScale === 'wide') {
+const PublicPageLayoutContent = _ref => {
+  let _ref$contentScale = _ref.contentScale,
+    contentScale = _ref$contentScale === void 0 ? 'normal' : _ref$contentScale,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (contentScale === 'wide') {
     return jsxRuntime.jsx(ContainerColumnWide, {
       children: props.children
     });
@@ -73,7 +79,10 @@ PublicPageLayoutContent.propTypes = process.env.NODE_ENV !== "production" ? {
   contentScale: _pt__default["default"].oneOf(['normal', 'wide']),
   children: _pt__default["default"].node.isRequired
 } : {};
-const PublicPageLayout = props => {
+const PublicPageLayout = _ref2 => {
+  let _ref2$contentScale = _ref2.contentScale,
+    contentScale = _ref2$contentScale === void 0 ? 'normal' : _ref2$contentScale,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   return jsxRuntime.jsx(Container, {
     children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
       scale: "xl",
@@ -90,17 +99,17 @@ const PublicPageLayout = props => {
         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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMER3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb1NtYWxsU3ZnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Fzc2V0cy9sb2dvcy9jb21tZXJjZXRvb2xzX2xvZ29fc21hbGwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgQ29udGFpbmVyLFxuICBDb250YWluZXJDb2x1bW4sXG4gIENvbnRhaW5lckNvbHVtbldpZGUsXG59IGZyb20gJy4vcHVibGljLXBhZ2UtbGF5b3V0LnN0eWxlcyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJykge1xuICAgIHJldHVybiA8Q29udGFpbmVyQ29sdW1uV2lkZT57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW5XaWRlPjtcbiAgfVxuICByZXR1cm4gPENvbnRhaW5lckNvbHVtbj57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW4+O1xufTtcblxuY29uc3QgUHVibGljUGFnZUxheW91dDogRkM8VFByb3BzPiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXI+XG4gICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCI+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29TbWFsbFN2Z30gYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCIgLz5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDJcIj5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgICl9XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCI+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9QdWJsaWNQYWdlTGF5b3V0Q29udGVudD5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuUHVibGljUGFnZUxheW91dC5kaXNwbGF5TmFtZSA9ICdQdWJsaWNQYWdlTGF5b3V0JztcblB1YmxpY1BhZ2VMYXlvdXQuZGVmYXVsdFByb3BzID0ge1xuICBjb250ZW50U2NhbGU6ICdub3JtYWwnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUHVibGljUGFnZUxheW91dDtcbiJdfQ== */"),
+            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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0V3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb1NtYWxsU3ZnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Fzc2V0cy9sb2dvcy9jb21tZXJjZXRvb2xzX2xvZ29fc21hbGwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgQ29udGFpbmVyLFxuICBDb250YWluZXJDb2x1bW4sXG4gIENvbnRhaW5lckNvbHVtbldpZGUsXG59IGZyb20gJy4vcHVibGljLXBhZ2UtbGF5b3V0LnN0eWxlcyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50OiBGQzxUUHJvcHM+ID0gKHtcbiAgY29udGVudFNjYWxlID0gJ25vcm1hbCcsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGlmIChjb250ZW50U2NhbGUgPT09ICd3aWRlJykge1xuICAgIHJldHVybiA8Q29udGFpbmVyQ29sdW1uV2lkZT57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW5XaWRlPjtcbiAgfVxuICByZXR1cm4gPENvbnRhaW5lckNvbHVtbj57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW4+O1xufTtcblxuY29uc3QgUHVibGljUGFnZUxheW91dDogRkM8VFByb3BzPiA9ICh7XG4gIGNvbnRlbnRTY2FsZSA9ICdub3JtYWwnLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXI+XG4gICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCI+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29TbWFsbFN2Z30gYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCIgLz5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDJcIj5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgICl9XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCI+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtjb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtjb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9QdWJsaWNQYWdlTGF5b3V0Q29udGVudD5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuUHVibGljUGFnZUxheW91dC5kaXNwbGF5TmFtZSA9ICdQdWJsaWNQYWdlTGF5b3V0JztcblxuZXhwb3J0IGRlZmF1bHQgUHVibGljUGFnZUxheW91dDtcbiJdfQ== */"),
             children: props.welcomeMessage
           })
         })
       }), jsxRuntime.jsxs(Spacings__default["default"].Stack, {
         scale: "xl",
         children: [jsxRuntime.jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsxRuntime.jsx(PublicPageLayoutContent, {
-          contentScale: props.contentScale,
+          contentScale: contentScale,
           children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
             scale: "xs",
-            alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
+            alignItems: contentScale === 'wide' ? 'center' : 'stretch',
             children: [props.legalMessage && jsxRuntime.jsx(Text__default["default"].Detail, {
               tone: "secondary",
               children: props.legalMessage
@@ -121,8 +130,5 @@ PublicPageLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt__default["default"].node.isRequired
 } : {};
 PublicPageLayout.displayName = 'PublicPageLayout';
-PublicPageLayout.defaultProps = {
-  contentScale: 'normal'
-};
 
 exports["default"] = PublicPageLayout;

package/dist/{public-page-layout-3fba954d.esm.js → public-page-layout-df1c566c.esm.js}

@@ -7,6 +7,7 @@ import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-st
 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 _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import _pt from 'prop-types';
 import 'react';
 import { css } from '@emotion/react';
@@ -36,11 +37,16 @@ const ContainerColumnWide = /*#__PURE__*/_styled("div", process.env.NODE_ENV ===
   label: "ContainerColumnWide"
 })("width:", designTokens.constraint15, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0I2QyIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIHVpS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5cbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBhZGRpbmc6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1hsfSAwO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRhaW5lckNvbHVtbiA9IHN0eWxlZC5kaXZgXG4gIHdpZHRoOiBjYWxjKCR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE2fSAvIDIpO1xuYDtcbmV4cG9ydCBjb25zdCBDb250YWluZXJDb2x1bW5XaWRlID0gc3R5bGVkLmRpdmBcbiAgd2lkdGg6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29uc3RyYWludDE1fTtcbmA7XG4iXX0= */"));
 
+const _excluded = ["contentScale"],
+  _excluded2 = ["contentScale"];
 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 PublicPageLayoutContent = props => {
-  if (props.contentScale === 'wide') {
+const PublicPageLayoutContent = _ref => {
+  let _ref$contentScale = _ref.contentScale,
+    contentScale = _ref$contentScale === void 0 ? 'normal' : _ref$contentScale,
+    props = _objectWithoutProperties(_ref, _excluded);
+  if (contentScale === 'wide') {
     return jsx(ContainerColumnWide, {
       children: props.children
     });
@@ -55,7 +61,10 @@ PublicPageLayoutContent.propTypes = process.env.NODE_ENV !== "production" ? {
   contentScale: _pt.oneOf(['normal', 'wide']),
   children: _pt.node.isRequired
 } : {};
-const PublicPageLayout = props => {
+const PublicPageLayout = _ref2 => {
+  let _ref2$contentScale = _ref2.contentScale,
+    contentScale = _ref2$contentScale === void 0 ? 'normal' : _ref2$contentScale,
+    props = _objectWithoutProperties(_ref2, _excluded2);
   return jsx(Container, {
     children: jsxs(Spacings.Stack, {
       scale: "xl",
@@ -72,17 +81,17 @@ const PublicPageLayout = props => {
         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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMER3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb1NtYWxsU3ZnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Fzc2V0cy9sb2dvcy9jb21tZXJjZXRvb2xzX2xvZ29fc21hbGwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgQ29udGFpbmVyLFxuICBDb250YWluZXJDb2x1bW4sXG4gIENvbnRhaW5lckNvbHVtbldpZGUsXG59IGZyb20gJy4vcHVibGljLXBhZ2UtbGF5b3V0LnN0eWxlcyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50OiBGQzxUUHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGlmIChwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJykge1xuICAgIHJldHVybiA8Q29udGFpbmVyQ29sdW1uV2lkZT57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW5XaWRlPjtcbiAgfVxuICByZXR1cm4gPENvbnRhaW5lckNvbHVtbj57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW4+O1xufTtcblxuY29uc3QgUHVibGljUGFnZUxheW91dDogRkM8VFByb3BzPiA9IChwcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXI+XG4gICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCI+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29TbWFsbFN2Z30gYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCIgLz5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDJcIj5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgICl9XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCI+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtwcm9wcy5jb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtwcm9wcy5jb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9QdWJsaWNQYWdlTGF5b3V0Q29udGVudD5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuUHVibGljUGFnZUxheW91dC5kaXNwbGF5TmFtZSA9ICdQdWJsaWNQYWdlTGF5b3V0JztcblB1YmxpY1BhZ2VMYXlvdXQuZGVmYXVsdFByb3BzID0ge1xuICBjb250ZW50U2NhbGU6ICdub3JtYWwnLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgUHVibGljUGFnZUxheW91dDtcbiJdfQ== */"),
+            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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInB1YmxpYy1wYWdlLWxheW91dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0V3QiIsImZpbGUiOiJwdWJsaWMtcGFnZS1sYXlvdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBDb21tZXJjZXRvb2xzTG9nb1NtYWxsU3ZnIGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Fzc2V0cy9sb2dvcy9jb21tZXJjZXRvb2xzX2xvZ29fc21hbGwuc3ZnJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHtcbiAgQ29udGFpbmVyLFxuICBDb250YWluZXJDb2x1bW4sXG4gIENvbnRhaW5lckNvbHVtbldpZGUsXG59IGZyb20gJy4vcHVibGljLXBhZ2UtbGF5b3V0LnN0eWxlcyc7XG5cbmNvbnN0IHllYXIgPSBuZXcgRGF0ZSgpLmdldFVUQ0Z1bGxZZWFyKCk7XG5cbnR5cGUgVFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgZGlzcGxheWVkIGJlbG93IHRoZSBjb21tZXJjZXRvb2xzIGxvZ28uXG4gICAqL1xuICB3ZWxjb21lTWVzc2FnZT86IHN0cmluZztcbiAgLyoqXG4gICAqIFJlbmRlcnMgYSBub2RlIGJlbG93IHRoZSBjb250ZW50LiBUaGlzIGlzIHVzdWFsbHkgdGhlIHBsYWNlIGZvciByZW5kZXJpbmdcbiAgICogbGlua3MgdG8gdGhlIHByaXZhY3ksIHRlcm1zLCBldGMgcGFnZXMuXG4gICAqL1xuICBsZWdhbE1lc3NhZ2U/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBUaGUgYG5vcm1hbGAgc2NhbGUgdXNlcyBhbiBob3Jpem9udGFsIGNvbnRyYWludCBzaXplIG9mIGA4YCAoMzg0cHgpLlxuICAgKiBUaGUgYHdpZGVgIHNjYWxlIHVzZXMgYW4gaG9yaXpvbnRhbCBjb250cmFpbnQgc2l6ZSBvZiBgMTVgICg3NDJweCkuXG4gICAqIFRoZSBgd2lkZWAgc2NhbGUgY2FuIGJlIHVzZWQgZm9yIHJlbmRlcmluZyB0aGUgY29udGVudCBpbiAyIGNvbHVtbnMuXG4gICAqL1xuICBjb250ZW50U2NhbGU/OiAnbm9ybWFsJyB8ICd3aWRlJztcbiAgLyoqXG4gICAqIElmIGBjb250ZW50U2NhbGVgIGlzIGBub3JtYWxgLCB0aGUgY29udGVudCBpcyByZW5kZXJlZCBpbiBvbmUgY29sdW1uLlxuICAgKiBJZiBgY29udGVudFNjYWxlYCBpcyBgd2lkZWAsIHlvdSBuZWVkIHRvIHBhc3MgMiBjaGlsZHJlbiBhcyB0aGV5IHdpbGwgYmUgZGlzcGxheWVkXG4gICAqIGluIHR3byBjb2x1bW5zLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50OiBGQzxUUHJvcHM+ID0gKHtcbiAgY29udGVudFNjYWxlID0gJ25vcm1hbCcsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIGlmIChjb250ZW50U2NhbGUgPT09ICd3aWRlJykge1xuICAgIHJldHVybiA8Q29udGFpbmVyQ29sdW1uV2lkZT57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW5XaWRlPjtcbiAgfVxuICByZXR1cm4gPENvbnRhaW5lckNvbHVtbj57cHJvcHMuY2hpbGRyZW59PC9Db250YWluZXJDb2x1bW4+O1xufTtcblxuY29uc3QgUHVibGljUGFnZUxheW91dDogRkM8VFByb3BzPiA9ICh7XG4gIGNvbnRlbnRTY2FsZSA9ICdub3JtYWwnLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXI+XG4gICAgICA8U3BhY2luZ3MuU3RhY2sgc2NhbGU9XCJ4bFwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCI+XG4gICAgICAgICAgICA8aW1nIHNyYz17Q29tbWVyY2V0b29sc0xvZ29TbWFsbFN2Z30gYWx0PVwiY29tbWVyY2V0b29scyBsb2dvXCIgLz5cbiAgICAgICAgICA8L1NwYWNpbmdzLklubGluZT5cbiAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZSAmJiAoXG4gICAgICAgICAgPENvbnRhaW5lckNvbHVtbj5cbiAgICAgICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDJcIj5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTb2xpZH07XG4gICAgICAgICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtwcm9wcy53ZWxjb21lTWVzc2FnZX1cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICAgICAgPC9Db250YWluZXJDb2x1bW4+XG4gICAgICAgICl9XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjayBzY2FsZT1cInhsXCI+XG4gICAgICAgICAgPFB1YmxpY1BhZ2VMYXlvdXRDb250ZW50IHsuLi5wcm9wc30gLz5cbiAgICAgICAgICA8UHVibGljUGFnZUxheW91dENvbnRlbnQgY29udGVudFNjYWxlPXtjb250ZW50U2NhbGV9PlxuICAgICAgICAgICAgPFNwYWNpbmdzLlN0YWNrXG4gICAgICAgICAgICAgIHNjYWxlPVwieHNcIlxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPXtjb250ZW50U2NhbGUgPT09ICd3aWRlJyA/ICdjZW50ZXInIDogJ3N0cmV0Y2gnfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7cHJvcHMubGVnYWxNZXNzYWdlICYmIChcbiAgICAgICAgICAgICAgICA8VGV4dC5EZXRhaWwgdG9uZT1cInNlY29uZGFyeVwiPntwcm9wcy5sZWdhbE1lc3NhZ2V9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgIDxUZXh0LkRldGFpbCB0b25lPVwic2Vjb25kYXJ5XCI+e2Ake3llYXJ9IMKpIGNvbW1lcmNldG9vbHNgfTwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICAgICAgPC9QdWJsaWNQYWdlTGF5b3V0Q29udGVudD5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuUHVibGljUGFnZUxheW91dC5kaXNwbGF5TmFtZSA9ICdQdWJsaWNQYWdlTGF5b3V0JztcblxuZXhwb3J0IGRlZmF1bHQgUHVibGljUGFnZUxheW91dDtcbiJdfQ== */"),
             children: props.welcomeMessage
           })
         })
       }), jsxs(Spacings.Stack, {
         scale: "xl",
         children: [jsx(PublicPageLayoutContent, _objectSpread({}, props)), jsx(PublicPageLayoutContent, {
-          contentScale: props.contentScale,
+          contentScale: contentScale,
           children: jsxs(Spacings.Stack, {
             scale: "xs",
-            alignItems: props.contentScale === 'wide' ? 'center' : 'stretch',
+            alignItems: contentScale === 'wide' ? 'center' : 'stretch',
             children: [props.legalMessage && jsx(Text.Detail, {
               tone: "secondary",
               children: props.legalMessage
@@ -103,8 +112,5 @@ PublicPageLayout.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _pt.node.isRequired
 } : {};
 PublicPageLayout.displayName = 'PublicPageLayout';
-PublicPageLayout.defaultProps = {
-  contentScale: 'normal'
-};
 
 export { PublicPageLayout as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-components",
-  "version": "22.37.0",
+  "version": "22.38.1",
   "description": "Generic components for building Merchant Center applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -36,14 +36,14 @@
   "dependencies": {
     "@babel/runtime": "^7.22.15",
     "@babel/runtime-corejs3": "^7.22.15",
-    "@commercetools-frontend/actions-global": "22.37.0",
-    "@commercetools-frontend/application-config": "22.37.0",
-    "@commercetools-frontend/application-shell-connectors": "22.37.0",
-    "@commercetools-frontend/assets": "22.37.0",
-    "@commercetools-frontend/constants": "22.37.0",
-    "@commercetools-frontend/i18n": "22.37.0",
-    "@commercetools-frontend/l10n": "22.37.0",
-    "@commercetools-frontend/sentry": "22.37.0",
+    "@commercetools-frontend/actions-global": "22.38.1",
+    "@commercetools-frontend/application-config": "22.38.1",
+    "@commercetools-frontend/application-shell-connectors": "22.38.1",
+    "@commercetools-frontend/assets": "22.38.1",
+    "@commercetools-frontend/constants": "22.38.1",
+    "@commercetools-frontend/i18n": "22.38.1",
+    "@commercetools-frontend/l10n": "22.38.1",
+    "@commercetools-frontend/sentry": "22.38.1",
     "@commercetools-uikit/accessible-button": "^19.17.1",
     "@commercetools-uikit/card": "^19.17.1",
     "@commercetools-uikit/constraints": "^19.17.1",
@@ -69,7 +69,7 @@
     "@types/history": "^4.7.11",
     "@types/lodash": "^4.14.198",
     "@types/prop-types": "^15.7.5",
-    "@types/react": "^17.0.80",
+    "@types/react": "^17.0.83",
     "@types/react-dom": "^17.0.19",
     "@types/react-modal": "^3.16.0",
     "@types/react-router-dom": "^5.3.3",