npm - @otto-de/b2b-core-components - Versions diffs - 1.23.2 → 1.23.4 - Mend

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

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 (78) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/b2b-grid-col.js CHANGED Viewed

@@ -17,7 +17,7 @@ const B2bGridColumnComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridCol
         this.textAlign = 'left';
     }
     render() {
-        return (h(Host, { key: '84919b56153393d378a29ce84d4048af80a95fea', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: '1fef59961b312a1efdd94488865aa0a436170489' })));
+        return (h(Host, { key: 'd0700384ac12f6b13705e2578ae72a4f8389a4cb', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}`, ['min-width']: '1px' }) }, h("slot", { key: '2e02491bdb05218d40a8f01af1c574c63f795298' })));
     }
     get hostElement() { return this; }
 }, [1, "b2b-grid-col", {

package/dist/components/b2b-grid-row.js CHANGED Viewed

@@ -27,22 +27,22 @@ const B2bGridRowComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridRowCom
             }
         });
         const remainingSpan = 12 - totalSpan;
-        if (remainingSpan == 12) {
-            if (columnsWithoutSpan.length > 0) {
-                columnsWithoutSpan.forEach(column => {
-                    column.setAttribute('span', '1');
-                });
-            }
+        if (remainingSpan == 0) {
+            columnsWithoutSpan.forEach(column => {
+                column.style.width = '100%';
+            });
+            return;
         }
         if (columnsWithoutSpan.length > 0) {
-            const flexPerColumn = ((remainingSpan / 12) * 100) / columnsWithoutSpan.length;
+            const spanPerColumn = Math.floor(remainingSpan / columnsWithoutSpan.length);
             columnsWithoutSpan.forEach(column => {
-                column.style.flex = `${flexPerColumn}%`;
+                column.setAttribute('span', spanPerColumn.toString());
+                column.style.width = `${(spanPerColumn / 12) * 100}%`;
             });
         }
     }
     render() {
-        return (h(Host, { key: '469913a61a9e77d16ef17fd2e7947ab303b50081', style: {
+        return (h(Host, { key: 'f77863071f40aef68345792802a1170b59d6bd30', style: {
                 ['justify-content']: `${this.justify}`,
                 ['gap']: `${this.columnGap}px`,
                 ['margin']: `${this.rowGap}px 0`,
@@ -50,7 +50,7 @@ const B2bGridRowComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridRowCom
                 ['display']: 'flex',
                 ['flex-wrap']: 'wrap',
                 ['box-sizing']: 'border-box',
-            } }, h("slot", { key: 'd3e960866ad5a611b690827bb03ca25caf118bde' })));
+            } }, h("slot", { key: '1cb248539477e9fc94a604e43200aa5e391b3ed7' })));
     }
     get hostElement() { return this; }
 }, [1, "b2b-grid-row", {

package/dist/components/b2b-grid.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const gridCss = ":host(.b2b-grid){width:100%;margin:0 auto;box-sizing:border-box}:host(.b2b-grid-row){display:flex;flex-wrap:wrap}:host(.b2b-grid-col){display:flex;flex-direction:column}.b2b-grid-col>.b2b-grid-row{flex:1}";
+const gridCss = ":host(.b2b-grid){width:100%;margin:0 auto;box-sizing:border-box}:host(.b2b-grid-col){display:flex;flex-direction:column;min-width:0}";
 const B2bGridStyle0 = gridCss;
 const B2bGridComponent = /*@__PURE__*/ proxyCustomElement(class B2bGridComponent extends HTMLElement {

package/dist/custom-elements.json CHANGED Viewed

@@ -783,7 +783,7 @@
       "attributes": [
         {
           "name": "span",
-          "description": "How many columns the width of the col element should be. If not specified, the col will take up all available space in one row. Up to single 12 columns fit in one row."
+          "description": "How many columns the width of the col element should be. If not specified, the col will take up all available space in one row. We recommend explicitly defining the span in scenarios where the distribution of 12 spans across columns is clear. Up to single 12 columns fit in one row."
         },
         {
           "name": "text-align",

package/dist/esm/b2b-grid-col.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const B2bGridColumnComponent = class {
         this.textAlign = 'left';
     }
     render() {
-        return (h(Host, { key: '84919b56153393d378a29ce84d4048af80a95fea', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}` }) }, h("slot", { key: '1fef59961b312a1efdd94488865aa0a436170489' })));
+        return (h(Host, { key: 'd0700384ac12f6b13705e2578ae72a4f8389a4cb', style: Object.assign(Object.assign({}, this.calculateGrowDimension(this.span)), { ['text-align']: `${this.textAlign}`, ['min-width']: '1px' }) }, h("slot", { key: '2e02491bdb05218d40a8f01af1c574c63f795298' })));
     }
     get hostElement() { return getElement(this); }
 };