Merge branch 'header' into main-nav

.changeset/cuddly-gifts-film.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': major
+---
+
+Removed regular button size. Buttons that were previously using `btn-rg` will now fall back to the default `btn-md` size.

.changeset/dirty-mayflies-taste.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': major
+---
+
+Updated list group to v2 and added new options: list links, list documents and list switches.

.changeset/fast-bats-poke.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-components': minor
+---
+
+Created the `post-list` and `post-list-item` components.

.changeset/fifty-dodos-wait.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': minor
+---
+
+Updated the Accessibility documentation section with Form Labels guidelines.

.changeset/fifty-students-call.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': major
+---
+
+Removed the `btn-animated` class. It no longer has any effect and can be removed from existing buttons.

.changeset/five-hornets-sin.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Updated roles

.changeset/gold-chairs-grin.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': minor
+---
+
+Added Form Footer component.

.changeset/gold-chefs-rule.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': minor
+---
+
+Created token-based styles for `<ul>` elements.

.changeset/grumpy-parrots-wonder.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Fixed an issue with the post-collapsible throwing an invalid selector error.

.changeset/lovely-deers-itch.md

@@ -2,4 +2,4 @@
 '@swisspost/design-system-components': patch
 ---
 
-Made the ´<post-popovercontainer>´ visually hidden for tooltips to fix accessability issue.
+Made the `<post-popovercontainer>` visually hidden for tooltips to fix accessability issue.

.changeset/neat-suits-provide.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Updated basic `<ul>` element docs and moved them from `Utilities/Lists` to `Foundation/Typography/Lists`.

.changeset/pre.json

@@ -22,39 +22,61 @@
     "@swisspost/design-system-tokens": "8.2.0"
   },
   "changesets": [
+    "2024-10-17-update-icons",
+    "2024-10-27-update-icons",
     "beige-jobs-do",
     "big-frogs-admire",
     "breezy-cups-add",
+    "brown-badgers-dream",
     "clean-icons-complain",
     "cold-baboons-appear",
     "cold-panthers-vanish",
     "cuddly-bears-check",
+    "eight-turkeys-matter",
     "eleven-keys-work",
     "empty-islands-kneel",
     "fair-actors-scream",
+    "fast-fans-wash",
+    "five-hornets-sin",
     "friendly-insects-breathe",
     "funny-shrimps-care",
+    "giant-games-swim",
     "gorgeous-flowers-flow",
     "great-humans-talk",
     "heavy-rats-explode",
     "kind-buses-trade",
     "kind-papayas-provide",
+    "lazy-gorillas-admire",
     "lemon-clocks-clean",
+    "loud-dingos-remember",
+    "lovely-deers-itch",
     "lovely-mirrors-travel",
     "nervous-rocks-shop",
     "ninety-nails-float",
     "pink-weeks-relate",
     "plenty-apricots-raise",
     "popular-games-rush",
     "proud-actors-knock",
+    "proud-moons-impress",
+    "quick-eagles-watch",
+    "quiet-apes-rhyme",
+    "red-cobras-cry",
     "red-lies-lick",
     "selfish-bats-run",
+    "selfish-ways-know",
     "shaggy-experts-give",
+    "sharp-baboons-smile",
     "sharp-crews-watch",
+    "shiny-ears-care",
+    "silver-coins-invent",
     "six-spiders-smoke",
+    "sixty-items-promise",
+    "strange-bottles-impress",
     "tame-terms-push",
     "three-lies-do",
     "tidy-dolls-walk",
+    "tiny-socks-count",
+    "wise-spies-shave",
     "yellow-yaks-jog"
   ]
 }

.changeset/rare-dryers-count.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': minor
+---
+
+Updated button component to v2.

.changeset/slimy-rockets-pull.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-styles': minor
+'@swisspost/design-system-documentation': minor
+---
+
+Internalized bootstraps floating utilities into the design system.

.github/workflows/build-tokens.yaml

@@ -21,57 +21,3 @@ jobs:
 
       - name: Build tokens & dependencies
         run: pnpm --filter design-system-tokens... build
-
-      - name: Create Summary
-        id: summary
-        uses: actions/github-script@v7
-        with:
-          script: |
-            const fs = require('fs')
-            const path = require('path')
-
-            const inputFileNames = fs.readdirSync('packages/tokens/tokensstudio-generated')
-            const inputFiles = inputFileNames.map(fileName => ({
-              type: path.extname(fileName).replace(/^\./, ''),
-              name: fileName,
-              content: fs.readFileSync(`packages/tokens/tokensstudio-generated/${fileName}`, 'utf8')
-            }))
-
-            const outputOrder = [
-              'index.scss',
-              'core.scss',
-              'scheme.scss',
-              'device.scss',
-              'channel.scss',
-              'theme.scss',
-              'components.scss',
-            ]
-            const outputFileNames = fs.readdirSync('packages/tokens/dist')
-            const outputFiles = outputFileNames
-              .map(fileName => ({
-                type: path.extname(fileName).replace(/^\./, ''),
-                name: fileName,
-                content: fs.readFileSync(`packages/tokens/dist/${fileName}`, 'utf8')
-              }))
-              .map(({ type, name, content }) => {
-                if (type === 'scss') content = content.replaceAll('\n\n', '\n \n').replaceAll('$', '$').replaceAll('  ', '  ')
-                return { type, name, content }
-              })
-              .sort((a, b) => (outputOrder.includes(a.name) ? outputOrder.indexOf(a.name) : 1000) - (outputOrder.includes(b.name) ? outputOrder.indexOf(b.name) : 1000))
-
-            return `# Token Build
-            ## Input
-            ${inputFiles.map(({ type, name, content }) => `<details>
-              <summary><code>${name}</code></summary>
-              <pre lang="${type}">${content}</pre>
-            </details>`).join('\n')}
-
-            ## Output
-            ${outputFiles.map(({ type, name, content }) => `<details>
-              <summary><code>${name}</code></summary>
-              <pre lang="${type}">${content}</pre>
-            </details>`).join('\n')}
-            `
-
-      - name: Output Summary
-        run: echo -e ${{ steps.summary.outputs.result }} >> $GITHUB_STEP_SUMMARY

.github/workflows/create-token-pr.yaml

@@ -8,7 +8,7 @@ name: Create Token PR
 on:
   push:
     branches:
-      - tokens/v*
+      - tokens/*
 
 jobs:
   create_pr:
@@ -20,6 +20,19 @@ jobs:
         with:
           fetch-depth: 0
 
+      - name: Configure GitHub User
+        run: |
+          git config user.name "Swiss Post Bot"
+          git config user.email "[email protected]"
+
+      - name: Update Tokens Branch
+        run: |
+          git checkout ${{ github.ref_name }}
+          git merge origin/main -X ours --no-edit
+          git push
+        env:
+          GITHUB_TOKEN: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}
+
       # Check if a PR branch corresponding to the token branch exists
       - name: Get PR Branch
         id: pr-branch
@@ -33,24 +46,41 @@ jobs:
             echo "exists=false" >> $GITHUB_OUTPUT
           fi
 
-      # If the branch exits, update the PR
-      - name: Update PR
+      # If the branch does not exit, create it
+      - name: Create PR Branch
+        if: steps.pr-branch.outputs.exists == 'false'
+        run: |
+          git checkout -b ${{ steps.pr-branch.outputs.name }} ${{ github.ref_name }}
+          git push --set-upstream origin ${{ steps.pr-branch.outputs.name }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}
+
+      # If the branch exits, update it
+      - name: Update PR Branch
         if: steps.pr-branch.outputs.exists == 'true'
         run: |
-          git config user.name "Swiss Post Bot"
-          git config user.email "[email protected]"
           git checkout ${{ steps.pr-branch.outputs.name }}
           git merge ${{ github.ref_name }} -X theirs --no-edit
           git push
         env:
           GITHUB_TOKEN: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}
 
-      # If the branch does not exit, create the PR
+      # Check if a PR already exist
+      - name: Get PR
+        id: pr
+        run: |
+          if [[ -n $(gh pr list --head "${{ steps.pr-branch.outputs.name }}") ]]; then
+            echo "exists=true" >> $GITHUB_OUTPUT
+          else
+            echo "exists=false" >> $GITHUB_OUTPUT
+          fi
+        env:
+          GITHUB_TOKEN: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}
+
+      # If the PR does not exit, create it
       - name: Create PR
-        if: steps.pr-branch.outputs.exists == 'false'
+        if: steps.pr.outputs.exists == 'false'
         run: |
-          git checkout -b ${{ steps.pr-branch.outputs.name }} ${{ github.ref_name }}
-          git push --set-upstream origin ${{ steps.pr-branch.outputs.name }}
           gh pr create --title "chore(tokens): :art: update tokens" --body "Merge this PR to update the tokens in the main branch." --base main
         env:
           GITHUB_TOKEN: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}

packages/components-angular/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @swisspost/design-system-components-angular-workspace
 
+## 1.1.10-next.3
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-components@9.0.0-next.3
+  - @swisspost/design-system-styles@9.0.0-next.3
+
 ## 1.1.10-next.2
 
 ### Patch Changes

packages/components-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components-angular-workspace",
-  "version": "1.1.10-next.2",
+  "version": "1.1.10-next.3",
   "scripts": {
     "start": "ng serve --port 9210",
     "build": "ng build components",
@@ -10,28 +10,28 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "18.2.9",
-    "@angular/common": "18.2.9",
-    "@angular/compiler": "18.2.9",
-    "@angular/core": "18.2.9",
-    "@angular/forms": "18.2.9",
-    "@angular/platform-browser": "18.2.9",
-    "@angular/platform-browser-dynamic": "18.2.9",
-    "@angular/router": "18.2.9",
-    "@swisspost/design-system-components": "workspace:9.0.0-next.2",
-    "@swisspost/design-system-styles": "workspace:9.0.0-next.2",
+    "@angular/animations": "18.2.10",
+    "@angular/common": "18.2.10",
+    "@angular/compiler": "18.2.10",
+    "@angular/core": "18.2.10",
+    "@angular/forms": "18.2.10",
+    "@angular/platform-browser": "18.2.10",
+    "@angular/platform-browser-dynamic": "18.2.10",
+    "@angular/router": "18.2.10",
+    "@swisspost/design-system-components": "workspace:9.0.0-next.3",
+    "@swisspost/design-system-styles": "workspace:9.0.0-next.3",
     "rxjs": "7.8.1",
     "tslib": "2.6.3",
     "zone.js": "0.14.8"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "18.2.10",
+    "@angular-devkit/build-angular": "18.2.11",
     "@angular-eslint/builder": "18.4.0",
     "@angular-eslint/eslint-plugin": "18.4.0",
     "@angular-eslint/eslint-plugin-template": "18.4.0",
     "@angular-eslint/template-parser": "18.4.0",
-    "@angular/cli": "18.2.10",
-    "@angular/compiler-cli": "18.2.9",
+    "@angular/cli": "18.2.11",
+    "@angular/compiler-cli": "18.2.10",
     "@cypress/schematic": "2.5.2",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",

packages/components-angular/projects/components/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @swisspost/design-system-components-angular
 
+## 9.0.0-next.3
+
+### Minor Changes
+
+- Added component `post-avatar` to show an avatar, based on different possible input data (gravatar by email, initials by first- and/or lastname, fallback). (by [@oliverschuerch](https://github.com/oliverschuerch) with [#3352](https://github.com/swisspost/design-system/pull/3352))
+
+### Patch Changes
+
+- Fixed an issue with property validation where some checks were run before the framework had the chance to add computed properties (for example Angular bindings like `[for]="$id"`). The checks are now delayed to work around this issue. (by [@gfellerph](https://github.com/gfellerph) with [#3775](https://github.com/swisspost/design-system/pull/3775))
+- Updated dependencies:
+  - @swisspost/design-system-components@9.0.0-next.3
+
 ## 9.0.0-next.2
 
 ### Patch Changes

packages/components-angular/projects/components/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components-angular",
-  "version": "9.0.0-next.2",
+  "version": "9.0.0-next.3",
   "description": "Swiss Post Design System - Angular Wrapper Components",
   "author": "Swiss Post <[email protected]>",
   "license": "Apache-2.0",
@@ -19,7 +19,7 @@
   },
   "dependencies": {
     "tslib": "2.6.3",
-    "@swisspost/design-system-components": "workspace:9.0.0-next.2"
+    "@swisspost/design-system-components": "workspace:9.0.0-next.3"
   },
   "peerDependencies": {
     "@angular/common": "^16.0.0 || ^17.0.0 || ^18.0.0",

packages/components-react/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @swisspost/design-system-components-react
 
+## 9.0.0-next.3
+
+### Patch Changes
+
+- Fixed an issue with property validation where some checks were run before the framework had the chance to add computed properties (for example Angular bindings like `[for]="$id"`). The checks are now delayed to work around this issue. (by [@gfellerph](https://github.com/gfellerph) with [#3775](https://github.com/swisspost/design-system/pull/3775))
+- Updated dependencies:
+  - @swisspost/design-system-components@9.0.0-next.3
+
 ## 9.0.0-next.2
 
 ### Patch Changes