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

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: '1e3ae2d0db3df6fd7fb249181560471102f81ad4' }, index.h("div", { key: 'b6a9ce0bc06ca54cba7885b3094f448df6440194', class: { 'b2b-modal': true, 'b2b-modal--open': this.opened } }, index.h("div", { key: 'a114fc4834406ac93c554fa5c2058500c229ecfe', "data-focus-trap-edge": true, onFocus: this.handleTopFocus, tabIndex: 0 }), index.h("div", { key: '49ce79940badc68db9a6469f96bbe43b5803ced2', 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: 'e1542497ec46e553b5883a8bec9fb97bc8e41bb8', class: "b2b-modal__dialog__header" }, index.h("div", { key: 'eeb61001cfc5090b6f4bd969fb8b79d24a69bfa5', class: "b2b-modal__dialog__header-left" }, index.h("b2b-headline", { key: '84172ec8e265fce0aa43bbc23b448338524a5308', align: "center", size: "200", noMargin: true }, this.heading), index.h("slot", { key: 'd77b0510ea6499190dcb84fdf0568bf350dd335a', name: "header-icon" })), index.h("div", { key: '9593ad5db17f58b9d6fd78dd2ba2222cf79a898d', class: "b2b-modal__dialog__header-right" }, index.h("button", { key: '58891bff498f89f768cce4f47e4f645f30e7cdad', 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: '13e59be8efad1023f31dfa312587e35ef8d9fe67', clickable: true, icon: "b2b_icon-close", color: this.iconHover ? 'primary' : 'secondary' })))), index.h("div", { key: '924bef84d6894ce17a3d66a2d9b23f691b9223cd', class: "b2b-modal__dialog__body" }, index.h("slot", { key: 'b07dc09829fac404e024d088ac2d81077e8324a5' })), index.h("div", { key: '7433546732ce4e1328cf69f2854f9fa28b0a9fdd', class: "b2b-modal__dialog__footer" }, index.h("div", { key: 'c27513e66a231d28fe1daa43161314c618ba796b', class: "b2b-modal__dialog__footer-left" }, index.h("slot", { key: '7a6207d701937ba3862556baf8bd3fc7d0a5723a', name: "footer-left" })), index.h("div", { key: '987111726c944467252370d3584cfc48abe73fd4', class: "b2b-modal__dialog__footer-right" }, index.h("slot", { key: '2937656f11a5f6ab715790635d36ece40f87ce98', name: "footer-right" })))), index.h("div", { key: '4dda8705d09b21f15472bc1b0971d50dd8c3b9bb', "data-focus-trap-edge": true, onFocus: this.handleBottomFocus, tabIndex: 0 }), index.h("div", { key: 'b8097e7b4bcbada1bec1e937296567e01042cf3d', 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: 'daeee1f39392ed4b83f2c51a90a1971dcbbb2843', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: '7733bc1155f8eafdd14dc066d545f8aaef609fa7' }, this.label), index.h("div", { key: 'a68d14971e947a23fd60684eb91919ac71814fe1', 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: 'd4e290f3b03cb805d525f8896709f1fe48e9b455', icon: "b2b_icon-arrow-down" })), index.h("div", { key: 'd9578e28d9fe2f33c4010ad664f7d1f0abb62864', 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: '2bcc252dda29ff86e8c3867c78e43b46ef596709', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: '5e3d3cc7aee8f2ba8d654959b901863c9e02b266', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: 'be3b6becbcb710cbab950c55ffc5c11b2ea7319f', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '8ecde85fc975c9abc10ec89e77278547852055ea', 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: '8fa4e333ccf87ae1533fb06433459926b5e01907' }, index.h("ol", { key: 'ab31cd8b5a958c174868753b274f5a9633757b54', 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: '116744e495658dd8f36730ae2660e66a65faaabc', 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: '276a51b52de920e5a0a2114cd49919c2d78d1dcd' })));
+            } }, 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: '0a39b6b14e428d976a25f93a0e46319428b5d494' }, index.h("div", { key: '4c7aabd29013863f86e158147098253b135b46b1', 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: '19b9840ce6204727dab53ef2d6b73092bfeaef36', class: "b2b-progress-bar__wrapper" }, index.h("div", { key: 'd60e6051f10c38d6708f0e35c45901cb5a7a30fc', 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: '45ef8e099ae071712e67f7175dc409780621c4cc', 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: 'e9f470e9014b1cd2e062a56fe3acefbb7fbce41e', onClick: this.onClick }, index.h("div", { key: 'dfbf91527d2ddcacb765e5642d3b01cdfa90f482', 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: '9f31bd15de285e3f95f7493a2b38b8c30b88eb56', class: "b2b-radio-items" }, index.h("input", { key: '10224be09adc48cb363a40556248e7bb3fe1a542', 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: '39a120a1a44a1327c2123149ef22bfd356fc79e4', 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: '55d628ab2c309c6001047fc70b21a78be453e7f4' }, index.h("div", { key: 'af11a6b06351922eecc52799adcea891466b8420', 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: 'fb4c191577566aad73e03effd5112a2356e05195' }, index.h("div", { key: '647d4df01ec64fc444897c2795073d5e629c2b1b', class: "b2b-radio-group-options" }, index.h("slot", { key: '3bfe34c9d3d6c1059554789a15a3c65b2d2251df' }))), (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: '980ff451bc77415b4be2e6483913c25230df71c8' }, index.h("div", { key: '3372d15f1c22487cf5410ebb7ecd12fa2e040a3e', class: "b2b-required-separator__label" }, index.h("span", { key: 'fb94d9c46ea930c3d1481bdffe3fa3ff994521fd', class: "b2b-required-separator__asterisk" }, "* "), index.h("span", { key: '4dd2f2f6f2718683a1398f60b5a50a02d103821b' }, this.label)), index.h("b2b-separator", { key: '093bb2473e62a0b57d535cc9a7652e93e06ec47f' })));
+        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: 'aff67c5e9913d8a157fff480d26a1fb5cc72d849' }, index.h("div", { key: 'ed16eb230b738ad60b295f4208a99bc92b6aaaf6', 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: '1e35a094d38b7afc51c114b8e767ad12ba6c338e', style: {
+            } }, index.h("div", { key: 'fa9aad421fd737beb33c8338eb41f24f92972a58', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: 'e6906fa604583425a9678f6a2b452da4aa3f3703', name: "icon" })), index.h("div", { key: 'b1926c222caf5307a2ff9cbab455b607026ac883', style: {
+            } }, index.h("slot", { key: '9ebcf447273cf65e2cd4bdfb9b08b26b33de2bcc', name: "icon" })), index.h("div", { key: '3dedbe36dcb2534925f965581ca25ddb5c07ad4a', style: {
                 ['color']: this.contentColor,
-            } }, index.h("slot", { key: '70493cb6e76136a4d7c95ed8cd1d3c2d10ec00b8', 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: 'cf1acdef7e26ad1d85bde804d4a3d51ceabe38c8' }, index.h("slot", { key: '5ec43c51cdac7a67ce146859ac0398ecca013852' })));
+        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: '6d7613cdd4db258a966144d82e39d12e03d68e03' }, index.h("b2b-input-group", { key: '2d2c92286f0ca1de3eedeedfd3450de6df646ff2', disabled: this.disabled }, index.h("b2b-input-list", { key: '8bd4b9debfed77a5692f35efab78842279f0cb01', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, index.h("slot", { key: '70e790224ee58ce4b1fecdeaa97fcb9d83d7bf28' })), index.h("b2b-button", { key: '18e56ed573a9a5213dbcbc656932921e2b834295', slot: "end", variant: "primary", onClick: this.onSearchClicked }, index.h("b2b-icon", { key: 'ea1b114947eb214743793cdffa34ea400b1934b8', 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: '42031c92d9e0e60bd3dbf226e189e81908a3720f' }, index.h("div", { key: '6cd11f5f5365ad23c33d0da06556dad6637f29f0', 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: '33a3227fb2b349613aaeb8ae7eca0bb785182086' }, index.h("slot", { key: '6538635cfb20b9ed81cd522aecfdfe407bc96268', name: "tab" }), index.h("b2b-separator", { key: 'b221b6f6581909562c04e46aca9215e8636d7795' }), index.h("slot", { key: 'e3b6b0493ee708c91eab561a63445bd9475a90c8', 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: 'ad413e9abc62b193c83e31dcc54da1ef3aa2c747', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, index.h("div", { key: '8227beb87efef5909ec6a83800f934fa6c601be3', class: "b2b-tab-panel" }, index.h("slot", { key: '98e8124154d255065c9b5ca6984034f010eafe68' }))));
+        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: 'd17372258d62a1652fc8b45af56cee6fc7901c37', 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: '3064b699713fe46da63b7b7558911838ffc758db', 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: 'e9219b68d0ff9e572a07e800589f623f732a6895' }))));
+            } }, 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: '0772710a7a825fe3d27eb3b01da736ad44dc3ced', 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: 'e7f3aa365cb8734174d901dcd249da32850253ac' })));
+            }, 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: '227b70e37cb873fcdf87316989847be6982518be', 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: 'a9066c8505c69a1e63136875e28ab9917d9f758f', 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: '52ac4da879258e21c1543f94cdec62bc94884328' })));
+            }, 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: '13b79ec38e373910af52c3f3a871a18a543be584', 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: '75343b8d985000f3fb969a9b7ab89d037e19b7ce' })));
+            }, 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: '73b4eeeca5aa422ede7b053daa83e427c5431407', class: {
+        return (index.h(index.Host, { key: 'f059683c7d7248d2a71f6b87d2a2c824bb4cedd9', class: {
                 ['b2b-table--' + this.size]: true,
-            }, role: "table" }, index.h("slot", { key: '33ffe4f4b0becdd3f5a0897d5f0483daecc1c1bf' })));
+            }, 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: '3269a163de385e193c1d67643bb0488015d715b1', 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: '294b3815a1a775b5e79eb405877925bf2251ddc5', 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: '6e25a1828cae4a3649081c9494b04f59fd3b0698', onClick: this.onClick }, index.h("span", { key: '06b61fa400dd95dbbef5345c7f28de6e17a2c23a', 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: '44bf0c45d9c500c9ed269b8651757b2f423d74b7', 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: '2f151a52b3c72735b8c7b28d5fd615ef9a1e7ece', 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: '8373455857bb583dcc3893c3ac42cda61fe9aaed' }, index.h("span", { key: '7f193051116571785580b48cc126f2b254d849bf', 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: '795085195e7dad551376e18a5115881f930b7189', "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: '66d2b68c7947b9de58a7acf917980e5bac6a2f2d', 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: 'e6a8d71713f388ed7f41ac2b3a887143d1b53b71' }, index.h("div", { key: '04ac46af3a2226a1432c014fbb32ce860dc1adb0', 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: '1c50c9ab57986021c1396a19075d2885f8627d2e' }, index.h("slot", { key: 'a0a58ff3d0ccf598dc52a9e8f1a2f350bf5a3246' })))));
+            } }, 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: 'a4ae1c68c4d86a4fbf8087bb3957cab828302395' }, index.h("div", { key: '03170b4af83dab44488db452b8f9377439d41a3f', 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: '402d63e72ca87265c953922a217245980dd89677', class: {
+            } }, index.h("div", { key: '0664c184383f64864b25978d9d980266cf72668d', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, index.h("span", { key: 'd433a55594e8912025cd2fd965ebce9b6f3e4527', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, index.h("svg", { key: '263e8a7aeb92eb55f147a82294bfb8d1ba21a10a', 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: '96e0d898cba16910264b4639908859b42128c2b0', 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: '3c6ed0fa58a1f770366975eb2ea17ef8bd48a79f', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, index.h("span", { key: '3b2d5106d1006a6ddb9cf4b002fcf1e8263f5408', 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: '737a6330346847e08e06ba1b651a9a2cceb7dd30' }), index.h("div", { key: '5b93917d1eafbee55adc412856d18d77aee7cb5a', 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: '77c7cf53353c9d5f689c3d18c4921107d923d811', 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: 'f2504601523ffc9069b0b20082547ef3580f6841' }, index.h("div", { key: '457ba0f1c0adc0b3b5522ac71e83ca3bbbd82cbd', 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: 'c13f6fb782c9d9a61240ba2ab7a5733e7be03507' }, index.h("div", { key: '5fb11e13cf4e047ee58ab3b820982f674eed94c9', class: "b2b_wizard__step" }, index.h("b2b-wizard-icon", { key: '4089f7b7703d27af414482549b125afcbdaf7f5e', step: this.step, state: this.state, checkIcon: this.checkIcon }), index.h("div", { key: '323510afcecde0105b7eec43f33231c9c8228fa8', 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: '6aa9b3f33f753fdce25d6992efc321f2b3a7985b' })))));
+            } }, 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: '1fb548e71aa9d672a0b922581c19909040781926' }, index.h("div", { key: '9444aeafb7cd39aa89e5efb4991274c631067f4d', class: "b2b_wizard" }, index.h("slot", { key: '3c654bbee61932d84cda6de0438bf4550b14be3a' }))));
+        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/date-picker.types-79f4bba0.js

@@ -0,0 +1,26 @@
+'use strict';
+
+const Months = [
+    'Jan',
+    'Feb',
+    'Mär',
+    'Apr',
+    'Mai',
+    'Jun',
+    'Jul',
+    'Aug',
+    'Sep',
+    'Okt',
+    'Nov',
+    'Dez',
+];
+const Weekdays = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'];
+exports.DatePickerView = void 0;
+(function (DatePickerView) {
+    DatePickerView["Days"] = "Days";
+    DatePickerView["Months"] = "Months";
+    DatePickerView["Years"] = "Years";
+})(exports.DatePickerView || (exports.DatePickerView = {}));
+
+exports.Months = Months;
+exports.Weekdays = Weekdays;

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" */
@@ -2204,10 +2208,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './b2b-breadcrumb-item.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'b2b-calendar.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './b2b-calendar.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'b2b-card.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2216,6 +2216,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './b2b-checkbox-group.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'b2b-date-picker.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './b2b-date-picker.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'b2b-dropdown.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
@@ -2348,14 +2352,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './b2b-wizard-step.cjs.entry.js')); }).then(processMod, consoleError);
-                case 'b2b-calendar-days_3.cjs':
-                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
-                        /* webpackMode: "lazy" */
-                        './b2b-calendar-days_3.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'b2b-chip-component_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */
                         './b2b-chip-component_2.cjs.entry.js')); }).then(processMod, consoleError);
+                case 'b2b-date-picker-days_5.cjs':
+                    return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+                        /* webpackMode: "lazy" */
+                        './b2b-date-picker-days_5.cjs.entry.js')); }).then(processMod, consoleError);
                 case 'b2b-input-group_2.cjs':
                     return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
                         /* webpackMode: "lazy" */