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

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

@@ -22,11 +22,11 @@ const ProgressBarComponent = class {
     }
     render() {
         const labelExists = this.label !== undefined && this.label !== '';
-        return (h(Host, { key: '68e13839be23251999368f88bdf148bb34dc6098' }, h("div", { key: 'd256d3032c4b39741cc93beeefcef1d7d0fd6af2', class: {
+        return (h(Host, { key: '15d28a38e73694c291cc3f30a46c293340f783b5' }, h("div", { key: 'da403857480473acba95970d121f2d182298ad17', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, h("div", { key: 'b79fb8c2d199017a0ac7f4114c6f4d51fb1eaf96', class: "b2b-progress-bar__wrapper" }, h("div", { key: '6cf5c6e2200e31bd136c49a8da4be469d9730ff3', 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: '49971a61427cba628616659c0ef6401229c7800e', 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/esm/b2b-radio-button.entry.js

@@ -61,11 +61,11 @@ const B2bRadioButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (h(Host, { key: '1ee38049ef961f4ee1ca547eaa90ec01dd31988d', onClick: this.onClick }, h("div", { key: 'f8cede2b2b17a0f90e4fd74ee495c718bfec6a1b', 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: '168ac105466917de0458f43a438b1abc6e5aa506', class: "b2b-radio-items" }, h("input", { key: '3cbc7d5b471ba85dc5b56345161255341888bc49', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), h("b2b-input-label", { key: '098b73df22e9731668accbd8d33b3b187eacb5a5', 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 getElement(this); }

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

@@ -72,11 +72,11 @@ const RadioButtonGroupComponent = class {
         this.removeChildText();
     }
     render() {
-        return (h(Host, { key: '0cddf61a7073779da898be2f713fea5badb88df8' }, h("div", { key: 'de8b301447c6d28f60271c50be4423df22bab264', 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: '8afdebb0fad7721ae56ed49e1a849479d9cfcefe' }, h("div", { key: '1701e793e7eb05705eaba049600886fc3e7aaa9a', class: "b2b-radio-group-options" }, h("slot", { key: 'bffdecd4848e5ed933098e58e0d15015cb79abb5' }))), (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 getElement(this); }

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

@@ -9,7 +9,7 @@ const B2BRequiredSeparator = class {
         this.label = 'Pflichtfeld';
     }
     render() {
-        return (h(Host, { key: 'e913290e42cc4b3e11546cf2738b7f6af5f21c15' }, h("div", { key: '65e69e98a94fbe4087b6a1a72be19de37ea35bec', class: "b2b-required-separator__label" }, h("span", { key: '987cf5c1bf0948133a0c1c675f29b906f28484ec', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: '01b9cc54d0bf6275694dabb76d8ab5cf860e962a' }, this.label)), h("b2b-separator", { key: 'b6e33d18b60ed0cd714d5ef9ac30fe66076d3ab1' })));
+        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' })));
     }
 };
 B2BRequiredSeparator.style = B2bRequiredSeparatorStyle0;

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

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

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

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

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

@@ -25,7 +25,7 @@ const SearchComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e59ce21e59ce87d6b6a68e10da3db363dc340fb7' }, h("b2b-input-group", { key: 'c90e2e372b9e0359ab793fc62001242d0ac873e6', disabled: this.disabled }, h("b2b-input-list", { key: 'f3eaeecee11ac48fb5bc751410c4251e50e54961', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: 'be901c64eba2b8468b523e4b674c810aefcacc06' })), h("b2b-button", { key: 'c321efba4f9cf83d70b00e917a8ea953e55302ad', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: '9af097d18a9319ca9f71f9410a5cbe001b6950d8', 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 getElement(this); }
 };

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

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

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

@@ -124,7 +124,7 @@ const B2bTabGroupComponent = class {
         });
     }
     render() {
-        return (h(Host, { key: '39652541b07e8cce041ae17f11bb3fdca1ef8882' }, h("slot", { key: 'ecff6cba7b213dab889f7d0c7335d7de34658e38', name: "tab" }), h("b2b-separator", { key: 'b1e7fcf0cf8d425afdb9b2177a2754eb08c9c7d0' }), h("slot", { key: '586071455ea83b7ac6048581b72e40dc440d9b37', 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 getElement(this); }
 };

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

@@ -10,7 +10,7 @@ const B2bTabPanelComponent = class {
         this.generatedId = i++;
     }
     render() {
-        return (h(Host, { key: '51e6d0c3ce5d8f2f3e5e6499d5155a94b5b6b3fd', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '0ce911bff5c3dd5e27419acd6b63b819e863489e', class: "b2b-tab-panel" }, h("slot", { key: 'e7e538a66b6f97f6f416cb9196a0ce534b77c650' }))));
+        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' }))));
     }
 };
 B2bTabPanelComponent.style = B2bTabPanelStyle0;

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

@@ -23,12 +23,12 @@ const B2bTabComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: '0410edbe90350ea56562dce3f449586bf81930e0', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, h("span", { key: '4de08722c772c17d857cae23f8fae0a20ead6c26', 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: 'c50c07e5c5d3234ce520b6d8b54307b92f4ee3bf' }))));
+            } }, h("slot", { key: 'e4b68bd954c2c69def327ed277d1b57795b1fba8' }))));
     }
     get hostElement() { return getElement(this); }
     static get watchers() { return {

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

@@ -41,14 +41,14 @@ const TableCellComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: '2f0c286583afdf35ec7cb8ece4c51c8ec60c2f4d', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
+        return (h(Host, { key: 'd706833182b183034b19d1be797aaccba82fe3de', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
                 'b2b-table-cell': true,
                 ['b2b-table-cell--colspan']: this.size === 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" }, h("slot", { key: '8c519c550531562b73d301481d8d6301506c0642' })));
+            }, role: "cell" }, h("slot", { key: '7bb8d232cc4416c78a197f4a76e2e8efd0f83f65' })));
     }
     get host() { return getElement(this); }
 };
@@ -128,7 +128,7 @@ const TableHeaderComponent = class {
         this.setIconPlacement();
     }
     render() {
-        return (h(Host, { key: '8202e84dfd3ff029b3b1dcdc86ca768345250efd', class: {
+        return (h(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/esm/b2b-table-row.entry.js

@@ -98,12 +98,12 @@ const TableRowComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: '002c1d507ce2787d18497d5797b4750ff92a968a', 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: '5f332f9c244b9b932bea272eb94ad2613afc4d2c' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: '2aaf7ec2f09c1c9a5a37dded002408bff7c1754a' })));
     }
     get hostElement() { return getElement(this); }
 };

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

@@ -135,11 +135,11 @@ const TableRowgroupComponent = class {
         this.makeHeaderRowNotSelectable();
     }
     render() {
-        return (h(Host, { key: 'fde44900984410a17a7300c6c235218e183603d3', 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: '1e23e9449488ae98a1edf59703a978a5fe212c8a' })));
+            }, role: "rowgroup" }, h("slot", { key: 'cbd36b06a0911c2e0309e65aaaa31c83396dd6b4' })));
     }
     get host() { return getElement(this); }
 };

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

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

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

@@ -50,10 +50,10 @@ const B2BTextareaComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: '26d30adb79084035eb1f1088a019df8f3bb80cff', 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: 'd18a50e22a0995e14560bb8d2977dbcf8e602629', class: "textarea-input", "aria-labelledby": this.name, style: Object.assign({ height: this.height }, (Boolean(this.resize) && { resize: this.resize })), value: this.value, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autoFocus: this.autofocus, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, maxLength: this.maxLength }), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (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 getElement(this); }

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

@@ -37,13 +37,13 @@ const B2bToggleButtonComponent = class {
         return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
     }
     render() {
-        return (h(Host, { key: '5ec7f55c330552dc5b3859504c8a4afc2f151146', onClick: this.onClick }, h("span", { key: '5cfbea13b4535886ea2404aa42e6bc830a149b3c', 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: 'a88084cc44b80abb06e653afca8c7737f67baf4b', 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: 'a5654d8a5c5c9845a7f07fc7dbf994e99a560d82', id: this.name, tabindex: -1, class: {
+            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), 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/esm/b2b-toggle-chip.entry.js

@@ -39,11 +39,11 @@ const B2BToggleChipComponent = class {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '3b2e400503665d2559f84d9124d44d0a7aaa4e44' }, h("span", { key: 'e3691a6c3eeb2a623ecdfbedf4c23e23bbe1b0f2', 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: 'e20063ca4f9eb7301b501b234046371adbd49f7d', "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: 'cd4f83724c8bb2252a8b2376cdb2cf764c828dd0', 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/esm/b2b-toggle-group.entry.js

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

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

@@ -44,17 +44,17 @@ const B2bToggleSwitchComponent = class {
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (h(Host, { key: '3d95bcb03fb1131b2b2775db6e8d82de9f2c5297' }, h("div", { key: '4e665cdbb2d1364a4bd9e641745d510237a4f4c8', 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: '285501a0a3904058e06477c07ddbc6032c49ac1c', class: {
+            } }, h("div", { key: '0664c184383f64864b25978d9d980266cf72668d', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, h("span", { key: '6f4699424b4a5e23c9de5577b0026f6ab0eb964f', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: 'ef46344c874f4b5f2cf998dcbf0b496180024cd4', 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: '56833837842c26dfeb46ed3429f4ccf1e48477f7', d: "M11.798 25.082c-.341 0-.681-.13-.942-.389l-7.132-7.115a1.334 1.334 0 0 1 1.884-1.888l6.19 6.175L26.391 7.307a1.334 1.334 0 0 1 1.884 1.888L12.74 24.693c-.26.259-.601.389-.942.389z" }))), this.label && (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/esm/b2b-tooltip.entry.js

@@ -58,13 +58,13 @@ const B2BTooltipComponent = class {
         }
     }
     render() {
-        return (h(Host, { key: 'c2efabef717665d8bf057abf1b3cb70f25dc2214', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: 'fd1c3760f32c1592ffbe2429ed1cf5fc67b47285', 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: '863de460d08adfc78418a213ece987fd05ac7850' }), h("div", { key: '70800804dc8de2e348aa07da04fd7302d944b56f', class: {
+            } }, h("slot", { key: '701b2c95321148dc456698c6354e57f57c2aa705' }), h("div", { key: '9a73bbaffe6aeb94df712dcfb07607038827b329', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, h("slot", { key: '507cbc98868be7121f7604176a77d7b0f819b0a0', name: "content" }, this.content)))));
+            } }, h("slot", { key: 'a2a30959e9f5757b5bd1df92f19f97a5a87b1960', name: "content" }, this.content)))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

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

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

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

@@ -12,10 +12,10 @@ const WizardStepComponent = class {
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: '53135f23baa9c010ed41077be0a82ef367d167b0' }, h("div", { key: '5bb054dbb364fb4690c224b147427b75c794ee6f', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: '8f2092e2e1c95c4b9ed4808ffbc2a5adf53417d5', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '83bfe843ddf72019d07bbe8c6352db6178eee2e6', 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: '0ec30ce61b2c6e2cbb0158d3c411314e73103121' })))));
+            } }, h("slot", { key: '68154418c6b0e5029e4b0aea64ef03f1923b1c74' })))));
     }
 };
 WizardStepComponent.style = B2bWizardStepStyle0;

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

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

package/dist/esm/index-ab9eb36d.js

@@ -2174,6 +2174,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './b2b-anchor.entry.js').then(processMod, consoleError);
+                case 'b2b-background-box':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './b2b-background-box.entry.js').then(processMod, consoleError);
                 case 'b2b-breadcrumb':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"label\":[1],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-multiselect-dropdown\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[16],\"optionsList\":[16],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"accordionType\":[1,\"accordion-type\"],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"autofocus\":[516],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",null,[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-paragraph\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[4],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"variant\":[1],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"isElementFocused\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-date-picker-days_5\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\"],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"b2b-search\",[[1,\"b2b-search\",{\"placeholder\":[1],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"closed\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker\",[[1,\"b2b-date-picker\",{\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"label\":[1],\"preSelectedDate\":[1,\"pre-selected-date\"],\"showHint\":[4,\"show-hint\"],\"showDatePicker\":[32],\"focused\":[32],\"datePickerView\":[32],\"selectedMonth\":[32],\"selectedYear\":[32],\"selectedDay\":[32],\"selectedDate\":[32],\"userInputDate\":[32],\"invalid\":[32],\"errorMessage\":[32]},[[0,\"b2b-date-picker-escape\",\"handleEscapePress\"],[0,\"b2b-date-selected\",\"handleDateSelection\"],[0,\"b2b-date-picker-previous-month\",\"getPreviousMonth\"],[0,\"b2b-date-picker-next-month\",\"getNextMonth\"],[0,\"b2b-date-picker-view-changed\",\"handleDatePickerViewChanged\"],[0,\"b2b-date-picker-month-selected\",\"handleMonthSelected\"],[0,\"b2b-date-picker-year-selected\",\"handleYearSelected\"]]]]],[\"b2b-multiselect-dropdown\",[[1,\"b2b-multiselect-dropdown\",{\"label\":[1],\"placeholder\":[513],\"selectedValues\":[1,\"selected-values\"],\"optionsList\":[1,\"options-list\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"maxOptionsVisible\":[2,\"max-options-visible\"],\"currentSelectedValues\":[32],\"currentList\":[32],\"value\":[32],\"isElementFocused\":[32],\"hasOptionList\":[32]},null,{\"optionsList\":[\"watchPropHandler\"],\"currentSelectedValues\":[\"handleSelectedValuesChange\"]}]]],[\"b2b-table-row\",[[1,\"b2b-table-row\",{\"highlight\":[4],\"color\":[1],\"accordionType\":[1,\"accordion-type\"],\"selectable\":[4],\"size\":[1],\"value\":[1],\"indeterminate\":[4],\"checked\":[1028],\"isOpen\":[32],\"toggleAccordion\":[64]},[[0,\"b2b-change\",\"toggleSelected\"]]]]],[\"b2b-wizard-step\",[[1,\"b2b-wizard-step\",{\"state\":[1],\"step\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-modal\",[[1,\"b2b-modal\",{\"heading\":[1],\"opened\":[1540],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"escDismiss\":[4,\"esc-dismiss\"],\"variant\":[1],\"iconHover\":[32],\"isOpen\":[32]},[[0,\"keydown\",\"handleKeypress\"]],{\"opened\":[\"openedChanged\"]}]]],[\"b2b-pagination\",[[1,\"b2b-pagination\",{\"totalPages\":[2,\"total-pages\"],\"activePage\":[1538,\"active-page\"],\"ariaLabelNextPage\":[1,\"aria-label-next-page\"],\"ariaLabelPreviousPage\":[1,\"aria-label-previous-page\"]},null,{\"totalPages\":[\"onTotalPagesChange\"],\"activePage\":[\"onActivePageChange\"]}]]],[\"b2b-alert\",[[1,\"b2b-alert\",{\"type\":[1],\"size\":[1],\"opened\":[1028],\"hasCloseButton\":[4,\"has-close-button\"],\"customIcon\":[4,\"custom-icon\"]},null,{\"opened\":[\"openedChanged\"]}]]],[\"b2b-checkbox-group\",[[1,\"b2b-checkbox-group\",{\"label\":[1],\"required\":[4],\"disabled\":[4],\"invalid\":[4],\"alignment\":[1],\"hint\":[1],\"error\":[1]},[[0,\"b2b-change\",\"handleCheckboxChange\"]],{\"disabled\":[\"disabledChanged\"],\"invalid\":[\"invalidChanged\"]}]]],[\"b2b-dropdown\",[[1,\"b2b-dropdown\",{\"label\":[1],\"required\":[516],\"name\":[513],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-button\",[[1,\"b2b-radio-button\",{\"label\":[1],\"required\":[516],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"invalid\":[4],\"value\":[513],\"hint\":[1],\"error\":[1]}]]],[\"b2b-radio-group\",[[1,\"b2b-radio-group\",{\"name\":[1],\"label\":[1],\"required\":[4],\"alignment\":[1],\"disabled\":[516],\"invalid\":[516],\"hint\":[1],\"error\":[1],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleRadioButtonChange\"]],{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-required-separator\",[[1,\"b2b-required-separator\",{\"label\":[1]}]]],[\"b2b-tab-group\",[[1,\"b2b-tab-group\",{\"useRouter\":[4,\"use-router\"]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeydown\"]]]]],[\"b2b-textarea\",[[1,\"b2b-textarea\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"disabled\":[516],\"invalid\":[516],\"autofocus\":[516],\"resize\":[513],\"hint\":[1],\"error\":[1],\"value\":[1537],\"name\":[513],\"maxLength\":[514,\"max-length\"],\"height\":[1]}]]],[\"b2b-anchor\",[[1,\"b2b-anchor\",{\"href\":[1],\"download\":[1],\"target\":[1],\"size\":[1]}]]],[\"b2b-background-box\",[[1,\"b2b-background-box\",{\"fixedWidth\":[4,\"fixed-width\"],\"noPadding\":[4,\"no-padding\"]}]]],[\"b2b-breadcrumb\",[[1,\"b2b-breadcrumb\",null,[[0,\"b2b-change\",\"onSelectedChange\"]]]]],[\"b2b-breadcrumb-item\",[[1,\"b2b-breadcrumb-item\",{\"href\":[1],\"value\":[8],\"active\":[1028]}]]],[\"b2b-card\",[[1,\"b2b-card\",{\"disabled\":[4],\"href\":[1],\"target\":[1]},[[0,\"click\",\"onClick\"],[0,\"keydown\",\"onKeyDown\"]]]]],[\"b2b-flyout-menu\",[[1,\"b2b-flyout-menu\",{\"opened\":[1028]},[[0,\"keydown\",\"handleKeyDown\"],[0,\"b2b-option-selected\",\"handleSelected\"],[4,\"click\",\"handleClickOutside\"]]]]],[\"b2b-flyout-menu-option\",[[1,\"b2b-flyout-menu-option\",{\"option\":[1],\"disabled\":[516],\"separator\":[4]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-grid\",[[1,\"b2b-grid\",{\"margin\":[2]}]]],[\"b2b-grid-col\",[[1,\"b2b-grid-col\",{\"span\":[514],\"textAlign\":[1,\"text-align\"]}]]],[\"b2b-grid-row\",[[1,\"b2b-grid-row\",{\"columnGap\":[2,\"column-gap\"],\"rowGap\":[2,\"row-gap\"],\"alignItems\":[1,\"align-items\"],\"justify\":[1]}]]],[\"b2b-icon-100\",[[1,\"b2b-icon-100\",{\"icon\":[1],\"color\":[1],\"size\":[2],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-icon-50\",[[1,\"b2b-icon-50\",{\"icon\":[1],\"color\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]],[\"b2b-label\",[[1,\"b2b-label\",{\"type\":[1]}]]],[\"b2b-paragraph\",[[1,\"b2b-paragraph\",{\"weight\":[1],\"size\":[1],\"align\":[1],\"margin\":[4],\"variant\":[1],\"display\":[1]}]]],[\"b2b-progress-bar\",[[1,\"b2b-progress-bar\",{\"progress\":[2],\"label\":[1],\"labelType\":[1,\"label-type\"],\"labelPosition\":[1,\"label-position\"]}]]],[\"b2b-scrollable-container\",[[1,\"b2b-scrollable-container\"]]],[\"b2b-tab\",[[1,\"b2b-tab\",{\"selected\":[516],\"disabled\":[4],\"invalid\":[4]},null,{\"selected\":[\"propagateChange\"]}]]],[\"b2b-tab-panel\",[[1,\"b2b-tab-panel\"]]],[\"b2b-table\",[[1,\"b2b-table\",{\"size\":[1]},[[0,\"b2b-change\",\"onColumnSelected\"]]]]],[\"b2b-table-rowgroup\",[[1,\"b2b-table-rowgroup\",{\"type\":[1],\"size\":[1],\"accordion\":[4],\"selectable\":[4],\"fixed\":[4],\"opened\":[516],\"selectedValues\":[32]},[[0,\"b2b-open\",\"handleOpenChange\"],[0,\"b2b-row-selected\",\"handleSelectedChange\"]]]]],[\"b2b-toggle-button\",[[1,\"b2b-toggle-button\",{\"label\":[1],\"name\":[513],\"checked\":[1540],\"disabled\":[516],\"value\":[513]}]]],[\"b2b-toggle-chip\",[[1,\"b2b-toggle-chip\",{\"label\":[1],\"value\":[520],\"name\":[513],\"variant\":[1],\"active\":[1028],\"disabled\":[516]}]]],[\"b2b-toggle-group\",[[1,\"b2b-toggle-group\",{\"name\":[1],\"disabled\":[516],\"currentValue\":[32]},[[0,\"b2b-change\",\"handleToggleButtonChange\"]],{\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-toggle-switch\",[[1,\"b2b-toggle-switch\",{\"label\":[1],\"name\":[1],\"labelPosition\":[1,\"label-position\"],\"disabled\":[4],\"state\":[1028]}]]],[\"b2b-tooltip\",[[1,\"b2b-tooltip\",{\"position\":[1],\"content\":[1],\"trigger\":[1],\"opened\":[1540]},null,{\"opened\":[\"handleOpenedChange\"]}]]],[\"b2b-wizard\",[[1,\"b2b-wizard\",{\"activeStep\":[1,\"active-step\"],\"custom\":[4],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-wizard-icon\",[[1,\"b2b-wizard-icon\",{\"step\":[1],\"state\":[1],\"checkIcon\":[4,\"check-icon\"]}]]],[\"b2b-input-group_2\",[[1,\"b2b-input-list\",{\"label\":[1],\"required\":[516],\"placeholder\":[513],\"optionsList\":[16],\"value\":[1537],\"disabled\":[516],\"groupDisabled\":[4,\"group-disabled\"],\"hasOptionList\":[32],\"isElementFocused\":[32]},[[0,\"keydown\",\"handleKeyDown\"]],{\"optionsList\":[\"watchPropHandler\"]}],[1,\"b2b-input-group\",{\"invalid\":[4],\"disabled\":[4],\"error\":[1],\"hint\":[1]},null,{\"invalid\":[\"invalidChanged\"],\"disabled\":[\"disabledChanged\"]}]]],[\"b2b-chip-component_2\",[[0,\"b2b-multiselect-option\",{\"option\":[1],\"selected\":[1028],\"indeterminate\":[4]}],[1,\"b2b-chip-component\",{\"label\":[1],\"type\":[1],\"labelStyle\":[1,\"label-style\"],\"disabled\":[4],\"hasCloseButton\":[4,\"has-close-button\"],\"value\":[520]}]]],[\"b2b-table-cell_2\",[[1,\"b2b-table-cell\",{\"textWrap\":[516,\"text-wrap\"],\"size\":[1],\"align\":[1],\"divider\":[4],\"color\":[1],\"colspan\":[2],\"totalCols\":[2,\"total-cols\"],\"useTextEllipsis\":[32]}],[1,\"b2b-table-header\",{\"divider\":[4],\"size\":[1],\"fixed\":[4],\"sortDirection\":[1537,\"sort-direction\"],\"sortId\":[1,\"sort-id\"],\"colspan\":[2],\"contentAlign\":[1,\"content-align\"],\"totalCols\":[2,\"total-cols\"],\"active\":[32],\"iconAlign\":[32]}]]],[\"b2b-rounded-icon\",[[1,\"b2b-rounded-icon\",{\"color\":[1],\"borderColor\":[1,\"border-color\"],\"contentColor\":[1,\"content-color\"]}]]],[\"b2b-separator\",[[1,\"b2b-separator\",{\"alignment\":[1]}]]],[\"b2b-input-label\",[[1,\"b2b-input-label\",{\"required\":[4],\"disabled\":[4]}]]],[\"b2b-checkbox\",[[1,\"b2b-checkbox\",{\"label\":[1],\"required\":[516],\"checked\":[1540],\"disabled\":[516],\"indeterminate\":[1028],\"error\":[1],\"hint\":[1],\"name\":[513],\"value\":[520],\"invalid\":[4],\"standalone\":[4],\"groupDisabled\":[4,\"group-disabled\"]}]]],[\"b2b-headline\",[[1,\"b2b-headline\",{\"size\":[1],\"align\":[1],\"noMargin\":[4,\"no-margin\"]}]]],[\"b2b-input_2\",[[1,\"b2b-input\",{\"label\":[1],\"required\":[516],\"type\":[513],\"disabled\":[516],\"invalid\":[516],\"placeholder\":[513],\"value\":[1537],\"name\":[513],\"hint\":[1],\"error\":[1],\"autofocus\":[4],\"groupDisabled\":[4,\"group-disabled\"],\"inputTextAlign\":[1,\"input-text-align\"],\"hasFocus\":[32],\"hasTextPrefix\":[32],\"hasTextSuffix\":[32],\"setFocus\":[64],\"clearInput\":[64]}],[0,\"b2b-input-list-option\",{\"option\":[1]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-date-picker-days_5\",[[1,\"b2b-date-picker-header\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"]}],[1,\"b2b-date-picker-days\",{\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"selectedDay\":[2,\"selected-day\"],\"disablePastDates\":[4,\"disable-past-dates\"],\"disableFutureDates\":[4,\"disable-future-dates\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabled\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-days-header\"],[1,\"b2b-date-picker-months\",{\"selectedMonth\":[2,\"selected-month\"]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"b2b-date-picker-years\",{\"selectedYear\":[2,\"selected-year\"],\"yearsRange\":[32]},[[0,\"keydown\",\"handleKeyDown\"]]]]],[\"b2b-button_2\",[[1,\"b2b-button\",{\"variant\":[1],\"type\":[1],\"size\":[1],\"width\":[1],\"disabled\":[516],\"loading\":[4],\"active\":[516],\"href\":[1],\"target\":[1],\"download\":[1],\"groupDisabled\":[4,\"group-disabled\"],\"setFocus\":[64]},[[2,\"click\",\"handleHostClick\"]]],[1,\"b2b-spinner\",{\"size\":[1],\"color\":[1]}]]],[\"b2b-icon\",[[1,\"b2b-icon\",{\"icon\":[1],\"color\":[1],\"size\":[1],\"clickable\":[4],\"focusable\":[4],\"pathData\":[32]},null,{\"icon\":[\"loadIconPathData\"]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/types/components/background-box/background-box.d.ts

@@ -0,0 +1,8 @@
+export declare class BackgroundBoxComponent {
+    host: HTMLB2bBackgroundBoxElement;
+    /** Fixes width to 1212px. Per default, it is false */
+    fixedWidth: boolean;
+    /** Whether the box should have a padding. Per default, padding is enabled */
+    noPadding: boolean;
+    render(): any;
+}

package/dist/types/components/background-box/background-box.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/web-components';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+export declare const FixedWidth: Story;
+export declare const NoPadding: Story;

package/dist/types/components/checkbox/checkbox.stories.d.ts

@@ -1,9 +1,10 @@
-import { Meta } from '@storybook/web-components';
+import { Meta, StoryObj } from '@storybook/web-components';
 export declare const story010Default: any;
 export declare const story020Checked: any;
 export declare const story030Hint: any;
 export declare const story040Error: any;
 export declare const story050Disabled: any;
 export declare const story060Required: any;
+export declare const story070LabelSlot: StoryObj;
 declare const _default: Meta;
 export default _default;

package/dist/types/components/date-picker/date-picker.d.ts

@@ -54,6 +54,7 @@ export declare class B2bDatePicker {
     private clearDateInput;
     private setSelectedDate;
     private setFocusOnCloseIcon;
+    private handleFocusOut;
     private handleBackdropDismiss;
     private moveFocusToInputComponent;
     render(): any;

package/dist/types/components/flyout-menu/flyout-menu.d.ts

@@ -13,7 +13,7 @@ export declare class FlyoutMenuComponent {
     handleSelected(): void;
     handleClickOutside(event: any): void;
     private onEscapePress;
-    private openMenu;
+    private toggleMenu;
     private navigateMenu;
     private closeMenu;
     /** We need to keep the menu open when the focus changes from the trigger

package/dist/types/components/multiselect-dropdown/multiselect-dropdown.d.ts

@@ -6,9 +6,9 @@ export declare class B2bMultiSelectDropdown {
     /** The placeholder shown in the input field. */
     placeholder: string;
     /** The initial values to be selected in the dropdown. */
-    selectedValues: string[];
+    selectedValues: string | string[];
     /** The list of options passed into the search dropdown. Can be static or dynamic, i.e. updated when the b2b-search or b2b-input emitters fire. */
-    optionsList: string[];
+    optionsList: string | string[];
     /** The placeholder shown in the search bar. */
     searchPlaceholder: string;
     /** The string displayed as the select all label. */
@@ -18,7 +18,7 @@ export declare class B2bMultiSelectDropdown {
     /** Emits when there is a change to the currently selected values. */
     b2bChange: EventEmitter<string[]>;
     currentSelectedValues: any[];
-    currentList: string[];
+    currentList: string | string[];
     value: string;
     isElementFocused: boolean;
     hasOptionList: boolean;
@@ -26,6 +26,8 @@ export declare class B2bMultiSelectDropdown {
     /** Needed to trigger a re-render for async data */
     watchPropHandler(newList: string[]): void;
     handleSelectedValuesChange(newValues: string[]): void;
+    private parseSelectedValuesAndOptionsList;
+    private parseStringToArray;
     componentDidUpdate(): void;
     private handleInput;
     private getOptions;

package/dist/types/components/paragraph/paragraph.d.ts

@@ -9,5 +9,11 @@ export declare class ParagraphComponent {
     size: '50' | '100';
     /** The alignment of the text. */
     align: 'left' | 'right' | 'center';
+    /** Whether or not the paragraph has a bottom margin. Defaults to true. */
+    margin: boolean;
+    /** The color of the paragraph. Defaults to black. */
+    variant: 'black-100' | 'grey-400';
+    /** The positioning of the paragraph in the page flow. Defaults to native block behavior. */
+    display: 'inline' | 'inline-block' | 'block';
     render(): any;
 }

package/dist/types/components/paragraph/paragraph.stories.d.ts

@@ -1,8 +1,13 @@
-import { Meta } from '@storybook/web-components';
-export declare const story010Default: any;
-export declare const story020Bold: any;
-export declare const story030Small: any;
-export declare const story040Center: any;
-export declare const story050Right: any;
-declare const _default: Meta;
-export default _default;
+import { Meta, StoryObj } from '@storybook/web-components';
+type Story = StoryObj;
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story;
+export declare const Bold: Story;
+export declare const Small: Story;
+export declare const CenterAligned: Story;
+export declare const RightAligned: Story;
+export declare const NoBottomMargin: Story;
+export declare const GreyVariant: Story;
+export declare const DisplayInline: Story;
+export declare const DisplayInlineBlock: Story;