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

package/dist/collection/components/icon-50/icons-50/b2b_icon-trend-up.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.85352 4.14642L6.85413 1.14703C6.80786 1.10065 6.75244 1.06384 6.69092 1.03839C6.56873 0.987854 6.43127 0.987854 6.30908 1.03839C6.24756 1.06384 6.19214 1.10065 6.14587 1.14703L3.14648 4.14642C2.95117 4.34174 2.95117 4.65814 3.14648 4.85345C3.3418 5.04877 3.6582 5.04877 3.85352 4.85345L6 2.70697V10.4999C6 10.7763 6.22363 10.9999 6.5 10.9999C6.77637 10.9999 7 10.7763 7 10.4999V2.70697L9.14648 4.85345C9.24414 4.95111 9.37207 4.99994 9.5 4.99994C9.62793 4.99994 9.75586 4.95111 9.85352 4.85345C10.0488 4.65814 10.0488 4.34174 9.85352 4.14642Z" fill="#222222"/>
+<path d="M9.85352 4.14642L6.85413 1.14703C6.80786 1.10065 6.75244 1.06384 6.69092 1.03839C6.56873 0.987854 6.43127 0.987854 6.30908 1.03839C6.24756 1.06384 6.19214 1.10065 6.14587 1.14703L3.14648 4.14642C2.95117 4.34174 2.95117 4.65814 3.14648 4.85345C3.3418 5.04877 3.6582 5.04877 3.85352 4.85345L6 2.70697V10.4999C6 10.7763 6.22363 10.9999 6.5 10.9999C6.77637 10.9999 7 10.7763 7 10.4999V2.70697L9.14648 4.85345C9.24414 4.95111 9.37207 4.99994 9.5 4.99994C9.62793 4.99994 9.75586 4.95111 9.85352 4.85345C10.0488 4.65814 10.0488 4.34174 9.85352 4.14642Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-warning-hint.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M5.5 7.75C5.08582 7.75 4.75 8.08575 4.75 8.5C4.75 8.91418 5.08582 9.25 5.5 9.25C5.91418 9.25 6.25 8.91418 6.25 8.5C6.25 8.08575 5.91418 7.75 5.5 7.75ZM5.5 7C5.77637 7 6 6.77637 6 6.5V2.5C6 2.22363 5.77637 2 5.5 2C5.22363 2 5 2.22363 5 2.5V6.5C5 6.77637 5.22363 7 5.5 7ZM5.5 0C2.46729 0 0 2.46729 0 5.5C0 8.53271 2.46729 11 5.5 11C8.53271 11 11 8.53271 11 5.5C11 2.46729 8.53271 0 5.5 0ZM5.5 10C3.01855 10 1 7.98145 1 5.5C1 3.01855 3.01855 1 5.5 1C7.98145 1 10 3.01855 10 5.5C10 7.98145 7.98145 10 5.5 10Z" fill="#222222"/>
+<path d="M5.5 7.75C5.08582 7.75 4.75 8.08575 4.75 8.5C4.75 8.91418 5.08582 9.25 5.5 9.25C5.91418 9.25 6.25 8.91418 6.25 8.5C6.25 8.08575 5.91418 7.75 5.5 7.75ZM5.5 7C5.77637 7 6 6.77637 6 6.5V2.5C6 2.22363 5.77637 2 5.5 2C5.22363 2 5 2.22363 5 2.5V6.5C5 6.77637 5.22363 7 5.5 7ZM5.5 0C2.46729 0 0 2.46729 0 5.5C0 8.53271 2.46729 11 5.5 11C8.53271 11 11 8.53271 11 5.5C11 2.46729 8.53271 0 5.5 0ZM5.5 10C3.01855 10 1 7.98145 1 5.5C1 3.01855 3.01855 1 5.5 1C7.98145 1 10 3.01855 10 5.5C10 7.98145 7.98145 10 5.5 10Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-wishlist-active.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.25293 2C7.1499 2 6.42676 2.60156 5.99512 3.25684C5.56006 2.60205 4.83691 2 3.74756 2C2.23242 2 1 3.3457 1 5C1 6.4209 1.32715 7.59961 5.69873 10.9038C5.7876 10.9712 5.89404 11.0049 6 11.0049C6.10596 11.0049 6.2124 10.9712 6.30127 10.9038C10.6631 7.60693 11 6.37744 11 5C11 3.3457 9.76758 2 8.25293 2Z" fill="#222222"/>
+<path d="M8.25293 2C7.1499 2 6.42676 2.60156 5.99512 3.25684C5.56006 2.60205 4.83691 2 3.74756 2C2.23242 2 1 3.3457 1 5C1 6.4209 1.32715 7.59961 5.69873 10.9038C5.7876 10.9712 5.89404 11.0049 6 11.0049C6.10596 11.0049 6.2124 10.9712 6.30127 10.9038C10.6631 7.60693 11 6.37744 11 5C11 3.3457 9.76758 2 8.25293 2Z"/>
 </svg>
+

package/dist/collection/components/icon-50/icons-50/b2b_icon-wishlist.svg

@@ -1,3 +1,4 @@
 <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.25293 2C7.1499 2 6.42676 2.60156 5.99512 3.25684C5.56006 2.60205 4.83691 2 3.74756 2C2.23242 2 1 3.3457 1 5C1 6.4209 1.32715 7.59961 5.69873 10.9038C5.7876 10.9712 5.89404 11.0049 6 11.0049C6.10596 11.0049 6.2124 10.9712 6.30127 10.9038C10.6631 7.60693 11 6.37744 11 5C11 3.3457 9.76758 2 8.25293 2ZM6 9.87646C2 6.81152 2 5.93066 2 5C2 3.91602 2.80029 3 3.74756 3C5.13281 3 5.49707 4.54248 5.51123 4.60596C5.56152 4.83643 5.75244 4.97998 6.00293 5C6.23926 4.99854 6.44238 4.83203 6.48975 4.6001C6.50342 4.53467 6.8335 3 8.25293 3C9.19971 3 10 3.91602 10 5C10 5.84863 10 6.80762 6 9.87646Z" fill="#222222"/>
+<path d="M8.25293 2C7.1499 2 6.42676 2.60156 5.99512 3.25684C5.56006 2.60205 4.83691 2 3.74756 2C2.23242 2 1 3.3457 1 5C1 6.4209 1.32715 7.59961 5.69873 10.9038C5.7876 10.9712 5.89404 11.0049 6 11.0049C6.10596 11.0049 6.2124 10.9712 6.30127 10.9038C10.6631 7.60693 11 6.37744 11 5C11 3.3457 9.76758 2 8.25293 2ZM6 9.87646C2 6.81152 2 5.93066 2 5C2 3.91602 2.80029 3 3.74756 3C5.13281 3 5.49707 4.54248 5.51123 4.60596C5.56152 4.83643 5.75244 4.97998 6.00293 5C6.23926 4.99854 6.44238 4.83203 6.48975 4.6001C6.50342 4.53467 6.8335 3 8.25293 3C9.19971 3 10 3.91602 10 5C10 5.84863 10 6.80762 6 9.87646Z"/>
 </svg>
+

package/dist/collection/components/input/input.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/input-list/input-list.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/label/label.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/modal/modal.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -226,7 +226,7 @@
   left: 0;
   bottom: 0;
   width: 100%;
-  z-index: 1000;
+  z-index: 99999;
   display: none;
   position: fixed;
   background-color: var(--b2b-color-background-overlay-transparent-80);

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/pagination/pagination.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/paragraph/paragraph.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/paragraph/paragraph.stories.js

@@ -68,7 +68,7 @@ export const NoBottomMargin = {
     args: Object.assign(Object.assign({}, meta.args), { margin: false }),
 };
 export const GreyVariant = {
-    args: Object.assign(Object.assign({}, meta.args), { variant: 'grey' }),
+    args: Object.assign(Object.assign({}, meta.args), { variant: 'grey-400' }),
 };
 export const DisplayInline = {
     args: Object.assign(Object.assign({}, meta.args), { display: 'inline' }),

package/dist/collection/components/progress-bar/progress-bar.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -218,6 +218,9 @@
 :host {
   width: 100%;
 }
+:host .b2b-progress-bar {
+  font-family: var(--b2b-font-family-default);
+}
 :host .b2b-progress-bar__left-side {
   display: flex;
   flex-direction: row-reverse;

package/dist/collection/components/radio/radio.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/radio/radio.e2e.js

@@ -33,4 +33,12 @@ describe('b2b-radio', () => {
         await page.waitForChanges();
         expect(spy).not.toHaveReceivedEvent();
     });
+    it('should use label slot if provided', async () => {
+        await page.setContent(`
+      <b2b-radio-button value="one">
+        <span slot="label">Custom label</span>
+      </b2b-radio-button>`);
+        const element = await page.find('span');
+        expect(element).toEqualText('Custom label');
+    });
 });

package/dist/collection/components/radio/radio.js

@@ -57,7 +57,7 @@ export class B2bRadioButtonComponent {
                 'b2b-radio': true,
                 'b2b-radio--error': this.invalid && !this.disabled,
                 'b2b-radio--disabled': this.disabled,
-            } }, h("div", { key: 'd81ed252709872fb297fba2a497fb045f35285ac', class: "b2b-radio-items" }, h("input", { key: '7a914994f7ac1ae1e61e1d7f22f950fb6b1aff8c', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), h("b2b-input-label", { key: '9509f79a63adce1a01a549bd41656df1b81ead7a', id: this.name, required: this.required, disabled: this.disabled }, this.label)), (this.hint !== undefined && !this.invalid) ||
+            } }, h("div", { key: 'd81ed252709872fb297fba2a497fb045f35285ac', class: "b2b-radio-items" }, h("input", { key: '7a914994f7ac1ae1e61e1d7f22f950fb6b1aff8c', class: "b2b-radio-input", "aria-labelledby": this.name, type: "radio", checked: this.checked, disabled: this.disabled, name: this.name, onBlur: this.onBlur, onFocus: this.onFocus, value: this.value }), h("b2b-input-label", { key: '9509f79a63adce1a01a549bd41656df1b81ead7a', id: this.name, required: this.required, disabled: this.disabled }, h("slot", { key: '178785143077da89f4af963ccb313e32d86a9408', name: "label" }, 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-radio-button"; }

package/dist/collection/components/radio/radio.stories.js

@@ -38,6 +38,13 @@ story040Disabled.storyName = 'Disabled';
 export const story050Required = Template.bind({});
 story050Required.args = Object.assign(Object.assign({}, defaultArgs), { label: 'Required Radio Button', required: true });
 story050Required.storyName = 'Required';
+export const story060LabelSlot = {
+    args: Object.assign({}, defaultArgs),
+    render: ({}) => html `<b2b-radio-button name="default-group"
+      ><span slot="label">Label Slot</span></b2b-radio-button
+    >`,
+};
+story060LabelSlot.storyName = 'Label slot';
 const controls = {};
 const radioButtonArgs = getArgTypes('b2b-radio-button', controls);
 export default {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/radio-group/radio-group.e2e.js

@@ -68,4 +68,15 @@ describe('B2B-Radio-Group', () => {
         expect(hint).not.toBeDefined;
         expect(error).not.toBeDefined;
     });
+    it('should use label slot if provided', async () => {
+        await page.setContent(`
+      <b2b-radio-group name="test-group">
+          <span slot="label">Custom label</span>
+          <b2b-radio-button label="one" value="one" name="test-group" id="one" hint="test" error="test"></b2b-radio-button>
+          <b2b-radio-button label="two" value="two" name="test-group" id="two"</b2b-radio-button>
+      </b2b-radio-group>
+  `);
+        const element = await page.find('span');
+        expect(element).toEqualText('Custom label');
+    });
 });

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

@@ -60,17 +60,20 @@ export class RadioButtonGroupComponent {
     disabledChanged() {
         this.toggleAllDisabled();
     }
+    componentWillLoad() {
+        this.labelSlot = this.host.querySelector('[slot="label"]');
+    }
     componentDidLoad() {
         this.toggleAllError();
         this.toggleAllDisabled();
         this.removeChildText();
     }
     render() {
-        return (h(Host, { key: 'ce3087acd7805720be6f5b2524dad8c9b6757e92' }, h("div", { key: '262e2d35c6091a5bb12f9f339b5177393a07591f', class: {
+        return (h(Host, { key: 'f3db64520ccc43bc53481c1a8b7bcd84e00137a9' }, h("div", { key: 'dc7b46f02261530f8514fcb8f7b82777ee304694', class: {
                 'b2b-radio-group': true,
                 'b2b-radio-group--error': this.invalid && !this.disabled,
                 [`b2b-radio-group--${this.alignment}`]: true,
-            } }, this.label && (h("b2b-input-label", { id: this.name, required: this.required }, this.label)), h("fieldset", { key: '1e90558b69774874b0d19703f9002a8e0311bcf2' }, h("div", { key: '2b26f7b29e176c2831c7f5da22ed59b8352b5155', class: "b2b-radio-group-options" }, h("slot", { key: '9dc75a44a47e555e5de84001a29ee378b4521a60' }))), (this.hint !== undefined && !this.invalid) ||
+            } }, (this.label || this.labelSlot) && (h("b2b-input-label", { id: this.name, required: this.required }, h("slot", { name: "label" }, this.label))), h("fieldset", { key: 'a966d24bb05131b586bf06ab9296cecf889c1479' }, h("div", { key: 'f5c4eee2aa0d6ac639cbfd13bd2cdd5a0caee0d5', class: "b2b-radio-group-options" }, h("slot", { key: '0f7f3ba4c038e8c9ef883738142eb463fbdafceb' }))), (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-radio-group"; }

package/dist/collection/components/radio-group/radio-group.stories.js

@@ -48,6 +48,21 @@ story050Horizontal.storyName = 'Horizontal';
 export const story060Required = Template.bind({});
 story060Required.args = Object.assign(Object.assign({}, defaultArgs), { required: true });
 story060Required.storyName = 'Required';
+export const story070LabelSlot = {
+    args: Object.assign({}, defaultArgs),
+    render: ({}) => html `<b2b-radio-group name="default-group">
+      <span slot="label">Label Slot</span>
+      <b2b-radio-button
+        label="Option 1"
+        name="default-group"
+        value="one"></b2b-radio-button>
+      <b2b-radio-button
+        label="Option 2"
+        name="default-group"
+        value="two"></b2b-radio-button>
+    </b2b-radio-group>`,
+};
+story070LabelSlot.storyName = 'Label slot';
 const controls = {};
 const radioGroupArgs = getArgTypes('b2b-radio-group', controls);
 export default {

package/dist/collection/components/required-separator/required-separator.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -4,7 +4,7 @@ export class B2BRequiredSeparator {
         this.label = 'Pflichtfeld';
     }
     render() {
-        return (h(Host, { key: 'ed46c96fc3dbc1a22589a0991e498723941f75eb' }, h("div", { key: '41eeac6e3147768d2492b509fde113532e3811ea', class: "b2b-required-separator__label" }, h("span", { key: '6de6fa330bc47474e0b06a0665c8003a0f889c94', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: 'e88bd1742e3e9b134b0b9d3c4e6fce07b27167ff' }, this.label)), h("b2b-separator", { key: 'd5ecda6575a64bbbfc7529698966233883e7e232' })));
+        return (h(Host, { key: '579b61923204ef55e9869a380d756b65052b6090' }, h("div", { key: 'be5d925cca766cbefaa60eaecc194b6e7db60f2a', class: "b2b-required-separator__label" }, h("span", { key: 'ceb68c7a579e6686e1b2eb39175c790d78ae9945', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: 'bde31831c13a036c901611b86b6de30fcaa6dc18' }, this.label)), h("b2b-separator", { key: '003cd4d6cc099ec051076f6f3d9bf2d523df7e1f' })));
     }
     static get is() { return "b2b-required-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -6,16 +6,16 @@ export class RoundedIconComponent {
         this.contentColor = 'var(--b2b-color-copy-default)';
     }
     render() {
-        return (h(Host, { key: '3f7d19c1639c9e124ff5343a17fdad7aa322953f' }, h("div", { key: '0f86ef2292c301dd63cc8b975ce7d80c305813ec', style: {
+        return (h(Host, { key: 'b2542f30738b99706e264260504902e148af170f' }, h("div", { key: '01d1b4b8118a1754fe85354eb47dfb78a778b1f6', style: {
                 ['background-color']: this.color,
                 ['border']: `1px solid ${this.borderColor || this.color}`,
             }, class: {
                 'b2b-rounded-icon': true,
-            } }, h("div", { key: 'fa9aad421fd737beb33c8338eb41f24f92972a58', style: {
+            } }, h("div", { key: '3e319fcf7d1acc4c3a534c26f6106717a8d57fdf', style: {
                 ['color']: this.contentColor,
-            } }, h("slot", { key: '9ebcf447273cf65e2cd4bdfb9b08b26b33de2bcc', name: "icon" })), h("div", { key: '3dedbe36dcb2534925f965581ca25ddb5c07ad4a', style: {
+            } }, h("slot", { key: '1f14bca3fb6fe8dc92d6cadc173f5b470a425db6', name: "icon" })), h("div", { key: '2e07fb2694f642788c09361a9aaa7c6f768107cc', style: {
                 ['color']: this.contentColor,
-            } }, h("slot", { key: 'b24493622004d54f5fe867239afc45b50126c365', name: "text" })))));
+            } }, h("slot", { key: 'c84e59d64323d19ff2a2a3245d6db424f8135bc6', name: "text" })))));
     }
     static get is() { return "b2b-rounded-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/scrollable-container/scrollable-container.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class ScrollableContainerComponent {
     render() {
-        return (h(Host, { key: 'd1e1251eef88da3e47e83a0e323a919ad6d4be59' }, h("slot", { key: '3f027e979011a8084cfe7d5c5169b1266d3cbc6f' })));
+        return (h(Host, { key: '50b43bcc6fd513c782f1bed4f68449c3fb2b9a5f' }, h("slot", { key: 'd39b849277ecbc737ad9ccb19e930c3de7e1ea38' })));
     }
     static get is() { return "b2b-scrollable-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/search/search.js

@@ -22,7 +22,7 @@ export class SearchComponent {
         }
     }
     render() {
-        return (h(Host, { key: 'fee0b031e27eb9041d033797a86d22bc33f51689' }, h("b2b-input-group", { key: 'c3cd0ccfe8c5815081fc3aad550170b07680738f', disabled: this.disabled }, h("b2b-input-list", { key: '7430c61b8e80efa345c85d4f9521f7bc84501e36', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: 'c5ca9008625cc583670b0ec9aad59dc09656552f' })), h("b2b-button", { key: 'c8adaaa19fc1883543f01126c7dfeadd1b4bfe9e', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: '16997d3fa6851042efc7cb5c4ca4eb423a2db4ba', icon: "b2b_icon-search", clickable: true })))));
+        return (h(Host, { key: '0863204d06c3b85010a176bc4286e31b89351184' }, h("b2b-input-group", { key: 'f3a8bbed419ac2b1d2e324203c6834b0748a4c50', disabled: this.disabled }, h("b2b-input-list", { key: 'd78357acc766ded0d5c49f02a5a91ee4f1b76ce5', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: 'c2c15a8dffa5fd6e54722abdca3a3cde9c04a24a' })), h("b2b-button", { key: '0dcc48c582fd7ac47af40b2e3bcd4ffc29b01257', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: '2d9ea153c46e4d6af113cbe33d8d1d909a1d0e18', icon: "b2b_icon-search", clickable: true })))));
     }
     static get is() { return "b2b-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/separator/separator.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/separator/separator.js

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

package/dist/collection/components/spinner/spinner.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/spinner/spinner.js

@@ -9,7 +9,7 @@ export class SpinnerComponent {
         this.color = 'primary';
     }
     render() {
-        return (h("div", { key: '47f0e4f22e7309ad3b2800fb01289cef76eedd3e', class: {
+        return (h("div", { key: '4260cc2e742b9d3a77fc1739f7de248ee70ffd69', class: {
                 'b2b-spinner': true,
                 ['b2b-spinner--size-' + this.size]: true,
                 ['b2b-spinner--color-' + this.color]: true,

package/dist/collection/components/tab/tab.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/tab/tab.js

@@ -17,12 +17,12 @@ export class B2bTabComponent {
         }
     }
     render() {
-        return (h(Host, { key: '8b8e01ac6e4fe260d21f02b542defba7e3f72616', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, h("span", { key: 'a1c5d46765b36d1b58dcd5f068bae9d052b50eab', class: {
+        return (h(Host, { key: '8aa1b1ae2ad6d9b2f77cbd882602caade8cc8355', id: `b2b-tab-${this.generatedId}`, "aria-role": "tab", "aria-selected": this.selected, role: this.disabled ? false : 'tab', disabled: this.disabled, tabindex: this.disabled ? false : this.selected ? '0' : '-1' }, h("span", { key: '896a95b6fe0e389c380bed8d7755ef04467470c2', class: {
                 'b2b-tab': true,
                 'b2b-tab--selected': this.selected,
                 'b2b-tab--disabled': this.disabled,
                 'b2b-tab--error': this.invalid,
-            } }, h("slot", { key: 'e4b68bd954c2c69def327ed277d1b57795b1fba8' }))));
+            } }, h("slot", { key: '87e0d4dc4f316d16efde95c2e9f4c9fa63db984d' }))));
     }
     static get is() { return "b2b-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -121,7 +121,7 @@ export class B2bTabGroupComponent {
         });
     }
     render() {
-        return (h(Host, { key: 'cd061de38a6aad756935534a04d1ad1ac8118614' }, h("slot", { key: '63d99808894d9c0dbdfa8e996ac3738a6bbc4d5d', name: "tab" }), h("b2b-separator", { key: '09a138fb668af087ab84d00f2ae1ab7ca7611b20' }), h("slot", { key: 'c32e77e3a0fc8b86fd5107262b648822bb693a50', name: "panel" })));
+        return (h(Host, { key: '82c0d22d7738ecbbe49dc358a81759da436389ea' }, h("slot", { key: '073c3086c66b28ee4d90e38dfc3920ca58deccfd', name: "tab" }), h("b2b-separator", { key: 'd9906b47b55895b61883767817cd761b10225dd0' }), h("slot", { key: 'f01db3ddcdcb289170dbb8865bf6873dd9442b60', name: "panel" })));
     }
     static get is() { return "b2b-tab-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tab-panel/tab-panel.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -5,7 +5,7 @@ export class B2bTabPanelComponent {
         this.generatedId = i++;
     }
     render() {
-        return (h(Host, { key: 'bfa264194c0f6a5f017c3b0d3029d9b4927c30d8', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '398fdf7fb1513840ec8c1ed32c434d5849f215f7', class: "b2b-tab-panel" }, h("slot", { key: 'e3aedfa7249956b2ccba84d53bb66dce8b74d806' }))));
+        return (h(Host, { key: 'af2fa2c4c2a00694c838ad5efcf293fde97a3cd4', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '3d14cdc1c06a1986cb4e3b23fce7d23fd907e6a1', class: "b2b-tab-panel" }, h("slot", { key: '76b6383394425c71055d82569dab910066265643' }))));
     }
     static get is() { return "b2b-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -122,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Wed, 04 Dec 2024 06:52:18 GMT
+ * Generated on Tue, 21 Jan 2025 10:05:32 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */