chore(docs): add removal of text color utility classes in migration documentation #6323
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
🦋 Changeset detectedLatest commit: 0e37957 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
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 |
bucknatt
changed the title
leagrdv
requested changes
Sep 26, 2025
packages/documentation/src/stories/misc/migration-guide/migrationv9-10.component.ts
Outdated
Show resolved
Hide resolved
…`, removed list of `.text-*`-classes in changeset
|
leagrdv
approved these changes
Oct 1, 2025
bucknatt
deleted the
6121-add-removal-of-text-color-utility-classes-in-migration-documentation
branch
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]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
📄 Description
The documentation about the removal of
.text-*utility classes in the migration guide has been added.The list of the removed classes has been documentated:
.text-primary.text-secondary.text-light.text-dark.text-success.text-warning.text-error.text-info