Merge branch 'main' into 3457-component-accordion

.changeset/2024-11-10-update-icons.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-icons': minor
+---
+
+Added icon number 2632.
+

.changeset/big-socks-dress.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed issue where the focus ring was not appearing on inactive chips.

.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/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/metal-rivers-look.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': minor
+---
+
+Added custom styles for the ordered lists.

.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/new-goats-impress.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': minor
+---
+
+Updated vertical-align utility

.changeset/popular-mirrors-cross.md

@@ -0,0 +1,7 @@
+---
+'@swisspost/design-system-components': minor
+'@swisspost/design-system-components-angular': minor
+'@swisspost/design-system-components-react': minor
+---
+
+Added a provisional post-header component with some basic functionality in place. This component is not finished in this state.

.changeset/pre.json

@@ -24,6 +24,7 @@
   "changesets": [
     "2024-10-17-update-icons",
     "2024-10-27-update-icons",
+    "2024-11-10-update-icons",
     "beige-jobs-do",
     "big-frogs-admire",
     "breezy-cups-add",
@@ -32,17 +33,25 @@
     "cold-baboons-appear",
     "cold-panthers-vanish",
     "cuddly-bears-check",
+    "cuddly-gifts-film",
+    "dirty-mayflies-taste",
     "eight-turkeys-matter",
     "eleven-keys-work",
     "empty-islands-kneel",
     "fair-actors-scream",
+    "fast-bats-poke",
     "fast-fans-wash",
+    "fifty-dodos-wait",
+    "fifty-students-call",
     "five-hornets-sin",
     "friendly-insects-breathe",
     "funny-shrimps-care",
     "giant-games-swim",
+    "gold-chairs-grin",
+    "gold-chefs-rule",
     "gorgeous-flowers-flow",
     "great-humans-talk",
+    "grumpy-parrots-wonder",
     "heavy-rats-explode",
     "kind-buses-trade",
     "kind-papayas-provide",
@@ -51,26 +60,33 @@
     "loud-dingos-remember",
     "lovely-deers-itch",
     "lovely-mirrors-travel",
+    "neat-suits-provide",
     "nervous-rocks-shop",
+    "new-goats-impress",
     "ninety-nails-float",
     "pink-weeks-relate",
     "plenty-apricots-raise",
     "popular-games-rush",
     "proud-actors-knock",
+    "proud-cheetahs-act",
     "proud-moons-impress",
     "quick-eagles-watch",
     "quiet-apes-rhyme",
+    "rare-dryers-count",
     "red-cobras-cry",
     "red-lies-lick",
+    "rich-timers-listen",
     "selfish-bats-run",
     "selfish-ways-know",
     "shaggy-experts-give",
     "sharp-baboons-smile",
     "sharp-crews-watch",
     "shiny-ears-care",
+    "shy-walls-exercise",
     "silver-coins-invent",
     "six-spiders-smoke",
     "sixty-items-promise",
+    "slimy-rockets-pull",
     "strange-bottles-impress",
     "tame-terms-push",
     "three-lies-do",

.changeset/proud-cheetahs-act.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-components': major
+'@swisspost/design-system-styles': major
+---
+
+Removed the `.breadcrumb-item` class, which previously handled styling for breadcrumb items. Introduced a new `post-breadcrumb-item` that should be used in place of the `.breadcrumb-item` class.

.changeset/quick-buses-give.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-components': minor
+---
+
+Added new Menu Button components (post-menu-button, post-menu-trigger, and post-menu-item) for creating accessible dropdown menus.

.changeset/rare-dryers-count.md

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

.changeset/rich-timers-listen.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': minor
+---
+
+Added the skiplinks component to styles and documentation.

.changeset/shy-walls-exercise.md

@@ -0,0 +1,7 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-components': minor
+'@swisspost/design-system-styles': minor
+---
+
+Added close button web component.

.github/ISSUE_TEMPLATE/component-v2.yml

@@ -28,14 +28,31 @@ body:
       options:
         - label: Tokens for this component are ready
   - type: textarea
-    id: tasks
+    id: tasksdesign
     attributes:
-      label: Tasks
+      label: Tasks design
+      description: Default tasks for the design team. Can be edited later according to needs.
+      value: |
+        ```[tasklist]
+        ### 🎨 Design
+        - [ ] Design component according to WIKIT
+        - [ ] Update dependencies
+        - [ ] Add & test compo in layout examples
+        - [ ] Designer review
+        - [ ] Documentation: Overview and usage (about, compo overview, compo props, usage, examples)
+        - [ ] Documentation: Technical documentation (anatomy, accessibility)
+        - [ ] Documentation: Review (content correctness, understandability, gaps)
+        ```
+  - type: textarea
+    id: tasksdev
+    attributes:
+      label: Tasks development
       description: Default tasks for the dev team. Can be edited later according to needs.
       value: |
         ```[tasklist]
-        ### 💻 Tasks
+        ### 💻 Development
         - [ ] Review Design (All states present? Possible to implement?)
+        - [ ] Tokenization
         - [ ] HTML/CSS implementation
         - [ ] Web component implementation
         - [ ] Documentation in Storybook

.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:
@@ -46,8 +46,17 @@ 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 checkout ${{ steps.pr-branch.outputs.name }}
@@ -56,12 +65,22 @@ jobs:
         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.4
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-styles@9.0.0-next.4
+  - @swisspost/design-system-components@9.0.0-next.4
+
 ## 1.1.10-next.3
 
 ### Patch Changes

packages/components-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components-angular-workspace",
-  "version": "1.1.10-next.3",
+  "version": "1.1.10-next.4",
   "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.3",
-    "@swisspost/design-system-styles": "workspace:9.0.0-next.3",
+    "@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.4",
+    "@swisspost/design-system-styles": "workspace:9.0.0-next.4",
     "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",