chore(documentation): add package design-system-tokens on start page (#…

…3972)

packages/documentation/package.json

@@ -32,6 +32,7 @@
     "@swisspost/design-system-components-react": "workspace:9.0.0-next.4",
     "@swisspost/design-system-icons": "workspace:9.0.0-next.4",
     "@swisspost/design-system-styles": "workspace:9.0.0-next.4",
+    "@swisspost/design-system-tokens": "workspace:9.0.0-next.4",
     "@swisspost/internet-header": "workspace:2.0.0-next.4",
     "bootstrap": "5.3.3"
   },

packages/documentation/src/shared/packages.data.ts

@@ -5,6 +5,7 @@ import metaComponentsAngular from '@/stories/getting-started/packages/components
 import metaInternetHeader from '@/stories/getting-started/packages/internet-header/internet-header.stories';
 import metaIntranetHeader from '@/stories/getting-started/packages/intranet-header/intranet-header.stories';
 import metaIcons from '@/stories/getting-started/packages/icons/package-icons.stories';
+import metaTokens from '@/stories/getting-started/packages/tokens/tokens.stories';
 import { PackageType } from '@/../types';
 
 interface IPackage {
@@ -145,6 +146,26 @@ export const packages: IPackage[] = [
     },
     version: `v${getVersion(DEPENDENCIES['@swisspost/design-system-icons'])}`,
   },
+  {
+    name: 'Tokens',
+    docsStoryId: metaTokens.id,
+    type: PackageType.Assets,
+    link: {
+      github: {
+        href: 'https://github.com/swisspost/design-system/tree/main/packages/tokens',
+        ariaLabel: 'Source of Tokens package',
+      },
+      docs: {
+        href: generateDocsRelativeLink(metaTokens.id),
+        ariaLabel: 'Getting started with Tokens package',
+      },
+    },
+    img: {
+      src: '/assets/images/packages/tokens.svg',
+      alt: '',
+    },
+    version: `v${getVersion(DEPENDENCIES['@swisspost/design-system-tokens'])}`,
+  },
 ];
 
 function generateDocsRelativeLink(storyId: string) {

packages/documentation/src/stories/getting-started/packages/tokens/tokens.stories.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/web-components';
+import { MetaExtended } from '@root/types';
+
+const meta: MetaExtended = {
+  id: 'c0af5a11-2b2f-427d-9cd3-cc323f49e56e',
+  title: 'Getting Started/Packages/Tokens',
+  parameters: {
+    badges: [],
+  },
+};
+
+export default meta;
+
+type Story = StoryObj;
+
+export const Default: Story = {};