@otto-de/b2b-core-components 1.23.4 → 1.26.0

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

@@ -64,11 +64,11 @@ const meta = {
             ${repeat(
         // @ts-ignore
         row, (cell, index) => html `<b2b-table-cell
-                ?divider=${args.withDividers && index === 0}
-                align="${args.align}"
-                text-wrap="${args.textWrap}"
-                >${cell}</b2b-table-cell
-              >`)}<b2b-table-cell
+                  ?divider=${args.withDividers && index === 0}
+                  align="${args.align}"
+                  text-wrap="${args.textWrap}"
+                  >${cell}</b2b-table-cell
+                >`)}<b2b-table-cell
               ><b2b-button size="50">Action</b2b-button></b2b-table-cell
             >
           </b2b-table-row>
@@ -110,36 +110,36 @@ export const ScrollableTable = {
     render: (_a) => {
         var args = __rest(_a, []);
         return html `<b2b-scrollable-container
-    style="width: ${args.parentWidth}; height: ${args.parentHeight};">
-    <b2b-table size="${args.size}">
-      <b2b-table-rowgroup type="header">
-        <b2b-table-row>
-          ${args.data.columns.map((columnName, index) => {
+      style="width: ${args.parentWidth}; height: ${args.parentHeight};">
+      <b2b-table size="${args.size}">
+        <b2b-table-rowgroup type="header">
+          <b2b-table-row>
+            ${args.data.columns.map((columnName, index) => {
             return html ` <b2b-table-header
-              ?divider=${args.withDividers &&
+                ?divider=${args.withDividers &&
                 index !== args.data.columns.length - 1}
-              style=${`min-width: ${args.columnsWidth}`}
-              >${columnName}</b2b-table-header
-            >`;
+                style=${`min-width: ${args.columnsWidth}`}
+                >${columnName}</b2b-table-header
+              >`;
         })}
-        </b2b-table-row>
-      </b2b-table-rowgroup>
-      <b2b-table-rowgroup type="body">
-        ${args.data.rows.map((row, index) => {
+          </b2b-table-row>
+        </b2b-table-rowgroup>
+        <b2b-table-rowgroup type="body">
+          ${args.data.rows.map((row, index) => {
             return html `<b2b-table-row
-            highlight="${args.highlight}"
-            color=${index === 0 ? args.color : 'default'}>
-            ${row.map((data, index) => html `<b2b-table-cell
-                  ?divider=${args.withDividers && index === 0}
-                  align="${args.align}"
-                  text-wrap="${args.textWrap}"
-                  >${data}</b2b-table-cell
-                >`)}
-          </b2b-table-row>`;
+              highlight="${args.highlight}"
+              color=${index === 0 ? args.color : 'default'}>
+              ${row.map((data, index) => html `<b2b-table-cell
+                    ?divider=${args.withDividers && index === 0}
+                    align="${args.align}"
+                    text-wrap="${args.textWrap}"
+                    >${data}</b2b-table-cell
+                  >`)}
+            </b2b-table-row>`;
         })}
-      </b2b-table-rowgroup>
-    </b2b-table>
-  </b2b-scrollable-container>`;
+        </b2b-table-rowgroup>
+      </b2b-table>
+    </b2b-scrollable-container>`;
     },
 };
 const RenderSortableTable = (_a) => {
@@ -233,55 +233,55 @@ export const AccordionTable = {
     render: (_a) => {
         var args = __rest(_a, []);
         return html `<div>
-    <b2b-table size="${args.size}">
-      <b2b-table-rowgroup type="header" accordion>
-        <b2b-table-row>
-          ${args.data.columns.map((columnName, index) => {
+      <b2b-table size="${args.size}">
+        <b2b-table-rowgroup type="header" accordion>
+          <b2b-table-row>
+            ${args.data.columns.map((columnName, index) => {
             return html ` <b2b-table-header
-              ?divider=${args.withDividers &&
+                ?divider=${args.withDividers &&
                 index !== args.data.columns.length - 1}
-              style=${index === 0 ? `width: ${args.firstColumnWidth}` : ''}
-              >${columnName}</b2b-table-header
-            >`;
+                style=${index === 0 ? `width: ${args.firstColumnWidth}` : ''}
+                >${columnName}</b2b-table-header
+              >`;
         })}
-        </b2b-table-row>
-      </b2b-table-rowgroup>
-      <b2b-table-rowgroup type="body" accordion>
-        ${args.data.rows.map((row, index) => {
+          </b2b-table-row>
+        </b2b-table-rowgroup>
+        <b2b-table-rowgroup type="body" accordion>
+          ${args.data.rows.map((row, index) => {
             return html `<b2b-table-row
-            highlight="${args.highlight}"
-            color=${index === 0 ? args.color : 'default'}>
-            ${row.map(data => html `<b2b-table-cell
-                  ?divider=${args.withDividers}
-                  align="${args.align}"
-                  text-wrap="${args.textWrap}"
-                  >${data}</b2b-table-cell
-                >`)}
-            <b2b-table-cell
-              ><b2b-button size="50">Action</b2b-button></b2b-table-cell
-            >
-          </b2b-table-row>`;
+              highlight="${args.highlight}"
+              color=${index === 0 ? args.color : 'default'}>
+              ${row.map(data => html `<b2b-table-cell
+                    ?divider=${args.withDividers}
+                    align="${args.align}"
+                    text-wrap="${args.textWrap}"
+                    >${data}</b2b-table-cell
+                  >`)}
+              <b2b-table-cell
+                ><b2b-button size="50">Action</b2b-button></b2b-table-cell
+              >
+            </b2b-table-row>`;
         })}
-      </b2b-table-rowgroup>
-      <b2b-table-rowgroup type="body" accordion opened>
-        ${args.data.rows.map((row, index) => {
+        </b2b-table-rowgroup>
+        <b2b-table-rowgroup type="body" accordion opened>
+          ${args.data.rows.map((row, index) => {
             return html `<b2b-table-row
-            highlight="${args.highlight}"
-            color=${index === 0 ? args.color : 'default'}>
-            ${row.map(data => html `<b2b-table-cell
-                  ?divider=${args.withDividers}
-                  align="${args.align}"
-                  text-wrap="${args.textWrap}"
-                  >${data}</b2b-table-cell
-                >`)}
-            <b2b-table-cell
-              ><b2b-button size="50">Action</b2b-button></b2b-table-cell
-            >
-          </b2b-table-row>`;
+              highlight="${args.highlight}"
+              color=${index === 0 ? args.color : 'default'}>
+              ${row.map(data => html `<b2b-table-cell
+                    ?divider=${args.withDividers}
+                    align="${args.align}"
+                    text-wrap="${args.textWrap}"
+                    >${data}</b2b-table-cell
+                  >`)}
+              <b2b-table-cell
+                ><b2b-button size="50">Action</b2b-button></b2b-table-cell
+              >
+            </b2b-table-row>`;
         })}
-      </b2b-table-rowgroup>
-    </b2b-table>
-  </div>`;
+        </b2b-table-rowgroup>
+      </b2b-table>
+    </div>`;
     },
 };
 export const SelectableTable = {
@@ -289,55 +289,55 @@ export const SelectableTable = {
     render: (_a) => {
         var args = __rest(_a, []);
         return html `<div>
-    <b2b-table size="${args.size}">
-      <b2b-table-rowgroup type="header" accordion selectable>
-        <b2b-table-row>
-          ${args.data.columns.map((columnName, index) => {
+      <b2b-table size="${args.size}">
+        <b2b-table-rowgroup type="header" accordion selectable>
+          <b2b-table-row>
+            ${args.data.columns.map((columnName, index) => {
             return html ` <b2b-table-header
-              ?divider=${args.withDividers &&
+                ?divider=${args.withDividers &&
                 index !== args.data.columns.length - 1}
-              style=${index === 0 ? `width: ${args.firstColumnWidth}` : ''}
-              >${columnName}</b2b-table-header
-            >`;
+                style=${index === 0 ? `width: ${args.firstColumnWidth}` : ''}
+                >${columnName}</b2b-table-header
+              >`;
         })}
-        </b2b-table-row>
-      </b2b-table-rowgroup>
-      <b2b-table-rowgroup type="body" accordion selectable>
-        ${args.data.rows.map((row, index) => {
+          </b2b-table-row>
+        </b2b-table-rowgroup>
+        <b2b-table-rowgroup type="body" accordion selectable>
+          ${args.data.rows.map((row, index) => {
             return html `<b2b-table-row
-            highlight="${args.highlight}"
-            color=${index === 0 ? args.color : 'default'}>
-            ${row.map(data => html `<b2b-table-cell
-                  ?divider=${args.withDividers}
-                  align="${args.align}"
-                  text-wrap="${args.textWrap}"
-                  >${data}</b2b-table-cell
-                >`)}
-            <b2b-table-cell
-              ><b2b-button size="50">Action</b2b-button></b2b-table-cell
-            >
-          </b2b-table-row>`;
+              highlight="${args.highlight}"
+              color=${index === 0 ? args.color : 'default'}>
+              ${row.map(data => html `<b2b-table-cell
+                    ?divider=${args.withDividers}
+                    align="${args.align}"
+                    text-wrap="${args.textWrap}"
+                    >${data}</b2b-table-cell
+                  >`)}
+              <b2b-table-cell
+                ><b2b-button size="50">Action</b2b-button></b2b-table-cell
+              >
+            </b2b-table-row>`;
         })}
-      </b2b-table-rowgroup>
-      <b2b-table-rowgroup type="body" accordion opened selectable>
-        ${args.data.rows.map((row, index) => {
+        </b2b-table-rowgroup>
+        <b2b-table-rowgroup type="body" accordion opened selectable>
+          ${args.data.rows.map((row, index) => {
             return html `<b2b-table-row
-            highlight="${args.highlight}"
-            color=${index === 0 ? args.color : 'default'}>
-            ${row.map(data => html `<b2b-table-cell
-                  ?divider=${args.withDividers}
-                  align="${args.align}"
-                  text-wrap="${args.textWrap}"
-                  >${data}</b2b-table-cell
-                >`)}
-            <b2b-table-cell
-              ><b2b-button size="50">Action</b2b-button></b2b-table-cell
-            >
-          </b2b-table-row>`;
+              highlight="${args.highlight}"
+              color=${index === 0 ? args.color : 'default'}>
+              ${row.map(data => html `<b2b-table-cell
+                    ?divider=${args.withDividers}
+                    align="${args.align}"
+                    text-wrap="${args.textWrap}"
+                    >${data}</b2b-table-cell
+                  >`)}
+              <b2b-table-cell
+                ><b2b-button size="50">Action</b2b-button></b2b-table-cell
+              >
+            </b2b-table-row>`;
         })}
-      </b2b-table-rowgroup>
-    </b2b-table>
-  </div>`;
+        </b2b-table-rowgroup>
+      </b2b-table>
+    </div>`;
     },
 };
 export const ColspanTable = {
@@ -345,48 +345,48 @@ export const ColspanTable = {
     render: (_a) => {
         var args = __rest(_a, []);
         return html `<div style="width: 500px">
-    <b2b-table size="${args.size}">
-      <b2b-table-rowgroup type="header" selectable="${args.selectable}">
-        <b2b-table-row>
-          <b2b-table-header divider="${args.withDividers}" colspan="2"
-            >2 Columns</b2b-table-header
-          >
-          <b2b-table-header divider="${args.withDividers}"
-            >1 Column</b2b-table-header
-          >
-          <b2b-table-header>1 Column</b2b-table-header>
-        </b2b-table-row>
-      </b2b-table-rowgroup>
-      <b2b-table-rowgroup type="body" selectable="${args.selectable}">
-        <b2b-table-row>
-          <b2b-table-cell divider="${args.withDividers}"
-            >1 Column</b2b-table-cell
-          >
-          <b2b-table-cell colspan="3">3 Columns</b2b-table-cell>
-        </b2b-table-row>
-        <b2b-table-row>
-          <b2b-table-cell divider="${args.withDividers}"
-            >1 Column</b2b-table-cell
-          >
-          <b2b-table-cell divider="${args.withDividers}"
-            >1 Column</b2b-table-cell
-          >
-          <b2b-table-cell divider="${args.withDividers}"
-            >1 Column</b2b-table-cell
-          >
-          <b2b-table-cell>1 Column</b2b-table-cell>
-        </b2b-table-row>
-        <b2b-table-row>
-          <b2b-table-cell divider="${args.withDividers}" colspan="2"
-            >2 Columns</b2b-table-cell
-          >
-          <b2b-table-cell divider="${args.withDividers}"
-            >1 Column</b2b-table-cell
-          >
-          <b2b-table-cell>1 Column</b2b-table-cell>
-        </b2b-table-row>
-      </b2b-table-rowgroup>
-    </b2b-table>
-  </div>`;
+      <b2b-table size="${args.size}">
+        <b2b-table-rowgroup type="header" selectable="${args.selectable}">
+          <b2b-table-row>
+            <b2b-table-header divider="${args.withDividers}" colspan="2"
+              >2 Columns</b2b-table-header
+            >
+            <b2b-table-header divider="${args.withDividers}"
+              >1 Column</b2b-table-header
+            >
+            <b2b-table-header>1 Column</b2b-table-header>
+          </b2b-table-row>
+        </b2b-table-rowgroup>
+        <b2b-table-rowgroup type="body" selectable="${args.selectable}">
+          <b2b-table-row>
+            <b2b-table-cell divider="${args.withDividers}"
+              >1 Column</b2b-table-cell
+            >
+            <b2b-table-cell colspan="3">3 Columns</b2b-table-cell>
+          </b2b-table-row>
+          <b2b-table-row>
+            <b2b-table-cell divider="${args.withDividers}"
+              >1 Column</b2b-table-cell
+            >
+            <b2b-table-cell divider="${args.withDividers}"
+              >1 Column</b2b-table-cell
+            >
+            <b2b-table-cell divider="${args.withDividers}"
+              >1 Column</b2b-table-cell
+            >
+            <b2b-table-cell>1 Column</b2b-table-cell>
+          </b2b-table-row>
+          <b2b-table-row>
+            <b2b-table-cell divider="${args.withDividers}" colspan="2"
+              >2 Columns</b2b-table-cell
+            >
+            <b2b-table-cell divider="${args.withDividers}"
+              >1 Column</b2b-table-cell
+            >
+            <b2b-table-cell>1 Column</b2b-table-cell>
+          </b2b-table-row>
+        </b2b-table-rowgroup>
+      </b2b-table>
+    </div>`;
     },
 };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:54 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:55 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:54 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:55 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -31,13 +31,13 @@ export class B2bToggleButtonComponent {
         return Array.from(document.querySelectorAll(`b2b-toggle-button[name="${this.name}"]`)).filter((toggle) => toggle.value !== this.value);
     }
     render() {
-        return (h(Host, { key: '5ec7f55c330552dc5b3859504c8a4afc2f151146', onClick: this.onClick }, h("span", { key: '5cfbea13b4535886ea2404aa42e6bc830a149b3c', class: {
+        return (h(Host, { key: '255ef8569e3f8ef1bb9bbb5c48a423dbadcb2f72', onClick: this.onClick }, h("span", { key: '1511b7dc188f7e9285d4d443500b8b0551c7956d', class: {
                 'b2b-toggle-button': true,
                 'b2b-toggle-button--disabled': this.disabled,
-            } }, h("input", { key: 'a88084cc44b80abb06e653afca8c7737f67baf4b', tabindex: 0, class: {
+            } }, h("input", { key: '0cfccff92c1470e2d3e62ee9c09bed049e5ba2f6', tabindex: 0, class: {
                 'b2b-toggle-button__input': true,
                 'b2b-toggle-button__input--disabled': this.disabled,
-            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: 'a5654d8a5c5c9845a7f07fc7dbf994e99a560d82', id: this.name, tabindex: -1, class: {
+            }, "aria-labelledby": this.name, type: "radio", checked: this.checked && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: 'f99e5fce510f5979b5281b24616000d80f80c457', id: this.name, tabindex: -1, class: {
                 'b2b-toggle-button__label': true,
                 'b2b-toggle-button__label--disabled': this.disabled,
                 'b2b-toggle-button__label--checked': this.checked && !this.disabled,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:54 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:55 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -32,11 +32,11 @@ export class B2BToggleChipComponent {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '78c0600467fcbdd43c4709fc8637a845fa0aecc5' }, h("span", { key: 'ee2a356bfe8190eea0e846be6a9a98364b154b2f', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
+        return (h(Host, { key: '3eed467bbc6068073c8bd601115fc54b3b6f3fe0' }, h("span", { key: '4a94f8cb72a4f129df07b39c0676b7a51b309d77', onClick: this.onClick, onKeyDown: this.onKeyDown, class: {
                 'b2b-toggle-chip': true,
-            } }, h("input", { key: '8836fc2cb5439d0567ad554c1e265eabed3aa3df', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
+            } }, h("input", { key: '38d66b138ffc4215fe22d430c3c396f09c763a86', "aria-labelledby": this.name, tabindex: this.disabled ? -1 : 0, class: {
                 'b2b-toggle-chip__input': true,
-            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '52a41c7c1427677ec00818be4c2fdb55bb6f69b1', id: this.name, tabIndex: -1, class: {
+            }, type: "checkbox", checked: this.active && !this.disabled, disabled: this.disabled, name: this.name, value: this.value }), h("label", { key: '3b29bd1cfb6d0387715d8d151f024dc369071a47', id: this.name, tabIndex: -1, class: {
                 'b2b-toggle-chip__label': true,
                 'b2b-toggle-chip__label--active': this.active && !this.disabled,
                 'b2b-toggle-chip__label--disabled': this.disabled,

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

@@ -11,7 +11,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { html } from "lit-html";
-import { getArgTypes } from "../../docs/config/utils";
 const meta = {
     title: 'Components/Interaction/Toggle Chip',
     component: 'b2b-toggle-chip',
@@ -21,7 +20,20 @@ const meta = {
         active: false,
         disabled: false,
     },
-    argTypes: getArgTypes('b2b-toggle-chip'),
+    argTypes: {
+        label: {
+            control: 'text',
+        },
+        name: {
+            control: 'text',
+        },
+        active: {
+            control: 'boolean',
+        },
+        disabled: {
+            control: 'boolean',
+        },
+    },
     render: (_a) => {
         var args = __rest(_a, []);
         return html ` <b2b-toggle-chip

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:54 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:55 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -45,10 +45,10 @@ export class B2BToggleGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'f17d4a01c930847672fe6aa60b50544c3a0fa829' }, h("div", { key: 'd1250e694f9b225886136bd116a4cbd297a1fea5', class: {
+        return (h(Host, { key: '2736df48eff433ad9040e2cad8668b1a08e97c25' }, h("div", { key: '32c10360a73e3c901d4b244ed9584290365b70b1', class: {
                 'b2b-toggle-group': true,
                 'b2b-toggle-group--disabled': this.disabled,
-            } }, h("fieldset", { key: '819b848ed5b3b50bfe840dcdb4caf9a7520f58be' }, h("slot", { key: '6918c86adb990d6300b2327510a27a830d4eab52' })))));
+            } }, h("fieldset", { key: '053f62bdb8a5293b2c5e9f8e55686181726f6870' }, h("slot", { key: 'a25c46e0def62b2bf31228e350eaf2d78580b661' })))));
     }
     static get is() { return "b2b-toggle-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:54 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:55 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

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

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

@@ -25,10 +25,10 @@ const meta = {
     render: (_a) => {
         var args = __rest(_a, []);
         return html `<b2b-toggle-switch
-    label="${args.label}"
-    disabled="${args.disabled}"
-    label-position="${args.labelPosition}"
-    state="${args.state}" />`;
+      label="${args.label}"
+      disabled="${args.disabled}"
+      label-position="${args.labelPosition}"
+      state="${args.state}" />`;
     },
 };
 export default meta;

package/dist/collection/components/tooltip/tooltip.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:54 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -123,7 +123,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 24 Feb 2025 08:17:55 GMT
+ * Generated on Thu, 20 Mar 2025 06:20:36 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -59,13 +59,13 @@ export class B2BTooltipComponent {
         }
     }
     render() {
-        return (h(Host, { key: 'c2efabef717665d8bf057abf1b3cb70f25dc2214', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: 'fd1c3760f32c1592ffbe2429ed1cf5fc67b47285', class: {
+        return (h(Host, { key: 'f9a6137367e0fba411d1fa120da93e9285c17e3b', onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave }, h("span", { key: '22bee575f4c47158cd075c9797ac98c647839d36', class: {
                 [`b2b-tooltip--${this.position}`]: true,
                 'b2b-tooltip__trigger': true,
-            } }, h("slot", { key: '863de460d08adfc78418a213ece987fd05ac7850' }), h("div", { key: '70800804dc8de2e348aa07da04fd7302d944b56f', class: {
+            } }, h("slot", { key: '1cf6cc406c9aa2e214e8243f24ebebd1c740b971' }), h("div", { key: 'ef39ce548f77cc800583a378a604fd63cab6abfe', class: {
                 'b2b-tooltip__content': true,
                 'b2b-tooltip--visible': this.opened,
-            } }, h("slot", { key: '507cbc98868be7121f7604176a77d7b0f819b0a0', name: "content" }, this.content)))));
+            } }, h("slot", { key: '19d707e1d91109773e22aec89fece5604b9f54df', name: "content" }, this.content)))));
     }
     static get is() { return "b2b-tooltip"; }
     static get encapsulation() { return "shadow"; }