Merge branch 'main' into 3207-component_breadcrumb

swisspost · Dec 13, 2024 · 230e4f3 · 230e4f3
2 parents 1317e36 + c14bede
commit 230e4f3
Show file tree

Hide file tree

Showing 120 changed files with 2,210 additions and 507 deletions.
diff --git a/.changeset/chatty-spoons-unite.md b/.changeset/chatty-spoons-unite.md
@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': minor
+---
+
+Internalized bootstrap position utilities into the design system.
diff --git a/.changeset/clever-cheetahs-draw.md b/.changeset/clever-cheetahs-draw.md
@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': minor
+---
+
+Implemented simple check list component.
diff --git a/.changeset/gorgeous-glasses-end.md b/.changeset/gorgeous-glasses-end.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Fix tab isolation in nested `post-tabs` components by scoping tab queries and interactions to the current instance.
diff --git a/.changeset/nice-cycles-provide.md b/.changeset/nice-cycles-provide.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Updated the `post-togglebutton` to function like a real button, including support for keyboard navigation and proper focus styles.
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -25,6 +25,7 @@
     "2024-10-17-update-icons",
     "2024-10-27-update-icons",
     "2024-11-10-update-icons",
+    "2024-11-17-update-icons",
     "beige-jobs-do",
     "big-frogs-admire",
     "big-hats-clap",
@@ -34,16 +35,19 @@
     "breezy-cups-add",
     "brown-badgers-dream",
     "chatty-kiwis-travel",
+    "chatty-spoons-unite",
     "chilled-owls-walk",
     "clean-icons-complain",
     "clean-windows-think",
+    "clever-cheetahs-draw",
     "cold-baboons-appear",
     "cold-panthers-vanish",
     "cuddly-bears-check",
     "cuddly-gifts-film",
     "dirty-mayflies-taste",
     "dirty-squids-hunt",
     "dry-moons-walk",
+    "dull-falcons-hope",
     "eight-turkeys-matter",
     "eleven-keys-work",
     "empty-islands-kneel",
@@ -53,18 +57,25 @@
     "fifty-dodos-wait",
     "fifty-students-call",
     "five-hornets-sin",
+    "flat-bears-tap",
     "friendly-insects-breathe",
     "funny-shrimps-care",
     "giant-games-swim",
     "gold-chairs-grin",
     "gold-chefs-rule",
+    "gold-dryers-drop",
     "gorgeous-flowers-flow",
     "great-humans-talk",
+    "grumpy-lobsters-agree",
     "grumpy-parrots-wonder",
     "heavy-rats-explode",
+    "hip-gifts-give",
+    "honest-numbers-end",
+    "itchy-meals-drum",
     "khaki-cougars-itch",
     "kind-buses-trade",
     "kind-papayas-provide",
+    "large-hornets-complain",
     "lazy-gorillas-admire",
     "lemon-clocks-clean",
     "long-shrimps-roll",
@@ -78,8 +89,10 @@
     "neat-suits-provide",
     "nervous-rocks-shop",
     "new-goats-impress",
+    "new-pianos-mix",
     "nice-ligers-attend",
     "ninety-nails-float",
+    "orange-maps-tan",
     "pink-weeks-relate",
     "plenty-apricots-raise",
     "plenty-taxis-hear",
@@ -89,6 +102,7 @@
     "proud-cheetahs-act",
     "proud-moons-impress",
     "purple-impalas-own",
+    "purple-terms-march",
     "quick-buses-give",
     "quick-eagles-watch",
     "quick-mails-joke",
@@ -98,6 +112,7 @@
     "red-lies-lick",
     "red-moose-do",
     "rich-timers-listen",
+    "rotten-bats-look",
     "selfish-bats-run",
     "selfish-ways-know",
     "shaggy-experts-give",
@@ -118,12 +133,16 @@
     "strange-mice-bake",
     "stupid-walls-tie",
     "tame-terms-push",
+    "thirty-cats-juggle",
     "three-lies-do",
     "tidy-dolls-walk",
     "tidy-keys-push",
+    "tidy-paws-type",
     "tiny-socks-count",
+    "tricky-crews-agree",
     "twenty-items-drum",
     "warm-drinks-prove",
+    "weak-falcons-study",
     "weak-jars-rhyme",
     "wild-bugs-work",
     "wise-spies-shave",

diff --git a/.changeset/smooth-bugs-explode.md b/.changeset/smooth-bugs-explode.md
@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-components': major
+'@swisspost/design-system-documentation': patch
+---
+
+Updated the `post-togglebutton` component to offer greater flexibility. You can now control the visibility of elements within the `post-togglebutton` using the `data-showwhen="toggled"` and `data-showwhen="untoggled"` attributes. Any content without a `data-showwhen` attribute will always be visible, regardless of the toggle state.
diff --git a/.changeset/tough-cheetahs-clean.md b/.changeset/tough-cheetahs-clean.md
@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Fixed an issue with the post-list component where the `horizontal` property could not be set programmatically. Also, reduced the specificity of the component's styles to make customization easier.
diff --git a/.changeset/twenty-chairs-kick.md b/.changeset/twenty-chairs-kick.md
@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': minor
+---
+
+Updated `.btn-link` to look like a regular link and old `.btn-link` is now `.btn-tertiary .px-0`.
diff --git a/.changeset/yellow-gifts-sit.md b/.changeset/yellow-gifts-sit.md
@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-components': minor
+---
+
+Added the `post-language-switch` component that enables users to change the language of a page.
diff --git a/.github/actions/preview/message/create/action.yaml b/.github/actions/preview/message/create/action.yaml
@@ -5,14 +5,20 @@ inputs:
   access-token:
     description: The access token to use for commenting.
     required: true
+  issue-number:
+    description: The issue number from the caller workflow.
+    required: true
 
 runs:
   using: composite
   steps:
     - uses: actions/github-script@v7
+      env:
+        ISSUE_NUMBER: ${{ inputs.issue-number }}
       with:
         github-token: ${{ inputs.access-token }}
         script: |
+          const { ISSUE_NUMBER } = process.env
           const commentTitle = '**Related Previews**'
           const commentInitialBody = 'Preview URLs will be added here, once they are ready... ![loader](https://github.com/swisspost/design-system/assets/9716662/49a75898-7093-4ffb-9460-071ff194459d)'
 
@@ -25,7 +31,7 @@ runs:
             await github.rest.issues.createComment({
               repo: context.repo.repo,
               owner: context.repo.owner,
-              issue_number: context.issue.number,
+              issue_number: ISSUE_NUMBER,
               body: `${commentTitle}\n${commentInitialBody}`
             })
 
@@ -45,7 +51,7 @@ runs:
             comments = (await github.rest.issues.listComments({
               repo: context.repo.repo,
               owner: context.repo.owner,
-              issue_number: context.issue.number
+              issue_number: ISSUE_NUMBER
             })).data || []
 
             previewComment = comments.find(c => c.user.login === 'swisspost-bot' && c.body.includes(commentTitle))

diff --git a/.github/workflows/build-documentation.yaml b/.github/workflows/build-documentation.yaml
@@ -25,11 +25,6 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Create preview message
-        uses: ./.github/actions/preview/message/create
-        with:
-          access-token: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}
-
       - name: Setup
         uses: ./.github/actions/setup-pnpm
 

diff --git a/.github/workflows/deploy-demo.yaml b/.github/workflows/deploy-demo.yaml
@@ -0,0 +1,54 @@
+###
+#
+# Not used for v9 anymore
+# But since workflows run always from the `main` branch we need to keep it for older versions
+#
+###
+
+name: Deploy Demo App Preview to Netlify
+on:
+  workflow_run:
+    workflows: ['Build Demo App']
+    types:
+      - completed
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    if: >
+      ${{ github.event.workflow_run.event == 'pull_request' &&
+      github.event.workflow_run.conclusion == 'success' }}
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.workflow_run.head_branch }}
+
+      - name: Setup
+        uses: ./.github/actions/setup-pnpm
+
+      - name: Download build artifacts
+        uses: ./.github/actions/artifact-download
+        id: build
+        with:
+          name: design-system-demo
+          folder: build-output
+
+      - name: Deploy demo app to netlify
+        uses: swisspost/design-system/.github/actions/deploy-to-netlify@release/v8
+        id: deploy
+        with:
+          id: ${{ steps.build.outputs.id }}
+          netlify_auth_token: ${{ secrets.NETLIFY_AUTH_TOKEN }}
+          netlify_site_id: ${{ secrets.NETLIFY_SITE_ID }}
+          netlify_site_url: swisspost-web-frontend.netlify.app
+          folder: ${{ steps.build.outputs.folder }}
+          package_name: '@swisspost/design-system-demo'
+
+      - name: Update preview message
+        uses: ./.github/actions/preview/message/update
+        with:
+          access-token: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}
+          issue-number: ${{ steps.build.outputs.id }}
+          preview-url: ${{ steps.deploy.outputs.preview-url }}
diff --git a/.github/workflows/deploy-documentation.yaml b/.github/workflows/deploy-documentation.yaml
@@ -26,6 +26,12 @@ jobs:
           name: design-system-documentation
           folder: build-output
 
+      - name: Create preview message
+        uses: ./.github/actions/preview/message/create
+        with:
+          access-token: ${{ secrets.SWISSPOSTDEVS_ACCESS_TOKEN }}
+          issue-number: ${{ steps.build.outputs.id }}
+
       - name: Get netlify config
         id: netlify-config
         uses: actions/github-script@v7

diff --git a/.github/workflows/snapshot-tests.yaml b/.github/workflows/snapshot-tests.yaml
@@ -9,9 +9,6 @@
 name: Run snapshot tests
 on:
   workflow_dispatch:
-  push:
-    branches:
-      - 'changeset-release/main'
 
 jobs:
   snapshots:

diff --git a/packages/components-angular/CHANGELOG.md b/packages/components-angular/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @swisspost/design-system-components-angular-workspace
 
+## 1.1.10-next.8
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-styles@9.0.0-next.8
+  - @swisspost/design-system-components@9.0.0-next.8
+
 ## 1.1.10-next.7
 
 ### Patch Changes

diff --git a/packages/components-angular/package.json b/packages/components-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components-angular-workspace",
-  "version": "1.1.10-next.7",
+  "version": "1.1.10-next.8",
   "scripts": {
     "start": "ng serve --port 9210",
     "build": "ng build components",
@@ -18,8 +18,8 @@
     "@angular/platform-browser": "18.2.13",
     "@angular/platform-browser-dynamic": "18.2.13",
     "@angular/router": "18.2.13",
-    "@swisspost/design-system-components": "workspace:9.0.0-next.7",
-    "@swisspost/design-system-styles": "workspace:9.0.0-next.7",
+    "@swisspost/design-system-components": "workspace:9.0.0-next.8",
+    "@swisspost/design-system-styles": "workspace:9.0.0-next.8",
     "rxjs": "7.8.1",
     "tslib": "2.6.3",
     "zone.js": "0.14.8"

diff --git a/packages/components-angular/projects/components/CHANGELOG.md b/packages/components-angular/projects/components/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @swisspost/design-system-components-angular
 
+## 9.0.0-next.8
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-components@9.0.0-next.8
+
 ## 9.0.0-next.7
 
 ### Patch Changes

diff --git a/packages/components-angular/projects/components/package.json b/packages/components-angular/projects/components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components-angular",
-  "version": "9.0.0-next.7",
+  "version": "9.0.0-next.8",
   "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.7"
+    "@swisspost/design-system-components": "workspace:9.0.0-next.8"
   },
   "peerDependencies": {
     "@angular/common": "^16.0.0 || ^17.0.0 || ^18.0.0",

diff --git a/packages/components-react/CHANGELOG.md b/packages/components-react/CHANGELOG.md
@@ -1,5 +1,12 @@
 # @swisspost/design-system-components-react
 
+## 9.0.0-next.8
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-components@9.0.0-next.8
+
 ## 9.0.0-next.7
 
 ### Patch Changes

diff --git a/packages/components-react/package.json b/packages/components-react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components-react",
-  "version": "9.0.0-next.7",
+  "version": "9.0.0-next.8",
   "description": "Design System React Components for easy integration with the React ecosystem",
   "author": "Swiss Post <[email protected]>",
   "license": "Apache-2.0",
@@ -29,7 +29,7 @@
     "lint": "eslint src/**/*.ts"
   },
   "dependencies": {
-    "@swisspost/design-system-components": "workspace:9.0.0-next.7"
+    "@swisspost/design-system-components": "workspace:9.0.0-next.8"
   },
   "devDependencies": {
     "@types/node": "20.14.14",

diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -1,5 +1,19 @@
 # @swisspost/design-system-components
 
+## 9.0.0-next.8
+
+### Minor Changes
+
+- Ιmplemented the back-to-top button component. (by [@myrta2302](https://github.com/myrta2302) with [#3991](https://github.com/swisspost/design-system/pull/3991))
+
+- Added the capability to use a slotted img as a logo inside ´accordion-items´. (by [@leagrdv](https://github.com/leagrdv) with [#4166](https://github.com/swisspost/design-system/pull/4166))
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-icons@9.0.0-next.8
+  - @swisspost/design-system-styles@9.0.0-next.8
+
 ## 9.0.0-next.7
 
 ### Minor Changes