diff --git a/packages/demo/src/app/home/home.component.html b/packages/demo/src/app/home/home.component.html index 806120afe6..eb5a2e83ee 100644 --- a/packages/demo/src/app/home/home.component.html +++ b/packages/demo/src/app/home/home.component.html @@ -60,14 +60,81 @@

The Swiss Post Design System is now compatible with An rel="noopener" target="_blank" > - Support chanel + Support channel in Teams.

+
+

Compatibility

-
-
+

List of compatible version numbers with external dependencies.

+ +
+
+

Styles

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Package @swisspost/design-system-styles
VersionBootstrapAngularNg-Bootstrap
5.x5.014.x13.x
6.25.215.x14.x
6.45.316.x15.x
+
+
+

Common Web Frontend

+ + + + + + + + + + + + + + + + + + + +
Package @ch-post-common/common-web-frontend
VersionBootstrapAngularNg-Bootstrap
4.x4.612.x9.x
+
+
+
+ +
+

Setup for migration instructions

+
What environment is your application for? diff --git a/packages/demo/src/app/intranet-layout/intranet-layout.component.html b/packages/demo/src/app/intranet-layout/intranet-layout.component.html index ccf9660a86..fb924e1d43 100644 --- a/packages/demo/src/app/intranet-layout/intranet-layout.component.html +++ b/packages/demo/src/app/intranet-layout/intranet-layout.component.html @@ -9,25 +9,40 @@

Installation

Angular component and as such, only works with Angular projects.

-

The supported Angular versions are:

- - - - - - - - - - - - - - - - - -
Intranet HeaderAngular
4.x15.x
5.x16.x
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
List of compatible version numbers with external dependencies.
Intranet-headerBootstrapAngularNg-Bootstrap
3.x4.x14.x13.x
4.x5.215.x14.x
5.x5.216.x15.x
+

Install the latest version of the Intranet Header with:

+ +# Compatibility + +

List of compatible version numbers with external dependencies.

+ +## Intranet-header + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Package @swisspost/design-system-intranet-header
VersionBootstrapAngularNg-Bootstrap
3.x4.x14.x13.x
4.x5.215.x14.x
5.x5.216.x15.x
+
+ +## Styles + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Package @swisspost/design-system-styles
VersionBootstrapAngularNg-Bootstrap
5.x5.014.x13.x
6.25.215.x14.x
6.45.316.x15.x
+
+ +## Common Web Frontend + +
+ + + + + + + + + + + + + + + + + + + +
Package @.../common-web-frontend
VersionBootstrapAngularNg-Bootstrap
4.x4.612.x9.x
+
diff --git a/packages/documentation/src/stories/getting-started/compatibility/compatibility.stories.ts b/packages/documentation/src/stories/getting-started/compatibility/compatibility.stories.ts new file mode 100644 index 0000000000..63e2462935 --- /dev/null +++ b/packages/documentation/src/stories/getting-started/compatibility/compatibility.stories.ts @@ -0,0 +1,15 @@ +import { Meta, StoryObj } from '@storybook/web-components'; +import { BADGE } from '../../../../.storybook/constants'; + +const meta: Meta = { + title: 'Getting Started/Compatibility', + parameters: { + badges: [BADGE.NEEDS_REVISION], + }, +}; + +export default meta; + +type Story = StoryObj; + +export const Default: Story = {};