@commercetools-frontend/application-components 22.15.0 → 22.16.0

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.
Files changed (10) hide show
  1. package/dist/commercetools-frontend-application-components.cjs.dev.js +27 -18
  2. package/dist/commercetools-frontend-application-components.cjs.prod.js +19 -13
  3. package/dist/commercetools-frontend-application-components.esm.js +27 -18
  4. package/dist/declarations/src/components/internals/page.styles.d.ts +4 -0
  5. package/dist/declarations/src/theming.d.ts +2 -1
  6. package/dist/declarations/src/types/generated/settings.d.ts +54 -0
  7. package/package.json +25 -25
  8. /package/dist/{public-page-layout-c4bb2239.esm.js → public-page-layout-0308f7df.esm.js} +0 -0
  9. /package/dist/{public-page-layout-521d28bb.cjs.prod.js → public-page-layout-754550c4.cjs.prod.js} +0 -0
  10. /package/dist/{public-page-layout-98a81c62.cjs.dev.js → public-page-layout-8a809860.cjs.dev.js} +0 -0
package/dist/commercetools-frontend-application-components.cjs.dev.js CHANGED
@@ -86,9 +86,9 @@ var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthori
86
86
  var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
87
87
 
88
88
  // NOTE: This string will be replaced on build time with the package version.
89
- var version = "22.15.0";
89
+ var version = "22.16.0";
90
90
 
91
- var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
91
+ var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10;
92
92
  const appKitSpacing55 = '40px';
93
93
  // TODO: move to uikit?
94
94
  const colorAccent10 = 'hsl(195, 35.2941176471%, 10%)';
@@ -129,15 +129,16 @@ const themesOverrides = {
129
129
  marginRightForAppbar: appKitSpacing55,
130
130
  marginTopForDialogFooter: designSystem.designTokens.spacing50,
131
131
  marginForPageContent: _concatInstanceProperty__default["default"](_context2 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context2, appKitSpacing55),
132
+ marginForModalsPageContent: _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context3, appKitSpacing55),
132
133
  marginTopForPageSubtitle: designSystem.designTokens.spacing20,
133
134
  marginTopForTabControls: designSystem.designTokens.spacing40,
134
- paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context4, appKitSpacing55, " ")).call(_context3, designSystem.designTokens.spacing40),
135
- paddingForDialogContainer: _concatInstanceProperty__default["default"](_context5 = "".concat(designSystem.designTokens.spacing20, " ")).call(_context5, designSystem.designTokens.spacing30),
135
+ paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context5, appKitSpacing55, " ")).call(_context4, designSystem.designTokens.spacing40),
136
+ paddingForDialogContainer: _concatInstanceProperty__default["default"](_context6 = "".concat(designSystem.designTokens.spacing20, " ")).call(_context6, designSystem.designTokens.spacing30),
136
137
  paddingForDialogContent: "".concat(designSystem.designTokens.spacing40, " 0 0"),
137
- paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context6 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context6, appKitSpacing55, " 0"),
138
- paddingForModalPageHeader: _concatInstanceProperty__default["default"](_context7 = "".concat(designSystem.designTokens.spacing40, " 0 ")).call(_context7, designSystem.designTokens.spacing40),
139
- paddingForModalTopBar: _concatInstanceProperty__default["default"](_context8 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context8, appKitSpacing55, " 0"),
140
- paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context9 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context9, appKitSpacing55, " 0"),
138
+ paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context7 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context7, appKitSpacing55, " 0"),
139
+ paddingForModalPageHeader: _concatInstanceProperty__default["default"](_context8 = "".concat(designSystem.designTokens.spacing40, " 0 ")).call(_context8, designSystem.designTokens.spacing40),
140
+ paddingForModalTopBar: _concatInstanceProperty__default["default"](_context9 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context9, appKitSpacing55, " 0"),
141
+ paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context10 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context10, appKitSpacing55, " 0"),
141
142
  paddingLeftForTabAsFirst: designSystem.designTokens.spacing30,
142
143
  shadowForAppbar: newShadow1,
143
144
  shadowForNavbar: 'none',
@@ -1315,11 +1316,17 @@ PageHeader.displayName = 'PageHeader';
1315
1316
 
1316
1317
  function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
1317
1318
  const ContentWrapper$1 = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1319
+ target: "e1b7jwn02"
1320
+ } : {
1321
+ target: "e1b7jwn02",
1322
+ label: "ContentWrapper"
1323
+ })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yUGFnZUNvbnRlbnR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vZGFsQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JNb2RhbHNQYWdlQ29udGVudH07XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
1324
+ const ModalContentWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1318
1325
  target: "e1b7jwn01"
1319
1326
  } : {
1320
1327
  target: "e1b7jwn01",
1321
- label: "ContentWrapper"
1322
- })("flex:1;flex-basis:0;margin:", designTokens.marginForPageContent, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JQYWdlQ29udGVudH07XG4gIG92ZXJmbG93OiBhdXRvO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcbiJdfQ== */"));
1328
+ label: "ModalContentWrapper"
1329
+ })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForModalsPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU2QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yUGFnZUNvbnRlbnR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vZGFsQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JNb2RhbHNQYWdlQ29udGVudH07XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
1323
1330
  const PageWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1324
1331
  target: "e1b7jwn00"
1325
1332
  } : {
@@ -1331,7 +1338,7 @@ const PageWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.
1331
1338
  } : {
1332
1339
  name: "kdbhus",
1333
1340
  styles: "height:100%;display:flex;flex-direction:column",
1334
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JQYWdlQ29udGVudH07XG4gIG92ZXJmbG93OiBhdXRvO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcbiJdfQ== */",
1341
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCcUMiLCJmaWxlIjoicGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yTW9kYWxzUGFnZUNvbnRlbnR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcbiJdfQ== */",
1335
1342
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
1336
1343
  });
1337
1344
 
@@ -1349,7 +1356,7 @@ const InfoModalPage = props => jsxRuntime.jsxs(ModalPage, {
1349
1356
  title: props.title,
1350
1357
  subtitle: props.subtitle,
1351
1358
  customViewLocatorCode: props.customViewLocatorCode
1352
- }), jsxRuntime.jsx(ContentWrapper$1, {
1359
+ }), jsxRuntime.jsx(ModalContentWrapper, {
1353
1360
  children: props.children
1354
1361
  })]
1355
1362
  });
@@ -1478,7 +1485,7 @@ const CustomFormModalPage = props => jsxRuntime.jsxs(ModalPage, {
1478
1485
  alignItems: "flex-end",
1479
1486
  children: props.formControls
1480
1487
  })
1481
- }), jsxRuntime.jsx(ContentWrapper$1, {
1488
+ }), jsxRuntime.jsx(ModalContentWrapper, {
1482
1489
  children: props.children
1483
1490
  })]
1484
1491
  });
@@ -1692,7 +1699,7 @@ const TabularModalPage = props => {
1692
1699
  margin: "".concat(designSystem.designTokens.spacing30, " 0 0 0"),
1693
1700
  customViewLocatorCode: currentCustomViewLocatorCode
1694
1701
  })
1695
- }), jsxRuntime.jsx(ContentWrapper$1, {
1702
+ }), jsxRuntime.jsx(ModalContentWrapper, {
1696
1703
  children: props.children
1697
1704
  })]
1698
1705
  });
@@ -2009,26 +2016,28 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
2009
2016
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
2010
2017
  TabularDetailPage.Intl = i18n.sharedMessages;
2011
2018
 
2012
- const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-98a81c62.cjs.dev.js' /* webpackChunkName: "public-page-layout" */); }));
2019
+ const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-8a809860.cjs.dev.js' /* webpackChunkName: "public-page-layout" */); }));
2013
2020
 
2014
2021
  const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
2015
2022
  target: "ev8m2jf2"
2016
2023
  } : {
2017
2024
  target: "ev8m2jf2",
2018
2025
  label: "MainPageContainer"
2019
- })("padding:", designTokens.paddingForMainPageHeader, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
2026
+ })("padding:", designTokens.paddingForMainPageHeader, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbi8vIE5PVEU6IGRvIG5vdCBjaGFuZ2UgXCJtYXJnaW5cIiB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
2020
2027
  const Divider = /*#__PURE__*/_styled__default["default"]("hr", process.env.NODE_ENV === "production" ? {
2021
2028
  target: "ev8m2jf1"
2022
2029
  } : {
2023
2030
  target: "ev8m2jf1",
2024
2031
  label: "Divider"
2025
- })("background-color:", designTokens.backgroundColorForMainPageDivider, ";height:1px;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2dDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
2032
+ })("background-color:", designTokens.backgroundColorForMainPageDivider, ";height:1px;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2dDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbi8vIE5PVEU6IGRvIG5vdCBjaGFuZ2UgXCJtYXJnaW5cIiB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
2033
+
2034
+ // NOTE: do not change "margin" to "padding" as this breaks sticky DataTable styles
2026
2035
  const MainPageContent = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
2027
2036
  target: "ev8m2jf0"
2028
2037
  } : {
2029
2038
  target: "ev8m2jf0",
2030
2039
  label: "MainPageContent"
2031
- })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
2040
+ })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3lDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbi8vIE5PVEU6IGRvIG5vdCBjaGFuZ2UgXCJtYXJnaW5cIiB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
2032
2041
 
2033
2042
  const headerRowMargin = "".concat(designSystem.designTokens.spacing40, " 0 0 0");
2034
2043
  const CustomFormMainPage = props => {
package/dist/commercetools-frontend-application-components.cjs.prod.js CHANGED
@@ -85,9 +85,9 @@ var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthori
85
85
  var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
86
86
 
87
87
  // NOTE: This string will be replaced on build time with the package version.
88
- var version = "22.15.0";
88
+ var version = "22.16.0";
89
89
 
90
- var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
90
+ var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10;
91
91
  const appKitSpacing55 = '40px';
92
92
  // TODO: move to uikit?
93
93
  const colorAccent10 = 'hsl(195, 35.2941176471%, 10%)';
@@ -128,15 +128,16 @@ const themesOverrides = {
128
128
  marginRightForAppbar: appKitSpacing55,
129
129
  marginTopForDialogFooter: designSystem.designTokens.spacing50,
130
130
  marginForPageContent: _concatInstanceProperty__default["default"](_context2 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context2, appKitSpacing55),
131
+ marginForModalsPageContent: _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context3, appKitSpacing55),
131
132
  marginTopForPageSubtitle: designSystem.designTokens.spacing20,
132
133
  marginTopForTabControls: designSystem.designTokens.spacing40,
133
- paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context3 = _concatInstanceProperty__default["default"](_context4 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context4, appKitSpacing55, " ")).call(_context3, designSystem.designTokens.spacing40),
134
- paddingForDialogContainer: _concatInstanceProperty__default["default"](_context5 = "".concat(designSystem.designTokens.spacing20, " ")).call(_context5, designSystem.designTokens.spacing30),
134
+ paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context4 = _concatInstanceProperty__default["default"](_context5 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context5, appKitSpacing55, " ")).call(_context4, designSystem.designTokens.spacing40),
135
+ paddingForDialogContainer: _concatInstanceProperty__default["default"](_context6 = "".concat(designSystem.designTokens.spacing20, " ")).call(_context6, designSystem.designTokens.spacing30),
135
136
  paddingForDialogContent: "".concat(designSystem.designTokens.spacing40, " 0 0"),
136
- paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context6 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context6, appKitSpacing55, " 0"),
137
- paddingForModalPageHeader: _concatInstanceProperty__default["default"](_context7 = "".concat(designSystem.designTokens.spacing40, " 0 ")).call(_context7, designSystem.designTokens.spacing40),
138
- paddingForModalTopBar: _concatInstanceProperty__default["default"](_context8 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context8, appKitSpacing55, " 0"),
139
- paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context9 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context9, appKitSpacing55, " 0"),
137
+ paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context7 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context7, appKitSpacing55, " 0"),
138
+ paddingForModalPageHeader: _concatInstanceProperty__default["default"](_context8 = "".concat(designSystem.designTokens.spacing40, " 0 ")).call(_context8, designSystem.designTokens.spacing40),
139
+ paddingForModalTopBar: _concatInstanceProperty__default["default"](_context9 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context9, appKitSpacing55, " 0"),
140
+ paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context10 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context10, appKitSpacing55, " 0"),
140
141
  paddingLeftForTabAsFirst: designSystem.designTokens.spacing30,
141
142
  shadowForAppbar: newShadow1,
142
143
  shadowForNavbar: 'none',
@@ -1055,8 +1056,11 @@ PageHeader.propTypes = {};
1055
1056
  PageHeader.displayName = 'PageHeader';
1056
1057
 
1057
1058
  const ContentWrapper$1 = /*#__PURE__*/_styled__default["default"]("div", {
1059
+ target: "e1b7jwn02"
1060
+ } )("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + ("" ));
1061
+ const ModalContentWrapper = /*#__PURE__*/_styled__default["default"]("div", {
1058
1062
  target: "e1b7jwn01"
1059
- } )("flex:1;flex-basis:0;margin:", designTokens.marginForPageContent, ";overflow:auto;" + ("" ));
1063
+ } )("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForModalsPageContent, ";" + ("" ));
1060
1064
  const PageWrapper = /*#__PURE__*/_styled__default["default"]("div", {
1061
1065
  target: "e1b7jwn00"
1062
1066
  } )({
@@ -1078,7 +1082,7 @@ const InfoModalPage = props => jsxRuntime.jsxs(ModalPage, {
1078
1082
  title: props.title,
1079
1083
  subtitle: props.subtitle,
1080
1084
  customViewLocatorCode: props.customViewLocatorCode
1081
- }), jsxRuntime.jsx(ContentWrapper$1, {
1085
+ }), jsxRuntime.jsx(ModalContentWrapper, {
1082
1086
  children: props.children
1083
1087
  })]
1084
1088
  });
@@ -1160,7 +1164,7 @@ const CustomFormModalPage = props => jsxRuntime.jsxs(ModalPage, {
1160
1164
  alignItems: "flex-end",
1161
1165
  children: props.formControls
1162
1166
  })
1163
- }), jsxRuntime.jsx(ContentWrapper$1, {
1167
+ }), jsxRuntime.jsx(ModalContentWrapper, {
1164
1168
  children: props.children
1165
1169
  })]
1166
1170
  });
@@ -1301,7 +1305,7 @@ const TabularModalPage = props => {
1301
1305
  margin: "".concat(designSystem.designTokens.spacing30, " 0 0 0"),
1302
1306
  customViewLocatorCode: currentCustomViewLocatorCode
1303
1307
  })
1304
- }), jsxRuntime.jsx(ContentWrapper$1, {
1308
+ }), jsxRuntime.jsx(ModalContentWrapper, {
1305
1309
  children: props.children
1306
1310
  })]
1307
1311
  });
@@ -1504,7 +1508,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
1504
1508
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1505
1509
  TabularDetailPage.Intl = i18n.sharedMessages;
1506
1510
 
1507
- const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-521d28bb.cjs.prod.js' /* webpackChunkName: "public-page-layout" */); }));
1511
+ const PublicPageLayout = /*#__PURE__*/react$1.lazy(() => Promise.resolve().then(function () { return require('./public-page-layout-754550c4.cjs.prod.js' /* webpackChunkName: "public-page-layout" */); }));
1508
1512
 
1509
1513
  const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
1510
1514
  target: "ev8m2jf2"
@@ -1512,6 +1516,8 @@ const MainPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
1512
1516
  const Divider = /*#__PURE__*/_styled__default["default"]("hr", {
1513
1517
  target: "ev8m2jf1"
1514
1518
  } )("background-color:", designTokens.backgroundColorForMainPageDivider, ";height:1px;border:0;" + ("" ));
1519
+
1520
+ // NOTE: do not change "margin" to "padding" as this breaks sticky DataTable styles
1515
1521
  const MainPageContent = /*#__PURE__*/_styled__default["default"]("div", {
1516
1522
  target: "ev8m2jf0"
1517
1523
  } )("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + ("" ));
package/dist/commercetools-frontend-application-components.esm.js CHANGED
@@ -48,9 +48,9 @@ import useResizeObserver from '@react-hook/resize-observer';
48
48
  import { useMutationObserver } from '@commercetools-uikit/hooks';
49
49
 
50
50
  // NOTE: This string will be replaced on build time with the package version.
51
- var version = "22.15.0";
51
+ var version = "22.16.0";
52
52
 
53
- var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
53
+ var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10;
54
54
  const appKitSpacing55 = '40px';
55
55
  // TODO: move to uikit?
56
56
  const colorAccent10 = 'hsl(195, 35.2941176471%, 10%)';
@@ -91,15 +91,16 @@ const themesOverrides = {
91
91
  marginRightForAppbar: appKitSpacing55,
92
92
  marginTopForDialogFooter: designTokens$1.spacing50,
93
93
  marginForPageContent: _concatInstanceProperty(_context2 = "".concat(designTokens$1.spacing50, " ")).call(_context2, appKitSpacing55),
94
+ marginForModalsPageContent: _concatInstanceProperty(_context3 = "".concat(designTokens$1.spacing50, " ")).call(_context3, appKitSpacing55),
94
95
  marginTopForPageSubtitle: designTokens$1.spacing20,
95
96
  marginTopForTabControls: designTokens$1.spacing40,
96
- paddingForDetailPageHeader: _concatInstanceProperty(_context3 = _concatInstanceProperty(_context4 = "".concat(designTokens$1.spacing50, " ")).call(_context4, appKitSpacing55, " ")).call(_context3, designTokens$1.spacing40),
97
- paddingForDialogContainer: _concatInstanceProperty(_context5 = "".concat(designTokens$1.spacing20, " ")).call(_context5, designTokens$1.spacing30),
97
+ paddingForDetailPageHeader: _concatInstanceProperty(_context4 = _concatInstanceProperty(_context5 = "".concat(designTokens$1.spacing50, " ")).call(_context5, appKitSpacing55, " ")).call(_context4, designTokens$1.spacing40),
98
+ paddingForDialogContainer: _concatInstanceProperty(_context6 = "".concat(designTokens$1.spacing20, " ")).call(_context6, designTokens$1.spacing30),
98
99
  paddingForDialogContent: "".concat(designTokens$1.spacing40, " 0 0"),
99
- paddingForMainPageHeader: _concatInstanceProperty(_context6 = "".concat(designTokens$1.spacing50, " ")).call(_context6, appKitSpacing55, " 0"),
100
- paddingForModalPageHeader: _concatInstanceProperty(_context7 = "".concat(designTokens$1.spacing40, " 0 ")).call(_context7, designTokens$1.spacing40),
101
- paddingForModalTopBar: _concatInstanceProperty(_context8 = "".concat(designTokens$1.spacing40, " ")).call(_context8, appKitSpacing55, " 0"),
102
- paddingForTabularPageHeader: _concatInstanceProperty(_context9 = "".concat(designTokens$1.spacing40, " ")).call(_context9, appKitSpacing55, " 0"),
100
+ paddingForMainPageHeader: _concatInstanceProperty(_context7 = "".concat(designTokens$1.spacing50, " ")).call(_context7, appKitSpacing55, " 0"),
101
+ paddingForModalPageHeader: _concatInstanceProperty(_context8 = "".concat(designTokens$1.spacing40, " 0 ")).call(_context8, designTokens$1.spacing40),
102
+ paddingForModalTopBar: _concatInstanceProperty(_context9 = "".concat(designTokens$1.spacing40, " ")).call(_context9, appKitSpacing55, " 0"),
103
+ paddingForTabularPageHeader: _concatInstanceProperty(_context10 = "".concat(designTokens$1.spacing40, " ")).call(_context10, appKitSpacing55, " 0"),
103
104
  paddingLeftForTabAsFirst: designTokens$1.spacing30,
104
105
  shadowForAppbar: newShadow1,
105
106
  shadowForNavbar: 'none',
@@ -1277,11 +1278,17 @@ PageHeader.displayName = 'PageHeader';
1277
1278
 
1278
1279
  function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
1279
1280
  const ContentWrapper$1 = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1281
+ target: "e1b7jwn02"
1282
+ } : {
1283
+ target: "e1b7jwn02",
1284
+ label: "ContentWrapper"
1285
+ })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yUGFnZUNvbnRlbnR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vZGFsQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JNb2RhbHNQYWdlQ29udGVudH07XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
1286
+ const ModalContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1280
1287
  target: "e1b7jwn01"
1281
1288
  } : {
1282
1289
  target: "e1b7jwn01",
1283
- label: "ContentWrapper"
1284
- })("flex:1;flex-basis:0;margin:", designTokens.marginForPageContent, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JQYWdlQ29udGVudH07XG4gIG92ZXJmbG93OiBhdXRvO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcbiJdfQ== */"));
1290
+ label: "ModalContentWrapper"
1291
+ })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForModalsPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU2QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yUGFnZUNvbnRlbnR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IE1vZGFsQ29udGVudFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JNb2RhbHNQYWdlQ29udGVudH07XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
1285
1292
  const PageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1286
1293
  target: "e1b7jwn00"
1287
1294
  } : {
@@ -1293,7 +1300,7 @@ const PageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
1293
1300
  } : {
1294
1301
  name: "kdbhus",
1295
1302
  styles: "height:100%;display:flex;flex-direction:column",
1296
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JQYWdlQ29udGVudH07XG4gIG92ZXJmbG93OiBhdXRvO1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcbiJdfQ== */",
1303
+ map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCcUMiLCJmaWxlIjoicGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG5cbmV4cG9ydCBjb25zdCBNb2RhbENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yTW9kYWxzUGFnZUNvbnRlbnR9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcbiJdfQ== */",
1297
1304
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
1298
1305
  });
1299
1306
 
@@ -1311,7 +1318,7 @@ const InfoModalPage = props => jsxs(ModalPage, {
1311
1318
  title: props.title,
1312
1319
  subtitle: props.subtitle,
1313
1320
  customViewLocatorCode: props.customViewLocatorCode
1314
- }), jsx(ContentWrapper$1, {
1321
+ }), jsx(ModalContentWrapper, {
1315
1322
  children: props.children
1316
1323
  })]
1317
1324
  });
@@ -1440,7 +1447,7 @@ const CustomFormModalPage = props => jsxs(ModalPage, {
1440
1447
  alignItems: "flex-end",
1441
1448
  children: props.formControls
1442
1449
  })
1443
- }), jsx(ContentWrapper$1, {
1450
+ }), jsx(ModalContentWrapper, {
1444
1451
  children: props.children
1445
1452
  })]
1446
1453
  });
@@ -1654,7 +1661,7 @@ const TabularModalPage = props => {
1654
1661
  margin: "".concat(designTokens$1.spacing30, " 0 0 0"),
1655
1662
  customViewLocatorCode: currentCustomViewLocatorCode
1656
1663
  })
1657
- }), jsx(ContentWrapper$1, {
1664
+ }), jsx(ModalContentWrapper, {
1658
1665
  children: props.children
1659
1666
  })]
1660
1667
  });
@@ -1971,26 +1978,28 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
1971
1978
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1972
1979
  TabularDetailPage.Intl = sharedMessages;
1973
1980
 
1974
- const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-c4bb2239.esm.js' /* webpackChunkName: "public-page-layout" */));
1981
+ const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-0308f7df.esm.js' /* webpackChunkName: "public-page-layout" */));
1975
1982
 
1976
1983
  const MainPageContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1977
1984
  target: "ev8m2jf2"
1978
1985
  } : {
1979
1986
  target: "ev8m2jf2",
1980
1987
  label: "MainPageContainer"
1981
- })("padding:", designTokens.paddingForMainPageHeader, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
1988
+ })("padding:", designTokens.paddingForMainPageHeader, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzJDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbi8vIE5PVEU6IGRvIG5vdCBjaGFuZ2UgXCJtYXJnaW5cIiB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
1982
1989
  const Divider = /*#__PURE__*/_styled("hr", process.env.NODE_ENV === "production" ? {
1983
1990
  target: "ev8m2jf1"
1984
1991
  } : {
1985
1992
  target: "ev8m2jf1",
1986
1993
  label: "Divider"
1987
- })("background-color:", designTokens.backgroundColorForMainPageDivider, ";height:1px;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2dDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
1994
+ })("background-color:", designTokens.backgroundColorForMainPageDivider, ";height:1px;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT2dDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbi8vIE5PVEU6IGRvIG5vdCBjaGFuZ2UgXCJtYXJnaW5cIiB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
1995
+
1996
+ // NOTE: do not change "margin" to "padding" as this breaks sticky DataTable styles
1988
1997
  const MainPageContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1989
1998
  target: "ev8m2jf0"
1990
1999
  } : {
1991
2000
  target: "ev8m2jf0",
1992
2001
  label: "MainPageContent"
1993
- })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYXlDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICBmbGV4OiAxO1xuICBmbGV4LWJhc2lzOiAwO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLy8gTk9URTogZG8gbm90IGNoYW5nZSB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
2002
+ })("flex:1;flex-basis:0;overflow:auto;margin:", designTokens.marginForPageContent, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1haW4tcGFnZS5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3lDIiwiZmlsZSI6Im1haW4tcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5cbmV4cG9ydCBjb25zdCBNYWluUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNYWluUGFnZUhlYWRlcn07XG5gO1xuXG5leHBvcnQgY29uc3QgRGl2aWRlciA9IHN0eWxlZC5ocmBcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yTWFpblBhZ2VEaXZpZGVyfTtcbiAgaGVpZ2h0OiAxcHg7XG4gIGJvcmRlcjogMDtcbmA7XG5cbi8vIE5PVEU6IGRvIG5vdCBjaGFuZ2UgXCJtYXJnaW5cIiB0byBcInBhZGRpbmdcIiBhcyB0aGlzIGJyZWFrcyBzdGlja3kgRGF0YVRhYmxlIHN0eWxlc1xuZXhwb3J0IGNvbnN0IE1haW5QYWdlQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG4gIGZsZXgtYmFzaXM6IDA7XG4gIG92ZXJmbG93OiBhdXRvO1xuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvclBhZ2VDb250ZW50fTtcbmA7XG4iXX0= */"));
1994
2003
 
1995
2004
  const headerRowMargin = "".concat(designTokens$1.spacing40, " 0 0 0");
1996
2005
  const CustomFormMainPage = props => {
package/dist/declarations/src/components/internals/page.styles.d.ts CHANGED
@@ -3,6 +3,10 @@ export declare const ContentWrapper: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
4
  as?: import("react").ElementType<any> | undefined;
5
5
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ export declare const ModalContentWrapper: import("@emotion/styled").StyledComponent<{
7
+ theme?: import("@emotion/react").Theme | undefined;
8
+ as?: import("react").ElementType<any> | undefined;
9
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
10
  export declare const PageWrapper: import("@emotion/styled").StyledComponent<{
7
11
  theme?: import("@emotion/react").Theme | undefined;
8
12
  as?: import("react").ElementType<any> | undefined;
package/dist/declarations/src/theming.d.ts CHANGED
@@ -32,6 +32,7 @@ export declare const themesOverrides: {
32
32
  marginRightForAppbar: string;
33
33
  marginTopForDialogFooter: "var(--spacing-50, 32px)";
34
34
  marginForPageContent: string;
35
+ marginForModalsPageContent: string;
35
36
  marginTopForPageSubtitle: "var(--spacing-20, 8px)";
36
37
  marginTopForTabControls: "var(--spacing-40, 24px)";
37
38
  paddingForDetailPageHeader: string;
@@ -49,4 +50,4 @@ export declare const themesOverrides: {
49
50
  widthForPageLayoutContentColumn: string;
50
51
  };
51
52
  };
52
- 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" | "marginTopForPageSubtitle" | "marginTopForTabControls" | "paddingForDetailPageHeader" | "paddingForDialogContainer" | "paddingForDialogContent" | "paddingForMainPageHeader" | "paddingForModalPageHeader" | "paddingForModalTopBar" | "paddingForTabularPageHeader" | "paddingLeftForTabAsFirst" | "shadowForAppbar" | "shadowForNavbar" | "widthForDialogAsMedium" | "widthForDialogAsLarge" | "widthForPageLayoutContentColumn", string>;
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>;
package/dist/declarations/src/types/generated/settings.d.ts CHANGED
@@ -333,6 +333,19 @@ export type TCustomViewPermissionDataInput = {
333
333
  name: Scalars['String'];
334
334
  oAuthScopes: Array<Scalars['String']>;
335
335
  };
336
+ export type TCustomViewQueryInput = {
337
+ limit?: InputMaybe<Scalars['Int']>;
338
+ offset?: InputMaybe<Scalars['Int']>;
339
+ sort?: InputMaybe<Scalars['String']>;
340
+ where?: InputMaybe<TCustomViewQueryWhereInput>;
341
+ };
342
+ export type TCustomViewQueryWhereInput = {
343
+ defaultLabel?: InputMaybe<Scalars['String']>;
344
+ id?: InputMaybe<Scalars['ID']>;
345
+ locators?: InputMaybe<Array<Scalars['String']>>;
346
+ organizationId?: InputMaybe<Scalars['String']>;
347
+ type?: InputMaybe<TCustomViewType>;
348
+ };
336
349
  export declare enum TCustomViewSize {
337
350
  Large = "LARGE",
338
351
  Small = "SMALL"
@@ -351,6 +364,14 @@ export type TCustomViewTypeSettings = {
351
364
  export type TCustomViewTypeSettingsInput = {
352
365
  size?: InputMaybe<TCustomViewSize>;
353
366
  };
367
+ export type TCustomViewsPagedQueryResult = {
368
+ __typename?: 'CustomViewsPagedQueryResult';
369
+ count: Scalars['Int'];
370
+ limit: Scalars['Int'];
371
+ offset: Scalars['Int'];
372
+ results: Array<TCustomView>;
373
+ total: Scalars['Int'];
374
+ };
354
375
  export type TCustomersListView = {
355
376
  __typename?: 'CustomersListView';
356
377
  createdAt: Scalars['DateTime'];
@@ -1030,6 +1051,29 @@ export type TMyCustomApplicationQueryInput = {
1030
1051
  export type TMyCustomApplicationQueryWhereInput = {
1031
1052
  status?: InputMaybe<TCustomApplicationStatus>;
1032
1053
  };
1054
+ export type TMyCustomView = {
1055
+ __typename?: 'MyCustomView';
1056
+ createdAt: Scalars['DateTime'];
1057
+ defaultLabel: Scalars['String'];
1058
+ description?: Maybe<Scalars['String']>;
1059
+ id: Scalars['ID'];
1060
+ labelAllLocales: Array<TLocalizedField>;
1061
+ locators: Array<Scalars['String']>;
1062
+ organizationId: Scalars['String'];
1063
+ organizationName: Scalars['String'];
1064
+ permissions: Array<TCustomViewPermission>;
1065
+ status: TCustomViewStatus;
1066
+ type: TCustomViewType;
1067
+ typeSettings?: Maybe<TCustomViewTypeSettings>;
1068
+ updatedAt: Scalars['DateTime'];
1069
+ url: Scalars['String'];
1070
+ };
1071
+ export type TMyCustomViewsQueryInput = {
1072
+ where?: InputMaybe<TMyCustomViewsQueryWhereInput>;
1073
+ };
1074
+ export type TMyCustomViewsQueryWhereInput = {
1075
+ status?: InputMaybe<TCustomViewStatus>;
1076
+ };
1033
1077
  export type TNavbarMenu = {
1034
1078
  __typename?: 'NavbarMenu';
1035
1079
  createdAt: Scalars['DateTime'];
@@ -1199,6 +1243,7 @@ export type TOrganizationExtensionForCustomView = {
1199
1243
  export type TPimSearchListView = {
1200
1244
  __typename?: 'PimSearchListView';
1201
1245
  createdAt: Scalars['DateTime'];
1246
+ expandedRows: Array<Scalars['String']>;
1202
1247
  filters?: Maybe<Array<TFilterValues>>;
1203
1248
  id: Scalars['ID'];
1204
1249
  isActive?: Maybe<Scalars['Boolean']>;
@@ -1211,6 +1256,7 @@ export type TPimSearchListView = {
1211
1256
  userId: Scalars['String'];
1212
1257
  };
1213
1258
  export type TPimSearchListViewInput = {
1259
+ expandedRows?: InputMaybe<Array<Scalars['String']>>;
1214
1260
  filters: Array<TFilterValuesCreateInput>;
1215
1261
  nameAllLocales: Array<TLocalizedFieldCreateInput>;
1216
1262
  search?: InputMaybe<Scalars['String']>;
@@ -1326,6 +1372,7 @@ export type TQuery = {
1326
1372
  allAppliedCustomApplicationPermissions: Array<TCustomApplicationInstallationPermission>;
1327
1373
  allAppliedCustomViewPermissions: Array<TCustomViewInstallationPermission>;
1328
1374
  allCustomApplications: TCustomApplicationsPagedQueryResult;
1375
+ allCustomViews: TCustomViewsPagedQueryResult;
1329
1376
  allCustomViewsInstallationsByLocator: Array<TRestrictedCustomViewInstallationForProject>;
1330
1377
  allCustomViewsLocatorGroups: Array<TCustomViewLocatorGroup>;
1331
1378
  allFeatures: Array<TFeature>;
@@ -1348,6 +1395,7 @@ export type TQuery = {
1348
1395
  discountCodesCustomViews: Array<Maybe<TDiscountsCustomView>>;
1349
1396
  globalOrganizationExtension?: Maybe<TOrganizationExtension>;
1350
1397
  myCustomApplications: Array<TMyCustomApplication>;
1398
+ myCustomViews: Array<TMyCustomView>;
1351
1399
  orderDetailView?: Maybe<TOrderDetailView>;
1352
1400
  orderDetailViews: Array<Maybe<TOrderDetailView>>;
1353
1401
  ordersListView?: Maybe<TOrdersListView>;
@@ -1382,6 +1430,9 @@ export type TQuery_AllAppliedCustomViewPermissionsArgs = {
1382
1430
  export type TQuery_AllCustomApplicationsArgs = {
1383
1431
  params?: InputMaybe<TCustomApplicationQueryInput>;
1384
1432
  };
1433
+ export type TQuery_AllCustomViewsArgs = {
1434
+ params?: InputMaybe<TCustomViewQueryInput>;
1435
+ };
1385
1436
  export type TQuery_AllCustomViewsInstallationsByLocatorArgs = {
1386
1437
  locator: Scalars['String'];
1387
1438
  };
@@ -1424,6 +1475,9 @@ export type TQuery_GlobalOrganizationExtensionArgs = {
1424
1475
  export type TQuery_MyCustomApplicationsArgs = {
1425
1476
  params?: InputMaybe<TMyCustomApplicationQueryInput>;
1426
1477
  };
1478
+ export type TQuery_MyCustomViewsArgs = {
1479
+ params?: InputMaybe<TMyCustomViewsQueryInput>;
1480
+ };
1427
1481
  export type TQuery_OrderDetailViewArgs = {
1428
1482
  id: Scalars['ID'];
1429
1483
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/application-components",
3
- "version": "22.15.0",
3
+ "version": "22.16.0",
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.15.0",
40
- "@commercetools-frontend/application-config": "22.15.0",
41
- "@commercetools-frontend/application-shell-connectors": "22.15.0",
42
- "@commercetools-frontend/assets": "22.15.0",
43
- "@commercetools-frontend/constants": "22.15.0",
44
- "@commercetools-frontend/i18n": "22.15.0",
45
- "@commercetools-frontend/l10n": "22.15.0",
46
- "@commercetools-frontend/sentry": "22.15.0",
47
- "@commercetools-uikit/accessible-button": "^16.12.0",
48
- "@commercetools-uikit/card": "^16.12.0",
49
- "@commercetools-uikit/constraints": "^16.12.0",
50
- "@commercetools-uikit/design-system": "^16.12.0",
51
- "@commercetools-uikit/flat-button": "^16.12.0",
52
- "@commercetools-uikit/hooks": "^16.12.0",
53
- "@commercetools-uikit/icon-button": "^16.12.0",
54
- "@commercetools-uikit/icons": "^16.12.0",
55
- "@commercetools-uikit/label": "^16.12.0",
56
- "@commercetools-uikit/messages": "^16.12.0",
57
- "@commercetools-uikit/primary-button": "^16.12.0",
58
- "@commercetools-uikit/secondary-button": "^16.12.0",
59
- "@commercetools-uikit/secondary-icon-button": "^16.12.0",
60
- "@commercetools-uikit/spacings": "^16.12.0",
61
- "@commercetools-uikit/text": "^16.12.0",
62
- "@commercetools-uikit/utils": "^16.12.0",
39
+ "@commercetools-frontend/actions-global": "22.16.0",
40
+ "@commercetools-frontend/application-config": "22.16.0",
41
+ "@commercetools-frontend/application-shell-connectors": "22.16.0",
42
+ "@commercetools-frontend/assets": "22.16.0",
43
+ "@commercetools-frontend/constants": "22.16.0",
44
+ "@commercetools-frontend/i18n": "22.16.0",
45
+ "@commercetools-frontend/l10n": "22.16.0",
46
+ "@commercetools-frontend/sentry": "22.16.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",
63
63
  "@emotion/react": "^11.11.1",
64
64
  "@emotion/styled": "^11.11.0",
65
65
  "@flopflip/react-broadcast": "13.1.7",