Skip to content

Latest commit

 

History

History
659 lines (382 loc) · 31.3 KB

CHANGELOG.md

File metadata and controls

659 lines (382 loc) · 31.3 KB
Raw

@swisspost/design-system-components

9.0.0-next.9

Major Changes

  • Updated the post-togglebutton component to offer greater flexibility. You can now control the visibility of elements within the post-togglebutton using the data-showwhen="toggled" and data-showwhen="untoggled" attributes. Any content without a data-showwhen attribute will always be visible, regardless of the toggle state. (by @alizedebray with #4223)

Minor Changes

  • Added composable footer component. (by @oliverschuerch with #4190)

  • Added the post-megadropdown component. (by @leagrdv with #4177)

  • Added the parts button and body in the post-accordion-item component, so one can override styles from the outside. (by @oliverschuerch with #4190)

  • Added the post-breadcrumb component to provide a standalone breadcrumb navigation solution. (by @alionazherdetska with #4065)

  • Added the css parts button and body in the post-accorddion-item component. (by @oliverschuerch with #4190)

  • Added the post-language-switch component that enables users to change the language of a page. (by @leagrdv with #4044)

Patch Changes

  • Switched mega dropdown content to one column on mobile. (by @leagrdv with #4300)

  • Fixed opening state of megadropdown trigger and expanded detection. (by @leagrdv with #4299)

  • Fix tab isolation in nested post-tabs components by scoping tab queries and interactions to the current instance. (by @alionazherdetska with #4211)

  • Added a fixed slot post-list-item on the post-list-item host element, so it is no longer necessary to add it manually. (by @oliverschuerch with #4190)

  • Fixed the used headingLevel in the post-accorddion-item component. The component now uses the value from its closest post-accorddion parent component, if this is specified and falls back to h2 if not specified. (by @oliverschuerch with #4190)

  • Updated the post-togglebutton to function like a real button, including support for keyboard navigation and proper focus styles. (by @alizedebray with #4242)

  • Fixed an issue with the post-list component where the horizontal property could not be set programmatically. Also, reduced the specificity of the component's styles to make customization easier. (by @alizedebray with #4137)

  • Updated dependencies:

9.0.0-next.8

Minor Changes

  • Ιmplemented the back-to-top button component. (by @myrta2302 with #3991)

  • Added the capability to use a slotted img as a logo inside ´accordion-items´. (by @leagrdv with #4166)

Patch Changes

9.0.0-next.7

Minor Changes

  • Added the post-togglebutton component. (by @veyaromain with #3889)

  • Refactored post-icon component to use the <use> tag to load and show icons under the hood. This enables responsive icons, enables better caching and improves render performance slightly. There is no further action required. (by @oliverschuerch with #3969)

Patch Changes

  • Fixed bug that showed delayed tooltip even after blur event. (by @leagrdv with #4053)

  • Made post-icon component use base tag href to define location of icons folder. (by @leagrdv with #4069)

  • Updated dependencies:

9.0.0-next.6

Major Changes

  • Renamed the alert component to banner and updated the styles of banner and toast components. The class .alert is still supported for now but is deprecated and will be removed in v10. Changed web component <post-alert> to <post-banner>. Additionally, the classes .{toast|alert}-primary, .{toast|alert}-gray and .toast-notification have been deprecated. (by @leagrdv with #3862)

  • Removed the alert-fixed-bottom variant of the alert. (by @leagrdv with #3862)

Patch Changes

9.0.0-next.5

Minor Changes

  • Added a provisional post-header component with some basic functionality in place. This component is not finished in this state. (by @gfellerph with #3837)

  • Added new Menu Button components (post-menu-button, post-menu-trigger, and post-menu-item) for creating accessible dropdown menus. (by @alionazherdetska with #3795)

Patch Changes

9.0.0-next.4

Major Changes

  • Removed the .breadcrumb-item class, which previously handled styling for breadcrumb items. Introduced a new post-breadcrumb-item that should be used in place of the .breadcrumb-item class. (by @alionazherdetska with #3659)

Minor Changes

  • Created the post-list and post-list-item components. (by @myrta2302 with #3812)

  • Added close button web component. (by @leagrdv with #3880)

Patch Changes

9.0.0-next.3

Major Changes

  • Switched stencil hydrated flag from class (hydrated) to attribute (data-hydrated). This flag indicates when a component finished rendering on the page. If your tests relied on the class being present, please rewrite the selector to use the new attribute selector. (by @oliverschuerch with #3783)

Minor Changes

  • Added the post-language-option component, a header component made to enable users to select their preferred language. (by @alizedebray with #3802)

  • Added component post-avatar to show an avatar, based on different possible input data (gravatar by email, initials by first- and/or lastname, fallback). (by @oliverschuerch with #3352)

Patch Changes

  • Made the ´´ visually hidden for tooltips to fix accessability issue. (by @schaertim with #3619)

  • Fixed the post-card-control label read twice by screen readers. (by @myrta2302 with #3625)

  • Fixed an issue with property validation where some checks were run before the framework had the chance to add computed properties (for example Angular bindings like [for]="$id"). The checks are now delayed to work around this issue. (by @gfellerph with #3775)

  • Updated dependencies:

9.0.0-next.2

Patch Changes

9.0.0-next.1

Major Changes

  • Made the heading-level property required for the accordion and removed it from the accordion-item docs. (by @schaertim with #3383)

Patch Changes

  • Fixed a bug in nested accordions where closing a child item unintentionally closed all parent accordion elements. (by @schaertim with #3427)

  • Fixed an issue related to conflicting pointer and focus events hiding the tooltip unexpectedly in some situations. The tooltip now behaves as expected in this situation. (by @alionazherdetska with #3592)

  • Updated dependencies:

9.0.0-next.0

Patch Changes

8.2.0

Minor Changes

  • Added the post-logo component, which enables displaying the Post's logo either as a clickable link or as a simple image. (by @oliverschuerch with #3477)

Patch Changes

8.1.0

Patch Changes

8.0.0

Patch Changes

7.4.0

Minor Changes

Patch Changes

7.3.1

Patch Changes

7.3.0

Minor Changes

  • Added an invalid message for the card-control component and an icon in the invalid message of the checkbox and radio button (by @davidritter-dotcom with #2978)

  • Added a delayed property to the post-tooltip component to allow delaying its display for a few milliseconds after it is triggered. (by @alizedebray with #3245)

  • Added a post-collapsible-trigger component to properly handle the role, ARIA attributes, and event listeners for elements that toggle a post-collapsible. (by @alizedebray with #3209)

Patch Changes

  • Fixed an issue with popovers on Firefox ESR that unexpectedly closed popovers when clicking on content. (by @gfellerph with #3211)

  • Prevent the post-tabs component from triggering a post Change event before it is loaded. (by @alizedebray with #3247)

  • Updated dependencies:

7.2.1

Patch Changes

7.2.0

Patch Changes

  • Fixed a warning on the tooltip when the id was bound using Angular, the ID check now runs at a later stage in the component lifecycle, giving Angular enough time to set the attribute. (by @gfellerph with #3155)
  • Updated dependencies:

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:

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)

  • Updated the package entry properties in the package.json to the by stencil recommended files:

    • Updated the main property from loader/index.cjs.js to dist/index.cjs.js
    • Updated the module property from loader/index.js to dist/loader.js
    • Updated the types property from loader/index.d.ts to dist/types/index.d.ts
    • Removed the es2017 property

    The usage of the @swisspost/design-system-components/loader entry files are still available and should be used to get the lazy-loaded components. (by @oliverschuerch with #2886)

  • Prefixed all web-component custom-events with the keyword post.

    • Changed post-alert component dismissed event to postDismissed.
    • Changed post-card-control component input and change events to postInput and postChange.
    • Changed post-collapsible component collapseChange event to postToggle.
    • Changed post-rating component input and change events to postInput and postChange.
    • Changed post-tabs component tabChange event to postChange. (by @oliverschuerch with #2874)

Minor Changes

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

  • Added a new web-component post-card-control, which works like a native input[type="checkbox"] or input[type="radio"] but with a custom visual design. (by @oliverschuerch with #2260)

  • Added the new default slot, to allow the integration of custom HTML in the card-control component. (by @oliverschuerch with #2844)

Patch Changes

  • Fixed accessibility of aria controls through post-tabs components. (by @imagoiq with #2777)

  • Fixed post-tooltip that doesn't show up when the pointer is on a child element (like an icon). (by @imagoiq with #2814)

  • Fixed Collapsible and Accordion element's content which is displayed when hidden on Webkit/Safari. (by @imagoiq with #2963)

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

  • 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)

  • Updated dependencies:

2.1.0

Minor Changes

Patch Changes

2.0.3

Patch Changes

  • Improved display of tooltip arrow in high contrast mode. (by @imagoiq with #2697)

  • Fixes an issue with the post-popover component that stopped working once trigger buttons were removed from the page or new trigger buttons were added to the page asynchronously. (by @gfellerph with #2695)

  • Updated dependencies:

2.0.2

Patch Changes

  • Fixed double lines between accordion items on chrome/safari. (by @imagoiq with #2615)

  • Fixed two issues with tooltips and Angular integration. Tooltips are now being displayed on buttons that are added to the DOM asynchronously and tooltip elements are no longer duplicated on route change. (by @gfellerph with #2621)

  • Updated dependencies:

2.0.1

Patch Changes

2.0.0

Major Changes

  • Restricted post-collapsible to collapse behaviour only. The component remains unchanged when used with external controls, however, it no longer has a header slot.

    Before:

    <post-collapsible collapsed="" headingLevel="6">
  <span slot="header">Titulum</span>
  <p>Contentus momentus vero siteos et accusam iretea et justo.</p>
</post-collapsible>

    After:

    <post-accordion-item collapsed="" headingLevel="6">
  <span slot="header">Titulum</span>
  <p>Contentus momentus vero siteos et accusam iretea et justo.</p>
</post-accordion-item>

    To get the same look and feel as in the previous version, use the post-accordion-item component instead. (by @alizedebray with #2379)

Minor Changes

  • Updated the tooltip min-height and max-width and added a new property arrow to the tooltip, that defines wheter or not the pointer arrow is displayed. (by @b1aserlu with #2394)

Patch Changes

  • Update the background color of accordion to be white on any background color other than white. The accordion background remains gray on white backgrounds. (by @alizedebray with #2379)

  • Added a payload to the collapseChange event of the post-collapsible component. This payload is a boolean: true if the collapsible was opened, false if it was closed. (by @alizedebray with #2379)

  • Updated dependencies:

1.7.1

Patch Changes

  • Enabled import injection for components. This fixes an issue with importing dynamically loaded web components with the vite compiler for storybook. (by @gfellerph with #2448)

1.7.0

Minor Changes

  • Added the post-popover component. This component can display text and interactive elements in a popover in front of the page content. (by @gfellerph with #2109)

Patch Changes

1.6.3

Patch Changes

  • Defined @stencil/core and @stencil/store as a devDependency to avoid compatibilities issues. (by @imagoiq with #2313)
  • Updated dependencies:

1.6.2

Patch Changes

1.6.1

Patch Changes

  • Reverted #2152 because of an issue with importing the internet headers defineCustomElements. (by @gfellerph with #2208)
  • Updated dependencies:

1.6.0

Minor Changes

  • Added component exports to the src/index.ts files, to include them in the dist/index.js and dist/index.esm.js output files and therefore fix our stencil setup. (by @oliverschuerch with f74c9662)

  • Added a post-collapsible event emitted when the collapse element is shown or hidden. (by @alizedebray with #2079)

  • Added the post-accordion component. (by @alizedebray with #2079)

Patch Changes

  • Upgraded builder Stenciljs from version 3 to 4. No user visible changes are expected. (by @imagoiq with #2116)
  • Updated dependencies:

1.5.1

Patch Changes

1.5.0

Minor Changes

Patch Changes

1.4.0

Minor Changes

Patch Changes

1.3.10

Patch Changes

  • Fixed collapsible/accordion styles that broke after Bootstrap removed several CSS custom properties. (by @alizedebray with #1324)
  • Updated dependencies:

1.3.9

Patch Changes

1.3.8

Patch Changes

1.3.7

Patch Changes

1.3.6

Patch Changes

  • Fixed broken links to the storybook documentation. (by @alizedebray with #1514)

  • Reintegrated mistakenly removed inline-styles into the post-icon component. Animations and scale modifiers now work as expected again. (by @oliverschuerch with #1531)

  • Implemented a workaround for the crossorigin problem in the post-icon component. Icons can now be loaded from cross-origin if the correct img-src is set in your CORS policy. (by @oliverschuerch with #1531)

  • Updated dependencies:

1.3.5

Patch Changes

1.3.4

Patch Changes

  • Updated the flip-v/flip-h properties of the <post-icon> component to corectly work with boolean inputs. (by @oliverschuerch with #1312)

1.3.3

Patch Changes

  • Fixed package dependencies. Moved dependencies that are not being used in production to devDependencies in order to simplify and speed up the package install process. (by @gfellerph with #1289)

  • Fixed the post-icon component to ensure that the icon is properly updated every time the value of the "name" property changes at runtime. (by @oliverschuerch with #1310)

1.3.2

Patch Changes

1.3.1

Patch Changes

  • Reverted the update to Bootstrap 5.2 and Angular 15. This update should have been a major release and will be re-released as such as soon as possible. (by @gfellerph with #1207)
  • Updated dependencies:

1.3.0

Minor Changes

  • Major dependency update. The following versions are now supported:

Patch Changes

1.2.0

Minor Changes

  • Added an icon component that works together with @swisspost/design-system-icons for rendering any Post icon as an SVG. (by @gfellerph with #933)

Patch Changes

1.1.0

Minor Changes

Patch Changes

1.0.6

Patch Changes

1.0.5

Patch Changes

1.0.4

Patch Changes

1.0.3

Patch Changes

1.0.2

Patch Changes

1.0.1

Patch Changes

1.0.0

Patch Changes