Skip to main content

Version 2.4.0

Welcome to the WPP Open Design System v.2.4.0!

This minor release introduces Carousel, a new data display component, and makes the Search component standalone. On top of that, we've made different improvements and updates and squashed several bugs to improve your experience.

Dive in to discover more about what's new and improved!

Resources​

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

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

Carousel is our new data display component that allows seamless navigation through a collection of visual content or slides.

View in StorybookExternal link icon

Updates and improvements​

  • Pill: Removed default selection from the single-item selection variant.
  • Tree: Removed horizontal scroll for longer item titles and added wrapping and truncation options.
  • Datepicker: Changed the default date format to DD/MM/YYYY.
  • Table: Improved contrast for the selected row.
  • File upload: Visualized more types of uploaded items.
  • Inline edit: Improved the action button appearance to make them stand out more.
  • Checkbox: Updated the intermediate state to deemphasize it compared to the checked state.
  • Progress indicator: Enabled specifying interim values for the progress bar.
  • Icons: Improved the Unlock icon visibility and added the Block icon to content actions.

Bug fixes​

  • Tag: Fixed the neutral tag appearance to make it visible on grey backgrounds.
  • File upload:
    • Enhanced to display upload status, addressing the delay seen with large files like 1 GB videos.
    • Fixed a validation issue where files exceeding the designated size limit could be uploaded successfully.
    • Addressed an issue preventing the upload of two files with the same name.
  • Datepicker:
    • Fixed an issue where the datepicker would reopen upon selection and subsequent clicks.
    • Addressed an issue where tab focus fails after a date is selected.
  • List item:
    • Resolved a tooltip display issue, particularly affecting items with a button at the end.
    • Addressed truncation problems; context menu items now display truncation tooltips correctly.
    • Resolved an issue with items having left/right slots, where labels were too wide, obscuring the truncation ellipsis.
    • Corrected an issue with the :hover::part() behavior; the hover class remained active post-selection until the mouse was moved over and out, even if the item wasn't being hovered over anymore.
  • Top bar: Addressed layout issues—the component now aligns with our grid and supports the maximum limit of 1920 px. We've also fixed an issue where options unnecessarily collapsed under the More button.
  • Tree:
    • Fixed a text wrapping issue caused by removing white-space: nowrap from .tree-item.title.
    • Addressed an animation issue where items with two lines of text would jump during opening and closing actions.
  • Filter and Sort buttons: Fixed an issue where the event remained active even when the component was disabled.