@scania/tegel 1.58.0 → 1.59.0-header-beta.0

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

@@ -12,6 +12,7 @@ export class TdsTableBodyCell {
         /** Disables internal padding. Useful when passing other components to cell. */
         this.disablePadding = false;
         this.textAlignState = undefined;
+        this.verticalAlignState = undefined;
         this.activeSorting = false;
         this.verticalDividers = false;
         this.compactDesign = false;
@@ -68,8 +69,12 @@ export class TdsTableBodyCell {
         if (this.textAlign) {
             this.textAlignState = this.textAlign;
         }
+        if (this.verticalAlign) {
+            this.verticalAlignState = this.verticalAlign;
+        }
     }
     render() {
+        var _a;
         let paddingStyle = 'var(--tds-spacing-element-16)'; // Default padding
         if (this.disablePadding) {
             paddingStyle = '0';
@@ -79,16 +84,17 @@ export class TdsTableBodyCell {
         }
         const dynamicStyles = {
             textAlign: this.textAlignState,
+            verticalAlign: (_a = this.verticalAlignState) !== null && _a !== void 0 ? _a : 'top',
             // Conditionally set padding style
             padding: paddingStyle,
         };
-        return (h(Host, { key: '2cd26f5d02b28c1ecfdc85449ba9ada8bdf659d1', class: {
+        return (h(Host, { key: '1d2ca4a4c0ddef5b2721e6eae12988375d4a56bc', class: {
                 'tds-table__body-cell': true,
                 'tds-table__body-cell--hover': this.activeSorting,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--no-min-width': this.noMinWidth,
-            } }, h("td", { key: 'b92b6d629c144ec689439501b6d3349c5781addf', style: dynamicStyles, colSpan: this.colSpan, rowSpan: this.rowSpan }, this.cellValue, h("slot", { key: 'eacfe800394785849f4e5460a8590367cd4d9bce' }))));
+            } }, h("td", { key: 'e966ef7c9c5a6dbd41be52c83e1c58185c56cd21', style: dynamicStyles, colSpan: this.colSpan, rowSpan: this.rowSpan }, this.cellValue, h("slot", { key: '04113f8a8b989ffd58b85e4a78c8e23d7da6599e' }))));
     }
     static get is() { return "tds-body-cell"; }
     static get encapsulation() { return "shadow"; }
@@ -188,6 +194,31 @@ export class TdsTableBodyCell {
                 "reflect": true,
                 "attribute": "text-align"
             },
+            "verticalAlign": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "VerticalAlign",
+                    "resolved": "\"bottom\" | \"middle\" | \"top\" | undefined",
+                    "references": {
+                        "VerticalAlign": {
+                            "location": "local",
+                            "path": "/home/runner/work/tegel/tegel/packages/core/src/components/table/table-body-cell/table-body-cell.tsx",
+                            "id": "src/components/table/table-body-cell/table-body-cell.tsx::VerticalAlign"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Setting for vertical alignment in the text of the cells, default value \"top\". Accepted values are \"top\", \"bottom\", \"middle\"."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "vertical-align"
+            },
             "colSpan": {
                 "type": "number",
                 "mutable": false,
@@ -231,6 +262,7 @@ export class TdsTableBodyCell {
     static get states() {
         return {
             "textAlignState": {},
+            "verticalAlignState": {},
             "activeSorting": {},
             "verticalDividers": {},
             "compactDesign": {},

package/dist/collection/tegel-lite/shipped-components.js

@@ -28,10 +28,13 @@ export const SHIPPED_COMPONENTS = [
   'tl-checkbox',
   'tl-divider',
   'tl-footer',
+  'tl-header',
   'tl-icon',
   'tl-link',
   'tl-message',
   'tl-modal',
+  'tl-popover-canvas',
+  'tl-popover-menu',
   'tl-radio-button',
   'tl-text-field',
   'tl-textarea',