Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@baloise/design-system-css

baloise892Apache-2.015.2.4

The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.

readme

Baloise Design System

Continuous

npm npm bundle size npm GitHub GitHub issues Registred on webnamespaces.org Built With Stencil

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

changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

11.0.15 (2022-11-29)

Bug Fixes

  • bal-radio: change link color to inverted when selected (f1068ed)
  • bal-tabs: scope bal-tab-items (67f1fd6)
  • bal-upload: duplicate file message not showing (ad0a617)
  • datepicker: disable next month button if max is reached (86bd195)
  • fix depracted fields in navbar,stage and bal-list (6607cdd)
  • fixes #787 add visualLevel for bal-list-item-title (f157772)
  • html: remove duplicated overflow settings (3bb9e2f)
  • html: set overflow to overflow-x:hidden only (3a801b0)
  • isEmpty handler of bal-radio to work with false value as well (c09b68c)
  • list: ignore inverted when it is undefined (d1046b7)
  • sass: remove ~ of the imports. Closes #895 (d55ea5b)
  • tabs: set index (2abe233)

11.0.13 (2022-11-17)

Bug Fixes

  • angular-focus-directive: call setFocus method and update docs (8b7a858)
  • bal-upload: show duplicated file message (9c32892)
  • fix stroy book of radio boxes to use labbel-hidden property instead of depricated is-empty (f051f47)
  • fix usage of depricated is-empty to work in bal-radio (910a5ef)
  • logo: load svg on resize (6e6cc3d)
  • select: initial value update. Closes #872 (6139bb3)
  • update @baloise/web-app-utils to solve safari 13 issues (cecc461)
  • update @baloise/web-app-utils to solve safari 13 issues (04f0da0)
  • update @baloise/web-app-utils to solve safari 13 issues (43c5b13)

Performance Improvements

  • reduce web-app-utils imports (7c3a21f)

11.0.12 (2022-11-03)

11.0.10 (2022-10-31)

11.0.5 (2022-10-25)

11.0.1 (2022-10-20)

Bug Fixes

  • cart: empty color will not add a css class (e69b4a3)
  • change to visibility instead of display (54efef5)
  • navbar: add target prop to navbar-brand. Closes #769 (d0b3555)
  • navbar: update touch view. Closes #770 (24a87c3)
  • navigation: add missing tracking (20815a7)
  • update stencil config to solve angular issue (189b62c)

Performance Improvements

  • use custom bundles and do not ship doc components (b5da0b6)

10.24.10 (2022-10-17)

11.0.14 (2022-11-22)

Bug Fixes

  • angular-focus-directive: call setFocus method and update docs (8b7a858)
  • bal-upload: show duplicated file message (9c32892)
  • fix stroy book of radio boxes to use labbel-hidden property instead of depricated is-empty (f051f47)
  • fix usage of depricated is-empty to work in bal-radio (910a5ef)
  • fixes #787 add visualLevel for bal-list-item-title (f157772)
  • logo: load svg on resize (6e6cc3d)
  • select: initial value update. Closes #872 (6139bb3)
  • update @baloise/web-app-utils to solve safari 13 issues (cecc461)
  • update @baloise/web-app-utils to solve safari 13 issues (04f0da0)
  • update @baloise/web-app-utils to solve safari 13 issues (43c5b13)
  • update web-app-utils (c1dc7e3)

Performance Improvements

  • reduce web-app-utils imports (7c3a21f)

11.0.12 (2022-11-03)

11.0.10 (2022-10-31)

11.0.13 (2022-11-17)

Bug Fixes

  • angular-focus-directive: call setFocus method and update docs (8b7a858)
  • bal-upload: show duplicated file message (9c32892)
  • logo: load svg on resize (6e6cc3d)
  • select: initial value update. Closes #872 (6139bb3)
  • update @baloise/web-app-utils to solve safari 13 issues (cecc461)
  • update @baloise/web-app-utils to solve safari 13 issues (04f0da0)
  • update @baloise/web-app-utils to solve safari 13 issues (43c5b13)

Performance Improvements

  • reduce web-app-utils imports (7c3a21f)

11.0.10 (2022-10-31)

11.0.12 (2022-11-03)

Bug Fixes

  • logo: animated is shown once (db310b6)

11.0.11 (2022-11-03)

Bug Fixes

  • add missing configs to the BalConfig (6cec2d6)
  • bal-tabs: call move line function when accordion with tabs in it opens (c79b71e)
  • icons: add missing arrow icons (d430cb4)
  • radio: group elements sends focus and blur event. Closes #623 (d044693)
  • select: typeahead + remote accept initial value. Closes #603, #819 (5f11bb9)

Performance Improvements

  • logo: add lazy loading (d4d7820)
  • spinner: load animation date after first render (f928030)

11.0.10 (2022-10-31)

Bug Fixes

  • bal-modal isClosable now hides close on top, fixes #806 (122e90a)
  • change length of chucks (6e7ebb2)
  • use conditional rendering instead of css (e866e14)

11.0.1 (2022-10-20)

Bug Fixes

  • cart: empty color will not add a css class (e69b4a3)
  • change to visibility instead of display (54efef5)
  • check if window, document or navigator are existing (37ecc10)
  • navbar: add target prop to navbar-brand. Closes #769 (d0b3555)
  • navbar: update touch view. Closes #770 (24a87c3)
  • navigation: add missing tracking (20815a7)
  • update stencil config to solve angular issue (189b62c)

Performance Improvements

  • use custom bundles and do not ship doc components (b5da0b6)

10.24.10 (2022-10-17)

Bug Fixes

  • icons: add missing tiktok icon (7c04896)
  • remove padding of the fieldset (6390d75)

10.24.9 (2022-10-11)

Features

  • bal-navigation-menu-list-item: added the target attr for grey menu list headline (ddc8339)
  • bal-navigation-menu-list-item: added the target attribute for items from grey lists (773362e)

Bug Fixes

  • adjust small spacing value to 0.75rem. Closes #706 (2bdc29a)
  • angular: add dismissAll method to the toast and snackbar service. Closes #703 (4e9070a)
  • bal-stage: adjusted content width mobile to full-width (#684) (65bcec9)
  • bal-tabs: create separate numberation for o-tabs based on independent varaiable (461b5f9)
  • improve migration guide (6eae447)
  • improve notification toast and snackbar stories (5d684ca)
  • tabs: add missing target prop. Closes #700 (808d52e)
  • tabs: adjust the numbering of the steps. Closes #586 (dda1799)
  • tabs: break tab label on vertical. Closes #688 (1f62ddf)

10.24.7 (2022-10-06)

10.24.5 (2022-10-05)

11.0.9 (2022-10-28)

Bug Fixes

  • icons: add missing arrow icons (d430cb4)

11.0.8 (2022-10-27)

Bug Fixes

  • bal-modal: emit willDismiss and didDismiss in close method (9f4dc3c)

11.0.7 (2022-10-26)

Bug Fixes

  • enable clicking on the page if notice is turned on, #817 (05ba93b)

11.0.6 (2022-10-26)

Bug Fixes

  • closes #817 snackbar is not clickable (68528de)
  • remove bal-notice container in case no notices are displated anymore (0f44e33)

11.0.5 (2022-10-25)

Bug Fixes

  • rise version of web-app-utils to use latest fix (ff48e9f)

11.0.4 (2022-10-25)

Note: Version bump only for package root

11.0.3 (2022-10-24)

Bug Fixes

  • add hammerjs as a dep of the core lib (a57c060)
  • select: sync native input also when remote is set . Closes #603 (92086fc)

11.0.2 (2022-10-24)

Bug Fixes

  • add correct log in number-value-accessor (07d514f)
  • add log in number-value-accessor (f887955)
  • export hasTouchSupport (7a27bc6)
  • fix angular autofocus directive (e36d9a0)
  • rename angular autofucs directive to BalAutoFocus (fbf2eb4)

11.0.1 (2022-10-20)

Bug Fixes

  • cart: empty color will not add a css class (e69b4a3)
  • change to visibility instead of display (54efef5)
  • check if window, document or navigator are existing (37ecc10)
  • icons: add missing tiktok icon (7c04896)
  • navbar: add target prop to navbar-brand. Closes #769 (d0b3555)
  • navbar: update touch view. Closes #770 (24a87c3)
  • navigation: add missing tracking (20815a7)
  • remove padding of the fieldset (6390d75)
  • update stencil config to solve angular issue (189b62c)

Performance Improvements

  • use custom bundles and do not ship doc components (b5da0b6)

10.24.9 (2022-10-11)

Features

  • bal-navigation-menu-list-item: added the target attr for grey menu list headline (ddc8339)
  • bal-navigation-menu-list-item: added the target attribute for items from grey lists (773362e)

Bug Fixes

  • adjust small spacing value to 0.75rem. Closes #706 (2bdc29a)
  • angular: add dismissAll method to the toast and snackbar service. Closes #703 (4e9070a)
  • bal-stage: adjusted content width mobile to full-width (#684) (65bcec9)
  • bal-tabs: create separate numberation for o-tabs based on independent varaiable (461b5f9)
  • improve migration guide (6eae447)
  • improve notification toast and snackbar stories (5d684ca)
  • tabs: add missing target prop. Closes #700 (808d52e)
  • tabs: adjust the numbering of the steps. Closes #586 (dda1799)
  • tabs: break tab label on vertical. Closes #688 (1f62ddf)

10.24.7 (2022-10-06)

10.24.5 (2022-10-05)

There are 2 other changelogs for previous states of the Design System

11.0.0 (2022-10-17)

Follow the migration guide Migration from 10.x to 11.x

⚠ BREAKING CHANGES

  • Rebranded components
  • New breakpoint high-definition
  • bal-input pattern