@otto-de/b2b-core-components 1.17.0 → 1.18.0

package/dist/cjs/b2b-input-group_2.cjs.entry.js

@@ -65,7 +65,7 @@ const B2BInputGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'd1a1de32301c87ca992079aa51cd852c495834c7' }, index.h("div", { key: '153380f6335f6798c0c5b66c7fa3d210f279c608', class: { 'b2b-input-wrapper': true } }, index.h("slot", { key: 'bc44e2403e9fd7b62b4e5a6a7803525b93d015d4', name: "start" }), index.h("slot", { key: '4f05ab139f36b432431e606490c765ce3ef219d7' }), index.h("slot", { key: '152982745b2849e70ce339d85d86485f9cdee48a', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (index.h("span", { class: {
+        return (index.h(index.Host, { key: 'b8b1b8ca1e2bac0974250a4463080b460a836b82' }, index.h("div", { key: 'db2150667982e6849c1d0f7f6de2463a4493b268', class: { 'b2b-input-wrapper': true } }, index.h("slot", { key: '559d5d1113c44d1495dcca04d83da188440a62e8', name: "start" }), index.h("slot", { key: 'ed5cea7b3670339bd5c762974a10b072c6ed00c8' }), index.h("slot", { key: '88b19361e0b0755d745481aa4013a055ae30f620', name: "end" })), (this.hint || (this.invalid && !this.disabled)) && (index.h("span", { class: {
                 'b2b-input-wrapper__hint': true,
                 'b2b-input-wrapper__hint--error': this.invalid && !this.disabled,
             } }, this.invalid && !this.disabled ? this.error : this.hint))));
@@ -221,13 +221,13 @@ const InputListComponent = class {
     */
     render() {
         const groupOrderClass = this.getGroupOrderClassName() || '';
-        return (index.h(index.Host, { key: '2a2b0afc5b73c7211247c523e51e6d637e3e1f10', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, index.h("div", { key: 'f1878924e5ee06707482ebab84ddf236aa62be64', class: {
+        return (index.h(index.Host, { key: '7fe53e255c889f50b4eab26b92530f83e8753980', onBlur: this.setElementOnBlur, onFocus: this.setElementOnFocus }, index.h("div", { key: 'd7500b4d7907880f1ec63732550c1fbf59023a50', class: {
                 'b2b-input-list': true,
                 'b2b-input-list__options-on': this.hasOptionList &&
                     this.isElementFocused &&
                     Boolean(this.value),
                 [groupOrderClass]: true,
-            } }, index.h("b2b-input", { key: '38a9b9369756cc2ff9e9d4fe551155af1b9890f9', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (index.h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (index.h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (index.h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (index.h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (index.h("slot", null)))) : null)));
+            } }, index.h("b2b-input", { key: '57bbb5aea84e6bb803e9fe1f1c8264c2258ece9c', type: "text", label: this.label, value: this.value, disabled: this.disabled || this.groupDisabled, "onb2b-input": this.handleInput, placeholder: this.placeholder, required: this.required }, !(this.disabled || this.groupDisabled) && Boolean(this.value) && (index.h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "reset", slot: "end", tabIndex: 0, onMouseDown: this.resetInput, onKeyDown: this.resetInput }))), this.isElementFocused && Boolean(this.value) ? (index.h("div", { class: "b2b-input-list__options-container" }, this.hasOptionList ? (index.h("div", { class: "b2b-input-list__options", role: "listbox" }, this.optionsList.map(option => (index.h("b2b-input-list-option", { option: option, tabIndex: -1, "onb2b-option-selected": this.onOptionSelected }))))) : (index.h("slot", null)))) : null)));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-input-label.cjs.entry.js

@@ -14,11 +14,11 @@ const InputLabelComponent = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '678e58635983721baf51e81727a78c55fd35042a' }, index.h("label", { key: '2f16c854d4910a071cded385253ad603c474e3ae', class: {
+        return (index.h(index.Host, { key: '7ecad3b66de20150248867f6f88af8d85f565b32' }, index.h("label", { key: '932ad343e8287bf8e51f0a8efabd2a42badc5cdc', class: {
                 'b2b-input-label': true,
                 'b2b-input-label--required': this.required,
                 'b2b-input-label--disabled': this.disabled,
-            } }, index.h("slot", { key: '80932ca49a275048ce1ff892cd364e61832c8698' }))));
+            } }, index.h("slot", { key: '6750bd4ac12f4fa2bcd4c93f5883e4db3da24302' }))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-input_2.cjs.entry.js

@@ -85,18 +85,18 @@ const InputComponent = class {
         this.getSlottedText();
     }
     render() {
-        return (index.h(index.Host, { key: 'e6c08205adba93f5dacaa3b9ae956b1f726480b0', class: {
+        return (index.h(index.Host, { key: '73f78ae344c8a82c27d4541e11844c80c75905bb', class: {
                 'b2b-input': true,
                 'b2b-input--error': this.invalid && !this.disabled,
-            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("div", { key: '5461d6f694871240066b50cd026381e74de02dcd', class: {
+            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("div", { key: 'de40911c1ce5f136db6cba71630435c57d1ec274', class: {
                 'b2b-input__wrapper': true,
                 'b2b-input__wrapper--focused': this.hasFocus,
                 'b2b-input__wrapper--disabled': this.disabled || this.groupDisabled,
-            } }, index.h("slot", { key: '838c766e9b106eaef8bc4773bfb797f41605843e', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: 'fa104e69604a260e37b87c2c271f67e1049f6d0b', class: {
+            } }, index.h("slot", { key: 'aa8dcd487628e4d3aae3a1c962562b9180f015fd', name: "start" }), this.hasTextPrefix && index.h("div", { class: "border" }), index.h("input", { key: '8a01f065e0716451b22ac33dc2c3e75b4e9ae54f', class: {
                 'b2b-input__native-input': true,
                 ['b2b-input__native-input--align-' + this.inputTextAlign]: true,
                 'b2b-input__native-input--disabled': this.disabled,
-            }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && index.h("div", { class: "border" }), index.h("slot", { key: '337528c8f1da7648c426886551120c6fcc605fc7', name: "end" })), (this.hint !== undefined && !this.invalid) ||
+            }, "aria-labelledby": this.name, type: this.type, placeholder: this.placeholder, value: this.value, name: this.name, disabled: this.disabled || this.groupDisabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, ref: el => (this.focusableElement = el) }), this.hasTextSuffix && index.h("div", { class: "border" }), index.h("slot", { key: 'b1c50810df68b16f88e5268eb542491a891fabc3', name: "end" })), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : ('')));
     }
     get hostElement() { return index.getElement(this); }
@@ -121,7 +121,7 @@ const InputListOptionComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a15a0976c03534b47a7350a1d711c041a56be359', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
+        return (index.h(index.Host, { key: 'f83b743d32f09766bd7258b093128a249eb80ca5', class: "b2b-input-list__option", onClick: this.handleClick, role: "option" }, this.option));
     }
 };
 InputListOptionComponent.style = B2bInputListOptionStyle0;

package/dist/cjs/b2b-label.cjs.entry.js

@@ -13,10 +13,10 @@ const LabelComponent = class {
         this.type = 'neutral';
     }
     render() {
-        return (index.h("span", { key: '016a37426c256881557a80013caf2b131e45805c', class: {
+        return (index.h("span", { key: '00cdae31f74e594dc4d13a122d7b55bcd45284c8', class: {
                 'b2b-label': true,
                 [`b2b-label--${this.type}`]: true,
-            } }, index.h("slot", { key: '9b0c99450388a0f44e1682e1c959776131bdecfd' })));
+            } }, index.h("slot", { key: 'cd1c95c44ceef43337fb5142c2004c8136131755' })));
     }
 };
 LabelComponent.style = B2bLabelStyle0;

package/dist/cjs/b2b-modal.cjs.entry.js

@@ -210,10 +210,10 @@ const ModalComponent = class {
         this.attemptFocus(this.getFirstFocusableElement());
     }
     render() {
-        return (index.h(index.Host, { key: '5bd9bfb06f284ff43ed00f4b8312533d4557034b' }, index.h("div", { key: 'bd1e213955e5129db787ac5deb798e2520bb2a38', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, index.h("div", { key: '38460346e59ae1679af9d745eb55e45a2f580bf7', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), index.h("div", { key: '09ecdbdaed4b6a135810469b55b6a554250492fd', class: {
+        return (index.h(index.Host, { key: '26c534a73dc45383ee8420de1fc45644fae221c4' }, index.h("div", { key: 'a82dff4a2193cab229f6a9a20ad95cc46b371bc3', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, index.h("div", { key: '9116aac091d277ec31a08834dcd3c745bc77ef73', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), index.h("div", { key: '6e3f2284408e2e5a7c90b4e64cbc6e9db1c7df83', class: {
                 'b2b-modal__dialog': true,
                 [`b2b-modal__dialog--${this.variant}`]: true,
-            } }, index.h("div", { key: '07f02da5e3d9a692ac13591ef0bd151611658dac', class: "b2b-modal__dialog__header" }, index.h("div", { key: 'bb416331a33d2fb8bd2699da1ae60f337802ac03', class: "b2b-modal__dialog__header-left" }, index.h("b2b-headline", { key: '7b6ca2718fee5a5f0e9c68bc4c7d7369aa076798', align: "center", size: "200", noMargin: true }, this.heading), index.h("slot", { key: 'f49eba5a02901b361a93ba1bf0b86d7fa85cc271', name: "header-icon" })), index.h("div", { key: 'd188df3c47771ea22f4d86a262c1655617eeef86', class: "b2b-modal__dialog__header-right" }, index.h("button", { key: '5d3779fc527982e7bd1b72b0aa3591e802483f52', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, index.h("b2b-icon", { key: '5b1874355079c976b60e170da079adba5d242092', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), index.h("div", { key: 'de2c3c1bd2db5a9e6e7c05f412f2e52b01e6da87', class: "b2b-modal__dialog__body" }, index.h("slot", { key: '2133df17353f1ae1791b875fa1b616c8c2a8be53' })), index.h("div", { key: 'fc940582a01b28a86b6abdc1554dbfaef056e5ee', class: "b2b-modal__dialog__footer" }, index.h("div", { key: '842bd4abc05a189348b13d5cad6652dd3eaac048', class: "b2b-modal__dialog__footer-left" }, index.h("slot", { key: '089aea2e787f66fe5efccad23eb2c63e0ac5d9c8', name: "footer-left" })), index.h("div", { key: '59a97116777b4d7d1517220c1bd37f9bba7653b4', class: "b2b-modal__dialog__footer-right" }, index.h("slot", { key: '639ce0efe103ea0c2f7e5d930ab335884e8c7947', name: "footer-right" })))), index.h("div", { key: 'eb42810a65b73211f2437af9f7137de0bf4a5a0c', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), index.h("div", { key: '9e289cffd2529a53ee390ad815e118b35a32c1e6', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
+            } }, index.h("div", { key: '2dc54886555233e1368122c95c7244b4aa47fb49', class: "b2b-modal__dialog__header" }, index.h("div", { key: 'b75c1300025054c455170eb5e69c7c38fc9eb9b0', class: "b2b-modal__dialog__header-left" }, index.h("b2b-headline", { key: 'e5cc2a12f707c9faa4c6f97bf36e4dc622fa0f10', align: "center", size: "200", noMargin: true }, this.heading), index.h("slot", { key: '2e9b562c52ab1ac32795fce91d21687adc3d49a9', name: "header-icon" })), index.h("div", { key: '1d57c1d299494bd348617156017ab1f5c58b8d88', class: "b2b-modal__dialog__header-right" }, index.h("button", { key: 'b3808844a2c13c9624f86597d69e97c2924eba8a', type: "button", class: "b2b-modal__dialog__close", onMouseEnter: this.toggleIconHover, onMouseLeave: this.toggleIconHover, onClick: this.handleClickDismiss, ref: el => (this.closeButton = el) }, index.h("b2b-icon", { key: '300c1aad8a590e0943e006e88d221fbf6ac5c254', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), index.h("div", { key: 'e109dbbecc3679e5ce3848eea26a678fcb45b823', class: "b2b-modal__dialog__body" }, index.h("slot", { key: 'feb7c4672ec60eb7f8adb43b26730f3a5660d331' })), index.h("div", { key: 'c9cce54143969b42749fb5d4959e87dc01c7dedf', class: "b2b-modal__dialog__footer" }, index.h("div", { key: '63777edafa1f9c9889e62374becaded55bdd9e1b', class: "b2b-modal__dialog__footer-left" }, index.h("slot", { key: 'c4dd516a2239c339798bc9400f62fb49f6ff44b3', name: "footer-left" })), index.h("div", { key: 'efc3456a4ecdad6d6d1ad459f8fa08b9e1fb3332', class: "b2b-modal__dialog__footer-right" }, index.h("slot", { key: 'c9fd956127b120c272a67a1adc63ae2b62825f14', name: "footer-right" })))), index.h("div", { key: 'e51102b7631759a33663a22c79a499aff7c8709c', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), index.h("div", { key: '820955f1df4115e803e2ad4222925e36cd5fd526', class: "b2b-modal__backdrop", onClick: this.handleBackdropDismiss }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-multiselect-dropdown.cjs.entry.js

@@ -151,13 +151,13 @@ const B2bMultiSelectDropdown = class {
         this.updateSelectAll(options);
     }
     render() {
-        return (index.h(index.Host, { key: '1a8ca50730e9be35d4e02155a728bde7a950d521', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: '2f532ff808f401dbf0e60de63b41b7bc75c786b1' }, this.label), index.h("div", { key: '9b7d708bd9cfa8365fac138a3a355bd436c62384', class: {
+        return (index.h(index.Host, { key: '0ac598afeeb43b6b9c7886de674b39ef89674171', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: '4c9d34386c039f2c1c0713dece6853c37a97824a' }, this.label), index.h("div", { key: 'c62821c2ee20412098f852744bca85c0124a48c9', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isElementFocused,
-            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (index.h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), index.h("b2b-icon", { key: '9fef7ebb99fccb302bb68e602ac3edb2cfd50e6f', icon: "b2b_icon-arrow-down" })), index.h("div", { key: '724e740fc4f0b7e16095b2fbb5c836aa10cd56f0', class: {
+            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (index.h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), index.h("b2b-icon", { key: '6f74ba3c79a08f8f7807e012b60ff6be1c23eb2d', icon: "b2b_icon-arrow-down" })), index.h("div", { key: 'bbb4e7d4bc4a9847cad814e97a0f8846d0cb6469', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isElementFocused,
-            } }, index.h("div", { key: '6e6fbff1c1009d9454c432ba12d0dc7ada0e335b', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: 'b9800273be5e1b2a7270e89d0421bac8619317f2', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: 'cc52025e06277156338a098e8e1939a45367f060', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '6f02ecc6c4787fcf400580d8dc6c2eab6ec5a3c9', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, index.h("div", { key: '797e55fd95082c5d39368e4bb65691e2724a7a00', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: 'a3025a63bc4f07e77920738ffbe591859648caff', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: '85dbe8ac72440e358c4986d56b7d347ea44ca2d4', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: 'ca4ca6092988144ca5484896bcf7ab6264ecb1bb', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
             this.currentList.map(option => (index.h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option })))))));
     }
     get hostElement() { return index.getElement(this); }

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

@@ -108,7 +108,7 @@ const PaginationComponent = class {
         };
     }
     render() {
-        return (index.h("nav", { key: 'ef3a8d7c330c746ab003fea70100c0cb68b3f237' }, index.h("ol", { key: 'a327642f2638275ed7bdf4682b2999d6d014b7e4', class: "b2b-pagination" }, this.activePage !== 1 && (index.h("li", { class: "b2b-pagination--previous" }, index.h("b2b-button", { onClick: this.selectPreviousPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelPreviousPage }, PaginationConstants.BACK))), this.navItems.map((navItem, index$1) => {
+        return (index.h("nav", { key: '5b21b9fc90454d5733d5a95db08d57fbf7c7099d' }, index.h("ol", { key: '8322f26d437809e21912edb81a6da363bf36ff4c', class: "b2b-pagination" }, this.activePage !== 1 && (index.h("li", { class: "b2b-pagination--previous" }, index.h("b2b-button", { onClick: this.selectPreviousPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelPreviousPage }, PaginationConstants.BACK))), this.navItems.map((navItem, index$1) => {
             const isItemActive = this.activePage === navItem;
             return (index.h("li", { class: this.getItemClass(navItem) }, index.h("b2b-button", { onClick: () => this.setSelectedPage(navItem, index$1), active: isItemActive, disabled: isItemActive, size: "50", variant: "secondary" }, navItem)));
         }), this.activePage !== this.totalPages && (index.h("li", { class: "b2b-pagination--next" }, index.h("b2b-button", { onClick: this.selectNextPage, size: "50", variant: "secondary", "aria-label": this.ariaLabelNextPage }, PaginationConstants.NEXT))))));

package/dist/cjs/b2b-paragraph.cjs.entry.js

@@ -15,12 +15,12 @@ const ParagraphComponent = class {
         this.align = 'left';
     }
     render() {
-        return (index.h("p", { key: '5613c3fb597816ee079655f6c665ece0ca122e45', class: {
+        return (index.h("p", { key: '0b6069d0333b8cb5db12862055e80a406db55a83', class: {
                 'b2b-paragraph': true,
                 ['b2b-paragraph--size-' + this.size]: true,
                 ['b2b-paragraph--weight-' + this.weight]: true,
                 ['b2b-paragraph--align-' + this.align]: true,
-            } }, index.h("slot", { key: '8815d57f3260f8138815d51bcc80761516d68b27' })));
+            } }, index.h("slot", { key: 'a0a6050b05382ed1084e2588e3b87c69237ac773' })));
     }
 };
 ParagraphComponent.style = B2bParagraphStyle0;

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

@@ -26,11 +26,11 @@ const ProgressBarComponent = class {
     }
     render() {
         const labelExists = this.label !== undefined && this.label !== '';
-        return (index.h(index.Host, { key: '68e13839be23251999368f88bdf148bb34dc6098' }, index.h("div", { key: 'd256d3032c4b39741cc93beeefcef1d7d0fd6af2', class: {
+        return (index.h(index.Host, { key: '15d28a38e73694c291cc3f30a46c293340f783b5' }, index.h("div", { key: 'da403857480473acba95970d121f2d182298ad17', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, index.h("div", { key: 'b79fb8c2d199017a0ac7f4114c6f4d51fb1eaf96', class: "b2b-progress-bar__wrapper" }, index.h("div", { key: '6cf5c6e2200e31bd136c49a8da4be469d9730ff3', class: "b2b-progress-bar__progress", style: {
+            } }, index.h("div", { key: 'b9bc673095e7ccb81b16eb220c91e8cc5801ad90', class: "b2b-progress-bar__wrapper" }, index.h("div", { key: '851108cac7b1af71d8ca8176aa03c90281b7bf54', class: "b2b-progress-bar__progress", style: {
                 width: `${this.getProgress()}%`,
-            } })), index.h("div", { key: '49971a61427cba628616659c0ef6401229c7800e', class: {
+            } })), index.h("div", { key: '49f60349dde0c498fd30f77711168e6a8c2fab30', class: {
                 'b2b-progress-bar__label': labelExists,
                 'b2b-progress-bar__label-none': !labelExists,
                 [`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]: labelExists,

package/dist/cjs/b2b-radio-button.cjs.entry.js

@@ -65,11 +65,11 @@ const B2bRadioButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (index.h(index.Host, { key: '1ee38049ef961f4ee1ca547eaa90ec01dd31988d', onClick: this.onClick }, index.h("div", { key: 'f8cede2b2b17a0f90e4fd74ee495c718bfec6a1b', class: {
+        return (index.h(index.Host, { key: 'e18102a2fb0a1386273ade95e4a7bffa17466755', onClick: this.onClick }, index.h("div", { key: '3ab98b94c94b3e027e673247245c7012d3f9bc86', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, index.h("div", { key: '168ac105466917de0458f43a438b1abc6e5aa506', class: "b2b-radio-items" }, index.h("input", { key: '3cbc7d5b471ba85dc5b56345161255341888bc49', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), index.h("b2b-input-label", { key: '098b73df22e9731668accbd8d33b3b187eacb5a5', id: this.name, required: this.required, disabled: this.disabled }, this.label)), (this.hint !== undefined && !this.invalid) ||
+            } }, index.h("div", { key: 'd81ed252709872fb297fba2a497fb045f35285ac', class: "b2b-radio-items" }, index.h("input", { key: '7a914994f7ac1ae1e61e1d7f22f950fb6b1aff8c', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), index.h("b2b-input-label", { key: '9509f79a63adce1a01a549bd41656df1b81ead7a', id: this.name, required: this.required, disabled: this.disabled }, this.label)), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : (''))));
     }
     get host() { return index.getElement(this); }

package/dist/cjs/b2b-radio-group.cjs.entry.js

@@ -76,11 +76,11 @@ const RadioButtonGroupComponent = class {
         this.removeChildText();
     }
     render() {
-        return (index.h(index.Host, { key: '0cddf61a7073779da898be2f713fea5badb88df8' }, index.h("div", { key: 'de8b301447c6d28f60271c50be4423df22bab264', class: {
+        return (index.h(index.Host, { key: 'ce3087acd7805720be6f5b2524dad8c9b6757e92' }, index.h("div", { key: '262e2d35c6091a5bb12f9f339b5177393a07591f', class: {
                 'b2b-radio-group': true,
                 'b2b-radio-group--error': this.invalid && !this.disabled,
                 [`b2b-radio-group--${this.alignment}`]: true,
-            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("fieldset", { key: '8afdebb0fad7721ae56ed49e1a849479d9cfcefe' }, index.h("div", { key: '1701e793e7eb05705eaba049600886fc3e7aaa9a', class: "b2b-radio-group-options" }, index.h("slot", { key: 'bffdecd4848e5ed933098e58e0d15015cb79abb5' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("fieldset", { key: '1e90558b69774874b0d19703f9002a8e0311bcf2' }, index.h("div", { key: '2b26f7b29e176c2831c7f5da22ed59b8352b5155', class: "b2b-radio-group-options" }, index.h("slot", { key: '9dc75a44a47e555e5de84001a29ee378b4521a60' }))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : (''))));
     }
     get host() { return index.getElement(this); }

package/dist/cjs/b2b-required-separator.cjs.entry.js

@@ -13,7 +13,7 @@ const B2BRequiredSeparator = class {
         this.label = 'Pflichtfeld';
     }
     render() {
-        return (index.h(index.Host, { key: 'e913290e42cc4b3e11546cf2738b7f6af5f21c15' }, index.h("div", { key: '65e69e98a94fbe4087b6a1a72be19de37ea35bec', class: "b2b-required-separator__label" }, index.h("span", { key: '987cf5c1bf0948133a0c1c675f29b906f28484ec', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: '01b9cc54d0bf6275694dabb76d8ab5cf860e962a' }, this.label)), index.h("b2b-separator", { key: 'b6e33d18b60ed0cd714d5ef9ac30fe66076d3ab1' })));
+        return (index.h(index.Host, { key: 'ed46c96fc3dbc1a22589a0991e498723941f75eb' }, index.h("div", { key: '41eeac6e3147768d2492b509fde113532e3811ea', class: "b2b-required-separator__label" }, index.h("span", { key: '6de6fa330bc47474e0b06a0665c8003a0f889c94', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: 'e88bd1742e3e9b134b0b9d3c4e6fce07b27167ff' }, this.label)), index.h("b2b-separator", { key: 'd5ecda6575a64bbbfc7529698966233883e7e232' })));
     }
 };
 B2BRequiredSeparator.style = B2bRequiredSeparatorStyle0;

package/dist/cjs/b2b-rounded-icon.cjs.entry.js

@@ -15,16 +15,16 @@ const RoundedIconComponent = class {
         this.contentColor = 'var(--b2b-color-copy-default)';
     }
     render() {
-        return (index.h(index.Host, { key: '96a45bb8e2c22577940cf127cb8cf5328067d74e' }, index.h("div", { key: '1cb0d8c9ef0e5329d5fc2a02ab9cfd26736ba4cb', style: {
+        return (index.h(index.Host, { key: '3f7d19c1639c9e124ff5343a17fdad7aa322953f' }, index.h("div", { key: '0f86ef2292c301dd63cc8b975ce7d80c305813ec', style: {
                 ['background-color']: this.color,
                 ['border']: `1px solid ${this.borderColor || this.color}`,
             }, class: {
                 'b2b-rounded-icon': true,
-            } }, index.h("div", { key: 'b7de24db464b5c9e923bd17c506452a25a92c969', style: {
+            } }, index.h("div", { key: 'fa9aad421fd737beb33c8338eb41f24f92972a58', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: '5f0def8a269d1135bd898dba67fc8f5883222588', name: "icon" })), index.h("div", { key: '7d4f6ef6537c345ef3d609fb6887355ea92f2031', style: {
+            } }, index.h("slot", { key: '9ebcf447273cf65e2cd4bdfb9b08b26b33de2bcc', name: "icon" })), index.h("div", { key: '3dedbe36dcb2534925f965581ca25ddb5c07ad4a', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: '1c358408c2f51f5f550dc4ec328e08ed91eb4173', name: "text" })))));
+            } }, index.h("slot", { key: 'b24493622004d54f5fe867239afc45b50126c365', name: "text" })))));
     }
 };
 RoundedIconComponent.style = B2bRoundedIconStyle0;

package/dist/cjs/b2b-scrollable-container.cjs.entry.js

@@ -12,7 +12,7 @@ const ScrollableContainerComponent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '9614409160f279896ff11ab8611694800b65196f' }, index.h("slot", { key: '626b4d7a5679e114f613be623ceace5c60f00b60' })));
+        return (index.h(index.Host, { key: 'd1e1251eef88da3e47e83a0e323a919ad6d4be59' }, index.h("slot", { key: '3f027e979011a8084cfe7d5c5169b1266d3cbc6f' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/b2b-search.cjs.entry.js

@@ -29,7 +29,7 @@ const SearchComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e59ce21e59ce87d6b6a68e10da3db363dc340fb7' }, index.h("b2b-input-group", { key: 'c90e2e372b9e0359ab793fc62001242d0ac873e6', disabled: this.disabled }, index.h("b2b-input-list", { key: 'f3eaeecee11ac48fb5bc751410c4251e50e54961', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, index.h("slot", { key: 'be901c64eba2b8468b523e4b674c810aefcacc06' })), index.h("b2b-button", { key: 'c321efba4f9cf83d70b00e917a8ea953e55302ad', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon", { key: '9af097d18a9319ca9f71f9410a5cbe001b6950d8', icon: "b2b_icon-search", clickable: true })))));
+        return (index.h(index.Host, { key: 'fee0b031e27eb9041d033797a86d22bc33f51689' }, index.h("b2b-input-group", { key: 'c3cd0ccfe8c5815081fc3aad550170b07680738f', disabled: this.disabled }, index.h("b2b-input-list", { key: '7430c61b8e80efa345c85d4f9521f7bc84501e36', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, index.h("slot", { key: 'c5ca9008625cc583670b0ec9aad59dc09656552f' })), index.h("b2b-button", { key: 'c8adaaa19fc1883543f01126c7dfeadd1b4bfe9e', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon", { key: '16997d3fa6851042efc7cb5c4ca4eb423a2db4ba', icon: "b2b_icon-search", clickable: true })))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-separator.cjs.entry.js

@@ -13,7 +13,7 @@ const B2bSeparatorComponent = class {
         this.alignment = 'horizontal';
     }
     render() {
-        return (index.h(index.Host, { key: 'bfe41847762fea385e79f768181bedbf06078462' }, index.h("div", { key: 'a271f8e442592fb1cd59f872d643952558a57508', class: {
+        return (index.h(index.Host, { key: 'a3db3037faa86621b40d27f9d98916af1c4e49d0' }, index.h("div", { key: '4ed637bd7e4667f7e723ea2454a2515d8f2eae27', class: {
                 [`b2b-separator--${this.alignment}`]: true,
             } })));
     }

package/dist/cjs/b2b-tab-group.cjs.entry.js

@@ -128,7 +128,7 @@ const B2bTabGroupComponent = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '39652541b07e8cce041ae17f11bb3fdca1ef8882' }, index.h("slot", { key: 'ecff6cba7b213dab889f7d0c7335d7de34658e38', name: "tab" }), index.h("b2b-separator", { key: 'b1e7fcf0cf8d425afdb9b2177a2754eb08c9c7d0' }), index.h("slot", { key: '586071455ea83b7ac6048581b72e40dc440d9b37', name: "panel" })));
+        return (index.h(index.Host, { key: 'cd061de38a6aad756935534a04d1ad1ac8118614' }, index.h("slot", { key: '63d99808894d9c0dbdfa8e996ac3738a6bbc4d5d', name: "tab" }), index.h("b2b-separator", { key: '09a138fb668af087ab84d00f2ae1ab7ca7611b20' }), index.h("slot", { key: 'c32e77e3a0fc8b86fd5107262b648822bb693a50', name: "panel" })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-tab-panel.cjs.entry.js

@@ -14,7 +14,7 @@ const B2bTabPanelComponent = class {
         this.generatedId = i++;
     }
     render() {
-        return (index.h(index.Host, { key: '51e6d0c3ce5d8f2f3e5e6499d5155a94b5b6b3fd', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, index.h("div", { key: '0ce911bff5c3dd5e27419acd6b63b819e863489e', class: "b2b-tab-panel" }, index.h("slot", { key: 'e7e538a66b6f97f6f416cb9196a0ce534b77c650' }))));
+        return (index.h(index.Host, { key: 'bfa264194c0f6a5f017c3b0d3029d9b4927c30d8', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, index.h("div", { key: '398fdf7fb1513840ec8c1ed32c434d5849f215f7', class: "b2b-tab-panel" }, index.h("slot", { key: 'e3aedfa7249956b2ccba84d53bb66dce8b74d806' }))));
     }
 };
 B2bTabPanelComponent.style = B2bTabPanelStyle0;

package/dist/cjs/b2b-tab.cjs.entry.js

@@ -27,12 +27,12 @@ const B2bTabComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0410edbe90350ea56562dce3f449586bf81930e0', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, index.h("span", { key: '4de08722c772c17d857cae23f8fae0a20ead6c26', class: {
+        return (index.h(index.Host, { key: '8b8e01ac6e4fe260d21f02b542defba7e3f72616', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, index.h("span", { key: 'a1c5d46765b36d1b58dcd5f068bae9d052b50eab', class: {
                 'b2b-tab': true,
                 'b2b-tab--selected': this.selected,
                 'b2b-tab--disabled': this.disabled,
                 'b2b-tab--error': this.invalid,
-            } }, index.h("slot", { key: 'c50c07e5c5d3234ce520b6d8b54307b92f4ee3bf' }))));
+            } }, index.h("slot", { key: 'e4b68bd954c2c69def327ed277d1b57795b1fba8' }))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-table-cell_2.cjs.entry.js

@@ -45,14 +45,14 @@ const TableCellComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2f0c286583afdf35ec7cb8ece4c51c8ec60c2f4d', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
+        return (index.h(index.Host, { key: 'd706833182b183034b19d1be797aaccba82fe3de', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
                 'b2b-table-cell': true,
                 ['b2b-table-cell--colspan']: this.size === table_types.TableSizes.COLSPAN,
                 ['b2b-table-cell--ellipsis']: this.useTextEllipsis,
                 ['b2b-table-cell--' + this.align]: true,
                 ['b2b-table-cell--divider']: this.divider,
                 [`b2b-table-cell-color-${this.color}`]: true,
-            }, role: "cell" }, index.h("slot", { key: '8c519c550531562b73d301481d8d6301506c0642' })));
+            }, role: "cell" }, index.h("slot", { key: '7bb8d232cc4416c78a197f4a76e2e8efd0f83f65' })));
     }
     get host() { return index.getElement(this); }
 };
@@ -132,7 +132,7 @@ const TableHeaderComponent = class {
         this.setIconPlacement();
     }
     render() {
-        return (index.h(index.Host, { key: '8202e84dfd3ff029b3b1dcdc86ca768345250efd', class: {
+        return (index.h(index.Host, { key: 'f8076f812d54e86da50f61c844c5af41e9321dd9', class: {
                 [`b2b-table-header--${this.sortDirection && this.iconAlign}`]: true,
                 'b2b-table-header--divider': this.divider,
                 [`b2b-table-header--${this.size}`]: true,

package/dist/cjs/b2b-table-row.cjs.entry.js

@@ -102,12 +102,12 @@ const TableRowComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '002c1d507ce2787d18497d5797b4750ff92a968a', class: {
+        return (index.h(index.Host, { key: '5c12f0e1d67ff6dac1223d8973e376c2773b3735', class: {
                 'b2b-table-row': true,
                 ['b2b-table-row--colspan']: this.size === table_types.TableSizes.COLSPAN,
                 ['b2b-table-row--highlight']: this.highlight,
                 [`b2b-table-row--color-${this.getRowColor()}`]: true,
-            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), index.h("slot", { key: '5f332f9c244b9b932bea272eb94ad2613afc4d2c' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), index.h("slot", { key: '2aaf7ec2f09c1c9a5a37dded002408bff7c1754a' })));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/b2b-table-rowgroup.cjs.entry.js

@@ -139,11 +139,11 @@ const TableRowgroupComponent = class {
         this.makeHeaderRowNotSelectable();
     }
     render() {
-        return (index.h(index.Host, { key: 'fde44900984410a17a7300c6c235218e183603d3', class: {
+        return (index.h(index.Host, { key: '79e8f3929f142b1d0f063e38c1b3a0295fe5c9d2', class: {
                 ['b2b-table-rowgroup__' + this.type]: true,
                 'b2b-table-rowgroup--fixed': this.fixed,
                 'b2b-table-rowgroup--colspan': this.size === table_types.TableSizes.COLSPAN,
-            }, role: "rowgroup" }, index.h("slot", { key: '1e23e9449488ae98a1edf59703a978a5fe212c8a' })));
+            }, role: "rowgroup" }, index.h("slot", { key: 'cbd36b06a0911c2e0309e65aaaa31c83396dd6b4' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/b2b-table.cjs.entry.js

@@ -70,9 +70,9 @@ const TableComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '7963f5d1f9e2ff75a7f5778af3a9384669d15b59', class: {
+        return (index.h(index.Host, { key: 'f059683c7d7248d2a71f6b87d2a2c824bb4cedd9', class: {
                 ['b2b-table--' + this.size]: true,
-            }, role: "table" }, index.h("slot", { key: '2ce636704650a87c6143dcc780f2d91f1ea129e7' })));
+            }, role: "table" }, index.h("slot", { key: 'ac05cc8efb3b4aaef44c2f9e05721363b630cd5e' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/b2b-textarea.cjs.entry.js

@@ -54,10 +54,10 @@ const B2BTextareaComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '26d30adb79084035eb1f1088a019df8f3bb80cff', class: {
+        return (index.h(index.Host, { key: 'fa67a181d11d401b8619990c40cd56f788365a05', class: {
                 'b2b-textarea': true,
                 'b2b-textarea--error': this.invalid && !this.disabled,
-            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("textarea", { key: 'd18a50e22a0995e14560bb8d2977dbcf8e602629', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (index.h("b2b-input-label", { id: this.name, required: this.required }, this.label)), index.h("textarea", { key: '87fe71ca84f053e80625942b7fe3afcfd4cfa44a', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (index.h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (index.h("span", null, this.error)) : ('')));
     }
     get hostElement() { return index.getElement(this); }

package/dist/cjs/b2b-toggle-button.cjs.entry.js

@@ -41,13 +41,13 @@ const B2bToggleButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
     }
     render() {
-        return (index.h(index.Host, { key: '5ec7f55c330552dc5b3859504c8a4afc2f151146', onClick: this.onClick }, index.h("span", { key: '5cfbea13b4535886ea2404aa42e6bc830a149b3c', class: {
+        return (index.h(index.Host, { key: '1b4455bc08da5cd59668542b9448991950082a5d', onClick: this.onClick }, index.h("span", { key: '3dfc32795f51493f156715c762eb07911cd8cefa', class: {
                 'b2b-toggle-button': true,
                 'b2b-toggle-button--disabled': this.disabled,
-            } }, index.h("input", { key: 'a88084cc44b80abb06e653afca8c7737f67baf4b', tabindex: 0, class: {
+            } }, index.h("input", { key: '5909a9f50d6a5bd7debb6d94e42c32eb34494d7d', tabindex: 0, class: {
                 'b2b-toggle-button__input': true,
                 'b2b-toggle-button__input--disabled': this.disabled,
-            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), index.h("label", { key: 'a5654d8a5c5c9845a7f07fc7dbf994e99a560d82', id: this.name, tabindex: -1, class: {
+            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), index.h("label", { key: 'a3ba75134e2b082fb6daf4a4305e909abd3ce2d3', id: this.name, tabindex: -1, class: {
                 'b2b-toggle-button__label': true,
                 'b2b-toggle-button__label--disabled': this.disabled,
                 'b2b-toggle-button__label--checked': this.checked && !this.disabled,

package/dist/cjs/b2b-toggle-chip.cjs.entry.js

@@ -43,11 +43,11 @@ const B2BToggleChipComponent = class {
         this.disabled = false;
     }
     render() {
-        return (index.h(index.Host, { key: '3b2e400503665d2559f84d9124d44d0a7aaa4e44' }, index.h("span", { key: 'e3691a6c3eeb2a623ecdfbedf4c23e23bbe1b0f2', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
+        return (index.h(index.Host, { key: '0edab0e264bffc60e1e9b0479a8923fe046cb655' }, index.h("span", { key: 'cba90b7b8adb0e6d183b10800da01fd0cee84ddc', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
                 'b2b-toggle-chip': true,
-            } }, index.h("input", { key: 'e20063ca4f9eb7301b501b234046371adbd49f7d', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
+            } }, index.h("input", { key: 'a83be039e526e5c81d9c9a06d78ffbe084003656', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
                 'b2b-toggle-chip__input': true,
-            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), index.h("label", { key: 'cd4f83724c8bb2252a8b2376cdb2cf764c828dd0', id: this.name, tabIndex: -1, class: {
+            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), index.h("label", { key: '239667dab17575f444304d1a6ed080969263a529', id: this.name, tabIndex: -1, class: {
                 'b2b-toggle-chip__label': true,
                 [`b2b-toggle-chip__label--${this.variant}`]: true,
                 'b2b-toggle-chip__label--active': this.active,

package/dist/cjs/b2b-toggle-group.cjs.entry.js

@@ -55,10 +55,10 @@ const B2BToggleGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f17d4a01c930847672fe6aa60b50544c3a0fa829' }, index.h("div", { key: 'd1250e694f9b225886136bd116a4cbd297a1fea5', class: {
+        return (index.h(index.Host, { key: '61ccd7ac4efe264edc353ee2c77085b928dca8f0' }, index.h("div", { key: 'ca4d71b1c622d8ae3220bd3a5d871454e8614d96', class: {
                 'b2b-toggle-group': true,
                 'b2b-toggle-group--disabled': this.disabled,
-            } }, index.h("fieldset", { key: '819b848ed5b3b50bfe840dcdb4caf9a7520f58be' }, index.h("slot", { key: '6918c86adb990d6300b2327510a27a830d4eab52' })))));
+            } }, index.h("fieldset", { key: '05e1fd468b4cd2ecff5e813db6389f43d065176f' }, index.h("slot", { key: '14e60ca50e82c8e4ae7147ac7e585a13b6c50358' })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-toggle-switch.cjs.entry.js

@@ -48,17 +48,17 @@ const B2bToggleSwitchComponent = class {
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (index.h(index.Host, { key: '3d95bcb03fb1131b2b2775db6e8d82de9f2c5297' }, index.h("div", { key: '4e665cdbb2d1364a4bd9e641745d510237a4f4c8', class: {
+        return (index.h(index.Host, { key: 'f40fa08edbf399fa627a81140477f2512a5884b3' }, index.h("div", { key: 'f806f79cf76f965383d8538a7c393b4e562fdb32', class: {
                 'b2b-toggle': true,
                 'b2b-toggle--disabled': this.disabled,
                 'b2b-toggle--checked': this.state,
-            } }, index.h("div", { key: '285501a0a3904058e06477c07ddbc6032c49ac1c', class: {
+            } }, index.h("div", { key: '0664c184383f64864b25978d9d980266cf72668d', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, index.h("span", { key: '6f4699424b4a5e23c9de5577b0026f6ab0eb964f', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, index.h("svg", { key: 'ef46344c874f4b5f2cf998dcbf0b496180024cd4', class: {
+            } }, index.h("span", { key: '98b08ab1b541fed7ee54730380c331aa55206868', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, index.h("svg", { key: 'e84003457f75842186d30b582ab3896aea5257b6', class: {
                 'b2b-toggle__icon': true,
                 'b2b-toggle__icon--show': this.state,
-            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, index.h("path", { key: '56833837842c26dfeb46ed3429f4ccf1e48477f7', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (index.h("span", { class: {
+            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, index.h("path", { key: '087e56df9cd4e1712024944dd470baf445338077', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (index.h("span", { class: {
                 'b2b-toggle__text': true,
                 'b2b-toggle__text--left': isLeft,
             } }, this.label))))));

package/dist/cjs/b2b-tooltip.cjs.entry.js

@@ -62,13 +62,13 @@ const B2BTooltipComponent = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c2efabef717665d8bf057abf1b3cb70f25dc2214', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, index.h("span", { key: 'fd1c3760f32c1592ffbe2429ed1cf5fc67b47285', class: {
+        return (index.h(index.Host, { key: '206be7996ce610ef649791c8fbdb33cb43c0c4e3', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, index.h("span", { key: '2db6908f7af38c30676f4ee4e2ec0fb395b496d3', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, index.h("slot", { key: '863de460d08adfc78418a213ece987fd05ac7850' }), index.h("div", { key: '70800804dc8de2e348aa07da04fd7302d944b56f', class: {
+            } }, index.h("slot", { key: '701b2c95321148dc456698c6354e57f57c2aa705' }), index.h("div", { key: '9a73bbaffe6aeb94df712dcfb07607038827b329', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, index.h("slot", { key: '507cbc98868be7121f7604176a77d7b0f819b0a0', name: "content" }, this.content)))));
+            } }, index.h("slot", { key: 'a2a30959e9f5757b5bd1df92f19f97a5a87b1960', name: "content" }, this.content)))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/b2b-wizard-icon.cjs.entry.js

@@ -16,7 +16,7 @@ const WizardIconComponent = class {
         this.checkIcon = true;
     }
     render() {
-        return (index.h(index.Host, { key: '1079e6ecea1b59022ab6d6eb13d6988273472bca' }, index.h("div", { key: '18d2d9c627d5547b599d5bf23d1be8434430a737', class: {
+        return (index.h(index.Host, { key: 'f90113ae53a154cabd6c03ba7ca5ec799fd2a924' }, index.h("div", { key: 'b53d693ec4588902dfd92210723fba697fc96ca8', class: {
                 'b2b-wizard-icon': true,
             } }, this.state === wizard_types.WizardStatus.COMPLETED && (index.h("b2b-rounded-icon", { color: "var(--b2b-color-success-50)", "content-color": "var(--b2b-color-success-100)" }, this.checkIcon ? (index.h("b2b-icon", { slot: "icon", icon: "b2b_icon-check" })) : (index.h("span", { slot: "text" }, this.step)))), this.state === wizard_types.WizardStatus.PENDING && (index.h("b2b-rounded-icon", { color: "var(--b2b-color-icon-default)", "content-color": "var(--b2b-color-icon-inverted)" }, index.h("span", { slot: "text" }, this.step))), this.state === wizard_types.WizardStatus.DISABLED && (index.h("b2b-rounded-icon", { color: "var(--b2b-color-grey-100)", "content-color": "var(--b2b-color-grey-400)" }, index.h("span", { slot: "text" }, this.step))), this.state === wizard_types.WizardStatus.DEFAULT && (index.h("b2b-rounded-icon", { color: "transparent", "border-color": "var(--b2b-color-icon-secondary)", "content-color": "var(--b2b-color-icon-secondary)" }, index.h("span", { slot: "text" }, this.step))))));
     }

package/dist/cjs/b2b-wizard-step.cjs.entry.js

@@ -16,10 +16,10 @@ const WizardStepComponent = class {
         this.checkIcon = true;
     }
     render() {
-        return (index.h(index.Host, { key: '53135f23baa9c010ed41077be0a82ef367d167b0' }, index.h("div", { key: '5bb054dbb364fb4690c224b147427b75c794ee6f', class: "b2b_wizard__step" }, index.h("b2b-wizard-icon", { key: '8f2092e2e1c95c4b9ed4808ffbc2a5adf53417d5', step: this.step, state: this.state, checkIcon: this.checkIcon }), index.h("div", { key: '83bfe843ddf72019d07bbe8c6352db6178eee2e6', class: {
+        return (index.h(index.Host, { key: '11892ec96d8a26f9a1665908c4f247a9944ecd27' }, index.h("div", { key: '1d5e0fadf98c8d54ffb21638df91a4c56bcb33a3', class: "b2b_wizard__step" }, index.h("b2b-wizard-icon", { key: '02674a17c0ee84de5c14b6422afb25df7dbca947', step: this.step, state: this.state, checkIcon: this.checkIcon }), index.h("div", { key: 'a059e53252f36ce98fb15298b575689c18004182', class: {
                 'b2b_wizard__step__label': true,
                 'b2b_wizard__step__label--default': this.state === wizard_types.WizardStatus.DEFAULT,
-            } }, index.h("slot", { key: '0ec30ce61b2c6e2cbb0158d3c411314e73103121' })))));
+            } }, index.h("slot", { key: '68154418c6b0e5029e4b0aea64ef03f1923b1c74' })))));
     }
 };
 WizardStepComponent.style = B2bWizardStepStyle0;

package/dist/cjs/b2b-wizard.cjs.entry.js

@@ -53,7 +53,7 @@ const WizardComponent = class {
             this.setStepsState();
     }
     render() {
-        return (index.h(index.Host, { key: '0d6e329dcb96f5bab7de07ddb9206c3729bacca4' }, index.h("div", { key: 'cad575adba4bdee8913d5c54d3cd7664e12beca7', class: "b2b_wizard" }, index.h("slot", { key: '89024a5eb440dc3de2e960e3cb71fe839e837f33' }))));
+        return (index.h(index.Host, { key: '4395808877c2f78bb53e4ced7cc4c89d875a0b5c' }, index.h("div", { key: '8fe7bc19cf6e356aaafad10f0461db6d29781fcf', class: "b2b_wizard" }, index.h("slot", { key: '30e3bd793259494df8355d2417067861d49a70e8' }))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/index-668808fd.js

@@ -2196,6 +2196,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './b2b-anchor.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'b2b-background-box.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './b2b-background-box.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'b2b-breadcrumb.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */