What's new

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


DateItemVersionDescription
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)
Sep 15, 2020Typography5.1.0
  • Added component line height
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 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
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 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 loupe1.0.0
  • This component has been added to the website
Apr 29, 2020Button5.2.0
  • Added RTL (right-to-left) guidelines
  • Separated button group into its own component
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 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 24, 2020Progress circle6.0.0
  • "Circle loader" has been renamed to "progress circle"
Apr 24, 2020Progress bar6.0.0
  • "Bar loader" has been renamed to "progress bar"
Apr 23, 2020Picker6.0.0
  • "Dropdown" has been renamed to "picker"
Apr 21, 2020Trays5.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, 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 13, 2020Radio button6.2.1
  • Updated keyboard focus state to be more accessible
Apr 13, 2020Checkbox6.2.1
  • Updated keyboard focus state to be more accessible
Apr 13, 2020Button5.1.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 wheel1.0.1
  • Updated handle border transparency to meet minimum contrast ratio
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 09, 2020Text area1.0.0
  • This component has been added to the website
Mar 04, 2020Scatter plot1.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, 2020Donut chart1.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, 2020Text field5.2.0
  • Added read-only option
  • Updated border color to be more accessible
Feb 26, 2020Tag6.1.0
  • Added read-only option
Feb 26, 2020Switch6.2.0
  • Added read-only option
Feb 26, 2020Radio button6.2.0
  • Added read-only option
Feb 26, 2020Dropdown5.2.0
  • Added read-only option
  • Updated border color to be more accessible
Feb 26, 2020Checkbox6.2.0
  • Added read-only option
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 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, 2019Bar loader5.1.1
  • Updated RTL internationalization guideline to include the indeterminate option
Dec 12, 2019Progress bar5.1.1
  • Updated RTL internationalization guideline to include the indeterminate option
Dec 03, 2019Typography5.0.1
  • Released "character styles" as individually versioned Typography components (Heading, Body, Detail, Code)
  • 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 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, 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, 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 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, 2019Legend1.0.0
  • This component has been added to the website
Nov 08, 2019Axis1.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, 2019Quick actions5.1.0
  • Added a drop shadow to the container
Sep 16, 2019Cards1.0.0
  • This pattern has been added to the website
Sep 11, 2019Tag6.0.0
  • Renamed "deletable" option to "removable"
Sep 11, 2019Coach mark5.1.1
  • Increased opacity of the animated indicator
Aug 22, 2019Action button5.2.0
  • Added text overflow behavior
  • Added group overflow behavior
Aug 22, 2019Tooltip5.1.0
  • Added text overflow behavior
Aug 22, 2019Text field5.1.0
  • Added text overflow behavior
Aug 22, 2019Tag5.1.0
  • Added text overflow behavior
Aug 22, 2019Tabs5.1.0
  • Added text overflow behavior
Aug 22, 2019Switch6.1.0
  • Added text overflow behavior
Aug 22, 2019Status light5.1.0
  • Added text overflow behavior
Aug 22, 2019Slider5.1.0
  • Added text overflow behavior
Aug 22, 2019Radio button6.1.0
  • Added text overflow behavior
Aug 22, 2019Meter5.1.0
  • Added text overflow behavior
Aug 22, 2019Dropdown5.1.0
  • Added text overflow behavior
Aug 22, 2019Dialog5.1.0
  • Added text overflow behavior
Aug 22, 2019Combo box5.1.0
  • Added text overflow behavior
Aug 22, 2019Coach mark5.1.0
  • Added text overflow behavior
Aug 22, 2019Checkbox6.1.0
  • Added text overflow behavior
Aug 22, 2019Button5.1.0
  • Added text overflow behavior
Aug 22, 2019Bar loader5.1.0
  • Added text overflow behavior
Aug 22, 2019Progress bar5.1.0
  • Added text overflow behavior
Aug 13, 2019Tool5.0.0
  • Deprecated this component and combined it with the action button component
Aug 13, 2019Link6.0.0
  • Changed “standard/quiet” to “primary” and “secondary” variants
  • Added quiet as an option
Aug 13, 2019Dropdown5.0.1
  • Changed selected item text color from blue 500 to gray 800
Aug 13, 2019Divider6.1.0
  • Added orientation (“horizontal/vertical”)
Aug 13, 2019Combo box5.0.1
  • Changed selected item text color from blue 500 to gray 800
Aug 13, 2019Action button5.1.0
  • Added emphasis (“emphasized/not emphasized”)
  • Combined tool component with this component
Jul 31, 2019Tabs5.0.1
  • Updated text to use sentence case
Jul 31, 2019Switch6.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, 2019Rating2.0.0
  • Replaced “standard/quiet” variants with emphasis (“emphasized/not emphasized”)
Jul 31, 2019Radio button6.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, 2019Checkbox6.0.0
  • Replaced “standard/quiet” variants with emphasis (“emphasized/not emphasized”)
Jul 31, 2019Button5.0.2
  • Updated text to use sentence case
Jul 31, 2019Action button5.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, 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, 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, 2019Bar loader5.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 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, 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, 2019Dropdown5.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, 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, 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, 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, 2019Tool5.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 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, 2019Color5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
Apr 20, 2019Object styles5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
Apr 20, 2019Motion5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
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, 2019Responsive grid5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
Apr 20, 2019Popovers5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
Apr 20, 2019Trays5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
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 19, 2019Circle loader5.0.0
  • This component is now individually versioned (individual versions of existing components start at 5.0.0)
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, 2019Typography5.0.0
  • This part of Spectrum is now individually versioned (individual versions of existing items start at 5.0.0)
  • Added fallback fonts for Adobe Clean Han (Japanese, Traditional Chinese, Simplified Chinese, and Korean)
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, 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 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