Skip to main content

Version 2.3.0

Welcome to the WPP Open Design System v.2.3.0!

This release introduces improvements and updates to our components, new icons and empty states, better component structure, and more.

Read on to learn the details!

Resources​

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

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

New component: Sort button​

We've introduced Sort, a new Button component. Add it to your product and enable users to organize content based on specific parameters, for instance, alphabetically or by date.

View in StorybookExternal link icon

Updates and improvements​

  • File upload: Enabled adding user-specific error messages, such as "File with the same name already exists in the project." Also, you can now modify icons within the component and display a Progress indicator.
  • Datepicker: Users can now select only the month or year for the Single Datepicker. Also, we've changed the Range Datepicker divider from a vertical line to a dash.
  • Tree: Enabled adding multi-line item titles.
  • Autocomplete: Enabled suggestions and added Size S.
  • Combined input, Counter: Added Size S.
  • Side modal: Added a Back button.
  • List item: Added a new Avatar + Icon variant.
  • Icons: Added Undo, Redo, Pause notifications, Disable notifications, and New Fluid workflow icons.
  • We've added new images to the empty states when search or filter queries return no relevant results.

Bug fixes​

  • Top bar: Fixed the issue with grid support.
  • File upload: The upload item width now matches the upload area width.
  • Datepicker: Inactive dates no longer have the hover state.
  • Toast: Resolved an issue where, when users manually closed one toast, the other toasts automatically closed quicker than intended.
  • Tag: Reduced the opacity for the tag component from 100% to 50%. Also, fixed the invalid CSS issue caused by the categoricalColorIndex prop.
  • Radio: Fixed the issue where users can select multiple options for an inactive radio group.
  • Inline edit: Resolved an issue where Accept and Cancel buttons triggered the same event. These actions now have distinct events.
  • Multiple-item Select: Resolved the issue where the component wouldn’t come into focus when trying to select it using the Tab key.
  • List item: Fixed the alignment for list items that contain different types of labels.
  • Added missing interactive states and placeholders to multiple components in the Selection and input group.
  • Fixed an issue with the Stencil dependency in the components library.
  • Fixed a minor bug in Firefox where the popover scroll bar did not align with the design system.
  • Updated the helper text color to grey/800 for several components, including Autocomplete, Checkbox, Combined input, Counter, Datepicker, File upload, Input, Dropdown, and Text area. This change aligns with the current Storybook specifications.