@baloise/ds-core 18.2.0 → 18.3.0-nightly.20250331

package/dist/collection/components/docs/bal-doc-app/bal-doc-app.js

@@ -0,0 +1,247 @@
+import { Host, h } from "@stencil/core";
+import * as balIcons from "../../../../../../icons/src/index";
+import { updateBalIcons } from "../../../utils/config";
+import { balBrowser } from "../../../utils/browser";
+import globalScript from "../../../global";
+/**
+ * @internal
+ */
+export class DocApp {
+    constructor() {
+        this.logComponents = '';
+        this.logLifecycle = true;
+        this.logEvents = true;
+        this.logRender = true;
+        this.logCustom = true;
+        this.stickyFooter = false;
+        this.region = undefined;
+        this.language = undefined;
+        this.animated = true;
+    }
+    connectedCallback() {
+        globalScript();
+        updateBalIcons(balIcons);
+    }
+    componentDidRender() {
+        const logConfig = {
+            components: this.logComponents
+                .split(',')
+                .map(c => c.trim())
+                .filter(c => c !== ''),
+            lifecycle: this.logLifecycle,
+            event: this.logEvents,
+            render: this.logRender,
+            custom: this.logCustom,
+        };
+        if (balBrowser.hasWindow) {
+            if (this.logComponents) {
+                ;
+                window.BaloiseDesignSystem.config.logger = logConfig;
+            }
+            if (this.region) {
+                ;
+                window.BaloiseDesignSystem.config.region = this.region;
+            }
+            if (this.language) {
+                ;
+                window.BaloiseDesignSystem.config.language = this.language;
+            }
+        }
+    }
+    render() {
+        return (h(Host, { key: 'bd48063fae2ad02a89fac43457aa8d58aa2c5b29' }, h("bal-app", { key: 'e99d6db063d21649f8cb310b4a3da4c9861a8c82', animated: this.animated }, h("div", { key: 'ae13f6acd39003afa2c0ab22dec4455d09544dea', class: { 'has-sticky-footer': this.stickyFooter } }, h("slot", { key: '9929e0ec4a2718860ec0f57a7adbd1442a268237' })))));
+    }
+    static get is() { return "bal-doc-app"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["bal-doc-app.sass"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["bal-doc-app.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "logComponents": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "log-components",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "logLifecycle": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "log-lifecycle",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "logEvents": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "log-events",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "logRender": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "log-render",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "logCustom": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "log-custom",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "stickyFooter": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "sticky-footer",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "region": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "region",
+                "reflect": false
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "language",
+                "reflect": false
+            },
+            "animated": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables all animation inside the bal-app. Can be used for simplify e2e testing."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "animated",
+                "reflect": true,
+                "defaultValue": "true"
+            }
+        };
+    }
+}

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

@@ -1,2 +1,2 @@
 // generated by .build/version.js
-export const VERSION = '18.2.0';
+export const VERSION = '18.3.0-nightly.20250331';

package/dist/esm/app-globals-1ecf000f.js

@@ -0,0 +1,5 @@
+import { g as globalScript } from './global-6e86728b.js';
+
+const globalScripts = globalScript;
+
+export { globalScripts as g };

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

@@ -462,48 +462,48 @@ AccordionSummary.style = BalAccordionSummaryStyle0;
 
 const i18nBalAccordion = {
     de: {
-        open: 'Öffnen',
-        close: 'Schließen',
+        open: 'Mehr anzeigen',
+        close: 'Weniger anzeigen',
     },
     en: {
-        open: 'Open',
-        close: 'Close',
+        open: 'Show more',
+        close: 'Show less',
     },
     fr: {
-        open: 'Ouvrir',
-        close: 'Fermer',
+        open: 'Afficher plus',
+        close: 'Afficher moins',
     },
     it: {
-        open: 'Apri',
-        close: 'Chiudi',
+        open: 'Mostra di più',
+        close: 'Mostra di meno',
     },
     nl: {
-        open: 'Open',
-        close: 'Sluiten',
+        open: 'Meer weergeven',
+        close: 'Minder weergeven',
     },
     es: {
-        open: 'Abrir',
-        close: 'Cerrar',
+        open: 'Mostrar más',
+        close: 'Mostrar menos',
     },
     pl: {
-        open: 'Otwórz',
-        close: 'Zamknij',
+        open: 'Pokaż więcej',
+        close: 'Pokaż mniej',
     },
     pt: {
-        open: 'Abrir',
-        close: 'Fechar',
+        open: 'Mostrar mais',
+        close: 'Mostrar menos',
     },
     sv: {
-        open: 'Öppna',
-        close: 'Stäng',
+        open: 'Visa mer',
+        close: 'Visa mindre',
     },
     fi: {
-        open: 'Avaa',
-        close: 'Sulje',
+        open: 'Näytä lisää',
+        close: 'Näytä vähemmän',
     },
 };
 
-const balAccordionTriggerCss = "@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}";
+const balAccordionTriggerCss = "@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__button.bal-focused:focus-visible,.bal-accordion__trigger__text.bal-focused:focus-visible{-webkit-box-shadow:var(--bal-focus-shadow) !important;box-shadow:var(--bal-focus-shadow) !important}}.bal-accordion__trigger{position:static;display:block}.bal-accordion__trigger__button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--bal-border-radius-normal);height:3rem;width:3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.bal-accordion__trigger__text{display:inline;background:rgba(0,0,0,0);border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;padding:0;margin:0;border-radius:var(--bal-radius-normal);font-size:var(--bal-text-size-small);color:var(--bal-text-color-primary-light);font-family:var(--bal-font-family-title);font-weight:var(--bal-font-weight-bold)}@media (hover: hover)and (pointer: fine){.bal-accordion__trigger__text:hover{color:var(--bal-text-color-primary-hovered)}}.bal-accordion__trigger__text:active{color:var(--bal-text-color-primary-pressed)}";
 const BalAccordionTriggerStyle0 = balAccordionTriggerCss;
 
 const AccordionTrigger = class {
@@ -524,9 +524,15 @@ const AccordionTrigger = class {
             stopEventBubbling(ev);
             (_a = this.parentAccordionElement) === null || _a === void 0 ? void 0 : _a.humanToggle();
         };
+        /**
+         * RENDER
+         * ------------------------------------------------------
+         */
+        this.block = BEM.block('accordion').element('trigger');
         this.parentAccordionId = undefined;
         this.language = defaultConfig.language;
         this.button = false;
+        this.variant = undefined;
         this.expanded = true;
         this.openLabel = '';
         this.openIcon = 'caret-down';
@@ -540,12 +546,16 @@ const AccordionTrigger = class {
     createLogger(log) {
         this.log = log;
     }
+    buttonChanged() {
+        this.variant = this.button ? 'button' : this.variant;
+    }
     /**
      * LIFECYCLE
      * ------------------------------------------------------
      */
     connectedCallback() {
         this.updateAccordionId();
+        this.buttonChanged();
     }
     componentWillRender() {
         this.updateAccordionId();
@@ -572,12 +582,7 @@ const AccordionTrigger = class {
         var _a;
         return ((_a = this.el) === null || _a === void 0 ? void 0 : _a.closest('bal-accordion-summary')) || null;
     }
-    /**
-     * RENDER
-     * ------------------------------------------------------
-     */
     render() {
-        const block = BEM.block('accordion').element('trigger');
         const id = this.parentAccordionId ? `${this.parentAccordionId}-trigger` : this.componentId;
         const label = this.active ? this.closeLabel : this.openLabel;
         let turn = false;
@@ -597,9 +602,39 @@ const AccordionTrigger = class {
                 tabindex: 0,
             };
         }
-        return (h(Host, { key: '6aafc18d3f16cdfeea6c74024d4468eb52cb6c9c', id: id, class: Object.assign({}, block.class()) }, this.button ? (h("bal-button", { id: `${id}-button`, "aria-controls": `${this.parentAccordionId}-details-content`, part: buttonPart, "data-testid": "bal-accordion-trigger", expanded: this.expanded, icon: icon, iconTurn: turn, color: this.color, size: this.size, title: this.active ? i18nBalAccordion[this.language].close : i18nBalAccordion[this.language].open, "aria-label": this.active ? i18nBalAccordion[this.language].close : i18nBalAccordion[this.language].open, "aria-expanded": ariaBooleanToString(this.active), onClick: this.onClick }, label)) : (h("button", Object.assign({ class: Object.assign(Object.assign({}, block.element('button').class()), { 'bal-focused': parentSummaryEl && !parentSummaryEl.trigger }), id: `${id}-button`, "aria-controls": `${this.parentAccordionId}-details-content`, "aria-expanded": ariaBooleanToString(this.active), part: buttonPart, "data-testid": "bal-accordion-trigger", title: this.active ? i18nBalAccordion[this.language].close : i18nBalAccordion[this.language].open, "aria-label": this.active ? i18nBalAccordion[this.language].close : i18nBalAccordion[this.language].open, onClick: this.onClick }, triggerAttributes), h("bal-icon", { turn: turn, name: icon })))));
+        const Trigger = (props) => {
+            switch (props.variant) {
+                case 'button':
+                    return this.renderButton(props);
+                case 'text':
+                    return this.renderText(props);
+                default:
+                    return this.renderIcon(props);
+            }
+        };
+        return (h(Host, { id: id, class: Object.assign({}, this.block.class()) }, h(Trigger, { variant: this.variant, id,
+            label,
+            icon,
+            turn,
+            expanded,
+            buttonPart,
+            triggerAttributes })));
+    }
+    renderButton({ id, buttonPart, icon, turn, label }) {
+        return (h("bal-button", { id: `${id}-button`, "aria-controls": `${this.parentAccordionId}-details-content`, part: buttonPart, "data-testid": "bal-accordion-trigger", expanded: this.expanded, icon: icon, iconTurn: turn, color: this.color, size: this.size, title: this.active ? i18nBalAccordion[this.language].close : i18nBalAccordion[this.language].open, "aria-label": this.active ? i18nBalAccordion[this.language].close : i18nBalAccordion[this.language].open, "aria-expanded": ariaBooleanToString(this.active), onClick: this.onClick }, label));
+    }
+    renderIcon({ buttonPart, triggerAttributes, turn, icon, id }) {
+        return (h("button", Object.assign({ class: Object.assign(Object.assign({}, this.block.element('button').class()), { 'bal-focused': triggerAttributes.tabindex === 0 }), id: `${id}-button`, "aria-controls": `${this.parentAccordionId}-details-content`, "aria-expanded": ariaBooleanToString(this.active), part: buttonPart, "data-testid": "bal-accordion-trigger", title: this.active ? i18nBalAccordion[this.language].close : i18nBalAccordion[this.language].open, "aria-label": this.active ? i18nBalAccordion[this.language].close : i18nBalAccordion[this.language].open, onClick: this.onClick }, triggerAttributes), h("bal-icon", { turn: turn, name: icon })));
+    }
+    renderText({ buttonPart, triggerAttributes, turn, icon, id }) {
+        const openLabel = this.openLabel || i18nBalAccordion[this.language].open;
+        const closeLabel = this.closeLabel || i18nBalAccordion[this.language].close;
+        return (h("button", Object.assign({ class: Object.assign(Object.assign({}, this.block.element('text').class()), { 'bal-focused': triggerAttributes.tabindex === 0 }), id: `${id}-button`, "aria-controls": `${this.parentAccordionId}-details-content`, "aria-expanded": ariaBooleanToString(this.active), part: buttonPart, "data-testid": "bal-accordion-trigger", onClick: this.onClick }, triggerAttributes), this.active ? closeLabel : openLabel));
     }
     get el() { return getElement(this); }
+    static get watchers() { return {
+        "button": ["buttonChanged"]
+    }; }
 };
 __decorate([
     Logger('bal-accordion-trigger'),

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

@@ -58,11 +58,11 @@ const App = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e062237a5407e1f20d5ba64329e264fc0ae41f4e', class: {
+        return (h(Host, { key: '8aa3c989125e06e500597db9773fca378e4b7467', class: {
                 'bal-app': true,
                 'bal-app--safari': balBrowser.isSafari,
                 'bal-app--touch': balDevice.hasTouchScreen,
-            } }, h("slot", { key: '0fdf270bb2737933ba48a2181e98897de19f66ed' })));
+            } }, h("slot", { key: 'c0e432a988e29f653198ed4eeead7f18fa447035' })));
     }
     get el() { return getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const Badge = class {
         const size = this.size !== '';
         const position = this.position !== '';
         const labelHidden = !!this.icon || this.size === 'small';
-        return (h(Host, { key: '0c065379dc9c282d71779193f357ddc2062009d9', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.color}`).class(color)), block.modifier(`position-${this.position}`).class(position)), block.modifier(`size-${this.size}`).class(size)) }, h("span", { key: 'c23e1622df7a9fc30cd9f077be4bafcd1a80d6e0', class: Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier(`color-${this.color}`).class(color)), labelEl.modifier(`hidden`).class(labelHidden)), "data-testid": "bal-badge-label" }, h("slot", { key: 'e01fa5ade4be45474abf0316f3a47b12776a2ae7' })), this.size !== 'small' ? (h("bal-icon", { class: Object.assign(Object.assign({}, iconEl.class()), iconEl.modifier(`hidden`).class(!labelHidden)), size: this.size === '' ? 'small' : '', name: this.icon, color: this.color === 'grey' ? 'grey' : 'primary' })) : ('')));
+        return (h(Host, { key: '811cf1c81df29b916af366fa68f3af34e3c7c13e', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`background-${this.color}`).class(color)), block.modifier(`position-${this.position}`).class(position)), block.modifier(`size-${this.size}`).class(size)) }, h("span", { key: 'fe39cc5bd17ec12ba43b10af15e5200020d3a15e', class: Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier(`color-${this.color}`).class(color)), labelEl.modifier(`hidden`).class(labelHidden)), "data-testid": "bal-badge-label" }, h("slot", { key: '8160cdc9d7adc06c360d9cfb9ebad0e5ca785758' })), this.size !== 'small' ? (h("bal-icon", { class: Object.assign(Object.assign({}, iconEl.class()), iconEl.modifier(`hidden`).class(!labelHidden)), size: this.size === '' ? 'small' : '', name: this.icon, color: this.color === 'grey' ? 'grey' : 'primary' })) : ('')));
     }
     get el() { return getElement(this); }
 };

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

@@ -191,12 +191,12 @@ const ButtonGroup = class {
     }
     render() {
         const block = BEM.block('button-group');
-        return (h(Host, { key: 'bd88bb4d967d745bdbbf825bd43bc3c75eea4f75', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`position-${this.position}`).class()), block.modifier(`direction-${this.direction}`).class()) }, h("div", { key: '3aaa6d2c14336ffb08469d00246169d72ed916dc', class: {
+        return (h(Host, { key: 'a41720ea16a458ae915bece1adf109d2f20ea8ec', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`position-${this.position}`).class()), block.modifier(`direction-${this.direction}`).class()) }, h("div", { key: '03f0d65f12c0ac0e14f4854ef85e845fe51f9e62', class: {
                 'field': true,
                 'is-grouped': true,
                 'is-reverse': this.reverse,
                 [`has-direction-${this.direction}`]: true,
-            } }, h("slot", { key: '8d980bc54adcae84174fecc1d331b37a2662ec0b' }))));
+            } }, h("slot", { key: 'a65f6a5a52b522c600c4df6c0963cdd59ad07462' }))));
     }
 };
 

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

@@ -22,7 +22,7 @@ const Card = class {
         return isEmpty(this.color) ? '' : `is-${this.inverted ? 'blue' : this.color}`;
     }
     render() {
-        return (h(Host, { key: '60405d26b29d82993d5853b66126448c24da76de', class: {
+        return (h(Host, { key: 'c96cc43fa0044fd8ac34cd617a90ed88ec7073c5', class: {
                 'bal-card': true,
                 [`bal-card--${this.colorTypeClass}`]: !isEmpty(this.color),
                 [`bal-card--is-${this.space}`]: this.space !== '',
@@ -32,7 +32,7 @@ const Card = class {
                 'bal-card--is-selected': this.selected,
                 'bal-card--is-square': this.square,
                 'bal-card--has-fullheight': this.fullheight,
-            } }, h("slot", { key: 'a196556a24c3847732c405aa7f811403b7b25474' })));
+            } }, h("slot", { key: '50ade35417dafda765c509bd8f97157d7932a0b4' })));
     }
 };
 Card.style = BalCardStyle0;
@@ -43,7 +43,7 @@ const CardActions = class {
         this.position = '';
     }
     render() {
-        return (h(Host, { key: '0ddde50f0b230e34ec5808381cee4512b3c819cf', class: "bal-card-actions" }, h("bal-button-group", { key: '55e2c1c888eb0a1c818565ae3d0e6d564a1320b1', class: "m-none", position: this.position }, h("slot", { key: 'c41d4ff9870e800acb34d11a0de30769f960ad02' }))));
+        return (h(Host, { key: 'a7cfd2bf8e431e2bd0fb357e11ab28391f3a76c1', class: "bal-card-actions" }, h("bal-button-group", { key: '15606e2e6831e3d3e7977b948bd9b14582c71d5d', class: "m-none", position: this.position }, h("slot", { key: '384f7646c468defca583a7ef7cbe2edf93ea74fa' }))));
     }
 };
 
@@ -59,7 +59,7 @@ const CardButton = class {
         this.loading = false;
     }
     render() {
-        return (h(Host, { key: 'e10a38993a05b081e6963578ca58394ffed6b85c', class: "bal-card-button" }, h("bal-button", { key: '8d6a175f3ada4e3f3327cdb1bfc766ccef081a8a', color: "info", expanded: true, "bottom-rounded": true, icon: this.icon, iconRight: this.iconRight, elementType: this.elementType, disabled: this.disabled, href: this.href, target: this.target, loading: this.loading }, h("slot", { key: '7c0dd79bcbafccfbdf696fe95b209a8343080ddc' }))));
+        return (h(Host, { key: '2571a681907e53e8496930e90e42b7c83d8f772b', class: "bal-card-button" }, h("bal-button", { key: 'abb149ebb28f13a448cec0fff003feb7efd43e16', color: "info", expanded: true, "bottom-rounded": true, icon: this.icon, iconRight: this.iconRight, elementType: this.elementType, disabled: this.disabled, href: this.href, target: this.target, loading: this.loading }, h("slot", { key: 'b51a474d03b133ab2174004d08b8129032344ecb' }))));
     }
 };
 
@@ -68,7 +68,7 @@ const CardContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '45545a634067cee8d1d28d05291d8cef0299d416', class: "bal-card-content" }, h("slot", { key: '2d647c7e9bc7a95f9aa0f0d0b16fec7f6eb3383c' })));
+        return (h(Host, { key: '63fb6b5e72ad6c3fa30ba68f6d9bdf0e1833df76', class: "bal-card-content" }, h("slot", { key: '851ba08103e95a1c0536523a449d1f317543092c' })));
     }
 };
 
@@ -80,7 +80,7 @@ const CardSubtitle = class {
         this.color = '';
     }
     render() {
-        return (h(Host, { key: '3926fde414f565f08d192a020366edf1757c6922', class: "bal-card-subtitle" }, h("bal-text", { key: 'a04132e568b034e371f6805e77dbcfe21d9e9489', bold: this.bold, space: "none", color: this.inverted ? 'white' : this.color }, h("slot", { key: '037e237cdaced982f0b3ba0074016aa4777ffbde' }))));
+        return (h(Host, { key: '2a1250f5456d84296fa7280216852cef5913d2ca', class: "bal-card-subtitle" }, h("bal-text", { key: 'b92d1f51cfa1df3e69b9c96fe64267223d100c74', bold: this.bold, space: "none", color: this.inverted ? 'white' : this.color }, h("slot", { key: '4d53171704d63d9e5c6bd0bc58a32ddeb74fa02a' }))));
     }
 };
 
@@ -90,7 +90,7 @@ const CardTitle = class {
         this.inverted = false;
     }
     render() {
-        return (h(Host, { key: 'b12a4f08d1a78e31aa306b20ee59a8826249b5b0', class: "bal-card-title" }, h("bal-heading", { key: 'a22c6af75f714e70f1efd36f0671a6e623a9ef31', level: "h3", space: "none", inverted: this.inverted }, h("slot", { key: '11483681e586eac535db5244f4c85a87d0ddce42' }))));
+        return (h(Host, { key: '480825eb5bb7479126da292aaa53a4fa74a8cd95', class: "bal-card-title" }, h("bal-heading", { key: 'c193388a8ade59840457b375b4a8715bef3e2328', level: "h3", space: "none", inverted: this.inverted }, h("slot", { key: '8c01ab5b70d5aabef47a5693b827fa8e23192c92' }))));
     }
 };
 

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

@@ -4,11 +4,11 @@ import { B as BEM } from './bem-8c7d2eb0.js';
 import { a as ariaBooleanToString } from './aria-ea150568.js';
 import { t as toKebabCase, S as SwiperUtil } from './swiper.util-01fa2dd9.js';
 import { s as stopEventBubbling } from './form-input-263e6f5b.js';
-import { L as ListenToBreakpoints } from './breakpoints.decorator-2074b85a.js';
+import { L as ListenToBreakpoints } from './breakpoints.decorator-f1c1e37d.js';
 import { L as ListenToMutation } from './mutation.decorator-e915d053.js';
 import { L as ListenToSwipe } from './swipe.decorator-902c4936.js';
 import { L as ListenToResize } from './resize.decorator-08f6286b.js';
-import { b as balBreakpoints } from './breakpoints.subject-3329beee.js';
+import { b as balBreakpoints } from './breakpoints.subject-85db6d40.js';
 import { d as defaultConfig } from './config.default-8e11a860.js';
 import { L as ListenToVisibility } from './visibility.decorator-ee4b6682.js';
 import { L as ListenToConfig } from './config.decorator-42dba864.js';
@@ -19,7 +19,7 @@ import './listener-04842ae9.js';
 import './browser-a8073d92.js';
 import './swipe.subject-fbdb665a.js';
 import './device-8c6d2881.js';
-import './tokens.esm-9895930d.js';
+import './tokens.esm-82bd6459.js';
 import './log-dfd1c19f.js';
 import './config.utils-cd529084.js';
 
@@ -174,7 +174,7 @@ const Carousel = class {
         const block = BEM.block('carousel');
         const inner = block.element('inner');
         const container = inner.element('container');
-        return (h(Host, { key: '045f46d215e6655af8a04cc992ccb0c0d2ace7b1', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiper()), block.class()), block.modifier(this.interface).class(this.interface !== '')), block.modifier(`full-height`).class(this.fullHeight)), block.modifier('controls-sticky').class(this.controlsSticky)), block.modifier(`controls-tabs`).class(this.controls === 'tabs')) }, this.controls === 'tabs' ? (h(TabControl, { value: this.value, items: this.swiper.getAllControlItems(), containerId: this.swiper.containerId, onControlChange: item => this.swiper.onControlChange(item.value) })) : (''), h("div", { key: '9b3a26e262678685c62bfca9b47748312548b9ae', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssInnerSwiper()), inner.class()), inner.modifier(`is-${this.aspectRatio}`).class()), inner.modifier(`inverted`).class(this.inverted)), inner.modifier(`full-height`).class(this.fullHeight)), ref: el => (this.swiper.innerEl = el) }, h("div", { key: '3cd4f36061c3ea702ac26cad019e4b11e39f8750', id: this.swiper.containerId, role: this.controls === 'tabs' ? '' : 'list', class: Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiperContainer()), container.class()), container.modifier(`border`).class(this.border)), container.modifier(`is-${this.aspectRatio}`).class()), ref: el => (this.swiper.containerEl = el) }, h("slot", { key: 'e45dad1eddb06ec65c8eceeccf67969fe92b24cb' }), this.border ? (h("div", { id: `${this.swiper.id}-border`, "aria-hidden": "true", class: Object.assign(Object.assign({}, container.element('border').class()), container.element('border').modifier('inverted').class(this.inverted)), ref: el => (this.swiper.borderEl = el) })) : (''))), this.swiper.renderControls()));
+        return (h(Host, { key: '8d3018d668a5ee7d7f6db4f2c2546e720ad48577', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiper()), block.class()), block.modifier(this.interface).class(this.interface !== '')), block.modifier(`full-height`).class(this.fullHeight)), block.modifier('controls-sticky').class(this.controlsSticky)), block.modifier(`controls-tabs`).class(this.controls === 'tabs')) }, this.controls === 'tabs' ? (h(TabControl, { value: this.value, items: this.swiper.getAllControlItems(), containerId: this.swiper.containerId, onControlChange: item => this.swiper.onControlChange(item.value) })) : (''), h("div", { key: 'd4fdd5af148e4fdcb1c4f0c49966398a8fa0fcd2', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssInnerSwiper()), inner.class()), inner.modifier(`is-${this.aspectRatio}`).class()), inner.modifier(`inverted`).class(this.inverted)), inner.modifier(`full-height`).class(this.fullHeight)), ref: el => (this.swiper.innerEl = el) }, h("div", { key: 'acb3aa06b89dcb97bd3c3a489f5143752cd35568', id: this.swiper.containerId, role: this.controls === 'tabs' ? '' : 'list', class: Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiperContainer()), container.class()), container.modifier(`border`).class(this.border)), container.modifier(`is-${this.aspectRatio}`).class()), ref: el => (this.swiper.containerEl = el) }, h("slot", { key: '73052ff64fa0423cb88bf96aaa771064ca3aadea' }), this.border ? (h("div", { id: `${this.swiper.id}-border`, "aria-hidden": "true", class: Object.assign(Object.assign({}, container.element('border').class()), container.element('border').modifier('inverted').class(this.inverted)), ref: el => (this.swiper.borderEl = el) })) : (''))), this.swiper.renderControls()));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/bal-checkbox-button.entry.js

@@ -180,7 +180,7 @@ const CheckboxButton = class {
         const invalid = !!this.invalid;
         const color = !!this.color;
         const colored = this.checked && color;
-        return (h(Host, { key: 'df8642a22032a8ffd1a7c7db3e378027a1b926e8', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`column-${this.colSize}`).class(this.colSize > 1)), block.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet > 1)), block.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile > 1)), onClick: this.onClick }, h("button", { key: '9c6c1334a44190f5d6987c32ebf45be35ff00cf9', role: "checkbox", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('invalid').class(invalid)), block.element('native').modifier('checked').class(this.checked)), block.element('native').modifier(`colored`).class(colored)), block.element('native').modifier(`color-${this.color}`).class(color)), { 'bal-focusable': !this.disabled }), disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, h("slot", { key: '288d784a482e32dba9e4a46f1806ef35a51a76c0' }))));
+        return (h(Host, { key: 'f8a1bb7fe4001ebf045aef1ccb3e618448a4d216', class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(`column-${this.colSize}`).class(this.colSize > 1)), block.modifier(`column-tablet-${this.colSizeTablet}`).class(this.colSizeTablet > 1)), block.modifier(`column-mobile-${this.colSizeMobile}`).class(this.colSizeMobile > 1)), onClick: this.onClick }, h("button", { key: '4a2f2be8dac7e4a2f344ee8d9dedb494a8666b3c', role: "checkbox", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.element('native').class()), block.element('native').modifier('disabled').class(disabled)), block.element('native').modifier('invalid').class(invalid)), block.element('native').modifier('checked').class(this.checked)), block.element('native').modifier(`colored`).class(colored)), block.element('native').modifier(`color-${this.color}`).class(color)), { 'bal-focusable': !this.disabled }), disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, h("slot", { key: '08c9131a641ab8198746ec93c02e4ad16e6b1adc' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -284,7 +284,7 @@ const Checkbox = class {
             labelAttributes.id = `${id}-lbl`;
             labelAttributes.htmlFor = id;
         }
-        return (h(Host, { key: 'c76b5ff66a33d98280bcb8168d12284561c4ef23', "aria-checked": `${this.checked}`, "aria-disabled": ariaBooleanToString(this.disabled), "aria-hidden": ariaBooleanToString(this.disabled || this.nonSubmit), "aria-focused": focused ? 'true' : null, 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('checkbox').class()), block.modifier('select-button').class(this.interface === 'select-button')), block.modifier('switch').class(this.interface === 'switch')), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('invisible').class(this.invisible)), 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('inline').class(this.inline)), onKeypress: this.onKeypress, onClick: this.onClick }, h("input", Object.assign({ key: '11958df47ddff46268cf931dd13d0d7a671e9964', class: Object.assign(Object.assign({}, inputEl.class()), inputEl.modifier('select-button').class(this.interface === 'select-button')), "data-testid": "bal-checkbox-input", type: "checkbox", id: id, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "aria-checked": `${this.checked}`, "aria-hidden": ariaBooleanToString(this.nonSubmit), name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, required: this.required, onFocus: this.onFocus, onBlur: this.onBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), !this.invisible ? (h(LabelTag, Object.assign({ class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier('checkbox').class()), labelEl.modifier('checked').class(this.checked)), labelEl.modifier('hidden').class(this.labelHidden)), labelEl.modifier('flat').class(this.flat)), labelEl.modifier('switch').class(this.interface === 'switch')) }, labelAttributes, { "data-testid": "bal-checkbox-label" }), this.interface === 'switch' ? (h("bal-icon", { class: Object.assign({}, iconEl.class()), name: "check", color: "white", size: "x-small", "aria-hidden": "true" })) : (''), h("span", { class: Object.assign(Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)), labelTextEl.modifier('flat').class(this.flat)), "data-testid": "bal-checkbox-text" }, this.label, h("slot", null)))) : ('')));
+        return (h(Host, { key: 'b60b510c06d3318f39acd764e65732a792271f26', "aria-checked": `${this.checked}`, "aria-disabled": ariaBooleanToString(this.disabled), "aria-hidden": ariaBooleanToString(this.disabled || this.nonSubmit), "aria-focused": focused ? 'true' : null, 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('checkbox').class()), block.modifier('select-button').class(this.interface === 'select-button')), block.modifier('switch').class(this.interface === 'switch')), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('checked').class(this.checked)), block.modifier('invisible').class(this.invisible)), 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('inline').class(this.inline)), onKeypress: this.onKeypress, onClick: this.onClick }, h("input", Object.assign({ key: 'f147f86e34a36c270faccb1c95fdf69d2a2a4eed', class: Object.assign(Object.assign({}, inputEl.class()), inputEl.modifier('select-button').class(this.interface === 'select-button')), "data-testid": "bal-checkbox-input", type: "checkbox", id: id, "aria-labelledby": labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "aria-checked": `${this.checked}`, "aria-hidden": ariaBooleanToString(this.nonSubmit), name: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.nonSubmit, readonly: this.readonly, required: this.required, onFocus: this.onFocus, onBlur: this.onBlur, ref: inputEl => (this.nativeInput = inputEl) }, inputAttributes)), !this.invisible ? (h(LabelTag, Object.assign({ class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, labelEl.class()), labelEl.modifier('checkbox').class()), labelEl.modifier('checked').class(this.checked)), labelEl.modifier('hidden').class(this.labelHidden)), labelEl.modifier('flat').class(this.flat)), labelEl.modifier('switch').class(this.interface === 'switch')) }, labelAttributes, { "data-testid": "bal-checkbox-label" }), this.interface === 'switch' ? (h("bal-icon", { class: Object.assign({}, iconEl.class()), name: "check", color: "white", size: "x-small", "aria-hidden": "true" })) : (''), h("span", { class: Object.assign(Object.assign(Object.assign({}, labelTextEl.class()), labelTextEl.modifier('hidden').class(this.labelHidden)), labelTextEl.modifier('flat').class(this.flat)), "data-testid": "bal-checkbox-text" }, this.label, h("slot", null)))) : ('')));
     }
     get el() { return getElement(this); }
 };

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

@@ -31,7 +31,7 @@ const Close = class {
         const buttonEl = blockEl.element('button');
         const iconEl = buttonEl.element('icon');
         const label = i18nBalClose[this.language].close;
-        return (h(Host, { key: '4da9fd82693b0182a807919dd7b9194325924b0a', class: Object.assign({}, blockEl.class()) }, h("button", { key: 'ece31e634305fa395157b498ae99ca5bb0f6ea88', type: "button", "aria-label": label, title: label, tabindex: "0", class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, h("bal-icon", { key: '28e3924e14e5314ed1c7a6613b2c72fb8cab1f18', name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
+        return (h(Host, { key: 'a1188dd719c155244c9248852b47b6308445c7e8', class: Object.assign({}, blockEl.class()) }, h("button", { key: '4e5e500a7ef209e58a415c79241a610ec9e072e7', type: "button", "aria-label": label, title: label, tabindex: "0", class: Object.assign(Object.assign(Object.assign({}, buttonEl.class()), buttonEl.modifier('inverted').class(this.inverted)), buttonEl.modifier(`size-${this.size}`).class(this.size !== '')), "data-testid": "bal-close" }, h("bal-icon", { key: 'c1386b6639da47ddcdd198d3abcbea110c1edc68', name: "close", size: this.size === 'small' ? 'x-small' : this.size === 'medium' ? 'medium' : 'small', inverted: this.inverted, class: Object.assign({}, iconEl.class()) }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -38,7 +38,7 @@ const Content = class {
         if (alignment) {
             alignValue = this.alignment.split(' ').join('-');
         }
-        return (h(Host, { key: '24b18681a7c127ebd58e27f2823482dfd5621cdd', 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)) }, h("slot", { key: '8e4b8d0b5a6ecf7f04f514ec6e9b26bcceed70c8' })));
+        return (h(Host, { key: 'b256d6d65dd7524c7a4eda9f939cb85c1c561362', 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)) }, h("slot", { key: '19ddbdd34078c10e4abd24fcdf55d89a8e06a13a' })));
     }
 };
 __decorate([