@baloise/design-system-components

About

The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.

Check out the documentation

Packages

Package	Status	Description
Components		Core package build with web components and global styling.
Components Angular		Angular component proxies based on the the core package.
Components Vue		Vue component proxies based on the the core package.
Components React		React component proxies based on the the core package.
Components Table		Integration library for AG-Grid with styles and renderer functions
Tokens		Design Tokens like color and spacing.
CSS		Basic CSS styles with utility classes.
Icons		SVG icons of the design system.
Favicons		Favicons of the design system.
Maps		Google Maps styles and icons.
Fonts		Web-Font of the design system.
Testing		Testing package with custom and overridden commands for each component.

Changelog

15.2.4

Patch Changes

• progress-bar: Added aria-hidden attribute to improve accessibility by preventing screen readers from unnecessarily announcing this element. ( #1330)

• nav: reset active link items on options changed and always render the active meta link tree, but hide it visually. ( #1335)

• radio: Removed role="radio" to improve semantic HTML and accessibility, ensuring ARIA roles are used correctly and only where they provide clear benefits. ( #1314)

• angular: overay service define custom elements for standalone ( #1334)

• tabs: Removed role="region" to improve semantic HTML and accessibility, ensuring ARIA roles are used correctly and only where they provide clear benefits. ( #1318)

• angular: standalone modals do not load in production build ( #1332)