@commercetools-frontend/application-components 22.23.2 → 22.24.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 (7) hide show
  1. package/README.md +1 -1
  2. package/dist/commercetools-frontend-application-components.cjs.dev.js +65 -65
  3. package/dist/commercetools-frontend-application-components.cjs.prod.js +52 -55
  4. package/dist/commercetools-frontend-application-components.esm.js +65 -65
  5. package/dist/declarations/src/components/internals/tabular-page.d.ts +9 -10
  6. package/dist/declarations/src/theming.d.ts +3 -1
  7. package/package.json +11 -11
package/README.md CHANGED
@@ -4,4 +4,4 @@
4
4
  <a href="https://www.npmjs.com/package/@commercetools-frontend/application-components"><img src="https://badgen.net/npm/v/@commercetools-frontend/application-components" alt="Latest release (latest dist-tag)" /></a> <a href="https://www.npmjs.com/package/@commercetools-frontend/application-components"><img src="https://badgen.net/npm/v/@commercetools-frontend/application-components/next" alt="Latest release (next dist-tag)" /></a> <a href="https://bundlephobia.com/result?p=@commercetools-frontend/application-components"><img src="https://badgen.net/bundlephobia/minzip/@commercetools-frontend/application-components" alt="Minified + GZipped size" /></a> <a href="https://github.com/commercetools/merchant-center-application-kit/blob/main/LICENSE"><img src="https://badgen.net/github/license/commercetools/merchant-center-application-kit" alt="GitHub license" /></a>
5
5
  </p>
6
6
 
7
- Check out the [documentation](https://docs.commercetools.com/custom-applications/api-reference/commercetools-frontend-application-components) for more information.
7
+ Check out the [documentation](https://docs.commercetools.com/merchant-center-customizations/api-reference/commercetools-frontend-application-components) for more information.
package/dist/commercetools-frontend-application-components.cjs.dev.js CHANGED
@@ -95,9 +95,9 @@ var Stamp__default = /*#__PURE__*/_interopDefault(Stamp);
95
95
  var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
96
96
 
97
97
  // NOTE: This string will be replaced on build time with the package version.
98
- var version = "22.23.2";
98
+ var version = "22.24.0";
99
99
 
100
- var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11;
100
+ var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13;
101
101
 
102
102
  // We keep these tokens as they are related to page layout components which should have
103
103
  // a slightly different layout (margins/paddings) when used within a Custom View panel.
@@ -109,9 +109,10 @@ const themesOverrides = {
109
109
  paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context3, designSystem.designTokens.spacing55, " ")).call(_context2, designSystem.designTokens.spacing40),
110
110
  paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context4 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context4, designSystem.designTokens.spacing55, " 0"),
111
111
  paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context5 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context5, designSystem.designTokens.spacing55, " 0"),
112
+ paddingForTabularModalPageHeader: _concatInstanceProperty__default["default"](_context6 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context6, designSystem.designTokens.spacing55, " 0"),
112
113
  // recolouring rollout
113
114
  backgroundColorForNavbar: designSystem.designTokens.colorPrimary,
114
- backgroundColorForNavbarExpander: _concatInstanceProperty__default["default"](_context6 = "linear-gradient(180deg, ".concat(designSystem.designTokens.colorPrimary, " 0%, ")).call(_context6, designSystem.designTokens.colorPrimary25, " 100%)"),
115
+ backgroundColorForNavbarExpander: _concatInstanceProperty__default["default"](_context7 = "linear-gradient(180deg, ".concat(designSystem.designTokens.colorPrimary, " 0%, ")).call(_context7, designSystem.designTokens.colorPrimary25, " 100%)"),
115
116
  backgroundColorForNavbarExpanderWhenHovered: designSystem.designTokens.colorPrimary40,
116
117
  backgroundColorForNavbarHeader: designSystem.designTokens.colorAccent10,
117
118
  backgroundColorForNavbarMenuItemWhenActive: designSystem.designTokens.colorAccent30,
@@ -127,10 +128,11 @@ const themesOverrides = {
127
128
  },
128
129
  recolouring: {
129
130
  marginForCustomViewsSelectorAsTabular: "0 ".concat(designSystem.designTokens.spacing55),
130
- marginForPageContent: _concatInstanceProperty__default["default"](_context7 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context7, designSystem.designTokens.spacing55),
131
- paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context8 = _concatInstanceProperty__default["default"](_context9 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context9, designSystem.designTokens.spacing55, " ")).call(_context8, designSystem.designTokens.spacing40),
132
- paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context10 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context10, designSystem.designTokens.spacing55, " 0"),
133
- paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context11 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context11, designSystem.designTokens.spacing55, " 0"),
131
+ marginForPageContent: _concatInstanceProperty__default["default"](_context8 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context8, designSystem.designTokens.spacing55),
132
+ paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context9 = _concatInstanceProperty__default["default"](_context10 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context10, designSystem.designTokens.spacing55, " ")).call(_context9, designSystem.designTokens.spacing40),
133
+ paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context11 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context11, designSystem.designTokens.spacing55, " 0"),
134
+ paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context12 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context12, designSystem.designTokens.spacing55, " 0"),
135
+ paddingForTabularModalPageHeader: _concatInstanceProperty__default["default"](_context13 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context13, designSystem.designTokens.spacing55, " 0"),
134
136
  backgroundColorForNavbar: designSystem.designTokens.colorPrimary10,
135
137
  backgroundColorForNavbarExpander: designSystem.designTokens.colorPrimary10,
136
138
  backgroundColorForNavbarExpanderWhenHovered: designSystem.designTokens.colorPrimary10,
@@ -219,11 +221,11 @@ TabHeader.propTypes = process.env.NODE_ENV !== "production" ? {
219
221
  exactPathMatch: _pt__default["default"].bool.isRequired
220
222
  } : {};
221
223
  TabHeader.displayName = 'TabHeader';
222
- const defaultProps$j = {
224
+ const defaultProps$i = {
223
225
  isDisabled: false,
224
226
  exactPathMatch: false
225
227
  };
226
- TabHeader.defaultProps = defaultProps$j;
228
+ TabHeader.defaultProps = defaultProps$i;
227
229
 
228
230
  const getConstraintForGridStyle = size => {
229
231
  switch (size) {
@@ -274,7 +276,7 @@ jsxRuntime.jsx("div", _objectSpread$7(_objectSpread$7({}, props), {}, {
274
276
  "data-role": "dialog-overlay",
275
277
  children: contentElement
276
278
  }));
277
- const defaultProps$i = {
279
+ const defaultProps$h = {
278
280
  // TODO: t-shirt sizes are deprecated but we need to keep using them for
279
281
  // backwards compatibility and to help with styling migration
280
282
  // After the migration is done, we should change this default value to 13.
@@ -359,7 +361,7 @@ DialogContainer.propTypes = process.env.NODE_ENV !== "production" ? {
359
361
  getParentSelector: _pt__default["default"].any.isRequired
360
362
  } : {};
361
363
  DialogContainer.displayName = 'DialogContainer';
362
- DialogContainer.defaultProps = defaultProps$i;
364
+ DialogContainer.defaultProps = defaultProps$h;
363
365
 
364
366
  // The overflow should be "auto", to make the container scrollable
365
367
  const DialogContent = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
@@ -448,7 +450,7 @@ function filterDataAttributes(obj) {
448
450
 
449
451
  function ownKeys$6(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; }
450
452
  function _objectSpread$6(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$6(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$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
451
- const defaultProps$h = {
453
+ const defaultProps$g = {
452
454
  isPrimaryButtonDisabled: false,
453
455
  dataAttributesPrimaryButton: {},
454
456
  dataAttributesSecondaryButton: {}
@@ -493,9 +495,9 @@ DialogFooter.propTypes = process.env.NODE_ENV !== "production" ? {
493
495
  iconLeftSecondaryButton: _pt__default["default"].element
494
496
  } : {};
495
497
  DialogFooter.displayName = 'DialogFooter';
496
- DialogFooter.defaultProps = defaultProps$h;
498
+ DialogFooter.defaultProps = defaultProps$g;
497
499
 
498
- const defaultProps$g = {
500
+ const defaultProps$f = {
499
501
  labelSecondary: i18n.sharedMessages.cancel,
500
502
  labelPrimary: i18n.sharedMessages.confirm
501
503
  };
@@ -548,7 +550,7 @@ ConfirmationDialog.propTypes = process.env.NODE_ENV !== "production" ? {
548
550
  getParentSelector: _pt__default["default"].func
549
551
  } : {};
550
552
  ConfirmationDialog.displayName = 'ConfirmationDialog';
551
- ConfirmationDialog.defaultProps = defaultProps$g;
553
+ ConfirmationDialog.defaultProps = defaultProps$f;
552
554
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
553
555
  // The Intl messages can be used for button labels.
554
556
  ConfirmationDialog.Intl = i18n.sharedMessages;
@@ -556,7 +558,7 @@ ConfirmationDialog.Intl = i18n.sharedMessages;
556
558
  // as the default dialog title.
557
559
  ConfirmationDialog.TextTitle = TextTitle;
558
560
 
559
- const defaultProps$f = {
561
+ const defaultProps$e = {
560
562
  labelSecondary: i18n.sharedMessages.cancel,
561
563
  labelPrimary: i18n.sharedMessages.save
562
564
  };
@@ -611,7 +613,7 @@ FormDialog.propTypes = process.env.NODE_ENV !== "production" ? {
611
613
  iconLeftSecondaryButton: _pt__default["default"].element
612
614
  } : {};
613
615
  FormDialog.displayName = 'FormDialog';
614
- FormDialog.defaultProps = defaultProps$f;
616
+ FormDialog.defaultProps = defaultProps$e;
615
617
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
616
618
  // The Intl messages can be used for button labels.
617
619
  FormDialog.Intl = i18n.sharedMessages;
@@ -654,7 +656,7 @@ const LargeIconWrapper = props => jsxRuntime.jsx("span", {
654
656
  LargeIconWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
655
657
  children: _pt__default["default"].element.isRequired
656
658
  } : {};
657
- const defaultProps$e = {
659
+ const defaultProps$d = {
658
660
  color: 'surface',
659
661
  previousPathLabel: messages$5.back,
660
662
  hidePathLabel: false
@@ -715,7 +717,7 @@ ModalPageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
715
717
  onClose: _pt__default["default"].func.isRequired
716
718
  } : {};
717
719
  ModalPageTopBar.displayName = 'ModalPageTopBar';
718
- ModalPageTopBar.defaultProps = defaultProps$e;
720
+ ModalPageTopBar.defaultProps = defaultProps$d;
719
721
 
720
722
  function _EMOTION_STRINGIFIED_CSS_ERROR__$a() { 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)."; }
721
723
  const stylesBySize = {
@@ -791,7 +793,7 @@ jsxRuntime.jsx("div", _objectSpread$5(_objectSpread$5({}, props), {}, {
791
793
  // However, we need to explicitly define this otherwise the prop-types babel plugin
792
794
  // does not recognize the object shape.
793
795
 
794
- const defaultProps$d = {
796
+ const defaultProps$c = {
795
797
  size: 'scale',
796
798
  getParentSelector: getDefaultParentSelector,
797
799
  shouldDelayOnClose: true
@@ -891,7 +893,7 @@ ModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
891
893
  hideTopBar: _pt__default["default"].bool
892
894
  } : {};
893
895
  ModalPage.displayName = 'ModalPage';
894
- ModalPage.defaultProps = defaultProps$d;
896
+ ModalPage.defaultProps = defaultProps$c;
895
897
 
896
898
  const messages$4 = reactIntl.defineMessages({
897
899
  loadError: {
@@ -1222,7 +1224,7 @@ CustomViewSelectorOrNothing.propTypes = process.env.NODE_ENV !== "production" ?
1222
1224
  } : {};
1223
1225
 
1224
1226
  function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { 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)."; }
1225
- const defaultProps$c = {
1227
+ const defaultProps$b = {
1226
1228
  titleSize: 'small',
1227
1229
  truncate: false
1228
1230
  };
@@ -1309,7 +1311,7 @@ PageHeaderTitle.propTypes = process.env.NODE_ENV !== "production" ? {
1309
1311
  subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element])
1310
1312
  } : {};
1311
1313
  PageHeaderTitle.displayName = 'PageHeaderTitle';
1312
- PageHeaderTitle.defaultProps = defaultProps$c;
1314
+ PageHeaderTitle.defaultProps = defaultProps$b;
1313
1315
 
1314
1316
  const PageHeader = props => {
1315
1317
  return jsxRuntime.jsxs("div", {
@@ -1543,7 +1545,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton;
1543
1545
  // The Intl messages can be used for button labels.
1544
1546
  CustomFormModalPage.Intl = i18n.sharedMessages;
1545
1547
 
1546
- const defaultProps$b = {
1548
+ const defaultProps$a = {
1547
1549
  hideControls: false
1548
1550
  };
1549
1551
  const FormModalPage = props => jsxRuntime.jsx(CustomFormModalPage, {
@@ -1614,7 +1616,7 @@ FormModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
1614
1616
  iconLeftSecondaryButton: _pt__default["default"].element
1615
1617
  } : {};
1616
1618
  FormModalPage.displayName = 'FormModalPage';
1617
- FormModalPage.defaultProps = defaultProps$b;
1619
+ FormModalPage.defaultProps = defaultProps$a;
1618
1620
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1619
1621
  // The Intl messages can be used for button labels.
1620
1622
  FormModalPage.Intl = i18n.sharedMessages;
@@ -1640,13 +1642,13 @@ const useCustomViewLocatorSelector = function () {
1640
1642
  };
1641
1643
 
1642
1644
  const TabControls = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1643
- target: "elpldre2"
1645
+ target: "elpldre4"
1644
1646
  } : {
1645
- target: "elpldre2",
1647
+ target: "elpldre4",
1646
1648
  label: "TabControls"
1647
- })("margin-top:", designSystem.designTokens.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTThCIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt1aUtpdERlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgYH1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuVGFidWxhclBhZ2VDb250YWluZXIuZGlzcGxheU5hbWUgPSAnVGFidWxhclBhZ2VDb250YWluZXInO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzLCAnY29sb3InPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbn07XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"));
1649
+ })("margin-top:", designSystem.designTokens.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTThCIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG5jb25zdCBUYWJ1bGFyUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgcGFkZGluZzogJHthcHBLaXREZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclRhYnVsYXJQYWdlSGVhZGVyfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuYDtcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nTX07XG5gO1xuXG5jb25zdCBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yQ3VzdG9tVmlld3NTZWxlY3RvckFzVGFidWxhcn07XG5gO1xuXG5jb25zdCBUYWJ1bGFyTW9kYWxQYWdlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtUYWJ1bGFyUGFnZUNvbnRhaW5lcn0ge1xuICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyTW9kYWxQYWdlSGVhZGVyfTtcbiAgfVxuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"));
1648
1650
  const ControlsContainter = props => jsxRuntime.jsxs("div", {
1649
- css: /*#__PURE__*/react.css("display:flex;align-items:flex-end;justify-content:space-between;margin-top:", designSystem.designTokens.spacing40, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ControlsContainter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt1aUtpdERlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgYH1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuVGFidWxhclBhZ2VDb250YWluZXIuZGlzcGxheU5hbWUgPSAnVGFidWxhclBhZ2VDb250YWluZXInO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzLCAnY29sb3InPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbn07XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"),
1651
+ css: /*#__PURE__*/react.css("display:flex;align-items:flex-end;justify-content:space-between;margin-top:", designSystem.designTokens.spacing40, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ControlsContainter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG5jb25zdCBUYWJ1bGFyUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgcGFkZGluZzogJHthcHBLaXREZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclRhYnVsYXJQYWdlSGVhZGVyfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuYDtcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nTX07XG5gO1xuXG5jb25zdCBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yQ3VzdG9tVmlld3NTZWxlY3RvckFzVGFidWxhcn07XG5gO1xuXG5jb25zdCBUYWJ1bGFyTW9kYWxQYWdlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtUYWJ1bGFyUGFnZUNvbnRhaW5lcn0ge1xuICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyTW9kYWxQYWdlSGVhZGVyfTtcbiAgfVxuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"),
1650
1652
  children: [jsxRuntime.jsx(TabControls, {
1651
1653
  role: "tablist",
1652
1654
  children: props.tabControls
@@ -1657,31 +1659,30 @@ ControlsContainter.propTypes = process.env.NODE_ENV !== "production" ? {
1657
1659
  formControls: _pt__default["default"].node
1658
1660
  } : {};
1659
1661
  ControlsContainter.displayName = 'ControlsContainter';
1660
- const TabularPageContainer = props => jsxRuntime.jsx("div", {
1661
- css: /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";padding:", designTokens.paddingForTabularPageHeader, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularPageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt1aUtpdERlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgYH1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuVGFidWxhclBhZ2VDb250YWluZXIuZGlzcGxheU5hbWUgPSAnVGFidWxhclBhZ2VDb250YWluZXInO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzLCAnY29sb3InPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbn07XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"),
1662
- children: props.children
1663
- });
1664
- TabularPageContainer.propTypes = process.env.NODE_ENV !== "production" ? {
1665
- children: _pt__default["default"].node.isRequired,
1666
- color: _pt__default["default"].oneOf(['surface', 'neutral']).isRequired
1667
- } : {};
1668
- TabularPageContainer.displayName = 'TabularPageContainer';
1669
- const defaultProps$a = {
1670
- color: 'surface'
1671
- };
1672
- TabularPageContainer.defaultProps = defaultProps$a;
1662
+ const TabularPageContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1663
+ target: "elpldre3"
1664
+ } : {
1665
+ target: "elpldre3",
1666
+ label: "TabularPageContainer"
1667
+ })("background-color:", designSystem.designTokens.colorSurface, ";padding:", designTokens.paddingForTabularPageHeader, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J1QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbmA7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuY29uc3QgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7VGFidWxhclBhZ2VDb250YWluZXJ9IHtcbiAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhck1vZGFsUGFnZUhlYWRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIFRhYnVsYXJNb2RhbFBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1673
1668
  const FormControlsContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1674
- target: "elpldre1"
1669
+ target: "elpldre2"
1675
1670
  } : {
1676
- target: "elpldre1",
1671
+ target: "elpldre2",
1677
1672
  label: "FormControlsContainer"
1678
- })("margin-bottom:", designSystem.designTokens.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR3QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxudHlwZSBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29sb3I6ICdzdXJmYWNlJyB8ICduZXV0cmFsJztcbn07XG5cbmNvbnN0IFRhYnVsYXJQYWdlQ29udGFpbmVyID0gKHByb3BzOiBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhclBhZ2VIZWFkZXJ9O1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICAgIGB9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1RhYnVsYXJQYWdlQ29udGFpbmVyJztcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcywgJ2NvbG9yJz4gPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScsXG59O1xuVGFidWxhclBhZ2VDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5jb25zdCBGb3JtQ29udHJvbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbmA7XG5cbmNvbnN0IEN1c3RvbVZpZXdzU2VsZWN0b3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JDdXN0b21WaWV3c1NlbGVjdG9yQXNUYWJ1bGFyfTtcbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1673
+ })("margin-bottom:", designSystem.designTokens.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUN3QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbmA7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuY29uc3QgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7VGFidWxhclBhZ2VDb250YWluZXJ9IHtcbiAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhck1vZGFsUGFnZUhlYWRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIFRhYnVsYXJNb2RhbFBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1679
1674
  const CustomViewsSelectorWrapper = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1675
+ target: "elpldre1"
1676
+ } : {
1677
+ target: "elpldre1",
1678
+ label: "CustomViewsSelectorWrapper"
1679
+ })("margin:", designTokens.marginForCustomViewsSelectorAsTabular, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUM2QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbmA7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuY29uc3QgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7VGFidWxhclBhZ2VDb250YWluZXJ9IHtcbiAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhck1vZGFsUGFnZUhlYWRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIFRhYnVsYXJNb2RhbFBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1680
+ const TabularModalPageContainer = /*#__PURE__*/_styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
1680
1681
  target: "elpldre0"
1681
1682
  } : {
1682
1683
  target: "elpldre0",
1683
- label: "CustomViewsSelectorWrapper"
1684
- })("margin:", designTokens.marginForCustomViewsSelectorAsTabular, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUQ2QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxudHlwZSBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29sb3I6ICdzdXJmYWNlJyB8ICduZXV0cmFsJztcbn07XG5cbmNvbnN0IFRhYnVsYXJQYWdlQ29udGFpbmVyID0gKHByb3BzOiBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhclBhZ2VIZWFkZXJ9O1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICAgIGB9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1RhYnVsYXJQYWdlQ29udGFpbmVyJztcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcywgJ2NvbG9yJz4gPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScsXG59O1xuVGFidWxhclBhZ2VDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5jb25zdCBGb3JtQ29udHJvbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbmA7XG5cbmNvbnN0IEN1c3RvbVZpZXdzU2VsZWN0b3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JDdXN0b21WaWV3c1NlbGVjdG9yQXNUYWJ1bGFyfTtcbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1684
+ label: "TabularModalPageContainer"
1685
+ })(TabularPageContainer, "{padding:", designTokens.paddingForTabularModalPageHeader, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM0QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbmA7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuY29uc3QgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7VGFidWxhclBhZ2VDb250YWluZXJ9IHtcbiAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhck1vZGFsUGFnZUhlYWRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIFRhYnVsYXJNb2RhbFBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1685
1686
 
1686
1687
  const defaultProps$9 = {
1687
1688
  hideControls: false
@@ -1700,22 +1701,23 @@ const TabularModalPage = props => {
1700
1701
  getParentSelector: props.getParentSelector,
1701
1702
  shouldDelayOnClose: props.shouldDelayOnClose,
1702
1703
  afterOpenStyles: props.afterOpenStyles,
1703
- children: [jsxRuntime.jsxs(TabularPageContainer, {
1704
- color: "neutral",
1705
- children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
1706
- title: props.title,
1707
- titleSize: "big",
1708
- subtitle: props.subtitle,
1709
- truncate: true
1710
- }), jsxRuntime.jsx(ControlsContainter, {
1711
- tabControls: props.tabControls,
1712
- formControls: jsxRuntime.jsx(FormControlsContainer, {
1713
- children: !props.hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
1714
- alignItems: "flex-end",
1715
- children: props.formControls
1704
+ children: [jsxRuntime.jsx(TabularModalPageContainer, {
1705
+ children: jsxRuntime.jsxs(TabularPageContainer, {
1706
+ children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
1707
+ title: props.title,
1708
+ titleSize: "big",
1709
+ subtitle: props.subtitle,
1710
+ truncate: true
1711
+ }), jsxRuntime.jsx(ControlsContainter, {
1712
+ tabControls: props.tabControls,
1713
+ formControls: jsxRuntime.jsx(FormControlsContainer, {
1714
+ children: !props.hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
1715
+ alignItems: "flex-end",
1716
+ children: props.formControls
1717
+ })
1716
1718
  })
1717
- })
1718
- })]
1719
+ })]
1720
+ })
1719
1721
  }), jsxRuntime.jsx(CustomViewsSelectorWrapper, {
1720
1722
  children: jsxRuntime.jsx(CustomViewSelectorOrNothing, {
1721
1723
  margin: "".concat(designSystem.designTokens.spacing30, " 0 0 0"),
@@ -1981,7 +1983,6 @@ const TabularDetailPage = props => {
1981
1983
  process.env.NODE_ENV !== "production" ? utils.warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularDetailPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
1982
1984
  return jsxRuntime.jsxs(PageWrapper, {
1983
1985
  children: [jsxRuntime.jsxs(TabularPageContainer, {
1984
- color: "neutral",
1985
1986
  children: [jsxRuntime.jsx(PageTopBar, {
1986
1987
  color: "neutral",
1987
1988
  previousPathLabel: props.previousPathLabel,
@@ -2216,7 +2217,6 @@ const TabularMainPage = props => {
2216
2217
  process.env.NODE_ENV !== "production" ? utils.warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularMainPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
2217
2218
  return jsxRuntime.jsxs(PageWrapper, {
2218
2219
  children: [jsxRuntime.jsxs(TabularPageContainer, {
2219
- color: "surface",
2220
2220
  children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
2221
2221
  title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
2222
2222
  subtitle: props.subtitle,
@@ -2236,7 +2236,7 @@ const TabularMainPage = props => {
2236
2236
  customViewLocatorCode: currentCustomViewLocatorCode
2237
2237
  })
2238
2238
  }), jsxRuntime.jsx(ContentWrapper$1, {
2239
- css: /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzR2dCIiwiZmlsZSI6InRhYnVsYXItbWFpbi1wYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgdHlwZSB7IExvY2F0aW9uRGVzY3JpcHRvciB9IGZyb20gJ2hpc3RvcnknO1xuaW1wb3J0IHsgc2hhcmVkTWVzc2FnZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9pMThuJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgdXNlQ3VzdG9tVmlld0xvY2F0b3JTZWxlY3RvciBmcm9tICcuLi8uLi8uLi9ob29rcy91c2UtY3VzdG9tLXZpZXctbG9jYXRvci1zZWxlY3Rvcic7XG5pbXBvcnQgQ3VzdG9tVmlld3NTZWxlY3RvciBmcm9tICcuLi8uLi9jdXN0b20tdmlld3MvY3VzdG9tLXZpZXdzLXNlbGVjdG9yJztcbmltcG9ydCB7XG4gIEZvcm1QcmltYXJ5QnV0dG9uLFxuICBGb3JtU2Vjb25kYXJ5QnV0dG9uLFxuICBGb3JtRGVsZXRlQnV0dG9uLFxufSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvZGVmYXVsdC1mb3JtLWJ1dHRvbnMnO1xuaW1wb3J0IFBhZ2VIZWFkZXJUaXRsZSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvcGFnZS1oZWFkZXItdGl0bGUnO1xuaW1wb3J0IHsgQ29udGVudFdyYXBwZXIsIFBhZ2VXcmFwcGVyIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzL3BhZ2Uuc3R5bGVzJztcbmltcG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59IGZyb20gJy4uLy4uL2ludGVybmFscy90YWJ1bGFyLXBhZ2UnO1xuXG50eXBlIFRUYWJ1bGFyTWFpblBhZ2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgcGFnZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFRoZXNlIGNvZGVzIGFyZSB1c2VkIHRvIGNvbmZpZ3VyZSB3aGljaCBDdXN0b20gVmlld3MgYXJlIGF2YWlsYWJsZSBmb3IgZXZlcnkgdGFiLlxuICAgKi9cbiAgY3VzdG9tVmlld0xvY2F0b3JDb2Rlcz86IFJlY29yZDxzdHJpbmcsIExvY2F0aW9uRGVzY3JpcHRvcj47XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJNYWluUGFnZVByb3BzLCAnaGlkZUNvbnRyb2xzJz4gPSB7XG4gIGhpZGVDb250cm9sczogZmFsc2UsXG59O1xuXG5jb25zdCBUYWJ1bGFyTWFpblBhZ2UgPSAocHJvcHM6IFRUYWJ1bGFyTWFpblBhZ2VQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgfSA9IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IoXG4gICAgcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2Rlc1xuICApO1xuXG4gIHdhcm5pbmcoXG4gICAgcHJvcHMudGl0bGUgIT09IHVuZGVmaW5lZCB8fCBwcm9wcy5jdXN0b21UaXRsZVJvdyAhPT0gdW5kZWZpbmVkLFxuICAgICdUYWJ1bGFyTWFpblBhZ2U6IG9uZSBvZiBlaXRoZXIgYHRpdGxlYCBvciBgY3VzdG9tVGl0bGVSb3dgIGlzIHJlcXVpcmVkIGJ1dCBib3RoIHRoZWlyIHZhbHVlcyBhcmUgYHVuZGVmaW5lZGAnXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFnZVdyYXBwZXI+XG4gICAgICA8VGFidWxhclBhZ2VDb250YWluZXIgY29sb3I9XCJzdXJmYWNlXCI+XG4gICAgICAgIHtwcm9wcy5jdXN0b21UaXRsZVJvdyB8fCAoXG4gICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlID8/ICcnfVxuICAgICAgICAgICAgc3VidGl0bGU9e3Byb3BzLnN1YnRpdGxlfVxuICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgdGFiQ29udHJvbHM9e3Byb3BzLnRhYkNvbnRyb2xzfVxuICAgICAgICAgIGZvcm1Db250cm9scz17XG4gICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiBwcm9wcy5mb3JtQ29udHJvbHMgJiYgKFxuICAgICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgYWxpZ25JdGVtcz1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9UYWJ1bGFyUGFnZUNvbnRhaW5lcj5cbiAgICAgIDxDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcj5cbiAgICAgICAgPEN1c3RvbVZpZXdzU2VsZWN0b3JcbiAgICAgICAgICBtYXJnaW49e2Ake3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMCAwIDBgfVxuICAgICAgICAgIGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17Y3VycmVudEN1c3RvbVZpZXdMb2NhdG9yQ29kZX1cbiAgICAgICAgLz5cbiAgICAgIDwvQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXI+XG4gICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUGFnZVdyYXBwZXI+XG4gICk7XG59O1xuVGFidWxhck1haW5QYWdlLmRpc3BsYXlOYW1lID0gJ1RhYnVsYXJNYWluUGFnZSc7XG5UYWJ1bGFyTWFpblBhZ2UuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuLy8gU3RhdGljIGV4cG9ydCBvZiBwcmUtY29uZmlndXJlZCBmb3JtIGNvbnRyb2wgYnV0dG9ucyB0byBlYXNpbHkgcmUtdXNlXG4vLyB0aGVtIGluIHRoZSBjdXN0b20gY29udHJvbHMuXG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVByaW1hcnlCdXR0b24gPSBGb3JtUHJpbWFyeUJ1dHRvbjtcblRhYnVsYXJNYWluUGFnZS5Gb3JtU2Vjb25kYXJ5QnV0dG9uID0gRm9ybVNlY29uZGFyeUJ1dHRvbjtcblRhYnVsYXJNYWluUGFnZS5Gb3JtRGVsZXRlQnV0dG9uID0gRm9ybURlbGV0ZUJ1dHRvbjtcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgcGFnZSBoZWFkZXIgdGl0bGUgY29tcG9uZW50IHRvIGVhc2lseVxuLy8gdXNlIGFzIHBhcnQgb2YgYSBjdXN0b20gdGl0bGUgcm93XG5UYWJ1bGFyTWFpblBhZ2UuUGFnZUhlYWRlclRpdGxlID0gUGFnZUhlYWRlclRpdGxlO1xuLy8gVGhpcyBpcyBhIGNvbnZlbmllbmNlIHByb3h5IGV4cG9ydCB0byBleHBvc2UgcHJlLWRlZmluZWQgSW50bCBtZXNzYWdlcyBkZWZpbmVkIGluIHRoZSBgQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvaTE4bmAgcGFja2FnZS5cblRhYnVsYXJNYWluUGFnZS5JbnRsID0gc2hhcmVkTWVzc2FnZXM7XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnVsYXJNYWluUGFnZTtcbiJdfQ== */"),
2239
+ css: /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzR2dCIiwiZmlsZSI6InRhYnVsYXItbWFpbi1wYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgdHlwZSB7IExvY2F0aW9uRGVzY3JpcHRvciB9IGZyb20gJ2hpc3RvcnknO1xuaW1wb3J0IHsgc2hhcmVkTWVzc2FnZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9pMThuJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgdXNlQ3VzdG9tVmlld0xvY2F0b3JTZWxlY3RvciBmcm9tICcuLi8uLi8uLi9ob29rcy91c2UtY3VzdG9tLXZpZXctbG9jYXRvci1zZWxlY3Rvcic7XG5pbXBvcnQgQ3VzdG9tVmlld3NTZWxlY3RvciBmcm9tICcuLi8uLi9jdXN0b20tdmlld3MvY3VzdG9tLXZpZXdzLXNlbGVjdG9yJztcbmltcG9ydCB7XG4gIEZvcm1QcmltYXJ5QnV0dG9uLFxuICBGb3JtU2Vjb25kYXJ5QnV0dG9uLFxuICBGb3JtRGVsZXRlQnV0dG9uLFxufSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvZGVmYXVsdC1mb3JtLWJ1dHRvbnMnO1xuaW1wb3J0IFBhZ2VIZWFkZXJUaXRsZSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvcGFnZS1oZWFkZXItdGl0bGUnO1xuaW1wb3J0IHsgQ29udGVudFdyYXBwZXIsIFBhZ2VXcmFwcGVyIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzL3BhZ2Uuc3R5bGVzJztcbmltcG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59IGZyb20gJy4uLy4uL2ludGVybmFscy90YWJ1bGFyLXBhZ2UnO1xuXG50eXBlIFRUYWJ1bGFyTWFpblBhZ2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgcGFnZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFRoZXNlIGNvZGVzIGFyZSB1c2VkIHRvIGNvbmZpZ3VyZSB3aGljaCBDdXN0b20gVmlld3MgYXJlIGF2YWlsYWJsZSBmb3IgZXZlcnkgdGFiLlxuICAgKi9cbiAgY3VzdG9tVmlld0xvY2F0b3JDb2Rlcz86IFJlY29yZDxzdHJpbmcsIExvY2F0aW9uRGVzY3JpcHRvcj47XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJNYWluUGFnZVByb3BzLCAnaGlkZUNvbnRyb2xzJz4gPSB7XG4gIGhpZGVDb250cm9sczogZmFsc2UsXG59O1xuXG5jb25zdCBUYWJ1bGFyTWFpblBhZ2UgPSAocHJvcHM6IFRUYWJ1bGFyTWFpblBhZ2VQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgfSA9IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IoXG4gICAgcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2Rlc1xuICApO1xuXG4gIHdhcm5pbmcoXG4gICAgcHJvcHMudGl0bGUgIT09IHVuZGVmaW5lZCB8fCBwcm9wcy5jdXN0b21UaXRsZVJvdyAhPT0gdW5kZWZpbmVkLFxuICAgICdUYWJ1bGFyTWFpblBhZ2U6IG9uZSBvZiBlaXRoZXIgYHRpdGxlYCBvciBgY3VzdG9tVGl0bGVSb3dgIGlzIHJlcXVpcmVkIGJ1dCBib3RoIHRoZWlyIHZhbHVlcyBhcmUgYHVuZGVmaW5lZGAnXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFnZVdyYXBwZXI+XG4gICAgICA8VGFidWxhclBhZ2VDb250YWluZXI+XG4gICAgICAgIHtwcm9wcy5jdXN0b21UaXRsZVJvdyB8fCAoXG4gICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlID8/ICcnfVxuICAgICAgICAgICAgc3VidGl0bGU9e3Byb3BzLnN1YnRpdGxlfVxuICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgdGFiQ29udHJvbHM9e3Byb3BzLnRhYkNvbnRyb2xzfVxuICAgICAgICAgIGZvcm1Db250cm9scz17XG4gICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiBwcm9wcy5mb3JtQ29udHJvbHMgJiYgKFxuICAgICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgYWxpZ25JdGVtcz1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9UYWJ1bGFyUGFnZUNvbnRhaW5lcj5cbiAgICAgIDxDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcj5cbiAgICAgICAgPEN1c3RvbVZpZXdzU2VsZWN0b3JcbiAgICAgICAgICBtYXJnaW49e2Ake3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMCAwIDBgfVxuICAgICAgICAgIGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17Y3VycmVudEN1c3RvbVZpZXdMb2NhdG9yQ29kZX1cbiAgICAgICAgLz5cbiAgICAgIDwvQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXI+XG4gICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUGFnZVdyYXBwZXI+XG4gICk7XG59O1xuVGFidWxhck1haW5QYWdlLmRpc3BsYXlOYW1lID0gJ1RhYnVsYXJNYWluUGFnZSc7XG5UYWJ1bGFyTWFpblBhZ2UuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuLy8gU3RhdGljIGV4cG9ydCBvZiBwcmUtY29uZmlndXJlZCBmb3JtIGNvbnRyb2wgYnV0dG9ucyB0byBlYXNpbHkgcmUtdXNlXG4vLyB0aGVtIGluIHRoZSBjdXN0b20gY29udHJvbHMuXG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVByaW1hcnlCdXR0b24gPSBGb3JtUHJpbWFyeUJ1dHRvbjtcblRhYnVsYXJNYWluUGFnZS5Gb3JtU2Vjb25kYXJ5QnV0dG9uID0gRm9ybVNlY29uZGFyeUJ1dHRvbjtcblRhYnVsYXJNYWluUGFnZS5Gb3JtRGVsZXRlQnV0dG9uID0gRm9ybURlbGV0ZUJ1dHRvbjtcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgcGFnZSBoZWFkZXIgdGl0bGUgY29tcG9uZW50IHRvIGVhc2lseVxuLy8gdXNlIGFzIHBhcnQgb2YgYSBjdXN0b20gdGl0bGUgcm93XG5UYWJ1bGFyTWFpblBhZ2UuUGFnZUhlYWRlclRpdGxlID0gUGFnZUhlYWRlclRpdGxlO1xuLy8gVGhpcyBpcyBhIGNvbnZlbmllbmNlIHByb3h5IGV4cG9ydCB0byBleHBvc2UgcHJlLWRlZmluZWQgSW50bCBtZXNzYWdlcyBkZWZpbmVkIGluIHRoZSBgQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvaTE4bmAgcGFja2FnZS5cblRhYnVsYXJNYWluUGFnZS5JbnRsID0gc2hhcmVkTWVzc2FnZXM7XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnVsYXJNYWluUGFnZTtcbiJdfQ== */"),
2240
2240
  children: props.children
2241
2241
  })]
2242
2242
  });
package/dist/commercetools-frontend-application-components.cjs.prod.js CHANGED
@@ -94,9 +94,9 @@ var Stamp__default = /*#__PURE__*/_interopDefault(Stamp);
94
94
  var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
95
95
 
96
96
  // NOTE: This string will be replaced on build time with the package version.
97
- var version = "22.23.2";
97
+ var version = "22.24.0";
98
98
 
99
- var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11;
99
+ var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13;
100
100
 
101
101
  // We keep these tokens as they are related to page layout components which should have
102
102
  // a slightly different layout (margins/paddings) when used within a Custom View panel.
@@ -108,9 +108,10 @@ const themesOverrides = {
108
108
  paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context2 = _concatInstanceProperty__default["default"](_context3 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context3, designSystem.designTokens.spacing55, " ")).call(_context2, designSystem.designTokens.spacing40),
109
109
  paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context4 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context4, designSystem.designTokens.spacing55, " 0"),
110
110
  paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context5 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context5, designSystem.designTokens.spacing55, " 0"),
111
+ paddingForTabularModalPageHeader: _concatInstanceProperty__default["default"](_context6 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context6, designSystem.designTokens.spacing55, " 0"),
111
112
  // recolouring rollout
112
113
  backgroundColorForNavbar: designSystem.designTokens.colorPrimary,
113
- backgroundColorForNavbarExpander: _concatInstanceProperty__default["default"](_context6 = "linear-gradient(180deg, ".concat(designSystem.designTokens.colorPrimary, " 0%, ")).call(_context6, designSystem.designTokens.colorPrimary25, " 100%)"),
114
+ backgroundColorForNavbarExpander: _concatInstanceProperty__default["default"](_context7 = "linear-gradient(180deg, ".concat(designSystem.designTokens.colorPrimary, " 0%, ")).call(_context7, designSystem.designTokens.colorPrimary25, " 100%)"),
114
115
  backgroundColorForNavbarExpanderWhenHovered: designSystem.designTokens.colorPrimary40,
115
116
  backgroundColorForNavbarHeader: designSystem.designTokens.colorAccent10,
116
117
  backgroundColorForNavbarMenuItemWhenActive: designSystem.designTokens.colorAccent30,
@@ -126,10 +127,11 @@ const themesOverrides = {
126
127
  },
127
128
  recolouring: {
128
129
  marginForCustomViewsSelectorAsTabular: "0 ".concat(designSystem.designTokens.spacing55),
129
- marginForPageContent: _concatInstanceProperty__default["default"](_context7 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context7, designSystem.designTokens.spacing55),
130
- paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context8 = _concatInstanceProperty__default["default"](_context9 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context9, designSystem.designTokens.spacing55, " ")).call(_context8, designSystem.designTokens.spacing40),
131
- paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context10 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context10, designSystem.designTokens.spacing55, " 0"),
132
- paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context11 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context11, designSystem.designTokens.spacing55, " 0"),
130
+ marginForPageContent: _concatInstanceProperty__default["default"](_context8 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context8, designSystem.designTokens.spacing55),
131
+ paddingForDetailPageHeader: _concatInstanceProperty__default["default"](_context9 = _concatInstanceProperty__default["default"](_context10 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context10, designSystem.designTokens.spacing55, " ")).call(_context9, designSystem.designTokens.spacing40),
132
+ paddingForMainPageHeader: _concatInstanceProperty__default["default"](_context11 = "".concat(designSystem.designTokens.spacing50, " ")).call(_context11, designSystem.designTokens.spacing55, " 0"),
133
+ paddingForTabularPageHeader: _concatInstanceProperty__default["default"](_context12 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context12, designSystem.designTokens.spacing55, " 0"),
134
+ paddingForTabularModalPageHeader: _concatInstanceProperty__default["default"](_context13 = "".concat(designSystem.designTokens.spacing40, " ")).call(_context13, designSystem.designTokens.spacing55, " 0"),
133
135
  backgroundColorForNavbar: designSystem.designTokens.colorPrimary10,
134
136
  backgroundColorForNavbarExpander: designSystem.designTokens.colorPrimary10,
135
137
  backgroundColorForNavbarExpanderWhenHovered: designSystem.designTokens.colorPrimary10,
@@ -203,11 +205,11 @@ const TabHeader = props => {
203
205
  };
204
206
  TabHeader.propTypes = {};
205
207
  TabHeader.displayName = 'TabHeader';
206
- const defaultProps$j = {
208
+ const defaultProps$i = {
207
209
  isDisabled: false,
208
210
  exactPathMatch: false
209
211
  };
210
- TabHeader.defaultProps = defaultProps$j;
212
+ TabHeader.defaultProps = defaultProps$i;
211
213
 
212
214
  const getConstraintForGridStyle = size => {
213
215
  switch (size) {
@@ -257,7 +259,7 @@ jsxRuntime.jsx("div", _objectSpread$7(_objectSpread$7({}, props), {}, {
257
259
  "data-role": "dialog-overlay",
258
260
  children: contentElement
259
261
  }));
260
- const defaultProps$i = {
262
+ const defaultProps$h = {
261
263
  // TODO: t-shirt sizes are deprecated but we need to keep using them for
262
264
  // backwards compatibility and to help with styling migration
263
265
  // After the migration is done, we should change this default value to 13.
@@ -320,7 +322,7 @@ const DialogContainer = props => {
320
322
  };
321
323
  DialogContainer.propTypes = {};
322
324
  DialogContainer.displayName = 'DialogContainer';
323
- DialogContainer.defaultProps = defaultProps$i;
325
+ DialogContainer.defaultProps = defaultProps$h;
324
326
 
325
327
  // The overflow should be "auto", to make the container scrollable
326
328
  const DialogContent = /*#__PURE__*/_styled__default["default"]("div", {
@@ -392,7 +394,7 @@ function filterDataAttributes(obj) {
392
394
 
393
395
  function ownKeys$6(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; }
394
396
  function _objectSpread$6(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$6(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$6(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
395
- const defaultProps$h = {
397
+ const defaultProps$g = {
396
398
  isPrimaryButtonDisabled: false,
397
399
  dataAttributesPrimaryButton: {},
398
400
  dataAttributesSecondaryButton: {}
@@ -420,9 +422,9 @@ const DialogFooter = props => {
420
422
  };
421
423
  DialogFooter.propTypes = {};
422
424
  DialogFooter.displayName = 'DialogFooter';
423
- DialogFooter.defaultProps = defaultProps$h;
425
+ DialogFooter.defaultProps = defaultProps$g;
424
426
 
425
- const defaultProps$g = {
427
+ const defaultProps$f = {
426
428
  labelSecondary: i18n.sharedMessages.cancel,
427
429
  labelPrimary: i18n.sharedMessages.confirm
428
430
  };
@@ -451,7 +453,7 @@ const ConfirmationDialog = props => jsxRuntime.jsxs(DialogContainer, {
451
453
  });
452
454
  ConfirmationDialog.propTypes = {};
453
455
  ConfirmationDialog.displayName = 'ConfirmationDialog';
454
- ConfirmationDialog.defaultProps = defaultProps$g;
456
+ ConfirmationDialog.defaultProps = defaultProps$f;
455
457
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
456
458
  // The Intl messages can be used for button labels.
457
459
  ConfirmationDialog.Intl = i18n.sharedMessages;
@@ -459,7 +461,7 @@ ConfirmationDialog.Intl = i18n.sharedMessages;
459
461
  // as the default dialog title.
460
462
  ConfirmationDialog.TextTitle = TextTitle;
461
463
 
462
- const defaultProps$f = {
464
+ const defaultProps$e = {
463
465
  labelSecondary: i18n.sharedMessages.cancel,
464
466
  labelPrimary: i18n.sharedMessages.save
465
467
  };
@@ -489,7 +491,7 @@ const FormDialog = props => jsxRuntime.jsxs(DialogContainer, {
489
491
  });
490
492
  FormDialog.propTypes = {};
491
493
  FormDialog.displayName = 'FormDialog';
492
- FormDialog.defaultProps = defaultProps$f;
494
+ FormDialog.defaultProps = defaultProps$e;
493
495
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
494
496
  // The Intl messages can be used for button labels.
495
497
  FormDialog.Intl = i18n.sharedMessages;
@@ -524,7 +526,7 @@ const LargeIconWrapper = props => jsxRuntime.jsx("span", {
524
526
  // However, we need to explicitly define this otherwise the prop-types babel plugin
525
527
  // does not recognize the object shape.
526
528
  LargeIconWrapper.propTypes = {};
527
- const defaultProps$e = {
529
+ const defaultProps$d = {
528
530
  color: 'surface',
529
531
  previousPathLabel: messages$5.back,
530
532
  hidePathLabel: false
@@ -570,7 +572,7 @@ const ModalPageTopBar = props => {
570
572
  };
571
573
  ModalPageTopBar.propTypes = {};
572
574
  ModalPageTopBar.displayName = 'ModalPageTopBar';
573
- ModalPageTopBar.defaultProps = defaultProps$e;
575
+ ModalPageTopBar.defaultProps = defaultProps$d;
574
576
 
575
577
  const stylesBySize = {
576
578
  '10': {
@@ -630,7 +632,7 @@ jsxRuntime.jsx("div", _objectSpread$5(_objectSpread$5({}, props), {}, {
630
632
  // However, we need to explicitly define this otherwise the prop-types babel plugin
631
633
  // does not recognize the object shape.
632
634
 
633
- const defaultProps$d = {
635
+ const defaultProps$c = {
634
636
  size: 'scale',
635
637
  getParentSelector: getDefaultParentSelector,
636
638
  shouldDelayOnClose: true
@@ -709,7 +711,7 @@ const ModalPage = props => {
709
711
  };
710
712
  ModalPage.propTypes = {};
711
713
  ModalPage.displayName = 'ModalPage';
712
- ModalPage.defaultProps = defaultProps$d;
714
+ ModalPage.defaultProps = defaultProps$c;
713
715
 
714
716
  const messages$4 = reactIntl.defineMessages({
715
717
  loadError: {
@@ -983,7 +985,7 @@ const CustomViewSelectorOrNothing = props => {
983
985
  };
984
986
  CustomViewSelectorOrNothing.propTypes = {};
985
987
 
986
- const defaultProps$c = {
988
+ const defaultProps$b = {
987
989
  titleSize: 'small',
988
990
  truncate: false
989
991
  };
@@ -1054,7 +1056,7 @@ const PageHeaderTitle = props => jsxRuntime.jsxs("div", {
1054
1056
  });
1055
1057
  PageHeaderTitle.propTypes = {};
1056
1058
  PageHeaderTitle.displayName = 'PageHeaderTitle';
1057
- PageHeaderTitle.defaultProps = defaultProps$c;
1059
+ PageHeaderTitle.defaultProps = defaultProps$b;
1058
1060
 
1059
1061
  const PageHeader = props => {
1060
1062
  return jsxRuntime.jsxs("div", {
@@ -1200,7 +1202,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton;
1200
1202
  // The Intl messages can be used for button labels.
1201
1203
  CustomFormModalPage.Intl = i18n.sharedMessages;
1202
1204
 
1203
- const defaultProps$b = {
1205
+ const defaultProps$a = {
1204
1206
  hideControls: false
1205
1207
  };
1206
1208
  const FormModalPage = props => jsxRuntime.jsx(CustomFormModalPage, {
@@ -1234,7 +1236,7 @@ const FormModalPage = props => jsxRuntime.jsx(CustomFormModalPage, {
1234
1236
  });
1235
1237
  FormModalPage.propTypes = {};
1236
1238
  FormModalPage.displayName = 'FormModalPage';
1237
- FormModalPage.defaultProps = defaultProps$b;
1239
+ FormModalPage.defaultProps = defaultProps$a;
1238
1240
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1239
1241
  // The Intl messages can be used for button labels.
1240
1242
  FormModalPage.Intl = i18n.sharedMessages;
@@ -1260,7 +1262,7 @@ const useCustomViewLocatorSelector = function () {
1260
1262
  };
1261
1263
 
1262
1264
  const TabControls = /*#__PURE__*/_styled__default["default"]("div", {
1263
- target: "elpldre2"
1265
+ target: "elpldre4"
1264
1266
  } )("margin-top:", designSystem.designTokens.spacingS, ";" + ("" ));
1265
1267
  const ControlsContainter = props => jsxRuntime.jsxs("div", {
1266
1268
  css: /*#__PURE__*/react.css("display:flex;align-items:flex-end;justify-content:space-between;margin-top:", designSystem.designTokens.spacing40, ";" + ("" ), "" ),
@@ -1271,22 +1273,18 @@ const ControlsContainter = props => jsxRuntime.jsxs("div", {
1271
1273
  });
1272
1274
  ControlsContainter.propTypes = {};
1273
1275
  ControlsContainter.displayName = 'ControlsContainter';
1274
- const TabularPageContainer = props => jsxRuntime.jsx("div", {
1275
- css: /*#__PURE__*/react.css("background-color:", designSystem.designTokens.colorSurface, ";padding:", designTokens.paddingForTabularPageHeader, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";" + ("" ), "" ),
1276
- children: props.children
1277
- });
1278
- TabularPageContainer.propTypes = {};
1279
- TabularPageContainer.displayName = 'TabularPageContainer';
1280
- const defaultProps$a = {
1281
- color: 'surface'
1282
- };
1283
- TabularPageContainer.defaultProps = defaultProps$a;
1276
+ const TabularPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
1277
+ target: "elpldre3"
1278
+ } )("background-color:", designSystem.designTokens.colorSurface, ";padding:", designTokens.paddingForTabularPageHeader, ";border-bottom:1px solid ", designSystem.designTokens.colorNeutral90, ";" + ("" ));
1284
1279
  const FormControlsContainer = /*#__PURE__*/_styled__default["default"]("div", {
1285
- target: "elpldre1"
1280
+ target: "elpldre2"
1286
1281
  } )("margin-bottom:", designSystem.designTokens.spacingM, ";" + ("" ));
1287
1282
  const CustomViewsSelectorWrapper = /*#__PURE__*/_styled__default["default"]("div", {
1288
- target: "elpldre0"
1283
+ target: "elpldre1"
1289
1284
  } )("margin:", designTokens.marginForCustomViewsSelectorAsTabular, ";" + ("" ));
1285
+ const TabularModalPageContainer = /*#__PURE__*/_styled__default["default"]("div", {
1286
+ target: "elpldre0"
1287
+ } )(TabularPageContainer, "{padding:", designTokens.paddingForTabularModalPageHeader, ";}" + ("" ));
1290
1288
 
1291
1289
  const defaultProps$9 = {
1292
1290
  hideControls: false
@@ -1305,22 +1303,23 @@ const TabularModalPage = props => {
1305
1303
  getParentSelector: props.getParentSelector,
1306
1304
  shouldDelayOnClose: props.shouldDelayOnClose,
1307
1305
  afterOpenStyles: props.afterOpenStyles,
1308
- children: [jsxRuntime.jsxs(TabularPageContainer, {
1309
- color: "neutral",
1310
- children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
1311
- title: props.title,
1312
- titleSize: "big",
1313
- subtitle: props.subtitle,
1314
- truncate: true
1315
- }), jsxRuntime.jsx(ControlsContainter, {
1316
- tabControls: props.tabControls,
1317
- formControls: jsxRuntime.jsx(FormControlsContainer, {
1318
- children: !props.hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
1319
- alignItems: "flex-end",
1320
- children: props.formControls
1306
+ children: [jsxRuntime.jsx(TabularModalPageContainer, {
1307
+ children: jsxRuntime.jsxs(TabularPageContainer, {
1308
+ children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
1309
+ title: props.title,
1310
+ titleSize: "big",
1311
+ subtitle: props.subtitle,
1312
+ truncate: true
1313
+ }), jsxRuntime.jsx(ControlsContainter, {
1314
+ tabControls: props.tabControls,
1315
+ formControls: jsxRuntime.jsx(FormControlsContainer, {
1316
+ children: !props.hideControls && props.formControls && jsxRuntime.jsx(Spacings__default["default"].Inline, {
1317
+ alignItems: "flex-end",
1318
+ children: props.formControls
1319
+ })
1321
1320
  })
1322
- })
1323
- })]
1321
+ })]
1322
+ })
1324
1323
  }), jsxRuntime.jsx(CustomViewsSelectorWrapper, {
1325
1324
  children: jsxRuntime.jsx(CustomViewSelectorOrNothing, {
1326
1325
  margin: "".concat(designSystem.designTokens.spacing30, " 0 0 0"),
@@ -1488,7 +1487,6 @@ const TabularDetailPage = props => {
1488
1487
  currentCustomViewLocatorCode = _useCustomViewLocator.currentCustomViewLocatorCode;
1489
1488
  return jsxRuntime.jsxs(PageWrapper, {
1490
1489
  children: [jsxRuntime.jsxs(TabularPageContainer, {
1491
- color: "neutral",
1492
1490
  children: [jsxRuntime.jsx(PageTopBar, {
1493
1491
  color: "neutral",
1494
1492
  previousPathLabel: props.previousPathLabel,
@@ -1657,7 +1655,6 @@ const TabularMainPage = props => {
1657
1655
  currentCustomViewLocatorCode = _useCustomViewLocator.currentCustomViewLocatorCode;
1658
1656
  return jsxRuntime.jsxs(PageWrapper, {
1659
1657
  children: [jsxRuntime.jsxs(TabularPageContainer, {
1660
- color: "surface",
1661
1658
  children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
1662
1659
  title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
1663
1660
  subtitle: props.subtitle,
package/dist/commercetools-frontend-application-components.esm.js CHANGED
@@ -53,9 +53,9 @@ import useResizeObserver from '@react-hook/resize-observer';
53
53
  import { useMutationObserver } from '@commercetools-uikit/hooks';
54
54
 
55
55
  // NOTE: This string will be replaced on build time with the package version.
56
- var version = "22.23.2";
56
+ var version = "22.24.0";
57
57
 
58
- var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11;
58
+ var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13;
59
59
 
60
60
  // We keep these tokens as they are related to page layout components which should have
61
61
  // a slightly different layout (margins/paddings) when used within a Custom View panel.
@@ -67,9 +67,10 @@ const themesOverrides = {
67
67
  paddingForDetailPageHeader: _concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(designTokens$1.spacing50, " ")).call(_context3, designTokens$1.spacing55, " ")).call(_context2, designTokens$1.spacing40),
68
68
  paddingForMainPageHeader: _concatInstanceProperty(_context4 = "".concat(designTokens$1.spacing50, " ")).call(_context4, designTokens$1.spacing55, " 0"),
69
69
  paddingForTabularPageHeader: _concatInstanceProperty(_context5 = "".concat(designTokens$1.spacing40, " ")).call(_context5, designTokens$1.spacing55, " 0"),
70
+ paddingForTabularModalPageHeader: _concatInstanceProperty(_context6 = "".concat(designTokens$1.spacing40, " ")).call(_context6, designTokens$1.spacing55, " 0"),
70
71
  // recolouring rollout
71
72
  backgroundColorForNavbar: designTokens$1.colorPrimary,
72
- backgroundColorForNavbarExpander: _concatInstanceProperty(_context6 = "linear-gradient(180deg, ".concat(designTokens$1.colorPrimary, " 0%, ")).call(_context6, designTokens$1.colorPrimary25, " 100%)"),
73
+ backgroundColorForNavbarExpander: _concatInstanceProperty(_context7 = "linear-gradient(180deg, ".concat(designTokens$1.colorPrimary, " 0%, ")).call(_context7, designTokens$1.colorPrimary25, " 100%)"),
73
74
  backgroundColorForNavbarExpanderWhenHovered: designTokens$1.colorPrimary40,
74
75
  backgroundColorForNavbarHeader: designTokens$1.colorAccent10,
75
76
  backgroundColorForNavbarMenuItemWhenActive: designTokens$1.colorAccent30,
@@ -85,10 +86,11 @@ const themesOverrides = {
85
86
  },
86
87
  recolouring: {
87
88
  marginForCustomViewsSelectorAsTabular: "0 ".concat(designTokens$1.spacing55),
88
- marginForPageContent: _concatInstanceProperty(_context7 = "".concat(designTokens$1.spacing50, " ")).call(_context7, designTokens$1.spacing55),
89
- paddingForDetailPageHeader: _concatInstanceProperty(_context8 = _concatInstanceProperty(_context9 = "".concat(designTokens$1.spacing50, " ")).call(_context9, designTokens$1.spacing55, " ")).call(_context8, designTokens$1.spacing40),
90
- paddingForMainPageHeader: _concatInstanceProperty(_context10 = "".concat(designTokens$1.spacing50, " ")).call(_context10, designTokens$1.spacing55, " 0"),
91
- paddingForTabularPageHeader: _concatInstanceProperty(_context11 = "".concat(designTokens$1.spacing40, " ")).call(_context11, designTokens$1.spacing55, " 0"),
89
+ marginForPageContent: _concatInstanceProperty(_context8 = "".concat(designTokens$1.spacing50, " ")).call(_context8, designTokens$1.spacing55),
90
+ paddingForDetailPageHeader: _concatInstanceProperty(_context9 = _concatInstanceProperty(_context10 = "".concat(designTokens$1.spacing50, " ")).call(_context10, designTokens$1.spacing55, " ")).call(_context9, designTokens$1.spacing40),
91
+ paddingForMainPageHeader: _concatInstanceProperty(_context11 = "".concat(designTokens$1.spacing50, " ")).call(_context11, designTokens$1.spacing55, " 0"),
92
+ paddingForTabularPageHeader: _concatInstanceProperty(_context12 = "".concat(designTokens$1.spacing40, " ")).call(_context12, designTokens$1.spacing55, " 0"),
93
+ paddingForTabularModalPageHeader: _concatInstanceProperty(_context13 = "".concat(designTokens$1.spacing40, " ")).call(_context13, designTokens$1.spacing55, " 0"),
92
94
  backgroundColorForNavbar: designTokens$1.colorPrimary10,
93
95
  backgroundColorForNavbarExpander: designTokens$1.colorPrimary10,
94
96
  backgroundColorForNavbarExpanderWhenHovered: designTokens$1.colorPrimary10,
@@ -177,11 +179,11 @@ TabHeader.propTypes = process.env.NODE_ENV !== "production" ? {
177
179
  exactPathMatch: _pt.bool.isRequired
178
180
  } : {};
179
181
  TabHeader.displayName = 'TabHeader';
180
- const defaultProps$j = {
182
+ const defaultProps$i = {
181
183
  isDisabled: false,
182
184
  exactPathMatch: false
183
185
  };
184
- TabHeader.defaultProps = defaultProps$j;
186
+ TabHeader.defaultProps = defaultProps$i;
185
187
 
186
188
  const getConstraintForGridStyle = size => {
187
189
  switch (size) {
@@ -232,7 +234,7 @@ jsx("div", _objectSpread$7(_objectSpread$7({}, props), {}, {
232
234
  "data-role": "dialog-overlay",
233
235
  children: contentElement
234
236
  }));
235
- const defaultProps$i = {
237
+ const defaultProps$h = {
236
238
  // TODO: t-shirt sizes are deprecated but we need to keep using them for
237
239
  // backwards compatibility and to help with styling migration
238
240
  // After the migration is done, we should change this default value to 13.
@@ -317,7 +319,7 @@ DialogContainer.propTypes = process.env.NODE_ENV !== "production" ? {
317
319
  getParentSelector: _pt.any.isRequired
318
320
  } : {};
319
321
  DialogContainer.displayName = 'DialogContainer';
320
- DialogContainer.defaultProps = defaultProps$i;
322
+ DialogContainer.defaultProps = defaultProps$h;
321
323
 
322
324
  // The overflow should be "auto", to make the container scrollable
323
325
  const DialogContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -406,7 +408,7 @@ function filterDataAttributes(obj) {
406
408
 
407
409
  function ownKeys$6(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; }
408
410
  function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$6(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$6(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
409
- const defaultProps$h = {
411
+ const defaultProps$g = {
410
412
  isPrimaryButtonDisabled: false,
411
413
  dataAttributesPrimaryButton: {},
412
414
  dataAttributesSecondaryButton: {}
@@ -451,9 +453,9 @@ DialogFooter.propTypes = process.env.NODE_ENV !== "production" ? {
451
453
  iconLeftSecondaryButton: _pt.element
452
454
  } : {};
453
455
  DialogFooter.displayName = 'DialogFooter';
454
- DialogFooter.defaultProps = defaultProps$h;
456
+ DialogFooter.defaultProps = defaultProps$g;
455
457
 
456
- const defaultProps$g = {
458
+ const defaultProps$f = {
457
459
  labelSecondary: sharedMessages.cancel,
458
460
  labelPrimary: sharedMessages.confirm
459
461
  };
@@ -506,7 +508,7 @@ ConfirmationDialog.propTypes = process.env.NODE_ENV !== "production" ? {
506
508
  getParentSelector: _pt.func
507
509
  } : {};
508
510
  ConfirmationDialog.displayName = 'ConfirmationDialog';
509
- ConfirmationDialog.defaultProps = defaultProps$g;
511
+ ConfirmationDialog.defaultProps = defaultProps$f;
510
512
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
511
513
  // The Intl messages can be used for button labels.
512
514
  ConfirmationDialog.Intl = sharedMessages;
@@ -514,7 +516,7 @@ ConfirmationDialog.Intl = sharedMessages;
514
516
  // as the default dialog title.
515
517
  ConfirmationDialog.TextTitle = TextTitle;
516
518
 
517
- const defaultProps$f = {
519
+ const defaultProps$e = {
518
520
  labelSecondary: sharedMessages.cancel,
519
521
  labelPrimary: sharedMessages.save
520
522
  };
@@ -569,7 +571,7 @@ FormDialog.propTypes = process.env.NODE_ENV !== "production" ? {
569
571
  iconLeftSecondaryButton: _pt.element
570
572
  } : {};
571
573
  FormDialog.displayName = 'FormDialog';
572
- FormDialog.defaultProps = defaultProps$f;
574
+ FormDialog.defaultProps = defaultProps$e;
573
575
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
574
576
  // The Intl messages can be used for button labels.
575
577
  FormDialog.Intl = sharedMessages;
@@ -612,7 +614,7 @@ const LargeIconWrapper = props => jsx("span", {
612
614
  LargeIconWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
613
615
  children: _pt.element.isRequired
614
616
  } : {};
615
- const defaultProps$e = {
617
+ const defaultProps$d = {
616
618
  color: 'surface',
617
619
  previousPathLabel: messages$5.back,
618
620
  hidePathLabel: false
@@ -673,7 +675,7 @@ ModalPageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
673
675
  onClose: _pt.func.isRequired
674
676
  } : {};
675
677
  ModalPageTopBar.displayName = 'ModalPageTopBar';
676
- ModalPageTopBar.defaultProps = defaultProps$e;
678
+ ModalPageTopBar.defaultProps = defaultProps$d;
677
679
 
678
680
  function _EMOTION_STRINGIFIED_CSS_ERROR__$a() { 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)."; }
679
681
  const stylesBySize = {
@@ -749,7 +751,7 @@ jsx("div", _objectSpread$5(_objectSpread$5({}, props), {}, {
749
751
  // However, we need to explicitly define this otherwise the prop-types babel plugin
750
752
  // does not recognize the object shape.
751
753
 
752
- const defaultProps$d = {
754
+ const defaultProps$c = {
753
755
  size: 'scale',
754
756
  getParentSelector: getDefaultParentSelector,
755
757
  shouldDelayOnClose: true
@@ -849,7 +851,7 @@ ModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
849
851
  hideTopBar: _pt.bool
850
852
  } : {};
851
853
  ModalPage.displayName = 'ModalPage';
852
- ModalPage.defaultProps = defaultProps$d;
854
+ ModalPage.defaultProps = defaultProps$c;
853
855
 
854
856
  const messages$4 = defineMessages({
855
857
  loadError: {
@@ -1180,7 +1182,7 @@ CustomViewSelectorOrNothing.propTypes = process.env.NODE_ENV !== "production" ?
1180
1182
  } : {};
1181
1183
 
1182
1184
  function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { 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)."; }
1183
- const defaultProps$c = {
1185
+ const defaultProps$b = {
1184
1186
  titleSize: 'small',
1185
1187
  truncate: false
1186
1188
  };
@@ -1267,7 +1269,7 @@ PageHeaderTitle.propTypes = process.env.NODE_ENV !== "production" ? {
1267
1269
  subtitle: _pt.oneOfType([_pt.string, _pt.element])
1268
1270
  } : {};
1269
1271
  PageHeaderTitle.displayName = 'PageHeaderTitle';
1270
- PageHeaderTitle.defaultProps = defaultProps$c;
1272
+ PageHeaderTitle.defaultProps = defaultProps$b;
1271
1273
 
1272
1274
  const PageHeader = props => {
1273
1275
  return jsxs("div", {
@@ -1501,7 +1503,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton;
1501
1503
  // The Intl messages can be used for button labels.
1502
1504
  CustomFormModalPage.Intl = sharedMessages;
1503
1505
 
1504
- const defaultProps$b = {
1506
+ const defaultProps$a = {
1505
1507
  hideControls: false
1506
1508
  };
1507
1509
  const FormModalPage = props => jsx(CustomFormModalPage, {
@@ -1572,7 +1574,7 @@ FormModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
1572
1574
  iconLeftSecondaryButton: _pt.element
1573
1575
  } : {};
1574
1576
  FormModalPage.displayName = 'FormModalPage';
1575
- FormModalPage.defaultProps = defaultProps$b;
1577
+ FormModalPage.defaultProps = defaultProps$a;
1576
1578
  // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
1577
1579
  // The Intl messages can be used for button labels.
1578
1580
  FormModalPage.Intl = sharedMessages;
@@ -1598,13 +1600,13 @@ const useCustomViewLocatorSelector = function () {
1598
1600
  };
1599
1601
 
1600
1602
  const TabControls = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1601
- target: "elpldre2"
1603
+ target: "elpldre4"
1602
1604
  } : {
1603
- target: "elpldre2",
1605
+ target: "elpldre4",
1604
1606
  label: "TabControls"
1605
- })("margin-top:", designTokens$1.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTThCIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt1aUtpdERlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgYH1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuVGFidWxhclBhZ2VDb250YWluZXIuZGlzcGxheU5hbWUgPSAnVGFidWxhclBhZ2VDb250YWluZXInO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzLCAnY29sb3InPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbn07XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"));
1607
+ })("margin-top:", designTokens$1.spacingS, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTThCIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG5jb25zdCBUYWJ1bGFyUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgcGFkZGluZzogJHthcHBLaXREZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclRhYnVsYXJQYWdlSGVhZGVyfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuYDtcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nTX07XG5gO1xuXG5jb25zdCBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yQ3VzdG9tVmlld3NTZWxlY3RvckFzVGFidWxhcn07XG5gO1xuXG5jb25zdCBUYWJ1bGFyTW9kYWxQYWdlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtUYWJ1bGFyUGFnZUNvbnRhaW5lcn0ge1xuICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyTW9kYWxQYWdlSGVhZGVyfTtcbiAgfVxuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"));
1606
1608
  const ControlsContainter = props => jsxs("div", {
1607
- css: /*#__PURE__*/css("display:flex;align-items:flex-end;justify-content:space-between;margin-top:", designTokens$1.spacing40, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ControlsContainter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt1aUtpdERlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgYH1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuVGFidWxhclBhZ2VDb250YWluZXIuZGlzcGxheU5hbWUgPSAnVGFidWxhclBhZ2VDb250YWluZXInO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzLCAnY29sb3InPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbn07XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"),
1609
+ css: /*#__PURE__*/css("display:flex;align-items:flex-end;justify-content:space-between;margin-top:", designTokens$1.spacing40, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ControlsContainter;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG5jb25zdCBUYWJ1bGFyUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgcGFkZGluZzogJHthcHBLaXREZXNpZ25Ub2tlbnMucGFkZGluZ0ZvclRhYnVsYXJQYWdlSGVhZGVyfTtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuYDtcblxuY29uc3QgRm9ybUNvbnRyb2xzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLWJvdHRvbTogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nTX07XG5gO1xuXG5jb25zdCBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbjogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luRm9yQ3VzdG9tVmlld3NTZWxlY3RvckFzVGFidWxhcn07XG5gO1xuXG5jb25zdCBUYWJ1bGFyTW9kYWxQYWdlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgJHtUYWJ1bGFyUGFnZUNvbnRhaW5lcn0ge1xuICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyTW9kYWxQYWdlSGVhZGVyfTtcbiAgfVxuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"),
1608
1610
  children: [jsx(TabControls, {
1609
1611
  role: "tablist",
1610
1612
  children: props.tabControls
@@ -1615,31 +1617,30 @@ ControlsContainter.propTypes = process.env.NODE_ENV !== "production" ? {
1615
1617
  formControls: _pt.node
1616
1618
  } : {};
1617
1619
  ControlsContainter.displayName = 'ControlsContainter';
1618
- const TabularPageContainer = props => jsx("div", {
1619
- css: /*#__PURE__*/css("background-color:", designTokens$1.colorSurface, ";padding:", designTokens.paddingForTabularPageHeader, ";border-bottom:1px solid ", designTokens$1.colorNeutral90, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularPageContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NZIiwiZmlsZSI6InRhYnVsYXItcGFnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG5jb25zdCBUYWJDb250cm9scyA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuYDtcblxudHlwZSBUQ29udHJvbHNDb250YWludGVyUHJvcHMgPSB7XG4gIHRhYkNvbnRyb2xzOiBSZWFjdE5vZGU7XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5cbmNvbnN0IENvbnRyb2xzQ29udGFpbnRlciA9IChwcm9wczogVENvbnRyb2xzQ29udGFpbnRlclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmc0MH07XG4gICAgYH1cbiAgPlxuICAgIDxUYWJDb250cm9scyByb2xlPVwidGFibGlzdFwiPntwcm9wcy50YWJDb250cm9sc308L1RhYkNvbnRyb2xzPlxuICAgIHtwcm9wcy5mb3JtQ29udHJvbHN9XG4gIDwvZGl2PlxuKTtcbkNvbnRyb2xzQ29udGFpbnRlci5kaXNwbGF5TmFtZSA9ICdDb250cm9sc0NvbnRhaW50ZXInO1xuXG50eXBlIFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlO1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xufTtcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSAocHJvcHM6IFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgJHt1aUtpdERlc2lnblRva2Vucy5jb2xvck5ldXRyYWw5MH07XG4gICAgYH1cbiAgPlxuICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgPC9kaXY+XG4pO1xuVGFidWxhclBhZ2VDb250YWluZXIuZGlzcGxheU5hbWUgPSAnVGFidWxhclBhZ2VDb250YWluZXInO1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFRUYWJ1bGFyUGFnZUNvbnRhaW5lclByb3BzLCAnY29sb3InPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbn07XG5UYWJ1bGFyUGFnZUNvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuZXhwb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxuICBDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcixcbn07XG4iXX0= */"),
1620
- children: props.children
1621
- });
1622
- TabularPageContainer.propTypes = process.env.NODE_ENV !== "production" ? {
1623
- children: _pt.node.isRequired,
1624
- color: _pt.oneOf(['surface', 'neutral']).isRequired
1625
- } : {};
1626
- TabularPageContainer.displayName = 'TabularPageContainer';
1627
- const defaultProps$a = {
1628
- color: 'surface'
1629
- };
1630
- TabularPageContainer.defaultProps = defaultProps$a;
1620
+ const TabularPageContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1621
+ target: "elpldre3"
1622
+ } : {
1623
+ target: "elpldre3",
1624
+ label: "TabularPageContainer"
1625
+ })("background-color:", designTokens$1.colorSurface, ";padding:", designTokens.paddingForTabularPageHeader, ";border-bottom:1px solid ", designTokens$1.colorNeutral90, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J1QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbmA7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuY29uc3QgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7VGFidWxhclBhZ2VDb250YWluZXJ9IHtcbiAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhck1vZGFsUGFnZUhlYWRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIFRhYnVsYXJNb2RhbFBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1631
1626
  const FormControlsContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1632
- target: "elpldre1"
1627
+ target: "elpldre2"
1633
1628
  } : {
1634
- target: "elpldre1",
1629
+ target: "elpldre2",
1635
1630
  label: "FormControlsContainer"
1636
- })("margin-bottom:", designTokens$1.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUR3QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxudHlwZSBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29sb3I6ICdzdXJmYWNlJyB8ICduZXV0cmFsJztcbn07XG5cbmNvbnN0IFRhYnVsYXJQYWdlQ29udGFpbmVyID0gKHByb3BzOiBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhclBhZ2VIZWFkZXJ9O1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICAgIGB9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1RhYnVsYXJQYWdlQ29udGFpbmVyJztcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcywgJ2NvbG9yJz4gPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScsXG59O1xuVGFidWxhclBhZ2VDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5jb25zdCBGb3JtQ29udHJvbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbmA7XG5cbmNvbnN0IEN1c3RvbVZpZXdzU2VsZWN0b3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JDdXN0b21WaWV3c1NlbGVjdG9yQXNUYWJ1bGFyfTtcbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1631
+ })("margin-bottom:", designTokens$1.spacingM, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUN3QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbmA7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuY29uc3QgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7VGFidWxhclBhZ2VDb250YWluZXJ9IHtcbiAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhck1vZGFsUGFnZUhlYWRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIFRhYnVsYXJNb2RhbFBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1637
1632
  const CustomViewsSelectorWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1633
+ target: "elpldre1"
1634
+ } : {
1635
+ target: "elpldre1",
1636
+ label: "CustomViewsSelectorWrapper"
1637
+ })("margin:", designTokens.marginForCustomViewsSelectorAsTabular, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUM2QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbmA7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuY29uc3QgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7VGFidWxhclBhZ2VDb250YWluZXJ9IHtcbiAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhck1vZGFsUGFnZUhlYWRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIFRhYnVsYXJNb2RhbFBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1638
+ const TabularModalPageContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
1638
1639
  target: "elpldre0"
1639
1640
  } : {
1640
1641
  target: "elpldre0",
1641
- label: "CustomViewsSelectorWrapper"
1642
- })("margin:", designTokens.marginForCustomViewsSelectorAsTabular, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUQ2QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxudHlwZSBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgY29sb3I6ICdzdXJmYWNlJyB8ICduZXV0cmFsJztcbn07XG5cbmNvbnN0IFRhYnVsYXJQYWdlQ29udGFpbmVyID0gKHByb3BzOiBUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhclBhZ2VIZWFkZXJ9O1xuICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7dWlLaXREZXNpZ25Ub2tlbnMuY29sb3JOZXV0cmFsOTB9O1xuICAgIGB9XG4gID5cbiAgICB7cHJvcHMuY2hpbGRyZW59XG4gIDwvZGl2PlxuKTtcblRhYnVsYXJQYWdlQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1RhYnVsYXJQYWdlQ29udGFpbmVyJztcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhclBhZ2VDb250YWluZXJQcm9wcywgJ2NvbG9yJz4gPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScsXG59O1xuVGFidWxhclBhZ2VDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5jb25zdCBGb3JtQ29udHJvbHNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tYm90dG9tOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdNfTtcbmA7XG5cbmNvbnN0IEN1c3RvbVZpZXdzU2VsZWN0b3JXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Gb3JDdXN0b21WaWV3c1NlbGVjdG9yQXNUYWJ1bGFyfTtcbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1642
+ label: "TabularModalPageContainer"
1643
+ })(TabularPageContainer, "{padding:", designTokens.paddingForTabularModalPageHeader, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItcGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkM0QyIsImZpbGUiOiJ0YWJ1bGFyLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgdWlLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi90aGVtaW5nJztcblxuY29uc3QgVGFiQ29udHJvbHMgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbmA7XG5cbnR5cGUgVENvbnRyb2xzQ29udGFpbnRlclByb3BzID0ge1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuXG5jb25zdCBDb250cm9sc0NvbnRhaW50ZXIgPSAocHJvcHM6IFRDb250cm9sc0NvbnRhaW50ZXJQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgbWFyZ2luLXRvcDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nNDB9O1xuICAgIGB9XG4gID5cbiAgICA8VGFiQ29udHJvbHMgcm9sZT1cInRhYmxpc3RcIj57cHJvcHMudGFiQ29udHJvbHN9PC9UYWJDb250cm9scz5cbiAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICA8L2Rpdj5cbik7XG5Db250cm9sc0NvbnRhaW50ZXIuZGlzcGxheU5hbWUgPSAnQ29udHJvbHNDb250YWludGVyJztcblxuY29uc3QgVGFidWxhclBhZ2VDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JUYWJ1bGFyUGFnZUhlYWRlcn07XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke3VpS2l0RGVzaWduVG9rZW5zLmNvbG9yTmV1dHJhbDkwfTtcbmA7XG5cbmNvbnN0IEZvcm1Db250cm9sc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi1ib3R0b206ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ019O1xuYDtcblxuY29uc3QgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW46ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpbkZvckN1c3RvbVZpZXdzU2VsZWN0b3JBc1RhYnVsYXJ9O1xuYDtcblxuY29uc3QgVGFidWxhck1vZGFsUGFnZUNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICR7VGFidWxhclBhZ2VDb250YWluZXJ9IHtcbiAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yVGFidWxhck1vZGFsUGFnZUhlYWRlcn07XG4gIH1cbmA7XG5cbmV4cG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIFRhYnVsYXJNb2RhbFBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59O1xuIl19 */"));
1643
1644
 
1644
1645
  const defaultProps$9 = {
1645
1646
  hideControls: false
@@ -1658,22 +1659,23 @@ const TabularModalPage = props => {
1658
1659
  getParentSelector: props.getParentSelector,
1659
1660
  shouldDelayOnClose: props.shouldDelayOnClose,
1660
1661
  afterOpenStyles: props.afterOpenStyles,
1661
- children: [jsxs(TabularPageContainer, {
1662
- color: "neutral",
1663
- children: [props.customTitleRow || jsx(PageHeaderTitle, {
1664
- title: props.title,
1665
- titleSize: "big",
1666
- subtitle: props.subtitle,
1667
- truncate: true
1668
- }), jsx(ControlsContainter, {
1669
- tabControls: props.tabControls,
1670
- formControls: jsx(FormControlsContainer, {
1671
- children: !props.hideControls && props.formControls && jsx(Spacings.Inline, {
1672
- alignItems: "flex-end",
1673
- children: props.formControls
1662
+ children: [jsx(TabularModalPageContainer, {
1663
+ children: jsxs(TabularPageContainer, {
1664
+ children: [props.customTitleRow || jsx(PageHeaderTitle, {
1665
+ title: props.title,
1666
+ titleSize: "big",
1667
+ subtitle: props.subtitle,
1668
+ truncate: true
1669
+ }), jsx(ControlsContainter, {
1670
+ tabControls: props.tabControls,
1671
+ formControls: jsx(FormControlsContainer, {
1672
+ children: !props.hideControls && props.formControls && jsx(Spacings.Inline, {
1673
+ alignItems: "flex-end",
1674
+ children: props.formControls
1675
+ })
1674
1676
  })
1675
- })
1676
- })]
1677
+ })]
1678
+ })
1677
1679
  }), jsx(CustomViewsSelectorWrapper, {
1678
1680
  children: jsx(CustomViewSelectorOrNothing, {
1679
1681
  margin: "".concat(designTokens$1.spacing30, " 0 0 0"),
@@ -1939,7 +1941,6 @@ const TabularDetailPage = props => {
1939
1941
  process.env.NODE_ENV !== "production" ? warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularDetailPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
1940
1942
  return jsxs(PageWrapper, {
1941
1943
  children: [jsxs(TabularPageContainer, {
1942
- color: "neutral",
1943
1944
  children: [jsx(PageTopBar, {
1944
1945
  color: "neutral",
1945
1946
  previousPathLabel: props.previousPathLabel,
@@ -2174,7 +2175,6 @@ const TabularMainPage = props => {
2174
2175
  process.env.NODE_ENV !== "production" ? warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularMainPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
2175
2176
  return jsxs(PageWrapper, {
2176
2177
  children: [jsxs(TabularPageContainer, {
2177
- color: "surface",
2178
2178
  children: [props.customTitleRow || jsx(PageHeaderTitle, {
2179
2179
  title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
2180
2180
  subtitle: props.subtitle,
@@ -2194,7 +2194,7 @@ const TabularMainPage = props => {
2194
2194
  customViewLocatorCode: currentCustomViewLocatorCode
2195
2195
  })
2196
2196
  }), jsx(ContentWrapper$1, {
2197
- css: /*#__PURE__*/css("background-color:", designTokens$1.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzR2dCIiwiZmlsZSI6InRhYnVsYXItbWFpbi1wYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgdHlwZSB7IExvY2F0aW9uRGVzY3JpcHRvciB9IGZyb20gJ2hpc3RvcnknO1xuaW1wb3J0IHsgc2hhcmVkTWVzc2FnZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9pMThuJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgdXNlQ3VzdG9tVmlld0xvY2F0b3JTZWxlY3RvciBmcm9tICcuLi8uLi8uLi9ob29rcy91c2UtY3VzdG9tLXZpZXctbG9jYXRvci1zZWxlY3Rvcic7XG5pbXBvcnQgQ3VzdG9tVmlld3NTZWxlY3RvciBmcm9tICcuLi8uLi9jdXN0b20tdmlld3MvY3VzdG9tLXZpZXdzLXNlbGVjdG9yJztcbmltcG9ydCB7XG4gIEZvcm1QcmltYXJ5QnV0dG9uLFxuICBGb3JtU2Vjb25kYXJ5QnV0dG9uLFxuICBGb3JtRGVsZXRlQnV0dG9uLFxufSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvZGVmYXVsdC1mb3JtLWJ1dHRvbnMnO1xuaW1wb3J0IFBhZ2VIZWFkZXJUaXRsZSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvcGFnZS1oZWFkZXItdGl0bGUnO1xuaW1wb3J0IHsgQ29udGVudFdyYXBwZXIsIFBhZ2VXcmFwcGVyIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzL3BhZ2Uuc3R5bGVzJztcbmltcG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59IGZyb20gJy4uLy4uL2ludGVybmFscy90YWJ1bGFyLXBhZ2UnO1xuXG50eXBlIFRUYWJ1bGFyTWFpblBhZ2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgcGFnZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFRoZXNlIGNvZGVzIGFyZSB1c2VkIHRvIGNvbmZpZ3VyZSB3aGljaCBDdXN0b20gVmlld3MgYXJlIGF2YWlsYWJsZSBmb3IgZXZlcnkgdGFiLlxuICAgKi9cbiAgY3VzdG9tVmlld0xvY2F0b3JDb2Rlcz86IFJlY29yZDxzdHJpbmcsIExvY2F0aW9uRGVzY3JpcHRvcj47XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJNYWluUGFnZVByb3BzLCAnaGlkZUNvbnRyb2xzJz4gPSB7XG4gIGhpZGVDb250cm9sczogZmFsc2UsXG59O1xuXG5jb25zdCBUYWJ1bGFyTWFpblBhZ2UgPSAocHJvcHM6IFRUYWJ1bGFyTWFpblBhZ2VQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgfSA9IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IoXG4gICAgcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2Rlc1xuICApO1xuXG4gIHdhcm5pbmcoXG4gICAgcHJvcHMudGl0bGUgIT09IHVuZGVmaW5lZCB8fCBwcm9wcy5jdXN0b21UaXRsZVJvdyAhPT0gdW5kZWZpbmVkLFxuICAgICdUYWJ1bGFyTWFpblBhZ2U6IG9uZSBvZiBlaXRoZXIgYHRpdGxlYCBvciBgY3VzdG9tVGl0bGVSb3dgIGlzIHJlcXVpcmVkIGJ1dCBib3RoIHRoZWlyIHZhbHVlcyBhcmUgYHVuZGVmaW5lZGAnXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFnZVdyYXBwZXI+XG4gICAgICA8VGFidWxhclBhZ2VDb250YWluZXIgY29sb3I9XCJzdXJmYWNlXCI+XG4gICAgICAgIHtwcm9wcy5jdXN0b21UaXRsZVJvdyB8fCAoXG4gICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlID8/ICcnfVxuICAgICAgICAgICAgc3VidGl0bGU9e3Byb3BzLnN1YnRpdGxlfVxuICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgdGFiQ29udHJvbHM9e3Byb3BzLnRhYkNvbnRyb2xzfVxuICAgICAgICAgIGZvcm1Db250cm9scz17XG4gICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiBwcm9wcy5mb3JtQ29udHJvbHMgJiYgKFxuICAgICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgYWxpZ25JdGVtcz1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9UYWJ1bGFyUGFnZUNvbnRhaW5lcj5cbiAgICAgIDxDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcj5cbiAgICAgICAgPEN1c3RvbVZpZXdzU2VsZWN0b3JcbiAgICAgICAgICBtYXJnaW49e2Ake3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMCAwIDBgfVxuICAgICAgICAgIGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17Y3VycmVudEN1c3RvbVZpZXdMb2NhdG9yQ29kZX1cbiAgICAgICAgLz5cbiAgICAgIDwvQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXI+XG4gICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUGFnZVdyYXBwZXI+XG4gICk7XG59O1xuVGFidWxhck1haW5QYWdlLmRpc3BsYXlOYW1lID0gJ1RhYnVsYXJNYWluUGFnZSc7XG5UYWJ1bGFyTWFpblBhZ2UuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuLy8gU3RhdGljIGV4cG9ydCBvZiBwcmUtY29uZmlndXJlZCBmb3JtIGNvbnRyb2wgYnV0dG9ucyB0byBlYXNpbHkgcmUtdXNlXG4vLyB0aGVtIGluIHRoZSBjdXN0b20gY29udHJvbHMuXG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVByaW1hcnlCdXR0b24gPSBGb3JtUHJpbWFyeUJ1dHRvbjtcblRhYnVsYXJNYWluUGFnZS5Gb3JtU2Vjb25kYXJ5QnV0dG9uID0gRm9ybVNlY29uZGFyeUJ1dHRvbjtcblRhYnVsYXJNYWluUGFnZS5Gb3JtRGVsZXRlQnV0dG9uID0gRm9ybURlbGV0ZUJ1dHRvbjtcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgcGFnZSBoZWFkZXIgdGl0bGUgY29tcG9uZW50IHRvIGVhc2lseVxuLy8gdXNlIGFzIHBhcnQgb2YgYSBjdXN0b20gdGl0bGUgcm93XG5UYWJ1bGFyTWFpblBhZ2UuUGFnZUhlYWRlclRpdGxlID0gUGFnZUhlYWRlclRpdGxlO1xuLy8gVGhpcyBpcyBhIGNvbnZlbmllbmNlIHByb3h5IGV4cG9ydCB0byBleHBvc2UgcHJlLWRlZmluZWQgSW50bCBtZXNzYWdlcyBkZWZpbmVkIGluIHRoZSBgQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvaTE4bmAgcGFja2FnZS5cblRhYnVsYXJNYWluUGFnZS5JbnRsID0gc2hhcmVkTWVzc2FnZXM7XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnVsYXJNYWluUGFnZTtcbiJdfQ== */"),
2197
+ css: /*#__PURE__*/css("background-color:", designTokens$1.colorSurface, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzR2dCIiwiZmlsZSI6InRhYnVsYXItbWFpbi1wYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgdHlwZSB7IExvY2F0aW9uRGVzY3JpcHRvciB9IGZyb20gJ2hpc3RvcnknO1xuaW1wb3J0IHsgc2hhcmVkTWVzc2FnZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9pMThuJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFNwYWNpbmdzIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NwYWNpbmdzJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgdXNlQ3VzdG9tVmlld0xvY2F0b3JTZWxlY3RvciBmcm9tICcuLi8uLi8uLi9ob29rcy91c2UtY3VzdG9tLXZpZXctbG9jYXRvci1zZWxlY3Rvcic7XG5pbXBvcnQgQ3VzdG9tVmlld3NTZWxlY3RvciBmcm9tICcuLi8uLi9jdXN0b20tdmlld3MvY3VzdG9tLXZpZXdzLXNlbGVjdG9yJztcbmltcG9ydCB7XG4gIEZvcm1QcmltYXJ5QnV0dG9uLFxuICBGb3JtU2Vjb25kYXJ5QnV0dG9uLFxuICBGb3JtRGVsZXRlQnV0dG9uLFxufSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvZGVmYXVsdC1mb3JtLWJ1dHRvbnMnO1xuaW1wb3J0IFBhZ2VIZWFkZXJUaXRsZSBmcm9tICcuLi8uLi9pbnRlcm5hbHMvcGFnZS1oZWFkZXItdGl0bGUnO1xuaW1wb3J0IHsgQ29udGVudFdyYXBwZXIsIFBhZ2VXcmFwcGVyIH0gZnJvbSAnLi4vLi4vaW50ZXJuYWxzL3BhZ2Uuc3R5bGVzJztcbmltcG9ydCB7XG4gIENvbnRyb2xzQ29udGFpbnRlcixcbiAgVGFidWxhclBhZ2VDb250YWluZXIsXG4gIEZvcm1Db250cm9sc0NvbnRhaW5lcixcbiAgQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXIsXG59IGZyb20gJy4uLy4uL2ludGVybmFscy90YWJ1bGFyLXBhZ2UnO1xuXG50eXBlIFRUYWJ1bGFyTWFpblBhZ2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgcGFnZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbiAgLyoqXG4gICAqIFRoZXNlIGNvZGVzIGFyZSB1c2VkIHRvIGNvbmZpZ3VyZSB3aGljaCBDdXN0b20gVmlld3MgYXJlIGF2YWlsYWJsZSBmb3IgZXZlcnkgdGFiLlxuICAgKi9cbiAgY3VzdG9tVmlld0xvY2F0b3JDb2Rlcz86IFJlY29yZDxzdHJpbmcsIExvY2F0aW9uRGVzY3JpcHRvcj47XG59O1xuXG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8VFRhYnVsYXJNYWluUGFnZVByb3BzLCAnaGlkZUNvbnRyb2xzJz4gPSB7XG4gIGhpZGVDb250cm9sczogZmFsc2UsXG59O1xuXG5jb25zdCBUYWJ1bGFyTWFpblBhZ2UgPSAocHJvcHM6IFRUYWJ1bGFyTWFpblBhZ2VQcm9wcykgPT4ge1xuICBjb25zdCB7IGN1cnJlbnRDdXN0b21WaWV3TG9jYXRvckNvZGUgfSA9IHVzZUN1c3RvbVZpZXdMb2NhdG9yU2VsZWN0b3IoXG4gICAgcHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2Rlc1xuICApO1xuXG4gIHdhcm5pbmcoXG4gICAgcHJvcHMudGl0bGUgIT09IHVuZGVmaW5lZCB8fCBwcm9wcy5jdXN0b21UaXRsZVJvdyAhPT0gdW5kZWZpbmVkLFxuICAgICdUYWJ1bGFyTWFpblBhZ2U6IG9uZSBvZiBlaXRoZXIgYHRpdGxlYCBvciBgY3VzdG9tVGl0bGVSb3dgIGlzIHJlcXVpcmVkIGJ1dCBib3RoIHRoZWlyIHZhbHVlcyBhcmUgYHVuZGVmaW5lZGAnXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFnZVdyYXBwZXI+XG4gICAgICA8VGFidWxhclBhZ2VDb250YWluZXI+XG4gICAgICAgIHtwcm9wcy5jdXN0b21UaXRsZVJvdyB8fCAoXG4gICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlID8/ICcnfVxuICAgICAgICAgICAgc3VidGl0bGU9e3Byb3BzLnN1YnRpdGxlfVxuICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgdGFiQ29udHJvbHM9e3Byb3BzLnRhYkNvbnRyb2xzfVxuICAgICAgICAgIGZvcm1Db250cm9scz17XG4gICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiBwcm9wcy5mb3JtQ29udHJvbHMgJiYgKFxuICAgICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgYWxpZ25JdGVtcz1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9UYWJ1bGFyUGFnZUNvbnRhaW5lcj5cbiAgICAgIDxDdXN0b21WaWV3c1NlbGVjdG9yV3JhcHBlcj5cbiAgICAgICAgPEN1c3RvbVZpZXdzU2VsZWN0b3JcbiAgICAgICAgICBtYXJnaW49e2Ake3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmczMH0gMCAwIDBgfVxuICAgICAgICAgIGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17Y3VycmVudEN1c3RvbVZpZXdMb2NhdG9yQ29kZX1cbiAgICAgICAgLz5cbiAgICAgIDwvQ3VzdG9tVmlld3NTZWxlY3RvcldyYXBwZXI+XG4gICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt1aUtpdERlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7cHJvcHMuY2hpbGRyZW59XG4gICAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICAgIDwvUGFnZVdyYXBwZXI+XG4gICk7XG59O1xuVGFidWxhck1haW5QYWdlLmRpc3BsYXlOYW1lID0gJ1RhYnVsYXJNYWluUGFnZSc7XG5UYWJ1bGFyTWFpblBhZ2UuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuLy8gU3RhdGljIGV4cG9ydCBvZiBwcmUtY29uZmlndXJlZCBmb3JtIGNvbnRyb2wgYnV0dG9ucyB0byBlYXNpbHkgcmUtdXNlXG4vLyB0aGVtIGluIHRoZSBjdXN0b20gY29udHJvbHMuXG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVByaW1hcnlCdXR0b24gPSBGb3JtUHJpbWFyeUJ1dHRvbjtcblRhYnVsYXJNYWluUGFnZS5Gb3JtU2Vjb25kYXJ5QnV0dG9uID0gRm9ybVNlY29uZGFyeUJ1dHRvbjtcblRhYnVsYXJNYWluUGFnZS5Gb3JtRGVsZXRlQnV0dG9uID0gRm9ybURlbGV0ZUJ1dHRvbjtcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgcGFnZSBoZWFkZXIgdGl0bGUgY29tcG9uZW50IHRvIGVhc2lseVxuLy8gdXNlIGFzIHBhcnQgb2YgYSBjdXN0b20gdGl0bGUgcm93XG5UYWJ1bGFyTWFpblBhZ2UuUGFnZUhlYWRlclRpdGxlID0gUGFnZUhlYWRlclRpdGxlO1xuLy8gVGhpcyBpcyBhIGNvbnZlbmllbmNlIHByb3h5IGV4cG9ydCB0byBleHBvc2UgcHJlLWRlZmluZWQgSW50bCBtZXNzYWdlcyBkZWZpbmVkIGluIHRoZSBgQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvaTE4bmAgcGFja2FnZS5cblRhYnVsYXJNYWluUGFnZS5JbnRsID0gc2hhcmVkTWVzc2FnZXM7XG5cbmV4cG9ydCBkZWZhdWx0IFRhYnVsYXJNYWluUGFnZTtcbiJdfQ== */"),
2198
2198
  children: props.children
2199
2199
  })]
2200
2200
  });
package/dist/declarations/src/components/internals/tabular-page.d.ts CHANGED
@@ -8,15 +8,10 @@ declare const ControlsContainter: {
8
8
  (props: TControlsContainterProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
9
9
  displayName: string;
10
10
  };
11
- type TTabularPageContainerProps = {
12
- children: ReactNode;
13
- color: 'surface' | 'neutral';
14
- };
15
- declare const TabularPageContainer: {
16
- (props: TTabularPageContainerProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
17
- displayName: string;
18
- defaultProps: Pick<TTabularPageContainerProps, "color">;
19
- };
11
+ declare const TabularPageContainer: import("@emotion/styled").StyledComponent<{
12
+ theme?: import("@emotion/react").Theme | undefined;
13
+ as?: import("react").ElementType<any> | undefined;
14
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
20
15
  declare const FormControlsContainer: import("@emotion/styled").StyledComponent<{
21
16
  theme?: import("@emotion/react").Theme | undefined;
22
17
  as?: import("react").ElementType<any> | undefined;
@@ -25,4 +20,8 @@ declare const CustomViewsSelectorWrapper: import("@emotion/styled").StyledCompon
25
20
  theme?: import("@emotion/react").Theme | undefined;
26
21
  as?: import("react").ElementType<any> | undefined;
27
22
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
28
- export { ControlsContainter, TabularPageContainer, FormControlsContainer, CustomViewsSelectorWrapper, };
23
+ declare const TabularModalPageContainer: import("@emotion/styled").StyledComponent<{
24
+ theme?: import("@emotion/react").Theme | undefined;
25
+ as?: import("react").ElementType<any> | undefined;
26
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
27
+ export { ControlsContainter, TabularPageContainer, TabularModalPageContainer, FormControlsContainer, CustomViewsSelectorWrapper, };
package/dist/declarations/src/theming.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare const themesOverrides: {
5
5
  paddingForDetailPageHeader: string;
6
6
  paddingForMainPageHeader: string;
7
7
  paddingForTabularPageHeader: string;
8
+ paddingForTabularModalPageHeader: string;
8
9
  backgroundColorForNavbar: "var(--color-primary, hsl(175, 55%, 45%))";
9
10
  backgroundColorForNavbarExpander: string;
10
11
  backgroundColorForNavbarExpanderWhenHovered: "var(--color-primary-40, hsl(175, 55%, 40%))";
@@ -26,6 +27,7 @@ export declare const themesOverrides: {
26
27
  paddingForDetailPageHeader: string;
27
28
  paddingForMainPageHeader: string;
28
29
  paddingForTabularPageHeader: string;
30
+ paddingForTabularModalPageHeader: string;
29
31
  backgroundColorForNavbar: "var(--color-primary-10, hsl(175, 55%, 10%))";
30
32
  backgroundColorForNavbarExpander: "var(--color-primary-10, hsl(175, 55%, 10%))";
31
33
  backgroundColorForNavbarExpanderWhenHovered: "var(--color-primary-10, hsl(175, 55%, 10%))";
@@ -42,4 +44,4 @@ export declare const themesOverrides: {
42
44
  visibilityForNavbarFaded: string;
43
45
  };
44
46
  };
45
- export declare const designTokens: Record<"marginForCustomViewsSelectorAsTabular" | "marginForPageContent" | "paddingForDetailPageHeader" | "paddingForMainPageHeader" | "paddingForTabularPageHeader" | "backgroundColorForNavbar" | "backgroundColorForNavbarExpander" | "backgroundColorForNavbarExpanderWhenHovered" | "backgroundColorForNavbarHeader" | "backgroundColorForNavbarMenuItemWhenActive" | "backgroundColorForNavbarSubmenuItemWhenActive" | "backgroundColorForNavbarMenuItemWhenHovered" | "backgroundColorForNavbarSkeleton" | "backgroundColorForNavbarSkeletonFooter" | "borderColorForNotificationWhenSuccess" | "fontColorForNotificationWhenSuccess" | "fontColorForNotificationWhenWarning" | "fontColorForTabLabelWhenActive" | "visibilityForNavbarFaded", string>;
47
+ export declare const designTokens: Record<"marginForCustomViewsSelectorAsTabular" | "marginForPageContent" | "paddingForDetailPageHeader" | "paddingForMainPageHeader" | "paddingForTabularPageHeader" | "paddingForTabularModalPageHeader" | "backgroundColorForNavbar" | "backgroundColorForNavbarExpander" | "backgroundColorForNavbarExpanderWhenHovered" | "backgroundColorForNavbarHeader" | "backgroundColorForNavbarMenuItemWhenActive" | "backgroundColorForNavbarSubmenuItemWhenActive" | "backgroundColorForNavbarMenuItemWhenHovered" | "backgroundColorForNavbarSkeleton" | "backgroundColorForNavbarSkeletonFooter" | "borderColorForNotificationWhenSuccess" | "fontColorForNotificationWhenSuccess" | "fontColorForNotificationWhenWarning" | "fontColorForTabLabelWhenActive" | "visibilityForNavbarFaded", string>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/application-components",
3
- "version": "22.23.2",
3
+ "version": "22.24.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": {
@@ -8,7 +8,7 @@
8
8
  "url": "https://github.com/commercetools/merchant-center-application-kit.git",
9
9
  "directory": "packages/application-components"
10
10
  },
11
- "homepage": "https://docs.commercetools.com/custom-applications/api-reference/commercetools-frontend-application-components",
11
+ "homepage": "https://docs.commercetools.com/merchant-center-customizations/api-reference/commercetools-frontend-application-components",
12
12
  "keywords": [
13
13
  "javascript",
14
14
  "frontend",
@@ -36,14 +36,14 @@
36
36
  "dependencies": {
37
37
  "@babel/runtime": "^7.22.15",
38
38
  "@babel/runtime-corejs3": "^7.22.15",
39
- "@commercetools-frontend/actions-global": "22.23.2",
40
- "@commercetools-frontend/application-config": "22.23.2",
41
- "@commercetools-frontend/application-shell-connectors": "22.23.2",
42
- "@commercetools-frontend/assets": "22.23.2",
43
- "@commercetools-frontend/constants": "22.23.2",
44
- "@commercetools-frontend/i18n": "22.23.2",
45
- "@commercetools-frontend/l10n": "22.23.2",
46
- "@commercetools-frontend/sentry": "22.23.2",
39
+ "@commercetools-frontend/actions-global": "22.24.0",
40
+ "@commercetools-frontend/application-config": "22.24.0",
41
+ "@commercetools-frontend/application-shell-connectors": "22.24.0",
42
+ "@commercetools-frontend/assets": "22.24.0",
43
+ "@commercetools-frontend/constants": "22.24.0",
44
+ "@commercetools-frontend/i18n": "22.24.0",
45
+ "@commercetools-frontend/l10n": "22.24.0",
46
+ "@commercetools-frontend/sentry": "22.24.0",
47
47
  "@commercetools-uikit/accessible-button": "^19.0.0",
48
48
  "@commercetools-uikit/card": "^19.0.0",
49
49
  "@commercetools-uikit/constraints": "^19.0.0",
@@ -63,7 +63,7 @@
63
63
  "@commercetools-uikit/utils": "^19.0.0",
64
64
  "@emotion/react": "^11.11.4",
65
65
  "@emotion/styled": "^11.11.0",
66
- "@flopflip/react-broadcast": "13.5.2",
66
+ "@flopflip/react-broadcast": "14.0.0",
67
67
  "@react-hook/latest": "1.0.3",
68
68
  "@react-hook/resize-observer": "1.2.6",
69
69
  "@types/history": "^4.7.11",