@swisspost/internet-header@1.13.10

Patch Changes

• Fixed display issue with long user/company names being cut off in the user dropdown. (by @alizedebray with #3104)
• Updated dependencies:
  • @swisspost/design-system-styles@7.1.0

@swisspost/design-system-styles@7.1.0

Minor Changes

• Added the option for a Button animation to the left. (by @alizedebray with #3104)

Patch Changes

• Fixed missing chevron in valid and invalid select entries. (by @alizedebray with #3104)

• Updated popover styles. - Removed popover min-width and updated max-width.

  • Simplyfied popover arrow size definition.
  • Removed :focus selector fom .text-auto utility class (by @alizedebray with #3104)

• Fixed grid-area behaviour in card-control component, if used without any icon. (by @oliverschuerch with #3099)

• Updated the stepper styles: changed the colors and font-weights, as well as the current step label position on smaller screens. (by @alizedebray with #3088)

• Merged the card-control, checkbox-card and radio button card docs pages and updated the choice-card-control styles. (by @alizedebray with #3104)

• Fixed high-contrast-mode for card-control component. (by @alizedebray with #3104)

• Added missing focus ring on checkbox and radio button groups. (by @alizedebray with #3104)

@swisspost/design-system-migrations@7.1.0

@swisspost/design-system-migrations@7.1.0

@swisspost/design-system-intranet-header@7.1.0

Patch Changes

• Updated dependencies:
  • @swisspost/design-system-styles@7.1.0

@swisspost/design-system-icons@7.1.0

Minor Changes

• Added icon number 2585. (by @alizedebray with #3104)

• Added icons number 2586, 2587 and 2588. (by @alizedebray with #3104)

@swisspost/design-system-components@7.1.0

Minor Changes

• Added a heading-level property on the post-accordion component to set the heading level of all post-accordion-item children at once. (by @alizedebray with #3104)

Patch Changes

• Fixed grid-area behaviour in card-control component, if used without any icon. (by @oliverschuerch with #3099)

• Merged the card-control, checkbox-card and radio button card docs pages and updated the choice-card-control styles. (by @alizedebray with #3104)

• Fixed high-contrast-mode for card-control component. (by @alizedebray with #3104)

• Fixed the post-accordion-item chevron no longer rotating. (by @alizedebray with #3104)

• Updated dependencies:

  • @swisspost/design-system-styles@7.1.0

@swisspost/design-system-components-angular@7.1.0

Minor Changes

• Added a heading-level property on the post-accordion component to set the heading level of all post-accordion-item children at once. (by @alizedebray with #3104)

Patch Changes

• Fixed broken value-accessors for post-card-control. (by @oliverschuerch with #3101)

@swisspost/internet-header@1.13.9

Patch Changes

• Refactored brand colors. Renamed $gray-background SCSS variable to $gray and removed $gray-background-light variable because it is a duplication of the already existing variable $light.
  Updated the usage of said variables in dependant packages accordingly. (by @oliverschuerch with #2861)

• Fixed logo not scaled properly for header with no meta navigation. (by @alizedebray with #2787)

• Sanitized hours fields in footer against XSS "Incomplete multi-character sanitization" issue. (by @imagoiq with #2807)

• Replaced system-ui fallback font with a list of fallbacks to avoid rendering issues with specific writing system (chinese, arabic…). (by @imagoiq with #2735)

• Fixed an issue with invisible focus rings when not using the Design System Styles along with the Swisspost Internet Header. Focus rings are now displayed as expected. (by @gfellerph with #2793)

• Hide the main navigation custom content when empty. (by @alizedebray with #2786)

• Updated dependencies:

  • @swisspost/design-system-styles@7.0.0

@swisspost/design-system-styles@7.0.0

Major Changes

• Restricted badges to showcase counts exclusively and set their color to red by default.
  Use tags to display states, properties, or other metadata. Opt for chips when presenting dismissible or selectable information.

  Use the background utility classes to change the badge color as needed. (by @alizedebray with #2860)

• Refactored brand colors. Renamed $gray-background SCSS variable to $gray and removed $gray-background-light variable because it is a duplication of the already existing variable $light.
  Updated the usage of said variables in dependant packages accordingly. (by @oliverschuerch with #2861)

• Synchronized the versions of the following packages:

  • @swisspost/design-system-styles
  • @swisspost/design-system-components
  • @swisspost/design-system-components-react
  • @swisspost/design-system-components-angular
  • @swisspost/design-system-migrations
  • @swisspost/design-system-icons
  • @swisspost/design-system-intranet-header

  This will help understanding the dependencies between these packages at a glance but also means that for the individual pacakges, semver is no longer being used. This enables us also to talk about and document Design System versions as a whole instead of documenting the fragmented versions in a complex lookup table. (by @gfellerph with #2856)

• Added support for Angular 17 and ng-bootstrap 16. (by @alizedebray with #2760)

• Updated Sass color variables: - Removed variables $success-green, $error-red, $warning-orange, $success-text, $error-text, $danger as well as the Sass map $contextual-colors.
  Instead use the variables $success, $error, $warning and the Sass map $signal-colors.

  • Updated the Sass map $signal-colors keys and added a new Sass map $signal-background-colors.
  • Updated the Sass map $background-colors and all the dependant packages accordingly.

  With the exception of the components notification, toast and tag, there is no component providing a danger variant anymore. Instead use the error variant. (by @oliverschuerch with #2861)

• Renamed the badge into "chip", added a disable state and updated its styles. (by @alizedebray with #2855)

Minor Changes

• Added new black and white alpha colors. Replaced hardcoded alpha colors with the new color definitions in card-control component. (by @oliverschuerch with #2861)

• Changed mobile navigation trigger to make it more accessible by default using a button element. (by @imagoiq with #2834)

• Added a new tag component. This component is available in standard HTML or as webcomponent. (by @b1aserlu with #2552)

• Introduced new focus style for text input and select, and added new wrapper element .focus-control-wrapper, .form-range-wrapper, .form-select-wrapper. (by @imagoiq with #2774)

• Added new focus color variables. (by @oliverschuerch with #2861)

• Added a pattern for error pages with an image. Currently available is a graphic for "404 not found" errors. More error types may be supported in the future. (by @gfellerph with #2676)

Patch Changes

• Adjusted focus styles with new color for button, checkbox, radio, switch, rating elements. (by @imagoiq with #2780)

• Updated size of radio button to match design. (by @imagoiq with #2737)

• Fixed the .form-check-input background-color, by setting it to white on none or light backgrounds. (by @oliverschuerch with #2260)

• Added a workaround to display progress bar on input range and on webkit browsers without JavaScript. (by @imagoiq with #2781)

• Fixed color and border-color on hover for checkbox and radio form element. (by @imagoiq with #2961)

• Added new disabled styles for radio and checkbox, fixed color contrast on this state and fixed cursor style. (by @imagoiq with #2813)

• Fixed layout on post-alert with medium (md) breakpoint. (by @imagoiq with #2775)

• Fixed wrongly escaped Sass variables in the form-switch hcm styles, which caused problems in the styles of the card-control component. (by @oliverschuerch with #2965)

• Replaced system-ui fallback font with a list of fallbacks to avoid rendering issues with specific writing system (chinese, arabic…). (by @imagoiq with #2735)

• Fixed active button color-contrast on dark background (by @imagoiq with #2823)

• Replace all parts that used the old success color with the new success-green color. (by @imagoiq with #2808)

• Fixed usage of background color on checkbox which make the checkmark invisible on dark background. (by @imagoiq with #2953)

• Made styling more coherent for forms elements with High contrast mode and focus/hover state. (by @imagoiq with #2774)

• Refactored the new focus style to only be visible when using keyboard for form elements. (by @imagoiq with #2810)

• Fixed color contrast of alert component on success background color. (by @imagoiq with #2845)

• Fixed form validation feedback color and indicators in high contrast mode. (by @imagoiq with #2766)

@swisspost/design-system-migrations@7.0.0

Major Changes

• Synchronized the versions of the following packages:

  • @swisspost/design-system-styles
  • @swisspost/design-system-components
  • @swisspost/design-system-components-react
  • @swisspost/design-system-components-angular
  • @swisspost/design-system-migrations
  • @swisspost/design-system-icons
  • @swisspost/design-system-intranet-header

  This will help understanding the dependencies between these packages at a glance but also means that for the individual pacakges, semver is no longer being used. This enables us also to talk about and document Design System versions as a whole instead of documenting the fragmented versions in a complex lookup table. (by @gfellerph with #2856)

Minor Changes

• Added migrations to turn badges into chips. (by @alizedebray with #2855)

Patch Changes

• Updated instructions to run the automated migrations from the migration package. (by @alizedebray with #2783)