Merge branch 'main' into 2069-styles-for-prime-ng-datatable

.changeset/2024-05-26-update-icons.md → .changeset/2024-07-14-update-icons.md

@@ -2,5 +2,5 @@
 '@swisspost/design-system-icons': minor
 ---
 
-Added icons number 2589, 2590 and 2591.
+Added icons number 2592, 2593, 2594 and 2595.
 

.changeset/beige-cooks-switch.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-components': patch
+---
+
+Fixed an issue with popovers on Firefox ESR that unexpectedly closed popovers when clicking on content.

.changeset/famous-emus-appear.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Deprecated accent colors.

.changeset/few-houses-wait.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Fixed visual issues with validated form-elements who receive focus.

.changeset/flat-gifts-report.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/internet-header': minor
+'@swisspost/design-system-documentation': minor
+---
+
+Added a new stylesheet containing `:root` CSS custom properties to facilitate implementing styles relative to the header. This will allow putting sticky content right below the header.

.changeset/giant-bees-sleep.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-components': minor
+'@swisspost/design-system-styles': minor
+---
+
+Added an invalid message for the card-control component and an icon in the invalid message of the checkbox and radio button

.changeset/gorgeous-frogs-build.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Updated tabs to improve visual continuity and readability.

.changeset/ninety-spoons-design.md

@@ -0,0 +1,6 @@
+---
+'@swisspost/design-system-documentation': minor
+'@swisspost/design-system-components': minor
+---
+
+Added a `delayed` property to the `post-tooltip` component to allow delaying its display for a few milliseconds after it is triggered.

.changeset/quick-birds-own.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-documentation': patch
+---
+
+Fix headers for the `versions.json` file. So it can be loaded and used from the version-switcher of older documentation pages.

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,40 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: '[bug]: '
+labels: "\U0001F41E bug"
+assignees: ''
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Desktop (please complete the following information):**
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
+
+**Smartphone (please complete the following information):**
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/component-v2.yml

@@ -0,0 +1,46 @@
+name: Component v2
+description: Add a working item for a component targeted at the new Design v2
+title: '[component]: '
+labels: ['📦 components']
+projects: ['swisspost/3']
+assignees: []
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: A short description of the component, disambiguation if needed
+      placeholder: A tooltip shows short, additional information on focusable elements.
+    validations:
+      required: false
+  - type: input
+    id: designurl
+    attributes:
+      label: Design
+      description: Link to the component in Figma
+    validations:
+      required: true
+  - type: checkboxes
+    id: tokens
+    attributes:
+      label: Tokens
+      description: Indicates whether tokens already exist for this component
+      options:
+        - label: Tokens for this component are ready
+  - type: textarea
+    id: tasks
+    attributes:
+      label: Tasks
+      description: Default tasks for the dev team. Can be edited later according to needs.
+      value: |
+        ```[tasklist]
+        ### 💻 Tasks
+        - [ ] Review Design (All states present? Possible to implement?)
+        - [ ] HTML/CSS implementation
+        - [ ] Web component implementation
+        - [ ] Documentation in Storybook
+        - [ ] Unit tests
+        - [ ] End to end tests
+        - [ ] Visual regression tests
+        - [ ] Design review
+        ```

.github/ISSUE_TEMPLATE/config.yml

@@ -0,0 +1 @@
+blank_issues_enabled: true

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,19 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: ''
+labels: '✨ feature'
+assignees: ''
+---
+
+**Is your feature request related to a problem? Please describe it.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/actions/artifact-download/action.yaml

@@ -1,14 +1,5 @@
 ###
 #
-# If you need to do some changes in a local-action used in this
-# workflow, make sure you change the action-flag to your working
-# branch-name to get the latest action functionality.
-#
-# Example: swisspost/design-system/.github/actions/setup-environment-pnpm@my-working-branch-name
-#
-# Don't forget to change the action-flag back to 'main',
-# once you have finished your work on the local-action!
-#
 # https://docs.github.com/en/actions/creating-actions/about-custom-actions#using-release-management-for-actions
 #
 ###
@@ -41,7 +32,7 @@ runs:
   using: composite
   steps:
     - name: Download artifact
-      uses: dawidd6/action-download-artifact@v3
+      uses: dawidd6/action-download-artifact@v6
       with:
         name: ${{ inputs.name }}
         run_id: ${{ github.event.workflow_run.id }}

.github/actions/artifact-upload/action.yaml

@@ -1,14 +1,5 @@
 ###
 #
-# If you need to do some changes in a local-action used in this
-# workflow, make sure you change the action-flag to your working
-# branch-name to get the latest action functionality.
-#
-# Example: swisspost/design-system/.github/actions/setup-environment-pnpm@my-working-branch-name
-#
-# Don't forget to change the action-flag back to 'main',
-# once you have finished your work on the local-action!
-#
 # https://docs.github.com/en/actions/creating-actions/about-custom-actions#using-release-management-for-actions
 #
 ###

.github/actions/deploy-to-netlify/action.yaml

@@ -1,17 +1,6 @@
 ###
 #
-# This action needs a proper node and pnpm setup before!
-#
-# If you need to do some changes in a local-action used in this
-# workflow, make sure you change the action-flag to your working
-# branch-name to get the latest action functionality.
-#
-# Example: swisspost/design-system/.github/actions/setup-pnpm@my-working-branch-name
-#
-# Don't forget to change the action-flag back to 'main',
-# once you have finished your work on the local-action!
-#
-# https://docs.github.com/en/actions/creating-actions/about-custom-actions#using-release-management-for-actions
+# DEPRECATED: This Action can be removed, as soon as we remove deploy-demo.yaml
 #
 ###
 
@@ -47,16 +36,16 @@ runs:
   steps:
     - name: Install netlify-cli
       shell: bash
-      run: pnpm i -g netlify-cli@16
+      run: pnpm i -g netlify-cli@17
 
     - name: Deploy preview environment to netlify
       id: netlify_deploy
       shell: bash
       env:
         NETLIFY_AUTH_TOKEN: ${{ inputs.netlify_auth_token }}
+        NETLIFY_SITE_ID: ${{ inputs.netlify_site_id }}
       # run command taken from https://gist.github.com/oneohthree/f528c7ae1e701ad990e6, shortened to 28 chars, prepended with build-number
-      # edited for netifly v16
       run: |
         url_alias=`echo "preview-${{ inputs.id }}" | iconv -t ascii//TRANSLIT | sed -E 's/[~\^]+//g' | sed -E 's/[^a-zA-Z0-9]+/-/g' | sed -E 's/^-+\|-+$//g' | sed -E 's/^-+//g' | sed -E 's/-+$//g' | tr A-Z a-z`
-        netlify deploy --alias $url_alias --build false --dir ${{ inputs.folder }} --site ${{ inputs.netlify_site_id }} --filter ${{inputs.package_name}}
         echo "url_alias=$url_alias" >> $GITHUB_OUTPUT
+        netlify deploy --filter ${{inputs.package_name}} --build false --dir ${{ inputs.folder }} --alias $url_alias

.github/actions/setup-netlify-cli/action.yaml

@@ -0,0 +1,15 @@
+###
+#
+# NOTE: We've created this action to ensure, we are using the same Netlify-CLI version everywhere
+#
+###
+
+name: Setup Netlify CLI
+description: Provides node and pnpm in a specific version.
+
+runs:
+  using: composite
+  steps:
+    - name: Install netlify-cli
+      shell: bash
+      run: pnpm i -g netlify-cli@17