Skip to main content

Version 2.19.0

Welcome to the WPP Open Design System v.2.19.0!  This release introduces updates and bug fixes to our components library.  Read on to learn more! 

Resources  ​

You can download icons, foundations, and components from the Open Design System v.2.19.0.

Components
External link icon
Foundations
External link icon
Icons
External link icon

Updates and improvements ​

Development specific​

  • Datepicker: Introduced a new feature for the Datepicker component that automatically sets the first day of the week based on the user's settings.

  • Side Modal: Introduced a property to the Side Modal component that allows users to control the overlay display. Now, the user can choose to open the side modal without overlay and interact with the page while the scrollbar remains in a hidden state.

Bug fixes​

Figma libraries​

  • List Item: Fixed an issue with the List Item component to make sure that the text persists after changing the component’s state.

Development specific​

  • Multiple Select: Fixed an issue with the Multiple Select component where the checkbox input in WppListItem was missing name and id attributes, leading to multiple issues being logged in the developer console.

  • Datepicker:

    • Resolved an issue with the Datepicker dropdown to automatically flip to the other side when opened to ensure proper visibility even when there’s limited space at the bottom.

    • Introduced a new placement property that enables users to select the preferred side for opening the Datepicker drop-down.

  • Tree:

    • Fixed an issue with the Tree component’s behavior in Side Modal by adding additional checks in the resizeObserver.

    • Debounced resize events to make reliable notification delivery.

  • Tooltip: Fixed the issue with the alignment of the Tooltip component when the text property is dynamically updated.

  • Accordion: Fixed the disabled argument for the Tag component in the Accordion storybook so that the Tag component can correctly reflect the disabled state when Accordion is disabled.

  • Skeleton: Added detailed examples for the Skeleton component in the Storybook documentation to showcase different use cases, such as:

    • Card skeleton, Table skeleton and Custom layouts.

  • Select:

    • Corrected the Select dropdown positioning by accurately calculating its placement based on the actual dropdown size.