Skip to main content
‌
‌

v9.2

Hello, this new release introduces updated themes, tokens, and typography, alongside new properties on the Textfield component.
  • New dimmed-8 and dimmed-9 theme keys.
  • Add new fullWidth property to Textfield to handle specific use cases.
  • Add a new 18 size for icons and update icon sizes across components.
  • Set the default color of titles to dimmed-9 to improve contrast and recognition.

v9

This awesome release brings the new Motion section to the party. You can find new content about motion, from speed, timing, and animations kind. Hope you'll enjoy it as we like it.

We released also a new component to handle the element's aspect ratio and fixed some colors.

  • New AspectRatio component to set ratio while resizing elements. Really handy for images, videos, and iframes.
  • New tokens about motion: durations and easings.
  • Applied the new motion guidelines to existing components.
  • Fixed color token cyan-80 to match other shades

v8.4

  • table: Fixed issues with pagination and row selection.
  • autocomplete: Updated onChange callback and returned values.
  • autocomplete: Fixed reference assignment. Reference is now assigned to the internal textfield component.

v8.1

Hello! This grayish spring just brought another cool Wanda release. 👉😎👉

We added 6 new color tokens, introducing a total of 72 new color shades to use in your design. We also added a bunch of asked features to some components.

  • Add 6 new color tokens for a total of 72 new shades. Updated themes with new highlight keys.
  • menu: Add maxHeight property.
  • menu: Add a new value prop to Menu.Item.
  • autocomplete: Add new busy property.
  • table: Fix row selection and change data returned by selectedLabel and onSelectionChange.
  • table: Set the active page to the first one if the current one is missing after the data update.
  • Tab": className property is now merged with other properties.
  • Tab: Prevent wrapping for tab items.

v8

With this new release, we are introducing a reworked Table component (big kudos to @Emanuele) with improved performance and features. We also introduce a new Tab component with improved interactions and features.
  • table: Various rendering improvements
  • table: hideFromList column's prop is renamed into isToggable.
  • table: activePageIndex prop is renamed into initialPageIndex.
  • table: onDataUpdate prop is renamed into onPaginationChange.
  • table: Chanded types for selectedLabel.
  • table: selectedActions is now a function that returns a react node and pass selectedRowIds as parameter.
  • table: onSelectionChange prop has been removed.
  • table: actionsRowComponent prop has been removed.
  • container: The old 'medium' dimension is now 'small'
  • tab: Refactored tabs. Added new features, improved keyboard, and a11y .
  • Add a new medium dimension for container size.

v7.0

Hello, this is your favorite design system (👈 👀). The last release of March includes some important breaking changes and fixes, alongside many new icons. We're sure you don't want to miss them.
  • We dropped a core postcss plugin due to deprecation. Starting from v7 env() notation is no more supported, and replaced with token() function notation.
  • The List component has been refactored and you can now use the new sub-component <List.Li> to define marker and markerColor on each list item.
  • dropdown: The component has been renamed into Popover to avoid misunderstanding. The old Dropdown is now deprecated but it will work until the next major release.
  • Added new icons: astronomy, book-bookmark, bulb, c-pulse, glasses, news, pen, theater, users
  • Improve rendering performance of some components
  • Improved UX of Slider component. Now the current value is shown on the right side (if showValues is set), while min/max are both visible at the same time.
  • Improve contrast for selection-controls (radio, checkbox, toggle).
  • Update the design of the Table component while loading.
  • Fixed style for autofilled fields
  • Fix spring animation on the active Tab item indicator
  • Fix grouped buttons style

v6.1

Hello! Here we are again with a brand new release that introduces some visual enhancements like micro-interactions and improved feedback. Oh, and we're also introducing small fixes. 🍑 💨
  • table: Improved visual feedback for expanded rows.
  • table: The selectedLabel property is now a function which returns selected rows data.
  • tabs: Improved interaction feedback for active tab items
  • selection-controls: Improved interaction feedback for checkbox and radio
  • icons: Add new text icon
  • button: Reduced the size of the icons inside big buttons and change the icon weight back to solid
  • chip: Fix padding and text alignment

v6.0

Hello! Only two days from the last release, but here's another release. It brings important fixes to some components and a breaking change that aims to improve the code readability and reduce the boilerplate.
  • Rename all verical/horizontal padding/align props into vPadding/vAlign and hPadding/hAlign. This change keeps the code clean and reduces the required boilerplate, helping read the code.
  • dropdown: Add new open property to programmatically open and close the dropdown. This property turns the Dropdown into a controlled component.
  • dropdown: Add new onOpenChange callback property to return the current state when it changes.
  • tooltip: Fix closing on focus outside
  • textfield: Disable spell check on password fields

v5.6

  • icons: Update SVG sprite import paths to avoid occasional issues with some bundlers/tools.

v5.5

Hello! With this release, we are introducing a brand new Table component with a different API and built on top of our needs, by using a new core library called react-table. Also, some fixes have been done, so you cannot miss this release! 🚀

  • table: New Table component. The old component is replaced by a brand new Table built on top of the react-table.
  • icons: New trash-can, more-vert and board icons.
  • skeleton: Add new gap property to set a fixed space between each internal block (when count is set)
  • menu: Fix computed padding for Menu.Items icons
  • checkbox: Add missing indeterminate internal state to checkbox component.