@baloise/ds-core 19.8.3 → 19.8.4

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

@@ -5,14 +5,14 @@ var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
 var helpers = require('./helpers-HuaiWXrB.js');
 var log = require('./log-CXDMiw7o.js');
-var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
-var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
+var breakpoints_decorator = require('./breakpoints.decorator-byAdfhn7.js');
+var breakpoints_subject = require('./breakpoints.subject-CarqIcOv.js');
 var config_decorator = require('./config.decorator-CUe4yCTd.js');
 require('./browser-BwmkTmm8.js');
 require('./config.utils-Civnz2jT.js');
 require('./device-CoogBamh.js');
 require('./listener-DspXpqzY.js');
-require('./tokens.esm-CNpvwEnI.js');
+require('./tokens.esm-wN1fum6F.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}";
 

package/dist/cjs/bal-modal_3.cjs.entry.js

@@ -268,17 +268,17 @@ const Modal = class {
         return false;
     }
     render() {
-        return (index.h(index.Host, { key: '2f549c1b2f23df85b241d4f791db9e7b7d6c6d99', "aria-modal": "true", "aria-presented": this.presented ? 'true' : null, "data-testid": this.dataTestId, tabindex: "-1", class: Object.assign({ 'bal-modal': true, 'bal-modal--is-closable': this.isClosable, 'bal-modal--is-active': this.presented, [overlays.FOCUS_TRAP_DISABLE_CLASS]: this.focusTrap === false }, getClassMap(this.cssClass)), style: {
+        return (index.h(index.Host, { key: '21dbd50aedd60d75a2960d6701b44cf61ccc7329', "aria-modal": "true", "aria-presented": this.presented ? 'true' : null, "data-testid": this.dataTestId, tabindex: "-1", class: Object.assign({ 'bal-modal': true, 'bal-modal--is-closable': this.isClosable, 'bal-modal--is-active': this.presented, [overlays.FOCUS_TRAP_DISABLE_CLASS]: this.focusTrap === false }, getClassMap(this.cssClass)), style: {
                 '--bal-width': `${this.modalWidth}px`,
-            } }, index.h("div", { key: '611459787dc3ed3f9d88f2c7079644ff23afe385', class: {
+            } }, index.h("div", { key: '69921023055a78f365056dda59e297e985220d4a', class: {
                 'bal-modal__background': true,
                 'is-hidden': !this.hasBackdrop,
-            }, ref: div => (this.modalBackgroundElement = div) }), index.h("div", { key: 'c8553af2894b82528ac43390b5599478a15963b0', class: {
+            }, ref: div => (this.modalBackgroundElement = div) }), index.h("div", { key: '59af5c19fcfb216e36a1d2ac540f25f35be03c59', class: {
                 'bal-modal__container': true,
-            }, ref: div => (this.modalContainerElement = div) }, index.h("div", { key: '3b61064fb8f36d0b875768621867d0429329028b', class: {
+            }, ref: div => (this.modalContainerElement = div) }, index.h("div", { key: '02dd5fe3d3172f0aea3c0b3b7a3a6882ad8fb39b', class: {
                 'bal-modal__content': true,
                 [`bal-modal__content--has-spacing-${this.space}`]: true,
-            }, ref: div => (this.modalContentElement = div) }, index.h("slot", { key: '0ff7a01a8236ea6ef754cd38a89f3fb7337df3b8' })))));
+            }, ref: div => (this.modalContentElement = div) }, index.h("slot", { key: '3b5532f46d38d8b598be0540df655f4f813629fb' })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -289,7 +289,7 @@ const ModalBody = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '4a3cf0d4ca4d8e0fa57745fe87aa9e03c9bc4bef', class: "bal-modal__body" }, index.h("slot", { key: '4f42e2817d50f6633e18e548f3194387802cb251' })));
+        return (index.h(index.Host, { key: '2bef5892f7f6e90bb4c893f4c5ca5027dece343a', class: "bal-modal__body" }, index.h("slot", { key: '45b45f4141bd105c11f57628e6ea2ba989ef1a55' })));
     }
 };
 
@@ -307,7 +307,7 @@ const ModalHeader = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'fa05e7fa9f1a04125400d4e8dc620ef41b8ee8e0', class: "bal-modal__header" }, index.h("div", { key: 'eff6b456ba712662d46cc8034e4e0781e9b56910', class: "bal-modal__header__title" }, index.h("bal-heading", { key: '68d8992f401e949c0323054389e4f8c4a2a731de', level: "h2", space: "none" }, index.h("slot", { key: '7abb147d4ee07d0f9e62daca6d77018bb17d7261' }))), ((_a = this.parentModal) === null || _a === void 0 ? void 0 : _a.isClosable) ? (index.h("bal-close", { class: "bal-modal__header__close data-test-modal-close", onClick: this.closeHandler })) : ('')));
+        return (index.h(index.Host, { key: 'b115e1393596c7d7124ce8b3015e4a2c4c56dcd4', class: "bal-modal__header" }, index.h("div", { key: '06407c1c1848ea62615f30aaa13966facb3e5246', class: "bal-modal__header__title" }, index.h("bal-heading", { key: 'c0784a83d66a5d28e028fc66f26b8ef72f5689df', level: "h2", space: "none" }, index.h("slot", { key: '41a254e6b622293d5ef84a65e7b0c02241bc7014' }))), ((_a = this.parentModal) === null || _a === void 0 ? void 0 : _a.isClosable) ? (index.h("bal-close", { class: "bal-modal__header__close data-test-modal-close", onClick: this.closeHandler })) : ('')));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -10,16 +10,16 @@ var log = require('./log-CXDMiw7o.js');
 var scroll = require('./scroll-B_kvfDui.js');
 var svg = require('./svg-Bw61tXih.js');
 var keyboard_helpers = require('./keyboard.helpers-BkZpVT-9.js');
-var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
+var breakpoints_subject = require('./breakpoints.subject-CarqIcOv.js');
 var config_default = require('./config.default-Bkso4_bY.js');
 var mutation_decorator = require('./mutation.decorator-BolUYaKD.js');
-var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
+var breakpoints_decorator = require('./breakpoints.decorator-byAdfhn7.js');
 var config_decorator = require('./config.decorator-CUe4yCTd.js');
 var resize_decorator = require('./resize.decorator-ChuFQ8x3.js');
 require('./config.utils-Civnz2jT.js');
 require('./device-CoogBamh.js');
 require('./listener-DspXpqzY.js');
-require('./tokens.esm-CNpvwEnI.js');
+require('./tokens.esm-wN1fum6F.js');
 
 /**
  * Gathers information about the tabs in the navigation.
@@ -725,7 +725,7 @@ const Nav = class {
         const block = bem.BEM.block('nav');
         const flyoutBlock = block.element('flyout');
         this.hasRenderedWithFlyoutActive = this.isFlyoutActive;
-        return (index.h(index.Host, { key: 'bd3aaf8839666e5d482640dfa9274b799036fec3', id: this.navId, class: Object.assign({}, block.class()) }, index.h("div", { key: '0ff02ba7e1ad39d2707e84f500768385cd8058f6', class: {
+        return (index.h(index.Host, { key: '68752269e49bc046d352536ca5ae29761bae5769', id: this.navId, class: Object.assign({}, block.class()) }, index.h("div", { key: 'b19421bedd6da29673adddbe3511439936cf76e1', class: {
                 'bal-nav-meta-bar-transform': true,
                 'bal-nav-meta-bar-transform-touch': this.isTouch,
             } }, this.isDesktop ? (index.h("bal-nav-meta-bar", { variant: "primary", size: "small", position: "sticky-top", ref: metaBarEl => (this.metaBarEl = metaBarEl) }, index.h("bal-stack", { space: "auto" }, this.linkItems.length > 1 ? (index.h("bal-tabs", { inverted: true, context: "meta", value: this.activeMetaLinkValue, "aria-label": i18nNavBars[this.language].mainNavigation, onBalChange: ev => this.onMetaBarTabChange(ev) }, this.linkItems.map(item => item.render({
@@ -768,7 +768,7 @@ const Nav = class {
                     });
                 }
             } }, index.h("bal-nav-link", { role: "listitem", variant: "overview", href: (_c = (_b = this.activeMenuLinkItem) === null || _b === void 0 ? void 0 : _b.overviewLink) === null || _c === void 0 ? void 0 : _c.href, target: (_e = (_d = this.activeMenuLinkItem) === null || _d === void 0 ? void 0 : _d.overviewLink) === null || _e === void 0 ? void 0 : _e.target, onClick: () => { var _a; return this.linkItemClickListener((_a = this.activeMenuLinkItem) === null || _a === void 0 ? void 0 : _a.overviewLink); } }, (_g = (_f = this.activeMenuLinkItem) === null || _f === void 0 ? void 0 : _f.overviewLink) === null || _g === void 0 ? void 0 :
-            _g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), index.h("div", { key: '5d7ce9a508ca9c83120c8f288c946ff42001d41d' }, index.h("slot", { key: 'a05f492433abe803c255ed42ecd52faf35f42f38' }))), this.isTouch ? (index.h("bal-nav-meta-bar", { variant: "white", size: "normal" }, index.h("bal-stack", { space: "auto" }, this.renderLogo(), index.h("bal-stack", { space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtTouchTopMetaBar()), index.h("bal-button", { square: true, color: this.isFlyoutActive ? 'primary' : 'light', icon: this.isFlyoutActive ? 'close' : 'menu-bars', "aria-label": this.isFlyoutActive ? i18nNavBars[this.language].close : i18nNavBars[this.language].open, onClick: ev => this.onTouchToggleFlyout(ev) }))))) : (''), this.isTouch ? (index.h("div", { class: Object.assign(Object.assign({}, flyoutBlock.class()), flyoutBlock.modifier('visible').class(this.isFlyoutActive)) }, index.h("nav", { class: Object.assign({}, flyoutBlock.element('container').class()) }, index.h("ul", { class: Object.assign({}, block.element('mobile-meta-list').class()) }, this.linkItems.map(item => item.renderTouch({
+            _g.label, ' ', ((_j = (_h = this.activeMenuLinkItem) === null || _h === void 0 ? void 0 : _h.overviewLink) === null || _j === void 0 ? void 0 : _j.label) ? '➞' : ''), this.renderGridLinks(this.activeMenuLinkItem))) : (''))) : (''), index.h("div", { key: 'a13bae3ec1ab7881bb6448bab61d2f8c34ca7141' }, index.h("slot", { key: 'd231a2fca50d45089ec4e1dc7467085b273a2488' }))), this.isTouch ? (index.h("bal-nav-meta-bar", { variant: "white", size: "normal" }, index.h("bal-stack", { space: "auto" }, this.renderLogo(), index.h("bal-stack", { space: "x-small", "fit-content": true }, this.metaButtons.map(button => button.renderAtTouchTopMetaBar()), index.h("bal-button", { square: true, color: this.isFlyoutActive ? 'primary' : 'light', icon: this.isFlyoutActive ? 'close' : 'menu-bars', "aria-label": this.isFlyoutActive ? i18nNavBars[this.language].close : i18nNavBars[this.language].open, onClick: ev => this.onTouchToggleFlyout(ev) }))))) : (''), this.isTouch ? (index.h("div", { class: Object.assign(Object.assign({}, flyoutBlock.class()), flyoutBlock.modifier('visible').class(this.isFlyoutActive)) }, index.h("nav", { class: Object.assign({}, flyoutBlock.element('container').class()) }, index.h("ul", { class: Object.assign({}, block.element('mobile-meta-list').class()) }, this.linkItems.map(item => item.renderTouch({
             activeMetaLinkValue: this.activeMetaLinkValue,
             activeMenuLinkValue: this.activeMenuLinkValue,
         })))))) : (''), this.isTouch && this.isFlyoutActive ? (index.h("bal-nav-meta-bar", { stayOnTopOfBackdrop: true, variant: "grey", size: "normal" }, index.h("bal-stack", { space: "x-small", align: "center" }, this.metaButtons.map(button => button.renderAtTouchBottomMetaBar())))) : ('')));
@@ -885,10 +885,10 @@ const NavLink = class {
         if (hasLink) {
             linkAttributes = { href, target, rel };
         }
-        return (index.h(index.Host, { key: '094bc385a6c8158fe7be5ad0e4198523d51d65e8', class: Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class(hasVariant)) }, index.h(Link, Object.assign({ key: '1ab588cc904d115f8ec4f4daa879c3386088b031', "data-test": "bal-nav-link", class: Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier(`variant-${this.variant}`).class(hasVariant)), block
+        return (index.h(index.Host, { key: 'fe011833d71cd4fc35585f27ee3cb8fe11dadfb8', class: Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class(hasVariant)) }, index.h(Link, Object.assign({ key: 'ea4ba1bd04867399453d2e4cc2141c250862950f', "data-testid": "bal-nav-link", class: Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier(`variant-${this.variant}`).class(hasVariant)), block
                 .element('native')
                 .modifier('selected')
-                .class(this.selected && (hasLink || this.clickable))) }, linkAttributes), index.h("slot", { key: '78c3c18fbb008c69c4f2f1fd7667a34e8c172dae' }))));
+                .class(this.selected && (hasLink || this.clickable))) }, linkAttributes), index.h("slot", { key: '1889dedfa23b00eb2eaf3aca568e313845482875' }))));
     }
 };
 tslib_es6.__decorate([
@@ -914,7 +914,7 @@ const NavLinkGrid = class {
      */
     render() {
         const block = bem.BEM.block('nav-link-grid');
-        return (index.h(index.Host, { key: 'cf120f164d237ac949800e041f354c577ec9a4c2', class: Object.assign({}, block.class()) }, index.h("slot", { key: 'c8b40348d598dc98dc5d1cdbd61a5dc57736041a' })));
+        return (index.h(index.Host, { key: '7e58a9b6c677d60837d56404af5f6b03a7d96073', class: Object.assign({}, block.class()) }, index.h("slot", { key: '4e7abb8d92056b3f99b42ebad4c1d7752cffca4e' })));
     }
 };
 tslib_es6.__decorate([
@@ -949,7 +949,7 @@ const NavLinkGridCol = class {
     render() {
         const block = bem.BEM.block('nav-link-grid-col');
         const innerEl = block.element('inner');
-        return (index.h(index.Host, { key: 'd7acb4f8e0e7d438e80b429883332e397da63372', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-static').class(this.staticCol)) }, index.h("div", { key: '45840d28afac2acd60020bcbb2365fc5f2942d53', class: Object.assign({}, innerEl.class()) }, index.h("slot", { key: 'c3938c0a946e3fdd55222635b7dc5a057fcab0d6' }))));
+        return (index.h(index.Host, { key: 'b4cba3fc9a569b19d2921f0f728d8865b97ccd55', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-static').class(this.staticCol)) }, index.h("div", { key: '36c2d569a02ea2dc1adb8ecedaab21576f61c0dc', class: Object.assign({}, innerEl.class()) }, index.h("slot", { key: 'c99e184492ca2665cdebad028cd3ab3e97d3249a' }))));
     }
 };
 tslib_es6.__decorate([
@@ -984,7 +984,7 @@ const NavLinkGroup = class {
     render() {
         const block = bem.BEM.block('nav-link-group');
         const hasColor = this.color !== '';
-        return (index.h(index.Host, { key: '430702a9ee2d0b8e90c22a6d5a710e1ff937fa41', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.color}`).class(hasColor)) }, index.h("slot", { key: 'cf882ef1d17029c47e2bb5cb6b7a2a68b4875492' })));
+        return (index.h(index.Host, { key: '12c1c4d22dc3827a4c186c6591b7b043f1dd378b', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-${this.color}`).class(hasColor)) }, index.h("slot", { key: '0c503bfaa7b2587f50936cc3d699e5a1bd9995a7' })));
     }
 };
 tslib_es6.__decorate([
@@ -1032,7 +1032,7 @@ const NavMenuBar = class {
     render() {
         const block = bem.BEM.block('nav-menu-bar');
         const innerBlock = block.element('inner');
-        return (index.h(index.Host, { key: 'c512c5c56732da21be09b4f425cadf3e59cd42f9', id: this.navMenuBarId, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`position-${this.position}`).class(this.position !== 'none')) }, index.h("div", { key: '79c4e0d458b0a7ced671b8fe9268d10748f676f8', class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: '565d5c9f36f2e1d835f1e918308d7b4435cf650a', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: 'ab610c474c6c6a9e1b15036a298aa3b273ae4207' })))));
+        return (index.h(index.Host, { key: 'b640ec27088cbff1fefcd079a84ac42505aff646', id: this.navMenuBarId, class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`position-${this.position}`).class(this.position !== 'none')) }, index.h("div", { key: '390e0f6e814ebe41e163650eb3a4e92cad9cbd8e', class: Object.assign({}, innerBlock.class()) }, index.h("div", { key: '72c9ae70c27cfe8717358e0effcc210d76573146', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: 'b195f883a809c0e65513a81bb33715da46e1bfa1' })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -1107,7 +1107,7 @@ const NavMenuFlyout = class {
     render() {
         const block = bem.BEM.block('nav-menu-flyout');
         const line = block.element('line');
-        return (index.h(index.Host, { key: '5b8b721ba798c1b821379db4eb80bb99d03cbc5b', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, index.h("div", { key: 'b17ee85558e1fcd48d98f1b1744f7484f105e5dc', class: Object.assign({}, line.class()) }), index.h("div", { key: 'b864ab407819d5169e5ac03108d15f1cd0383715', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: '2e517d14555faa2f42447ea55208c3580882fa7b' }))));
+        return (index.h(index.Host, { key: '0ade6170ce034d4820781f4c990d3635bb0dfe79', id: `${this.navId}-menu-flyout`, class: Object.assign({}, block.class()) }, index.h("div", { key: 'a76e5c0918a3b972fee334a7d9262fae315b85c9', class: Object.assign({}, line.class()) }), index.h("div", { key: 'd71930bf624ee077c46cf7139f012c7116dc1dc7', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: 'ff98f9f52e602ec787230b9a91a64920531e1152' }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -1203,7 +1203,7 @@ const NavMetaBar = class {
      */
     render() {
         const block = bem.BEM.block('nav-meta-bar');
-        return (index.h(index.Host, { key: '25684e02977f5a4d967d30008b547d8cf44e3226', id: this.navMetaBarId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class()), block.modifier(`size-${this.size}`).class()), block.modifier(`position-${this.position}`).class(this.position !== 'none')), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`stay-on-top`).class(this.stayOnTopOfBackdrop)) }, index.h("div", { key: 'f57d830449b096a918c3c95afdc3c10bfe0aebab', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: 'bff11fca547605a1f0f1993fd7ffefa4b3c500a6' }))));
+        return (index.h(index.Host, { key: '9d2cee16f0b6f542d42085aca4e263d727707849', id: this.navMetaBarId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`variant-${this.variant}`).class()), block.modifier(`size-${this.size}`).class()), block.modifier(`position-${this.position}`).class(this.position !== 'none')), block.modifier(`hidden-mobile`).class(this.invisible === 'mobile')), block.modifier(`hidden-tablet`).class(this.invisible === 'tablet')), block.modifier(`stay-on-top`).class(this.stayOnTopOfBackdrop)) }, index.h("div", { key: '6b581e5abc62a58085a57cdf74346290130fe807', class: Object.assign({}, block.element('container').class()) }, index.h("slot", { key: '75bdbcc78e502814264e1548697a987df10af720' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -8,13 +8,13 @@ var helpers = require('./helpers-HuaiWXrB.js');
 var scroll = require('./scroll-B_kvfDui.js');
 var config_default = require('./config.default-Bkso4_bY.js');
 var config_decorator = require('./config.decorator-CUe4yCTd.js');
-var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
-var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
+var breakpoints_subject = require('./breakpoints.subject-CarqIcOv.js');
+var breakpoints_decorator = require('./breakpoints.decorator-byAdfhn7.js');
 require('./config.utils-Civnz2jT.js');
 require('./log-CXDMiw7o.js');
 require('./device-CoogBamh.js');
 require('./listener-DspXpqzY.js');
-require('./tokens.esm-CNpvwEnI.js');
+require('./tokens.esm-wN1fum6F.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__logo--small{height:calc(100% - 2.5rem)}@media screen and (min-width: 1024px){.bal-navbar__brand__logo--small{height:calc(100% - 3.5rem)}}.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}";
 
@@ -63,7 +63,7 @@ const Navbar = class {
     }
     render() {
         const navbarEl = bem.BEM.block('navbar');
-        return (index.h(index.Host, { key: 'e3ebbb80f7a7bdd0c832b55bd1a1c0981374fbac', class: Object.assign(Object.assign(Object.assign({}, navbarEl.class()), navbarEl.modifier(`context-${this.interface}`).class()), navbarEl.modifier(`is-light`).class(this.light)) }, index.h("nav", { key: 'be15f3d1a10b38b5bdfd2135c6c5d13aedee83ae', role: "navigation", "aria-label": "main navigation", class: Object.assign(Object.assign({}, navbarEl.element('nav').class()), { container: true, [`is-${this.container}`]: this.container !== '' }) }, index.h("slot", { key: 'b6e746b68f03e11fd4a40f37d693401d37be45cf' }))));
+        return (index.h(index.Host, { key: 'd21b6f612b2111ce0a70adb00e62fc7663d1b651', class: Object.assign(Object.assign(Object.assign({}, navbarEl.class()), navbarEl.modifier(`context-${this.interface}`).class()), navbarEl.modifier(`is-light`).class(this.light)) }, index.h("nav", { key: 'c04d357d30be897227259035bd86e2f5a7edc936', role: "navigation", "aria-label": "main navigation", class: Object.assign(Object.assign({}, navbarEl.element('nav').class()), { container: true, [`is-${this.container}`]: this.container !== '' }) }, index.h("slot", { key: '48fba6d236e2dfdbf7d0ae23d76b290f63692ba6' }))));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -210,7 +210,7 @@ const NavbarBrand = class {
                 .modifier('small')
                 .class(this.logoSize === 'small')), src: this.logo, alt: "Logo" })) : (index.h("bal-logo", { animated: this.animated, color: 'white', size: this.logoSize }));
         const logoLabel = this.logoLabel ? this.logoLabel : i18nBalNavbarBrand[this.language].logoButtonLabel;
-        return (index.h(index.Host, { key: 'e2534fabd7b620bef928e4e5e224295832bc5665', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (index.h("a", { "aria-label": logoLabel, title: logoLabel, href: this.href, rel: this.rel, target: this.target, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : this.logoClickable ? (index.h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), index.h("span", { key: '72f3cb42aee12c085ecbc2ecd0a7ef4adbe6e306', class: Object.assign({}, navbarBrandEl.element('title').class()) }, index.h("slot", { key: 'e2e58abba878ec1f05624e319a3c8965680aebac' })), index.h("bal-button", { key: 'd98c54c44c7739518eb62da8fa53df3291592c12', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
+        return (index.h(index.Host, { key: 'a15da2fb97dbef0b32324709d548fe38af7fa84b', class: Object.assign(Object.assign({}, navbarBrandEl.class()), navbarBrandEl.modifier(`context-${this.interface}`).class()) }, this.href ? (index.h("a", { "aria-label": logoLabel, title: logoLabel, href: this.href, rel: this.rel, target: this.target, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : this.logoClickable ? (index.h("button", { "aria-label": logoLabel, title: logoLabel, onClick: (ev) => this.balNavigate.emit(ev) }, logoTemplate)) : (logoTemplate), index.h("span", { key: '9c70804fe300d6f0b17bee14bb356078db7b587d', class: Object.assign({}, navbarBrandEl.element('title').class()) }, index.h("slot", { key: '53e5729ff4823597e8407a0f7dbacc86696d34aa' })), index.h("bal-button", { key: '5b0d8585d122add66365aef3f9f0a6f27e72212f', class: Object.assign(Object.assign({}, navbarBrandEl.element('burger').class()), navbarBrandEl
                 .element('burger')
                 .modifier('hidden')
                 .class(this.interface === 'simple')), color: "light", inverted: true, square: true, icon: this.isMenuActive ? 'close' : 'menu-bars', onClick: () => this.onClick() })));
@@ -260,7 +260,7 @@ const NavbarMenu = class {
                 container = navbarEl.container;
             }
         }
-        return (index.h(index.Host, { key: '63998810051c44f2d243a7bfa00b67e8af85c7f4', class: Object.assign(Object.assign(Object.assign(Object.assign({}, menuEl.class()), menuEl.modifier('active').class(this.isMenuActive)), menuEl.modifier(`context-${this.interface}`).class()), { container: true, [`is-${container}`]: container !== '' }) }, index.h("slot", { key: 'becca6583af8c7f8c16352b8b883d8a3e0bb12b0' })));
+        return (index.h(index.Host, { key: 'e3632d31af2bf0bbd0bc416c40ff17ed7cd3a74f', class: Object.assign(Object.assign(Object.assign(Object.assign({}, menuEl.class()), menuEl.modifier('active').class(this.isMenuActive)), menuEl.modifier(`context-${this.interface}`).class()), { container: true, [`is-${container}`]: container !== '' }) }, index.h("slot", { key: '63897a0b6c61e222fc3f87051c1f4cf89d27be5a' })));
     }
     get element() { return index.getElement(this); }
 };
@@ -284,7 +284,7 @@ const NavbarMenuEnd = class {
     }
     render() {
         const menuEndEl = bem.BEM.block('navbar').element('menu').element('end');
-        return (index.h(index.Host, { key: 'f14a32308315faa073437ea9f98198fda0b1c10e', class: Object.assign(Object.assign({}, menuEndEl.class()), menuEndEl.modifier(`context-${this.interface}`).class()) }, index.h("slot", { key: '46fca68cb333182ac0ba7bab88e8f119a7493f67' })));
+        return (index.h(index.Host, { key: '704fe4c50701625f0160aa39a79a5fc3e2f9debb', class: Object.assign(Object.assign({}, menuEndEl.class()), menuEndEl.modifier(`context-${this.interface}`).class()) }, index.h("slot", { key: '05737e744803b4b62906ab835d555d1c9cc6cf98' })));
     }
 };
 
@@ -301,7 +301,7 @@ const NavbarMenuStart = class {
     }
     render() {
         const menuStartEl = bem.BEM.block('navbar').element('menu').element('start');
-        return (index.h(index.Host, { key: '53e5a32adbf95bc5949b66ca03afb6d83981e710', class: Object.assign(Object.assign({}, menuStartEl.class()), menuStartEl.modifier(`context-${this.interface}`).class()) }, index.h("slot", { key: 'ff1ca88a94cdfcef3c8986dd92fc3fd086832280' })));
+        return (index.h(index.Host, { key: 'b53e1c198366eeca89e5d71bf52af297902307a8', class: Object.assign(Object.assign({}, menuStartEl.class()), menuStartEl.modifier(`context-${this.interface}`).class()) }, index.h("slot", { key: '3e123a521d151135d72001d1b3ac703d236a4c8f' })));
     }
 };
 

package/dist/cjs/bal-notices_3.cjs.entry.js

@@ -25,7 +25,7 @@ const Notices = class {
         const block = bem.BEM.block('notices');
         const innerEl = block.element('inner');
         const hasContainer = this.interface === 'toast' && this.container !== undefined;
-        return (index.h(index.Host, { key: '294ba92d2e137fa0c5406ec60d56d0eed1e4fcf7', class: Object.assign(Object.assign(Object.assign({ 'bal-app': true }, block.class()), block.modifier('container').class(hasContainer)), block.modifier('animated').class(this.animated)) }, index.h("div", { key: '53decc541abb88d35bd6b27afb9af46bffc9b2b9', class: Object.assign(Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(this.interface).class()), { container: hasContainer, [`is-${this.container}`]: hasContainer && this.container !== '' }) }, index.h("slot", { key: 'e1c9750c08902b3aec0fb0d87722f7bdf3f2bab4' }))));
+        return (index.h(index.Host, { key: '83c73f66abe9dc3abf4181c43af09fc4ce7f3b7a', class: Object.assign(Object.assign(Object.assign({ 'bal-app': true }, block.class()), block.modifier('container').class(hasContainer)), block.modifier('animated').class(this.animated)) }, index.h("div", { key: 'f16cd17c52f0df45500e9be985fc099c5c134cf6', class: Object.assign(Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(this.interface).class()), { container: hasContainer, [`is-${this.container}`]: hasContainer && this.container !== '' }) }, index.h("slot", { key: 'bdf0fc55a2b9d63fed14821e8e83553394052ac2' }))));
     }
 };
 Notices.style = balNoticesCss;
@@ -130,7 +130,7 @@ const Snackbar = class {
             success: 'check-circle',
         };
         const icon = isIconDefined ? this.icon : colorIcons[this.color || 'info'];
-        return (index.h(index.Host, { key: 'df929ed6cee25a1532d38271e670af91c0e863e0', id: this.snackbarId, role: "alertdialog", class: Object.assign(Object.assign({}, block.class()), block.modifier(`color-${this.color}`).class(!!this.color)), "aria-labelledby": subjectId }, index.h("div", { key: 'adec486c4921a5811db09ec333f97f1a910df834', class: Object.assign({}, detailsEl.class()) }, index.h("div", { key: '051a50017e348539aa62cfe754d46a7783251ec2', "aria-hidden": "true", class: Object.assign(Object.assign(Object.assign({}, detailsEl.element('icon').class()), detailsEl.element('icon').modifier('masked').class(!isIconDefined)), detailsEl.element('icon').modifier(`color-${this.color}`).class(!isIconDefined)) }, isIconDefined ? index.h("bal-icon", { name: icon, color: 'primary', size: "medium" }) : ''), index.h("div", { key: '98a4577513a0bb2d01ae6a09aff30ed727e06edb', class: Object.assign({}, detailsEl.element('content').class()) }, index.h("h2", { key: 'accaabaf17294cd3e87a14009282fae9f593b388', id: subjectId }, this.subject), index.h("span", Object.assign({ key: 'c412b25f693f3bb3c09b89c6f49cc490a58cbc25' }, messageAttributes), index.h("slot", { key: 'bcbe998117686a604798040450a0e6e01029d9ad' }), index.h("span", { key: '4941bb6cadaa3f1c893622130b2dc602ca34d0b8', class: "hidden" }))), index.h("div", { key: '86248cf3065ce74ddb4896a850472f661faf0de7', class: Object.assign({}, detailsEl.element('close').class()) }, index.h("bal-close", { key: 'b04e7d7a75fb2a1f8eadbec4dc1f1ae7e218dd8c', class: "bal-snackbar__close", "data-testid": "bal-snackbar-close", onClick: () => this.close() }))), this.action ? (index.h("div", { class: Object.assign({}, buttonWrapperEl.class()) }, index.h("bal-button", { color: "info", size: "small", href: this.href, target: this.target, onClick: () => this.onActionHandler(), "data-testid": "bal-snackbar-action" }, this.action))) : ('')));
+        return (index.h(index.Host, { key: 'b3915c5a567dc89a8ec7145a7ab98498ca97b66d', id: this.snackbarId, role: "alertdialog", class: Object.assign(Object.assign({}, block.class()), block.modifier(`color-${this.color}`).class(!!this.color)), "aria-labelledby": subjectId }, index.h("div", { key: 'ae6759e051630b2c9fe51c7d24d931e30737376d', class: Object.assign({}, detailsEl.class()) }, index.h("div", { key: 'dfb41b163dfb1ec063576c487769102bd2c52c40', "aria-hidden": "true", class: Object.assign(Object.assign(Object.assign({}, detailsEl.element('icon').class()), detailsEl.element('icon').modifier('masked').class(!isIconDefined)), detailsEl.element('icon').modifier(`color-${this.color}`).class(!isIconDefined)) }, isIconDefined ? index.h("bal-icon", { name: icon, color: 'primary', size: "medium" }) : ''), index.h("div", { key: '75a34eb777fbf3c9d8ffdc431a155183888fe5ad', class: Object.assign({}, detailsEl.element('content').class()) }, index.h("h2", { key: '7aecaed230c536db0771eb4060a20f8d89b737fa', id: subjectId }, this.subject), index.h("span", Object.assign({ key: '660cdb87938ee2d5e48bb103dbdb573deafbf088' }, messageAttributes), index.h("slot", { key: '8a9a874dca0cfce2771f4af4a356e7783d2efada' }), index.h("span", { key: '988af9ec4c07a0a07f82f0036931cd1dad15a13c', class: "hidden" }))), index.h("div", { key: 'be82a69b4dc2f4e42ba9f55e7f7af403ce0136cd', class: Object.assign({}, detailsEl.element('close').class()) }, index.h("bal-close", { key: '9b999204c4f1fbdb215161ae08ebec3c8ae21658', class: "bal-snackbar__close", "data-testid": "bal-snackbar-close", onClick: () => this.close() }))), this.action ? (index.h("div", { class: Object.assign({}, buttonWrapperEl.class()) }, index.h("bal-button", { color: "info", size: "small", href: this.href, target: this.target, onClick: () => this.onActionHandler(), "data-testid": "bal-snackbar-action" }, this.action))) : ('')));
     }
     get element() { return index.getElement(this); }
 };
@@ -191,7 +191,7 @@ const Toast = class {
         const innerEl = block.element('inner');
         const labelEl = block.element('label');
         const closeEl = block.element('close');
-        return (index.h(index.Host, { key: 'b49790e0483e251c17dd060c979af6ca8a7678b7', id: this.toastId, class: Object.assign({}, block.class()) }, index.h("div", { key: 'a131933ba9f0622de515e25b36114a94246c34ae', role: "status", class: Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(`color-${this.color}`).class(!!this.color)) }, index.h("span", { key: '3a27b84ccc748f4d070eeef27499817fd6e5d2bf', class: Object.assign({}, labelEl.class()), "data-testid": "bal-toast-label", innerHTML: this.message }, index.h("slot", { key: '2e6627eb3591a8e65507693e5871249c2c4b2ca6' })), this.closable !== false ? (index.h("bal-close", { class: Object.assign({}, closeEl.class()), onClick: () => this.close(), inverted: false, "data-testid": "bal-toast-close" })) : (''))));
+        return (index.h(index.Host, { key: '46ad818112b1002e1a48a627eb714dec23aba2a5', id: this.toastId, class: Object.assign({}, block.class()) }, index.h("div", { key: 'e2db452a14a302ba7ed9ebbeb8a78e801a175998', role: "status", class: Object.assign(Object.assign({}, innerEl.class()), innerEl.modifier(`color-${this.color}`).class(!!this.color)) }, index.h("span", { key: '41331cb2609ece86bb59951cab9ec61b76b27c33', class: Object.assign({}, labelEl.class()), "data-testid": "bal-toast-label", innerHTML: this.message }, index.h("slot", { key: '09572e31b7d8bcc5ec8f31e33df31cdca13a7355' })), this.closable !== false ? (index.h("bal-close", { class: Object.assign({}, closeEl.class()), onClick: () => this.close(), inverted: false, "data-testid": "bal-toast-close" })) : (''))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/bal-notification.cjs.entry.js

@@ -25,7 +25,7 @@ const Notification = class {
     render() {
         const block = bem.BEM.block('notification');
         block.element('inner');
-        return (index.h(index.Host, { key: 'f9a2fea93790ed9356e61597b3a6301a2cabc57f', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`no-icon`).class(this.noIcon)), block.modifier(`color-${this.color}${this.light ? '-light' : ''}`).class(!!this.color)), block.modifier(`color-light`).class(!this.color && this.light)), "data-testid": "bal-notification-content" }, index.h("slot", { key: '032dda1d4a05b484eb484465e5550da20a71499e' })));
+        return (index.h(index.Host, { key: '25a9149c4bb693ebf3c1b1a863e72f7727b8d046', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`no-icon`).class(this.noIcon)), block.modifier(`color-${this.color}${this.light ? '-light' : ''}`).class(!!this.color)), block.modifier(`color-light`).class(!this.color && this.light)), "data-testid": "bal-notification-content" }, index.h("slot", { key: '6254964fe9f247d75cb102a80c7a251a233bf2d9' })));
     }
 };
 Notification.style = balNotificationCss;

package/dist/cjs/bal-number-input.cjs.entry.js

@@ -387,7 +387,7 @@ const NumberInput = class {
      */
     render() {
         const block = bem.BEM.block('number-input');
-        return (index$2.h(index$2.Host, { key: '05aefde81132346bdb2130d043eca23d147de546', onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: '28ee794cc826e50003d8485c8dda1ba2e083481b', class: {
+        return (index$2.h(index$2.Host, { key: 'dfe0471d58775e45f8f20a611b1daa12c46c1fbb', onClick: this.handleClick, "aria-disabled": aria.ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, index$2.h("input", Object.assign({ key: 'bfd1c5515ae11030d1efa3f135cc0e2ba53f3bc0', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,

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

@@ -3,16 +3,16 @@
 var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
-var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
+var breakpoints_subject = require('./breakpoints.subject-CarqIcOv.js');
 var config_default = require('./config.default-Bkso4_bY.js');
-var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
+var breakpoints_decorator = require('./breakpoints.decorator-byAdfhn7.js');
 var config_decorator = require('./config.decorator-CUe4yCTd.js');
 require('./helpers-HuaiWXrB.js');
 require('./browser-BwmkTmm8.js');
 require('./config.utils-Civnz2jT.js');
 require('./device-CoogBamh.js');
 require('./listener-DspXpqzY.js');
-require('./tokens.esm-CNpvwEnI.js');
+require('./tokens.esm-wN1fum6F.js');
 require('./log-CXDMiw7o.js');
 
 const i18nControlLabel = {
@@ -270,10 +270,10 @@ const Pagination = class {
         const leftControlTitle = i18nControlLabel[this.language].left;
         const rightControlTitle = i18nControlLabel[this.language].right;
         const hasBasicNavigationButtons = this.interface === '' || (isSmall && this.totalPages <= 5);
-        const SmallWithText = () => (index.h("span", { key: '59ca5648f4cc6cf0469b3a4238515508f742a552', class: Object.assign(Object.assign({}, elList.class()), elList.modifier(`context-${this.interface}`).class()) }, index.h("span", { key: 'e8258fcfa29e3535f1b1da2dbf0e89266d6cec89' }, this._value), ' / ' + this.totalPages));
-        const PaginationTablet = () => (index.h("ul", { key: '9a53e78442f9ae97809217ca59c97ff70855968f', class: Object.assign(Object.assign(Object.assign({}, elList.class()), elList.modifier(`context-${this.interface}`).class()), { 'is-disabled': this.disabled }), "data-testid": "bal-pagination-list" }, tabletItems));
-        const PaginationMobile = () => (index.h("ul", { key: '1fe47c3d518b2ac04c5da482e91b581bed926f48', class: Object.assign(Object.assign(Object.assign({}, elList.class()), elList.modifier(`context-${this.interface}`).class()), { 'is-disabled': this.disabled }), "data-testid": "bal-pagination-list" }, mobileItems));
-        return (index.h(index.Host, { key: 'e7537b55e58f3a59c0092b6b63a9d66e37ae7fdf', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-sticky').class(this.sticky)) }, index.h("nav", { key: 'e98779bf3ef44a0ddb9c037a557ef9c9f6120950', class: Object.assign(Object.assign(Object.assign({}, elNav.class()), elNav.modifier(`context-${this.interface}`).class(this.interface !== '')), elNav.modifier(`align-${this.align}`).class(this.align !== '')), role: "navigation", "aria-label": "pagination" }, !this.disabled ? (index.h("button", { class: Object.assign(Object.assign({ 'button': true, 'is-square': true, 'is-disabled': this._value < 2, 'is-flat': flat, [buttonColor]: true, [buttonSize]: true }, elPrevious.class()), elPrevious.modifier(`context-${this.interface}`).class()), disabled: this._value < 2, onClick: () => this.previous(), "data-testid": "bal-pagination-controls-left", title: leftControlTitle }, index.h("bal-icon", { name: "nav-go-left", size: "small", disabled: this._value < 2 }))) : (''), !this.disabled ? (index.h("button", { class: Object.assign(Object.assign({ 'button': true, 'is-square': true, 'is-disabled': this._value === this.totalPages, 'is-flat': flat, [buttonColor]: true, [buttonSize]: true }, elNext.class()), elNext.modifier(`context-${this.interface}`).class()), disabled: this._value === this.totalPages, onClick: () => this.next(), "data-testid": "bal-pagination-controls-right", title: rightControlTitle }, index.h("bal-icon", { name: "nav-go-right", size: "small", disabled: this._value === this.totalPages }))) : (''), hasBasicNavigationButtons && this.isMobile ? index.h(PaginationMobile, null) : '', hasBasicNavigationButtons && !this.isMobile ? index.h(PaginationTablet, null) : '', !hasBasicNavigationButtons ? index.h(SmallWithText, null) : '')));
+        const SmallWithText = () => (index.h("span", { key: '6851055924de8b04d1c2426851296fc43de9d5a8', class: Object.assign(Object.assign({}, elList.class()), elList.modifier(`context-${this.interface}`).class()) }, index.h("span", { key: '3c7b45ffc1b9844a54b05455444fc27f0947ed23' }, this._value), ' / ' + this.totalPages));
+        const PaginationTablet = () => (index.h("ul", { key: 'ac07986c347c110d113f46ceff2cb77ced99c5da', class: Object.assign(Object.assign(Object.assign({}, elList.class()), elList.modifier(`context-${this.interface}`).class()), { 'is-disabled': this.disabled }), "data-testid": "bal-pagination-list" }, tabletItems));
+        const PaginationMobile = () => (index.h("ul", { key: '9b83d79dd7bb63cfeb8d98ff940f2a91c9db72c8', class: Object.assign(Object.assign(Object.assign({}, elList.class()), elList.modifier(`context-${this.interface}`).class()), { 'is-disabled': this.disabled }), "data-testid": "bal-pagination-list" }, mobileItems));
+        return (index.h(index.Host, { key: 'c9f4756500a4f05b3d4756c0c568d6e7d930292c', class: Object.assign(Object.assign({}, block.class()), block.modifier('is-sticky').class(this.sticky)) }, index.h("nav", { key: '463f770907d3b73651eb525c951870d53afb3147', class: Object.assign(Object.assign(Object.assign({}, elNav.class()), elNav.modifier(`context-${this.interface}`).class(this.interface !== '')), elNav.modifier(`align-${this.align}`).class(this.align !== '')), role: "navigation", "aria-label": "pagination" }, !this.disabled ? (index.h("button", { class: Object.assign(Object.assign({ 'button': true, 'is-square': true, 'is-disabled': this._value < 2, 'is-flat': flat, [buttonColor]: true, [buttonSize]: true }, elPrevious.class()), elPrevious.modifier(`context-${this.interface}`).class()), disabled: this._value < 2, onClick: () => this.previous(), "data-testid": "bal-pagination-controls-left", title: leftControlTitle }, index.h("bal-icon", { name: "nav-go-left", size: "small", disabled: this._value < 2 }))) : (''), !this.disabled ? (index.h("button", { class: Object.assign(Object.assign({ 'button': true, 'is-square': true, 'is-disabled': this._value === this.totalPages, 'is-flat': flat, [buttonColor]: true, [buttonSize]: true }, elNext.class()), elNext.modifier(`context-${this.interface}`).class()), disabled: this._value === this.totalPages, onClick: () => this.next(), "data-testid": "bal-pagination-controls-right", title: rightControlTitle }, index.h("bal-icon", { name: "nav-go-right", size: "small", disabled: this._value === this.totalPages }))) : (''), hasBasicNavigationButtons && this.isMobile ? index.h(PaginationMobile, null) : '', hasBasicNavigationButtons && !this.isMobile ? index.h(PaginationTablet, null) : '', !hasBasicNavigationButtons ? index.h(SmallWithText, null) : '')));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -643,7 +643,7 @@ const Popup = class {
         const innerBlock = block.element('inner');
         const innerHeadBlock = innerBlock.element('head');
         const innerContentBlock = innerBlock.element('content');
-        return (index.h(index.Host, { key: 'f933f5fcad5422883743d27d5ec884310f97feca', 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` }, index.h("div", { key: '9fc15384c844fa45fe32d2be780257357d47899e', class: Object.assign({}, backdropBlock.class()), ref: backdropEl => (this.backdropEl = backdropEl) }), index.h("div", { key: 'ee8def20d0a8fd9cdcfe587d62a17d27b1f8c065', class: Object.assign(Object.assign({}, containerBlock.class()), containerBlock.modifier(`variant-${this.activeVariant}`).class()), ref: containerEl => (this.containerEl = containerEl), style: { minWidth: this.minContainerWidth } }, index.h("div", { key: '93d308f9ceef5bdf8c041d4c71f807f2310f58f0', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), index.h("bal-stack", { key: '5b93de3287bc6cac16769940895977ff44403d63', layout: "vertical", px: this.activeVariant === 'popover' ? 'medium' : 'none', py: "medium", class: Object.assign({}, innerBlock.class()), ref: innerBlock => (this.innerEl = innerBlock) }, this.label ? (index.h("bal-stack", { space: "auto", class: Object.assign({}, innerHeadBlock.class()) }, index.h("bal-heading", { "data-test": "bal-popup-label", level: "span", "visual-level": "large", id: `${this.popupId}-heading` }, this.label), this.activeClosable ? (index.h("bal-close", { "data-test": "bal-popup-close", tabindex: -1, onClick: () => this.onCloseClick() })) : (''))) : (''), index.h("div", { key: '08dc53b3d3dea1c74d45742033594714c6f0f4d3', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-test": "bal-popup-content", tabindex: "-1" }, index.h("slot", { key: 'c9e2dc8db8ffd88e26776a2eef632d572a03c6e3' }))))));
+        return (index.h(index.Host, { key: '815e1a03c79472bb0913b4a28519802606bac73c', 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` }, index.h("div", { key: 'effa9ca039cb7c5b27db07f23e02a464e5f09ce9', class: Object.assign({}, backdropBlock.class()), ref: backdropEl => (this.backdropEl = backdropEl) }), index.h("div", { key: '343a483098c5d4b657298c3f0b5d14705a3e78bd', class: Object.assign(Object.assign({}, containerBlock.class()), containerBlock.modifier(`variant-${this.activeVariant}`).class()), ref: containerEl => (this.containerEl = containerEl), style: { minWidth: this.minContainerWidth } }, index.h("div", { key: 'dbcb76dfb93527828e6f73974cbfd62225bd26c3', class: Object.assign({}, arrowBlock.class()), ref: arrowEl => (this.arrowEl = arrowEl) }), index.h("bal-stack", { key: '119c391a7fa3081548740bf23b57a6ae05417188', layout: "vertical", px: this.activeVariant === 'popover' ? 'medium' : 'none', py: "medium", class: Object.assign({}, innerBlock.class()), ref: innerBlock => (this.innerEl = innerBlock) }, this.label ? (index.h("bal-stack", { space: "auto", class: Object.assign({}, innerHeadBlock.class()) }, index.h("bal-heading", { "data-testid": "bal-popup-label", level: "span", "visual-level": "large", id: `${this.popupId}-heading` }, this.label), this.activeClosable ? (index.h("bal-close", { "data-testid": "bal-popup-close", tabindex: -1, onClick: () => this.onCloseClick() })) : (''))) : (''), index.h("div", { key: 'ff97c08a3151dc9f71552eede345d84716ea7e3b', class: Object.assign({}, innerContentBlock.class()), ref: contentEl => (this.contentEl = contentEl), "data-testid": "bal-popup-content", tabindex: "-1" }, index.h("slot", { key: '21e9b66eec4627f414c4802eccc5276c20a9c536' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,14 +4,14 @@ var index = require('./index-feA4skrY.js');
 var tslib_es6 = require('./tslib.es6-DrfCPgT9.js');
 var bem = require('./bem-p0PWVN8n.js');
 var helpers = require('./helpers-HuaiWXrB.js');
-var breakpoints_subject = require('./breakpoints.subject-dnWvx514.js');
-var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
-var windowResize_decorator = require('./window-resize.decorator-Ck1Zfh6H.js');
+var breakpoints_subject = require('./breakpoints.subject-CarqIcOv.js');
+var breakpoints_decorator = require('./breakpoints.decorator-byAdfhn7.js');
+var windowResize_decorator = require('./window-resize.decorator-DMReD0Er.js');
 require('./browser-BwmkTmm8.js');
 require('./config.utils-Civnz2jT.js');
 require('./device-CoogBamh.js');
 require('./listener-DspXpqzY.js');
-require('./tokens.esm-CNpvwEnI.js');
+require('./tokens.esm-wN1fum6F.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)}";
 
@@ -84,7 +84,7 @@ const ProgressBar = class {
     render() {
         const block = bem.BEM.block('progress-bar');
         const bemLineEl = block.element('line');
-        return (index.h(index.Host, { key: '4452ea701b96a45d8c29a644c76cbb1849284ca1', "aria-hidden": "true", class: Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.background}-of-${this.color}`).class()) }, index.h("div", { key: 'c58656c6f9db6b8154681a70182e101007480a34', class: Object.assign(Object.assign(Object.assign({}, bemLineEl.class()), bemLineEl.modifier(`color-${this.color}`).class()), bemLineEl.modifier(`animated`).class(this.animated)), ref: lineEl => (this.lineEl = lineEl) })));
+        return (index.h(index.Host, { key: '3560c076e654839526d357edec7f7d605793d9b0', "aria-hidden": "true", class: Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.background}-of-${this.color}`).class()) }, index.h("div", { key: 'd89c4e6cf2d0c12abd70696606c47f03de988889', class: Object.assign(Object.assign(Object.assign({}, bemLineEl.class()), bemLineEl.modifier(`color-${this.color}`).class()), bemLineEl.modifier(`animated`).class(this.animated)), ref: lineEl => (this.lineEl = lineEl) })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/bal-radio-icon.cjs.entry.js

@@ -47,7 +47,7 @@ const RadioIcon = class {
         const disabled = !!this.disabled;
         const invalid = !!this.invalid;
         const inverted = !!this.inverted;
-        return (index.h(index.Host, { key: '0662e5a528a5dbadfaa8763a06acb7baa46b223d', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('checked').class(checked)), block.modifier('disabled').class(disabled)), block.modifier('invalid').class(invalid)), block.modifier('inverted').class(inverted)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)) }));
+        return (index.h(index.Host, { key: '161bc840e553656a11a4f6c9aaedfa554dcdcf01', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('checked').class(checked)), block.modifier('disabled').class(disabled)), block.modifier('invalid').class(invalid)), block.modifier('inverted').class(inverted)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)) }));
     }
 };
 RadioIcon.style = balRadioIconCss;

package/dist/cjs/bal-radio_2.cjs.entry.js

@@ -348,11 +348,11 @@ const Radio = class {
         if (this.labelHidden) {
             inputAttributes['aria-labelledby'] = labelId;
         }
-        return (index.h(index.Host, { key: '382a76b43c4967878e796e20914faaad31c1cb9b', "aria-checked": `${this.checked}`, "aria-disabled": aria.ariaBooleanToString(this.disabled), "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-hidden": this.disabled ? 'true' : null, "aria-focused": focused ? 'true' : null, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('button').class(this.interface === 'button')), block.modifier('tile').class(this.interface === 'tile')), block.modifier(`tile-color-${this.color}`).class(this.interface === 'tile' && !!this.color)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier(`column-${this.colSize}`).class(this.interface === 'tile' && this.colSize > 1)), block
+        return (index.h(index.Host, { key: 'faa44091416d0505e2d84a792bd49f5eab82f897', "aria-checked": `${this.checked}`, "aria-disabled": aria.ariaBooleanToString(this.disabled), "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-hidden": this.disabled ? 'true' : null, "aria-focused": focused ? 'true' : null, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ 'bal-focused': focused }, block.class()), block.modifier('button').class(this.interface === 'button')), block.modifier('tile').class(this.interface === 'tile')), block.modifier(`tile-color-${this.color}`).class(this.interface === 'tile' && !!this.color)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('flat').class(this.flat)), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('hovered').class(this.hovered)), block.modifier('pressed').class(this.pressed)), block.modifier(`column-${this.colSize}`).class(this.interface === 'tile' && this.colSize > 1)), block
                 .modifier(`column-tablet-${this.colSizeTablet}`)
                 .class(this.interface === 'tile' && this.colSizeTablet > 1)), block
                 .modifier(`column-mobile-${this.colSizeMobile}`)
-                .class(this.interface === 'tile' && this.colSizeMobile > 1)), onClick: this.onClick }, index.h(LabelTag, { key: '473e9946e24bcb342d728ea9401ca6306e6dac33', class: Object.assign({}, labelEl.class()), "data-testid": "bal-radio-label" }, hasFormControl ? (index.h("input", Object.assign({ id: id, type: "radio", "data-testid": "bal-radio-input", name: this.name, value: value, checked: this.checked, required: this.required, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, class: Object.assign({}, inputEl.class()), "aria-hidden": aria.ariaBooleanToString(this.nonSubmit), "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-describedby": this.ariaForm.messageId, onChange: ev => this.toggleChecked(ev), onFocus: ev => this.onFocus(ev), onBlur: ev => this.onBlur(ev), ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes))) : (''), this.interface !== 'tile' ? (index.h("div", { class: Object.assign({}, labelIconEl.class()) }, index.h("bal-radio-icon", { checked: this.checked, disabled: this.disabled || this.readonly, invalid: this.invalid, inverted: this.interface === 'button' && this.checked, hovered: this.mergedElementState.hovered, pressed: this.mergedElementState.pressed }))) : (''), index.h("div", { key: '443a97633b9a93c613218ff53ee97c6f37b2dc8f', class: Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)) }, index.h("slot", { key: '76cb543fed4b836d6b937d8ff016f8e14e2c6dcc' })))));
+                .class(this.interface === 'tile' && this.colSizeMobile > 1)), onClick: this.onClick }, index.h(LabelTag, { key: '3588b099302b821eccd777ae3149744f53a97834', class: Object.assign({}, labelEl.class()), "data-testid": "bal-radio-label" }, hasFormControl ? (index.h("input", Object.assign({ id: id, type: "radio", "data-testid": "bal-radio-input", name: this.name, value: value, checked: this.checked, required: this.required, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, class: Object.assign({}, inputEl.class()), "aria-hidden": aria.ariaBooleanToString(this.nonSubmit), "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-describedby": this.ariaForm.messageId, onChange: ev => this.toggleChecked(ev), onFocus: ev => this.onFocus(ev), onBlur: ev => this.onBlur(ev), ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes))) : (''), this.interface !== 'tile' ? (index.h("div", { class: Object.assign({}, labelIconEl.class()) }, index.h("bal-radio-icon", { checked: this.checked, disabled: this.disabled || this.readonly, invalid: this.invalid, inverted: this.interface === 'button' && this.checked, hovered: this.mergedElementState.hovered, pressed: this.mergedElementState.pressed }))) : (''), index.h("div", { key: '599fda9c376491dcb156c0b3fa8ecd41353027a8', class: Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)) }, index.h("slot", { key: '752d10816299c2f7840ae907b426501a76ae8d23' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -12,15 +12,15 @@ var keyboard_helpers = require('./keyboard.helpers-BkZpVT-9.js');
 var focus_decorator = require('./focus.decorator-BL2kLsNv.js');
 var animation_decorator = require('./animation.decorator-B4NJvcMF.js');
 var visibility_decorator = require('./visibility.decorator-DTARY-5M.js');
-var windowResize_decorator = require('./window-resize.decorator-Ck1Zfh6H.js');
-var breakpoints_decorator = require('./breakpoints.decorator-DyuVBCe8.js');
+var windowResize_decorator = require('./window-resize.decorator-DMReD0Er.js');
+var breakpoints_decorator = require('./breakpoints.decorator-byAdfhn7.js');
 var attributes = require('./attributes-Cp0kpySW.js');
 require('./browser-BwmkTmm8.js');
 require('./config.utils-Civnz2jT.js');
 require('./listener-DspXpqzY.js');
-require('./breakpoints.subject-dnWvx514.js');
+require('./breakpoints.subject-CarqIcOv.js');
 require('./device-CoogBamh.js');
-require('./tokens.esm-CNpvwEnI.js');
+require('./tokens.esm-wN1fum6F.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-body-color);--bal-segment-item-text-color-checked:var(--bal-body-color);--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}";
 
@@ -352,7 +352,7 @@ const Segment = class {
     render() {
         const { invalid, isVertical, scrollable, keyboardMode, expanded, isMobile, disabled } = this;
         const block = bem.BEM.block('segment');
-        return (index.h(index.Host, { key: '434850dee057a04f9d328103462b800848e3befa', role: "radiogroup", id: this.ariaForm.controlId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('invalid').class(invalid)), block.modifier('vertical').class(isVertical)), block.modifier('scrollable').class(scrollable)), block.modifier('keyboard').class(keyboardMode)), block.modifier('disabled').class(disabled)), block.modifier('expanded').class((expanded || isMobile) && !isVertical)), onClick: this.onClick }, index.h("slot", { key: 'e62020bdcef145f923e7f99cdc8ab0adc57703f7', onSlotchange: this.onSlottedItemsChange })));
+        return (index.h(index.Host, { key: '08fb99b658d704d85ab181d55d7bdbce7ee40fd8', role: "radiogroup", id: this.ariaForm.controlId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('invalid').class(invalid)), block.modifier('vertical').class(isVertical)), block.modifier('scrollable').class(scrollable)), block.modifier('keyboard').class(keyboardMode)), block.modifier('disabled').class(disabled)), block.modifier('expanded').class((expanded || isMobile) && !isVertical)), onClick: this.onClick }, index.h("slot", { key: '432741fe51dc5c83ea241506687de13469afc149', onSlotchange: this.onSlottedItemsChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -577,7 +577,7 @@ const SegmentItem = class {
                 'aria-describedby': this.ariaForm.messageId,
             };
         }
-        return (index.h(index.Host, { key: '4c8e5bfdefd09ee9fd23aa3d00b543a6db37e2f1', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('vertical').class(vertical)), block.modifier('disabled').class(disabled)), block.modifier('checked').class(checked)), block.modifier('invalid').class(invalid)), block.modifier('last').class(this.isLast && !checked)) }, index.h("button", Object.assign({ key: 'e8185838fac69ee7d26cdc49a22c4e9898669ee4', id: id, role: "radio", "aria-checked": checked ? 'true' : 'false' }, buttonAttributes, { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, buttonBem.class()), buttonBem.modifier('checked').class(checked)), buttonBem.modifier('invalid').class(invalid)), buttonBem.modifier('disabled').class(disabled)), buttonBem.modifier('focused').class(focused)), buttonBem.modifier('vertical').class(vertical)), type: 'button', tabIndex: hasTabindex ? 0 : -1, part: "native", disabled: disabled, ref: el => (this.nativeEl = el) }, this.inheritedAttributes), index.h("bal-icon", { key: 'b5e01c28bde95757ade654e507690de2d322a575', name: "check", size: "small", class: Object.assign(Object.assign(Object.assign({}, buttonBem.element('icon').class()), buttonBem.element('icon').modifier('animated').class(checked)), buttonBem.element('icon').modifier('vertical').class(vertical)), color: disabled ? 'grey-dark' : invalid ? 'white' : 'primary' }), index.h("bal-stack", { key: '32c41a13672bcf94b2cc39c41ddeb40a9ccb9da6', space: "x-small", layout: 'horizontal' }, index.h("bal-content", { key: 'cf2b548c452e21e49e84079a63a2120e98149ff0', space: "none" }, index.h("bal-label", { key: '978e6878136444283fb9ff2179353151c23a7ddc', htmlId: `bal-si-${this.internalId}-label` }, label), index.h("span", { key: '26a568d5924f66ee51873b6f5e3e083340c56ff2', part: "slot", class: Object.assign({}, buttonBem.element('slot').modifier('hidden').class(!this.hasSlotContent)) }, ' ', index.h("slot", { key: 'f37daf19eedcdc58edd6d7ea9a4820051a3bcb01', onSlotchange: this.onSlottedItemsChange }))))), index.h("div", { key: '6a9472725c179e4d139e5be83b3f294d9aa776fc', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, indicatorBem.class()), indicatorBem.modifier('animated').class()), indicatorBem.modifier('background').class()), indicatorBem.modifier('disabled').class(disabled)), indicatorBem.modifier('invalid').class(invalid)), indicatorBem.modifier('checked').class(checked)), indicatorBem.modifier('vertical').class(vertical)) })));
+        return (index.h(index.Host, { key: '54ab8ce0ab290fcbc238087789ce0bca3caedddc', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('vertical').class(vertical)), block.modifier('disabled').class(disabled)), block.modifier('checked').class(checked)), block.modifier('invalid').class(invalid)), block.modifier('last').class(this.isLast && !checked)) }, index.h("button", Object.assign({ key: 'be4e31f8a5b0da8cc9f70a867e546920127ba4b2', id: id, role: "radio", "aria-checked": checked ? 'true' : 'false' }, buttonAttributes, { class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, buttonBem.class()), buttonBem.modifier('checked').class(checked)), buttonBem.modifier('invalid').class(invalid)), buttonBem.modifier('disabled').class(disabled)), buttonBem.modifier('focused').class(focused)), buttonBem.modifier('vertical').class(vertical)), type: 'button', tabIndex: hasTabindex ? 0 : -1, part: "native", disabled: disabled, ref: el => (this.nativeEl = el) }, this.inheritedAttributes), index.h("bal-icon", { key: 'f6d56f256041be2a97822dcc424d887844bacc0e', name: "check", size: "small", class: Object.assign(Object.assign(Object.assign({}, buttonBem.element('icon').class()), buttonBem.element('icon').modifier('animated').class(checked)), buttonBem.element('icon').modifier('vertical').class(vertical)), color: disabled ? 'grey-dark' : invalid ? 'white' : 'primary' }), index.h("bal-stack", { key: '15df166b0d0d2b6a6b9447506755b9de3581c77d', space: "x-small", layout: 'horizontal' }, index.h("bal-content", { key: '056ba7bfb5d4f456f03f70e9f86e0269bd44a78b', space: "none" }, index.h("bal-label", { key: '055ca1dd2f698e5b3758fbc5535a221801d90642', htmlId: `bal-si-${this.internalId}-label` }, label), index.h("span", { key: '5a4ea620046a856959a811110f9c8ec5dfefa156', part: "slot", class: Object.assign({}, buttonBem.element('slot').modifier('hidden').class(!this.hasSlotContent)) }, ' ', index.h("slot", { key: 'ceeb6506e86bde765a45497987759479b450c16f', onSlotchange: this.onSlottedItemsChange }))))), index.h("div", { key: '7384e9bec0b8c8337191b79a54a18cf5cc89a55b', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, indicatorBem.class()), indicatorBem.modifier('animated').class()), indicatorBem.modifier('background').class()), indicatorBem.modifier('disabled').class(disabled)), indicatorBem.modifier('invalid').class(invalid)), indicatorBem.modifier('checked').class(checked)), indicatorBem.modifier('vertical').class(vertical)) })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {