Skip to content

Conversation

alionazherdetska
Copy link
Contributor

@alionazherdetska alionazherdetska commented Sep 24, 2025

📄 Description

This PR fixes accessibility issues in the post-breadcrumbs component by:

  • Wrapping breadcrumb items in proper <li> elements for semantic HTML structure
  • Moving aria-current="page" attribute from the breadcrumb item to the parent list item
  • Updating CSS selectors to target the new DOM structure (li[aria-current="page"] post-breadcrumb-item)

📝 Checklist

  • ✅ My code follows the style guidelines of this project
  • 🛠️ I have performed a self-review of my own code
  • 📄 I have made corresponding changes to the documentation
  • ⚠️ My changes generate no new warnings or errors
  • 🧪 I have added tests that prove my fix is effective or that my feature works
  • ✔️ New and existing unit tests pass locally with my changes

Copy link

changeset-bot bot commented Sep 24, 2025

🦋 Changeset detected

Latest commit: d943796

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 12 packages
Name Type
@swisspost/design-system-components Patch
@swisspost/design-system-components-angular-workspace Patch
@swisspost/design-system-components-react Patch
@swisspost/design-system-documentation Patch
@swisspost/design-system-nextjs-integration Patch
@swisspost/design-system-components-angular Patch
@swisspost/design-system-styles Patch
@swisspost/design-system-tokens Patch
@swisspost/design-system-icons Patch
@swisspost/design-system-styles-primeng Patch
@swisspost/internet-header Patch
@swisspost/design-system-styles-primeng-workspace Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@swisspost-bot
Copy link
Contributor

swisspost-bot commented Sep 24, 2025

Related Previews

Copy link
Contributor

@alizedebray alizedebray left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can't this be solve by adding a role="listitem" on the post-breadcrumb-item host?

@alionazherdetska
Copy link
Contributor Author

alionazherdetska commented Sep 29, 2025

I tried applying role=listitem directly on the <post-breadcrumb-item> host. However, this introduced another accessibility issue: automated checks (Axe) report Required ARIA parent role not present: list because the host is still a custom element, not a native <li>.

image

@alionazherdetska alionazherdetska force-pushed the fix/fix-accessibility-issue-for-post-breadcrumbs branch from a135053 to 2837732 Compare October 6, 2025 06:52
Copy link

sonarqubecloud bot commented Oct 6, 2025

@alionazherdetska alionazherdetska merged commit f3cb2f6 into main Oct 6, 2025
14 checks passed
@alionazherdetska alionazherdetska deleted the fix/fix-accessibility-issue-for-post-breadcrumbs branch October 6, 2025 07:18
alizedebray added a commit that referenced this pull request Oct 6, 2025
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.

⚠️⚠️⚠️⚠️⚠️⚠️

`main` is currently in **pre mode** so this branch has prereleases
rather than normal releases. If you want to exit prereleases, run
`changeset pre exit` on `main`.

⚠️⚠️⚠️⚠️⚠️⚠️

# Releases
## @swisspost/[email protected]

### Major Changes

- Removed support for multiple links in the `post-linkarea` component;
it now throws an error if more than one link is detected in the slotted
content. (by [@leagrdv](https://github.com/leagrdv) with
[#6324](#6324))

### Minor Changes

- Added a new component-names.json file, which contains a list of all
components the package is outputting. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6199](#6199))

### Patch Changes

- Added styles to highlight the current navigation item marked with
`aria-current="page"` and its potential parent item in the header main
navigation. (by [@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Updated the `<post-accordion-item>` component to enforce a top border
in all use cases. (by [@hugomslv](https://github.com/hugomslv) with
[#6151](#6151))

- Fixed accessibility issue in the `<post-breadcrumbs>` component by
wrapping breadcrumb items in `<li>` elements. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6294](#6294))

- Fixed the `post-header` component to consistently omit the title
container when no title is defined across all configurations. (by
[@alizedebray](https://github.com/alizedebray) with
[#6244](#6244))

- Refactored icon path to improve readability and maintain correct
handling of multiple sources. (by
[@myrta2302](https://github.com/myrta2302) with
[#6220](#6220))

- Improved `<post-avatar>` markup and added a `description` prop to
allow users to provide additional context to the component. (by
[@myrta2302](https://github.com/myrta2302) with
[#6092](#6092))

- Updated `<post-menu>` and `<post-menu-item>` to prevent accessibility
roles from being announced before the menu content is visible, and to
ensure correct focus behavior on menu items during keyboard navigation
when NVDA is running.
Removed the obsolete `role="menuitem"` from `<post-language-switch>.
`<post-language-option>`now assigns`role="listitem"`in case
of`variant="list"\`, to ensure a correct reference relationship.

Updated the `<post-breadcrumbs>` component by removing an `aria-label`
set on the trigger wrapper `<div>`, which was causing an accessibility
error. Also added `role="none"` to the wrapper div to reflect its
presentational purpose. (by [@myrta2302](https://github.com/myrta2302)
with [#6042](#6042))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Major Changes

- Updated Angular components to output as standalone components to align
with Angular 20's default approach where components are standalone by
default, eliminating the need to declare them within NgModules.
Developers using our components should replace `PostComponentsModule`
imports with `providePostComponents()` in their app providers and import
individual components (e.g., `import { PostIcon, PostButton } from
'@swisspost/design-system-components-angular'`) for standalone use.
  
    BEFORE:

    ```typescript
    // app.module.ts
    @NgModule({
      imports: [
        PostComponentsModule,
      ],
    })
    ```

    AFTER:

    ```typescript
    //app.module.ts
    @NgModule({
      providers: [
        providePostComponents(),
      ],
    })
    ```
(by [@alionazherdetska](https://github.com/alionazherdetska) with
[#5968](#5968))

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Major Changes

- Updated interactive cards to have the `.card` class directly set on
the `post-linkarea` component, reducing unnecessary DOM nesting. (by
[@leagrdv](https://github.com/leagrdv) with
[#6367](#6367))

### Minor Changes

- Added back the `.small` utility class (font-size: 80%) for backwards
compatibility. (by [@hugomslv](https://github.com/hugomslv) with
[#6273](#6273))

### Patch Changes

- Added styles to highlight the current navigation item marked with
`aria-current="page"` and its potential parent item in the header main
navigation. (by [@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Fixed icon loading by replacing CDN-based icon URLs with `CSS custom
properties` and dynamic CSS file loading. Components using the
`post-icon mixin` now reliably display icons without external
dependencies. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6214](#6214))

- Updated the `toast` component icons. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6315](#6315))

- Fixed the padding on the dialog component, when no action buttons are
present. (by [@oliverschuerch](https://github.com/oliverschuerch) with
[#6215](#6215))

- Fixed the `post-header` component to consistently omit the title
container when no title is defined across all configurations. (by
[@alizedebray](https://github.com/alizedebray) with
[#6244](#6244))

- Fixed dialog grid-area implementation. `.dialog-header` and
`.dialog-body` do now also span over the icon and/or close-button area,
if they are not present. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6215](#6215))

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Minor Changes

- Added icons: `2714` and `2715` (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

-   Added icons:

    -   `audiospeaker` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `bank` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `bicycle` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `branch` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `cookies` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `e` (line & solid): 16, 24, 32, 40, 48 and 64px
- `expiredauthorization` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `gendernonbinary` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `hospital` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `motorbike` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `mypost24service` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `postfinance` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `postomat` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `reloadleft` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `router` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `server` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `software` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `subdepartment` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `turndocumentleft` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `turndocumentright` (line & solid): 16, 24, 32, 40, 48 and 64px
- `userexperience` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

-   Added icons:

    -   `alert` (line & solid): 16, 24, 32, 40, 48 and 64px
- `flipdocumenthorizontally` (line & solid): 16, 24, 32, 40, 48 and 64px
- `flipdocumentvertically` (line & solid): 16, 24, 32, 40, 48 and 64px
- `pocketlight` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6336](#6336))

-   Added icons:
    -   `compare` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `fulfilmentletter` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `fulfilmentparcel` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `inactive` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `leaf` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `listview` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `process` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `prognosisletter` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `prognosisparcel` (line & solid): 16, 24, 32, 40, 48 and 64px
- `updown` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6356](#6356))

### Patch Changes

-   Updated icons:
    -   `error` (line & solid): 16, 24, 32, 40, 48 and 64px
- `snapchat` (line): 24 and 48px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]



## @swisspost/[email protected]

### Minor Changes

- Added back the `.small` utility class (font-size: 80%) for backwards
compatibility. (by [@hugomslv](https://github.com/hugomslv) with
[#6273](#6273))

- Added an auto migration filter to the migration guide. (by
[@leagrdv](https://github.com/leagrdv) with
[#6251](#6251))

-   Updated the migration guide:

- Added information regarding the removal of bootstrap and ng-bootstrap
in one place
- Cleaned up scattered informations regarding bootstrap removal in the
rest of the page
- Removed all informations of removed elements that were never
previously documented (by [@leagrdv](https://github.com/leagrdv) with
[#6208](#6208))

- Added usage examples for the header component. (by
[@alizedebray](https://github.com/alizedebray) with
[#6270](#6270))

### Patch Changes

- Added information in the migration guide regarding the update on the
gutter utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6237](#6237))

- Added information in the migration guide regarding auto migration for
the elevation utilities. (by [@leagrdv](https://github.com/leagrdv) with
[#6241](#6241))

- Added the documentation about the removal of `.text-*` color utility
classes in the migration guide. (by
[@bucknatt](https://github.com/bucknatt) with
[#6323](#6323))

- Added information in the migration guide regarding auto migration for
the chip component. (by [@leagrdv](https://github.com/leagrdv) with
[#6330](#6330))

- Added information in the migration guide regarding the update on the
spacing utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6219](#6219))

- Updated Angular integration documentation to reflect the new
standalone components approach, replacing `PostComponentsModule` with
`providePostComponents()` pattern. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#5968](#5968))

- Added information in the migration guide regarding the update on the
sizing utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6225](#6225))

- Fixed `<post-banner>` Web Component example so the `Reset Banner`
button is hidden initially and only appears after the banner has been
dismissed. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6076](#6076))

- Updated the Figma link in the `<post-accordion>` component
documentation to point to the current design specifications. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6266](#6266))

- Added documentation on styling active navigation items in
`<post-header>` using the `[aria-current="page"]` attribute. (by
[@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Cleaned up the migration guide by removing redundant "breaking" tags
in the "Migration from v9 to v10" section, since all listed changes are
breaking. (by [@leagrdv](https://github.com/leagrdv) with
[#6250](#6250))

- Added information in the migration guide regarding auto migration for
the spinner. (by [@leagrdv](https://github.com/leagrdv) with
[#6249](#6249))

- Updated interactive cards to have the `.card` class directly set on
the `post-linkarea` component, reducing unnecessary DOM nesting. (by
[@leagrdv](https://github.com/leagrdv) with
[#6367](#6367))

- Replaced `Post Icons` with their corresponding `UI Icon` equivalents
across the documentation to align icon usage with the current design
guidelines. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6308](#6308))

- Added information in the migration guide regarding auto migration for
the shadows utilities. (by [@leagrdv](https://github.com/leagrdv) with
[#6239](#6239))

- Removed support for multiple links in the `post-linkarea` component;
it now throws an error if more than one link is detected in the slotted
content. (by [@leagrdv](https://github.com/leagrdv) with
[#6324](#6324))

- Added information in the migration guide regarding the update on the
gap utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6247](#6247))

- Added information in the migration guide regarding the update of the
font size classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6347](#6347))

- Added information in the migration guide regarding the update on the
breakpoint classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6309](#6309))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Minor Changes

- Added the automigration rule to update the HTML class
`h-visibilityhidden` to `visibility-hidden`. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6141](#6141))

- Added the automigration rule to update the HTML class `h-clearfix` to
`clearfix`. (by [@oliverschuerch](https://github.com/oliverschuerch)
with [#6141](#6141))

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Alizé Debray <[email protected]>
alizedebray added a commit that referenced this pull request Oct 6, 2025
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.

⚠️⚠️⚠️⚠️⚠️⚠️

`main` is currently in **pre mode** so this branch has prereleases
rather than normal releases. If you want to exit prereleases, run
`changeset pre exit` on `main`.

⚠️⚠️⚠️⚠️⚠️⚠️

# Releases
## @swisspost/[email protected]

### Major Changes

- Removed support for multiple links in the `post-linkarea` component;
it now throws an error if more than one link is detected in the slotted
content. (by [@leagrdv](https://github.com/leagrdv) with
[#6324](#6324))

### Minor Changes

- Added a new component-names.json file, which contains a list of all
components the package is outputting. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6199](#6199))

### Patch Changes

- Added styles to highlight the current navigation item marked with
`aria-current="page"` and its potential parent item in the header main
navigation. (by [@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Updated the `<post-accordion-item>` component to enforce a top border
in all use cases. (by [@hugomslv](https://github.com/hugomslv) with
[#6151](#6151))

- Fixed accessibility issue in the `<post-breadcrumbs>` component by
wrapping breadcrumb items in `<li>` elements. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6294](#6294))

- Fixed the `post-header` component to consistently omit the title
container when no title is defined across all configurations. (by
[@alizedebray](https://github.com/alizedebray) with
[#6244](#6244))

- Refactored icon path to improve readability and maintain correct
handling of multiple sources. (by
[@myrta2302](https://github.com/myrta2302) with
[#6220](#6220))

- Improved `<post-avatar>` markup and added a `description` prop to
allow users to provide additional context to the component. (by
[@myrta2302](https://github.com/myrta2302) with
[#6092](#6092))

- Updated `<post-menu>` and `<post-menu-item>` to prevent accessibility
roles from being announced before the menu content is visible, and to
ensure correct focus behavior on menu items during keyboard navigation
when NVDA is running.
Removed the obsolete `role="menuitem"` from `<post-language-switch>.
`<post-language-option>`now assigns`role="listitem"`in case
of`variant="list"\`, to ensure a correct reference relationship.

Updated the `<post-breadcrumbs>` component by removing an `aria-label`
set on the trigger wrapper `<div>`, which was causing an accessibility
error. Also added `role="none"` to the wrapper div to reflect its
presentational purpose. (by [@myrta2302](https://github.com/myrta2302)
with [#6042](#6042))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Major Changes

- Updated Angular components to output as standalone components to align
with Angular 20's default approach where components are standalone by
default, eliminating the need to declare them within NgModules.
Developers using our components should replace `PostComponentsModule`
imports with `providePostComponents()` in their app providers and import
individual components (e.g., `import { PostIcon, PostButton } from
'@swisspost/design-system-components-angular'`) for standalone use.
    BEFORE:

    ```typescript
    // app.module.ts
    @NgModule({
      imports: [
        PostComponentsModule,
      ],
    })
    ```

    AFTER:

    ````typescript
    //app.module.ts
    @NgModule({
      providers: [
        providePostComponents(),
      ],
    })
``` (by [@alionazherdetska](https://github.com/alionazherdetska) with
[#5968](#5968))
    ````

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Major Changes

- Updated interactive cards to have the `.card` class directly set on
the `post-linkarea` component, reducing unnecessary DOM nesting. (by
[@leagrdv](https://github.com/leagrdv) with
[#6367](#6367))

### Minor Changes

- Added back the `.small` utility class (font-size: 80%) for backwards
compatibility. (by [@hugomslv](https://github.com/hugomslv) with
[#6273](#6273))

### Patch Changes

- Added styles to highlight the current navigation item marked with
`aria-current="page"` and its potential parent item in the header main
navigation. (by [@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Fixed icon loading by replacing CDN-based icon URLs with `CSS custom
properties` and dynamic CSS file loading. Components using the
`post-icon mixin` now reliably display icons without external
dependencies. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6214](#6214))

- Updated the `toast` component icons. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6315](#6315))

- Fixed the padding on the dialog component, when no action buttons are
present. (by [@oliverschuerch](https://github.com/oliverschuerch) with
[#6215](#6215))

- Fixed the `post-header` component to consistently omit the title
container when no title is defined across all configurations. (by
[@alizedebray](https://github.com/alizedebray) with
[#6244](#6244))

- Fixed dialog grid-area implementation. `.dialog-header` and
`.dialog-body` do now also span over the icon and/or close-button area,
if they are not present. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6215](#6215))

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Minor Changes

- Added icons: `2714` and `2715` (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

-   Added icons:

    -   `audiospeaker` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `bank` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `bicycle` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `branch` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `cookies` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `e` (line & solid): 16, 24, 32, 40, 48 and 64px
- `expiredauthorization` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `gendernonbinary` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `hospital` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `motorbike` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `mypost24service` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `postfinance` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `postomat` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `reloadleft` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `router` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `server` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `software` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `subdepartment` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `turndocumentleft` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `turndocumentright` (line & solid): 16, 24, 32, 40, 48 and 64px
- `userexperience` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

-   Added icons:

    -   `alert` (line & solid): 16, 24, 32, 40, 48 and 64px
- `flipdocumenthorizontally` (line & solid): 16, 24, 32, 40, 48 and 64px
- `flipdocumentvertically` (line & solid): 16, 24, 32, 40, 48 and 64px
- `pocketlight` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6336](#6336))

-   Added icons:
    -   `compare` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `fulfilmentletter` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `fulfilmentparcel` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `inactive` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `leaf` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `listview` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `process` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `prognosisletter` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `prognosisparcel` (line & solid): 16, 24, 32, 40, 48 and 64px
- `updown` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6356](#6356))

### Patch Changes

-   Updated icons:
    -   `error` (line & solid): 16, 24, 32, 40, 48 and 64px
- `snapchat` (line): 24 and 48px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]



## @swisspost/[email protected]

### Minor Changes

- Added back the `.small` utility class (font-size: 80%) for backwards
compatibility. (by [@hugomslv](https://github.com/hugomslv) with
[#6273](#6273))

- Added an auto migration filter to the migration guide. (by
[@leagrdv](https://github.com/leagrdv) with
[#6251](#6251))

-   Updated the migration guide:

- Added information regarding the removal of bootstrap and ng-bootstrap
in one place
- Cleaned up scattered informations regarding bootstrap removal in the
rest of the page
- Removed all informations of removed elements that were never
previously documented (by [@leagrdv](https://github.com/leagrdv) with
[#6208](#6208))

- Added usage examples for the header component. (by
[@alizedebray](https://github.com/alizedebray) with
[#6270](#6270))

### Patch Changes

- Added information in the migration guide regarding the update on the
gutter utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6237](#6237))

- Added information in the migration guide regarding auto migration for
the elevation utilities. (by [@leagrdv](https://github.com/leagrdv) with
[#6241](#6241))

- Added the documentation about the removal of `.text-*` color utility
classes in the migration guide. (by
[@bucknatt](https://github.com/bucknatt) with
[#6323](#6323))

- Added information in the migration guide regarding auto migration for
the chip component. (by [@leagrdv](https://github.com/leagrdv) with
[#6330](#6330))

- Added information in the migration guide regarding the update on the
spacing utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6219](#6219))

- Updated Angular integration documentation to reflect the new
standalone components approach, replacing `PostComponentsModule` with
`providePostComponents()` pattern. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#5968](#5968))

- Added information in the migration guide regarding the update on the
sizing utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6225](#6225))

- Fixed `<post-banner>` Web Component example so the `Reset Banner`
button is hidden initially and only appears after the banner has been
dismissed. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6076](#6076))

- Updated the Figma link in the `<post-accordion>` component
documentation to point to the current design specifications. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6266](#6266))

- Added documentation on styling active navigation items in
`<post-header>` using the `[aria-current="page"]` attribute. (by
[@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Cleaned up the migration guide by removing redundant "breaking" tags
in the "Migration from v9 to v10" section, since all listed changes are
breaking. (by [@leagrdv](https://github.com/leagrdv) with
[#6250](#6250))

- Added information in the migration guide regarding auto migration for
the spinner. (by [@leagrdv](https://github.com/leagrdv) with
[#6249](#6249))

- Updated interactive cards to have the `.card` class directly set on
the `post-linkarea` component, reducing unnecessary DOM nesting. (by
[@leagrdv](https://github.com/leagrdv) with
[#6367](#6367))

- Replaced `Post Icons` with their corresponding `UI Icon` equivalents
across the documentation to align icon usage with the current design
guidelines. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6308](#6308))

- Added information in the migration guide regarding auto migration for
the shadows utilities. (by [@leagrdv](https://github.com/leagrdv) with
[#6239](#6239))

- Removed support for multiple links in the `post-linkarea` component;
it now throws an error if more than one link is detected in the slotted
content. (by [@leagrdv](https://github.com/leagrdv) with
[#6324](#6324))

- Added information in the migration guide regarding the update on the
gap utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6247](#6247))

- Added information in the migration guide regarding the update of the
font size classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6347](#6347))

- Added information in the migration guide regarding the update on the
breakpoint classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6309](#6309))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Minor Changes

- Added the automigration rule to update the HTML class
`h-visibilityhidden` to `visibility-hidden`. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6141](#6141))

- Added the automigration rule to update the HTML class `h-clearfix` to
`clearfix`. (by [@oliverschuerch](https://github.com/oliverschuerch)
with [#6141](#6141))

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Alizé Debray <[email protected]>
alizedebray added a commit that referenced this pull request Oct 6, 2025
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.

⚠️⚠️⚠️⚠️⚠️⚠️

`main` is currently in **pre mode** so this branch has prereleases
rather than normal releases. If you want to exit prereleases, run
`changeset pre exit` on `main`.

⚠️⚠️⚠️⚠️⚠️⚠️

# Releases
## @swisspost/[email protected]

### Major Changes

- Removed support for multiple links in the `post-linkarea` component;
it now throws an error if more than one link is detected in the slotted
content. (by [@leagrdv](https://github.com/leagrdv) with
[#6324](#6324))

### Minor Changes

- Added a new component-names.json file, which contains a list of all
components the package is outputting. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6199](#6199))

### Patch Changes

- Added styles to highlight the current navigation item marked with
`aria-current="page"` and its potential parent item in the header main
navigation. (by [@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Updated the `<post-accordion-item>` component to enforce a top border
in all use cases. (by [@hugomslv](https://github.com/hugomslv) with
[#6151](#6151))

- Fixed accessibility issue in the `<post-breadcrumbs>` component by
wrapping breadcrumb items in `<li>` elements. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6294](#6294))

- Fixed the `post-header` component to consistently omit the title
container when no title is defined across all configurations. (by
[@alizedebray](https://github.com/alizedebray) with
[#6244](#6244))

- Refactored icon path to improve readability and maintain correct
handling of multiple sources. (by
[@myrta2302](https://github.com/myrta2302) with
[#6220](#6220))

- Improved `<post-avatar>` markup and added a `description` prop to
allow users to provide additional context to the component. (by
[@myrta2302](https://github.com/myrta2302) with
[#6092](#6092))

- Updated `<post-menu>` and `<post-menu-item>` to prevent accessibility
roles from being announced before the menu content is visible, and to
ensure correct focus behavior on menu items during keyboard navigation
when NVDA is running.
Removed the obsolete `role="menuitem"` from `<post-language-switch>.
`<post-language-option>`now assigns`role="listitem"`in case
of`variant="list"\`, to ensure a correct reference relationship.

Updated the `<post-breadcrumbs>` component by removing an `aria-label`
set on the trigger wrapper `<div>`, which was causing an accessibility
error. Also added `role="none"` to the wrapper div to reflect its
presentational purpose. (by [@myrta2302](https://github.com/myrta2302)
with [#6042](#6042))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Major Changes

- Updated Angular components to output as standalone components to align
with Angular 20's default approach where components are standalone by
default, eliminating the need to declare them within NgModules.
Developers using our components should replace `PostComponentsModule`
imports with `providePostComponents()` in their app providers and import
individual components (e.g., `import { PostIcon, PostButton } from
'@swisspost/design-system-components-angular'`) for standalone use.
    BEFORE:

    ```typescript
    // app.module.ts
    @NgModule({
      imports: [
        PostComponentsModule,
      ],
    })
    ```

    AFTER:

    ````typescript
    //app.module.ts
    @NgModule({
      providers: [
        providePostComponents(),
      ],
    })
``` (by [@alionazherdetska](https://github.com/alionazherdetska) with
[#5968](#5968))
    ````

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Major Changes

- Updated interactive cards to have the `.card` class directly set on
the `post-linkarea` component, reducing unnecessary DOM nesting. (by
[@leagrdv](https://github.com/leagrdv) with
[#6367](#6367))

### Minor Changes

- Added back the `.small` utility class (font-size: 80%) for backwards
compatibility. (by [@hugomslv](https://github.com/hugomslv) with
[#6273](#6273))

### Patch Changes

- Added styles to highlight the current navigation item marked with
`aria-current="page"` and its potential parent item in the header main
navigation. (by [@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Fixed icon loading by replacing CDN-based icon URLs with `CSS custom
properties` and dynamic CSS file loading. Components using the
`post-icon mixin` now reliably display icons without external
dependencies. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6214](#6214))

- Updated the `toast` component icons. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6315](#6315))

- Fixed the padding on the dialog component, when no action buttons are
present. (by [@oliverschuerch](https://github.com/oliverschuerch) with
[#6215](#6215))

- Fixed the `post-header` component to consistently omit the title
container when no title is defined across all configurations. (by
[@alizedebray](https://github.com/alizedebray) with
[#6244](#6244))

- Fixed dialog grid-area implementation. `.dialog-header` and
`.dialog-body` do now also span over the icon and/or close-button area,
if they are not present. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6215](#6215))

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Minor Changes

- Added icons: `2714` and `2715` (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

-   Added icons:

    -   `audiospeaker` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `bank` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `bicycle` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `branch` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `cookies` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `e` (line & solid): 16, 24, 32, 40, 48 and 64px
- `expiredauthorization` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `gendernonbinary` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `hospital` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `motorbike` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `mypost24service` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `postfinance` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `postomat` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `reloadleft` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `router` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `server` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `software` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `subdepartment` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `turndocumentleft` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `turndocumentright` (line & solid): 16, 24, 32, 40, 48 and 64px
- `userexperience` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

-   Added icons:

    -   `alert` (line & solid): 16, 24, 32, 40, 48 and 64px
- `flipdocumenthorizontally` (line & solid): 16, 24, 32, 40, 48 and 64px
- `flipdocumentvertically` (line & solid): 16, 24, 32, 40, 48 and 64px
- `pocketlight` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6336](#6336))

-   Added icons:
    -   `compare` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `fulfilmentletter` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `fulfilmentparcel` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `inactive` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `leaf` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `listview` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `process` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `prognosisletter` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `prognosisparcel` (line & solid): 16, 24, 32, 40, 48 and 64px
- `updown` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6356](#6356))

### Patch Changes

-   Updated icons:
    -   `error` (line & solid): 16, 24, 32, 40, 48 and 64px
- `snapchat` (line): 24 and 48px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]



## @swisspost/[email protected]

### Minor Changes

- Added back the `.small` utility class (font-size: 80%) for backwards
compatibility. (by [@hugomslv](https://github.com/hugomslv) with
[#6273](#6273))

- Added an auto migration filter to the migration guide. (by
[@leagrdv](https://github.com/leagrdv) with
[#6251](#6251))

-   Updated the migration guide:

- Added information regarding the removal of bootstrap and ng-bootstrap
in one place
- Cleaned up scattered informations regarding bootstrap removal in the
rest of the page
- Removed all informations of removed elements that were never
previously documented (by [@leagrdv](https://github.com/leagrdv) with
[#6208](#6208))

- Added usage examples for the header component. (by
[@alizedebray](https://github.com/alizedebray) with
[#6270](#6270))

### Patch Changes

- Added information in the migration guide regarding the update on the
gutter utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6237](#6237))

- Added information in the migration guide regarding auto migration for
the elevation utilities. (by [@leagrdv](https://github.com/leagrdv) with
[#6241](#6241))

- Added the documentation about the removal of `.text-*` color utility
classes in the migration guide. (by
[@bucknatt](https://github.com/bucknatt) with
[#6323](#6323))

- Added information in the migration guide regarding auto migration for
the chip component. (by [@leagrdv](https://github.com/leagrdv) with
[#6330](#6330))

- Added information in the migration guide regarding the update on the
spacing utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6219](#6219))

- Updated Angular integration documentation to reflect the new
standalone components approach, replacing `PostComponentsModule` with
`providePostComponents()` pattern. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#5968](#5968))

- Added information in the migration guide regarding the update on the
sizing utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6225](#6225))

- Fixed `<post-banner>` Web Component example so the `Reset Banner`
button is hidden initially and only appears after the banner has been
dismissed. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6076](#6076))

- Updated the Figma link in the `<post-accordion>` component
documentation to point to the current design specifications. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6266](#6266))

- Added documentation on styling active navigation items in
`<post-header>` using the `[aria-current="page"]` attribute. (by
[@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Cleaned up the migration guide by removing redundant "breaking" tags
in the "Migration from v9 to v10" section, since all listed changes are
breaking. (by [@leagrdv](https://github.com/leagrdv) with
[#6250](#6250))

- Added information in the migration guide regarding auto migration for
the spinner. (by [@leagrdv](https://github.com/leagrdv) with
[#6249](#6249))

- Updated interactive cards to have the `.card` class directly set on
the `post-linkarea` component, reducing unnecessary DOM nesting. (by
[@leagrdv](https://github.com/leagrdv) with
[#6367](#6367))

- Replaced `Post Icons` with their corresponding `UI Icon` equivalents
across the documentation to align icon usage with the current design
guidelines. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6308](#6308))

- Added information in the migration guide regarding auto migration for
the shadows utilities. (by [@leagrdv](https://github.com/leagrdv) with
[#6239](#6239))

- Removed support for multiple links in the `post-linkarea` component;
it now throws an error if more than one link is detected in the slotted
content. (by [@leagrdv](https://github.com/leagrdv) with
[#6324](#6324))

- Added information in the migration guide regarding the update on the
gap utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6247](#6247))

- Added information in the migration guide regarding the update of the
font size classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6347](#6347))

- Added information in the migration guide regarding the update on the
breakpoint classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6309](#6309))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Minor Changes

- Added the automigration rule to update the HTML class
`h-visibilityhidden` to `visibility-hidden`. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6141](#6141))

- Added the automigration rule to update the HTML class `h-clearfix` to
`clearfix`. (by [@oliverschuerch](https://github.com/oliverschuerch)
with [#6141](#6141))

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Alizé Debray <[email protected]>
alizedebray pushed a commit that referenced this pull request Oct 9, 2025
This PR was opened by the [Changesets
release](https://github.com/changesets/action) GitHub action. When
you're ready to do a release, you can merge this and the packages will
be published to npm automatically. If you're not ready to do a release
yet, that's fine, whenever you add more changesets to main, this PR will
be updated.

⚠️⚠️⚠️⚠️⚠️⚠️

`main` is currently in **pre mode** so this branch has prereleases
rather than normal releases. If you want to exit prereleases, run
`changeset pre exit` on `main`.

⚠️⚠️⚠️⚠️⚠️⚠️

# Releases
## @swisspost/[email protected]

### Major Changes

- Removed support for multiple links in the `post-linkarea` component;
it now throws an error if more than one link is detected in the slotted
content. (by [@leagrdv](https://github.com/leagrdv) with
[#6324](#6324))

### Minor Changes

- Added a new component-names.json file, which contains a list of all
components the package is outputting. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6199](#6199))

### Patch Changes

- Added styles to highlight the current navigation item marked with
`aria-current="page"` and its potential parent item in the header main
navigation. (by [@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Updated the `<post-accordion-item>` component to enforce a top border
in all use cases. (by [@hugomslv](https://github.com/hugomslv) with
[#6151](#6151))

- Fixed accessibility issue in the `<post-breadcrumbs>` component by
wrapping breadcrumb items in `<li>` elements. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6294](#6294))

- Fixed the `post-header` component to consistently omit the title
container when no title is defined across all configurations. (by
[@alizedebray](https://github.com/alizedebray) with
[#6244](#6244))

- Refactored icon path to improve readability and maintain correct
handling of multiple sources. (by
[@myrta2302](https://github.com/myrta2302) with
[#6220](#6220))

- Improved `<post-avatar>` markup and added a `description` prop to
allow users to provide additional context to the component. (by
[@myrta2302](https://github.com/myrta2302) with
[#6092](#6092))

- Updated `<post-menu>` and `<post-menu-item>` to prevent accessibility
roles from being announced before the menu content is visible, and to
ensure correct focus behavior on menu items during keyboard navigation
when NVDA is running.
Removed the obsolete `role="menuitem"` from `<post-language-switch>.
`<post-language-option>`now assigns`role="listitem"`in case
of`variant="list"\`, to ensure a correct reference relationship.

Updated the `<post-breadcrumbs>` component by removing an `aria-label`
set on the trigger wrapper `<div>`, which was causing an accessibility
error. Also added `role="none"` to the wrapper div to reflect its
presentational purpose. (by [@myrta2302](https://github.com/myrta2302)
with [#6042](#6042))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Major Changes

- Updated Angular components to output as standalone components to align
with Angular 20's default approach where components are standalone by
default, eliminating the need to declare them within NgModules.
Developers using our components should replace `PostComponentsModule`
imports with `providePostComponents()` in their app providers and import
individual components (e.g., `import { PostIcon, PostButton } from
'@swisspost/design-system-components-angular'`) for standalone use.
    BEFORE:

    ```typescript
    // app.module.ts
    @NgModule({
      imports: [
        PostComponentsModule,
      ],
    })
    ```

    AFTER:

    ````typescript
    //app.module.ts
    @NgModule({
      providers: [
        providePostComponents(),
      ],
    })
``` (by [@alionazherdetska](https://github.com/alionazherdetska) with
[#5968](#5968))
    ````

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Major Changes

- Updated interactive cards to have the `.card` class directly set on
the `post-linkarea` component, reducing unnecessary DOM nesting. (by
[@leagrdv](https://github.com/leagrdv) with
[#6367](#6367))

### Minor Changes

- Added back the `.small` utility class (font-size: 80%) for backwards
compatibility. (by [@hugomslv](https://github.com/hugomslv) with
[#6273](#6273))

### Patch Changes

- Added styles to highlight the current navigation item marked with
`aria-current="page"` and its potential parent item in the header main
navigation. (by [@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Fixed icon loading by replacing CDN-based icon URLs with `CSS custom
properties` and dynamic CSS file loading. Components using the
`post-icon mixin` now reliably display icons without external
dependencies. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6214](#6214))

- Updated the `toast` component icons. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6315](#6315))

- Fixed the padding on the dialog component, when no action buttons are
present. (by [@oliverschuerch](https://github.com/oliverschuerch) with
[#6215](#6215))

- Fixed the `post-header` component to consistently omit the title
container when no title is defined across all configurations. (by
[@alizedebray](https://github.com/alizedebray) with
[#6244](#6244))

- Fixed dialog grid-area implementation. `.dialog-header` and
`.dialog-body` do now also span over the icon and/or close-button area,
if they are not present. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6215](#6215))

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Minor Changes

- Added icons: `2714` and `2715` (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

-   Added icons:

    -   `audiospeaker` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `bank` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `bicycle` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `branch` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `cookies` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `e` (line & solid): 16, 24, 32, 40, 48 and 64px
- `expiredauthorization` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `gendernonbinary` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `hospital` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `motorbike` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `mypost24service` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `postfinance` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `postomat` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `reloadleft` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `router` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `server` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `software` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `subdepartment` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `turndocumentleft` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `turndocumentright` (line & solid): 16, 24, 32, 40, 48 and 64px
- `userexperience` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

-   Added icons:

    -   `alert` (line & solid): 16, 24, 32, 40, 48 and 64px
- `flipdocumenthorizontally` (line & solid): 16, 24, 32, 40, 48 and 64px
- `flipdocumentvertically` (line & solid): 16, 24, 32, 40, 48 and 64px
- `pocketlight` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6336](#6336))

-   Added icons:
    -   `compare` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `fulfilmentletter` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `fulfilmentparcel` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `inactive` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `leaf` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `listview` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `process` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `prognosisletter` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `prognosisparcel` (line & solid): 16, 24, 32, 40, 48 and 64px
- `updown` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6356](#6356))

### Patch Changes

-   Updated icons:
    -   `error` (line & solid): 16, 24, 32, 40, 48 and 64px
- `snapchat` (line): 24 and 48px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6260](#6260))

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]



## @swisspost/[email protected]

### Minor Changes

- Added back the `.small` utility class (font-size: 80%) for backwards
compatibility. (by [@hugomslv](https://github.com/hugomslv) with
[#6273](#6273))

- Added an auto migration filter to the migration guide. (by
[@leagrdv](https://github.com/leagrdv) with
[#6251](#6251))

-   Updated the migration guide:

- Added information regarding the removal of bootstrap and ng-bootstrap
in one place
- Cleaned up scattered informations regarding bootstrap removal in the
rest of the page
- Removed all informations of removed elements that were never
previously documented (by [@leagrdv](https://github.com/leagrdv) with
[#6208](#6208))

- Added usage examples for the header component. (by
[@alizedebray](https://github.com/alizedebray) with
[#6270](#6270))

- The `Multiple` and `Multiple Size` controls have been removed from the
Form Select documentation and the Form Creation guideline. (by
[@bucknatt](https://github.com/bucknatt) with
[#6359](#6359))

### Patch Changes

- Added information in the migration guide regarding the update on the
gutter utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6237](#6237))

- Added information in the migration guide regarding auto migration for
the elevation utilities. (by [@leagrdv](https://github.com/leagrdv) with
[#6241](#6241))

- Added the documentation about the removal of `.text-*` color utility
classes in the migration guide. (by
[@bucknatt](https://github.com/bucknatt) with
[#6323](#6323))

- Added information in the migration guide regarding auto migration for
the chip component. (by [@leagrdv](https://github.com/leagrdv) with
[#6330](#6330))

- Added information in the migration guide regarding the update on the
spacing utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6219](#6219))

- Updated Angular integration documentation to reflect the new
standalone components approach, replacing `PostComponentsModule` with
`providePostComponents()` pattern. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#5968](#5968))

- Added information in the migration guide regarding the update on the
sizing utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6225](#6225))

- Fixed `<post-banner>` Web Component example so the `Reset Banner`
button is hidden initially and only appears after the banner has been
dismissed. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6076](#6076))

- Updated the Figma link in the `<post-accordion>` component
documentation to point to the current design specifications. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6266](#6266))

- Added documentation on styling active navigation items in
`<post-header>` using the `[aria-current="page"]` attribute. (by
[@myrta2302](https://github.com/myrta2302) with
[#6216](#6216))

- Cleaned up the migration guide by removing redundant "breaking" tags
in the "Migration from v9 to v10" section, since all listed changes are
breaking. (by [@leagrdv](https://github.com/leagrdv) with
[#6250](#6250))

- Added information in the migration guide regarding auto migration for
the spinner. (by [@leagrdv](https://github.com/leagrdv) with
[#6249](#6249))

- Grouped the text truncation documentation with other text utilities.
(by [@hugomslv](https://github.com/hugomslv) with
[#6349](#6349))

- Updated interactive cards to have the `.card` class directly set on
the `post-linkarea` component, reducing unnecessary DOM nesting. (by
[@leagrdv](https://github.com/leagrdv) with
[#6367](#6367))

- Replaced `Post Icons` with their corresponding `UI Icon` equivalents
across the documentation to align icon usage with the current design
guidelines. (by [@alionazherdetska](https://github.com/alionazherdetska)
with [#6308](#6308))

- Added information in the migration guide regarding auto migration for
the shadows utilities. (by [@leagrdv](https://github.com/leagrdv) with
[#6239](#6239))

- Removed support for multiple links in the `post-linkarea` component;
it now throws an error if more than one link is detected in the slotted
content. (by [@leagrdv](https://github.com/leagrdv) with
[#6324](#6324))

- Added information in the migration guide regarding the update on the
gap utility classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6247](#6247))

- Added information in the migration guide regarding the update of the
font size classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6347](#6347))

- Added information in the migration guide regarding the update on the
breakpoint classes. (by [@leagrdv](https://github.com/leagrdv) with
[#6309](#6309))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Minor Changes

- Added the automigration rule to update the HTML class
`h-visibilityhidden` to `visibility-hidden`. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6141](#6141))

- Added the automigration rule to update the HTML class `h-clearfix` to
`clearfix`. (by [@oliverschuerch](https://github.com/oliverschuerch)
with [#6141](#6141))

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]

## @swisspost/[email protected]

### Patch Changes

-   Updated dependencies:
    -   @swisspost/[email protected]

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

<post-breadcrumbs> accessibility issue: List element has direct children that are not allowed
3 participants