Updates

• Colors have been updated per the brand design update for background colors, additional colors and functional colors. There is also a new accessible Orange, Petrol, Red, and Green for when needed to meet AA level contrast requirements.

• Typography has been updated to now include Siemens Sans with a larger base font size for easier reading of longer articles.

• Spacing system is now defined and available to ensure consistent spacing between elements and simplify understanding for user.

• States concept for common interactive elements like hover, focus, active, disabled is now available.

• Component status for an overview of all the components where you may find what is new or has been updated in latest release

• Cards is now an official component that can be reused for various applications. We have added a new hover state and elevation to this component.

• There has been alignment with our product team for common elements such as Date-Time-Picker, Textfield, and Tabs so that we have a consistent experience for our users across touchpoints.

• Buttons and Textfield components now show various versions for the three main background colors: white, gray, black.

• Navigation Bar and Footer now have a “Dark theme” version available in addition to the light theme version. See “Code” tab for details.