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

package/dist/collection/components/card/card.js

@@ -26,10 +26,10 @@ export class CardComponent {
             return 0;
     }
     render() {
-        return (h(Host, { key: '6a3323a5f58c054a69080f6bec53bf8a29288a83', tabIndex: this.getTabIndex(), "aria-disabled": this.disabled ? 'true' : null, class: {
+        return (h(Host, { key: 'f9fd7890d85a2c69fb416cacd1038a3e50ba8ce2', tabIndex: this.getTabIndex(), "aria-disabled": this.disabled ? 'true' : null, class: {
                 'b2b-card': true,
                 'b2b-card--disabled': this.disabled,
-            } }, this.href != '' && h("a", { href: this.href, target: `_${this.target}` }), this.disabled && h("div", { class: "b2b-card--disabled-overlay" }), h("slot", { key: '72a803fa506ce9f3a2a79e9fe677d4f8facb1d36' })));
+            } }, this.href != '' && h("a", { href: this.href, target: `_${this.target}` }), this.disabled && h("div", { class: "b2b-card--disabled-overlay" }), h("slot", { key: '1258394d2cf138a0625c70af043d4590a45262db' })));
     }
     static get is() { return "b2b-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkbox/checkbox.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/checkbox/checkbox.js

@@ -65,14 +65,14 @@ export class CheckboxComponent {
         }
     }
     render() {
-        return (h(Host, { key: 'c86d4e004efb5915b0599988694e0947e18c30d5', onClick: this.onClick }, h("div", { key: '7f24bbd3dc6c15c614c7c5c6b975b1e478bfd78c', class: {
+        return (h(Host, { key: 'f9b0a3ab1446715b218115bb5097d7de57ae71eb', onClick: this.onClick }, h("div", { key: 'da9c2edb1f46996f8e03aedf17a52f4b2c822f0d', class: {
                 'b2b-checkbox': true,
                 'b2b-checkbox--error': this.invalid && !this.disabled,
                 'b2b-checkbox--disabled': this.disabled || this.groupDisabled,
                 'b2b-checkbox--checked': this.checked,
                 'b2b-checkbox--standalone': this.standalone,
                 'b2b-checkbox--indeterminate': this.indeterminate,
-            } }, h("div", { key: '721592f4c6d92e644809e4dca7ec17f97f306178', class: "b2b-checkbox-items" }, this.renderIcon(), h("input", { key: '4961c34d17d578179cc368f4cad206ad955cade8', class: "b2b-checkbox__input", "aria-labelledby": this.name, type: "checkbox", name: this.name, id: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.groupDisabled, onFocus: this.onFocus, onBlur: this.onBlur }), !this.standalone && (h("b2b-input-label", { id: this.name, required: this.required, disabled: this.disabled }, this.label))), (this.hint !== undefined && !this.invalid) ||
+            } }, h("div", { key: '29a99d41fca9d51aea5ac58feb92910f10d58e46', class: "b2b-checkbox-items" }, this.renderIcon(), h("input", { key: 'a05a1ba84a49d775a887e393ade4a5c2ce993273', class: "b2b-checkbox__input", "aria-labelledby": this.name, type: "checkbox", name: this.name, id: this.name, value: this.value, checked: this.checked, disabled: this.disabled || this.groupDisabled, onFocus: this.onFocus, onBlur: this.onBlur }), !this.standalone && (h("b2b-input-label", { id: this.name, required: this.required, disabled: this.disabled }, this.label))), (this.hint !== undefined && !this.invalid) ||
             (this.hint !== undefined && this.disabled) ? (h("span", null, this.hint)) : (''), this.error !== undefined && this.invalid && !this.disabled ? (h("span", null, this.error)) : (''))));
     }
     static get is() { return "b2b-checkbox"; }

package/dist/collection/components/checkbox-group/checkbox-group.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -65,11 +65,11 @@ export class CheckboxGroupComponent {
         }
     }
     render() {
-        return (h(Host, { key: '17f56d642b6ef6a4157a51178c4e1d604755f698' }, h("div", { key: 'caf98c3c46fb753dad491e2b1e98ff212e7c6a93', class: {
+        return (h(Host, { key: 'a13345395b22ac918fcb5b4186f5bb3057af8ea4' }, h("div", { key: 'b388a4b209535c47c07b2720392abeb7191b0809', class: {
                 'b2b-checkbox-group': true,
                 'b2b-checkbox-group--error': this.invalid && !this.disabled,
                 [`b2b-checkbox-group--${this.alignment}`]: true,
-            } }, this.label && (h("b2b-input-label", { required: this.required }, this.label)), h("fieldset", { key: '0b9b7dd931a8059a6ed0e53a49e799076e1d33ea' }, h("div", { key: '4385c56f2f7d570abfa58877b623b82f1006cafa', class: "b2b-checkbox-group__options" }, h("slot", { key: 'a15f2bd94e9167701a85cbf2981a268325bc4c85' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (h("b2b-input-label", { required: this.required }, this.label)), h("fieldset", { key: '33ed6a29fc0742e786d7f82c93dea89fdf0127b8' }, h("div", { key: 'da3884cbef485588a36ea6dd6c92f0dc0bdff138', class: "b2b-checkbox-group__options" }, h("slot", { key: 'c4f2ef006d5c8f04e45315526d076ca69a49026e' }))), (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-checkbox-group"; }

package/dist/collection/components/chip/chip.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -22,11 +22,11 @@ export class B2bChipComponent {
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: 'de9b5fc1b0395478973a4eb81871f9232d5e1173' }, h("div", { key: '58876c036d42e24d27112754d0b23539dda67b0d', class: {
+        return (h(Host, { key: 'feff4de384d9ae0d55cf1683915bb15e865211a0' }, h("div", { key: '79b6ec48ae1a4c142ca8363670ecee5ddd0703cb', class: {
                 'b2b-chip': true,
                 [`b2b-chip--${this.type}`]: !this.disabled && this.type !== undefined,
                 'b2b-chip--disabled': this.disabled,
-            } }, h("span", { key: '998b65004419a8831c7385978794892f24c2be71', class: {
+            } }, h("span", { key: 'daa9ee334f78e1b9d3baa363ba7f6e941f3571dc', class: {
                 'b2b-chip__label': true,
                 [`b2b-chip__label--${this.labelStyle}`]: this.labelStyle !== undefined,
                 'b2b-chip__label--close-button': this.hasCloseButton,

package/dist/collection/components/date-picker/date-picker-days-header.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -11,7 +11,7 @@ export class B2bDatePickerDaysHeader {
         };
     }
     render() {
-        return (h(Host, { key: 'f1f9de137384a3385308ac74cdd1ac175e87921b' }, h("div", { key: '762d844c6897e58efac7214b40ef4c6873fb7e8e', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
+        return (h(Host, { key: 'dd19aa810becf64b496f66534c7e81cff239507a' }, h("div", { key: '75a38a70e3152892458ab53116f9ed44487aaba6', class: "b2b-date-picker-days-header" }, this.displayWeekDays())));
     }
     static get is() { return "b2b-date-picker-days-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/date-picker-days.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -163,7 +163,7 @@ export class B2bDatePickerDays {
         });
     }
     render() {
-        return (h(Host, { key: '573b3a5f203de7be6c381242cbd4fb2935397345' }, h("div", { key: '9bdc462fccf47760afc29628d59de6b68998dc84', class: "b2b-date-picker-days" }, this.renderDatePickerDays())));
+        return (h(Host, { key: '932793a700279c0064a3a36c08d75517861f2420' }, h("div", { key: '98179650a1f3a4e4af1a8ddee3073c48cc46beab', class: "b2b-date-picker-days" }, this.renderDatePickerDays())));
     }
     static get is() { return "b2b-date-picker-days"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/date-picker-header.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -6,9 +6,9 @@ export class B2bDatePickerHeader {
         this.selectedYear = undefined;
     }
     render() {
-        return (h(Host, { key: '94e86997d702f0f584d01df3d616375d6b0e1e78' }, h("div", { key: '2f480665affbe91d54b3c1b43ab70b736e74f32f', class: "b2b-date-picker-header" }, h("button", { key: 'a5cac5d8d2d79c27f03b33eff51a83602952c50e', class: "b2b-date-picker-nav--left", onClick: this.b2bDatePickerPreviousMonth.emit, onMouseOut: event => {
+        return (h(Host, { key: '8daf6532999d810a0d0cc69693f7220f705f5209' }, h("div", { key: 'b6e3e10fe7a0b7726201269a0c5695a6ae52ec32', class: "b2b-date-picker-header" }, h("button", { key: '2a71c4072fa1a41ba5572d4faeedf493603189a2', class: "b2b-date-picker-nav--left", onClick: this.b2bDatePickerPreviousMonth.emit, onMouseOut: event => {
                 event.target.blur();
-            }, "aria-label": "previous month" }, h("b2b-icon", { key: '49bb5d17c454536e5bd7752eec149be1d4fb000d', icon: "b2b_icon-arrow-left", clickable: true })), h("b2b-headline", { key: 'a8976d272ca701970a2a688c95a1adb0a5477385', size: '100', align: 'center', class: "b2b-date-picker-month", "aria-label": "select month", tabindex: 0, onClick: () => {
+            }, "aria-label": "previous month" }, h("b2b-icon", { key: 'e83c26f329aa68705ce39651d133050705f73d93', icon: "b2b_icon-arrow-left", clickable: true })), h("b2b-headline", { key: '5b84578186aa4f676b247ee6e31cad24a6e4f3f3', size: '100', align: 'center', class: "b2b-date-picker-month", "aria-label": "select month", tabindex: 0, onClick: () => {
                 this.b2bDatePickerViewChanged.emit({
                     value: DatePickerView.Months,
                 });
@@ -18,7 +18,7 @@ export class B2bDatePickerHeader {
                         value: DatePickerView.Months,
                     });
                 }
-            } }, Months[this.selectedMonth]), h("b2b-headline", { key: '25919a00e48f4c31684f6f16300e3265bc3d2ccc', size: '100', align: 'center', class: "b2b-date-picker-year", "aria-label": "select year", tabindex: 0, onClick: () => {
+            } }, Months[this.selectedMonth]), h("b2b-headline", { key: 'a16771e52873a8e99ebc86b702a59d49229a20c8', size: '100', align: 'center', class: "b2b-date-picker-year", "aria-label": "select year", tabindex: 0, onClick: () => {
                 this.b2bDatePickerViewChanged.emit({
                     value: DatePickerView.Years,
                 });
@@ -28,9 +28,9 @@ export class B2bDatePickerHeader {
                         value: DatePickerView.Years,
                     });
                 }
-            } }, this.selectedYear), h("button", { key: '4118ef94bc8f91ce7731efaa973542c90e8125ca', class: "b2b-date-picker-nav--right", onClick: this.b2bDatePickerNextMonth.emit, onMouseOut: event => {
+            } }, this.selectedYear), h("button", { key: '189dea7aba624d2dc2d572ab6d502450bd2f8ec5', class: "b2b-date-picker-nav--right", onClick: this.b2bDatePickerNextMonth.emit, onMouseOut: event => {
                 event.target.blur();
-            }, "aria-label": "next month" }, h("b2b-icon", { key: 'f182b6ef7ab465d12d4821d54d7a346a74df2dce', icon: "b2b_icon-arrow-right", clickable: true })))));
+            }, "aria-label": "next month" }, h("b2b-icon", { key: '4c442c9f69dceec1b4d02d64a3d75a6fda18e2d1', icon: "b2b_icon-arrow-right", clickable: true })))));
     }
     static get is() { return "b2b-date-picker-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/date-picker-months.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/date-picker/date-picker-months.js

@@ -71,7 +71,7 @@ export class B2bDatePickerMonths {
         this.focusCurrentMonth(months[index]);
     }
     render() {
-        return (h(Host, { key: '7b55c5f9286780dd257cee856bd9cf9354675585' }, h("div", { key: '36efeb799ad77f4e1a56980511ff4caba519a5cb', class: "b2b-date-picker-months" }, this.renderDatePickerMonths())));
+        return (h(Host, { key: '18baacddca5d04aa0641fdbdb4c7429c929d5080' }, h("div", { key: '55f0326e38f95bf371bb3a65e3cf235ee786ff59', class: "b2b-date-picker-months" }, this.renderDatePickerMonths())));
     }
     static get is() { return "b2b-date-picker-months"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/date-picker-years.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/date-picker/date-picker-years.js

@@ -98,7 +98,7 @@ export class B2bDatePickerYears {
         }
     }
     render() {
-        return (h(Host, { key: '3b4de9e844d3b54941a49d486a4c6fc4ce70b529' }, h("div", { key: 'c254fa60cefdb33391ca732a064ad1bf1e697f54', class: "b2b-date-picker-years" }, this.renderDatePickerYears())));
+        return (h(Host, { key: '04068ca8f7b6604a6f2861f0b8892f03a1e21df3' }, h("div", { key: '8fa5bd3484d9d5766ce12f8e3e354f8beab88c56', class: "b2b-date-picker-years" }, this.renderDatePickerYears())));
     }
     static get is() { return "b2b-date-picker-years"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/date-picker/date-picker.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/date-picker/date-picker.js

@@ -263,18 +263,18 @@ export class B2bDatePicker {
         }
     }
     render() {
-        return (h(Host, { key: '7ea0bab1a5248a56baed3368a265de5a23b355c3' }, h("div", { key: 'a8f65ab12856aedc945ab3c319975ac1f75f25a7', class: "b2b-date-picker" }, h("div", { key: '3af0484bf8c3e565efbce1de8426ac414042dc09', class: "b2b-date-picker-label" }, this.label), h("div", { key: '7056fceb98d55563a72ebb8795aecf335a44a4de', class: {
+        return (h(Host, { key: 'd15a38cafce3ebd3ff46af901b2500f6aabb0d18' }, h("div", { key: 'c9f85e00fb6cc3a8faa2805db6748be2e482270e', class: "b2b-date-picker" }, h("div", { key: '3f5e66b7e99b46c8d94ac75361929ed92e49bb00', class: "b2b-date-picker-label" }, this.label), h("div", { key: '73b43cb76b8b64c5398e0a0ca644c2545b6a83bd', class: {
                 'b2b-date-picker-input-wrapper': true,
                 'b2b-date-picker-input-wrapper--focused': this.focused || this.showDatePicker,
                 'b2b-date-picker-input-wrapper--error': this.invalid,
-            } }, h("div", { key: '73a4ac3ed6e8a288ac9d6efdb71fc199c2a1ac94', class: "b2b-date-picker-input-focus-wrapper", onClick: () => {
+            } }, h("div", { key: '67840404495817b9b506dd2cb72ecad8103e694c', class: "b2b-date-picker-input-focus-wrapper", onClick: () => {
                 this.moveFocusToInputComponent();
-            } }, h("input", { key: 'a8f3612481383cdd641dab6643fd9faf38e11130', type: "text", tabindex: 0, class: {
+            } }, h("input", { key: 'b00fc707d2aafcf328c7207625303723463d5b98', type: "text", tabindex: 0, class: {
                 'b2b-date-picker-input': true,
                 'b2b-date-picker-input--error': this.invalid,
             }, value: this.userInputDate, onInput: this.handleInputChange, onKeyDown: this.handleKeyDown, onFocus: this.handleInputFocus, onBlur: () => {
                 this.focused = false;
-            } })), h("div", { key: '733646dc186b67c5095dd2a8e6bfde26b97550f9', class: "b2b-icons" }, this.userInputDate && (h("div", { tabIndex: 0, onClick: () => {
+            } })), h("div", { key: 'a68a1143b3caf59acea3ebc60ac79032078c8151', class: "b2b-icons" }, this.userInputDate && (h("div", { tabIndex: 0, onClick: () => {
                 this.invalid = false;
                 this.clearDateInput();
             }, class: "b2b-close-icon", onKeyDown: event => {
@@ -282,7 +282,7 @@ export class B2bDatePicker {
                     this.invalid = false;
                     this.clearDateInput();
                 }
-            } }, h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: 'bded26934ac03205ad84b2754480a17d36109ca1', tabindex: 0, onClick: () => {
+            } }, h("b2b-icon", { icon: "b2b_icon-close", "aria-label": "clear input", clickable: true }))), h("div", { key: '3b8281645b3ddebeeb317a85b0e46ed3929604bb', tabindex: 0, onClick: () => {
                 if (this.invalid) {
                     this.invalid = false;
                 }
@@ -294,9 +294,9 @@ export class B2bDatePicker {
                     }
                     this.showHideDatePicker();
                 }
-            }, class: "b2b-event-icon" }, h("b2b-icon", { key: 'aa66b59496916ca647894eed843a11898af331e0', "aria-label": this.showDatePicker
+            }, class: "b2b-event-icon" }, h("b2b-icon", { key: 'be4431c9059fafd5dcf5aedb0140944e822ccccc', "aria-label": this.showDatePicker
                 ? 'close date picker'
-                : 'open date picker', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: '07240a12f44e04a0c21301e90055463fd5438e77', class: {
+                : 'open date picker', icon: "b2b_icon-event", clickable: true }))))), h("div", { key: 'e3c641e8f775a5626cdf14acaa7149af127aa46f', class: {
                 'b2b-date-picker-body': true,
                 'b2b-date-picker-body--hidden': !this.showDatePicker,
             } }, this.datePickerView === DatePickerView.Days && (h("div", null, h("b2b-date-picker-header", { selectedMonth: this.selectedMonth, selectedYear: this.selectedYear }), h("b2b-date-picker-days-header", null), h("b2b-date-picker-days", { selectedMonth: this.selectedMonth, selectedYear: this.selectedYear, selectedDay: this.selectedDay, disableWeekends: this.disableWeekends, disableFutureDates: this.disableFutureDates, disablePastDates: this.disablePastDates }))), this.datePickerView === DatePickerView.Months && (h("b2b-date-picker-months", { selectedMonth: this.selectedMonth })), this.datePickerView === DatePickerView.Years && (h("b2b-date-picker-years", { selectedYear: this.selectedYear }))), this.showDatePicker && (h("div", { class: "b2b-date-picker__backdrop", onClick: this.handleBackdropDismiss })), !this.showDatePicker && (h("span", { class: {

package/dist/collection/components/dropdown/dropdown.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/dropdown/dropdown.js

@@ -43,11 +43,11 @@ export class DropdownComponent {
         selectElement.append(...options);
     }
     render() {
-        return (h(Host, { key: '1a95b7db34185e8a97f17789555263e16c10236d', class: {
+        return (h(Host, { key: '5ab2b6da866b7dfa16a70986b930c4ab6c498820', class: {
                 'b2b-dropdown': true,
                 'b2b-dropdown--error': this.invalid && !this.disabled,
                 'b2b-dropdown--disabled': this.disabled,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("select", { key: '06bc6f12dc93b0a39f1c086deba8eb10236888cf', class: "b2b-dropdown__select", "aria-labelledby": this.name, name: this.name, disabled: this.disabled, onChange: this.onSelect, onFocus: this.onFocus, onBlur: this.onBlur }), (this.hint !== undefined && !this.invalid) ||
+            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("select", { key: 'e086977e610c986f0d6f3539ed31fdee0d7229e7', class: "b2b-dropdown__select", "aria-labelledby": this.name, name: this.name, disabled: this.disabled, onChange: this.onSelect, onFocus: this.onFocus, onBlur: this.onBlur }), (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-dropdown"; }

package/dist/collection/components/flyout-menu/flyout-menu-option.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -223,9 +223,14 @@
 }
 :host(.b2b-flyout-menu__option:hover),
 :host(.b2b-flyout-menu__option:focus) {
-  background-color: var(--b2b-color-table-selected-hover);
+  background-color: var(--b2b-color-hover);
   outline: none;
 }
+:host(.b2b-flyout-menu__option--disabled):hover,
+:host(.b2b-flyout-menu__option--disabled:focus) {
+  background-color: transparent;
+  color: var(--b2b-color-grey-200);
+}
 :host(.b2b-flyout-menu__option--disabled) {
   pointer-events: none;
   color: var(--b2b-color-grey-200);

package/dist/collection/components/flyout-menu/flyout-menu-option.js

@@ -16,7 +16,7 @@ export class FlyoutMenuOptionComponent {
         }
     }
     render() {
-        return (h(Host, { key: '28f1e7f603120f7e2c5d9e15685505796d249d84', class: {
+        return (h(Host, { key: '549433cce616c4ecaaa63f78a9d28f5c1d90a0d1', class: {
                 'b2b-flyout-menu__option': true,
                 'b2b-flyout-menu__option--disabled': this.disabled,
                 'b2b-flyout-menu__option--separator': this.separator,

package/dist/collection/components/flyout-menu/flyout-menu.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/flyout-menu/flyout-menu.js

@@ -31,8 +31,8 @@ export class FlyoutMenuComponent {
         this.onEscapePress = () => {
             this.closeMenu();
         };
-        this.openMenu = () => {
-            this.opened = true;
+        this.toggleMenu = () => {
+            this.opened = !this.opened;
         };
         this.closeMenu = () => {
             this.opened = false;
@@ -63,12 +63,12 @@ export class FlyoutMenuComponent {
         }
         // Manual event handler registration for focus events
         this.triggerEl = children[0];
-        this.triggerEl.addEventListener('click', this.openMenu, true);
+        this.triggerEl.addEventListener('click', this.toggleMenu, true);
         this.triggerEl.addEventListener('blur', this.blurMenu, true);
     }
     disconnectedCallback() {
         if (Boolean(this.triggerEl)) {
-            this.triggerEl.removeEventListener('click', this.openMenu, true);
+            this.triggerEl.removeEventListener('click', this.toggleMenu, true);
             this.triggerEl.removeEventListener('blur', this.blurMenu, true);
         }
     }
@@ -82,9 +82,9 @@ export class FlyoutMenuComponent {
         event.target.tagName.toLowerCase() ===
             this.triggerEl.tagName.toLowerCase() &&
             event.key === 'Enter') {
-            this.openMenu();
+            this.toggleMenu();
         }
-        else if (Object.values(keys).includes(event.key)) {
+        else if (Object.values(keys).includes(event.key) && this.opened) {
             this.navigateMenu(event);
         }
     }
@@ -120,6 +120,20 @@ export class FlyoutMenuComponent {
             default:
                 return;
         }
+        while (index >= 0 && index < options.length) {
+            const option = options[index];
+            if (!option.classList.contains('b2b-flyout-menu__option--disabled')) {
+                this.setCurrentOption(option);
+                option.focus();
+                return;
+            }
+            if (event.key === keys.ARROW_UP) {
+                index--;
+            }
+            else {
+                index++;
+            }
+        }
         if (index < 0) {
             index = options.length - 1;
         }
@@ -130,12 +144,12 @@ export class FlyoutMenuComponent {
         options[index].focus();
     }
     render() {
-        return (h(Host, { key: '476aab5302f63eb5b0b53ae8430570c2c3d0d579' }, h("div", { key: '731fa9d43ab22557855da4ff971db304ccdf85dc', class: {
+        return (h(Host, { key: '0221c24624055988ea4d3e7e711279fd934f9167' }, h("div", { key: '78215ad3f534393a7a705164f0c3c3cc199a9ce7', class: {
                 'b2b-flyout-menu': true,
-            } }, h("div", { key: 'fc04fda1292925883ad13635ef30a3419bb25e4d', class: "b2b-flyout-menu__trigger" }, h("slot", { key: '47d5e464c38b7313fdf25682408ea50c5ad71ab4', name: "trigger" })), h("div", { key: 'bf6c7c0c005ba3b0b584d51c0033c7afda09b2fe', onFocusout: this.blurMenu, class: {
+            } }, h("div", { key: '2b262f0fe4a9290bcf4e6bff5a7e35cb00a52612', class: "b2b-flyout-menu__trigger" }, h("slot", { key: '27c068e13c042e0535742f2320f751d4935807f1', name: "trigger" })), h("div", { key: '38bb17d6acaa9c4abde9c7ca26d5746fa8a84269', onFocusout: this.blurMenu, class: {
                 'b2b-flyout-menu__options__container': true,
                 'b2b-flyout-menu__options__container--on': this.opened,
-            } }, h("div", { key: '7fd4e04f573aa7aeea7e5638e2f2ae664e44e947', class: "b2b-flyout-menu__arrow" }), h("slot", { key: '4e80b6752f017385a92f0a5a2fa7beae314c3833', name: "option" })))));
+            } }, h("div", { key: 'bbbac10e84d9274ba9084608d8912f8460063a3d', class: "b2b-flyout-menu__arrow" }), h("slot", { key: 'e9050bf99684d849acde201ab4b63f84b5a196db', name: "option" })))));
     }
     static get is() { return "b2b-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/grid/column.js

@@ -24,7 +24,7 @@ export class B2bGridColumnComponent {
         this.textAlign = 'left';
     }
     render() {
-        return (h(Host, { key: 'adc6b55dcffee8137649797d90001305e0c09118', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: 'cf855df802ea23e5dc748831706a2ba90d6fd3dc' })));
+        return (h(Host, { key: '923650dc316312d49a010748a44b65a59c62f545', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: '8dedf08da9c3953b285856309e36e27086598757' })));
     }
     static get is() { return "b2b-grid-col"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/grid/grid.js

@@ -4,7 +4,7 @@ export class B2bGridComponent {
         this.margin = 24;
     }
     render() {
-        return (h(Host, { key: 'fbfee6601a0768961204e9bcc9d720c902641f55', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, h("slot", { key: 'ee658a5643b1d5d9a09afefbd110ee8f0bfdc18e' })));
+        return (h(Host, { key: '2f681d61d4000a20f28d8a6949190228413503e3', style: { ['padding']: `${this.margin}px` }, class: "b2b-grid" }, h("slot", { key: 'c72d3a5881a65e0c57a34572e5380550db57931c' })));
     }
     static get is() { return "b2b-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/grid/row.js

@@ -7,7 +7,7 @@ export class B2bGridRowComponent {
         this.justify = 'start';
     }
     render() {
-        return (h(Host, { key: 'a44034babe40107c9f5f83d19c70736be7c13f4e', style: {
+        return (h(Host, { key: '891dbdd92aef674a5d1e1a7ce42abf4da97c9895', style: {
                 ['justify-content']: `${this.justify}`,
                 ['gap']: `${this.columnGap}px`,
                 ['margin']: `${this.rowGap}px 0`,
@@ -15,7 +15,7 @@ export class B2bGridRowComponent {
                 ['display']: 'flex',
                 ['flex-wrap']: 'wrap',
                 ['box-sizing']: 'border-box',
-            } }, h("slot", { key: 'a28703ad381919403ebd72ee0a3be5635bd1068b' })));
+            } }, h("slot", { key: '4f50c8feefcae58bdbfb8c28836a3f8345c74b86' })));
     }
     static get is() { return "b2b-grid-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/headline/headline.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:00 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 24 Oct 2024 12:35:01 GMT
+ * Generated on Fri, 08 Nov 2024 12:23:19 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */