@baloise/ds-core 16.7.0 → 16.8.0

package/dist/collection/components/bal-form/bal-form.js

@@ -1,14 +1,18 @@
 import { h, Host } from "@stencil/core";
 import { scrollToFirstInvalidField } from "../../utils/form";
+import { waitAfterFramePaint, waitAfterIdleCallback } from "../../utils/helpers";
 export class Form {
     constructor() {
         this.native = false;
         this.novalidate = false;
+        this.formClass = '';
     }
     /**
      * Scrolls to the first invalid field inside this form component.
      */
     async scrollToFirstInvalidField() {
+        await waitAfterIdleCallback();
+        await waitAfterFramePaint();
         scrollToFirstInvalidField({ formEl: this.el });
     }
     render() {
@@ -19,9 +23,19 @@ export class Form {
                 novalidate: this.novalidate,
             };
         }
-        return (h(Host, null, h(NativeEl, Object.assign({}, attrs), h("slot", null))));
+        return (h(Host, null, h(NativeEl, Object.assign({}, attrs, { class: this.formClass }), h("slot", null))));
     }
     static get is() { return "bal-form"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bal-form.sass"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bal-form.css"]
+        };
+    }
     static get properties() {
         return {
             "native": {
@@ -59,6 +73,24 @@ export class Form {
                 "attribute": "novalidate",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "formClass": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The css class for the inner form element"
+                },
+                "attribute": "form-class",
+                "reflect": false,
+                "defaultValue": "''"
             }
         };
     }

package/dist/collection/utils/constants/version.constant.js

@@ -1,2 +1,2 @@
 // generated by .build/version.js
-export const VERSION = '16.7.0';
+export const VERSION = '16.8.0';

package/dist/esm/bal-carousel_2.entry.js

@@ -3,12 +3,12 @@ import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { l as raf, b as waitAfterFramePaint } from './helpers-c201154e.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import { g as getComputedWidth } from './style-ca1bd202.js';
 import { L as ListenToMutation } from './mutation.decorator-c7b24839.js';
 import { L as ListenToSwipe } from './swipe.decorator-9d904794.js';
 import { L as ListenToResize } from './resize.decorator-f70563b5.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
 import { d as defaultConfig } from './config.default-7efdc82d.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
@@ -18,7 +18,7 @@ import './config.utils-6ac6c9bd.js';
 import './listener-04842ae9.js';
 import './swipe.subject-f1d64e8d.js';
 import './device-8c6d2881.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 import './log-dfd1c19f.js';
 
 const TabControl = ({ value, items, containerId, onControlChange }) => {

package/dist/esm/bal-datepicker.entry.js

@@ -12,16 +12,16 @@ import { B as BEM } from './bem-8c7d2eb0.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { d as defaultBalAriaForm } from './form-fb8dd9f5.js';
 import { d as defaultConfig, a as defaultLocale } from './config.default-7efdc82d.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
 import { g as useBalConfig } from './config.utils-6ac6c9bd.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './_commonjsHelpers-1c8beb5f.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 
 /**
  * @name addDays

package/dist/esm/bal-form.entry.js

@@ -1,16 +1,26 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6003bc7.js';
 import { s as scrollToFirstInvalidField } from './form-fb8dd9f5.js';
+import { d as waitAfterIdleCallback, b as waitAfterFramePaint } from './helpers-c201154e.js';
+import './browser-a8073d92.js';
+import './icons.constant-a7885631.js';
+import './config.utils-6ac6c9bd.js';
+
+const balFormCss = ".bal-form{display:block;position:static}";
+const BalFormStyle0 = balFormCss;
 
 const Form = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.native = false;
         this.novalidate = false;
+        this.formClass = '';
     }
     /**
      * Scrolls to the first invalid field inside this form component.
      */
     async scrollToFirstInvalidField() {
+        await waitAfterIdleCallback();
+        await waitAfterFramePaint();
         scrollToFirstInvalidField({ formEl: this.el });
     }
     render() {
@@ -21,9 +31,10 @@ const Form = class {
                 novalidate: this.novalidate,
             };
         }
-        return (h(Host, null, h(NativeEl, Object.assign({}, attrs), h("slot", null))));
+        return (h(Host, null, h(NativeEl, Object.assign({}, attrs, { class: this.formClass }), h("slot", null))));
     }
     get el() { return getElement(this); }
 };
+Form.style = BalFormStyle0;
 
 export { Form as bal_form };

package/dist/esm/bal-hint_5.entry.js

@@ -3,8 +3,8 @@ import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { p as preventDefault } from './utils-9fbab1d3.js';
 import { B as BalScrollHandler } from './scroll-f4b20848.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { L as Logger } from './log-dfd1c19f.js';
@@ -14,7 +14,7 @@ import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 
 const balHintCss = ":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";
 const BalHintStyle0 = balHintCss;

package/dist/esm/bal-list_8.entry.js

@@ -4,16 +4,16 @@ import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { l as raf, t as transitionEndAsync, h as debounce } from './helpers-c201154e.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
 import { L as ListenToResize } from './resize.decorator-f70563b5.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import { e as isSpaceKey, h as isEnterKey } from './index.esm-cc299511.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 import './index-82aff103.js';
 import './_commonjsHelpers-1c8beb5f.js';
 

package/dist/esm/bal-logo.entry.js

@@ -3,15 +3,15 @@ import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { L as Logger } from './log-dfd1c19f.js';
 import { k as rIC } from './helpers-c201154e.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 
 const balLogoCss = ".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";
 const BalLogoStyle0 = balLogoCss;

package/dist/esm/bal-nav_8.entry.js

@@ -5,17 +5,17 @@ import { L as Logger } from './log-dfd1c19f.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { B as BalScrollHandler } from './scroll-f4b20848.js';
 import { w as waitForComponent, d as waitAfterIdleCallback } from './helpers-c201154e.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
 import { d as defaultConfig } from './config.default-7efdc82d.js';
 import { L as ListenToMutation } from './mutation.decorator-c7b24839.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import { L as ListenToResize } from './resize.decorator-f70563b5.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 
 class NavLinkItem {
     constructor(item, observer) {

package/dist/esm/bal-navbar_5.entry.js

@@ -4,13 +4,13 @@ import { B as BalScrollHandler } from './scroll-f4b20848.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { e as deepReady } from './helpers-c201154e.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 
 const balNavbarCss = ":root{--bal-navbar-background:var(--bal-color-primary);--bal-navbar-light-background:var(--bal-color-white);--bal-navbar-active-menu-background:var(--bal-color-white);--bal-navbar-height:4rem;--bal-navbar-height-desktop:5rem;--bal-navbar-brand-title-text-color:var(--bal-color-text-white);--bal-navbar-brand-title-font-size:var(--bal-text-size-medium);--bal-navbar-brand-title-light-text-color:var(--bal-color-text-primary);--bal-navbar-brand-text-color:var(--bal-color-text-white);--bal-navbar-brand-logo-link-color:var(--bal-color-text-white)}.bal-navbar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:block}.bal-navbar--context-app:not(.bal-navbar--is-light),.bal-navbar--context-simple:not(.bal-navbar--is-light){background:var(--bal-navbar-background)}.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height);max-height:var(--bal-navbar-height)}@media screen and (min-width: 1024px){.bal-navbar--context-app,.bal-navbar--context-simple{height:var(--bal-navbar-height-desktop);max-height:var(--bal-navbar-height-desktop)}}.bal-navbar__nav{display:-ms-flexbox;display:flex;height:100%;gap:1rem}.bal-navbar__brand{-ms-flex:1;flex:1;gap:2rem;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}@media screen and (min-width: 1024px){.bal-navbar__brand{-ms-flex:initial;flex:initial}}.bal-navbar__brand>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}.bal-navbar__brand__logo{height:calc(100% - 1rem);-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 1024px){.bal-navbar__brand__logo{height:calc(100% - 2rem)}}.bal-navbar__brand__title{display:none;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.bal-navbar__brand__title>bal-logo{display:none}@media screen and (min-width: 769px),print{.bal-navbar__brand__title{display:inline-block;font-size:var(--bal-navbar-brand-title-font-size);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);color:var(--bal-navbar-brand-title-text-color)}}@media screen and (min-width: 1024px){.bal-navbar__brand__title{font-size:var(--bal-navbar-brand-title-font-size)}}.bal-navbar__brand--context-app,.bal-navbar__brand--context-simple{color:var(--bal-navbar-brand-text-color)}.bal-navbar__brand--context-app>a,.bal-navbar__brand--context-simple>a{color:var(--bal-navbar-brand-logo-link-color)}.bal-navbar__menu{position:static;display:none;z-index:var(--bal-z-index-navigation)}@media screen and (max-width: 1023px){.bal-navbar__menu--active{position:fixed !important;display:block;background:var(--bal-navbar-active-menu-background)}}@media screen and (max-width: 1023px){.bal-navbar__menu--context-app{padding-top:1rem;padding-bottom:1rem;overflow-y:auto;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:4rem;left:0;bottom:0;right:0}}@media screen and (min-width: 1024px){.bal-navbar__menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;gap:1rem;padding-right:0 !important}}.bal-navbar__menu--context-simple{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex:1;flex:1;gap:1rem}.bal-navbar__menu__start{display:block;margin-bottom:1rem}@media screen and (min-width: 1024px){.bal-navbar__menu__start{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:0}}.bal-navbar__menu__start--context-simple{display:none}.bal-navbar__menu__start--context-meta{-ms-flex-pack:start;justify-content:flex-start}.bal-navbar__menu__end{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center;gap:.5rem}.bal-navbar__menu__end .button-label{word-break:keep-all !important}.bal-navbar__menu__end .bal-button-group{width:100%}@media screen and (max-width: 1023px){.bal-navbar__menu__end .bal-button-group{margin-top:2rem}}.bal-navbar__menu__end--context-simple>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.bal-navbar__menu__end>.field{-ms-flex:1;flex:1}@media screen and (min-width: 1024px){.bal-navbar__menu__end>.field{-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}}.bal-navbar--is-light{background-color:var(--bal-navbar-light-background);-webkit-box-shadow:var(--bal-shadow-normal);box-shadow:var(--bal-shadow-normal)}.bal-navbar--is-light .bal-navbar__brand__title{color:var(--bal-navbar-brand-title-light-text-color)}.bal-navbar--is-light bal-logo svg svg,.bal-navbar--is-light bal-logo svg g,.bal-navbar--is-light bal-logo svg path,.bal-navbar--is-light bal-logo svg circle{fill:var(--bal-color-primary)}.bal-navbar__brand__burger.bal-button{margin-left:auto}@media screen and (min-width: 1024px){.bal-navbar__brand__burger.bal-button{display:none}}.bal-navbar__brand__burger--hidden.bal-button{display:none !important}";
 const BalNavbarStyle0 = balNavbarCss;

package/dist/esm/bal-pagination.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b6003bc7.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
 import { d as defaultConfig } from './config.default-7efdc82d.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './helpers-c201154e.js';
 import './browser-a8073d92.js';
@@ -11,7 +11,7 @@ import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 import './log-dfd1c19f.js';
 
 function generatePaginationControl(value, totalPages, pageRange) {

package/dist/esm/bal-progress-bar.entry.js

@@ -2,15 +2,15 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-b6
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { l as raf } from './helpers-c201154e.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
-import { L as ListenToWindowResize } from './window-resize.decorator-55f8e354.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
+import { L as ListenToWindowResize } from './window-resize.decorator-6ef9be6a.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 
 const balProgressBarCss = ":root{--bal-progress-bar-background-white:var(--bal-color-white);--bal-progress-bar-background-grey:var(--bal-color-grey-3);--bal-progress-bar-background-purple:var(--bal-color-purple-2);--bal-progress-bar-background-yellow:var(--bal-color-yellow-2);--bal-progress-bar-background-red:var(--bal-color-red-2);--bal-progress-bar-background-green:var(--bal-color-green-2);--bal-progress-bar-line-color-primary:var(--bal-color-primary);--bal-progress-bar-line-color-purple:var(--bal-color-purple-6);--bal-progress-bar-line-color-yellow:var(--bal-color-yellow-6);--bal-progress-bar-line-color-red:var(--bal-color-red-6);--bal-progress-bar-line-color-green:var(--bal-color-green-6);--bal-progress-bar-line-radius:var(--bal-radius-rounded)}.bal-progress-bar{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%;min-width:0;height:.25rem}.bal-progress-bar--background-white-of-primary,.bal-progress-bar--background-white-of-purple,.bal-progress-bar--background-white-of-red,.bal-progress-bar--background-white-of-green,.bal-progress-bar--background-white-of-yellow{background:var(--bal-progress-bar-background-white)}.bal-progress-bar--background-grey-of-primary{background:var(--bal-progress-bar-background-grey)}.bal-progress-bar--background-grey-of-purple{background:var(--bal-progress-bar-background-purple)}.bal-progress-bar--background-grey-of-red{background:var(--bal-progress-bar-background-red)}.bal-progress-bar--background-grey-of-green{background:var(--bal-progress-bar-background-green)}.bal-progress-bar--background-grey-of-yellow{background:var(--bal-progress-bar-background-yellow)}.bal-progress-bar__line{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;height:.25rem;width:0;background:var(--bal-progress-bar-line-color-primary);border-top-right-radius:var(--bal-progress-bar-line-radius);border-bottom-right-radius:var(--bal-progress-bar-line-radius)}.bal-progress-bar__line--animated{will-change:width;-webkit-transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing);transition:all var(--bal-animation-transition-duration) var(--bal-animation-transition-easing)}.bal-progress-bar__line--full{border-top-right-radius:0;border-bottom-right-radius:0}.bal-progress-bar__line--color-purple{background:var(--bal-progress-bar-line-color-purple)}.bal-progress-bar__line--color-yellow{background:var(--bal-progress-bar-line-color-yellow)}.bal-progress-bar__line--color-red{background:var(--bal-progress-bar-line-color-red)}.bal-progress-bar__line--color-green{background:var(--bal-progress-bar-line-color-green)}";
 const BalProgressBarStyle0 = balProgressBarCss;

package/dist/esm/bal-segment_2.entry.js

@@ -8,8 +8,8 @@ import { F as FOCUS_KEYS } from './focus-visible-f0cdd043.js';
 import { l as raf, j as addEventListener, r as removeEventListener } from './helpers-c201154e.js';
 import { d as defaultBalAriaForm } from './form-fb8dd9f5.js';
 import { L as ListenToFocus } from './focus.decorator-8acd79c3.js';
-import { L as ListenToWindowResize } from './window-resize.decorator-55f8e354.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { L as ListenToWindowResize } from './window-resize.decorator-6ef9be6a.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import { i as inheritAttributes } from './attributes-4fa7040f.js';
 import './browser-a8073d92.js';
 import './index-82aff103.js';
@@ -17,9 +17,9 @@ import './_commonjsHelpers-1c8beb5f.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './listener-04842ae9.js';
-import './breakpoints.subject-fd3dc49c.js';
+import './breakpoints.subject-d2b4fd79.js';
 import './device-8c6d2881.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 
 const balSegmentCss = ":root{--bal-segment-background:var(--bal-color-grey-2);--bal-segment-background-invalid:var(--bal-color-danger-1);--bal-segment-item-focus-border:var(--bal-color-border-primary);--bal-segment-item-text-color:var(--bal-color-text-primary);--bal-segment-item-text-color-checked:var(--bal-color-text-primary);--bal-segment-item-text-color-checked-hovered:var(--bal-color-text-primary-hovered);--bal-segment-item-text-color-checked-pressed:var(--bal-color-text-primary-pressed);--bal-segment-item-text-color-invalid:var(--bal-color-text-danger);--bal-segment-item-text-color-invalid-hovered:var(--bal-color-text-danger-hovered);--bal-segment-item-text-color-invalid-pressed:var(--bal-color-text-danger-pressed);--bal-segment-item-text-color-disabled:var(--bal-color-text-grey);--bal-segment-item-text-color-disabled-checked:var(--bal-color-text-grey-dark);--bal-segment-item-divider-background:var(--bal-color-grey);--bal-segment-item-divider-background-invalid:var(--bal-color-danger-2);--bal-segment-item-indicator-background:var(--bal-color-purple-2);--bal-segment-item-indicator-background-invalid:var(--bal-color-danger-4);--bal-segment-item-indicator-background-disabled:var(--bal-color-grey-3)}.bal-segment{display:-ms-flexbox;display:flex;background:var(--bal-segment-background);border-radius:var(--bal-radius-normal);gap:.125rem;gap:.125rem;padding:.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.bal-segment--invalid{background:var(--bal-segment-background-invalid)}.bal-segment--vertical{-ms-flex-direction:column;flex-direction:column;width:100%}.bal-segment--vertical .bal-segment-item__button{width:100%;-ms-flex:1;flex:1}.bal-segment--vertical.bal-segment--scrollable{overflow:auto;max-height:240px}.bal-segment--expanded{width:100%;min-width:100%;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.bal-segment--expanded .bal-segment-item,.bal-segment--expanded .bal-segment-item>button{-ms-flex:1;flex:1;width:100%}.bal-segment--expanded .bal-segment-item .bal-content,.bal-segment--expanded .bal-segment-item>button .bal-content{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}";
 const BalSegmentStyle0 = balSegmentCss;

package/dist/esm/bal-shape.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6003bc7.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
-import { f as balColorGrey4, g as balColorYellow3, h as balColorYellow5, i as balColorPurple3, j as balColorPurple6, k as balColorRed3, l as balColorRed5, m as balColorGreen3, n as balColorGreen6 } from './tokens.esm-6cd758d9.js';
+import { f as balColorGrey4, g as balColorYellow3, h as balColorYellow5, i as balColorPurple3, j as balColorPurple6, k as balColorRed3, l as balColorRed5, m as balColorGreen3, n as balColorGreen6 } from './tokens.esm-cada8a2a.js';
 
 const balShapeCss = ".bal-shape{display:block;overflow:hidden;border-radius:var(--bal-radius-normal);width:66px;height:66px}@media screen and (min-width: 769px),print{.bal-shape{width:120px;height:120px}}@media screen and (min-width: 1024px){.bal-shape{width:198px;height:198px;border-radius:unset}}.bal-shape--is-rotation-0{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.bal-shape--is-rotation-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.bal-shape--is-rotation-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.bal-shape--is-rotation-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}";
 const BalShapeStyle0 = balShapeCss;

package/dist/esm/bal-steps.entry.js

@@ -6,9 +6,9 @@ import { L as Logger } from './log-dfd1c19f.js';
 import { o as areArraysEqual } from './index.esm-cc299511.js';
 import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
 import { n as newBalStepOption } from './bal-step.util-3905ad56.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
 import { L as ListenToMutation } from './mutation.decorator-c7b24839.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import './browser-a8073d92.js';
 import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
@@ -16,7 +16,7 @@ import './index-82aff103.js';
 import './_commonjsHelpers-1c8beb5f.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 
 const StepIcon = ({ item, isMobile }) => {
     const bemEl = BEM.block('steps').element('nav').element('item').element('icon');

package/dist/esm/bal-tab-item_2.entry.js

@@ -9,9 +9,9 @@ import { n as newBalTabOption } from './bal-tab.util-933315fe.js';
 import { s as stopEventBubbling } from './form-input-a8fdaaef.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { a as getComputedPadding } from './style-ca1bd202.js';
-import { b as balBreakpoints } from './breakpoints.subject-fd3dc49c.js';
+import { b as balBreakpoints } from './breakpoints.subject-d2b4fd79.js';
 import { L as ListenToMutation } from './mutation.decorator-c7b24839.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-dffbf034.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f08ad280.js';
 import { L as ListenToResize } from './resize.decorator-f70563b5.js';
 import { L as ListenToConfig } from './config.decorator-d18abfe1.js';
 import './index-82aff103.js';
@@ -20,7 +20,7 @@ import './icons.constant-a7885631.js';
 import './config.utils-6ac6c9bd.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-6cd758d9.js';
+import './tokens.esm-cada8a2a.js';
 
 const TabItem = class {
     constructor(hostRef) {