Skip to content
search icon
clear
Component Status

Release information

All component changes in the Figma libraries will be documented in this file.

Thursday, 12 November 2020

Changed

  • Converted Text fields to Figma Variants.
  • Converted Tabs to Figma Variants.
  • Converted Buttons to Figma Variants.
  • Converted Toggle buttons to Figma Variants.

Monday, 9 November 2020

Changed

  • Resized Scrollbar to make it easier to interact with.

Wednesday, 4 November 2020

Changed

Friday, 2 September 2020

Changed

  • Changed icon colour in Helper with icon in Text-fields for Danger, Warning and Success.

Tuesday, 15 September 2020

Changed

  • Changed line-height of text styles Table/Cell Header, Table/Cell Text, Table/Cell Text Bold, and Table/Cell Text Link from 24 px to 20 px, which affected all Table components containing text.
  • Fixed constraints in all Table components from top to top and bottom.

Thursday, 10 September 2020

Changed

Thursday, 20 August 2020

Changed

  • Changed dropdown field in Pagination from Button to Text field.

Monday, 20 July 2020

Changed

  • Resized hover shape in Ghost icon buttons from 48 px to 40 px.

Thursday, 16 July 2020

Changed

  • Removed colour styles Interactive Field/Fill Resting, Interactive Field/Fill Hover, and Interactive Field/Fill Activated.
  • Changed font weight in text styles with a size below 16 px from Regular to Medium and in some cases from Medium to Bold.

Tuesday, 14 July 2020

Changed

  • Corrected text colour used in Notifications: Banner from #000000 to Text + static icons/Default
  • Corrected text colour used in Notifications: Dialog from #000000 to Text + static icons/Default
  • Corrected text colour used in Popover from #000000 to Text + static icons/Default
  • Corrected text colour used in Side sheet from #000000 to Text + static icons/Default

Wednesday, 8 July 2020

Changed

  • Changed font size in Navigation/Drawer Active and Navigation/Drawer Inactive from 12px to 16px.
  • Corrected font style used in Navigation/Breadcrumbs from Navigation/Button to Navigation/Breadcrumb
  • Corrected text colour used in Cards/Title components from #000000 to Text + static icons/Default

Friday, 19 June 2020

Changed

  • Changed font size in Navigation/Drawer Active and Navigation/Drawer Inactive from 12px to 16px.
  • Adjusted placement of icon in Navigation Drawer.
  • Adjusted placement of icon and application title in Top bar.

Thursday, 11 June 2020

Changed

Monday, 8 June 2020

Changed

  • Fixed constraints in Cards/Title from left to left and right

Thursday, 4 June 2020

Changed

  • Removed Disabled/Pressed from Navigation: Tabs component
  • Updated pressed overlay and hover colour in Active/Pressed and Inactive/Pressed in Navigation: Tabs component

Wednesday, 3 June 2020

New

  • Added description to all Table, Tab, Navigation Drawer, and Button components.

Changed

Wednesday, 20 May 2020

Changed

  • Added drag & drop to all icons in the Menu component.

Thursday, 14 May 2020

Changed

Tuesday, 12 May 2020

Changed

Thursday, 30 April 2020

New

Changed

  • Enlarged Icon and added drag & drop icon to all Button/Ghost icon components.
  • Enlarged Icon and added drag & drop icon to all Table/Header icon components.
  • Enlarged Icon and added drag & drop icon to all Table/Cell icon components.
  • Enlarged Icon in the Button Toggle components that contains an icon.

Friday, 24 April 2020

Changed

  • Removed Supporting text in the Cards component.
  • Removed top and bottom spacings in Title components, Rich media components, and Supplemental actions components in the Cards component.
  • Rounded top corners of leading image in the Cards component.
  • Straightened corners on Rich media/last and Rich media/middle in the Cards component.
  • Changed placeholder in Rich media/last and Rich media/middle from Placeholder to Image placeholderin the Cards component.

Tuesday, 7 April 2020

New

  • Added Selected/Hover and Error/Hover to the Chips component.
  • Added Text + remove to the Chips component.
  • Added Read only states to the Table component.
  • Added Unit as an option in the Text field component.
  • Enabled auto layout to place icon and/or unit with the right spacing next to each other in the Text field component.

Changed

Friday, 27 March 2020

New

  • Added new colour: Interactive Primary/Selected Hover.

Changed

  • Made Interactive/Disabled/Text colour lighter to differentiate it from Text + static icons/Tertiary. This has been done to make a clearer distinction between Enabled and Disabled components.
Ops! Can't find the image, please check if your link is correct🏞️images/2020/20200331-disabled-text%201600px.jpg

Wednesday, 25 March 2020

Changed

  • Edited Offset, Stroke, Cap, Join, and Dashes on Focused Design Token. This will affect all components with a Focused state.
Ops! Can't find the image, please check if your link is correct🏞️images/2020/20200325-focused%201600px.jpg

Wednesday, 18 March 2020

Changed

Ops! Can't find the image, please check if your link is correct🏞️images/2020/20200327-text%20fields%20read%20only%201600px.jpg

Monday, 16 March 2020

Changed

Ops! Can't find the image, please check if your link is correct🏞️images/2020/20200316-chips%20disabled%201600px.jpg

Thursday, 9 March 2020

Changed

  • Added field for Unit in the Table Header text component.
  • Added drag & drop icon for sorting
  • Applied Auto Layout to the Label, Unit, and Icon.
  • Changed alignment from left aligned to right aligned for Cell Monospaced numeric component.
Ops! Can't find the image, please check if your link is correct🏞️images/2020/20200309-table header before after 800 px.jpg
Ops! Can't find the image, please check if your link is correct🏞️images/2020/20200309-table header example 800 px.jpg
Ops! Can't find the video, please check if your link is correct 🎥video/2020/20200309-Table header text demo.mp4

New

Ops! Can't find the image, please check if your link is correct🏞️images/2020/20200309-table cell input activeresting 800 px.jpg
Ops! Can't find the image, please check if your link is correct🏞️images/2020/20200309-table example active row 800px.jpg

Thursday, 27 February 2020

New

Wednesday, 19 February 2020

Changed

  • Updated vertical constraints on icons and avatars in the Chips component from scale to center to allow reduction of the component height from 48px to 32px.
  • Moved Listing frame in Navigation Drawer/Listing/Desktop 1px to the right because the previous placement was not aligned to the grid.
Edit this page on GitHub