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

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

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

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

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

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

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

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

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

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

@@ -133,6 +133,7 @@ const B2bMultiSelectDropdown = class {
         this.hasOptionList = this.optionsList.length > 0;
     }
     componentWillLoad() {
+        this.parseSelectedValuesAndOptionsList();
         this.currentSelectedValues = this.selectedValues.filter(value => this.optionsList.includes(value));
     }
     /** Needed to trigger a re-render for async data */
@@ -145,19 +146,30 @@ const B2bMultiSelectDropdown = class {
     handleSelectedValuesChange(newValues) {
         this.b2bChange.emit(newValues);
     }
+    parseSelectedValuesAndOptionsList() {
+        if (typeof this.selectedValues === 'string') {
+            this.selectedValues = this.parseStringToArray(this.selectedValues);
+        }
+        if (typeof this.optionsList === 'string') {
+            this.optionsList = this.parseStringToArray(this.optionsList);
+        }
+    }
+    parseStringToArray(value) {
+        return JSON.parse(value.replace(/'/g, '"'));
+    }
     componentDidUpdate() {
         const options = this.getOptions();
         this.updateAllOptions(options);
         this.updateSelectAll(options);
     }
     render() {
-        return (index.h(index.Host, { key: '1a8ca50730e9be35d4e02155a728bde7a950d521', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: '2f532ff808f401dbf0e60de63b41b7bc75c786b1' }, this.label), index.h("div", { key: '9b7d708bd9cfa8365fac138a3a355bd436c62384', class: {
+        return (index.h(index.Host, { key: '78a4b5a6c75288e7d009e040e9885da2cf6f4f02', onFocus: this.setElementOnFocus, onBlur: this.setElementOnBlur, onClick: this.handleMouseDown, onKeyDown: this.handleKeyDown }, index.h("b2b-input-label", { key: 'ff95015ecdd660bdfac396c2669e50d41e85ff82' }, this.label), index.h("div", { key: '479cf3758d82775832ef1c530762f89a486cc028', class: {
                 'b2b-multiselect-dropdown': true,
                 'b2b-multiselect-dropdown--open': this.isElementFocused,
-            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (index.h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), index.h("b2b-icon", { key: '9fef7ebb99fccb302bb68e602ac3edb2cfd50e6f', icon: "b2b_icon-arrow-down" })), index.h("div", { key: '724e740fc4f0b7e16095b2fbb5c836aa10cd56f0', class: {
+            }, tabindex: 0, role: "combobox", "aria-expanded": this.isElementFocused }, this.currentSelectedValues.length === 0 ? (index.h("span", { class: "b2b-multiselect-dropdown__placeholder" }, this.placeholder)) : (index.h("div", { class: "b2b-multiselect-dropdown__chip-container" }, this.renderChips())), index.h("b2b-icon", { key: '2bdceaeed0f5107d6c26cbdb4fc2718e4b32a77a', icon: "b2b_icon-arrow-down" })), index.h("div", { key: 'b5ed97c14ea1138cf5be5c28f7531f45dcdb0e28', class: {
                 'b2b-multiselect-dropdown__options-container': true,
                 'b2b-multiselect-dropdown__options-container--visible': this.isElementFocused,
-            } }, index.h("div", { key: '6e6fbff1c1009d9454c432ba12d0dc7ada0e335b', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: 'b9800273be5e1b2a7270e89d0421bac8619317f2', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: 'cc52025e06277156338a098e8e1939a45367f060', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '6f02ecc6c4787fcf400580d8dc6c2eab6ec5a3c9', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
+            } }, index.h("div", { key: 'c5637e174624e04ab0bd346e648559b6a1b1301d', class: "b2b-multiselect-dropdown__options", role: "listbox", "aria-label": this.label, tabIndex: -1 }, index.h("div", { key: 'db310f71fe7b9e8e51ff975b135a2c90c6cd2d87', class: "b2b-multiselect-dropdown__option__search" }, index.h("input", { key: '5a0042c6dc0d01fa38ea0ac9ce3005fb91704df0', type: "text", onInput: this.handleInput, class: "b2b-multiselect-dropdown__option__search__input", placeholder: this.searchPlaceholder })), index.h("b2b-multiselect-option", { key: '98bc2d69cdac70fb726b64945344baf4af44121b', class: "b2b-multiselect-dropdown__option__select-all", option: this.selectAllLabel, id: "select-all", "onB2b-option-selected": this.handleSelectAll }), this.hasOptionList &&
             this.currentList.map(option => (index.h("b2b-multiselect-option", { "onB2b-option-selected": this.handleSelectedChange, option: option })))))));
     }
     get hostElement() { return index.getElement(this); }

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

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

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-668808fd.js');
 
-const paragraphCss = ":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\")}.b2b-paragraph{font-family:var(--b2b-font-family-default);color:var(--b2b-color-copy-default);margin:0 0 var(--b2b-size-30)}.b2b-paragraph--size-50{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75)}.b2b-paragraph--size-100{font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100)}.b2b-paragraph--weight-normal{font-weight:var(--b2b-font-weight-normal)}.b2b-paragraph--weight-bold{font-weight:var(--b2b-font-weight-bold)}.b2b-paragraph--align-left{text-align:left}.b2b-paragraph--align-right{text-align:right}.b2b-paragraph--align-center{text-align:center}";
+const paragraphCss = ":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\")}.b2b-paragraph{font-family:var(--b2b-font-family-default);margin:0 0 var(--b2b-size-30)}.b2b-paragraph--size-50{font-size:var(--b2b-size-copy-50);line-height:var(--b2b-size-copy-line-height-75)}.b2b-paragraph--size-100{font-size:var(--b2b-size-copy-100);line-height:var(--b2b-size-copy-line-height-100)}.b2b-paragraph--weight-normal{font-weight:var(--b2b-font-weight-normal)}.b2b-paragraph--weight-bold{font-weight:var(--b2b-font-weight-bold)}.b2b-paragraph--align-left{text-align:left}.b2b-paragraph--align-right{text-align:right}.b2b-paragraph--align-center{text-align:center}.b2b-paragraph--variant-black-100{color:var(--b2b-color-copy-default)}.b2b-paragraph--variant-grey-400{color:var(--b2b-color-grey-400)}.b2b-paragraph--no-margin{margin:0}";
 const B2bParagraphStyle0 = paragraphCss;
 
 const ParagraphComponent = class {
@@ -13,14 +13,21 @@ const ParagraphComponent = class {
         this.weight = 'normal';
         this.size = '100';
         this.align = 'left';
+        this.margin = true;
+        this.variant = 'black-100';
+        this.display = 'block';
     }
     render() {
-        return (index.h("p", { key: '5613c3fb597816ee079655f6c665ece0ca122e45', class: {
+        return (index.h("p", { key: '38b1e631c19a20c18e88dc3024553151181b2b32', style: {
+                display: this.display,
+            }, class: {
                 'b2b-paragraph': true,
                 ['b2b-paragraph--size-' + this.size]: true,
                 ['b2b-paragraph--weight-' + this.weight]: true,
                 ['b2b-paragraph--align-' + this.align]: true,
-            } }, index.h("slot", { key: '8815d57f3260f8138815d51bcc80761516d68b27' })));
+                ['b2b-paragraph--no-margin']: !this.margin,
+                ['b2b-paragraph--variant-' + this.variant]: true,
+            } }, index.h("slot", { key: '04cb89ee733a6f45a674586311fcc8484aca4ac8' })));
     }
 };
 ParagraphComponent.style = B2bParagraphStyle0;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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