@otto-de/b2b-core-components 1.4.0-beta.1 → 1.5.0

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -257,7 +256,7 @@
   user-select: none;
 }
 .b2b-radio span {
-  font-size: var(--b2b-size-copy-75);
+  font-size: var(--b2b-size-copy-50);
   line-height: var(--b2b-size-copy-line-height-75);
   color: var(--b2b-color-grey-300);
   display: block;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -232,7 +231,7 @@
 }
 .b2b-radio-group span {
   display: block;
-  font-size: var(--b2b-size-copy-75);
+  font-size: var(--b2b-size-copy-50);
   color: var(--b2b-color-grey-300);
   line-height: var(--b2b-size-copy-line-height-75);
   margin-top: 1px;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -218,7 +217,7 @@
   width: 24px;
   height: 24px;
   display: inline-flex;
-  padding: 6px;
+  padding: 3px;
   border-radius: 100%;
 }
 ::slotted(*[slot=text]) {

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

@@ -2,11 +2,13 @@ import { h, Host } from '@stencil/core';
 export class RoundedIconComponent {
   constructor() {
     this.color = 'var(--b2b-color-info-50)';
+    this.borderColor = undefined;
     this.contentColor = 'var(--b2b-color-copy-default)';
   }
   render() {
     return (h(Host, null, h("div", { style: {
         ['background-color']: this.color,
+        ['border']: `1px solid ${this.borderColor || this.color}`,
       }, class: {
         'b2b-rounded-icon': true,
       } }, h("div", { style: {
@@ -47,6 +49,23 @@ export class RoundedIconComponent {
         "reflect": false,
         "defaultValue": "'var(--b2b-color-info-50)'"
       },
+      "borderColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "The color of the border of the circle around the icon or text.\nUse any type including hex, rgb or css custom properties\nas long as you pass it as a string"
+        },
+        "attribute": "border-color",
+        "reflect": false
+      },
       "contentColor": {
         "type": "string",
         "mutable": false,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -16,8 +16,13 @@ export class SearchComponent {
     this.disabled = false;
     this.closed = undefined;
   }
+  handleKeyDown(event) {
+    if (event.key === 'Enter') {
+      this.b2bSearch.emit({ searchTerm: this.value });
+    }
+  }
   render() {
-    return (h(Host, null, h("b2b-input-group", { disabled: this.disabled }, h("b2b-input-list", { slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", null)), h("b2b-button", { slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { icon: "b2b_icon-search" })))));
+    return (h(Host, null, h("b2b-input-group", { disabled: this.disabled }, h("b2b-input-list", { slot: "start", value: this.value, placeholder: this.placeholder, optionsList: this.optionsList, "onb2b-input": this.onInput, "onb2b-option-selected": this.onOptionSelected }, h("slot", null)), h("b2b-button", { slot: "end", variant: "primary", onClick: this.onSearchClicked }, h("b2b-icon", { icon: "b2b_icon-search", clickable: true })))));
   }
   static get is() { return "b2b-search"; }
   static get encapsulation() { return "shadow"; }
@@ -123,4 +128,13 @@ export class SearchComponent {
       }];
   }
   static get elementRef() { return "hostElement"; }
+  static get listeners() {
+    return [{
+        "name": "keydown",
+        "method": "handleKeyDown",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }

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

@@ -24,6 +24,7 @@ const Template = ({ placeholder, optionsList, disabled }) => {
   // it also works when the component has the word 'input' in its name
   return html `<div style="width: 300px; display: block">
     <b2b-search
+      contenteditable
       data-testid="search-element"
       disabled=${disabled}
       placeholder="${placeholder}"

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,5 +1,5 @@
 import { h, Host } from '@stencil/core';
-import { ContentAlignment, TableSizes } from '../types';
+import { ContentAlignment, TableSizes, } from '../../../utils/types/table.types';
 export class TableCellComponent {
   constructor() {
     this.expandTextHoverWaitTime = 600;
@@ -78,7 +78,7 @@ export class TableCellComponent {
           "references": {
             "TableSizes": {
               "location": "import",
-              "path": "../types"
+              "path": "../../../utils/types/table.types"
             }
           }
         },
@@ -101,7 +101,7 @@ export class TableCellComponent {
           "references": {
             "ContentAlignment": {
               "location": "import",
-              "path": "../types"
+              "path": "../../../utils/types/table.types"
             }
           }
         },
@@ -142,7 +142,7 @@ export class TableCellComponent {
           "references": {
             "TableColourOptions": {
               "location": "import",
-              "path": "../types"
+              "path": "../../../utils/types/table.types"
             }
           }
         },

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-header/table-header.js

@@ -1,5 +1,5 @@
 import { h, Host, } from '@stencil/core';
-import { TableSortDirections } from '../types';
+import { TableSortDirections } from '../../../utils/types/table.types';
 export class TableHeaderComponent {
   constructor() {
     this.sortIcon = (h("svg", { viewBox: "0 0 24 24", height: "24px", width: "24px", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M19.1831 8.47552L12.8541 2.14703C12.8079 2.10065 12.7524 2.06384 12.6909 2.03839C12.5687 1.98785 12.4313 1.98785 12.3091 2.03839C12.2476 2.06384 12.1921 2.10065 12.1459 2.14703L5.81689 8.47552C5.62158 8.67084 5.62158 8.98724 5.81689 9.18256C6.01221 9.37787 6.32861 9.37787 6.52393 9.18256L12 3.70691V21.4999C12 21.7763 12.2236 21.9999 12.5 21.9999C12.7764 21.9999 13 21.7763 13 21.4999V3.70691L18.4761 9.18256C18.5737 9.28021 18.7017 9.32904 18.8296 9.32904C18.9575 9.32904 19.0854 9.28021 19.1831 9.18256C19.3784 8.98724 19.3784 8.67084 19.1831 8.47552Z" })));
@@ -119,7 +119,7 @@ export class TableHeaderComponent {
           "references": {
             "TableSortDirections": {
               "location": "import",
-              "path": "../types"
+              "path": "../../../utils/types/table.types"
             }
           }
         },
@@ -173,7 +173,7 @@ export class TableHeaderComponent {
           "references": {
             "TableSortDirections": {
               "location": "import",
-              "path": "../types"
+              "path": "../../../utils/types/table.types"
             }
           }
         }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-row/table-row.js

@@ -1,5 +1,5 @@
 import { h, Host, } from '@stencil/core';
-import { TableRowTypes, TableColourOptions, TableSizes } from '../types';
+import { TableRowTypes, TableColourOptions, TableSizes, } from '../../../utils/types/table.types';
 export class TableRowComponent {
   constructor() {
     this.toggleOpen = () => {
@@ -36,7 +36,6 @@ export class TableRowComponent {
     this.b2bOpen.emit(isOpen);
   }
   render() {
-    console.log(this.getRowWidthForEqualSize());
     return (h(Host, { class: {
         'b2b-table-row': true,
         ['b2b-table-row--highlight']: this.highlight,
@@ -89,7 +88,7 @@ export class TableRowComponent {
           "references": {
             "TableColourOptions": {
               "location": "import",
-              "path": "../types"
+              "path": "../../../utils/types/table.types"
             }
           }
         },
@@ -112,7 +111,7 @@ export class TableRowComponent {
           "references": {
             "TableRowTypes": {
               "location": "import",
-              "path": "../types"
+              "path": "../../../utils/types/table.types"
             }
           }
         },

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

package/dist/collection/components/table/table-rowgroup/table-rowgroup.js

@@ -1,5 +1,5 @@
 import { h, Host } from '@stencil/core';
-import { TableRowgroupTypes } from '../types';
+import { TableRowgroupTypes } from '../../../utils/types/table.types';
 export class TableRowgroupComponent {
   constructor() {
     this.getFirstRow = () => {
@@ -95,7 +95,7 @@ export class TableRowgroupComponent {
           "references": {
             "TableRowgroupTypes": {
               "location": "import",
-              "path": "../types"
+              "path": "../../../utils/types/table.types"
             }
           }
         },

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */

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

@@ -1,5 +1,5 @@
 import { h, Host, } from '@stencil/core';
-import { TableSizes, TableSortDirections } from './types';
+import { TableSizes, TableSortDirections } from '../../utils/types/table.types';
 export class TableComponent {
   constructor() {
     this.size = TableSizes.EXPAND;
@@ -66,7 +66,7 @@ export class TableComponent {
           "references": {
             "TableSizes": {
               "location": "import",
-              "path": "./types"
+              "path": "../../utils/types/table.types"
             }
           }
         },

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

@@ -1,7 +1,7 @@
 import { getArgTypes } from '../../docs/config/utils';
 import { html } from 'lit-html';
 import tableDocs from './table.docs.mdx';
-import { ContentAlignment, TableRowgroupTypes, TableSizes } from './types';
+import { ContentAlignment, TableRowgroupTypes, TableSizes, } from '../../utils/types/table.types';
 import { sampleData, smallSampleData, longSampleData, userSampleData, } from './stories.data';
 import { useArgs } from '@storybook/client-api';
 const Template = ({ data, parentWidth, firstColumnWidth, firstRowHeight, size, textWrap, align, highlight, withDividers, color, }) => {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root, :host {
   --b2b-size-200: 5rem; /* 80px */
@@ -76,8 +76,7 @@
   --b2b-size-copy-200: var(--b2b-size-45);
   --b2b-size-copy-125: var(--b2b-size-40);
   --b2b-size-copy-100: var(--b2b-size-35);
-  --b2b-size-copy-75: var(--b2b-size-30);
-  --b2b-size-copy-50: var(--b2b-size-25);
+  --b2b-size-copy-50: var(--b2b-size-30);
   --b2b-size-border-no-radius-bottom: var(--b2b-size-7) var(--b2b-size-7) 0 0;
   --b2b-size-border-no-radius-top: 0 0 var(--b2b-size-7) var(--b2b-size-7);
   --b2b-size-border-no-radius-right: var(--b2b-size-7) 0 0 var(--b2b-size-7);
@@ -123,7 +122,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Mon, 12 Jun 2023 10:01:18 GMT
+ * Generated on Mon, 03 Jul 2023 11:38:27 GMT
  */
 :root [data-theme="dark"] {
   --b2b-size-200: 5rem; /* 80px */
@@ -249,7 +248,7 @@
 }
 :host(.b2b-textarea) span {
   display: block;
-  font-size: var(--b2b-size-copy-75);
+  font-size: var(--b2b-size-copy-50);
   line-height: var(--b2b-size-copy-line-height-75);
   color: var(--b2b-color-grey-300);
 }