Design System Dev Resource
Menu

What's new

This site will be updated frequently to include all components in our design system. Feel free to submit feedback about this site.

Aug 5, 2024

New tooltip variation

Tooltip 1 has been updated to include a top and left variation. The tooltip to the right class was changed to include bh-tooltip-tip--left

Jun 21, 2024

New progress indicators, new tooltip variation

A new progress indicators section has been added in Atoms which includes a circular indicator and a variation.

Tooltip 1 has been updated to include a new white background variation.

Apr 12, 2024

New colors, radio button & checkbox updates

The following colors and their variables have been added to the Colors and Site usage pages for use throughout the design system: rating, true black, and 8 profile colors.

The radio button and checkbox form field controls have been updated to match the new Figma styles, and now include error and disabled states.

Feb 27, 2024

New branding section and star rating component

A new branding section and 6 logos were added to the Atoms page.

The star rating component has been added to the Molecules page.

Jan 29, 2024

Progress bar

The progress bar component has been added to the site.

Nov 14, 2023

New icons

Several new utility icons have been added to the Icons page.

Oct 9, 2023

New visit type toggle button

The visit type toggle button has been added to the Atoms page.

May 15, 2023

8 new icons

The icons page has been updated with 8 new brand icons from the Figma design system.

April 17, 2023

32 new icons

The icons page has been updated with 32 new icons from the Figma design system.

January 26, 2023

Display and headings fonts updated to new font, Utopia

Additionally, all text styles have been updated to remove their color, since color is often not $color-banner-black.

December 8, 2022

New inline notifications for information, confirmation, and errors

These are inline versions of the existing trigger notifications, available here.

August 3, 2022

New CSS custom properties for all colors and fonts

In addition to SCSS variables, CSS custom properties are now available to use. They can be seen on the Colors page for easy copy/pasting, and are also shown on Site usage for incorporating them into your project as a whole.

November 10, 2021

New icons and related icon component

1 new icon component was added to the Atoms page: Location map pin

2 new icons were added to the utility icons: Map pin and Map pin b

October 26, 2021

New icons

1 new icon was added to the brand icons: Video visit

2 new icons were added to the utility icons: Calendar and Map zoom out

May 19, 2021

Helper scripts page

A new Helper scripts page has been added to the site. Each script on this page can be added on to a site without any HTML or CSS necessary. The first script has been added to it, Browser and device info

May 10, 2021

New full-screen mobile dialog option

The Dialog desktop component has been optimized for mobile as well, with a new full-screen mobile option, for when the dialog has lots of content

March 23, 2021

New icons

2 new icons were added to the utility icons: Star outline and Star filled

February 19, 2021

New heading text style

A new heading "H1b" has been added to Headings

Icon updates

The Favorite icon and Favorite alt icon have been updated

Body text class updates

Updates to body copy: the body-1-medium and body-2-medium classes have been changed to body-1-strong and body-2-strong

November 19, 2020

Button state updates

The hover, active, and loading states were updated on the following buttons: Outlined 1 button, Outlined 2 button, Outlined 3 button, and Text button

May 26, 2020

New icons

2 new icons were added to the utility icons: Pin and Pin alt

May 13, 2020

Banner Atria Launches

We will be adding and modifying components frequently. Check here for brief rundowns of what's new.