What's new

This chronological list shows all of the items that have been added or updated in the design system.


DateItemVersionDescription
Jul 13, 2021Action button6.1.0
  • Added static color option and usage guidelines
Jun 16, 2021Slider5.2.0
  • Added progression scale option
Apr 16, 2021Donut chart1.0.1
  • Big number updated to match styling of big number data visualization component
  • Added "Show the whole" usage guideline
Apr 12, 2021Scroll-zoom bar1.0.0
  • This component has been added to the website
Mar 29, 2021Toast5.0.1
Mar 23, 2021Tree view2.0.0
  • Added size, drag icon, selection mode, selection style, and selection behavior options
  • Replaced quiet option with emphasis (changes default)
  • Renamed standalone option as detached
Mar 02, 2021Tray6.0.0
  • Removed top and bottom padding
  • Added height option
Feb 26, 2021Picker6.0.1
  • Updated placeholder text color for higher contrast
Jan 13, 2021Area chart1.0.0
  • This component has been added to the website
Jan 13, 2021Popover6.0.0
  • Removed top and bottom padding
  • Added options (width, height, show tip, placement, offset, cross offset, container padding)
Jan 12, 2021Big number1.0.0
  • This component has been added to the website
Jan 11, 2021Field label1.0.0
  • This component has been added to the website
Dec 07, 2020Tooltip5.2.0
  • Added placement options
  • Updated tooltip examples
Nov 10, 2020Alert banner2.0.1
  • Changed text to regular weight instead of bold
  • Added guidelines for period usage
Oct 20, 2020Help text1.0.0
  • This component has been added to the website
Sep 29, 2020Button5.3.0
  • Added size option
Sep 15, 2020Action button6.0.0
  • Added size option
  • Updated current (medium) size to accommodate multiple sizes
  • Updated keyboard focus state design for emphasized action buttons
  • Updated background color to be consistent between selected action buttons
  • Removed border in selected quiet action button in UI kit (bug)
  • Separated action group into its own component
Sep 15, 2020Action group1.0.0
  • This component has been added to the website (separated from action button)
Aug 21, 2020In-line alert2.0.0
  • Added table of options
  • Added text overflow behavior
  • Added RTL (right-to-left) guidelines
  • Added keyboard interactions guidelines
Jul 21, 2020Text area1.0.1
  • Updated border color to be more accessible
Jul 20, 2020Meter6.0.0
  • Renamed "warning" variant to "notice"
  • Rename "critical" variant to "negative"
  • Added value and value label options
  • Added width option
Jul 13, 2020Bottom navigation (Android)1.0.0
  • This component has been added to the website
Jun 26, 2020Tab bar (iOS)1.0.0
  • This component has been added to the website
May 22, 2020Alert banner2.0.0
  • Left-aligned content for single-line designs in desktop scale
  • Corrected padding and margins in mobile scale
  • Corrected button text size in desktop scale
  • Corrected baseline of text in desktop scale
  • Corrected informative and error icon placement
May 13, 2020Color area2.0.0
  • Removed color loupe (separated into its own component)
  • Added background option
  • Added x/y value, min and max values, step options
  • Added width option
  • Added height option
May 13, 2020Color loupe1.0.0
  • This component has been added to the website
May 13, 2020Color slider2.0.0
  • Removed color loupe (separated into its own component)
  • Added background option
  • Added value, min and max values, step options
  • Added length option
May 13, 2020Color wheel2.0.0
  • Removed color loupe (separated into its own component)
  • Removed color area from component
  • Added background option
  • Added value, min and max values, step options
  • Added size option
Apr 29, 2020Button5.2.0
  • Added RTL (right-to-left) guidelines
  • Separated button group into its own component
Apr 28, 2020Bar chart1.0.1
  • Chart hover state changed from tooltip to a popover
  • Action bar now appears below chart instead of on top of chart
Apr 28, 2020Legend1.1.0
  • Added an option for size legends with related usage guidelines
Apr 28, 2020Line chart1.0.1
  • Chart hover state changed from tooltip to a popover
  • Action bar now appears below chart instead of on top of chart
Apr 24, 2020Progress bar6.0.0
  • "Bar loader" has been renamed to "progress bar"
Apr 24, 2020Progress circle6.0.0
  • "Circle loader" has been renamed to "progress circle"
Apr 23, 2020Picker6.0.0
  • "Dropdown" has been renamed to "picker"
Apr 21, 2020Tray5.0.1
  • Updated background color to gray-100 on dark and darkest themes
Apr 17, 2020Breadcrumbs1.0.0
  • This component has been added to the website
  • Corrected selected text color in menu
Apr 13, 2020Button5.1.1
  • Updated keyboard focus state to be more accessible
Apr 13, 2020Checkbox6.2.1
  • Updated keyboard focus state to be more accessible
Apr 13, 2020Radio button6.2.1
  • Updated keyboard focus state to be more accessible
Apr 13, 2020Slider5.1.1
  • Updated keyboard focus state to be more accessible
Apr 13, 2020Switch6.2.1
  • Updated keyboard focus state to be more accessible
Apr 05, 2020Avatar2.0.0
  • Updated size options
  • Added image option
  • Added disabled option
  • Added keyboard focus state
Mar 26, 2020Color area1.0.1
  • Updated handle border transparency to meet minimum contrast ratio
Mar 26, 2020Color slider1.0.1
  • Updated handle border transparency to meet minimum contrast ratio
Mar 26, 2020Color wheel1.0.1
  • Updated handle border transparency to meet minimum contrast ratio
Mar 13, 2020Alert banner1.0.0
  • This component has been added to the website
Mar 09, 2020Text area1.0.0
  • This component has been added to the website
Mar 04, 2020Donut chart1.0.0
  • This component has been added to the website
Mar 04, 2020Histogram1.0.0
  • This component has been added to the website
Mar 04, 2020Scatter plot1.0.0
  • This component has been added to the website
Feb 29, 2020Combo box5.2.0
  • Added read-only option
  • Updated border color to be more accessible
Feb 29, 2020Dialog5.1.1
  • Changed the title color of the error variant from red-500 to gray-900
Feb 26, 2020Action button5.2.1
  • Updated border color to be more accessible
Feb 26, 2020Badge1.0.0
  • This component has been added to the website
Feb 26, 2020Checkbox6.2.0
  • Added read-only option
Feb 26, 2020Radio button6.2.0
  • Added read-only option
Feb 26, 2020Switch6.2.0
  • Added read-only option
Feb 26, 2020Tag6.1.0
  • Added read-only option
Feb 26, 2020Text field5.2.0
  • Added read-only option
  • Updated border color to be more accessible
Feb 14, 2020Tree view1.0.0
  • This component has been added to the website
Feb 10, 2020In-line alert1.0.0
  • This component has been added to the website
Feb 04, 2020Avatar1.0.0
  • This component has been added to the website
Jan 31, 2020Button group5.0.0
  • This component has been added to the website
Dec 12, 2019Progress bar5.1.1
  • Updated RTL internationalization guideline to include the indeterminate option
Dec 03, 2019Body6.0.0
  • Released as individually versioned component
  • Added options for script and classification
  • Updated to use t-shirt sizing
  • Added larger size options
Dec 03, 2019Code6.0.0
  • Released as individually versioned component
  • Added options for script, weight and classification
  • Updated to use t-shirt sizing
  • Added larger size options
Dec 03, 2019Detail6.0.0
  • Released as individually versioned component (consolidated with Subheading)
  • Added options for script, weight and classification
  • Updated to use t-shirt sizing
  • Added larger size options
Dec 03, 2019Heading6.0.0
  • Released as individually versioned component
  • Added options for script, weight and classification
  • Updated to use t-shirt sizing
  • Added larger size options
Dec 02, 2019Color for data visualization1.0.0
  • This item has been added to the website
Nov 19, 2019Responsive grid5.0.1
  • Updated design file to correct a few margin errors.
Nov 13, 2019Bar chart1.0.0
  • This component has been added to the website
Nov 13, 2019Line chart1.0.0
  • This component has been added to the website
Nov 08, 2019Axis1.0.0
  • This component has been added to the website
Nov 08, 2019Legend1.0.0
  • This component has been added to the website
Oct 18, 2019Status light5.1.1
  • Removed guideline about label color order and color vision deficiency for non-semantic status lights
Oct 17, 2019Tabs5.2.0
  • Added density option (regular/compact)
  • Added emphasis option (emphasized/not emphasized)
  • Added alignment option (start/center)
  • Added fluid height option for horizontal tabs
Sep 24, 2019Color5.0.1
  • Removed guideline about label color order and color vision deficiency.
Sep 16, 2019Cards1.0.0
  • This pattern has been added to the website
Sep 16, 2019Quick actions5.1.0
  • Added a drop shadow to the container
Sep 11, 2019Coach mark5.1.1
  • Increased opacity of the animated indicator
Sep 11, 2019Tag6.0.0
  • Renamed "deletable" option to "removable"
Aug 22, 2019Action button5.2.0
  • Added text overflow behavior
  • Added group overflow behavior
Aug 22, 2019Button5.1.0
  • Added text overflow behavior
Aug 22, 2019Checkbox6.1.0
  • Added text overflow behavior
Aug 22, 2019Coach mark5.1.0
  • Added text overflow behavior
Aug 22, 2019Combo box5.1.0
  • Added text overflow behavior
Aug 22, 2019Dialog5.1.0
  • Added text overflow behavior
Aug 22, 2019Meter5.1.0
  • Added text overflow behavior
Aug 22, 2019Progress bar5.1.0
  • Added text overflow behavior
Aug 22, 2019Radio button6.1.0
  • Added text overflow behavior
Aug 22, 2019Slider5.1.0
  • Added text overflow behavior
Aug 22, 2019Status light5.1.0
  • Added text overflow behavior
Aug 22, 2019Switch6.1.0
  • Added text overflow behavior
Aug 22, 2019Tabs5.1.0
  • Added text overflow behavior
Aug 22, 2019Tag5.1.0
  • Added text overflow behavior
Aug 22, 2019Text field5.1.0
  • Added text overflow behavior
Aug 22, 2019Tooltip5.1.0
  • Added text overflow behavior
Aug 13, 2019Action button5.1.0
  • Added emphasis (“emphasized/not emphasized”)
  • Combined tool component with this component
Aug 13, 2019Combo box5.0.1
  • Changed selected item text color from blue 500 to gray 800
Aug 13, 2019Divider6.1.0
  • Added orientation (“horizontal/vertical”)
Aug 13, 2019Link6.0.0
  • Changed “standard/quiet” to “primary” and “secondary” variants
  • Added quiet as an option
Aug 13, 2019Tool (deprecated)5.0.0
  • Deprecated this component and combined it with the action button component
Jul 31, 2019Action button5.0.1
  • Updated text to use sentence case
Jul 31, 2019Button5.0.2
  • Updated text to use sentence case
Jul 31, 2019Checkbox6.0.0
  • Replaced “standard/quiet” variants with emphasis (“emphasized/not emphasized”)
Jul 31, 2019Quick actions5.0.1
  • Updated text to use sentence case
Jul 31, 2019Radio button6.0.0
  • Replaced “standard/quiet” variants with emphasis (“emphasized/not emphasized”)
Jul 31, 2019Rating2.0.0
  • Replaced “standard/quiet” variants with emphasis (“emphasized/not emphasized”)
Jul 31, 2019Side navigation5.0.1
  • Updated navigation item text to use sentence case
Jul 31, 2019Switch6.0.0
  • Replaced “standard/quiet” variants with emphasis (“emphasized/not emphasized”)
Jul 31, 2019Tabs5.0.1
  • Updated text to use sentence case
Jun 13, 2019Button5.0.1
  • Changed the text size to font size 100 (15 px to 14 px on desktop, 18 px to 17 px on mobile) and adjusted the baseline alignment. This is also reflected in components using buttons: coach mark, dialog, and toast.
Jun 13, 2019Divider6.0.0
  • "Rule" has been renamed to "divider"
Jun 12, 2019Headers1.0.0
  • This pattern has been added to the website
May 21, 2019Dialog5.0.1
  • Fixed the mobile (large scale) font size for the title and body text in the UI Kit.
Apr 20, 2019Action button5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Application frame5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
Apr 20, 2019Button5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added button group overflow behavior
Apr 20, 2019Checkbox5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Color area1.0.0
  • This component has been included to the website.
Apr 20, 2019Color slider1.0.0
  • This component has been included to the website.
Apr 20, 2019Color wheel1.0.0
  • This component has been included to the website.
Apr 20, 2019Color5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
Apr 20, 2019Combo box5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Dialog5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Divider5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
Apr 20, 2019Link5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
Apr 20, 2019Meter5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Quick actions5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
Apr 20, 2019Radio button5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Rating1.0.0
  • This component has been included to the website.
Apr 20, 2019Responsive grid5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
Apr 20, 2019Side navigation5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Slider5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Status light5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Switch5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Table5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Tabs5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
Apr 20, 2019Tag5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Text field5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Toast5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Tool (deprecated)5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 20, 2019Tooltip5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 19, 2019Coach mark5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 19, 2019Picker5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added RTL (right-to-left) guidelines
Apr 19, 2019Popover5.0.0
  • This component is now individually versioned (individual versions of existing items start at 5.0.0)
Apr 19, 2019Progress bar5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
  • Added an indeterminate variant
  • Added RTL (right-to-left) guidelines
Apr 19, 2019Tray5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
Apr 18, 2019Progress circle5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
Feb 26, 2019Picker5.2.0
  • Added read-only option
  • Updated border color to be more accessible
Aug 22, 2018Picker5.1.0
  • Added text overflow behavior
Aug 13, 2018Picker5.0.1
  • Changed selected item text color from blue 500 to gray 800