@otto-de/b2b-core-components 1.20.0 → 1.22.0

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

@@ -3,6 +3,8 @@ import { TableColourOptions, TableSizes, } from "../../../utils/types/table.type
 import { isFirstRow } from "../utils";
 export class TableRowComponent {
     constructor() {
+        this.parentRowGroup = null;
+        this.observer = null;
         this.toggleOpen = () => {
             this.isOpen = !this.isOpen;
             this.b2bOpen.emit(this.isOpen);
@@ -18,7 +20,7 @@ export class TableRowComponent {
             });
         };
         this.getRowColor = () => {
-            if (this.isAccordion() &&
+            if (this.isAccordionValue &&
                 isFirstRow(this.hostElement) &&
                 !this.isHeader()) {
                 return TableColourOptions.GROUP;
@@ -33,9 +35,6 @@ export class TableRowComponent {
         this.getParentRowGroup = () => {
             return this.hostElement.closest('b2b-table-rowgroup');
         };
-        this.isAccordion = () => {
-            return this.getParentRowGroup().hasAttribute('accordion');
-        };
         this.isHeader = () => {
             return this.getParentRowGroup().type === 'header';
         };
@@ -51,7 +50,7 @@ export class TableRowComponent {
             }
         };
         this.getAccordionColumns = () => {
-            if (this.isAccordion() && !this.isHeader()) {
+            if (this.isAccordionValue && !this.isHeader()) {
                 if (isFirstRow(this.hostElement)) {
                     return (h("b2b-table-cell", null, h("button", { onClick: this.toggleOpen, class: {
                             'b2b-table-row__accordion-icon': true,
@@ -60,7 +59,7 @@ export class TableRowComponent {
                 }
                 return (h("b2b-table-cell", { class: "b2b-table-row__control-cell--accordion" }));
             }
-            else if (this.isAccordion() && this.isHeader()) {
+            else if (this.isAccordionValue && this.isHeader()) {
                 return (h("b2b-table-header", { class: "b2b-table-row__control-cell--accordion" }));
             }
         };
@@ -71,6 +70,7 @@ export class TableRowComponent {
         this.value = undefined;
         this.indeterminate = false;
         this.checked = false;
+        this.isAccordionValue = false;
         this.isOpen = false;
     }
     toggleSelected(event) {
@@ -97,14 +97,35 @@ export class TableRowComponent {
             this.getParentRowGroup().type !== 'header') {
             console.warn('You need to associate a value with the row as a unique identifier.');
         }
+        this.findParentAndObserve();
+    }
+    disconnectedCallback() {
+        if (this.observer !== undefined && this.observer !== null) {
+            this.observer.disconnect();
+            this.observer = null;
+        }
+    }
+    findParentAndObserve() {
+        this.parentRowGroup = this.hostElement.closest('b2b-table-rowgroup');
+        if (this.parentRowGroup !== undefined && this.parentRowGroup !== null) {
+            this.observer = new MutationObserver(() => {
+                var _a;
+                this.isAccordionValue =
+                    ((_a = this.parentRowGroup) === null || _a === void 0 ? void 0 : _a.hasAttribute('accordion')) || false;
+            });
+            this.observer.observe(this.parentRowGroup, { attributes: true });
+        }
+        else {
+            console.warn('Parent b2b-table-rowgroup not found!');
+        }
     }
     render() {
-        return (h(Host, { key: '158ea38cbc14a9fd14a87beaa20cc6610d348eef', class: {
+        return (h(Host, { key: 'c39eb58624347736a167fef2e4aa9fc9ca7c7e48', 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: '0f4afc0529929c2d308f76ce91a0353af7532607' })));
+            }, role: "row" }, this.getAccordionColumns(), this.getCheckbox(), h("slot", { key: 'e224986cde05a3e6fc60c087953512bca87999ef' })));
     }
     static get is() { return "b2b-table-row"; }
     static get encapsulation() { return "shadow"; }
@@ -265,6 +286,7 @@ export class TableRowComponent {
     }
     static get states() {
         return {
+            "isAccordionValue": {},
             "isOpen": {}
         };
     }
@@ -292,7 +314,7 @@ export class TableRowComponent {
                 "composed": true,
                 "docs": {
                     "tags": [],
-                    "text": "Emits if the row is selectable and it is selected or unselected. Emits both unique value and the checkbox status."
+                    "text": "Emits if the row is selectable and if it is selected or unselected. Emits both unique value and the checkbox status."
                 },
                 "complexType": {
                     "original": "CheckboxEventDetail",

package/dist/collection/components/table/table-rowgroup/table-rowgroup.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -113,11 +113,11 @@ export class TableRowgroupComponent {
         this.makeHeaderRowNotSelectable();
     }
     render() {
-        return (h(Host, { key: 'b32971c633a27af352651656743e5788f08dbc70', class: {
+        return (h(Host, { key: 'faa8967bf314a57aaa29bf32e4a8dd9fb1d31229', 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: '53e1830d7834f3330a2a74f94d0ebea102fc5d5d' })));
+            }, role: "rowgroup" }, h("slot", { key: 'bf00c613d18b138e715d9840141e06399e4f5309' })));
     }
     static get is() { return "b2b-table-rowgroup"; }
     static get encapsulation() { return "shadow"; }
@@ -198,7 +198,7 @@ export class TableRowgroupComponent {
                     "text": "Renders the rowgroup as an accordion. Both header and body must have accordion set to true.\nOne table can contain multiple rowgroups of type body, each of which represents an accordion row with children."
                 },
                 "attribute": "accordion",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "false"
             },
             "selectable": {

package/dist/collection/components/table/table.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table.js

@@ -60,9 +60,9 @@ export class TableComponent {
         }
     }
     render() {
-        return (h(Host, { key: 'f059683c7d7248d2a71f6b87d2a2c824bb4cedd9', class: {
+        return (h(Host, { key: 'd69ea87cde7434a9555464edaf081268ee850bdb', class: {
                 ['b2b-table--' + this.size]: true,
-            }, role: "table" }, h("slot", { key: 'ac05cc8efb3b4aaef44c2f9e05721363b630cd5e' })));
+            }, role: "table" }, h("slot", { key: '196c2f61af014d04a842543ea66ff806edbb8e5f' })));
     }
     static get is() { return "b2b-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/textarea/textarea.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/textarea/textarea.js

@@ -45,10 +45,10 @@ export class B2BTextareaComponent {
         }
     }
     render() {
-        return (h(Host, { key: 'fa67a181d11d401b8619990c40cd56f788365a05', class: {
+        return (h(Host, { key: 'f58f062339891dfe7d78fcce5b9a90ac9871d826', 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: '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.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("textarea", { key: '22cd5ea8b7b8cd34253c2cc076b0273b1481e10f', 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)) : ('')));
     }
     static get is() { return "b2b-textarea"; }

package/dist/collection/components/toggle-button/toggle-button.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -31,13 +31,13 @@ export class B2bToggleButtonComponent {
         return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
     }
     render() {
-        return (h(Host, { key: '1b4455bc08da5cd59668542b9448991950082a5d', onClick: this.onClick }, h("span", { key: '3dfc32795f51493f156715c762eb07911cd8cefa', class: {
+        return (h(Host, { key: '757afe3ee305d4bba0c4092c98c277661d13213d', onClick: this.onClick }, h("span", { key: 'ad8f66caccea7374aa6bc6faf8a837efca0d5f69', class: {
                 'b2b-toggle-button': true,
                 'b2b-toggle-button--disabled': this.disabled,
-            } }, h("input", { key: '5909a9f50d6a5bd7debb6d94e42c32eb34494d7d', tabindex: 0, class: {
+            } }, h("input", { key: 'e7b4b5267dbf8f5e6c212bfe5b3a7cda870c53ec', 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: 'a3ba75134e2b082fb6daf4a4305e909abd3ce2d3', 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: '5a6ccbcf1cc18884080359453b2abb5cc38acd6f', 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/collection/components/toggle-chip/toggle-chip.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/toggle-chip/toggle-chip.js

@@ -33,11 +33,11 @@ export class B2BToggleChipComponent {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '0edab0e264bffc60e1e9b0479a8923fe046cb655' }, h("span", { key: 'cba90b7b8adb0e6d183b10800da01fd0cee84ddc', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
+        return (h(Host, { key: 'e9f095939f1efc375328ffa58edd66f880d3c8c3' }, h("span", { key: 'a708176728cdf47e6308df8fafc9bb70b4bf8472', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
                 'b2b-toggle-chip': true,
-            } }, h("input", { key: 'a83be039e526e5c81d9c9a06d78ffbe084003656', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
+            } }, h("input", { key: 'cc88a7fb483e9400eae10322e77d71811b7ea269', "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: '239667dab17575f444304d1a6ed080969263a529', 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: 'f4385d049c26d7d391de6cef4946a086cf6375d0', 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/collection/components/toggle-group/toggle-group.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/toggle-group/toggle-group.js

@@ -45,10 +45,10 @@ export class B2BToggleGroup {
         }
     }
     render() {
-        return (h(Host, { key: '61ccd7ac4efe264edc353ee2c77085b928dca8f0' }, h("div", { key: 'ca4d71b1c622d8ae3220bd3a5d871454e8614d96', class: {
+        return (h(Host, { key: 'fe75399c8e92ccb8a057ae685151b2434e2c260c' }, h("div", { key: '0a7b4ef54a74776c624399f9d851c16ff21eadd2', class: {
                 'b2b-toggle-group': true,
                 'b2b-toggle-group--disabled': this.disabled,
-            } }, h("fieldset", { key: '05e1fd468b4cd2ecff5e813db6389f43d065176f' }, h("slot", { key: '14e60ca50e82c8e4ae7147ac7e585a13b6c50358' })))));
+            } }, h("fieldset", { key: '936d54912451d8f47449c5f3600bf21d6143bd4d' }, h("slot", { key: 'e6313236733da0801b1c8c618ce9e625f00fa015' })))));
     }
     static get is() { return "b2b-toggle-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/toggle-switch/toggle-switch.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -38,17 +38,17 @@ export class B2bToggleSwitchComponent {
     render() {
         // workaround for purgecss as safelist doesn't work
         const isLeft = this.labelPosition === 'left';
-        return (h(Host, { key: 'f40fa08edbf399fa627a81140477f2512a5884b3' }, h("div", { key: 'f806f79cf76f965383d8538a7c393b4e562fdb32', class: {
+        return (h(Host, { key: 'ee7f31fda73708f9c0f239b7e812001e061b4df7' }, h("div", { key: 'e0cb8c2a712c6925da760d49228fdf0eec33eed4', class: {
                 'b2b-toggle': true,
                 'b2b-toggle--disabled': this.disabled,
                 'b2b-toggle--checked': this.state,
-            } }, h("div", { key: '0664c184383f64864b25978d9d980266cf72668d', class: {
+            } }, h("div", { key: 'fd213e47ef55cceb7e7089b393a06637ca381394', class: {
                 'b2b-toggle__label': true,
                 'b2b-toggle__label--left': isLeft,
-            } }, h("span", { key: '98b08ab1b541fed7ee54730380c331aa55206868', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: 'e84003457f75842186d30b582ab3896aea5257b6', class: {
+            } }, h("span", { key: '7fa4a2e0324f8519001df63fb5bf6fbed66f8327', class: "b2b-toggle__switch", role: "switch", tabIndex: 0, onKeyDown: this.onKeyDown, onClick: this.onClick }, h("svg", { key: '956ca1d77e4a13a32e3da78c87432d92a3012dc2', 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: '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: {
+            }, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 30 30" }, h("path", { key: 'a4af80db0755275499e6c93feded619ce273edfa', 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/collection/components/tooltip/tooltip.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/tooltip/tooltip.js

@@ -59,13 +59,13 @@ export class B2BTooltipComponent {
         }
     }
     render() {
-        return (h(Host, { key: '206be7996ce610ef649791c8fbdb33cb43c0c4e3', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '2db6908f7af38c30676f4ee4e2ec0fb395b496d3', class: {
+        return (h(Host, { key: '85bcf6cfa9dc9330a62fe8f426bb5cd94d3d944d', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '4a2a30daf9999b103f852ff30d527c82d890bf52', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, h("slot", { key: '701b2c95321148dc456698c6354e57f57c2aa705' }), h("div", { key: '9a73bbaffe6aeb94df712dcfb07607038827b329', class: {
+            } }, h("slot", { key: 'a01eb4473cc7a18ba62fa68efcdf1a41840bb758' }), h("div", { key: '371f2f93de8607c874be40ffcf033d5a31dd3e5a', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, h("slot", { key: 'a2a30959e9f5757b5bd1df92f19f97a5a87b1960', name: "content" }, this.content)))));
+            } }, h("slot", { key: '0cf561f9c961fa5d2a38f28fe27288ce62313fd6', name: "content" }, this.content)))));
     }
     static get is() { return "b2b-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,10 +7,10 @@ export class WizardStepComponent {
         this.checkIcon = true;
     }
     render() {
-        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: {
+        return (h(Host, { key: '3e75f42f395d080bd662b45da27a39a3d46a0695' }, h("div", { key: '7f97f665b4bf5d893cfaafc31ab5e9c1d3c1686b', class: "b2b_wizard__step" }, h("b2b-wizard-icon", { key: 'c13bff249dcada2231f027f710b169e878eaf622', step: this.step, state: this.state, checkIcon: this.checkIcon }), h("div", { key: '580f9caf705a7e7e00d4d1ba8c3143c0c9927285', class: {
                 'b2b_wizard__step__label': true,
                 'b2b_wizard__step__label--default': this.state === WizardStatus.DEFAULT,
-            } }, h("slot", { key: '68154418c6b0e5029e4b0aea64ef03f1923b1c74' })))));
+            } }, h("slot", { key: '542832da55ea31b393b4a50cad6cc54f02d7223f' })))));
     }
     static get is() { return "b2b-wizard-step"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wizard/wizard.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/wizard/wizard.js

@@ -44,7 +44,7 @@ export class WizardComponent {
             this.setStepsState();
     }
     render() {
-        return (h(Host, { key: '4395808877c2f78bb53e4ced7cc4c89d875a0b5c' }, h("div", { key: '8fe7bc19cf6e356aaafad10f0461db6d29781fcf', class: "b2b_wizard" }, h("slot", { key: '30e3bd793259494df8355d2417067861d49a70e8' }))));
+        return (h(Host, { key: 'b138e231ec78b9550d5d40431f6645a2cff00182' }, h("div", { key: 'b14e8010d0753fa917e68a6269559b28b2b7e8e5', class: "b2b_wizard" }, h("slot", { key: '88eb49e82b1276b35b50d3a438fe71a5ce4476ee' }))));
     }
     static get is() { return "b2b-wizard"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/wizard-icon/wizard-icon.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 12 Dec 2024 07:14:23 GMT
+ * Generated on Thu, 30 Jan 2025 18:09:12 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/wizard-icon/wizard-icon.js

@@ -7,7 +7,7 @@ export class WizardIconComponent {
         this.checkIcon = true;
     }
     render() {
-        return (h(Host, { key: 'f90113ae53a154cabd6c03ba7ca5ec799fd2a924' }, h("div", { key: 'b53d693ec4588902dfd92210723fba697fc96ca8', class: {
+        return (h(Host, { key: '2c8a5caa3d2e552a42a05172421befa0217a56c2' }, h("div", { key: 'c99cc645d667a872804406baf566a45ec43f4758', 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/collection/utils/datepicker/date-picker-util.js

@@ -0,0 +1,48 @@
+export class DateUtils {
+    static isSameDate(date1, date2) {
+        return (date1.getFullYear() === date2.getFullYear() &&
+            date1.getMonth() === date2.getMonth() &&
+            date1.getDate() === date2.getDate());
+    }
+    static isDisabledDate(givenDate, options) {
+        const { disableDates = [], disablePastDates = false, disableFutureDates = false, disableWeekends = false, todayWithoutTime = new Date(), disableEvery = [], disableDatesUntil, disableDatesFrom, } = options;
+        const dayNameToIndex = {
+            So: 0,
+            Su: 0,
+            Mo: 1,
+            Di: 2,
+            Tu: 2,
+            Mi: 3,
+            We: 3,
+            Do: 4,
+            Th: 4,
+            Fr: 5,
+            Sa: 6,
+        };
+        const isExplicitlyDisabled = disableDates.length > 0 &&
+            disableDates.some(disabledDate => this.isSameDate(disabledDate, givenDate));
+        const isPastDate = disablePastDates && givenDate < todayWithoutTime;
+        const isFutureDate = disableFutureDates && givenDate > todayWithoutTime;
+        const isWeekend = disableWeekends && (givenDate.getDay() === 0 || givenDate.getDay() === 6);
+        const isDayToDisable = disableEvery.length > 0 &&
+            disableEvery.some(day => dayNameToIndex[day] === givenDate.getDay());
+        const isBeforeDisableUntil = givenDate <= disableDatesUntil;
+        const isAfterDisableFrom = givenDate >= disableDatesFrom;
+        return (isExplicitlyDisabled ||
+            isPastDate ||
+            isFutureDate ||
+            isWeekend ||
+            isDayToDisable ||
+            isBeforeDisableUntil ||
+            isAfterDisableFrom);
+    }
+    static parseStringToDateArray(value) {
+        return value
+            .split(',')
+            .map(date => date.trim())
+            .map(dateStr => {
+            const [day, month, year] = dateStr.split('.').map(Number);
+            return new Date(year, month - 1, day);
+        });
+    }
+}

package/dist/components/b2b-alert.js

@@ -25,7 +25,7 @@ const AlertComponent = /*@__PURE__*/ proxyCustomElement(class AlertComponent ext
             return this.size === 'small' && this.customIcon;
         };
         this.type = 'info';
-        this.size = 'small';
+        this.size = 'large';
         this.opened = false;
         this.hasCloseButton = true;
         this.customIcon = false;

package/dist/components/b2b-anchor.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const anchorCss = ":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\")}:host{z-index:0;width:fit-content;height:fit-content;position:relative}:host .b2b-anchor{font-family:var(--b2b-font-family-default);color:var(--b2b-color-copy-default);text-decoration:underline;transition:all 0.3s ease;z-index:1001;position:relative}:host .b2b-anchor:hover{color:var(--b2b-color-red-100);cursor:pointer}:host .b2b-anchor--100{font-size:var(--b2b-size-copy-100)}:host .b2b-anchor--inherit{font-size:inherit}";
+const anchorCss = ":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\")}:host{z-index:0;width:fit-content;height:fit-content;position:relative}:host .b2b-anchor{font-family:var(--b2b-font-family-default);color:var(--b2b-color-copy-default);transition:all 0.3s ease;z-index:1001;position:relative}:host .b2b-anchor--100{font-size:var(--b2b-size-copy-100)}:host .b2b-anchor--inherit{font-size:inherit}:host .b2b-anchor-hover--default:hover{color:var(--b2b-color-red-100);cursor:pointer}:host .b2b-anchor-hover--inherit:hover{color:inherit;cursor:pointer}:host .b2b-anchor--underline-text{text-decoration:underline}:host .b2b-anchor:not(.b2b-anchor--underline-text){text-decoration:none}";
 const B2bAnchorStyle0 = anchorCss;
 
 const AnchorComponent = /*@__PURE__*/ proxyCustomElement(class AnchorComponent extends HTMLElement {
@@ -12,19 +12,25 @@ const AnchorComponent = /*@__PURE__*/ proxyCustomElement(class AnchorComponent e
         this.download = null;
         this.target = 'self';
         this.size = 'inherit';
+        this.hoverColor = 'default';
+        this.underlineText = true;
     }
     render() {
-        return (h(Host, { key: '8957a16aaa8ac0157e279eba36ce4467462bc700' }, h("a", { key: '462c69b00d9c1c1d49f3e7db364080ae313a7da4', href: this.href, download: this.download, target: `_${this.target}`, class: {
+        return (h(Host, { key: '60d94771fa6bf9cf9d8e688ecd7eba179a8e28a3' }, h("a", { key: 'f18239735b64a33cf80167e98a8cec01c0b42fb3', href: this.href, download: this.download, target: `_${this.target}`, class: {
                 'b2b-anchor': true,
                 [`b2b-anchor--${this.size}`]: true,
-            } }, h("slot", { key: '3f17a63ebba35fc753b019a78f48c69040eed88e' }))));
+                [`b2b-anchor-hover--${this.hoverColor}`]: true,
+                'b2b-anchor--underline-text': this.underlineText,
+            } }, h("slot", { key: '9bc35228a2265b620e8e32adf9ea8040cf259192' }))));
     }
     static get style() { return B2bAnchorStyle0; }
 }, [1, "b2b-anchor", {
         "href": [1],
         "download": [1],
         "target": [1],
-        "size": [1]
+        "size": [1],
+        "hoverColor": [1, "hover-color"],
+        "underlineText": [4, "underline-text"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {