← All updates

Watson update #10

Adam Bartosiewicz

New brand colors

In order to align to the new brand colors, we are including in Watson the capability to switch to the new color palette. This means we will support the lepgacy accent color (blue) for a while until changes are performed in our products.

Design

Semantics prevail. Form components have semantically changed their appearance from accent to inverted to avoid the plausible connection with success. To understand how to get these changes in Figma and use the new color palette, check this video.

Development

You can follow these steps to introduce the new brand colors to your project:

Updating Watson for the latest version available for the component and tokens will automatically bring the new brand colors out of the box. If you want to continue with the legacy colors, import them from the tokens package:

yarn add @dp-watson-web/tokens

Once installed, add the legacy theme like this:

@use "~@dp-watson-web/tokens/dist/themes/legacy.css";

Other features

Bug Fixes

  • WTextarea can disable the resize mode.
  • WModal sticks to the bottom when we are on mobile.
  • WDatepicker emits select event when we select a new date.
  • Other minor fixes.