npm - @otto-de/b2b-core-components - Versions diffs - 1.20.0 → 1.22.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (354) hide show

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

@@ -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/paragraph/paragraph.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class ParagraphComponent {
         this.display = 'block';
     }
     render() {
-        return (h("p", { key: '38b1e631c19a20c18e88dc3024553151181b2b32', style: {
+        return (h("p", { key: '410bec2bfaa21c973ecb2c8a40238ca8e858b95f', style: {
                 display: this.display,
             }, class: {
                 'b2b-paragraph': true,
@@ -22,7 +22,7 @@ export class ParagraphComponent {
                 ['b2b-paragraph--align-' + this.align]: true,
                 ['b2b-paragraph--no-margin']: !this.margin,
                 ['b2b-paragraph--variant-' + this.variant]: true,
-            } }, h("slot", { key: '04cb89ee733a6f45a674586311fcc8484aca4ac8' })));
+            } }, h("slot", { key: 'c2dae90e21ff14bdea080f007eb35d36ade59bad' })));
     }
     static get is() { return "b2b-paragraph"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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 */
@@ -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/progress-bar/progress-bar.js CHANGED Viewed

@@ -17,11 +17,11 @@ export class ProgressBarComponent {
     }
     render() {
         const labelExists = this.label !== undefined && this.label !== '';
-        return (h(Host, { key: '15d28a38e73694c291cc3f30a46c293340f783b5' }, h("div", { key: 'da403857480473acba95970d121f2d182298ad17', class: {
+        return (h(Host, { key: '2466d3c474ca6240247bb397426f060698d97186' }, h("div", { key: '6d0e5633c0f01952a52aba45c43b39654fc3b3ea', class: {
                 [`b2b-progress-bar__${this.labelPosition}-${this.labelType}`]: true,
-            } }, h("div", { key: 'b9bc673095e7ccb81b16eb220c91e8cc5801ad90', class: "b2b-progress-bar__wrapper" }, h("div", { key: '851108cac7b1af71d8ca8176aa03c90281b7bf54', class: "b2b-progress-bar__progress", style: {
+            } }, h("div", { key: 'ee25b17b43f6204cb370c2046cdee20790193f89', class: "b2b-progress-bar__wrapper" }, h("div", { key: '78050a17a169f50a5a5784ac48a7a58152ea2e6b', class: "b2b-progress-bar__progress", style: {
                 width: `${this.getProgress()}%`,
-            } })), h("div", { key: '49f60349dde0c498fd30f77711168e6a8c2fab30', class: {
+            } })), h("div", { key: '44c633adccf2736adf8d0cc462c269d83f0c31c5', class: {
                 'b2b-progress-bar__label': labelExists,
                 'b2b-progress-bar__label-none': !labelExists,
                 [`b2b-progress-bar__label__${this.labelPosition}-${this.labelType}`]: labelExists,

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

@@ -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/radio/radio.e2e.js CHANGED Viewed

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

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

@@ -53,11 +53,11 @@ export class B2bRadioButtonComponent {
         return Array.from(document.querySelectorAll(`b2b-radio-button[name="${this.name}"]`)).filter((radio) => radio.value !== this.value);
     }
     render() {
-        return (h(Host, { key: 'e18102a2fb0a1386273ade95e4a7bffa17466755', onClick: this.onClick }, h("div", { key: '3ab98b94c94b3e027e673247245c7012d3f9bc86', class: {
+        return (h(Host, { key: 'c6a48de040535714aa894821869b17a09bd7c0bc', onClick: this.onClick }, h("div", { key: 'c7330bbaad0413b440b630607a7f036ae4ede8bd', class: {
                 '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: 'fa4653ef9abfffb7bccc3450d5fd024a3167297c', class: "b2b-radio-items" }, h("input", { key: '0ada5794f7abd8f5a10078e06a6d0ad8a2d2053e', 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: '1486659420211964f3a59c4465717170eaffb7ec', id: this.name, required: this.required, disabled: this.disabled }, h("slot", { key: 'deac0ee6f41f57b312837c8e24534f0e9416144b', 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/radio-group/radio-group.e2e.js CHANGED Viewed

@@ -68,4 +68,16 @@ describe('B2B-Radio-Group', () => {
         expect(hint).not.toBeDefined;
         expect(error).not.toBeDefined;
     });
+    it('should use label slot if provided ', async () => {
+        const slotPage = await newE2EPage();
+        await slotPage.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 slotPage.find('span');
+        expect(element).toEqualText('Custom label');
+    });
 });

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

@@ -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: '7d9c1d82a8e36e51555112beb36140829d971c22' }, h("div", { key: 'c3a003fe8e873cdcf0f998087fb9ca88cd8cf829', 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: '4d513eb53eb50d556d3e9b3635b0560dd337dd46' }, h("div", { key: '18268876504e9af54aa1815c76365ad41ff5b0ee', class: "b2b-radio-group-options" }, h("slot", { key: '78b7c3a6a05ace18d201b6fc600969df040ad531' }))), (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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/required-separator/required-separator.js CHANGED Viewed

@@ -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: 'cab5659fd608d598bfdea6c24da780f5b1c8f0a4' }, h("div", { key: '107780204e6bc22b6d87014639307a1ddf0a3077', class: "b2b-required-separator__label" }, h("span", { key: '1997e65a06747f06779950ad793ddd221dcd9974', class: "b2b-required-separator__asterisk" }, "* "), h("span", { key: '44b6faacf88b76a13dcc2fcf2529354279103d83' }, this.label)), h("b2b-separator", { key: 'cf1747b9ec17ea9eb352f777f0ad25c8d6b2a927' })));
     }
     static get is() { return "b2b-required-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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/rounded-icon/rounded-icon.js CHANGED Viewed

@@ -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: 'aeaecbab894eae02bf8cc6c441175ec07b5540e2' }, h("div", { key: '1b25b7d2d917c742361c8126b11d5254a9fac9c1', 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: '0c5f34202db459eb45f37d1fb16bede9dd50a2e7', style: {
                 ['color']: this.contentColor,
-            } }, h("slot", { key: '9ebcf447273cf65e2cd4bdfb9b08b26b33de2bcc', name: "icon" })), h("div", { key: '3dedbe36dcb2534925f965581ca25ddb5c07ad4a', style: {
+            } }, h("slot", { key: 'f87224fdf932a13ed106c10a2ff9b173fc833bee', name: "icon" })), h("div", { key: 'a0cbad312cc610ee4f18a76b32c3d690dcd6a7b2', style: {
                 ['color']: this.contentColor,
-            } }, h("slot", { key: 'b24493622004d54f5fe867239afc45b50126c365', name: "text" })))));
+            } }, h("slot", { key: '518902a11b10391fdb5d654baaf84ba6f7c0c65e', name: "text" })))));
     }
     static get is() { return "b2b-rounded-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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/scrollable-container/scrollable-container.js CHANGED Viewed

@@ -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: '2fd5cba6708e2ec70567ea9b582ad5c2cbc9531f' }, h("slot", { key: '9998b1dcb05a6396e288317365d56e983baeb002' })));
     }
     static get is() { return "b2b-scrollable-container"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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: 'b24052966f06f771d924c1fc7a2257155aa1fafe' }, h("b2b-input-group", { key: '35c7d7926e6d014a87d39174ba83e3eb7a323e32', disabled: this.disabled }, h("b2b-input-list", { key: 'ccf3037cf0f7d64ae7e5f37c1789a082886db2f2', slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", { key: '59a0f64d0f39498ddf04b3cdced2c8111de1ada9' })), h("b2b-button", { key: '7a09cbe052e0c17e9c76a53fc3c7e4694ff71461', slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { key: '65d2f0468e9c8a8300ae4905e5644841dc80072c', icon: "b2b_icon-search", clickable: true })))));
     }
     static get is() { return "b2b-search"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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/separator/separator.js CHANGED Viewed

@@ -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: '2a85d5e6381c1c666d57d9439ee6df185b7e41d3' }, h("div", { key: '6939b9e06e5c27d2ea0299a1165accaeeb33bc3e', class: {
                 [`b2b-separator--${this.alignment}`]: true,
             } })));
     }

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

@@ -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/spinner/spinner.js CHANGED Viewed

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

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

@@ -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/tab/tab.js CHANGED Viewed

@@ -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: 'b0ce35de40859cbe4ac92fb7590dbcdf7ba2a856', 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: 'b40f64090aa72ad05ca09c7346adc0fd454e78fd', 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: '973bf596f14c101d95811440e0a610d96858f1ad' }))));
     }
     static get is() { return "b2b-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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: '9909139cbb9146d9f0362472c86d1f386b579ba6' }, h("slot", { key: 'ab007fd2e3db59a53a1a11e716fc20993390272d', name: "tab" }), h("b2b-separator", { key: '75c80e51f6b78a6bc19c7ab20507e6f47a66a6d6' }), h("slot", { key: 'c996bbfd3439a1db26b70e066766a9af99d825b4', name: "panel" })));
     }
     static get is() { return "b2b-tab-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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/tab-panel/tab-panel.js CHANGED Viewed

@@ -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: '7ef09ad5f34e94032ee3f48352980080998fe35c', id: `b2b-tab-panel-${this.generatedId}`, role: "tabpanel" }, h("div", { key: '68e0f565985114d15d1be05d3fed2a2fa25687d7', class: "b2b-tab-panel" }, h("slot", { key: '8ca942618a4efd0d7866c56080a50f49550799b4' }))));
     }
     static get is() { return "b2b-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -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-cell/table-cell.js CHANGED Viewed

@@ -36,14 +36,14 @@ export class TableCellComponent {
         }
     }
     render() {
-        return (h(Host, { key: 'd706833182b183034b19d1be797aaccba82fe3de', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
+        return (h(Host, { key: 'b03771e3e73de98b729b18d86fdc9ae083db2c8a', onMouseEnter: this.addExpandStyles, onMouseLeave: this.removeExpandStyles, class: {
                 'b2b-table-cell': true,
                 ['b2b-table-cell--colspan']: this.size === TableSizes.COLSPAN,
                 ['b2b-table-cell--ellipsis']: this.useTextEllipsis,
                 ['b2b-table-cell--' + this.align]: true,
                 ['b2b-table-cell--divider']: this.divider,
                 [`b2b-table-cell-color-${this.color}`]: true,
-            }, role: "cell" }, h("slot", { key: '7bb8d232cc4416c78a197f4a76e2e8efd0f83f65' })));
+            }, role: "cell" }, h("slot", { key: '122acda5bae14213fd2e702b65edbcc0bfe9f672' })));
     }
     static get is() { return "b2b-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/table-header/table-header.css CHANGED Viewed

@@ -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-header/table-header.js CHANGED Viewed

@@ -72,7 +72,7 @@ export class TableHeaderComponent {
         this.setIconPlacement();
     }
     render() {
-        return (h(Host, { key: 'f8076f812d54e86da50f61c844c5af41e9321dd9', class: {
+        return (h(Host, { key: 'd96004629017b2e728289da6bf899886d3598548', class: {
                 [`b2b-table-header--${this.sortDirection && this.iconAlign}`]: true,
                 'b2b-table-header--divider': this.divider,
                 [`b2b-table-header--${this.size}`]: true,

package/dist/collection/components/table/table-row/table-row.css CHANGED Viewed

@@ -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 */