@commercetools-frontend/application-components 21.21.2 → 21.22.1

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 (15) hide show
  1. package/dist/commercetools-frontend-application-components.cjs.dev.js +273 -73
  2. package/dist/commercetools-frontend-application-components.cjs.prod.js +187 -52
  3. package/dist/commercetools-frontend-application-components.esm.js +272 -75
  4. package/dist/declarations/src/components/page-content-containers/page-content-full/index.d.ts +2 -0
  5. package/dist/declarations/src/components/page-content-containers/page-content-full/page-content-full.d.ts +6 -0
  6. package/dist/declarations/src/components/page-content-containers/page-content-narrow/index.d.ts +2 -0
  7. package/dist/declarations/src/components/page-content-containers/page-content-narrow/page-content-narrow.d.ts +6 -0
  8. package/dist/declarations/src/components/page-content-containers/page-content-wide/index.d.ts +2 -0
  9. package/dist/declarations/src/components/page-content-containers/page-content-wide/page-content-wide.d.ts +11 -0
  10. package/dist/declarations/src/index.d.ts +6 -0
  11. package/dist/declarations/src/theming.d.ts +3 -3
  12. package/dist/{public-page-layout-ef17c422.cjs.dev.js → public-page-layout-cd3f957f.cjs.dev.js} +0 -0
  13. package/dist/{public-page-layout-b59d3d28.esm.js → public-page-layout-d0c7ec4d.esm.js} +0 -0
  14. package/dist/{public-page-layout-8489cd86.cjs.prod.js → public-page-layout-f96f3559.cjs.prod.js} +0 -0
  15. package/package.json +19 -19
package/dist/declarations/src/components/page-content-containers/page-content-full/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from './page-content-full';
2
+ export type { TPageContentFull } from './page-content-full';
package/dist/declarations/src/components/page-content-containers/page-content-full/page-content-full.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import type { ReactNode } from 'react';
2
+ export declare type TPageContentFull = {
3
+ children: ReactNode;
4
+ };
5
+ declare function PageContentFull(props: TPageContentFull): import("@emotion/react/jsx-runtime").JSX.Element;
6
+ export default PageContentFull;
package/dist/declarations/src/components/page-content-containers/page-content-narrow/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from './page-content-narrow';
2
+ export type { TPageContentNarrow } from './page-content-narrow';
package/dist/declarations/src/components/page-content-containers/page-content-narrow/page-content-narrow.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import type { ReactNode } from 'react';
2
+ export declare type TPageContentNarrow = {
3
+ children: ReactNode;
4
+ };
5
+ declare function PageContentNarrow(props: TPageContentNarrow): import("@emotion/react/jsx-runtime").JSX.Element;
6
+ export default PageContentNarrow;
package/dist/declarations/src/components/page-content-containers/page-content-wide/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from './page-content-wide';
2
+ export type { TPageContentWide } from './page-content-wide';
package/dist/declarations/src/components/page-content-containers/page-content-wide/page-content-wide.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { type ReactNode } from 'react';
2
+ export declare type TPageContentWide = {
3
+ columns: '1' | '1/1' | '2/1';
4
+ gapSize: '10' | '20';
5
+ children: ReactNode;
6
+ };
7
+ declare function PageContentWide(props: TPageContentWide): import("@emotion/react/jsx-runtime").JSX.Element;
8
+ declare namespace PageContentWide {
9
+ var defaultProps: Pick<TPageContentWide, "columns" | "gapSize">;
10
+ }
11
+ export default PageContentWide;
package/dist/declarations/src/index.d.ts CHANGED
@@ -19,6 +19,12 @@ export { default as TabularMainPage } from './components/main-pages/tabular-main
19
19
  export { default as MaintenancePageLayout } from './components/maintenance-page-layout';
20
20
  export { default as PageNotFound } from './components/page-not-found';
21
21
  export { default as PageUnauthorized } from './components/page-unauthorized';
22
+ export { default as PageContentNarrow } from './components/page-content-containers/page-content-narrow';
23
+ export type { TPageContentNarrow } from './components/page-content-containers/page-content-narrow';
24
+ export { default as PageContentWide } from './components/page-content-containers/page-content-wide';
25
+ export type { TPageContentWide } from './components/page-content-containers/page-content-wide';
26
+ export { default as PageContentFull } from './components/page-content-containers/page-content-full';
27
+ export type { TPageContentFull } from './components/page-content-containers/page-content-full';
22
28
  export { default as PortalsContainer } from './components/portals-container';
23
29
  export { default as useModalState } from './hooks/use-modal-state';
24
30
  export * from './theming';
package/dist/declarations/src/theming.d.ts CHANGED
@@ -22,7 +22,7 @@ export declare const themesOverrides: {
22
22
  fontWeightForNavbarLinkWhenActive: "var(--font-weight-500, 500)";
23
23
  fontWeightForNavbarLinkWhenHovered: "var(--font-weight-500, 500)";
24
24
  heightForTab: string;
25
- lineHeightForNavBarLink: "var(--line-height-50, 1.75rem)";
25
+ lineHeightForNavbarLink: "var(--line-height-50, 1.75rem)";
26
26
  marginBottomForPageTopBar: "var(--spacing-20, 8px)";
27
27
  marginForDialogContainerContents: string;
28
28
  marginForModalPageHeader: string;
@@ -70,7 +70,7 @@ export declare const themesOverrides: {
70
70
  fontWeightForNavbarLinkWhenActive: "var(--font-weight-600, 600)";
71
71
  fontWeightForNavbarLinkWhenHovered: "var(--font-weight-600, 600)";
72
72
  heightForTab: string;
73
- lineHeightForNavBarLink: "var(--line-height-20, 1.375rem)";
73
+ lineHeightForNavbarLink: "var(--line-height-20, 1.375rem)";
74
74
  marginBottomForPageTopBar: "var(--spacing-40, 24px)";
75
75
  marginForDialogContainerContents: string;
76
76
  marginForModalPageHeader: string;
@@ -96,4 +96,4 @@ export declare const themesOverrides: {
96
96
  widthForPageLayoutContentColumn: string;
97
97
  };
98
98
  };
99
- 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" | "marginTopForPageSubtitle" | "marginTopForTabControls" | "paddingForDetailPageHeader" | "paddingForDialogContainer" | "paddingForDialogContent" | "paddingForMainPageHeader" | "paddingForModalPageHeader" | "paddingForModalTopBar" | "paddingForPageContent" | "paddingForTabularPageHeader" | "paddingLeftForTabAsFirst" | "shadowForAppbar" | "shadowForNavbar" | "widthForDialogAsMedium" | "widthForDialogAsLarge" | "widthForPageLayoutContentColumn", string>;
99
+ 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" | "marginTopForPageSubtitle" | "marginTopForTabControls" | "paddingForDetailPageHeader" | "paddingForDialogContainer" | "paddingForDialogContent" | "paddingForMainPageHeader" | "paddingForModalPageHeader" | "paddingForModalTopBar" | "paddingForPageContent" | "paddingForTabularPageHeader" | "paddingLeftForTabAsFirst" | "shadowForAppbar" | "shadowForNavbar" | "widthForDialogAsMedium" | "widthForDialogAsLarge" | "widthForPageLayoutContentColumn", string>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@commercetools-frontend/application-components",
3
- "version": "21.21.2",
3
+ "version": "21.22.1",
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": {
@@ -29,24 +29,24 @@
29
29
  "dependencies": {
30
30
  "@babel/runtime": "^7.19.0",
31
31
  "@babel/runtime-corejs3": "^7.19.0",
32
- "@commercetools-frontend/application-shell-connectors": "21.21.2",
33
- "@commercetools-frontend/assets": "21.21.2",
34
- "@commercetools-frontend/constants": "21.21.2",
35
- "@commercetools-frontend/i18n": "21.21.2",
36
- "@commercetools-frontend/l10n": "21.21.2",
37
- "@commercetools-uikit/card": "^15.6.0",
38
- "@commercetools-uikit/constraints": "^15.6.0",
39
- "@commercetools-uikit/design-system": "^15.6.0",
40
- "@commercetools-uikit/flat-button": "^15.6.0",
41
- "@commercetools-uikit/icon-button": "^15.6.0",
42
- "@commercetools-uikit/icons": "^15.6.0",
43
- "@commercetools-uikit/messages": "^15.6.0",
44
- "@commercetools-uikit/primary-button": "^15.6.0",
45
- "@commercetools-uikit/secondary-button": "^15.6.0",
46
- "@commercetools-uikit/secondary-icon-button": "^15.6.0",
47
- "@commercetools-uikit/spacings": "^15.6.0",
48
- "@commercetools-uikit/text": "^15.6.0",
49
- "@commercetools-uikit/utils": "^15.6.0",
32
+ "@commercetools-frontend/application-shell-connectors": "21.22.1",
33
+ "@commercetools-frontend/assets": "21.22.1",
34
+ "@commercetools-frontend/constants": "21.22.1",
35
+ "@commercetools-frontend/i18n": "21.22.1",
36
+ "@commercetools-frontend/l10n": "21.22.1",
37
+ "@commercetools-uikit/card": "^15.9.0",
38
+ "@commercetools-uikit/constraints": "^15.9.0",
39
+ "@commercetools-uikit/design-system": "^15.9.0",
40
+ "@commercetools-uikit/flat-button": "^15.9.0",
41
+ "@commercetools-uikit/icon-button": "^15.9.0",
42
+ "@commercetools-uikit/icons": "^15.9.0",
43
+ "@commercetools-uikit/messages": "^15.9.0",
44
+ "@commercetools-uikit/primary-button": "^15.9.0",
45
+ "@commercetools-uikit/secondary-button": "^15.9.0",
46
+ "@commercetools-uikit/secondary-icon-button": "^15.9.0",
47
+ "@commercetools-uikit/spacings": "^15.9.0",
48
+ "@commercetools-uikit/text": "^15.9.0",
49
+ "@commercetools-uikit/utils": "^15.9.0",
50
50
  "@emotion/react": "11.10.4",
51
51
  "@emotion/styled": "11.10.4",
52
52
  "@react-hook/latest": "1.0.3",