This site will be updated frequently to include all components in our design system. Feel free to submit feedback about this site.
A new branding section and 6 logos were added to the Atoms page.
The star rating component has been added to the Molecules page.
The progress bar component has been added to the site.
Several new utility icons have been added to the Icons page.
The visit type toggle button has been added to the Atoms page.
The icons page has been updated with 8 new brand icons from the Figma design system.
The icons page has been updated with 32 new icons from the Figma design system.
Additionally, all text styles have been updated to remove their color, since color is often not $color-banner-black.
These are inline versions of the existing trigger notifications, available here.
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.
1 new icon component was added to the Atoms page: Location map pin
1 new icon was added to the brand icons: Video visit
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
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
A new heading "H1b" has been added to Headings
Updates to body copy: the body-1-medium and body-2-medium classes have been changed to body-1-strong and body-2-strong
We will be adding and modifying components frequently. Check here for brief rundowns of what's new.
© Banner Health