Skip to main content

Version 2.10.0

Welcome to the WPP Open Design System v.2.10.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.10.0.

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

Updates and improvements​

  • Inline edit: Improved the visibility of action buttons ensuring they now stand out effectively even when overlaid on other elements.

  • Image: Introduced OS error and empty state illustrations to our Storybook. These visual elements are now conveniently located in the images section.

  • Switched from tippy.js to Floating UI, replacing the following components: menu context, single select, multiple select, text select, combined select, tooltip, search, autocomplete, and popover.

  • Created a documentation section in the Storybook with an example of how to build the custom select using the combination of select and popover.

  • Custom: Renamed 'Custom dropdown' to 'Custom select' for more clarity.

  • Text select: Introduced a new truncation parameter, enhancing content display in the options list. Additionally, the option to write in two lines has been removed, with the default behavior now set to truncate content, providing a more streamlined and visually consistent experience.

  • Rich text: Enabled cursor placement at the end of image and video files, allowing images and videos to function as inline elements.

  • Select: Enhanced the Select component to ensure smooth scrolling even when adjusting the window size.

  • AG grid table: Fixed an issue in the AG Grid table where the Custom select component behaved unexpectedly when data was displayed in a single row. The problem has been resolved, and the fix ensures that the Custom select component now functions as expected, providing improved visibility and a seamless user experience.

  • Segment control: Updated the property to accept values of both string and number types for improved flexibility in the segmented control.

Bug fixes​

  • Tab: Addressed and resolved logic issues in the tabs component for improved functionality.

  • Multiple select: Previously, after making selections, searching for and selecting additional items caused the initially selected items to become unselected and not displayed in the field. The fix ensures that selected items persist even when searching for and selecting additional items.