@baloise/ds-core 19.0.1 → 19.1.0

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

@@ -1,20 +1,93 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-8d2a7ce7.js';
 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 { b as balBrowser } from './browser-a8073d92.js';
-import { B as BalScrollHandler } from './scroll-f4b20848.js';
 import { w as waitForComponent, d as waitAfterIdleCallback } from './helpers-94c3fbac.js';
-import { b as balBreakpoints } from './breakpoints.subject-2397d734.js';
+import { L as Logger } from './log-dfd1c19f.js';
+import { B as BalScrollHandler } from './scroll-521224a9.js';
+import { b as balBreakpoints } from './breakpoints.subject-1aa7be9a.js';
 import { d as defaultConfig } from './config.default-8e11a860.js';
 import { L as ListenToMutation } from './mutation.decorator-e915d053.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-899aba5d.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-3666716a.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
 import { L as ListenToResize } from './resize.decorator-08f6286b.js';
 import './config.utils-cd529084.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-a6a0f537.js';
+import './tokens.esm-a3abda33.js';
+
+const i18nNavBars = {
+    de: {
+        mainNavigation: 'Hauptnavigation',
+        navigation: 'Navigation',
+        subNavigation: 'Subnavigation',
+        open: 'Menü öffnen',
+        close: 'Menü schliessen',
+    },
+    en: {
+        mainNavigation: 'Main navigation',
+        navigation: 'Navigation',
+        subNavigation: 'Sub navigation',
+        open: 'Open Menu',
+        close: 'Close Menu',
+    },
+    fr: {
+        mainNavigation: 'Navigation principale',
+        navigation: 'Navigation',
+        subNavigation: 'Sous-navigation',
+        open: 'Ouvrir le menu',
+        close: 'Fermer le menu',
+    },
+    it: {
+        mainNavigation: 'Navigazione principale',
+        navigation: 'Navigazione',
+        subNavigation: 'Sottonavigazione',
+        open: 'Apri Menù',
+        close: 'Chiudi menù',
+    },
+    nl: {
+        mainNavigation: 'Hoofdnavigatie',
+        navigation: 'Navigatie',
+        subNavigation: 'Subnavigatie',
+        open: 'Menu openen',
+        close: 'Menu sluiten',
+    },
+    es: {
+        mainNavigation: 'Navegación principal',
+        navigation: 'Navegación',
+        subNavigation: 'Subnavegación',
+        open: 'Menú abierto',
+        close: 'Cerrar menú',
+    },
+    pl: {
+        mainNavigation: 'Nawigacja główna',
+        navigation: 'Nawigacja',
+        subNavigation: 'Nawigacja podrzędna',
+        open: 'Otwórz menu',
+        close: 'Zamknij menu',
+    },
+    pt: {
+        mainNavigation: 'Navegação principal',
+        navigation: 'Navegação',
+        subNavigation: 'Subnavegação',
+        open: 'Menu aberto',
+        close: 'Fechar menu',
+    },
+    sv: {
+        mainNavigation: 'Huvudnavigering',
+        navigation: 'Navigering',
+        subNavigation: 'Undernavigering',
+        open: 'Öppna menyn',
+        close: 'Stäng menyn',
+    },
+    fi: {
+        mainNavigation: 'Päänavigaatio',
+        navigation: 'Navigaatio',
+        subNavigation: 'Alinavigaatio',
+        open: 'Avaa valikko',
+        close: 'Sulje valikko',
+    },
+};
 
 class NavLinkItem {
     constructor(item, observer) {
@@ -71,6 +144,85 @@ class NavLinkItem {
 }
 let NavLinkItemIDs = 0;
 
+class NavMetaButton extends NavLinkItem {
+    constructor(item, observer) {
+        super(item, observer);
+        this.touchPlacement = 'top';
+        this.id = `nav-meta-button-${NavMetaButtonIDs++}`;
+        this.touchPlacement = item.touchPlacement || 'top';
+        this.value = item.value || this.id;
+        this.icon = item.icon;
+        this.popoverId = item.popupId;
+        this.ariaLabel = item.ariaLabel;
+        this.htmlTitle = item.htmlTitle;
+        this.href = item.href || '';
+        this.target = item.target || '_self';
+    }
+    get type() {
+        return 'NavMetaButton';
+    }
+    get isLink() {
+        return !!this.href;
+    }
+    renderAtMetaBar() {
+        if (this.isLink) {
+            return (h("bal-button", { id: this.value, color: "light", size: "small", icon: this.icon, square: !this.label || this.label.length < 3, inverted: true, rel: this.rel, href: this.href, target: this.target, aria: {
+                    title: this.htmlTitle,
+                    label: this.ariaLabel || this.label,
+                } }, this.label));
+        }
+        return (h("bal-button", { id: this.value, class: "bal-popup-permanent-trigger bal-nav__popup--desktop", color: "light", size: "small", icon: this.icon, square: !this.label || this.label.length < 3, aria: {
+                title: this.htmlTitle,
+                label: this.ariaLabel || this.label,
+            }, inverted: true, "bal-popup": this.popoverId, "bal-popup-variant": "popover", "bal-popup-arrow": "true", "bal-popup-backdrop": "true", "bal-popup-backdrop-dismiss": "true", "bal-popup-closable": "true", "bal-popup-placement": "bottom-end", "bal-popup-reference": "bal-nav__meta-buttons" }, this.label));
+    }
+    renderAtTouchTopMetaBar() {
+        if (this.touchPlacement === 'top') {
+            if (this.isLink) {
+                return (h("bal-button", { id: this.value, color: "light", icon: this.icon, square: !!this.icon || !this.label || this.label.length < 3, href: this.href, rel: this.rel, target: this.target, aria: {
+                        title: this.htmlTitle,
+                        label: this.ariaLabel || this.label,
+                    } }, this.icon ? '' : this.label));
+            }
+            return (h("bal-button", { id: this.value, class: "bal-nav__popup--touch-top", color: "light", icon: this.icon, square: !!this.icon || !this.label || this.label.length < 3, inverted: false, aria: {
+                    title: this.htmlTitle,
+                    label: this.ariaLabel || this.label,
+                }, "bal-popup": this.popoverId, "bal-popup-variant": "fullscreen", "bal-popup-closable": "true", "bal-popup-offset": "64" }, this.icon ? '' : this.label));
+        }
+    }
+    renderAtTouchBottomMetaBar() {
+        if (this.touchPlacement === 'bottom') {
+            if (this.isLink) {
+                return (h("bal-button", { id: this.value, color: "info", inverted: false, icon: this.icon, square: !this.label || this.label.length < 3, aria: {
+                        title: this.htmlTitle,
+                        label: this.ariaLabel || this.label,
+                    }, href: this.href, target: this.target }, this.label));
+            }
+            return (h("bal-button", { id: this.value, class: "bal-nav__popup--touch-bottom", icon: this.icon, square: !this.label || this.label.length < 3, color: "info", inverted: false, aria: {
+                    title: this.htmlTitle,
+                    label: this.ariaLabel || this.label,
+                }, "bal-popup": this.popoverId, "bal-popup-variant": "drawer", "bal-popup-closable": "true", "bal-popup-backdrop": "true", "bal-popup-backdrop-dismiss": "true", "bal-popup-offset": "64" }, this.label));
+        }
+    }
+    resetTouchBottomMetaBar() {
+        if (balBrowser.hasDocument && this.touchPlacement === 'bottom') {
+            const button = document.getElementById(this.value);
+            if (button && button.balPopupVariant === 'drawer') {
+                button.color = 'info';
+            }
+        }
+    }
+    resetDesktopMetaBar() {
+        if (balBrowser.hasDocument) {
+            const button = document.getElementById(this.value);
+            if (button && button.balPopupVariant === 'popover') {
+                button.color = 'info';
+            }
+        }
+    }
+}
+let NavMetaButtonIDs = 0;
+
 class NavSectionLinkItem extends NavLinkItem {
     constructor(item, observer) {
         super(item, observer);
@@ -235,158 +387,6 @@ class NavMetaLinkItem extends NavLinkItem {
 }
 let NavMetaLinkItemIDs = 0;
 
-class NavMetaButton extends NavLinkItem {
-    constructor(item, observer) {
-        super(item, observer);
-        this.touchPlacement = 'top';
-        this.id = `nav-meta-button-${NavMetaButtonIDs++}`;
-        this.touchPlacement = item.touchPlacement || 'top';
-        this.value = item.value || this.id;
-        this.icon = item.icon;
-        this.popoverId = item.popupId;
-        this.ariaLabel = item.ariaLabel;
-        this.htmlTitle = item.htmlTitle;
-        this.href = item.href || '';
-        this.target = item.target || '_self';
-    }
-    get type() {
-        return 'NavMetaButton';
-    }
-    get isLink() {
-        return !!this.href;
-    }
-    renderAtMetaBar() {
-        if (this.isLink) {
-            return (h("bal-button", { id: this.value, color: "light", size: "small", icon: this.icon, square: !this.label || this.label.length < 3, inverted: true, rel: this.rel, href: this.href, target: this.target, aria: {
-                    title: this.htmlTitle,
-                    label: this.ariaLabel || this.label,
-                } }, this.label));
-        }
-        return (h("bal-button", { id: this.value, class: "bal-popup-permanent-trigger bal-nav__popup--desktop", color: "light", size: "small", icon: this.icon, square: !this.label || this.label.length < 3, aria: {
-                title: this.htmlTitle,
-                label: this.ariaLabel || this.label,
-            }, inverted: true, "bal-popup": this.popoverId, "bal-popup-variant": "popover", "bal-popup-arrow": "true", "bal-popup-backdrop": "true", "bal-popup-backdrop-dismiss": "true", "bal-popup-closable": "true", "bal-popup-placement": "bottom-end", "bal-popup-reference": "bal-nav__meta-buttons" }, this.label));
-    }
-    renderAtTouchTopMetaBar() {
-        if (this.touchPlacement === 'top') {
-            if (this.isLink) {
-                return (h("bal-button", { id: this.value, color: "light", icon: this.icon, square: !!this.icon || !this.label || this.label.length < 3, href: this.href, rel: this.rel, target: this.target, aria: {
-                        title: this.htmlTitle,
-                        label: this.ariaLabel || this.label,
-                    } }, this.icon ? '' : this.label));
-            }
-            return (h("bal-button", { id: this.value, class: "bal-nav__popup--touch-top", color: "light", icon: this.icon, square: !!this.icon || !this.label || this.label.length < 3, inverted: false, aria: {
-                    title: this.htmlTitle,
-                    label: this.ariaLabel || this.label,
-                }, "bal-popup": this.popoverId, "bal-popup-variant": "fullscreen", "bal-popup-closable": "true", "bal-popup-offset": "64" }, this.icon ? '' : this.label));
-        }
-    }
-    renderAtTouchBottomMetaBar() {
-        if (this.touchPlacement === 'bottom') {
-            if (this.isLink) {
-                return (h("bal-button", { id: this.value, color: "info", inverted: false, icon: this.icon, square: !this.label || this.label.length < 3, aria: {
-                        title: this.htmlTitle,
-                        label: this.ariaLabel || this.label,
-                    }, href: this.href, target: this.target }, this.label));
-            }
-            return (h("bal-button", { id: this.value, class: "bal-nav__popup--touch-bottom", icon: this.icon, square: !this.label || this.label.length < 3, color: "info", inverted: false, aria: {
-                    title: this.htmlTitle,
-                    label: this.ariaLabel || this.label,
-                }, "bal-popup": this.popoverId, "bal-popup-variant": "drawer", "bal-popup-closable": "true", "bal-popup-backdrop": "true", "bal-popup-backdrop-dismiss": "true", "bal-popup-offset": "64" }, this.label));
-        }
-    }
-    resetTouchBottomMetaBar() {
-        if (balBrowser.hasDocument && this.touchPlacement === 'bottom') {
-            const button = document.getElementById(this.value);
-            if (button && button.balPopupVariant === 'drawer') {
-                button.color = 'info';
-            }
-        }
-    }
-    resetDesktopMetaBar() {
-        if (balBrowser.hasDocument) {
-            const button = document.getElementById(this.value);
-            if (button && button.balPopupVariant === 'popover') {
-                button.color = 'info';
-            }
-        }
-    }
-}
-let NavMetaButtonIDs = 0;
-
-const i18nNavBars = {
-    de: {
-        mainNavigation: 'Hauptnavigation',
-        navigation: 'Navigation',
-        subNavigation: 'Subnavigation',
-        open: 'Menü öffnen',
-        close: 'Menü schliessen',
-    },
-    en: {
-        mainNavigation: 'Main navigation',
-        navigation: 'Navigation',
-        subNavigation: 'Sub navigation',
-        open: 'Open Menu',
-        close: 'Close Menu',
-    },
-    fr: {
-        mainNavigation: 'Navigation principale',
-        navigation: 'Navigation',
-        subNavigation: 'Sous-navigation',
-        open: 'Ouvrir le menu',
-        close: 'Fermer le menu',
-    },
-    it: {
-        mainNavigation: 'Navigazione principale',
-        navigation: 'Navigazione',
-        subNavigation: 'Sottonavigazione',
-        open: 'Apri Menù',
-        close: 'Chiudi menù',
-    },
-    nl: {
-        mainNavigation: 'Hoofdnavigatie',
-        navigation: 'Navigatie',
-        subNavigation: 'Subnavigatie',
-        open: 'Menu openen',
-        close: 'Menu sluiten',
-    },
-    es: {
-        mainNavigation: 'Navegación principal',
-        navigation: 'Navegación',
-        subNavigation: 'Subnavegación',
-        open: 'Menú abierto',
-        close: 'Cerrar menú',
-    },
-    pl: {
-        mainNavigation: 'Nawigacja główna',
-        navigation: 'Nawigacja',
-        subNavigation: 'Nawigacja podrzędna',
-        open: 'Otwórz menu',
-        close: 'Zamknij menu',
-    },
-    pt: {
-        mainNavigation: 'Navegação principal',
-        navigation: 'Navegação',
-        subNavigation: 'Subnavegação',
-        open: 'Menu aberto',
-        close: 'Fechar menu',
-    },
-    sv: {
-        mainNavigation: 'Huvudnavigering',
-        navigation: 'Navigering',
-        subNavigation: 'Undernavigering',
-        open: 'Öppna menyn',
-        close: 'Stäng menyn',
-    },
-    fi: {
-        mainNavigation: 'Päänavigaatio',
-        navigation: 'Navigaatio',
-        subNavigation: 'Alinavigaatio',
-        open: 'Avaa valikko',
-        close: 'Sulje valikko',
-    },
-};
-
 const balNavCss = "@media (hover: hover)and (pointer: fine){.bal-nav__logo:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}:root{--bal-nav-background:var(--bal-color-primary);--bal-nav-service-background-grey:var(--bal-color-grey);--bal-nav-service-background-purple:var(--bal-color-purple);--bal-nav-service-background-red:var(--bal-color-red);--bal-nav-service-background-yellow:var(--bal-color-yellow);--bal-nav-service-background-green:var(--bal-color-green)}.bal-nav{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;width:100%}.bal-nav__flyout{background:var(--bal-color-white);scroll-padding-top:1rem;padding-top:1rem;padding-bottom:1rem;height:calc(var(--bal-app-height, 100%) - 4rem - 4rem);overflow-y:auto}@media screen and (min-width: 1024px){.bal-nav__flyout{display:none;visibility:hidden}}.bal-nav__flyout__container{-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto;width:100% !important;padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-nav__flyout__container--fluid{max-width:var(--bal-container-size-fluid) !important}.bal-nav__flyout__container--detail-page{max-width:var(--bal-container-size-detail-page) !important}.bal-nav__flyout__container--compact{max-width:var(--bal-container-size-compact) !important}.bal-nav__flyout__container--blog-page{max-width:var(--bal-container-size-blog-page) !important}@media screen and (min-width: 769px),print{.bal-nav__flyout__container{padding-left:var(--bal-container-space-tablet);padding-right:var(--bal-container-space-tablet)}}@media screen and (min-width: 1024px){.bal-nav__flyout__container{padding-left:var(--bal-container-space-desktop);padding-right:var(--bal-container-space-desktop);max-width:var(--bal-container-size-normal)}}.bal-nav__flyout:not(.bal-nav__flyout--visible){position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav .bal-nav-meta-bar,.bal-nav .bal-nav-menu-bar{z-index:auto !important}.bal-list__item__accordion-head:after{background:rgba(0,0,0,0) !important}.bal-nav-meta-bar-transform-touch{z-index:var(--bal-z-index-popup);position:relative}.bal-nav__mobile-meta-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;padding:0;margin:0;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-large);line-height:var(--bal-line-heigh-x-large);cursor:pointer}.bal-nav__mobile-menu-item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:3rem;border:none;margin:0;padding:0 0 0 1rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-large);line-height:var(--bal-line-heigh-large);cursor:pointer}.bal-nav__mobile-section-item,.bal-nav__mobile-service-item>a{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-links{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-align:start;width:100%;min-height:2rem;border:none;margin:0;padding:0 2rem 0 2rem;gap:var(--bal-space-normal);background:rgba(0,0,0,0);font-family:var(--bal-font-family-text);font-size:var(--bal-size-normal);line-height:var(--bal-line-heigh-normal)}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li,.bal-nav__mobile-menu-list,.bal-nav__mobile-menu-list>li,.bal-nav__mobile-section-list,.bal-nav__mobile-service-list,.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li,.bal-nav__mobile-links-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.bal-nav__mobile-meta-list,.bal-nav__mobile-meta-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list{gap:var(--bal-space-normal)}.bal-nav__mobile-menu-list>li{gap:var(--bal-space-normal)}.bal-nav__mobile-section-list,.bal-nav__mobile-service-list{gap:var(--bal-space-x-large)}.bal-nav__mobile-section-list>li,.bal-nav__mobile-service-list>li{gap:var(--bal-space-xx-small)}.bal-nav__mobile-links-list{gap:var(--bal-space-xx-small)}.bal-nav__mobile-section-list{padding-top:1rem}.bal-nav__mobile-service-list>li{border-radius:var(--bal-radius-normal);padding-top:1rem;padding-bottom:1rem}.bal-nav__mobile-section-list--invisible,.bal-nav__mobile-service-list--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link{font-family:var(--bal-font-family-text);font-weight:var(--bal-font-weight-bold);font-size:var(--bal-size-x-small);line-height:var(--bal-line-height-x-small)}.bal-nav__mobile-overview-link--invisible{position:absolute !important;height:1px !important;width:1px !important;padding:0 !important;overflow:hidden !important;border:none !important;white-space:nowrap !important;clip:rect(1px 1px 1px 1px) !important;clip:rect(1px, 1px, 1px, 1px) !important}.bal-nav__mobile-overview-link--menu{padding:0 0 0 1rem}.bal-nav__line{background-color:var(--bal-color-border-grey-light);height:var(--bal-border-width-normal);border:none;display:block;border-radius:var(--bal-list-item-radius);width:100%;margin:0;padding:0}.bal-nav__mobile-links--clickable,.bal-nav__mobile-section-item--clickable,.bal-nav__mobile-service-item--clickable>a{cursor:pointer}.bal-nav__mobile-links--selected,.bal-nav__mobile-section-item--selected,.bal-nav__mobile-service-item--selected>a{text-decoration:underline}.bal-nav__mobile-service-item--color-grey{background:var(--bal-nav-service-background-grey)}.bal-nav__mobile-service-item--color-purple{background:var(--bal-nav-service-background-purple)}.bal-nav__mobile-service-item--color-red{background:var(--bal-nav-service-background-red)}.bal-nav__mobile-service-item--color-yellow{background:var(--bal-nav-service-background-yellow)}.bal-nav__mobile-service-item--color-green{background:var(--bal-nav-service-background-green)}";
 const BalNavStyle0 = balNavCss;
 

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

@@ -3,16 +3,16 @@ import { B as BEM } from './bem-8c7d2eb0.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { b as balBrowser } from './browser-a8073d92.js';
 import { i as wait, h as deepReady } from './helpers-94c3fbac.js';
-import { B as BalScrollHandler } from './scroll-f4b20848.js';
+import { B as BalScrollHandler } from './scroll-521224a9.js';
 import { d as defaultConfig } from './config.default-8e11a860.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
-import { b as balBreakpoints } from './breakpoints.subject-2397d734.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-899aba5d.js';
+import { b as balBreakpoints } from './breakpoints.subject-1aa7be9a.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-3666716a.js';
 import './config.utils-cd529084.js';
 import './log-dfd1c19f.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-a6a0f537.js';
+import './tokens.esm-a3abda33.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-number-input.entry.js

@@ -152,6 +152,9 @@ function toNumber(value, decimalPoints = 0) {
     if (checkIfValueIsStringAndDoesNotHaveGermanFormat(val)) {
         val = val.split(getThousandSeparator()).join('').split('`').join('').split("'").join('');
     }
+    if (typeof val === 'string') {
+        val = val.replace(getDecimalSeparator(), '.');
+    }
     return decimalPoints === 0 ? parseInt(val, 10) : parseFloat(val);
 }
 function toFixedNumber(value, decimalPoints = 0) {

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

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8d2a7ce7.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-2397d734.js';
+import { b as balBreakpoints } from './breakpoints.subject-1aa7be9a.js';
 import { d as defaultConfig } from './config.default-8e11a860.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-899aba5d.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-3666716a.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
 import './helpers-94c3fbac.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-a6a0f537.js';
+import './tokens.esm-a3abda33.js';
 import './log-dfd1c19f.js';
 
 function generatePaginationControl(value, totalPages, pageRange) {

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

@@ -297,7 +297,7 @@ class VariantRenderer {
     }
 }
 
-const balPopupCss = ":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";
+const balPopupCss = ":root{--bal-popup-backdrop-background:rgba(0,7,57,.8);--bal-popup-container-padding-top:0;--bal-popup-container-padding-bottom:0;--bal-popup-container-background:var(--bal-color-white);--bal-popup-variant-popover-max-width:auto;--bal-popup-variant-popover-radius:var(--bal-radius-large);--bal-popup-variant-popover-shadow:var(--bal-shadow-normal);--bal-popup-variant-drawer-radius:var(--bal-radius-large);--bal-popup-arrow-background:var(--bal-color-white)}.bal-popup{position:static;display:inline;z-index:var(--bal-z-index-popup)}.bal-popup__container{background:var(--bal-popup-container-background);display:none;visibility:hidden;padding-top:var(--bal-popup-container-padding-top);padding-bottom:var(--bal-popup-container-padding-bottom);-ms-flex-positive:1;flex-grow:1;margin:0 auto;position:relative;width:auto}.bal-popup__container--variant-popover{border-radius:var(--bal-popup-variant-popover-radius);-webkit-box-shadow:var(--bal-popup-variant-popover-shadow);box-shadow:var(--bal-popup-variant-popover-shadow);width:var(--bal-popup-variant-popover-max-width);position:absolute;top:0;left:0}.bal-popup__container--variant-fullscreen{position:fixed;margin:0;width:100%;min-width:100%;max-width:100% !important;min-height:var(--bal-app-height, 100%)}.bal-popup__container--variant-fullscreen .bal-popup__inner{padding-left:var(--bal-container-space);padding-right:var(--bal-container-space)}.bal-popup__container--variant-drawer{position:fixed;border-top-left-radius:var(--bal-popup-variant-drawer-radius);border-top-right-radius:var(--bal-popup-variant-drawer-radius);padding-left:var(--bal-container-space);padding-right:var(--bal-container-space);width:100%}.bal-popup__inner{overflow-y:auto;max-height:calc(var(--bal-app-height, 100%) - 4rem)}.bal-popup__inner__head{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bal-popup__inner__content{width:100%}.bal-popup__arrow{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:8px;height:8px;background:var(--bal-popup-arrow-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);display:none;visibility:hidden}.bal-popup__backdrop{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:fixed;bottom:0;left:0;right:0;top:0;background-color:var(--bal-popup-backdrop-background);width:100vw;height:100vh;display:none;visibility:hidden}.bal-popup-variant-popover-trigger,.bal-popup-permanent-trigger{z-index:calc(var(--bal-z-index-popup) + 1) !important;position:relative !important}";
 const BalPopupStyle0 = balPopupCss;
 
 const Popup = class {
@@ -340,7 +340,7 @@ const Popup = class {
         this.activeVariant = 'popover';
         this.trigger = undefined;
         this.lastTrigger = undefined;
-        this.minContainerWidth = 0;
+        this.minContainerWidth = '16.25rem';
         this.label = '';
         this.reference = undefined;
         this.variant = 'popover';
@@ -476,7 +476,7 @@ const Popup = class {
     async setMinWidth(value) {
         if (this.containerEl) {
             this.containerEl.style.minWidth = `${value}px`;
-            this.minContainerWidth = value;
+            this.minContainerWidth = `${value}px`;
         }
     }
     /**
@@ -605,7 +605,7 @@ const Popup = class {
         const innerBlock = block.element('inner');
         const innerHeadBlock = innerBlock.element('head');
         const innerContentBlock = innerBlock.element('content');
-        return (h(Host, { key: '22256d10b23aaeefad30786345780029c23f10a5', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}`, "aria-labelledby": `${this.popupId}-heading` }, h("div", { key: 'a3a5862b32a8a6acadd12893729148e016527dec', class: Object.assign({}, backdropBlock.class()), ref: backdropEl => (this.backdropEl = backdropEl) }), h("div", { key: 'da06417052ab28135f651a6e3015462ae4d36915', class: Object.assign(Object.assign({}, containerBlock.class()), containerBlock.modifier(`variant-${this.activeVariant}`).class()), ref: containerEl => (this.containerEl = containerEl), style: { minWidth: `${this.minContainerWidth}px` } }, h("div", { key: 'd442c9ae9d377cd18d7853cb850182e5e117a199', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), h("bal-stack", { key: '078c31c4580e387b73b455afcc81610ea9ce7c9e', layout: "vertical", px: this.activeVariant === 'popover' ? 'medium' : 'none', py: "medium", class: Object.assign({}, innerBlock.class()) }, this.label ? (h("bal-stack", { space: "auto", class: Object.assign({}, innerHeadBlock.class()) }, h("bal-heading", { "data-test": "bal-popup-label", level: "span", "visual-level": "large", id: `${this.popupId}-heading` }, this.label), this.activeClosable ? (h("bal-close", { "data-test": "bal-popup-close", tabindex: -1, onClick: () => this.onCloseClick() })) : (''))) : (''), h("div", { key: '14cee241ee538a5ff4075b255841deaa0ca06ff6', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-popup-content" }, h("slot", { key: '834174282762c50461b4a9851c74416804905344' }))))));
+        return (h(Host, { key: '42bff759d5df91ba386b0fef2c115534177b035f', class: Object.assign({}, block.class()), role: "dialog", "aria-hidden": `${this.presented !== true}`, "aria-modal": `${this.presented === true}`, "aria-presented": `${this.presented === true}`, "aria-labelledby": `${this.popupId}-heading` }, h("div", { key: 'c66537aede2f557a3ae4e368226f14251177e27a', class: Object.assign({}, backdropBlock.class()), ref: backdropEl => (this.backdropEl = backdropEl) }), h("div", { key: 'e93bf6f131e859126f4861deac80c761bae28d66', class: Object.assign(Object.assign({}, containerBlock.class()), containerBlock.modifier(`variant-${this.activeVariant}`).class()), ref: containerEl => (this.containerEl = containerEl), style: { minWidth: this.minContainerWidth } }, h("div", { key: 'fcffcfe49ec94f2e7843fdb11428efd2cf6124c5', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), h("bal-stack", { key: '182834344790fb5cb8018a3841b0be36f67132b0', layout: "vertical", px: this.activeVariant === 'popover' ? 'medium' : 'none', py: "medium", class: Object.assign({}, innerBlock.class()) }, this.label ? (h("bal-stack", { space: "auto", class: Object.assign({}, innerHeadBlock.class()) }, h("bal-heading", { "data-test": "bal-popup-label", level: "span", "visual-level": "large", id: `${this.popupId}-heading` }, this.label), this.activeClosable ? (h("bal-close", { "data-test": "bal-popup-close", tabindex: -1, onClick: () => this.onCloseClick() })) : (''))) : (''), h("div", { key: '1dca8c0e7d328b04cb73168ddb43ca111f4090f2', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-popup-content" }, h("slot", { key: '1675cc733ec0eea4b56e28981a51570528947082' }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -2,14 +2,14 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-8d
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
 import { B as BEM } from './bem-8c7d2eb0.js';
 import { o as raf } from './helpers-94c3fbac.js';
-import { b as balBreakpoints } from './breakpoints.subject-2397d734.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-899aba5d.js';
-import { L as ListenToWindowResize } from './window-resize.decorator-f286b710.js';
+import { b as balBreakpoints } from './breakpoints.subject-1aa7be9a.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-3666716a.js';
+import { L as ListenToWindowResize } from './window-resize.decorator-ef52bf33.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-a6a0f537.js';
+import './tokens.esm-a3abda33.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-radio_2.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-8d2a7ce7.js';
 import { _ as __decorate, a as __metadata } from './tslib.es6-654e2c24.js';
-import { i as isSpaceKey } from './index.esm-21c97d14.js';
+import { i as isSpaceKey } from './index.esm-9079680d.js';
 import { a as ariaBooleanToString } from './aria-ea150568.js';
 import { i as inheritAttributes } from './attributes-a3e70948.js';
 import { B as BEM } from './bem-8c7d2eb0.js';

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

@@ -10,15 +10,15 @@ import { d as isSpaceKey, b as isEnterKey, a as isArrowUpKey, e as isArrowLeftKe
 import { L as ListenToFocus } from './focus.decorator-5575312f.js';
 import { L as ListenToAnimation } from './animation.decorator-49923a4a.js';
 import { L as ListenToVisibility } from './visibility.decorator-ee4b6682.js';
-import { L as ListenToWindowResize } from './window-resize.decorator-f286b710.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-899aba5d.js';
+import { L as ListenToWindowResize } from './window-resize.decorator-ef52bf33.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-3666716a.js';
 import { i as inheritAttributes } from './attributes-a3e70948.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './listener-04842ae9.js';
-import './breakpoints.subject-2397d734.js';
+import './breakpoints.subject-1aa7be9a.js';
 import './device-8c6d2881.js';
-import './tokens.esm-a6a0f537.js';
+import './tokens.esm-a3abda33.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-8d2a7ce7.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-a6a0f537.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-a3abda33.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 { a as areArraysEqual } from './array-4c09dfe3.js';
 import { s as stopEventBubbling } from './form-input-263e6f5b.js';
 import { n as newBalStepOption } from './bal-step.util-3905ad56.js';
-import { b as balBreakpoints } from './breakpoints.subject-2397d734.js';
+import { b as balBreakpoints } from './breakpoints.subject-1aa7be9a.js';
 import { L as ListenToMutation } from './mutation.decorator-e915d053.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-899aba5d.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-3666716a.js';
 import './browser-a8073d92.js';
 import './config.utils-cd529084.js';
 import './index-82aff103.js';
@@ -16,7 +16,7 @@ import './index-95ee0c4b.js';
 import './_commonjsHelpers-1c8beb5f.js';
 import './device-8c6d2881.js';
 import './listener-04842ae9.js';
-import './tokens.esm-a6a0f537.js';
+import './tokens.esm-a3abda33.js';
 
 const StepIcon = ({ item, isMobile }) => {
     const bemEl = BEM.block('steps').element('nav').element('item').element('icon');
@@ -36,7 +36,7 @@ const StepButton = ({ item, color, isMobile, clickable, onSelectTab }) => {
         return;
     }
     if (item.href) {
-        return (h("a", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'is-link': true }, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, href: item.href, rel: item.rel, target: item.target, onClick: (ev) => onSelectTab(ev, item) },
+        return (h("a", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, href: item.href, rel: item.rel, target: item.target, onClick: (ev) => onSelectTab(ev, item) },
             h(StepIcon, { item: item, isMobile: isMobile }),
             h(StepLabel, { item: item })));
     }