Skip to main content

Version 2.20.0

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

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

Updates and improvements ​

Figma libraries​

  • Chatbox: Added a new Chatbox component, allowing users to send messages and add attachments.

  • Banner and App Bar: Banner and App bar components are updated to ensure that the content would not be stretched more than 1812px even when the screen is bigger than 1920px.

  • Side Modal: Updated Side Modal for a smoother and more responsive motion/animations ensuring the interaction feels more polished and consistent with other component libraries like Ant Design.

  • Autocomplete: Figma-only label fix for the extended version.

  • Inline Message: Fixed hover on the button.

Development specific​

  • Multiple Select: Added the maximumSelectedItems prop that lets you set the maximum number of items the user can select in a dropdown. If the maximum number is reached, the other items should be disabled.

  • Rich Text Editor: Extended the Richtext component and added support for text markdown format, allowing users to change between text with HTML and text with markdown.

  • Chatbox: Added a new Chatbox component, allowing users to send messages and add attachments.

  • Banner and App Bar: Paddings on the banner are stretched depending on the screen size.

  • Input: Changed the message length value to auto by default.

  • Side Modal: Updated Side Modal for a smoother and more responsive motion/animations, ensuring the interaction feels more polished and consistent with other component libraries like Ant Design.

Bug fixes​

  • Select:

    • The enableStaticOptions type has been corrected to boolean.
    • Fixed the dropdown in the WppSelect component to remain open and focused during infinite loading or options being fetched in external search.

  • Tree: The height of the items is now calculated correctly when using search inside the WppTree component.

  • Inline Edit:

    • The buttons are now aligning only with the input field.
    • Fixed the blur effect to properly trigger when the input field loses focus.
    • Action buttons no longer disappear unexpectedly when moving the cursor outside the field.

  • Date Picker: Resolved the issue that prevented the datepicker dropdown from opening with the calendar when the trigger element was clicked.

  • Slider: The Slider tooltip is now visible for label truncation in Storybook after page refresh.