@commercetools-frontend/application-components 22.13.0 → 22.13.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/commercetools-frontend-application-components.cjs.dev.js +689 -594
  2. package/dist/commercetools-frontend-application-components.cjs.prod.js +527 -460
  3. package/dist/commercetools-frontend-application-components.esm.js +686 -592
  4. package/dist/declarations/src/components/custom-views/custom-views-selector/custom-views-selector.d.ts +2 -1
  5. package/dist/declarations/src/components/drawer/drawer.d.ts +0 -1
  6. package/dist/declarations/src/components/internals/page-header.d.ts +1 -0
  7. package/dist/declarations/src/components/internals/tabular-page.d.ts +5 -1
  8. package/dist/declarations/src/components/modal-pages/internals/modal-page.d.ts +0 -1
  9. package/dist/declarations/src/theming.d.ts +8 -7
  10. package/dist/{public-page-layout-e590ce5b.cjs.dev.js → public-page-layout-9103bea1.cjs.dev.js} +3 -2
  11. package/dist/{public-page-layout-c0dbc038.esm.js → public-page-layout-b08b8ade.esm.js} +3 -2
  12. package/dist/{public-page-layout-295bf2b5.cjs.prod.js → public-page-layout-f84502f6.cjs.prod.js} +3 -2
  13. package/package.json +27 -26
package/dist/declarations/src/components/custom-views/custom-views-selector/custom-views-selector.d.ts CHANGED
@@ -1,9 +1,10 @@
1
- import { CustomViewData } from '@commercetools-frontend/constants';
1
+ import type { CustomViewData } from '@commercetools-frontend/constants';
2
2
  type TCustomViewSelectorBaseProps = {
3
3
  onCustomViewsResolved?: (customViews: CustomViewData[]) => void;
4
4
  };
5
5
  type TCustomViewSelectorProps = TCustomViewSelectorBaseProps & {
6
6
  customViewLocatorCode?: string;
7
+ margin?: string;
7
8
  };
8
9
  declare const CustomViewSelectorOrNothing: (props: TCustomViewSelectorProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element | null;
9
10
  export default CustomViewSelectorOrNothing;
package/dist/declarations/src/components/drawer/drawer.d.ts CHANGED
@@ -19,7 +19,6 @@ type TDrawerProps = {
19
19
  getParentSelector?: () => HTMLElement;
20
20
  shouldDelayOnClose?: boolean;
21
21
  afterOpenStyles?: string | CSSObject;
22
- customViewLocatorCode?: string;
23
22
  hideControls?: boolean;
24
23
  formControls?: ReactNode;
25
24
  isPrimaryButtonDisabled?: boolean;
package/dist/declarations/src/components/internals/page-header.d.ts CHANGED
@@ -2,6 +2,7 @@ import type { ReactElement, ReactNode } from 'react';
2
2
  type Props = {
3
3
  title: string;
4
4
  subtitle?: string | ReactElement;
5
+ customViewLocatorCode?: string;
5
6
  children?: ReactNode;
6
7
  };
7
8
  declare const PageHeader: {
package/dist/declarations/src/components/internals/tabular-page.d.ts CHANGED
@@ -21,4 +21,8 @@ declare const FormControlsContainer: import("@emotion/styled").StyledComponent<{
21
21
  theme?: import("@emotion/react").Theme | undefined;
22
22
  as?: import("react").ElementType<any> | undefined;
23
23
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
24
- export { ControlsContainter, TabularPageContainer, FormControlsContainer };
24
+ declare const CustomViewsSelectorWrapper: import("@emotion/styled").StyledComponent<{
25
+ theme?: import("@emotion/react").Theme | undefined;
26
+ as?: import("react").ElementType<any> | undefined;
27
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
28
+ export { ControlsContainter, TabularPageContainer, FormControlsContainer, CustomViewsSelectorWrapper, };
package/dist/declarations/src/components/modal-pages/internals/modal-page.d.ts CHANGED
@@ -12,7 +12,6 @@ type Props = {
12
12
  level?: number;
13
13
  title: string;
14
14
  isOpen: boolean;
15
- customViewLocatorCode?: string;
16
15
  onClose?: (event: SyntheticEvent) => void;
17
16
  children: ReactNode;
18
17
  zIndex?: number;
package/dist/declarations/src/theming.d.ts CHANGED
@@ -1,21 +1,21 @@
1
1
  export declare const themesOverrides: {
2
2
  default: {
3
- colorForPageHeaderBottomBorder: "var(--color-neutral-90, hsl(0, 0%, 90%))";
3
+ colorForPageHeaderBottomBorder: "var(--color-neutral-90, hsl(232, 18%, 90%))";
4
4
  colorForNavbarIcon: string;
5
5
  colorForNavbarIconWhenActive: "var(--color-surface, #fff)";
6
- colorForNavbarLink: "var(--color-neutral, #ccc)";
6
+ colorForNavbarLink: "var(--color-neutral, hsl(232, 18%, 80%))";
7
7
  colorForNavbarLinkWhenActive: "var(--color-surface, #fff)";
8
8
  colorForNavbarLinkWhenHovered: "var(--color-surface, #fff)";
9
- backgroundColorForMainPageDivider: "var(--color-neutral-90, hsl(0, 0%, 90%))";
9
+ backgroundColorForMainPageDivider: "var(--color-neutral-90, hsl(232, 18%, 90%))";
10
10
  backgroundColorForNavbar: string;
11
11
  backgroundColorForNavbarWhenActive: string;
12
12
  backgroundColorForNavbarWhenHovered: string;
13
13
  backgroundColorForPageHeader: "var(--color-surface, #fff)";
14
14
  backgroundColorForTabularMainPageContent: "var(--color-surface, #fff)";
15
- backgroundColorForUserMenuItemWhenHovered: "var(--color-neutral-95, hsl(0, 0%, 95%))";
15
+ backgroundColorForUserMenuItemWhenHovered: "var(--color-neutral-95, hsl(232, 18%, 95%))";
16
16
  borderBottomForTabularPageHeader: string;
17
- borderColorForDialogDivider: "var(--color-neutral-90, hsl(0, 0%, 90%))";
18
- borderColorForModalPageHeaderDivider: "var(--color-neutral-90, hsl(0, 0%, 90%))";
17
+ borderColorForDialogDivider: "var(--color-neutral-90, hsl(232, 18%, 90%))";
18
+ borderColorForModalPageHeaderDivider: "var(--color-neutral-90, hsl(232, 18%, 90%))";
19
19
  borderColorForModalTopBarWhenSurface: "var(--color-surface, #fff)";
20
20
  fontSizeForNavbarLink: "var(--font-size-20, 0.875rem)";
21
21
  fontWeightForNavbarLink: "var(--font-weight-400, 400)";
@@ -24,6 +24,7 @@ export declare const themesOverrides: {
24
24
  heightForTab: string;
25
25
  lineHeightForNavbarLink: "var(--line-height-20, 1.375rem)";
26
26
  marginBottomForPageTopBar: "var(--spacing-40, 24px)";
27
+ marginForCustomViewsSelectorAsTabular: string;
27
28
  marginForDialogContainerContents: string;
28
29
  marginForModalPageHeader: string;
29
30
  marginForUserMenuItem: string;
@@ -48,4 +49,4 @@ export declare const themesOverrides: {
48
49
  widthForPageLayoutContentColumn: string;
49
50
  };
50
51
  };
51
- export declare const designTokens: Record<"colorForPageHeaderBottomBorder" | "colorForNavbarIcon" | "colorForNavbarIconWhenActive" | "colorForNavbarLink" | "colorForNavbarLinkWhenActive" | "colorForNavbarLinkWhenHovered" | "backgroundColorForMainPageDivider" | "backgroundColorForNavbar" | "backgroundColorForNavbarWhenActive" | "backgroundColorForNavbarWhenHovered" | "backgroundColorForPageHeader" | "backgroundColorForTabularMainPageContent" | "backgroundColorForUserMenuItemWhenHovered" | "borderBottomForTabularPageHeader" | "borderColorForDialogDivider" | "borderColorForModalPageHeaderDivider" | "borderColorForModalTopBarWhenSurface" | "fontSizeForNavbarLink" | "fontWeightForNavbarLink" | "fontWeightForNavbarLinkWhenActive" | "fontWeightForNavbarLinkWhenHovered" | "heightForTab" | "lineHeightForNavbarLink" | "marginBottomForPageTopBar" | "marginForDialogContainerContents" | "marginForModalPageHeader" | "marginForUserMenuItem" | "marginLeftForModalPageHeaderControls" | "marginRightForAppbar" | "marginTopForDialogFooter" | "marginForPageContent" | "marginTopForPageSubtitle" | "marginTopForTabControls" | "paddingForDetailPageHeader" | "paddingForDialogContainer" | "paddingForDialogContent" | "paddingForMainPageHeader" | "paddingForModalPageHeader" | "paddingForModalTopBar" | "paddingForTabularPageHeader" | "paddingLeftForTabAsFirst" | "shadowForAppbar" | "shadowForNavbar" | "widthForDialogAsMedium" | "widthForDialogAsLarge" | "widthForPageLayoutContentColumn", string>;
52
+ export declare const designTokens: Record<"colorForPageHeaderBottomBorder" | "colorForNavbarIcon" | "colorForNavbarIconWhenActive" | "colorForNavbarLink" | "colorForNavbarLinkWhenActive" | "colorForNavbarLinkWhenHovered" | "backgroundColorForMainPageDivider" | "backgroundColorForNavbar" | "backgroundColorForNavbarWhenActive" | "backgroundColorForNavbarWhenHovered" | "backgroundColorForPageHeader" | "backgroundColorForTabularMainPageContent" | "backgroundColorForUserMenuItemWhenHovered" | "borderBottomForTabularPageHeader" | "borderColorForDialogDivider" | "borderColorForModalPageHeaderDivider" | "borderColorForModalTopBarWhenSurface" | "fontSizeForNavbarLink" | "fontWeightForNavbarLink" | "fontWeightForNavbarLinkWhenActive" | "fontWeightForNavbarLinkWhenHovered" | "heightForTab" | "lineHeightForNavbarLink" | "marginBottomForPageTopBar" | "marginForCustomViewsSelectorAsTabular" | "marginForDialogContainerContents" | "marginForModalPageHeader" | "marginForUserMenuItem" | "marginLeftForModalPageHeaderControls" | "marginRightForAppbar" | "marginTopForDialogFooter" | "marginForPageContent" | "marginTopForPageSubtitle" | "marginTopForTabControls" | "paddingForDetailPageHeader" | "paddingForDialogContainer" | "paddingForDialogContent" | "paddingForMainPageHeader" | "paddingForModalPageHeader" | "paddingForModalTopBar" | "paddingForTabularPageHeader" | "paddingLeftForTabAsFirst" | "shadowForAppbar" | "shadowForNavbar" | "widthForDialogAsMedium" | "widthForDialogAsLarge" | "widthForPageLayoutContentColumn", string>;
package/dist/{public-page-layout-e590ce5b.cjs.dev.js → public-page-layout-9103bea1.cjs.dev.js} RENAMED
@@ -34,15 +34,16 @@ require('@commercetools-uikit/secondary-button');
34
34
  require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
35
35
  require('lodash/omitBy');
36
36
  require('@babel/runtime-corejs3/helpers/slicedToArray');
37
- require('@babel/runtime-corejs3/core-js-stable/set-timeout');
38
37
  require('@babel/runtime-corejs3/core-js-stable/instance/map');
39
38
  require('@commercetools-frontend/sentry');
39
+ require('@commercetools-uikit/accessible-button');
40
40
  require('@commercetools-uikit/constraints');
41
41
  require('@commercetools-frontend/actions-global');
42
42
  require('@commercetools-frontend/application-shell-connectors');
43
- require('@commercetools-uikit/icon-button');
43
+ require('@babel/runtime-corejs3/core-js-stable/set-timeout');
44
44
  require('@commercetools-uikit/flat-button');
45
45
  require('@flopflip/react-broadcast');
46
+ require('@commercetools-uikit/icon-button');
46
47
  require('@babel/runtime-corejs3/core-js-stable/instance/find');
47
48
  require('@babel/runtime-corejs3/core-js-stable/object/entries');
48
49
  require('@commercetools-frontend/assets/images/page-not-found.svg');
package/dist/{public-page-layout-c0dbc038.esm.js → public-page-layout-b08b8ade.esm.js} RENAMED
@@ -32,15 +32,16 @@ import '@commercetools-uikit/secondary-button';
32
32
  import '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
33
33
  import 'lodash/omitBy';
34
34
  import '@babel/runtime-corejs3/helpers/slicedToArray';
35
- import '@babel/runtime-corejs3/core-js-stable/set-timeout';
36
35
  import '@babel/runtime-corejs3/core-js-stable/instance/map';
37
36
  import '@commercetools-frontend/sentry';
37
+ import '@commercetools-uikit/accessible-button';
38
38
  import '@commercetools-uikit/constraints';
39
39
  import '@commercetools-frontend/actions-global';
40
40
  import '@commercetools-frontend/application-shell-connectors';
41
- import '@commercetools-uikit/icon-button';
41
+ import '@babel/runtime-corejs3/core-js-stable/set-timeout';
42
42
  import '@commercetools-uikit/flat-button';
43
43
  import '@flopflip/react-broadcast';
44
+ import '@commercetools-uikit/icon-button';
44
45
  import '@babel/runtime-corejs3/core-js-stable/instance/find';
45
46
  import '@babel/runtime-corejs3/core-js-stable/object/entries';
46
47
  import '@commercetools-frontend/assets/images/page-not-found.svg';
package/dist/{public-page-layout-295bf2b5.cjs.prod.js → public-page-layout-f84502f6.cjs.prod.js} RENAMED
@@ -34,15 +34,16 @@ require('@commercetools-uikit/secondary-button');
34
34
  require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
35
35
  require('lodash/omitBy');
36
36
  require('@babel/runtime-corejs3/helpers/slicedToArray');
37
- require('@babel/runtime-corejs3/core-js-stable/set-timeout');
38
37
  require('@babel/runtime-corejs3/core-js-stable/instance/map');
39
38
  require('@commercetools-frontend/sentry');
39
+ require('@commercetools-uikit/accessible-button');
40
40
  require('@commercetools-uikit/constraints');
41
41
  require('@commercetools-frontend/actions-global');
42
42
  require('@commercetools-frontend/application-shell-connectors');
43
- require('@commercetools-uikit/icon-button');
43
+ require('@babel/runtime-corejs3/core-js-stable/set-timeout');
44
44
  require('@commercetools-uikit/flat-button');
45
45
  require('@flopflip/react-broadcast');
46
+ require('@commercetools-uikit/icon-button');
46
47
  require('@babel/runtime-corejs3/core-js-stable/instance/find');
47
48
  require('@babel/runtime-corejs3/core-js-stable/object/entries');
48
49
  require('@commercetools-frontend/assets/images/page-not-found.svg');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/application-components",
3
- "version": "22.13.0",
3
+ "version": "22.13.2",
4
4
  "description": "Generic components for building Merchant Center applications",
5
5
  "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
6
6
  "repository": {
@@ -36,31 +36,32 @@
36
36
  "dependencies": {
37
37
  "@babel/runtime": "^7.22.15",
38
38
  "@babel/runtime-corejs3": "^7.22.15",
39
- "@commercetools-frontend/actions-global": "22.13.0",
40
- "@commercetools-frontend/application-config": "22.13.0",
41
- "@commercetools-frontend/application-shell-connectors": "22.13.0",
42
- "@commercetools-frontend/assets": "22.13.0",
43
- "@commercetools-frontend/constants": "22.13.0",
44
- "@commercetools-frontend/i18n": "22.13.0",
45
- "@commercetools-frontend/l10n": "22.13.0",
46
- "@commercetools-frontend/sentry": "22.13.0",
47
- "@commercetools-uikit/card": "^16.7.3",
48
- "@commercetools-uikit/constraints": "^16.7.3",
49
- "@commercetools-uikit/design-system": "^16.7.3",
50
- "@commercetools-uikit/flat-button": "^16.7.3",
51
- "@commercetools-uikit/hooks": "^16.7.3",
52
- "@commercetools-uikit/icon-button": "^16.7.3",
53
- "@commercetools-uikit/icons": "^16.7.3",
54
- "@commercetools-uikit/label": "^16.7.3",
55
- "@commercetools-uikit/messages": "^16.7.3",
56
- "@commercetools-uikit/primary-button": "^16.7.3",
57
- "@commercetools-uikit/secondary-button": "^16.7.3",
58
- "@commercetools-uikit/secondary-icon-button": "^16.7.3",
59
- "@commercetools-uikit/spacings": "^16.7.3",
60
- "@commercetools-uikit/text": "^16.7.3",
61
- "@commercetools-uikit/utils": "^16.7.3",
62
- "@emotion/react": "11.11.0",
63
- "@emotion/styled": "11.11.0",
39
+ "@commercetools-frontend/actions-global": "22.13.2",
40
+ "@commercetools-frontend/application-config": "22.13.2",
41
+ "@commercetools-frontend/application-shell-connectors": "22.13.2",
42
+ "@commercetools-frontend/assets": "22.13.2",
43
+ "@commercetools-frontend/constants": "22.13.2",
44
+ "@commercetools-frontend/i18n": "22.13.2",
45
+ "@commercetools-frontend/l10n": "22.13.2",
46
+ "@commercetools-frontend/sentry": "22.13.2",
47
+ "@commercetools-uikit/accessible-button": "^16.12.0",
48
+ "@commercetools-uikit/card": "^16.12.0",
49
+ "@commercetools-uikit/constraints": "^16.12.0",
50
+ "@commercetools-uikit/design-system": "^16.12.0",
51
+ "@commercetools-uikit/flat-button": "^16.12.0",
52
+ "@commercetools-uikit/hooks": "^16.12.0",
53
+ "@commercetools-uikit/icon-button": "^16.12.0",
54
+ "@commercetools-uikit/icons": "^16.12.0",
55
+ "@commercetools-uikit/label": "^16.12.0",
56
+ "@commercetools-uikit/messages": "^16.12.0",
57
+ "@commercetools-uikit/primary-button": "^16.12.0",
58
+ "@commercetools-uikit/secondary-button": "^16.12.0",
59
+ "@commercetools-uikit/secondary-icon-button": "^16.12.0",
60
+ "@commercetools-uikit/spacings": "^16.12.0",
61
+ "@commercetools-uikit/text": "^16.12.0",
62
+ "@commercetools-uikit/utils": "^16.12.0",
63
+ "@emotion/react": "^11.11.1",
64
+ "@emotion/styled": "^11.11.0",
64
65
  "@flopflip/react-broadcast": "13.1.7",
65
66
  "@react-hook/latest": "1.0.3",
66
67
  "@react-hook/resize-observer": "1.2.6",