@scania/tegel 1.14.0 → 1.15.0-component-versioning-beta.0

package/dist/types/Users/rhyme/projects/scania/tegel/packages/core/.stencil/src/utils/tagNames.d.ts

@@ -0,0 +1,4 @@
+export declare const TAG_NAMES: readonly ["tds-accordion", "tds-badge", "tds-block", "tds-breadcrumbs", "tds-button", "tds-banner", "tds-card", "tds-checkbox", "tds-chip", "tds-datetime", "tds-divider", "tds-dropdown", "tds-footer", "tds-header", "tds-icon", "tds-link", "tds-message", "tds-modal", "tds-popover-canvas", "tds-popover-core", "tds-popover-menu", "tds-radio-button", "tds-side-menu", "tds-slider", "tds-spinner", "tds-stepper", "tds-text-field", "tds-textarea", "tds-toast", "tds-toggle", "tds-tooltip", "tds-accordion-item", "tds-breadcrumb", "tds-dropdown-option", "tds-footer-group", "tds-footer-item", "tds-core-header-item", "tds-header-dropdown", "tds-header-brand-symbol", "tds-header-dropdown-list", "tds-header-dropdown-list-item", "tds-header-hamburger", "tds-header-dropdown-list-user", "tds-header-item", "tds-header-launcher", "tds-header-launcher-button", "tds-header-launcher-grid", "tds-header-launcher-grid-item", "tds-header-launcher-grid-title", "tds-header-launcher-list", "tds-header-launcher-list-item", "tds-header-launcher-list-title", "tds-header-title", "tds-popover-menu-item", "tds-side-menu-dropdown", "tds-side-menu-collapse-button", "tds-side-menu-close-button", "tds-side-menu-dropdown-list", "tds-side-menu-item", "tds-side-menu-dropdown-list-item", "tds-side-menu-overlay", "tds-side-menu-user", "tds-side-menu-user-image", "tds-side-menu-user-label", "tds-step", "tds-table", "tds-table-body", "tds-body-cell", "tds-table-body-input-wrapper", "tds-table-body-row", "tds-table-body-row-expandable", "tds-table-footer", "tds-table-header", "tds-header-cell", "tds-table-header-input-wrapper", "tds-table-toolbar", "tds-folder-tabs", "tds-inline-tabs", "tds-navigation-tabs", "tds-date-picker", "tds-date-range-picker", "tds-folder-tab", "tds-inline-tab", "tds-navigation-tab", "date-picker-day", "date-picker-month", "date-picker-year", "date-range-picker-day"];
+export type TagName = (typeof TAG_NAMES)[number];
+export type TagNameCamelCase = 'tdsAccordion' | 'tdsBadge' | 'tdsBlock' | 'tdsBreadcrumbs' | 'tdsButton' | 'tdsBanner' | 'tdsCard' | 'tdsCheckbox' | 'tdsChip' | 'tdsDatetime' | 'tdsDivider' | 'tdsDropdown' | 'tdsFooter' | 'tdsHeader' | 'tdsIcon' | 'tdsLink' | 'tdsMessage' | 'tdsModal' | 'tdsPopoverCanvas' | 'tdsPopoverCore' | 'tdsPopoverMenu' | 'tdsRadioButton' | 'tdsSideMenu' | 'tdsSlider' | 'tdsSpinner' | 'tdsStepper' | 'tdsTextField' | 'tdsTextarea' | 'tdsToast' | 'tdsToggle' | 'tdsTooltip' | 'tdsAccordionItem' | 'tdsBreadcrumb' | 'tdsDropdownOption' | 'tdsFooterGroup' | 'tdsFooterItem' | 'tdsCoreHeaderItem' | 'tdsHeaderDropdown' | 'tdsHeaderBrandSymbol' | 'tdsHeaderDropdownList' | 'tdsHeaderDropdownListItem' | 'tdsHeaderHamburger' | 'tdsHeaderDropdownListUser' | 'tdsHeaderItem' | 'tdsHeaderLauncher' | 'tdsHeaderLauncherButton' | 'tdsHeaderLauncherGrid' | 'tdsHeaderLauncherGridItem' | 'tdsHeaderLauncherGridTitle' | 'tdsHeaderLauncherList' | 'tdsHeaderLauncherListItem' | 'tdsHeaderLauncherListTitle' | 'tdsHeaderTitle' | 'tdsPopoverMenuItem' | 'tdsSideMenuDropdown' | 'tdsSideMenuCollapseButton' | 'tdsSideMenuCloseButton' | 'tdsSideMenuDropdownList' | 'tdsSideMenuItem' | 'tdsSideMenuDropdownListItem' | 'tdsSideMenuOverlay' | 'tdsSideMenuUser' | 'tdsSideMenuUserImage' | 'tdsSideMenuUserLabel' | 'tdsStep' | 'tdsTable' | 'tdsTableBody' | 'tdsBodyCell' | 'tdsTableBodyInputWrapper' | 'tdsTableBodyRow' | 'tdsTableBodyRowExpandable' | 'tdsTableFooter' | 'tdsTableHeader' | 'tdsHeaderCell' | 'tdsTableHeaderInputWrapper' | 'tdsTableToolbar' | 'tdsFolderTabs' | 'tdsInlineTabs' | 'tdsNavigationTabs' | 'tdsDatePicker' | 'tdsDateRangePicker' | 'tdsFolderTab' | 'tdsInlineTab' | 'tdsNavigationTab' | 'datePickerDay' | 'datePickerMonth' | 'datePickerYear' | 'dateRangePickerDay';
+export declare const INTERNAL_TAG_NAMES: TagName[];

package/dist/types/components/accordion/accordion-item/accordion-item.d.ts

@@ -4,6 +4,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
  * @slot header - Slot for the Accordion Item header.
  */
 export declare class TdsAccordionItem {
+    host: HTMLElement;
     /** The header gives users the context about the additional information available inside the panel */
     header: string;
     /** Changes position of the expand icon. */

package/dist/types/components/card/card.d.ts

@@ -25,6 +25,7 @@ export declare class TdsCard {
     bodyDivider: boolean;
     /** Makes the Card clickable. */
     clickable: boolean;
+    stretch: boolean;
     /** ID for the Card, must be unique.
      *
      * **NOTE**: If you're listening for Card events, you need to set this ID yourself to identify the Card,
@@ -37,6 +38,6 @@ export declare class TdsCard {
     }>;
     handleClick: () => void;
     getCardHeader: () => any;
-    getCardContent: () => any;
+    getCardContent: (prefixedTagNames: any) => any;
     render(): any;
 }

package/dist/types/components/datetime/datetime.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TdsDatetime {
+    host: HTMLElement;
     /** Text-input for focus state */
     textInput?: HTMLInputElement;
     /** Sets an input type */

package/dist/types/components/header/header-launcher-list/header-launcher-list.d.ts

@@ -3,5 +3,6 @@
  */
 export declare class TdsHeaderLauncherList {
     uuid: string;
+    host: HTMLElement;
     render(): any;
 }

package/dist/types/components/header/header-launcher-list-item/header-launcher-list-item.d.ts

@@ -2,5 +2,6 @@
  * @slot <default> - <b>Unnamed slot.</b> For a link or button element.
  */
 export declare class TdsHeaderLauncherListItem {
+    host: HTMLElement;
     render(): any;
 }

package/dist/types/components/message/message.d.ts

@@ -2,6 +2,7 @@
  * @slot <default> - <b>Unnamed slot.</b> For the extended message. Not visible on minimal messages.
  */
 export declare class TdsMessage {
+    host: HTMLElement;
     /** Header text for the component. */
     header: string;
     /** Variant of the component, based on current mode. */

package/dist/types/components/side-menu/side-menu-user/side-menu-user.d.ts

@@ -2,6 +2,7 @@
  * @slot <default> - <b>Unnamed slot.</b> Used as alternative to props to inject <code><img...</code> element directly into the DOM.
  * */
 export declare class TdsSideMenuUser {
+    host: HTMLElement;
     /** The heading text. */
     heading: string;
     /** The subheading text. */

package/dist/types/components/slider/slider.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TdsSlider {
+    host: HTMLElement;
     /** Text for label */
     label: string;
     /** Initial value */

package/dist/types/components/stepper/step/step.d.ts

@@ -3,6 +3,7 @@ import { InternalTdsStepperPropChange } from '../stepper';
  * @slot label - Slot for the label text.
  */
 export declare class TdsStep {
+    host: HTMLElement;
     /** Index of the step. Will be displayed in the step if the state is current/upcoming. */
     index: string;
     /** State of the Step */
@@ -11,7 +12,6 @@ export declare class TdsStep {
     size: 'sm' | 'lg';
     orientation: 'horizontal' | 'vertical';
     labelPosition: 'aside' | 'below';
-    el: HTMLElement;
     private stepperEl;
     private stepperId;
     componentWillLoad(): void;

package/dist/types/components/table/table/table.d.ts

@@ -50,6 +50,7 @@ export declare class TdsTable {
     emitInternalTdsPropChange(changedValueName: keyof Props, changedValue: Props[keyof Props]): void;
     /** Returns all selected rows data. */
     getSelectedRows(): Promise<any[]>;
+    private getStyles;
     multiselectChanged(newValue: boolean): void;
     enableExpandableRowsChanged(newValue: boolean): void;
     compactDesignChanged(newValue: boolean): void;

package/dist/types/components/table/table-footer/table-footer.d.ts

@@ -30,5 +30,6 @@ export declare class TdsTableFooter {
     private previousPage;
     private nextPage;
     private paginationInputChange;
+    private getStyles;
     render(): any;
 }

package/dist/types/components/table/table-header-cell/table-header-cell.d.ts

@@ -58,7 +58,7 @@ export declare class TdsTableHeaderCell {
     componentWillLoad(): void;
     componentWillRender(): void;
     sortButtonClick: () => void;
-    headerCellContent: () => any;
+    headerCellContent: (prefixedTagNames: any) => any;
     onHeadCellHover: (key: any) => void;
     render(): any;
 }

package/dist/types/components/table/table-toolbar/table-toolbar.d.ts

@@ -26,5 +26,6 @@ export declare class TdsTableToolbar {
     connectedCallback(): void;
     componentWillLoad(): void;
     handleSearch(event: any): void;
+    private getStyles;
     render(): any;
 }

package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts

@@ -11,6 +11,8 @@ export declare class TdsInlineTabs {
     /** Sets the selected Tab.
      * If this is set, all Tab changes need to be handled by the user. */
     selectedIndex: number;
+    /** Custom left padding value for the wrapper element. */
+    leftPadding: number;
     showLeftScroll: boolean;
     showRightScroll: boolean;
     private navWrapperElement;
@@ -39,6 +41,7 @@ export declare class TdsInlineTabs {
     private initializeTabs;
     private initializeSelectedTab;
     private updateScrollButtons;
+    private applyCustomLeftPadding;
     private handleSlotChange;
     connectedCallback(): void;
     componentDidLoad(): void;

package/dist/types/components/tabs/navigation-tabs/navigation-tabs.d.ts

@@ -11,6 +11,8 @@ export declare class TdsNavigationTabs {
     /** Sets the selected Tab.
      * If this is set, all Tab changes need to be handled by the user. */
     selectedIndex: number;
+    /** Custom left padding value for the wrapper element. */
+    leftPadding: number;
     showLeftScroll: boolean;
     showRightScroll: boolean;
     private navWrapperElement;
@@ -39,6 +41,7 @@ export declare class TdsNavigationTabs {
     private initializeTabs;
     private initializeSelectedTab;
     private updateScrollButtons;
+    private applyCustomLeftPadding;
     private handleSlotChange;
     connectedCallback(): void;
     componentDidLoad(): void;

package/dist/types/components/textarea/textarea.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TdsTextarea {
+    host: HTMLElement;
     /** Text input for focus state */
     textEl?: HTMLTextAreaElement;
     /** Label text */

package/dist/types/components.d.ts

@@ -197,6 +197,7 @@ export namespace Components {
           * Variant of the Card based on the theme used.
          */
         "modeVariant": 'primary' | 'secondary';
+        "stretch": boolean;
         /**
           * Subheader text in the header
          */
@@ -615,6 +616,10 @@ export namespace Components {
           * Sets the default selected Tab.
          */
         "defaultSelectedIndex": number;
+        /**
+          * Custom left padding value for the wrapper element.
+         */
+        "leftPadding": number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
          */
@@ -726,6 +731,10 @@ export namespace Components {
           * Sets the default selected Tab.
          */
         "defaultSelectedIndex": number;
+        /**
+          * Custom left padding value for the wrapper element.
+         */
+        "leftPadding": number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
          */
@@ -2762,6 +2771,7 @@ declare namespace LocalJSX {
         "onTdsClick"?: (event: TdsCardCustomEvent<{
     cardId: string;
   }>) => void;
+        "stretch"?: boolean;
         /**
           * Subheader text in the header
          */
@@ -3235,6 +3245,10 @@ declare namespace LocalJSX {
           * Sets the default selected Tab.
          */
         "defaultSelectedIndex"?: number;
+        /**
+          * Custom left padding value for the wrapper element.
+         */
+        "leftPadding"?: number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
          */
@@ -3331,6 +3345,10 @@ declare namespace LocalJSX {
           * Sets the default selected Tab.
          */
         "defaultSelectedIndex"?: number;
+        /**
+          * Custom left padding value for the wrapper element.
+         */
+        "leftPadding"?: number;
         /**
           * Variant of the Tabs, primary= on white, secondary= on grey50
          */

package/dist/types/utils/tagName.d.ts

@@ -0,0 +1,5 @@
+export declare const getTagName: (el: HTMLElement) => string;
+export declare const paramCaseToCamelCase: (str: string) => string;
+export declare const getTagNameWithoutPrefix: (host: HTMLElement) => string;
+export type PrefixedTagNames = Record<string, string>;
+export declare const getPrefixedTagNames: (host: HTMLElement) => PrefixedTagNames;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.14.0",
+  "version": "1.15.0-component-versioning-beta.0",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [
@@ -326,14 +326,6 @@
       "import": "./dist/components/tds-table.js",
       "types": "./dist/components/tds-table.d.ts"
     },
-    "./tds-table-body-input-wrapper": {
-      "import": "./dist/components/tds-table-body-input-wrapper.js",
-      "types": "./dist/components/tds-table-body-input-wrapper.d.ts"
-    },
-    "./tds-table-header-input-wrapper": {
-      "import": "./dist/components/tds-table-header-input-wrapper.js",
-      "types": "./dist/components/tds-table-header-input-wrapper.d.ts"
-    },
     "./tds-text-field": {
       "import": "./dist/components/tds-text-field.js",
       "types": "./dist/components/tds-text-field.d.ts"
@@ -372,6 +364,7 @@
     "access": "public"
   },
   "scripts": {
+    "update-readmes": "node ./src/utils/updateReadmes.mjs",
     "build": "stencil build && stencil build --docs",
     "_comment": "Due to stencil bug with types creation, we need to run build two times!",
     "start": "stencil build --dev --watch --serve",

package/dist/components/p-0676aa23.js

@@ -1,76 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as dfs } from './p-52bf0fdf.js';
-import { d as defineCustomElement$1 } from './p-30de8ac4.js';
-
-const headerItemCss = ":host ::slotted(button),:host ::slotted(a){all:unset;box-sizing:border-box;background-color:var(--tds-header-background);border-right:1px solid var(--tds-header--basic-element-border);width:100%;height:100%;cursor:pointer;padding:0 24px;display:flex;align-items:center;gap:8px}:host ::slotted(button) *,:host ::slotted(a) *{box-sizing:border-box}:host ::slotted(button:hover),:host ::slotted(a:hover){background-color:var(--tds-header-item-hover)}:host ::slotted(button:focus-visible),:host ::slotted(a:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component-active ::slotted(button),:host .component-active ::slotted(a){background-color:var(--tds-header--basic-element-background-open);color:var(--tds-header-nav-item-dropdown-opened-color);border-color:var(--tds-header--basic-element-border-open)}:host .component-selected:not(.component-active) ::slotted(button),:host .component-selected:not(.component-active) ::slotted(a){background-color:var(--tds-header--basic-element-background-selected);padding-top:4px;border-bottom-style:solid;border-bottom-width:4px;border-bottom-color:var(--tds-nav-item-border-color-active)}";
-const TdsHeaderItemStyle0 = headerItemCss;
-
-const TdsHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsHeaderItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.active = false;
-        this.selected = false;
-    }
-    updateSlotted(searchPredicate, mutationCallback) {
-        const assignedElements = this.slotEl.assignedElements({ flatten: true });
-        const firstSlottedElement = assignedElements[0];
-        if (firstSlottedElement) {
-            const foundElement = dfs(firstSlottedElement, searchPredicate);
-            if (foundElement) {
-                mutationCallback(foundElement);
-            }
-        }
-    }
-    /**
-     * This function is needed because we can't use CSS selectors to style something in the light dom
-     */
-    updateSlottedElements() {
-        if (this.slotEl) {
-            const isIconOrSvg = (element) => element.tagName.toLowerCase() === 'tds-icon' || element.tagName.toLowerCase() === 'svg';
-            const addIconClass = (element) => element.classList.add('__tds-header-item-icon');
-            this.updateSlotted(isIconOrSvg, addIconClass);
-            const isImage = (element) => element.tagName.toLowerCase() === 'img';
-            const addImageClass = (element) => element.classList.add('__tds-header-item-image');
-            this.updateSlotted(isImage, addImageClass);
-        }
-    }
-    componentDidLoad() {
-        this.slotEl = this.host.shadowRoot.querySelector('slot');
-        this.updateSlottedElements();
-        this.slotEl.addEventListener('slotchange', this.updateSlottedElements);
-    }
-    render() {
-        return (h(Host, { key: 'd5f256a30d131817e23f428b87a3604e2a299ad6' }, h("tds-core-header-item", { key: 'd2dc6486839af96bbd10938bf9e03ff50123da4f', class: {
-                'component-active': this.active,
-                'component-selected': this.selected,
-            } }, h("slot", { key: 'a89a44221fe947e4075e6889ed3e3cf8478f6e96' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsHeaderItemStyle0; }
-}, [1, "tds-header-item", {
-        "active": [4],
-        "selected": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-header-item", "tds-core-header-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-header-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsHeaderItem);
-            }
-            break;
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsHeaderItem as T, defineCustomElement as d };

package/dist/components/p-09d36119.js

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const sideMenuUserLabelCss = ":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}";
-const TdsSideMenuUserLabelStyle0 = sideMenuUserLabelCss;
-
-const TdsSideMenuUserLabel = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuUserLabel extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.heading = undefined;
-        this.subheading = undefined;
-    }
-    render() {
-        return (h(Host, { key: '5b26493d17e356fa885a7b615ed4bda03e751eb6' }, this.heading, this.subheading && h("div", { key: '2dc511289427ef2ea490fec0308119c42956113c', class: "subheading" }, this.subheading)));
-    }
-    static get style() { return TdsSideMenuUserLabelStyle0; }
-}, [1, "tds-side-menu-user-label", {
-        "heading": [1],
-        "subheading": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-user-label"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-user-label":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuUserLabel);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsSideMenuUserLabel as T, defineCustomElement as d };

package/dist/components/p-0c3cab16.js

@@ -1,90 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as dfs } from './p-52bf0fdf.js';
-
-const sideMenuItemCss = ":host{display:block}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;height:68px;width:100%;display:flex;align-items:center;gap:12px;padding:0 24px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);cursor:pointer}:host .component tds-icon{color:red !important}:host .component ::slotted(a:focus-visible),:host .component ::slotted(button:focus-visible){outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .component:hover ::slotted(a),:host .component:hover ::slotted(button){background-color:var(--tds-sidebar-item-state-hover)}:host .component:active ::slotted(a),:host .component:active ::slotted(button){background-color:var(--tds-sidemenu-item-state-active)}:host .component-collapsed ::slotted(a),:host .component-collapsed ::slotted(button){padding:0;display:flex;justify-content:center;align-items:center;position:relative}:host .component-selected:not(:host .component-active) ::slotted(a),:host .component-selected:not(:host .component-active) ::slotted(button){border-left:4px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color);padding-left:20px;background-color:var(--tds-sidebar-item-state-selected)}@media (min-width: 992px){:host .component.component-collapsed ::slotted(a),:host .component.component-collapsed ::slotted(button){color:rgba(90, 90, 90, 0);overflow:hidden}}";
-const TdsSideMenuItemStyle0 = sideMenuItemCss;
-
-const TdsSideMenuItem = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.selected = false;
-        this.active = false;
-        this.collapsed = false;
-    }
-    updateSlotted(searchPredicate, mutationCallback) {
-        const assignedElements = this.slotEl.assignedElements({ flatten: true });
-        const firstSlottedElement = assignedElements[0];
-        if (firstSlottedElement) {
-            const foundElement = dfs(firstSlottedElement, searchPredicate);
-            if (foundElement) {
-                mutationCallback(foundElement);
-            }
-        }
-    }
-    /**
-     * This function is needed because we can't use CSS selectors to style something in the light dom
-     */
-    updateSlottedElements() {
-        if (this.slotEl) {
-            const isIconOrSvg = (element) => element.tagName.toLowerCase() === 'tds-icon' || element.tagName.toLowerCase() === 'svg';
-            const addIconClass = (element) => {
-                element.classList.add('__tds-side-menu-item-icon');
-                if (this.collapsed) {
-                    element.classList.add('__tds-side-menu-item-icon-collapsed');
-                }
-                else {
-                    element.classList.remove('__tds-side-menu-item-icon-collapsed');
-                }
-            };
-            this.updateSlotted(isIconOrSvg, addIconClass);
-        }
-    }
-    connectedCallback() {
-        var _a;
-        // closest() will return null if side-menu-item is inside a shadowRoot that
-        // does not contain a side-menu. This is the case for the side-menu-dropdown.
-        this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = (_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed;
-    }
-    componentDidLoad() {
-        this.slotEl = this.host.shadowRoot.querySelector('slot');
-        this.updateSlottedElements();
-        this.slotEl.addEventListener('slotchange', this.updateSlottedElements);
-    }
-    collapseSideMenuEventHandler(event) {
-        this.collapsed = event.detail.collapsed;
-        this.updateSlottedElements();
-    }
-    render() {
-        return (h(Host, { key: '13d5211709dbda15ce0e398dab7e2677e15d074c' }, h("div", { key: '99cd16c7817451dfbc3e30c59fcb95ebf84c72af', class: {
-                'component': true,
-                'component-selected': this.selected,
-                'component-active': this.active,
-                'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '564c191d1bf54f63fa75c32309cd32392a22dc3a' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsSideMenuItemStyle0; }
-}, [1, "tds-side-menu-item", {
-        "selected": [4],
-        "active": [4],
-        "collapsed": [32]
-    }, [[16, "internalTdsSideMenuPropChange", "collapseSideMenuEventHandler"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuItem);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsSideMenuItem as T, defineCustomElement as d };

package/dist/components/p-30de8ac4.js

@@ -1,32 +0,0 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const coreHeaderItemCss = ":host{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-header-nav-item-color)}:host .item{all:unset;box-sizing:border-box;display:flex;justify-content:center;align-items:center;min-width:var(--tds-header-height);height:var(--tds-header-height);margin:0}:host .item *{box-sizing:border-box}:host slot{white-space:nowrap}:host ::slotted(svg){font-size:20px}";
-const TdsCoreHeaderItemStyle0 = coreHeaderItemCss;
-
-const TdsCoreHeaderItem = /*@__PURE__*/ proxyCustomElement(class TdsCoreHeaderItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h(Host, { key: 'ef3825bce10e5d23e01b4be557014a5c90b8e7de' }, h("div", { key: '134696c5345b16dc15dc1940d7d42066597b3a4e', class: "item" }, h("slot", { key: '9e8fbe10a25cb6005d2ff03ce00adc5c6cdad495' }))));
-    }
-    static get style() { return TdsCoreHeaderItemStyle0; }
-}, [1, "tds-core-header-item"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-core-header-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-core-header-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsCoreHeaderItem);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { TdsCoreHeaderItem as T, defineCustomElement as d };