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

package/dist/components/b2b-multiselect-dropdown.js

@@ -154,13 +154,13 @@ const B2bMultiSelectDropdown = /*@__PURE__*/ proxyCustomElement(class B2bMultiSe
         this.updateSelectAll(options);
     }
     render() {
-        return (h(Host, { key: 'daeee1f39392ed4b83f2c51a90a1971dcbbb2843', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '7733bc1155f8eafdd14dc066d545f8aaef609fa7' }, this.label), h("div", { key: 'a68d14971e947a23fd60684eb91919ac71814fe1', class: {
+        return (h(Host, { key: '0ac598afeeb43b6b9c7886de674b39ef89674171', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, h("b2b-input-label", { key: '4c9d34386c039f2c1c0713dece6853c37a97824a' }, this.label), 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 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), h("b2b-icon", { key: 'd4e290f3b03cb805d525f8896709f1fe48e9b455', icon: "b2b_icon-arrow-down" })), h("div", { key: 'd9578e28d9fe2f33c4010ad664f7d1f0abb62864', class: {
+            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), h("b2b-icon", { key: '6f74ba3c79a08f8f7807e012b60ff6be1c23eb2d', icon: "b2b_icon-arrow-down" })), h("div", { key: 'bbb4e7d4bc4a9847cad814e97a0f8846d0cb6469', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isElementFocused,
-            } }, h("div", { key: '2bcc252dda29ff86e8c3867c78e43b46ef596709', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: '5e3d3cc7aee8f2ba8d654959b901863c9e02b266', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: 'be3b6becbcb710cbab950c55ffc5c11b2ea7319f', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), 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 &&
+            } }, h("div", { key: '797e55fd95082c5d39368e4bb65691e2724a7a00', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, h("div", { key: 'a3025a63bc4f07e77920738ffbe591859648caff', class: "b2b-multiselect-dropdown__option__search" }, h("input", { key: '85dbe8ac72440e358c4986d56b7d347ea44ca2d4', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), 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 => (h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option })))))));
     }
     get hostElement() { return this; }

package/dist/components/b2b-pagination.js

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

package/dist/components/b2b-paragraph.js

@@ -13,12 +13,12 @@ const ParagraphComponent = /*@__PURE__*/ proxyCustomElement(class ParagraphCompo
         this.align = 'left';
     }
     render() {
-        return (h("p", { key: '116744e495658dd8f36730ae2660e66a65faaabc', class: {
+        return (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,
-            } }, h("slot", { key: '276a51b52de920e5a0a2114cd49919c2d78d1dcd' })));
+            } }, h("slot", { key: 'a0a6050b05382ed1084e2588e3b87c69237ac773' })));
     }
     static get style() { return B2bParagraphStyle0; }
 }, [1, "b2b-paragraph", {

package/dist/components/b2b-progress-bar.js

@@ -24,11 +24,11 @@ const ProgressBarComponent = /*@__PURE__*/ proxyCustomElement(class ProgressBarC
     }
     render() {
         const labelExists = this.label !== undefined && this.label !== '';
-        return (h(Host, { key: '0a39b6b14e428d976a25f93a0e46319428b5d494' }, h("div", { key: '4c7aabd29013863f86e158147098253b135b46b1', class: {
+        return (h(Host, { key: '15d28a38e73694c291cc3f30a46c293340f783b5' }, h("div", { key: 'da403857480473acba95970d121f2d182298ad17', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, h("div", { key: '19b9840ce6204727dab53ef2d6b73092bfeaef36', class: "b2b-progress-bar__wrapper" }, h("div", { key: 'd60e6051f10c38d6708f0e35c45901cb5a7a30fc', class: "b2b-progress-bar__progress", style: {
+            } }, h("div", { key: 'b9bc673095e7ccb81b16eb220c91e8cc5801ad90', class: "b2b-progress-bar__wrapper" }, h("div", { key: '851108cac7b1af71d8ca8176aa03c90281b7bf54', class: "b2b-progress-bar__progress", style: {
                 width: `${this.getProgress()}%`,
-            } })), h("div", { key: '45ef8e099ae071712e67f7175dc409780621c4cc', class: {
+            } })), 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/components/b2b-radio-button.js

@@ -64,11 +64,11 @@ const B2bRadioButtonComponent = /*@__PURE__*/ proxyCustomElement(class B2bRadioB
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (h(Host, { key: 'e9f470e9014b1cd2e062a56fe3acefbb7fbce41e', onClick: this.onClick }, h("div", { key: 'dfbf91527d2ddcacb765e5642d3b01cdfa90f482', class: {
+        return (h(Host, { key: 'e18102a2fb0a1386273ade95e4a7bffa17466755', onClick: this.onClick }, h("div", { key: '3ab98b94c94b3e027e673247245c7012d3f9bc86', class: {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, h("div", { key: '9f31bd15de285e3f95f7493a2b38b8c30b88eb56', class: "b2b-radio-items" }, 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 }), h("b2b-input-label", { key: '39a120a1a44a1327c2123149ef22bfd356fc79e4', id: this.name, required: this.required, disabled: this.disabled }, this.label)), (this.hint !== undefined && !this.invalid) ||
+            } }, h("div", { key: 'd81ed252709872fb297fba2a497fb045f35285ac', class: "b2b-radio-items" }, 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 }), 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) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
     }
     get host() { return this; }

package/dist/components/b2b-radio-group.js

@@ -75,11 +75,11 @@ const RadioButtonGroupComponent = /*@__PURE__*/ proxyCustomElement(class RadioBu
         this.removeChildText();
     }
     render() {
-        return (h(Host, { key: '55d628ab2c309c6001047fc70b21a78be453e7f4' }, h("div", { key: 'af11a6b06351922eecc52799adcea891466b8420', class: {
+        return (h(Host, { key: 'ce3087acd7805720be6f5b2524dad8c9b6757e92' }, 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 && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("fieldset", { key: 'fb4c191577566aad73e03effd5112a2356e05195' }, h("div", { key: '647d4df01ec64fc444897c2795073d5e629c2b1b', class: "b2b-radio-group-options" }, h("slot", { key: '3bfe34c9d3d6c1059554789a15a3c65b2d2251df' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("fieldset", { key: '1e90558b69774874b0d19703f9002a8e0311bcf2' }, h("div", { key: '2b26f7b29e176c2831c7f5da22ed59b8352b5155', class: "b2b-radio-group-options" }, h("slot", { key: '9dc75a44a47e555e5de84001a29ee378b4521a60' }))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
     }
     get host() { return this; }

package/dist/components/b2b-required-separator.js

@@ -12,7 +12,7 @@ const B2BRequiredSeparator = /*@__PURE__*/ proxyCustomElement(class B2BRequiredS
         this.label = 'Pflichtfeld';
     }
     render() {
-        return (h(Host, { key: '980ff451bc77415b4be2e6483913c25230df71c8' }, h("div", { key: '3372d15f1c22487cf5410ebb7ecd12fa2e040a3e', class: "b2b-required-separator__label" }, h("span", { key: 'fb94d9c46ea930c3d1481bdffe3fa3ff994521fd', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: '4dd2f2f6f2718683a1398f60b5a50a02d103821b' }, this.label)), h("b2b-separator", { key: '093bb2473e62a0b57d535cc9a7652e93e06ec47f' })));
+        return (h(Host, { key: 'ed46c96fc3dbc1a22589a0991e498723941f75eb' }, h("div", { key: '41eeac6e3147768d2492b509fde113532e3811ea', class: "b2b-required-separator__label" }, h("span", { key: '6de6fa330bc47474e0b06a0665c8003a0f889c94', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: 'e88bd1742e3e9b134b0b9d3c4e6fce07b27167ff' }, this.label)), h("b2b-separator", { key: 'd5ecda6575a64bbbfc7529698966233883e7e232' })));
     }
     static get style() { return B2bRequiredSeparatorStyle0; }
 }, [1, "b2b-required-separator", {

package/dist/components/b2b-scrollable-container.js

@@ -10,7 +10,7 @@ const ScrollableContainerComponent = /*@__PURE__*/ proxyCustomElement(class Scro
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'cf1acdef7e26ad1d85bde804d4a3d51ceabe38c8' }, h("slot", { key: '5ec43c51cdac7a67ce146859ac0398ecca013852' })));
+        return (h(Host, { key: 'd1e1251eef88da3e47e83a0e323a919ad6d4be59' }, h("slot", { key: '3f027e979011a8084cfe7d5c5169b1266d3cbc6f' })));
     }
     get host() { return this; }
     static get style() { return B2bScrollableContainerStyle0; }

package/dist/components/b2b-search.js

@@ -35,7 +35,7 @@ const SearchComponent = /*@__PURE__*/ proxyCustomElement(class SearchComponent e
         }
     }
     render() {
-        return (h(Host, { key: '6d7613cdd4db258a966144d82e39d12e03d68e03' }, h("b2b-input-group", { key: '2d2c92286f0ca1de3eedeedfd3450de6df646ff2', disabled: this.disabled }, 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 }, h("slot", { key: '70e790224ee58ce4b1fecdeaa97fcb9d83d7bf28' })), h("b2b-button", { key: '18e56ed573a9a5213dbcbc656932921e2b834295', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: 'ea1b114947eb214743793cdffa34ea400b1934b8', icon: "b2b_icon-search", clickable: true })))));
+        return (h(Host, { key: 'fee0b031e27eb9041d033797a86d22bc33f51689' }, h("b2b-input-group", { key: 'c3cd0ccfe8c5815081fc3aad550170b07680738f', disabled: this.disabled }, 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 }, h("slot", { key: 'c5ca9008625cc583670b0ec9aad59dc09656552f' })), h("b2b-button", { key: 'c8adaaa19fc1883543f01126c7dfeadd1b4bfe9e', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: '16997d3fa6851042efc7cb5c4ca4eb423a2db4ba', icon: "b2b_icon-search", clickable: true })))));
     }
     get hostElement() { return this; }
 }, [1, "b2b-search", {

package/dist/components/b2b-tab-group.js

@@ -127,7 +127,7 @@ const B2bTabGroupComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabGroupC
         });
     }
     render() {
-        return (h(Host, { key: '33a3227fb2b349613aaeb8ae7eca0bb785182086' }, h("slot", { key: '6538635cfb20b9ed81cd522aecfdfe407bc96268', name: "tab" }), h("b2b-separator", { key: 'b221b6f6581909562c04e46aca9215e8636d7795' }), h("slot", { key: 'e3b6b0493ee708c91eab561a63445bd9475a90c8', name: "panel" })));
+        return (h(Host, { key: 'cd061de38a6aad756935534a04d1ad1ac8118614' }, h("slot", { key: '63d99808894d9c0dbdfa8e996ac3738a6bbc4d5d', name: "tab" }), h("b2b-separator", { key: '09a138fb668af087ab84d00f2ae1ab7ca7611b20' }), h("slot", { key: 'c32e77e3a0fc8b86fd5107262b648822bb693a50', name: "panel" })));
     }
     get hostElement() { return this; }
 }, [1, "b2b-tab-group", {

package/dist/components/b2b-tab-panel.js

@@ -12,7 +12,7 @@ const B2bTabPanelComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabPanelC
         this.generatedId = i++;
     }
     render() {
-        return (h(Host, { key: 'ad413e9abc62b193c83e31dcc54da1ef3aa2c747', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '8227beb87efef5909ec6a83800f934fa6c601be3', class: "b2b-tab-panel" }, h("slot", { key: '98e8124154d255065c9b5ca6984034f010eafe68' }))));
+        return (h(Host, { key: 'bfa264194c0f6a5f017c3b0d3029d9b4927c30d8', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '398fdf7fb1513840ec8c1ed32c434d5849f215f7', class: "b2b-tab-panel" }, h("slot", { key: 'e3aedfa7249956b2ccba84d53bb66dce8b74d806' }))));
     }
     static get style() { return B2bTabPanelStyle0; }
 }, [1, "b2b-tab-panel"]);

package/dist/components/b2b-tab.js

@@ -25,12 +25,12 @@ const B2bTabComponent = /*@__PURE__*/ proxyCustomElement(class B2bTabComponent e
         }
     }
     render() {
-        return (h(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' }, h("span", { key: '3064b699713fe46da63b7b7558911838ffc758db', class: {
+        return (h(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' }, h("span", { key: 'a1c5d46765b36d1b58dcd5f068bae9d052b50eab', class: {
                 'b2b-tab': true,
                 'b2b-tab--selected': this.selected,
                 'b2b-tab--disabled': this.disabled,
                 'b2b-tab--error': this.invalid,
-            } }, h("slot", { key: 'e9219b68d0ff9e572a07e800589f623f732a6895' }))));
+            } }, h("slot", { key: 'e4b68bd954c2c69def327ed277d1b57795b1fba8' }))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/dist/components/b2b-table-row.js

@@ -105,12 +105,12 @@ const TableRowComponent = /*@__PURE__*/ proxyCustomElement(class TableRowCompone
         }
     }
     render() {
-        return (h(Host, { key: 'a9066c8505c69a1e63136875e28ab9917d9f758f', class: {
+        return (h(Host, { key: '5c12f0e1d67ff6dac1223d8973e376c2773b3735', class: {
                 'b2b-table-row': true,
                 ['b2b-table-row--colspan']: this.size === TableSizes.COLSPAN,
                 ['b2b-table-row--highlight']: this.highlight,
                 [`b2b-table-row--color-${this.getRowColor()}`]: true,
-            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: '52ac4da879258e21c1543f94cdec62bc94884328' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: '2aaf7ec2f09c1c9a5a37dded002408bff7c1754a' })));
     }
     get hostElement() { return this; }
     static get style() { return B2bTableRowStyle0; }

package/dist/components/b2b-table-rowgroup.js

@@ -136,11 +136,11 @@ const TableRowgroupComponent = /*@__PURE__*/ proxyCustomElement(class TableRowgr
         this.makeHeaderRowNotSelectable();
     }
     render() {
-        return (h(Host, { key: '13b79ec38e373910af52c3f3a871a18a543be584', class: {
+        return (h(Host, { key: '79e8f3929f142b1d0f063e38c1b3a0295fe5c9d2', class: {
                 ['b2b-table-rowgroup__' + this.type]: true,
                 'b2b-table-rowgroup--fixed': this.fixed,
                 'b2b-table-rowgroup--colspan': this.size === TableSizes.COLSPAN,
-            }, role: "rowgroup" }, h("slot", { key: '75343b8d985000f3fb969a9b7ab89d037e19b7ce' })));
+            }, role: "rowgroup" }, h("slot", { key: 'cbd36b06a0911c2e0309e65aaaa31c83396dd6b4' })));
     }
     get host() { return this; }
     static get style() { return B2bTableRowgroupStyle0; }

package/dist/components/b2b-table.js

@@ -67,9 +67,9 @@ const TableComponent = /*@__PURE__*/ proxyCustomElement(class TableComponent ext
         }
     }
     render() {
-        return (h(Host, { key: '73b4eeeca5aa422ede7b053daa83e427c5431407', class: {
+        return (h(Host, { key: 'f059683c7d7248d2a71f6b87d2a2c824bb4cedd9', class: {
                 ['b2b-table--' + this.size]: true,
-            }, role: "table" }, h("slot", { key: '33ffe4f4b0becdd3f5a0897d5f0483daecc1c1bf' })));
+            }, role: "table" }, h("slot", { key: 'ac05cc8efb3b4aaef44c2f9e05721363b630cd5e' })));
     }
     get host() { return this; }
     static get style() { return B2bTableStyle0; }

package/dist/components/b2b-textarea.js

@@ -53,10 +53,10 @@ const B2BTextareaComponent = /*@__PURE__*/ proxyCustomElement(class B2BTextareaC
         }
     }
     render() {
-        return (h(Host, { key: '3269a163de385e193c1d67643bb0488015d715b1', class: {
+        return (h(Host, { key: 'fa67a181d11d401b8619990c40cd56f788365a05', class: {
                 'b2b-textarea': true,
                 'b2b-textarea--error': this.invalid && !this.disabled,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), 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 && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), 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) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : ('')));
     }
     get hostElement() { return this; }

package/dist/components/b2b-toggle-button.js

@@ -39,13 +39,13 @@ const B2bToggleButtonComponent = /*@__PURE__*/ proxyCustomElement(class B2bToggl
         return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
     }
     render() {
-        return (h(Host, { key: '6e25a1828cae4a3649081c9494b04f59fd3b0698', onClick: this.onClick }, h("span", { key: '06b61fa400dd95dbbef5345c7f28de6e17a2c23a', class: {
+        return (h(Host, { key: '1b4455bc08da5cd59668542b9448991950082a5d', onClick: this.onClick }, h("span", { key: '3dfc32795f51493f156715c762eb07911cd8cefa', class: {
                 'b2b-toggle-button': true,
                 'b2b-toggle-button--disabled': this.disabled,
-            } }, h("input", { key: '44bf0c45d9c500c9ed269b8651757b2f423d74b7', tabindex: 0, class: {
+            } }, 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 }), 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 }), 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/components/b2b-toggle-chip.js

@@ -41,11 +41,11 @@ const B2BToggleChipComponent = /*@__PURE__*/ proxyCustomElement(class B2BToggleC
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '8373455857bb583dcc3893c3ac42cda61fe9aaed' }, h("span", { key: '7f193051116571785580b48cc126f2b254d849bf', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
+        return (h(Host, { key: '0edab0e264bffc60e1e9b0479a8923fe046cb655' }, h("span", { key: 'cba90b7b8adb0e6d183b10800da01fd0cee84ddc', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
                 'b2b-toggle-chip': true,
-            } }, h("input", { key: '795085195e7dad551376e18a5115881f930b7189', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
+            } }, 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 }), 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 }), 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/components/b2b-toggle-group.js

@@ -53,10 +53,10 @@ const B2BToggleGroup = /*@__PURE__*/ proxyCustomElement(class B2BToggleGroup ext
         }
     }
     render() {
-        return (h(Host, { key: 'e6a8d71713f388ed7f41ac2b3a887143d1b53b71' }, h("div", { key: '04ac46af3a2226a1432c014fbb32ce860dc1adb0', class: {
+        return (h(Host, { key: '61ccd7ac4efe264edc353ee2c77085b928dca8f0' }, h("div", { key: 'ca4d71b1c622d8ae3220bd3a5d871454e8614d96', class: {
                 'b2b-toggle-group': true,
                 'b2b-toggle-group--disabled': this.disabled,
-            } }, h("fieldset", { key: '1c50c9ab57986021c1396a19075d2885f8627d2e' }, h("slot", { key: 'a0a58ff3d0ccf598dc52a9e8f1a2f350bf5a3246' })))));
+            } }, h("fieldset", { key: '05e1fd468b4cd2ecff5e813db6389f43d065176f' }, h("slot", { key: '14e60ca50e82c8e4ae7147ac7e585a13b6c50358' })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/b2b-toggle-switch.js

@@ -46,17 +46,17 @@ const B2bToggleSwitchComponent = /*@__PURE__*/ proxyCustomElement(class B2bToggl
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (h(Host, { key: 'a4ae1c68c4d86a4fbf8087bb3957cab828302395' }, h("div", { key: '03170b4af83dab44488db452b8f9377439d41a3f', class: {
+        return (h(Host, { key: 'f40fa08edbf399fa627a81140477f2512a5884b3' }, h("div", { key: 'f806f79cf76f965383d8538a7c393b4e562fdb32', class: {
                 'b2b-toggle': true,
                 'b2b-toggle--disabled': this.disabled,
                 'b2b-toggle--checked': this.state,
-            } }, h("div", { key: '402d63e72ca87265c953922a217245980dd89677', class: {
+            } }, h("div", { key: '0664c184383f64864b25978d9d980266cf72668d', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, h("span", { key: 'd433a55594e8912025cd2fd965ebce9b6f3e4527', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '263e8a7aeb92eb55f147a82294bfb8d1ba21a10a', class: {
+            } }, h("span", { key: '98b08ab1b541fed7ee54730380c331aa55206868', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, 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" }, 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 && (h("span", { class: {
+            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, 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 && (h("span", { class: {
                 'b2b-toggle__text': true,
                 'b2b-toggle__text--left': isLeft,
             } }, this.label))))));

package/dist/components/b2b-tooltip.js

@@ -60,13 +60,13 @@ const B2BTooltipComponent = /*@__PURE__*/ proxyCustomElement(class B2BTooltipCom
         }
     }
     render() {
-        return (h(Host, { key: '3c6ed0fa58a1f770366975eb2ea17ef8bd48a79f', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '3b2d5106d1006a6ddb9cf4b002fcf1e8263f5408', class: {
+        return (h(Host, { key: '206be7996ce610ef649791c8fbdb33cb43c0c4e3', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '2db6908f7af38c30676f4ee4e2ec0fb395b496d3', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, h("slot", { key: '737a6330346847e08e06ba1b651a9a2cceb7dd30' }), h("div", { key: '5b93917d1eafbee55adc412856d18d77aee7cb5a', class: {
+            } }, h("slot", { key: '701b2c95321148dc456698c6354e57f57c2aa705' }), h("div", { key: '9a73bbaffe6aeb94df712dcfb07607038827b329', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, h("slot", { key: '77c7cf53353c9d5f689c3d18c4921107d923d811', name: "content" }, this.content)))));
+            } }, h("slot", { key: 'a2a30959e9f5757b5bd1df92f19f97a5a87b1960', name: "content" }, this.content)))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/b2b-wizard-step.js

@@ -17,10 +17,10 @@ const WizardStepComponent = /*@__PURE__*/ proxyCustomElement(class WizardStepCom
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: 'c13f6fb782c9d9a61240ba2ab7a5733e7be03507' }, h("div", { key: '5fb11e13cf4e047ee58ab3b820982f674eed94c9', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: '4089f7b7703d27af414482549b125afcbdaf7f5e', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '323510afcecde0105b7eec43f33231c9c8228fa8', class: {
+        return (h(Host, { key: '11892ec96d8a26f9a1665908c4f247a9944ecd27' }, h("div", { key: '1d5e0fadf98c8d54ffb21638df91a4c56bcb33a3', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: '02674a17c0ee84de5c14b6422afb25df7dbca947', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: 'a059e53252f36ce98fb15298b575689c18004182', class: {
                 'b2b_wizard__step__label': true,
                 'b2b_wizard__step__label--default': this.state === WizardStatus.DEFAULT,
-            } }, h("slot", { key: '6aa9b3f33f753fdce25d6992efc321f2b3a7985b' })))));
+            } }, h("slot", { key: '68154418c6b0e5029e4b0aea64ef03f1923b1c74' })))));
     }
     static get style() { return B2bWizardStepStyle0; }
 }, [1, "b2b-wizard-step", {

package/dist/components/b2b-wizard.js

@@ -51,7 +51,7 @@ const WizardComponent = /*@__PURE__*/ proxyCustomElement(class WizardComponent e
             this.setStepsState();
     }
     render() {
-        return (h(Host, { key: '1fb548e71aa9d672a0b922581c19909040781926' }, h("div", { key: '9444aeafb7cd39aa89e5efb4991274c631067f4d', class: "b2b_wizard" }, h("slot", { key: '3c654bbee61932d84cda6de0438bf4550b14be3a' }))));
+        return (h(Host, { key: '4395808877c2f78bb53e4ced7cc4c89d875a0b5c' }, h("div", { key: '8fe7bc19cf6e356aaafad10f0461db6d29781fcf', class: "b2b_wizard" }, h("slot", { key: '30e3bd793259494df8355d2417067861d49a70e8' }))));
     }
     get host() { return this; }
     static get style() { return B2bWizardStyle0; }

package/dist/components/button.js

@@ -67,7 +67,7 @@ const ButtonComponent = /*@__PURE__*/ proxyCustomElement(class ButtonComponent e
         return (h("div", { class: "b2b-button__spinner" }, h("b2b-spinner", { color: spinnerColor, size: "50" })));
     }
     render() {
-        return (h(Host, { key: 'bbd9427caf95ea923854f61c916d67758ea5352b', class: {
+        return (h(Host, { key: '8ec121e0aaf8632f3d097490859f7c1b973f9584', class: {
                 [`b2b-button--loading`]: this.canLoad(),
                 [`b2b-button--${this.size}`]: true,
                 [`b2b-button--active`]: this.active,

package/dist/components/checkbox.js

@@ -76,14 +76,14 @@ const CheckboxComponent = /*@__PURE__*/ proxyCustomElement(class CheckboxCompone
         }
     }
     render() {
-        return (h(Host, { key: '15500c41147539bda4b3a5355fbaae206711172e', onClick: this.onClick }, h("div", { key: '285ad6cca81447d099870f0faec211d5cd7111de', class: {
+        return (h(Host, { key: 'f9b0a3ab1446715b218115bb5097d7de57ae71eb', onClick: this.onClick }, h("div", { key: 'da9c2edb1f46996f8e03aedf17a52f4b2c822f0d', class: {
                 'b2b-checkbox': true,
                 'b2b-checkbox--error': this.invalid && !this.disabled,
                 'b2b-checkbox--disabled': this.disabled || this.groupDisabled,
                 'b2b-checkbox--checked': this.checked,
                 'b2b-checkbox--standalone': this.standalone,
                 'b2b-checkbox--indeterminate': this.indeterminate,
-            } }, h("div", { key: '74319860db88f14c2f56b6e7ed4f5e797433dd5b', class: "b2b-checkbox-items" }, this.renderIcon(), h("input", { key: '68a6c2c855731d1e5887bc3cbac14d4ed51468c9', class: "b2b-checkbox__input", "aria-labelledby": this.name, type: "checkbox", name: this.name, id: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.groupDisabled, onFocus: this.onFocus, onBlur: this.onBlur }), !this.standalone && (h("b2b-input-label", { id: this.name, required: this.required, disabled: this.disabled }, this.label))), (this.hint !== undefined && !this.invalid) ||
+            } }, h("div", { key: '29a99d41fca9d51aea5ac58feb92910f10d58e46', class: "b2b-checkbox-items" }, this.renderIcon(), h("input", { key: 'a05a1ba84a49d775a887e393ade4a5c2ce993273', class: "b2b-checkbox__input", "aria-labelledby": this.name, type: "checkbox", name: this.name, id: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.groupDisabled, onFocus: this.onFocus, onBlur: this.onBlur }), !this.standalone && (h("b2b-input-label", { id: this.name, required: this.required, disabled: this.disabled }, this.label))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
     }
     get hostElement() { return this; }

package/dist/components/chip.js

@@ -30,11 +30,11 @@ const B2bChipComponent = /*@__PURE__*/ proxyCustomElement(class B2bChipComponent
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: '2d25f08431074055d7da97f361739e9dbcb19a01' }, h("div", { key: 'b852bebe68a3d80d7264f7212fe220f7ffd3232f', class: {
+        return (h(Host, { key: 'feff4de384d9ae0d55cf1683915bb15e865211a0' }, h("div", { key: '79b6ec48ae1a4c142ca8363670ecee5ddd0703cb', class: {
                 'b2b-chip': true,
                 [`b2b-chip--${this.type}`]: !this.disabled && this.type !== undefined,
                 'b2b-chip--disabled': this.disabled,
-            } }, h("span", { key: '4f5cc17ec7edfad96f8bf7fb2eb3d88368627ede', class: {
+            } }, h("span", { key: 'daa9ee334f78e1b9d3baa363ba7f6e941f3571dc', class: {
                 'b2b-chip__label': true,
                 [`b2b-chip__label--${this.labelStyle}`]: this.labelStyle !== undefined,
                 'b2b-chip__label--close-button': this.hasCloseButton,

package/dist/components/date-picker-days-header.js

@@ -0,0 +1,40 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { W as Weekdays } from './date-picker.types.js';
+
+const datePickerDaysHeaderCss = ":root,:host{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-table-expand-hover:#e6f4ff;--b2b-color-table-selected-default:#cce9ff;--b2b-color-background-overlay-transparent-40:rgba(34, 34, 34, 0.25);--b2b-color-background-overlay-transparent-80:rgba(34, 34, 34, 0.5);--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-size-headline-line-height-400:var(--b2b-size-60);--b2b-size-headline-line-height-200:var(--b2b-size-60);--b2b-size-headline-line-height-100:var(--b2b-size-60);--b2b-size-headline-400:var(--b2b-size-60);--b2b-size-headline-200:var(--b2b-size-45);--b2b-size-headline-100:var(--b2b-size-40);--b2b-size-copy-line-height-300:var(--b2b-size-90);--b2b-size-copy-line-height-200:var(--b2b-size-60);--b2b-size-copy-line-height-125:var(--b2b-size-60);--b2b-size-copy-line-height-100:var(--b2b-size-53);--b2b-size-copy-line-height-75:var(--b2b-size-45);--b2b-size-copy-line-height-50:var(--b2b-size-40);--b2b-size-copy-300:var(--b2b-size-60);--b2b-size-copy-200:var(--b2b-size-45);--b2b-size-copy-125:var(--b2b-size-40);--b2b-size-copy-100:var(--b2b-size-35);--b2b-size-copy-50:var(--b2b-size-30);--b2b-size-border-no-radius-bottom:var(--b2b-size-7) var(--b2b-size-7) 0 0;--b2b-size-border-no-radius-top:0 0 var(--b2b-size-7) var(--b2b-size-7);--b2b-size-border-no-radius-right:var(--b2b-size-7) 0 0 var(--b2b-size-7);--b2b-size-border-no-radius-left:0 var(--b2b-size-7) var(--b2b-size-7) 0;--b2b-size-border-radius-100:var(--b2b-size-7);--b2b-size-border-width-150:var(--b2b-size-10);--b2b-size-border-width-100:var(--b2b-size-5);--b2b-size-border-width-50:var(--b2b-size-1);--b2b-size-padding-175:var(--b2b-size-80);--b2b-size-padding-150:var(--b2b-size-60);--b2b-size-padding-100:var(--b2b-size-40);--b2b-size-padding-50:var(--b2b-size-20);--b2b-size-space-300:var(--b2b-size-200);--b2b-size-space-250:var(--b2b-size-160);--b2b-size-space-200:var(--b2b-size-100);--b2b-size-space-175:var(--b2b-size-80);--b2b-size-space-150:var(--b2b-size-60);--b2b-size-space-100:var(--b2b-size-40);--b2b-size-space-75:var(--b2b-size-30);--b2b-size-space-50:var(--b2b-size-20);--b2b-size-space-25:var(--b2b-size-10);--b2b-size-icon-400:var(--b2b-size-120);--b2b-size-icon-200:var(--b2b-size-80);--b2b-size-icon-100:var(--b2b-size-60);--b2b-size-icon-50:var(--b2b-size-40);--b2b-color-table-expand-default:var(--b2b-color-grey-25);--b2b-color-icon-inverted:var(--b2b-color-white-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-black-100);--b2b-color-headline-inverted:var(--b2b-color-white-100);--b2b-color-headline-default:var(--b2b-color-black-100);--b2b-color-headline-title:var(--b2b-color-red-100);--b2b-color-copy-overlay:var(--b2b-color-white-100);--b2b-color-copy-inverted:var(--b2b-color-white-100);--b2b-color-copy-secondary:var(--b2b-color-grey-400);--b2b-color-copy-default:var(--b2b-color-black-100);--b2b-color-border-100:var(--b2b-color-grey-200);--b2b-color-background-overlay:var(--b2b-color-black-100);--b2b-color-background-card:var(--b2b-color-white-100);--b2b-color-background-box:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-25);--b2b-color-error-50:var(--b2b-color-red-50)}:root [data-theme=\"dark\"]{--b2b-size-200:5rem;--b2b-size-160:4rem;--b2b-size-150:3.75rem;--b2b-size-140:3.5rem;--b2b-size-120:3rem;--b2b-size-100:2.5rem;--b2b-size-90:2.25rem;--b2b-size-80:2rem;--b2b-size-70:1.75rem;--b2b-size-60:1.5rem;--b2b-size-55:1.375rem;--b2b-size-53:1.3125rem;--b2b-size-50:1.25rem;--b2b-size-45:1.125rem;--b2b-size-40:1rem;--b2b-size-35:0.875rem;--b2b-size-30:0.75rem;--b2b-size-25:0.625rem;--b2b-size-20:0.5rem;--b2b-size-15:0.375rem;--b2b-size-10:0.25rem;--b2b-size-7:0.1875rem;--b2b-size-5:0.125rem;--b2b-size-1:0.0625rem;--b2b-font-weight-bold:700;--b2b-font-weight-normal:500;--b2b-font-weight-thin:100;--b2b-font-family-default:OttoSans, Arial, Helvetica, sans-serif;--b2b-color-hover:#e6f4ff;--b2b-color-info-100:#003264;--b2b-color-info-50:#ccd6e0;--b2b-color-success-100:#326400;--b2b-color-success-50:#d6e0cc;--b2b-color-warning-100:#ffb432;--b2b-color-warning-50:#ffd998;--b2b-color-error-100:#e6344b;--b2b-color-primary:#d4021d;--b2b-color-red-250:#850012;--b2b-color-red-200:#bb0004;--b2b-color-red-150:#e6344b;--b2b-color-red-100:#d4021d;--b2b-color-red-50:#ffdde3;--b2b-color-grey-400:#777777;--b2b-color-grey-300:#9e9e9e;--b2b-color-grey-250:#b1b1b1;--b2b-color-grey-200:#c4c4c4;--b2b-color-grey-150:#d5d5d5;--b2b-color-grey-100:#e6e6e6;--b2b-color-grey-50:#eeeeee;--b2b-color-grey-25:#f6f6f6;--b2b-color-white-100:#ffffff;--b2b-color-black-100:#222222;--b2b-color-black-50:#333333;--b2b-color-icon-inverted:var(--b2b-color-black-100);--b2b-color-icon-secondary:var(--b2b-color-grey-400);--b2b-color-icon-default:var(--b2b-color-white-100);--b2b-color-headline-inverted:var(--b2b-color-black-100);--b2b-color-headline-default:var(--b2b-color-white-100);--b2b-color-headline-title:var(--b2b-color-red-50);--b2b-color-copy-inverted:var(--b2b-color-black-100);--b2b-color-copy-secondary:var(--b2b-color-grey-100);--b2b-color-copy-default:var(--b2b-color-white-100);--b2b-color-border-100:var(--b2b-color-white-100);--b2b-color-background-page:var(--b2b-color-grey-100);--b2b-color-background-card:var(--b2b-color-black-50);--b2b-color-background-box:var(--b2b-color-black-50);--b2b-color-error-50:var(--b2b-color-red-50)}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans.ttf\");font-weight:normal;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-bold.ttf\") format(\"truetype\");font-weight:bold;font-style:normal}@font-face{font-family:OttoSans;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.woff\") format(\"woff\"), url(\"https://pattern-library.portal.otto.market/static/assets/fonts/otto-sans-thin.ttf\") format(\"truetype\");font-weight:100;font-style:normal}@font-face{font-family:ObcIcons;src:url(\"https://pattern-library.portal.otto.market/static/assets/fonts/obc-icons.woff\")}:root .b2b-date-picker-days-header,:host .b2b-date-picker-days-header{display:grid;grid-template-columns:repeat(7, 1fr);padding:0 var(--b2b-size-40) 0 var(--b2b-size-40)}:root .b2b-date-picker-days-header .b2b-date-picker-day,:host .b2b-date-picker-days-header .b2b-date-picker-day{width:var(--b2b-size-90);height:var(--b2b-size-55);border-radius:5px;text-align:center;font-weight:var(--b2b-font-weight-normal);color:var(--b2b-color-black-100);font-size:var(--b2b-size-35)}";
+const B2bDatePickerDaysHeaderStyle0 = datePickerDaysHeaderCss;
+
+const B2bDatePickerDaysHeader = /*@__PURE__*/ proxyCustomElement(class B2bDatePickerDaysHeader extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.displayWeekDays = () => {
+            let renderWeekDays = [];
+            Weekdays.forEach(day => {
+                renderWeekDays.push(h("div", { class: "b2b-date-picker-day" }, day));
+            });
+            return renderWeekDays;
+        };
+    }
+    render() {
+        return (h(Host, { key: 'dd19aa810becf64b496f66534c7e81cff239507a' }, h("div", { key: '75a38a70e3152892458ab53116f9ed44487aaba6', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
+    }
+    get host() { return this; }
+    static get style() { return B2bDatePickerDaysHeaderStyle0; }
+}, [1, "b2b-date-picker-days-header"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["b2b-date-picker-days-header"];
+    components.forEach(tagName => { switch (tagName) {
+        case "b2b-date-picker-days-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, B2bDatePickerDaysHeader);
+            }
+            break;
+    } });
+}
+
+export { B2bDatePickerDaysHeader as B, defineCustomElement as d };