Merge branch 'main' into 4061-remove-bg-classes

.changeset/bright-insects-unite.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Switched mega dropdown content to one column on mobile.

.changeset/calm-rabbits-pull.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-components': minor
+'@swisspost/design-system-styles': minor
+---
+
+Added composable footer component.

.changeset/dry-trainers-stare.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Fixed opening state of megadropdown trigger and expanded detection.

.changeset/four-beers-leave.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Added scss file import documentation to palette.

.changeset/gold-news-repair.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': minor
+---
+
+Added the `post-megadropdown` component.

.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.

.changeset/gorgeous-needles-run.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Added a fixed slot `post-list-item` on the `post-list-item` host element, so it is no longer necessary to add it manually.

.changeset/heavy-eyes-live.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Fixed the used `headingLevel` in the `post-accorddion-item` component. The component now uses the value from its closest `post-accorddion` parent component, if this is specified and falls back to `h2` if not specified.

.changeset/hungry-penguins-turn.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed the `btn-icon` styles, so icons within can no longer be rendered too small, because of the inline-padding on the button.

.changeset/nervous-lizards-laugh.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': minor
+---
+
+Removed outdated portal-specific styles, including subnavigation-related rules.

.changeset/new-cougars-count.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': minor
+---
+
+Added the parts `button` and `body` in the `post-accordion-item` component, so one can override styles from the outside.

.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.

.changeset/nine-baboons-rule.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed the appstore-badge styles to get rid of the inline gap below.

.changeset/old-spiders-travel.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': minor
+---
+
+Added the possibility to define a `$child-selector` parameter with our list mixins, so they can be used also with custom elements.

.changeset/pre.json

@@ -33,7 +33,9 @@
     "blue-kings-beg",
     "brave-kings-dance",
     "breezy-cups-add",
+    "bright-insects-unite",
     "brown-badgers-dream",
+    "calm-rabbits-pull",
     "chatty-kiwis-travel",
     "chatty-spoons-unite",
     "chilled-owls-walk",
@@ -47,6 +49,7 @@
     "dirty-mayflies-taste",
     "dirty-squids-hunt",
     "dry-moons-walk",
+    "dry-trainers-stare",
     "dull-falcons-hope",
     "eight-turkeys-matter",
     "eleven-keys-work",
@@ -64,13 +67,18 @@
     "gold-chairs-grin",
     "gold-chefs-rule",
     "gold-dryers-drop",
+    "gold-news-repair",
     "gorgeous-flowers-flow",
+    "gorgeous-glasses-end",
+    "gorgeous-needles-run",
     "great-humans-talk",
     "grumpy-lobsters-agree",
     "grumpy-parrots-wonder",
+    "heavy-eyes-live",
     "heavy-rats-explode",
     "hip-gifts-give",
     "honest-numbers-end",
+    "hungry-penguins-turn",
     "itchy-meals-drum",
     "khaki-cougars-itch",
     "kind-buses-trade",
@@ -87,11 +95,16 @@
     "metal-rivers-look",
     "nasty-ads-greet",
     "neat-suits-provide",
+    "nervous-lizards-laugh",
     "nervous-rocks-shop",
+    "new-cougars-count",
     "new-goats-impress",
     "new-pianos-mix",
+    "nice-cycles-provide",
     "nice-ligers-attend",
+    "nine-baboons-rule",
     "ninety-nails-float",
+    "old-spiders-travel",
     "orange-maps-tan",
     "pink-weeks-relate",
     "plenty-apricots-raise",
@@ -108,6 +121,7 @@
     "quick-mails-joke",
     "quiet-apes-rhyme",
     "rare-dryers-count",
+    "real-gorillas-behave",
     "red-cobras-cry",
     "red-lies-lick",
     "red-moose-do",
@@ -128,25 +142,32 @@
     "slimy-plums-sniff",
     "slimy-rockets-pull",
     "slow-fishes-reply",
+    "smooth-bugs-explode",
     "soft-moles-whisper",
+    "soft-pugs-dream",
     "strange-bottles-impress",
     "strange-mice-bake",
     "stupid-walls-tie",
     "tame-terms-push",
+    "tender-laws-confess",
     "thirty-cats-juggle",
     "three-lies-do",
     "tidy-dolls-walk",
     "tidy-keys-push",
     "tidy-paws-type",
     "tiny-socks-count",
+    "tough-cheetahs-clean",
     "tricky-crews-agree",
+    "twenty-chairs-kick",
     "twenty-items-drum",
+    "violet-poems-attend",
     "warm-drinks-prove",
     "weak-falcons-study",
     "weak-jars-rhyme",
     "wild-bugs-work",
     "wise-spies-shave",
     "wise-tomatoes-brake",
+    "yellow-gifts-sit",
     "yellow-yaks-jog"
   ]
 }

.changeset/real-gorillas-behave.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-components': minor
+---
+
+Added the `post-breadcrumb` component to provide a standalone breadcrumb navigation solution.

.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.

.changeset/soft-pugs-dream.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': minor 
+---
+
+Updated the utility classes for sizing.

.changeset/tender-laws-confess.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-components': minor
+---
+
+Added the css parts `button` and `body` in the `post-accorddion-item` component.

.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`.

.changeset/violet-poems-attend.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-styles': minor
+---
+
+Implemented new pixel based sizes.

.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))

.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
 

.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 }}

.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

packages/components-angular/CHANGELOG.md

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

packages/components-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components-angular-workspace",
-  "version": "1.1.10-next.8",
+  "version": "1.1.10-next.9",
   "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.8",
-    "@swisspost/design-system-styles": "workspace:9.0.0-next.8",
+    "@swisspost/design-system-components": "workspace:9.0.0-next.9",
+    "@swisspost/design-system-styles": "workspace:9.0.0-next.9",
     "rxjs": "7.8.1",
     "tslib": "2.6.3",
     "zone.js": "0.14.8"

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

@@ -1,5 +1,12 @@
 # @swisspost/design-system-components-angular
 
+## 9.0.0-next.9
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-components@9.0.0-next.9
+
 ## 9.0.0-next.8
 
 ### Patch Changes