@baloise/ds-core 16.5.0 → 16.5.1

package/dist/cjs/{bal-popover_2.cjs.entry.js → bal-hint_5.cjs.entry.js}

@@ -5,16 +5,182 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
+const utils = require('./utils-9ea175af.js');
+const scroll = require('./scroll-73c1b762.js');
+const breakpoints_subject = require('./breakpoints.subject-6fc372a8.js');
+const breakpoints_decorator = require('./breakpoints.decorator-f4da1834.js');
+const config_decorator = require('./config.decorator-b393a72f.js');
 const browser = require('./browser-1d542d0f.js');
 const log = require('./log-33398c2a.js');
-const breakpoints_subject = require('./breakpoints.subject-fbf85930.js');
-const breakpoints_decorator = require('./breakpoints.decorator-a4a5bd7a.js');
+require('./index-e6a233be.js');
 require('./helpers-2a8c8333.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-aa4bb7f7.js');
+require('./tokens.esm-cd3fab6c.js');
+
+const balHintCss = ":root{--bal-hint-content-background:var(--bal-color-grey-2)}.bal-hint{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block}.bal-hint__icon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}@media (hover: hover)and (pointer: fine){.bal-hint__icon:hover svg,.bal-hint__icon:hover g,.bal-hint__icon:hover path,.bal-hint__icon:hover circle,.bal-hint__icon:focus svg,.bal-hint__icon:focus g,.bal-hint__icon:focus path,.bal-hint__icon:focus circle{fill:var(--bal-color-light-blue-5)}}.bal-hint__content{background:var(--bal-hint-content-background);display:-ms-flexbox;display:flex;gap:1.5rem;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width: 768px){.bal-hint__content{padding:1.25rem;min-height:100%}.bal-hint__content>div{-ms-flex:1;flex:1}}.bal-hint__content__title{display:block;margin-bottom:1rem}.bal-hint__content__title__heading{font-family:var(--bal-title-font-family);font-weight:var(--bal-title-font-weight);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-hint__content__title__heading{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}@media screen and (min-width: 769px),print{.bal-hint__content__buttons--is-hidden-desktop{display:none !important}}.bal-hint__overlay__content{position:fixed;display:none;overflow:auto;top:0;left:0;right:0;bottom:0;z-index:var(--bal-z-index-popup)}.bal-hint__overlay__content--active{display:block}";
+const BalHintStyle0 = balHintCss;
+
+const Hint = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bodyScrollHandler = new scroll.BalScrollHandler();
+        this.onPopoverChange = (ev) => {
+            this.isActive = ev.detail;
+            utils.preventDefault(ev);
+        };
+        this.isActive = false;
+        this.innerCloseLabel = 'Close';
+        this.isMobile = breakpoints_subject.balBreakpoints.isMobile;
+        this.closeLabel = undefined;
+        this.small = false;
+    }
+    connectedCallback() {
+        this.bodyScrollHandler.connect();
+    }
+    componentDidRender() {
+        this.updateContent();
+    }
+    disconnectedCallback() {
+        this.bodyScrollHandler.disconnect();
+    }
+    breakpointListener(breakpoints) {
+        const isCurrentMobile = breakpoints.mobile;
+        if (isCurrentMobile !== this.isMobile) {
+            this.isActive = false;
+        }
+        this.isMobile = isCurrentMobile;
+    }
+    /**
+     * @internal define config for the component
+     */
+    async configChanged(state) {
+        if (!this.closeLabel) {
+            switch (state.language) {
+                case 'de':
+                    this.innerCloseLabel = 'Schliessen';
+                    break;
+                case 'fr':
+                    this.innerCloseLabel = 'Fermer';
+                    break;
+                case 'it':
+                    this.innerCloseLabel = 'Chiudere';
+                    break;
+                case 'nl':
+                    this.innerCloseLabel = 'Sluiten';
+                    break;
+                default:
+                    this.innerCloseLabel = 'Close';
+                    break;
+            }
+        }
+    }
+    /**
+     * Toggles the hint box.
+     */
+    async toggle() {
+        if (this.isActive) {
+            this.dismiss();
+        }
+        else {
+            this.present();
+        }
+    }
+    /**
+     * Opens the hint box.
+     */
+    async present() {
+        if (this.popoverElement) {
+            this.popoverElement.present();
+        }
+        if (this.isMobile) {
+            this.bodyScrollHandler.disable();
+        }
+        this.isActive = true;
+    }
+    /**
+     * Closes the hint box.
+     */
+    async dismiss() {
+        if (this.popoverElement) {
+            this.popoverElement.dismiss();
+        }
+        if (this.isMobile) {
+            this.bodyScrollHandler.enable();
+        }
+        this.isActive = false;
+    }
+    updateContent() {
+        if (this.hintContentEl && this.slotWrapperEl) {
+            this.hintContentEl.innerHTML = this.slotWrapperEl.innerHTML;
+        }
+    }
+    render() {
+        const block = bem.BEM.block('hint');
+        const elIcon = block.element('icon');
+        const elContent = block.element('content');
+        const elButtons = elContent.element('buttons');
+        const padding = this.isMobile ? 0 : 8;
+        const offsetY = this.isMobile ? 0 : 16;
+        const TriggerIcon = () => {
+            return (index.h("bal-icon", { class: Object.assign({}, elIcon.class()), "data-testid": "bal-hint-trigger", "bal-popover-trigger": true, "aria-haspopup": "true", role: "button", name: "info-circle", onClick: () => this.toggle() }));
+        };
+        const HintContent = () => {
+            return (index.h("div", { class: Object.assign({}, elContent.class()), "data-testid": "bal-hint-content" }, index.h("div", { ref: el => (this.hintContentEl = el) }), index.h("bal-button-group", { class: Object.assign(Object.assign({}, elButtons.class()), elButtons.modifier('is-hidden-desktop').class(this.small)) }, index.h("bal-button", { "data-testid": "bal-hint-close", color: "info", onClick: () => this.dismiss() }, this.closeLabel ? this.closeLabel : this.innerCloseLabel))));
+        };
+        const MobileOverlay = () => {
+            const elOverlay = block.element('overlay');
+            return (index.h("div", { class: Object.assign({}, elOverlay.class()) }, index.h(TriggerIcon, null), index.h("div", { class: Object.assign(Object.assign({}, elOverlay.element('content').class()), elOverlay.element('content').modifier('active').class(this.isActive)) }, index.h(HintContent, null))));
+        };
+        const Popover = () => {
+            return (index.h("div", { class: Object.assign({}, block.element('popover').class()) }, index.h("bal-popover", { hint: true, position: "right", offsetX: 0, offsetY: offsetY, padding: padding, ref: el => (this.popoverElement = el), onBalChange: this.onPopoverChange }, index.h(TriggerIcon, null), index.h("bal-popover-content", { color: "grey" }, index.h(HintContent, null)))));
+        };
+        const HintElement = this.isMobile ? MobileOverlay : Popover;
+        return (index.h(index.Host, { class: Object.assign({}, block.class()) }, index.h(HintElement, null), index.h("div", { ref: el => (this.slotWrapperEl = el), style: { display: 'none' } }, index.h("slot", null))));
+    }
+    get element() { return index.getElement(this); }
+};
+tslib_es6.__decorate([
+    breakpoints_decorator.ListenToBreakpoints(),
+    tslib_es6.__metadata("design:type", Function),
+    tslib_es6.__metadata("design:paramtypes", [Object]),
+    tslib_es6.__metadata("design:returntype", void 0)
+], Hint.prototype, "breakpointListener", null);
+tslib_es6.__decorate([
+    config_decorator.ListenToConfig(),
+    tslib_es6.__metadata("design:type", Function),
+    tslib_es6.__metadata("design:paramtypes", [Object]),
+    tslib_es6.__metadata("design:returntype", Promise)
+], Hint.prototype, "configChanged", null);
+Hint.style = BalHintStyle0;
+
+const HintText = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const block = bem.BEM.block('hint');
+        const elContent = block.element('content');
+        const elText = elContent.element('text');
+        const elTextField = elText.element('field');
+        return (index.h(index.Host, { class: Object.assign({}, elText.class()) }, index.h("p", { class: Object.assign({}, elTextField.class()) }, index.h("slot", null))));
+    }
+};
+
+const HintTitle = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    render() {
+        const block = bem.BEM.block('hint');
+        const elContent = block.element('content');
+        const elTitle = elContent.element('title');
+        const elHeading = elTitle.element('heading');
+        return (index.h(index.Host, { class: Object.assign({}, elTitle.class()) }, index.h("h3", { class: Object.assign({}, elHeading.class()) }, index.h("span", null, index.h("slot", null)))));
+    }
+};
 
 var top = 'top';
 var bottom = 'bottom';
@@ -2140,5 +2306,8 @@ tslib_es6.__decorate([
     tslib_es6.__metadata("design:returntype", void 0)
 ], PopoverContent.prototype, "breakpointListener", null);
 
+exports.bal_hint = Hint;
+exports.bal_hint_text = HintText;
+exports.bal_hint_title = HintTitle;
 exports.bal_popover = Popover;
 exports.bal_popover_content = PopoverContent;

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-219b2f52.js');
 const index$1 = require('./index-e6a233be.js');
 const helpers = require('./helpers-2a8c8333.js');
-const formInput = require('./form-input-134c5116.js');
+const formInput = require('./form-input-b61eb894.js');
 const bem = require('./bem-81bc6a2d.js');
 const form = require('./form-2279fb2f.js');
 require('./browser-1d542d0f.js');

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

@@ -8,7 +8,7 @@ const _commonjsHelpers = require('./_commonjsHelpers-68cdf74f.js');
 const index_esm = require('./index.esm-54a3d84e.js');
 const helpers = require('./helpers-2a8c8333.js');
 const attributes = require('./attributes-9f366716.js');
-const formInput = require('./form-input-134c5116.js');
+const formInput = require('./form-input-b61eb894.js');
 const bem = require('./bem-81bc6a2d.js');
 const form = require('./form-2279fb2f.js');
 const balInputStepper_i18n = require('./bal-input-stepper.i18n-dbcd32ab.js');

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

@@ -6,7 +6,7 @@ const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const helpers = require('./helpers-2a8c8333.js');
 const attributes = require('./attributes-9f366716.js');
-const formInput = require('./form-input-134c5116.js');
+const formInput = require('./form-input-b61eb894.js');
 const index$1 = require('./index-e6a233be.js');
 const keys_constant = require('./keys.constant-b53da545.js');
 const bem = require('./bem-81bc6a2d.js');

package/dist/cjs/{bal-content_2.cjs.entry.js → bal-label.cjs.entry.js}

@@ -14,51 +14,6 @@ require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 
-const balContentCss = ".bal-content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;text-align:left;gap:.25rem}.bal-content--align-center{-ms-flex-align:center;align-items:center;text-align:center}.bal-content--align-end{-ms-flex-align:end;align-items:flex-end;text-align:right}.bal-content--layout-horizontal{-ms-flex-direction:row;flex-direction:row}.bal-content--layout-vertical{-ms-flex-direction:column;flex-direction:column}.bal-content--space-none{gap:0rem}.bal-content--space-xxx-small{gap:.125rem}.bal-content--space-xx-small{gap:.25rem}.bal-content--space-x-small{gap:.5rem}.bal-content--space-small{gap:.75rem}.bal-content--space-normal{gap:1rem}.bal-content>.bal-text{margin:0}";
-const BalContentStyle0 = balContentCss;
-
-const Content = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.layout = 'vertical';
-        this.align = 'start';
-        this.space = 'xx-small';
-        this.direction = '';
-        this.alignment = '';
-    }
-    createLogger(log) {
-        this.log = log;
-    }
-    /**
-     * RENDER
-     * ------------------------------------------------------
-     */
-    render() {
-        const block = bem.BEM.block('content');
-        const direction = !!this.direction;
-        const layout = !!this.layout;
-        const alignment = !!this.alignment;
-        const align = !!this.align;
-        const space = !!this.space;
-        let layoutValue = this.layout;
-        if (direction) {
-            layoutValue = this.direction === 'row' ? 'horizontal' : 'vertical';
-        }
-        let alignValue = this.align.split(' ').join('-');
-        if (alignment) {
-            alignValue = this.alignment.split(' ').join('-');
-        }
-        return (index.h(index.Host, { class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`layout-${layoutValue}`).class(layout || direction)), block.modifier(`align-${alignValue}`).class(align || alignment)), block.modifier(`space-${this.space}`).class(space)) }, index.h("slot", null)));
-    }
-};
-tslib_es6.__decorate([
-    log.Logger('bal-content'),
-    tslib_es6.__metadata("design:type", Function),
-    tslib_es6.__metadata("design:paramtypes", [Function]),
-    tslib_es6.__metadata("design:returntype", void 0)
-], Content.prototype, "createLogger", null);
-Content.style = BalContentStyle0;
-
 const balLabelCss = ".bal-label{display:inline;-webkit-box-sizing:content-box;box-sizing:content-box;position:static;word-break:break-word}.bal-label__native{display:inline;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:pre;min-width:0;font-family:var(--bal-form-field-label-font-family);font-weight:var(--bal-form-field-label-font-weight);font-size:var(--bal-text-size-normal);line-height:var(--bal-line-height-normal)}.bal-label__native--multiline{white-space:normal}.bal-label__native--no-wrap{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.bal-label__native--small{font-family:var(--bal-font-family-text);font-size:var(--bal-text-size-small);line-height:var(--bal-line-height-small)}@media screen and (min-width: 769px),print{.bal-label__native--small{font-size:var(--bal-text-size-small-tablet);line-height:var(--bal-line-height-tablet-small)}}@media screen and (min-width: 1024px){.bal-label__native--small{font-size:var(--bal-text-size-small-desktop);line-height:var(--bal-line-height-desktop-small)}}.bal-label__native--large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-large);line-height:var(--bal-line-height-large)}@media screen and (min-width: 769px),print{.bal-label__native--large{font-size:var(--bal-text-size-large-tablet);line-height:var(--bal-line-height-tablet-large)}}@media screen and (min-width: 1024px){.bal-label__native--large{font-size:var(--bal-text-size-large-desktop);line-height:var(--bal-line-height-desktop-large)}}.bal-label__native--x-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-x-large);line-height:var(--bal-line-height-x-large)}@media screen and (min-width: 769px),print{.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-tablet);line-height:var(--bal-line-height-tablet-x-large)}}@media screen and (min-width: 1024px){.bal-label__native--x-large{font-size:var(--bal-text-size-x-large-desktop);line-height:var(--bal-line-height-desktop-x-large)}}.bal-label__native--xx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xx-large);line-height:var(--bal-line-height-xx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-tablet);line-height:var(--bal-line-height-tablet-xx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xx-large{font-size:var(--bal-text-size-xx-large-desktop);line-height:var(--bal-line-height-desktop-xx-large)}}.bal-label__native--xxx-large{font-family:var(--bal-font-family-title);font-size:var(--bal-text-size-xxx-large);line-height:var(--bal-line-height-xxx-large)}@media screen and (min-width: 769px),print{.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-tablet);line-height:var(--bal-line-height-tablet-xxx-large)}}@media screen and (min-width: 1024px){.bal-label__native--xxx-large{font-size:var(--bal-text-size-xxx-large-desktop);line-height:var(--bal-line-height-desktop-xxx-large)}}.bal-label__native--success{color:var(--bal-form-field-label-success-color)}.bal-label__native--danger{color:var(--bal-form-field-label-danger-color)}.bal-label__native--disabled{color:var(--bal-form-field-label-disabled-color) !important}.bal-label__native--regular{font-weight:var(--bal-font-weight-regular)}.bal-label__native--hovered{color:var(--bal-form-field-label-color-hover)}.bal-label__native--pressed{color:var(--bal-form-field-label-color-active)}.bal-label__native--danger.bal-label__native--hovered{color:var(--bal-form-field-label-danger-color-hover)}.bal-label__native--danger.bal-label__native--pressed{color:var(--bal-form-field-label-danger-color-active)}";
 const BalLabelStyle0 = balLabelCss;
 
@@ -143,5 +98,4 @@ tslib_es6.__decorate([
 let labelIds = 0;
 Label.style = BalLabelStyle0;
 
-exports.bal_content = Content;
 exports.bal_label = Label;

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

@@ -8,16 +8,16 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
 const log = require('./log-33398c2a.js');
 const helpers = require('./helpers-2a8c8333.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
-const breakpoints_subject = require('./breakpoints.subject-fbf85930.js');
+const breakpoints_subject = require('./breakpoints.subject-6fc372a8.js');
 const resize_decorator = require('./resize.decorator-ae91ead2.js');
-const breakpoints_decorator = require('./breakpoints.decorator-a4a5bd7a.js');
+const breakpoints_decorator = require('./breakpoints.decorator-f4da1834.js');
 const index_esm = require('./index.esm-54a3d84e.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-aa4bb7f7.js');
+require('./tokens.esm-cd3fab6c.js');
 require('./index-e6a233be.js');
 require('./_commonjsHelpers-68cdf74f.js');
 

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

@@ -7,15 +7,15 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const helpers = require('./helpers-2a8c8333.js');
-const breakpoints_decorator = require('./breakpoints.decorator-a4a5bd7a.js');
-const breakpoints_subject = require('./breakpoints.subject-fbf85930.js');
+const breakpoints_decorator = require('./breakpoints.decorator-f4da1834.js');
+const breakpoints_subject = require('./breakpoints.subject-6fc372a8.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-aa4bb7f7.js');
+require('./tokens.esm-cd3fab6c.js');
 
 const balLogoCss = ".bal-logo{position:static;display:block;height:22px}.bal-logo svg{-webkit-transform:unset !important;transform:unset !important}.bal-logo svg svg,.bal-logo svg g,.bal-logo svg path,.bal-logo svg circle{fill:#000d6e}.bal-logo>div{height:22px}@media screen and (min-width: 1024px){.bal-logo--animated{margin-left:-7px}}.bal-logo--white svg svg,.bal-logo--white svg g,.bal-logo--white svg path,.bal-logo--white svg circle{fill:#fff}@media screen and (min-width: 1024px){.bal-logo{height:32px}.bal-logo>div{height:32px}}.bal-logo--size-small{height:22px}.bal-logo--size-small>div{height:22px}";
 const BalLogoStyle0 = balLogoCss;

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

@@ -9,17 +9,17 @@ const log = require('./log-33398c2a.js');
 const browser = require('./browser-1d542d0f.js');
 const scroll = require('./scroll-73c1b762.js');
 const helpers = require('./helpers-2a8c8333.js');
-const breakpoints_subject = require('./breakpoints.subject-fbf85930.js');
+const breakpoints_subject = require('./breakpoints.subject-6fc372a8.js');
 const config_default = require('./config.default-5bdd6e3d.js');
 const mutation_decorator = require('./mutation.decorator-af043b68.js');
-const breakpoints_decorator = require('./breakpoints.decorator-a4a5bd7a.js');
+const breakpoints_decorator = require('./breakpoints.decorator-f4da1834.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 const resize_decorator = require('./resize.decorator-ae91ead2.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-aa4bb7f7.js');
+require('./tokens.esm-cd3fab6c.js');
 
 class NavLinkItem {
     constructor(item, observer) {

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

@@ -8,13 +8,13 @@ const scroll = require('./scroll-73c1b762.js');
 const browser = require('./browser-1d542d0f.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const helpers = require('./helpers-2a8c8333.js');
-const breakpoints_subject = require('./breakpoints.subject-fbf85930.js');
-const breakpoints_decorator = require('./breakpoints.decorator-a4a5bd7a.js');
+const breakpoints_subject = require('./breakpoints.subject-6fc372a8.js');
+const breakpoints_decorator = require('./breakpoints.decorator-f4da1834.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-aa4bb7f7.js');
+require('./tokens.esm-cd3fab6c.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/cjs/bal-number-input.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
-const formInput = require('./form-input-134c5116.js');
+const formInput = require('./form-input-b61eb894.js');
 const helpers = require('./helpers-2a8c8333.js');
 const attributes = require('./attributes-9f366716.js');
 const index_esm = require('./index.esm-54a3d84e.js');

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

@@ -7,7 +7,7 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const log = require('./log-33398c2a.js');
 const aria = require('./aria-c8955a5c.js');
-const formInput = require('./form-input-134c5116.js');
+const formInput = require('./form-input-b61eb894.js');
 const elementStates_decorator = require('./element-states.decorator-9ce5ff3b.js');
 const index$1 = require('./index-e6a233be.js');
 const attributes = require('./attributes-9f366716.js');

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
-const breakpoints_subject = require('./breakpoints.subject-fbf85930.js');
+const breakpoints_subject = require('./breakpoints.subject-6fc372a8.js');
 const config_default = require('./config.default-5bdd6e3d.js');
-const breakpoints_decorator = require('./breakpoints.decorator-a4a5bd7a.js');
+const breakpoints_decorator = require('./breakpoints.decorator-f4da1834.js');
 const config_decorator = require('./config.decorator-b393a72f.js');
 require('./helpers-2a8c8333.js');
 require('./browser-1d542d0f.js');
@@ -15,7 +15,7 @@ require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
 require('./device-9f97a845.js');
 require('./listener-52d2e5fd.js');
-require('./tokens.esm-aa4bb7f7.js');
+require('./tokens.esm-cd3fab6c.js');
 require('./log-33398c2a.js');
 
 function generatePaginationControl(value, totalPages, pageRange) {

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

@@ -7,7 +7,7 @@ const tslib_es6 = require('./tslib.es6-a680968e.js');
 const index_esm = require('./index.esm-54a3d84e.js');
 const bem = require('./bem-81bc6a2d.js');
 const browser = require('./browser-1d542d0f.js');
-const formInput = require('./form-input-134c5116.js');
+const formInput = require('./form-input-b61eb894.js');
 const helpers = require('./helpers-2a8c8333.js');
 const log = require('./log-33398c2a.js');
 const focusVisible = require('./focus-visible-264bd9b8.js');

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

@@ -6,15 +6,15 @@ const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
 const helpers = require('./helpers-2a8c8333.js');
-const windowResize_decorator = require('./window-resize.decorator-c7a521b0.js');
-const breakpoints_subject = require('./breakpoints.subject-fbf85930.js');
-const breakpoints_decorator = require('./breakpoints.decorator-a4a5bd7a.js');
+const breakpoints_subject = require('./breakpoints.subject-6fc372a8.js');
+const breakpoints_decorator = require('./breakpoints.decorator-f4da1834.js');
+const windowResize_decorator = require('./window-resize.decorator-67e1f4de.js');
 require('./browser-1d542d0f.js');
 require('./icons.constant-7c82086a.js');
 require('./config.utils-e4cd49d6.js');
-require('./listener-52d2e5fd.js');
 require('./device-9f97a845.js');
-require('./tokens.esm-aa4bb7f7.js');
+require('./listener-52d2e5fd.js');
+require('./tokens.esm-cd3fab6c.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/cjs/bal-radio-button.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-219b2f52.js');
 const tslib_es6 = require('./tslib.es6-a680968e.js');
 const bem = require('./bem-81bc6a2d.js');
-const formInput = require('./form-input-134c5116.js');
+const formInput = require('./form-input-b61eb894.js');
 const log = require('./log-33398c2a.js');
 const focusVisible = require('./focus-visible-264bd9b8.js');
 const helpers = require('./helpers-2a8c8333.js');

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

@@ -9,7 +9,7 @@ const bem = require('./bem-81bc6a2d.js');
 const focusVisible = require('./focus-visible-264bd9b8.js');
 const log = require('./log-33398c2a.js');
 const attributes = require('./attributes-9f366716.js');
-const formInput = require('./form-input-134c5116.js');
+const formInput = require('./form-input-b61eb894.js');
 const index_esm = require('./index.esm-54a3d84e.js');
 const form = require('./form-2279fb2f.js');
 const focus_decorator = require('./focus.decorator-afaf9ac4.js');