chore(changesets): 🦋📦 publish packages (main) (next) (#6672)

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

- Updated `post-header` to prevent unnecessary h-tags. An h-tag can now
only be used for the header title in microsite or one-page variants,
other elements no longer use h-tags. (by
[@alizedebray](https://github.com/alizedebray) with
[#6693](#6693))

- Renamed `post-tabs` parts to avoid naming confusions with other
components.
    -   `::part(tabs)` is now `::part(post-tabs)`.
- `::part(content)` is now `::part(post-tabs-content)`. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6806](#6806))

- Updated the `post-accordion` and `post-accordion-item` styles to fully
align with the design specification. As part of this cleanup, the
`accordion-item` part has been removed from `post-accordion-item`. The
component’s styles can now be customized directly by targeting the host
or by using the exposed parts for the trigger button and body elements
(e.g., `::part(post-accordion-body) { ... }`). (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6676](#6676))

- Integrated the burger menu button into the `<post-header>` by removing
the previous `post-togglebutton` slot and introducing the required
`textMenu` prop. (by [@myrta2302](https://github.com/myrta2302) with
[#6801](#6801))

- Added a required `caption` property to the `post-mainnavigation`
component for the accessible name of the navigation landmark. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6841](#6841))

-   ### Renamed the following component props

    #### post-back-to-top

    -   `label` → `textBackToTop`

    #### post-breadcrumbs

    -   `menuLabel` → `textMoreItems`
    -   `label` → `textBreadcrumbs`
    -   `homeText` → `textHome`

    #### post-footer

    -   `label` → `textFooter`

    #### post-language-menu

    -   `caption` → `textChangeLanguage`
    -   `description` → `textCurrentLanguage`

    #### post-main-navigation

    -   `caption` → `textMain`

    #### post-pagination

    -   `labelLast` → `textLast`
    -   `labelFirst` → `textFirst`
    -   `labelPage` → `textPage`
    -   `labelNext` → `textNext`
    -   `labelPrevious` → `textPrevious`

    #### post-popover

    -   `closeButtonCaption` → `textClose`

    #### post-stepper

    -   `activeStepLabel` → `textStepNumber`
    -   `completedLabel` → `textCompletedStep`
- `currentLabel` → `textCurrentStep` (by
[@myrta2302](https://github.com/myrta2302) with
[#6894](#6894))

- Update the `post-megadropdown` to allow full customization of its
content. The `post-megadropdown` can now contain any HTML elements, not
just lists of links.

    As a result, list styling is no longer applied automatically.
If you want a properly styled list of links, you must now add the
required `post-megadropdown-*` classes to the corresponding elements
yourself.

    BEFORE:

    ```html
<post-megadropdown id="packages" label-close="Close" label-back="Back">
<a class="post-megadropdown-overview" href="/packages">Overview
Packages</a>
      <post-list>
        <p>Send packages</p>
<post-list-item><a href="/sch">Packages Switzerland</a></post-list-item>
<post-list-item><a href="/kl">Small goods
international</a></post-list-item>
      </post-list>
      <post-list>
        <p><a href="/step-by-step">Step by step</a></p>
<post-list-item><a href="/sch">Packages Switzerland</a></post-list-item>
<post-list-item><a href="/kl">Small goods
international</a></post-list-item>
      </post-list>
    </post-megadropdown>
    ```

    AFTER:

    ````html
<post-megadropdown id="packages" label-close="Close" label-back="Back">
<a class="post-megadropdown-overview" href="/packages">Overview
Packages</a>
      <div class="row row-cols-1 row-cols-sm-2">
        <div class="col">
<p class="post-megadropdown-list-title" id="send-packages">Send
packages</p>
<ul class="post-megadropdown-list" aria-labelledby="send-packages">
            <li><a href="/sch">Packages Switzerland</a></li>
            <li><a href="/kl">Small goods international</a></li>
          </ul>
        </div>
        <div class="col">
<a class="post-megadropdown-list-title" id="step-by-step-packages"
href="/step-by-step"
            >Step by step</a
          >
<ul class="post-megadropdown-list"
aria-labelledby="step-by-step-packages">
            <li><a href="/sch">Packages Switzerland</a></li>
            <li><a href="/kl">Small goods international</a></li>
          </ul>
        </div>
      </div>
    </post-megadropdown>
    ``` (by [@alizedebray](https://github.com/alizedebray) with
    [#6891](#6891))
    ````

- Renamed slots in the `post-header` component for improved clarity and
consistency. The following slots have been renamed:

    -   `target-group` → `audience`
    -   `global-controls` → `global-nav-primary`
    -   `meta-navigation` → `global-nav-secondary`
    -   `post-language-switch` → `language-menu`
    -   `global-login` → `post-login`
    -   `post-mainnavigation` → `main-nav`

All slot names must be updated in existing implementations to ensure
header components render correctly. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6780](#6780))

- Updated the `post-megadropdown` component to no longer use named
slots, it now provides only a default slot for its content. The close
and back buttons are built into the component and are configured using
the `labelClose` and `labelBack` properties instead of slotted markup.
To preserve styling, the overview link should use the
`.post-megadropdown-overview` class.

    BEFORE:

    ```html
    <post-megadropdown>
      <button slot="back-button" class="btn btn-tertiary px-0 btn-sm">
        <post-icon name="arrowleft"></post-icon>
        Back
      </button>
      <post-closebutton slot="close-button">Close</post-closebutton>
<a slot="post-megadropdown-overview" href="/letters">Overview
Letters</a>
      <!-- Mega drop-down links -->
    </post-megadropdown>
    ```

    AFTER:

    ````html
    <post-megadropdown label-close="Close" label-back="Back">
<a class="post-megadropdown-overview" href="/letters">Overview
Letters</a>
      <!-- Mega drop-down links -->
    </post-megadropdown>
    ``` (by [@alizedebray](https://github.com/alizedebray) with
    [#6813](#6813))
    ````

- Renamed `post-menu` parts to avoid naming confusions with other
components.
- `::part(menu)` is now `::part(post-menu)`. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6806](#6806))

- Removed `local-controls` and `navigation-controls` slots from the
`post-header` component. Use the new `local-nav` slot for all
application-specific controls. (by
[@alizedebray](https://github.com/alizedebray) with
[#6747](#6747))

-   Renamed language components for improved semantic clarity:

    -   `post-language-switch` → `post-language-menu`
    -   `post-language-option` → `post-language-menu-item`

Component tags must be updated accordingly. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6773](#6773))

- Simplified the `post-footer` component by removing the `post-list` and
`post-list-item`. The footer now only uses simple `ul` and `li` tags.
(by [@leagrdv](https://github.com/leagrdv) with
[#6740](#6740))

- Renamed `post-accordion-item` parts to avoid naming confusions with
other components.
    -   `::part(button)` is now `::part(post-accordion-button)`.
- `::part(body)` is now `::part(post-accordion-body)`. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6676](#6676))

-   Refactored `<post-tabs>` component:

    -   Renamed `post-tab-header` component to `post-tab-item`
    -   Renamed `panel` property to `name` in `post-tab-item` component
    -   Renamed `name` property to `for` in `post-tab-panel` component
- Renamed `activePanel` property to `activeTab` in `post-tabs` component

    BEFORE:

    ```html
    <post-tabs active-panel="first">
      <post-tab-header panel="first">First tab</post-tab-header>
      <post-tab-header panel="second">Second tab</post-tab-header>
      <post-tab-header panel="third">Third tab</post-tab-header>

<post-tab-panel name="first"> This is the content of the first tab.
</post-tab-panel>
<post-tab-panel name="second"> This is the content of the second tab.
</post-tab-panel>
<post-tab-panel name="third"> This is the content of the third tab.
</post-tab-panel>
    </post-tabs>
    ```

    AFTER:

    ````html
    <post-tabs active-tab="first">
      <post-tab-item name="first">First tab</post-tab-item>
      <post-tab-item name="second">Second tab</post-tab-item>
      <post-tab-item name="third">Third tab</post-tab-item>

<post-tab-panel for="first"> This is the content of the first tab.
</post-tab-panel>
<post-tab-panel for="second"> This is the content of the second tab.
</post-tab-panel>
<post-tab-panel for="third"> This is the content of the third tab.
</post-tab-panel>
    </post-tabs>
``` (by [@alionazherdetska](https://github.com/alionazherdetska) with
    [#6350](#6350))
    ````

### Minor Changes

- Added navigation variant to the `post-tabs` component, enabling
anchor-based navigation. The component now automatically detects whether
`post-tab-item` elements contain anchor links and switches between
panels and navigation variants accordingly. The `aria-current="page"`
attribute must be manually added to the anchor element representing the
current page to ensure proper styling and accessibility. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6350](#6350))

### Patch Changes

- Fixed a header specific issue with a large visual impact. Because of
the issue, the component ended up in an incorrect visual state, when the
focussed element within (e.g. the burger-menu-toggle), was removed from
the DOM during a viewport resize event. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6911](#6911))

- Removed `tabindex="0"` from the `post-linkarea` component. The link
area is mouse-only and should not be focusable, only the button it
contains can receive keyboard focus. (by
[@alizedebray](https://github.com/alizedebray) with
[#6937](#6937))

- Fixed console error "Cannot read properties of undefined" appearing
when using the `post-stepper` component. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6685](#6685))

- Updated the `<post-popover-trigger>` component, to provide the ability
to wrap it around the `<post-popover>` element, instead of using the
`id` and `for` attribute references. (by
[@myrta2302](https://github.com/myrta2302) with
[#6626](#6626))

- Updated the `<post-header>` component to show the local-header when
the mobile menu is open and the page is scrolled. (by
[@myrta2302](https://github.com/myrta2302) with
[#6758](#6758))

- Updated `<post-header>` to reset scroll when mobile menu is closed.
(by [@myrta2302](https://github.com/myrta2302) with
[#6852](#6852))

- Updated `post-closebutton` focus styles to always match other buttons,
ensuring a consistent focus ring. (by
[@alizedebray](https://github.com/alizedebray) with
[#6939](#6939))

- Fixed burger menu scrolling when a navigation megadropdown is open.
(by [@myrta2302](https://github.com/myrta2302) with
[#6772](#6772))

- Added High Contrast border around the arrow element used in tooltip
and popover components. (by [@myrta2302](https://github.com/myrta2302)
with [#6623](#6623))

- Fixed the `post-accordion-item` button arrow by rotating it 180
degrees so it meets the design requirements. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6676](#6676))

- Added guards in `post-header` and `post-collapsible`, to prevent JS
animation functions from being executed on server side. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6696](#6696))

- Fixed a Firefox-specific rendering engine (Gecko) issue on mobile and
tablet related to position sticky, that causes the global header to be
positioned incorrectly when invisible child elements receive focus on a
scrolled page. (by [@oliverschuerch](https://github.com/oliverschuerch)
with [#6910](#6910))

- Updated the animation of the header mega drop-downs and burger menu.
(by [@myrta2302](https://github.com/myrta2302) with
[#6758](#6758))

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

## @swisspost/[email protected]

### Major Changes

-   Refactored `<post-tabs>` component:

    -   Renamed `post-tab-header` component to `post-tab-item`
    -   Renamed `panel` property to `name` in `post-tab-item` component
    -   Renamed `name` property to `for` in `post-tab-panel` component
- Renamed `activePanel` property to `activeTab` in `post-tabs` component

    BEFORE:

    ```html
    <post-tabs active-panel="first">
      <post-tab-header panel="first">First tab</post-tab-header>
      <post-tab-header panel="second">Second tab</post-tab-header>
      <post-tab-header panel="third">Third tab</post-tab-header>

<post-tab-panel name="first"> This is the content of the first tab.
</post-tab-panel>
<post-tab-panel name="second"> This is the content of the second tab.
</post-tab-panel>
<post-tab-panel name="third"> This is the content of the third tab.
</post-tab-panel>
    </post-tabs>
    ```

    AFTER:

    ````html
    <post-tabs active-tab="first">
      <post-tab-item name="first">First tab</post-tab-item>
      <post-tab-item name="second">Second tab</post-tab-item>
      <post-tab-item name="third">Third tab</post-tab-item>

<post-tab-panel for="first"> This is the content of the first tab.
</post-tab-panel>
<post-tab-panel for="second"> This is the content of the second tab.
</post-tab-panel>
<post-tab-panel for="third"> This is the content of the third tab.
</post-tab-panel>
    </post-tabs>
``` (by [@alionazherdetska](https://github.com/alionazherdetska) with
    [#6350](#6350))
    ````

### Patch Changes

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

## @swisspost/[email protected]

### Major Changes

-   Refactored `<post-tabs>` component:

    -   Renamed `post-tab-header` component to `post-tab-item`
    -   Renamed `panel` property to `name` in `post-tab-item` component
    -   Renamed `name` property to `for` in `post-tab-panel` component
- Renamed `activePanel` property to `activeTab` in `post-tabs` component

    BEFORE:

    ```html
    <post-tabs active-panel="first">
      <post-tab-header panel="first">First tab</post-tab-header>
      <post-tab-header panel="second">Second tab</post-tab-header>
      <post-tab-header panel="third">Third tab</post-tab-header>

<post-tab-panel name="first"> This is the content of the first tab.
</post-tab-panel>
<post-tab-panel name="second"> This is the content of the second tab.
</post-tab-panel>
<post-tab-panel name="third"> This is the content of the third tab.
</post-tab-panel>
    </post-tabs>
    ```

    AFTER:

    ````html
    <post-tabs active-tab="first">
      <post-tab-item name="first">First tab</post-tab-item>
      <post-tab-item name="second">Second tab</post-tab-item>
      <post-tab-item name="third">Third tab</post-tab-item>

<post-tab-panel for="first"> This is the content of the first tab.
</post-tab-panel>
<post-tab-panel for="second"> This is the content of the second tab.
</post-tab-panel>
<post-tab-panel for="third"> This is the content of the third tab.
</post-tab-panel>
    </post-tabs>
``` (by [@alionazherdetska](https://github.com/alionazherdetska) with
    [#6350](#6350))
    ````

### Patch Changes

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

## @swisspost/[email protected]

### Major Changes

- Updated styles for elements slotted in the `post-header` component.
Slotted lists should now omit the `.list-inline` class and will be
automatically styled as part of the `post-header`.
Keeping the `.list-inline` class will cause incorrect spacing between
header elements. (by [@alizedebray](https://github.com/alizedebray) with
[#6661](#6661))

- Removed the `traget-group.css` file, target group styles are now
bundled with the `post-header` styles. The `.traget-group` class no
longer exist and the component will only work when placed into a
`post-header`. (by [@alizedebray](https://github.com/alizedebray) with
[#6661](#6661))

- Refactored the icon mixins so that icons no longer need to be included
separately, imports are now handled automatically. The `custom-property`
mixin as therefore be removed entirely.

The `icon` mixin arguments have also been updated: `$height` and
`$width` have been replaced with a single `$size` since all icons are
square. (by [@alizedebray](https://github.com/alizedebray) with
[#6836](#6836))

- Removed the subnavigation component in favor of page tabs. (by
[@alizedebray](https://github.com/alizedebray) with
[#6913](#6913))

### Minor Changes

- Extended Swiss Post Sans font support with Extra Black (950) weight.
(by [@alizedebray](https://github.com/alizedebray) with
[#6932](#6932))

- Implemented a `Divider` html/css component using tokens for styles.
Divider documentation is also added to /Components/Divider page. (by
[@bucknatt](https://github.com/bucknatt) with
[#6783](#6783))

### Patch Changes

- Integrated the burger menu button into the `<post-header>` by removing
the previous `post-togglebutton` slot and introducing the required
`textMenu` prop. (by [@myrta2302](https://github.com/myrta2302) with
[#6801](#6801))

- Fixed an issue where sections could overflow the body when a scrollbar
was present due to incorrect width calculations. (by
[@alizedebray](https://github.com/alizedebray) with
[#6933](#6933))

- Update the `post-megadropdown` to allow full customization of its
content. The `post-megadropdown` can now contain any HTML elements, not
just lists of links.

    As a result, list styling is no longer applied automatically.
If you want a properly styled list of links, you must now add the
required `post-megadropdown-*` classes to the corresponding elements
yourself.

    BEFORE:

    ```html
<post-megadropdown id="packages" label-close="Close" label-back="Back">
<a class="post-megadropdown-overview" href="/packages">Overview
Packages</a>
      <post-list>
        <p>Send packages</p>
<post-list-item><a href="/sch">Packages Switzerland</a></post-list-item>
<post-list-item><a href="/kl">Small goods
international</a></post-list-item>
      </post-list>
      <post-list>
        <p><a href="/step-by-step">Step by step</a></p>
<post-list-item><a href="/sch">Packages Switzerland</a></post-list-item>
<post-list-item><a href="/kl">Small goods
international</a></post-list-item>
      </post-list>
    </post-megadropdown>
    ```

    AFTER:

    ````html
<post-megadropdown id="packages" label-close="Close" label-back="Back">
<a class="post-megadropdown-overview" href="/packages">Overview
Packages</a>
      <div class="row row-cols-1 row-cols-sm-2">
        <div class="col">
<p class="post-megadropdown-list-title" id="send-packages">Send
packages</p>
<ul class="post-megadropdown-list" aria-labelledby="send-packages">
            <li><a href="/sch">Packages Switzerland</a></li>
            <li><a href="/kl">Small goods international</a></li>
          </ul>
        </div>
        <div class="col">
<a class="post-megadropdown-list-title" id="step-by-step-packages"
href="/step-by-step"
            >Step by step</a
          >
<ul class="post-megadropdown-list"
aria-labelledby="step-by-step-packages">
            <li><a href="/sch">Packages Switzerland</a></li>
            <li><a href="/kl">Small goods international</a></li>
          </ul>
        </div>
      </div>
    </post-megadropdown>
    ``` (by [@alizedebray](https://github.com/alizedebray) with
    [#6891](#6891))
    ````

- Updated the `<post-header>` component to show the local-header when
the mobile menu is open and the page is scrolled. (by
[@myrta2302](https://github.com/myrta2302) with
[#6758](#6758))

- Removed `local-controls` and `navigation-controls` slots from the
`post-header` component. Use the new `local-nav` slot for all
application-specific controls. (by
[@alizedebray](https://github.com/alizedebray) with
[#6747](#6747))

- Simplified the `post-footer` component by removing the `post-list` and
`post-list-item`. The footer now only uses simple `ul` and `li` tags.
(by [@leagrdv](https://github.com/leagrdv) with
[#6740](#6740))

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

## @swisspost/[email protected]

### Minor Changes

- Added icons: `2742`, `2743` and `2744` (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6708](#6708))

-   Added icons:
- `paintroll` (solid): 40px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6719](#6719))

- Added icons: `2745`, `2746`, `2747` and `2748` (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6760](#6760))

-   Added icons:
    -   `adresschange` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `alcoholicgoods` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `anchor` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `animals` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `artobjects` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `branchaccesspoint` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `branchhandover` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `branchselfservice` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `busstop` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `certificate` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `documentcarnetata` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `documentofficial` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `dryice` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `e` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `explosives` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `handsanitizer` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `horseshoe` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `lacquer` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `layers` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `music` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `opensource` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `pobox` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `plant` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `preciousmetals` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `product` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `relocation` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `seed` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `usb` (line & solid): 16, 24, 32, 40, 48 and 64px
- `urn` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6807](#6807))

-   Added icons:
    -   `bed` (line & solid): 16, 24, 32, 40, 48 and 64px
- `hourglass` (line & solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6860](#6860))

### Patch Changes

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

-   Updated icons:
    -   `globemeridian` (line): 16px
    -   `handstop` (solid): 16 and 24px
    -   `heart` (solid): 40, 48 and 64px
    -   `locationfavorite` (line): 16px
    -   `plus` (solid): 64px
    -   `searchmenu` (solid): 24, 32, 40, 48 and 64px
    -   `send` (solid): 16px
    -   `shipmentbroken` (solid): 32px
    -   `tooth` (solid): 64px
    -   `tourlist` (solid): 16, 32, 40, 48 and 64px
- `wallet` (solid): 16 and 24px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6787](#6787))

-   Updated icons:
    -   `brain` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `documentonenote` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `linkedin` (solid): 16, 24, 32, 40, 48 and 64px
    -   `mailcarrier` (line): 16, 24, 32, 40, 48 and 64px
    -   `qrcode` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `snapchat` (solid): 16, 24, 32, 40, 48 and 64px
- `streetviewsatellite` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `streetviewterrain` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `twitterx` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `whatsapp` (solid): 16, 24, 32, 40, 48 and 64px
    -   `xing` (line & solid): 16, 24, 32, 40, 48 and 64px
    -   `youtube` (solid): 16, 24, 32, 40, 48 and 64px
- `kununu` (solid): 16, 24, 32, 40, 48 and 64px (by
[@swisspost-bot](https://github.com/swisspost-bot) with
[#6832](#6832))

## @swisspost/[email protected]

### Patch Changes

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

## @swisspost/[email protected]



## @swisspost/[email protected]



## @swisspost/[email protected]



## @swisspost/[email protected]

### Major Changes

- Removed the language switch from the documented components since it
belongs to the `post-header` and should not be used independently. (by
[@alizedebray](https://github.com/alizedebray) with
[#6622](#6622))

-   ### Renamed the following component props

    #### post-back-to-top

    -   `label` → `textBackToTop`

    #### post-breadcrumbs

    -   `menuLabel` → `textMoreItems`
    -   `label` → `textBreadcrumbs`
    -   `homeText` → `textHome`

    #### post-footer

    -   `label` → `textFooter`

    #### post-language-menu

    -   `caption` → `textChangeLanguage`
    -   `description` → `textCurrentLanguage`

    #### post-main-navigation

    -   `caption` → `textMain`

    #### post-pagination

    -   `labelLast` → `textLast`
    -   `labelFirst` → `textFirst`
    -   `labelPage` → `textPage`
    -   `labelNext` → `textNext`
    -   `labelPrevious` → `textPrevious`

    #### post-popover

    -   `closeButtonCaption` → `textClose`

    #### post-stepper

    -   `activeStepLabel` → `textStepNumber`
    -   `completedLabel` → `textCompletedStep`
- `currentLabel` → `textCurrentStep` (by
[@myrta2302](https://github.com/myrta2302) with
[#6894](#6894))

- Renamed `post-accordion-item` parts to avoid naming confusions with
other components.
    -   `::part(button)` is now `::part(post-accordion-button)`.
- `::part(body)` is now `::part(post-accordion-body)`. (by
[@oliverschuerch](https://github.com/oliverschuerch) with
[#6676](#6676))

- Removed the subnavigation component in favor of page tabs. (by
[@alizedebray](https://github.com/alizedebray) with
[#6913](#6913))

### Minor Changes

- Implemented a `Divider` html/css component using tokens for styles.
Divider documentation is also added to /Components/Divider page. (by
[@bucknatt](https://github.com/bucknatt) with
[#6783](#6783))

- Moved the base typography elements into one single `Foundations >
Typography` page and the "Text Highlighted" and "List" elements into the
`Components` folder to align with Figma. (by
[@bucknatt](https://github.com/bucknatt) with
[#6508](#6508))

- Added navigation variant to the `post-tabs` component, enabling
anchor-based navigation. The component now automatically detects whether
`post-tab-item` elements contain anchor links and switches between
panels and navigation variants accordingly. The `aria-current="page"`
attribute must be manually added to the anchor element representing the
current page to ensure proper styling and accessibility. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6350](#6350))

### Patch Changes

- Updated `post-header` to prevent unnecessary h-tags. An h-tag can now
only be used for the header title in microsite or one-page variants,
other elements no longer use h-tags. (by
[@alizedebray](https://github.com/alizedebray) with
[#6693](#6693))

- Improved accessibility by updating minimum font-size to 14px and
converting font-size units from px to rem. (by
[@bucknatt](https://github.com/bucknatt) with
[#5964](#5964))

- Renamed `post-tabs` parts to avoid naming confusions with other
components.
    -   `::part(tabs)` is now `::part(post-tabs)`.
- `::part(content)` is now `::part(post-tabs-content)`. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6806](#6806))

- Integrated the burger menu button into the `<post-header>` by removing
the previous `post-togglebutton` slot and introducing the required
`textMenu` prop. (by [@myrta2302](https://github.com/myrta2302) with
[#6801](#6801))

- Fixed `post-banner` becoming unstyled when changing the type control
in Storybook. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6756](#6756))

- Added a required `caption` property to the `post-mainnavigation`
component for the accessible name of the navigation landmark. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6841](#6841))

- Updated styles for elements slotted in the `post-header` component.
Slotted lists should now omit the `.list-inline` class and will be
automatically styled as part of the `post-header`.
Keeping the `.list-inline` class will cause incorrect spacing between
header elements. (by [@alizedebray](https://github.com/alizedebray) with
[#6661](#6661))

- Prevented JSON parsing errors by safely handling legacy
`devModeEnabled` values in local storage. (by
[@leagrdv](https://github.com/leagrdv) with
[#6835](#6835))

- Update the `post-megadropdown` to allow full customization of its
content. The `post-megadropdown` can now contain any HTML elements, not
just lists of links.

    As a result, list styling is no longer applied automatically.
If you want a properly styled list of links, you must now add the
required `post-megadropdown-*` classes to the corresponding elements
yourself.

    BEFORE:

    ```html
<post-megadropdown id="packages" label-close="Close" label-back="Back">
<a class="post-megadropdown-overview" href="/packages">Overview
Packages</a>
      <post-list>
        <p>Send packages</p>
<post-list-item><a href="/sch">Packages Switzerland</a></post-list-item>
<post-list-item><a href="/kl">Small goods
international</a></post-list-item>
      </post-list>
      <post-list>
        <p><a href="/step-by-step">Step by step</a></p>
<post-list-item><a href="/sch">Packages Switzerland</a></post-list-item>
<post-list-item><a href="/kl">Small goods
international</a></post-list-item>
      </post-list>
    </post-megadropdown>
    ```

    AFTER:

    ````html
<post-megadropdown id="packages" label-close="Close" label-back="Back">
<a class="post-megadropdown-overview" href="/packages">Overview
Packages</a>
      <div class="row row-cols-1 row-cols-sm-2">
        <div class="col">
<p class="post-megadropdown-list-title" id="send-packages">Send
packages</p>
<ul class="post-megadropdown-list" aria-labelledby="send-packages">
            <li><a href="/sch">Packages Switzerland</a></li>
            <li><a href="/kl">Small goods international</a></li>
          </ul>
        </div>
        <div class="col">
<a class="post-megadropdown-list-title" id="step-by-step-packages"
href="/step-by-step"
            >Step by step</a
          >
<ul class="post-megadropdown-list"
aria-labelledby="step-by-step-packages">
            <li><a href="/sch">Packages Switzerland</a></li>
            <li><a href="/kl">Small goods international</a></li>
          </ul>
        </div>
      </div>
    </post-megadropdown>
    ``` (by [@alizedebray](https://github.com/alizedebray) with
    [#6891](#6891))
    ````

- Renamed slots in the `post-header` component for improved clarity and
consistency. The following slots have been renamed:

    -   `target-group` → `audience`
    -   `global-controls` → `global-nav-primary`
    -   `meta-navigation` → `global-nav-secondary`
    -   `post-language-switch` → `language-menu`
    -   `global-login` → `post-login`
    -   `post-mainnavigation` → `main-nav`

All slot names must be updated in existing implementations to ensure
header components render correctly. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6780](#6780))

- Updated the `post-megadropdown` component to no longer use named
slots, it now provides only a default slot for its content. The close
and back buttons are built into the component and are configured using
the `labelClose` and `labelBack` properties instead of slotted markup.
To preserve styling, the overview link should use the
`.post-megadropdown-overview` class.

    BEFORE:

    ```html
    <post-megadropdown>
      <button slot="back-button" class="btn btn-tertiary px-0 btn-sm">
        <post-icon name="arrowleft"></post-icon>
        Back
      </button>
      <post-closebutton slot="close-button">Close</post-closebutton>
<a slot="post-megadropdown-overview" href="/letters">Overview
Letters</a>
      <!-- Mega drop-down links -->
    </post-megadropdown>
    ```

    AFTER:

    ````html
    <post-megadropdown label-close="Close" label-back="Back">
<a class="post-megadropdown-overview" href="/letters">Overview
Letters</a>
      <!-- Mega drop-down links -->
    </post-megadropdown>
    ``` (by [@alizedebray](https://github.com/alizedebray) with
    [#6813](#6813))
    ````

- Refactored the icon mixins so that icons no longer need to be included
separately, imports are now handled automatically. The `custom-property`
mixin as therefore be removed entirely.

The `icon` mixin arguments have also been updated: `$height` and
`$width` have been replaced with a single `$size` since all icons are
square. (by [@alizedebray](https://github.com/alizedebray) with
[#6836](#6836))

- Renamed `post-menu` parts to avoid naming confusions with other
components.
- `::part(menu)` is now `::part(post-menu)`. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6806](#6806))

- Removed `local-controls` and `navigation-controls` slots from the
`post-header` component. Use the new `local-nav` slot for all
application-specific controls. (by
[@alizedebray](https://github.com/alizedebray) with
[#6747](#6747))

- Changed hover background color of buttons in previews for better
readability. (by [@leagrdv](https://github.com/leagrdv) with
[#6748](#6748))

-   Renamed language components for improved semantic clarity:

    -   `post-language-switch` → `post-language-menu`
    -   `post-language-option` → `post-language-menu-item`

Component tags must be updated accordingly. (by
[@alionazherdetska](https://github.com/alionazherdetska) with
[#6773](#6773))

- Simplified the `post-footer` component by removing the `post-list` and
`post-list-item`. The footer now only uses simple `ul` and `li` tags.
(by [@leagrdv](https://github.com/leagrdv) with
[#6740](#6740))

- Added padding in the version selector for better readability. (by
[@bucknatt](https://github.com/bucknatt) with
[#6698](#6698))

-   Updated documentation:
    -   Changed the main Figma link in the `Introduction` page
- Restored the list of HTML components in the `Getting Started >
Developer` page (by [@leagrdv](https://github.com/leagrdv) with
[#6755](#6755))

- Fixed theme in storybook not being added correctly in production mode.
(by [@leagrdv](https://github.com/leagrdv) with
[#6717](#6717))

-   Updated dependencies:
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @swisspost/[email protected]
    -   @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]

## @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>

Author: swisspost-bot

.changeset/pre.json

@@ -63,15 +63,25 @@
     "20251102021956-minor-post-icon-update",
     "20251104122928-minor-post-icon-update",
     "20251112083607-minor-ui-icon-update",
+    "20251123023001-minor-post-icon-update",
+    "20251124135922-minor-ui-icon-update",
+    "20251128085555-minor-post-icon-update",
+    "20251128085555-patch-ui-icon-update",
+    "20251203084126-patch-ui-icon-update",
+    "20251207022928-minor-ui-icon-update",
+    "20251210074537-patch-ui-icon-update",
+    "20251214023026-minor-ui-icon-update",
     "afraid-mangos-sing",
     "all-cloths-sleep",
     "angry-bulldogs-refuse",
     "angry-eagles-appear",
     "angry-rules-win",
+    "angry-socks-fall",
     "angry-trams-stick",
     "beige-fans-see",
     "beige-jobs-do",
     "beige-spoons-stay",
+    "better-taxes-lie",
     "big-boats-suffer",
     "big-frogs-admire",
     "big-guests-kiss",
@@ -118,6 +128,7 @@
     "chilly-onions-compare",
     "chubby-hounds-roll",
     "chubby-planes-appear",
+    "clarify-post-header-focus-comment",
     "clean-bears-hammer",
     "clean-cherries-tickle",
     "clean-icons-complain",
@@ -161,6 +172,7 @@
     "cyan-days-kiss",
     "cyan-planets-compete",
     "cyan-years-pretend",
+    "dark-monkeys-shave",
     "dirty-mayflies-taste",
     "dirty-shrimps-leave",
     "dirty-squids-hunt",
@@ -175,8 +187,10 @@
     "dull-garlics-look",
     "eager-chairs-sin",
     "early-baboons-cross",
+    "early-brooms-cough",
     "early-knives-own",
     "early-news-fetch",
+    "early-peas-go",
     "easy-bananas-learn",
     "easy-tables-allow",
     "eight-ants-warn",
@@ -196,6 +210,7 @@
     "empty-pants-brake",
     "every-lemons-stop",
     "evil-kings-beam",
+    "evil-states-follow",
     "fair-actors-scream",
     "fair-dingos-wait",
     "fair-llamas-battle",
@@ -204,7 +219,6 @@
     "fair-squids-float",
     "famous-oranges-go",
     "famous-panthers-bow",
-    "fast-bats-poke",
     "fast-eels-obey",
     "fast-fans-wash",
     "fast-frogs-pump",
@@ -234,6 +248,7 @@
     "forty-icons-punch",
     "forty-insects-chew",
     "forty-jokes-sin",
+    "forty-llamas-admire",
     "forty-rice-switch",
     "forty-rings-refuse",
     "four-actors-enter",
@@ -244,15 +259,18 @@
     "four-monkeys-buy",
     "four-moose-design",
     "four-terms-cross",
+    "free-lamps-create",
     "fresh-files-crash",
     "fresh-hats-do",
     "fresh-schools-peel",
     "friendly-impalas-reflect",
     "friendly-insects-breathe",
+    "full-sides-write",
     "funny-goats-walk",
     "funny-knives-rule",
     "funny-months-attend",
     "funny-shrimps-care",
+    "funny-trees-do",
     "fuzzy-feet-ring",
     "fuzzy-mice-wait",
     "gentle-ads-end",
@@ -280,7 +298,6 @@
     "gorgeous-flowers-flow",
     "gorgeous-glasses-end",
     "gorgeous-mugs-train",
-    "gorgeous-needles-run",
     "great-avocados-fix",
     "great-boxes-drop",
     "great-houses-bake",
@@ -315,7 +332,9 @@
     "honest-sheep-burn",
     "hot-lizards-dance",
     "hot-streets-eat",
+    "huge-jokes-give",
     "hungry-balloons-sin",
+    "hungry-bugs-grin",
     "hungry-ducks-raise",
     "hungry-penguins-turn",
     "hungry-pumas-repair",
@@ -334,6 +353,7 @@
     "large-poems-dream",
     "late-birds-report",
     "late-days-approve",
+    "late-planes-kiss",
     "late-toys-cross",
     "lazy-eels-nail",
     "lazy-gorillas-admire",
@@ -351,7 +371,10 @@
     "light-terms-knock",
     "light-toys-behave",
     "little-cars-unite",
+    "little-crabs-stick",
+    "little-ducks-say",
     "little-squids-camp",
+    "long-aliens-act",
     "long-shrimps-roll",
     "loose-melons-switch",
     "loose-times-attend",
@@ -385,9 +408,11 @@
     "mighty-tables-play",
     "modern-pumpkins-kneel",
     "moody-coats-kneel",
+    "moody-glasses-raise",
     "moody-gorillas-explain",
     "moody-mice-design",
     "moody-papayas-brush",
+    "moody-rivers-flash",
     "moody-squids-lay",
     "nasty-ads-greet",
     "nasty-plants-shop",
@@ -429,6 +454,7 @@
     "olive-kangaroos-repair",
     "olive-llamas-dream",
     "olive-squids-enjoy",
+    "orange-beers-knock",
     "orange-kiwis-breathe",
     "orange-maps-tan",
     "orange-seals-appear",
@@ -437,6 +463,7 @@
     "pink-schools-double",
     "pink-weeks-relate",
     "plain-bees-change",
+    "plain-ravens-occur",
     "plain-snails-cover",
     "plenty-apricots-raise",
     "plenty-foxes-listen",
@@ -445,6 +472,8 @@
     "plenty-paws-run",
     "plenty-taxis-hear",
     "plenty-waves-notice",
+    "polite-coats-smile",
+    "polite-flowers-smell",
     "poor-bags-care",
     "poor-jars-call",
     "poor-laws-impress",
@@ -453,14 +482,18 @@
     "popular-otters-rhyme",
     "popular-rivers-poke",
     "pretty-beans-kneel",
+    "pretty-glasses-ring",
     "pretty-meals-suffer",
     "proud-actors-knock",
     "proud-adults-bet",
     "proud-cheetahs-act",
     "proud-moons-impress",
+    "puny-kids-return",
     "puny-parrots-turn",
+    "purple-carpets-laugh",
     "purple-cooks-carry",
     "purple-impalas-own",
+    "purple-papayas-guess",
     "purple-terms-march",
     "quick-buses-give",
     "quick-eagles-watch",
@@ -502,6 +535,7 @@
     "rude-pumas-juggle",
     "rude-shrimps-wonder",
     "sad-jeans-flow",
+    "sad-pumas-act",
     "salty-badgers-doubt",
     "selfish-bats-run",
     "selfish-boats-appear",
@@ -512,12 +546,15 @@
     "serious-wasps-poke",
     "seven-kids-remember",
     "seven-nails-smoke",
+    "seven-wings-dig",
     "shaggy-experts-give",
     "shaggy-hornets-wish",
     "shaggy-kings-notice",
+    "shaggy-results-kiss",
     "shaggy-suns-suffer",
     "shaggy-women-drive",
     "shaky-cups-bake",
+    "shaky-grapes-sniff",
     "shaky-nights-drop",
     "shaky-squids-cheer",
     "sharp-baboons-smile",
@@ -553,6 +590,7 @@
     "slimy-items-happen",
     "slimy-plums-sniff",
     "slimy-rockets-pull",
+    "slimy-trains-sink",
     "slow-apes-double",
     "slow-breads-attack",
     "slow-doodles-behave",
@@ -564,7 +602,9 @@
     "smart-cobras-train",
     "smart-gifts-count",
     "smart-walls-carry",
+    "smart-walls-jump",
     "smooth-bugs-explode",
+    "smooth-cameras-sort",
     "smooth-hairs-thank",
     "smooth-spoons-matter",
     "social-streets-float",
@@ -574,6 +614,8 @@
     "soft-women-show",
     "some-banks-end",
     "some-mugs-enjoy",
+    "some-parts-raise",
+    "some-seas-invent",
     "some-snakes-repeat",
     "sour-pumas-cough",
     "spicy-forks-type",
@@ -594,9 +636,11 @@
     "stupid-knives-thank",
     "stupid-walls-tie",
     "sweet-cherries-drop",
+    "sweet-grapes-run",
     "sweet-seals-search",
     "swift-glasses-eat",
-    "swift-shrimps-dream",
+    "tabs-anchor-navigation",
+    "tabs-navigation-mode",
     "tall-cougars-remain",
     "tall-lions-tap",
     "tame-baboons-cry",
@@ -639,9 +683,10 @@
     "tiny-socks-count",
     "tired-cameras-stand",
     "tired-horses-kick",
+    "tired-wasps-fry",
+    "tired-ways-jog",
     "tough-bikes-punch",
     "tough-buckets-share",
-    "tough-cheetahs-clean",
     "tough-dancers-attend",
     "tough-friends-know",
     "tough-pillows-pump",
@@ -664,13 +709,15 @@
     "two-hounds-march",
     "two-planets-fix",
     "two-shirts-shake",
+    "upset-candles-change",
     "upset-hats-care",
     "vast-rivers-agree",
     "violet-geckos-shave",
     "violet-jokes-stare",
     "violet-poems-attend",
     "warm-drinks-prove",
     "warm-walls-stare",
+    "weak-bugs-try",
     "weak-camels-deliver",
     "weak-falcons-study",
     "weak-jars-rhyme",
@@ -690,6 +737,7 @@
     "wise-rats-whisper",
     "wise-spies-shave",
     "wise-tomatoes-brake",
+    "witty-bees-own",
     "witty-horses-destroy",
     "witty-socks-prove",
     "yellow-garlics-draw",
@@ -699,6 +747,7 @@
     "yellow-yaks-jog",
     "young-mangos-jump",
     "young-pears-guess",
+    "young-states-teach",
     "yummy-dots-look",
     "yummy-readers-flash"
   ]

packages/changelog-github/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @swisspost/design-system-changelog-github
 
+## 10.0.0-next.56
+
 ## 10.0.0-next.55
 
 ## 10.0.0-next.54

packages/changelog-github/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-changelog-github",
-  "version": "10.0.0-next.55",
+  "version": "10.0.0-next.56",
   "description": "A changelog entry generator for GitHub that links to PRs and users",
   "author": "Swiss Post <[email protected]>",
   "license": "Apache-2.0",

packages/components-angular/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @swisspost/design-system-components-angular-workspace
 
+## 10.0.0-next.56
+
+### Patch Changes
+
+- Updated dependencies:
+  - @swisspost/design-system-components@10.0.0-next.56
+  - @swisspost/design-system-styles@10.0.0-next.56
+
 ## 10.0.0-next.55
 
 ### Patch Changes

packages/components-angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swisspost/design-system-components-angular-workspace",
-  "version": "10.0.0-next.55",
+  "version": "10.0.0-next.56",
   "description": "Wrapper arround @swisspost/design-system-components for angular",
   "author": "Swiss Post <[email protected]>",
   "license": "Apache-2.0",
@@ -34,8 +34,8 @@
     "@angular/platform-browser": "20.3.9",
     "@angular/platform-browser-dynamic": "20.3.9",
     "@angular/router": "20.3.9",
-    "@swisspost/design-system-components": "workspace:10.0.0-next.55",
-    "@swisspost/design-system-styles": "workspace:10.0.0-next.55",
+    "@swisspost/design-system-components": "workspace:10.0.0-next.56",
+    "@swisspost/design-system-styles": "workspace:10.0.0-next.56",
     "rxjs": "7.8.2",
     "tslib": "2.8.1",
     "zone.js": "0.15.1"
@@ -46,7 +46,7 @@
     "@angular/compiler-cli": "20.3.9",
     "@cypress/schematic": "3.0.0",
     "@eslint/js": "9.18.0",
-    "@swisspost/design-system-components-angular": "workspace:10.0.0-next.55",
+    "@swisspost/design-system-components-angular": "workspace:10.0.0-next.56",
     "angular-eslint": "19.8.1",
     "copyfiles": "2.4.1",
     "cypress": "14.3.2",