-
Notifications
You must be signed in to change notification settings - Fork 20
fix(component): fix accessibility issue for post-breadcrumbs
component
#6294
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(component): fix accessibility issue for post-breadcrumbs
component
#6294
Conversation
🦋 Changeset detectedLatest commit: d943796 The changes in this PR will be included in the next version bump. This PR includes changesets to release 12 packages
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 |
Related Previews |
There was a problem hiding this 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?
a135053
to
2837732
Compare
|
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]>
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]>
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]>
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>
📄 Description
This PR fixes accessibility issues in the post-breadcrumbs component by:
<li>
elements for semantic HTML structurearia-current="page"
attribute from the breadcrumb item to the parent list itemli[aria-current="page"] post-breadcrumb-item
)📝 Checklist