@scania/tegel-react 1.47.2 → 1.48.0

package/dist/index.js

@@ -1,2 +1,2 @@
-export * from './components/stencil-generated';
+export * from './components/stencil-generated/components';
 export { defineCustomElements } from '@scania/tegel/loader';

package/dist/types/components/stencil-generated/components.d.ts

@@ -0,0 +1,403 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import { type CollapseEvent, type TdsAccordionItemCustomEvent, type TdsBannerCustomEvent, type TdsCardCustomEvent, type TdsCheckboxCustomEvent, type TdsChipCustomEvent, type TdsDatetimeCustomEvent, type TdsDropdownCustomEvent, type TdsDropdownOptionCustomEvent, type TdsFolderTabsCustomEvent, type TdsHeaderCellCustomEvent, type TdsInlineTabsCustomEvent, type TdsModalCustomEvent, type TdsNavigationTabsCustomEvent, type TdsRadioButtonCustomEvent, type TdsSideMenuCollapseButtonCustomEvent, type TdsSideMenuCustomEvent, type TdsSliderCustomEvent, type TdsTableBodyRowCustomEvent, type TdsTableBodyRowExpandableCustomEvent, type TdsTableFooterCustomEvent, type TdsTableHeaderCustomEvent, type TdsTableToolbarCustomEvent, type TdsTextFieldCustomEvent, type TdsTextareaCustomEvent, type TdsToastCustomEvent, type TdsToggleCustomEvent } from "@scania/tegel";
+import { TdsAccordionItem as TdsAccordionItemElement } from "@scania/tegel/dist/components/tds-accordion-item.js";
+import { TdsAccordion as TdsAccordionElement } from "@scania/tegel/dist/components/tds-accordion.js";
+import { TdsBadge as TdsBadgeElement } from "@scania/tegel/dist/components/tds-badge.js";
+import { TdsBanner as TdsBannerElement } from "@scania/tegel/dist/components/tds-banner.js";
+import { TdsBlock as TdsBlockElement } from "@scania/tegel/dist/components/tds-block.js";
+import { TdsBodyCell as TdsBodyCellElement } from "@scania/tegel/dist/components/tds-body-cell.js";
+import { TdsBreadcrumb as TdsBreadcrumbElement } from "@scania/tegel/dist/components/tds-breadcrumb.js";
+import { TdsBreadcrumbs as TdsBreadcrumbsElement } from "@scania/tegel/dist/components/tds-breadcrumbs.js";
+import { TdsButton as TdsButtonElement } from "@scania/tegel/dist/components/tds-button.js";
+import { TdsCard as TdsCardElement } from "@scania/tegel/dist/components/tds-card.js";
+import { TdsCheckbox as TdsCheckboxElement } from "@scania/tegel/dist/components/tds-checkbox.js";
+import { TdsChip as TdsChipElement } from "@scania/tegel/dist/components/tds-chip.js";
+import { TdsCoreHeaderItem as TdsCoreHeaderItemElement } from "@scania/tegel/dist/components/tds-core-header-item.js";
+import { TdsDatetime as TdsDatetimeElement } from "@scania/tegel/dist/components/tds-datetime.js";
+import { TdsDivider as TdsDividerElement } from "@scania/tegel/dist/components/tds-divider.js";
+import { TdsDropdownOption as TdsDropdownOptionElement } from "@scania/tegel/dist/components/tds-dropdown-option.js";
+import { TdsDropdown as TdsDropdownElement } from "@scania/tegel/dist/components/tds-dropdown.js";
+import { TdsFolderTab as TdsFolderTabElement } from "@scania/tegel/dist/components/tds-folder-tab.js";
+import { TdsFolderTabs as TdsFolderTabsElement } from "@scania/tegel/dist/components/tds-folder-tabs.js";
+import { TdsFooterGroup as TdsFooterGroupElement } from "@scania/tegel/dist/components/tds-footer-group.js";
+import { TdsFooterItem as TdsFooterItemElement } from "@scania/tegel/dist/components/tds-footer-item.js";
+import { TdsFooter as TdsFooterElement } from "@scania/tegel/dist/components/tds-footer.js";
+import { TdsHeaderBrandSymbol as TdsHeaderBrandSymbolElement } from "@scania/tegel/dist/components/tds-header-brand-symbol.js";
+import { TdsHeaderCell as TdsHeaderCellElement } from "@scania/tegel/dist/components/tds-header-cell.js";
+import { TdsHeaderDropdownListItem as TdsHeaderDropdownListItemElement } from "@scania/tegel/dist/components/tds-header-dropdown-list-item.js";
+import { TdsHeaderDropdownListUser as TdsHeaderDropdownListUserElement } from "@scania/tegel/dist/components/tds-header-dropdown-list-user.js";
+import { TdsHeaderDropdownList as TdsHeaderDropdownListElement } from "@scania/tegel/dist/components/tds-header-dropdown-list.js";
+import { TdsHeaderDropdown as TdsHeaderDropdownElement } from "@scania/tegel/dist/components/tds-header-dropdown.js";
+import { TdsHeaderHamburger as TdsHeaderHamburgerElement } from "@scania/tegel/dist/components/tds-header-hamburger.js";
+import { TdsHeaderItem as TdsHeaderItemElement } from "@scania/tegel/dist/components/tds-header-item.js";
+import { TdsHeaderLauncherButton as TdsHeaderLauncherButtonElement } from "@scania/tegel/dist/components/tds-header-launcher-button.js";
+import { TdsHeaderLauncherGridItem as TdsHeaderLauncherGridItemElement } from "@scania/tegel/dist/components/tds-header-launcher-grid-item.js";
+import { TdsHeaderLauncherGridTitle as TdsHeaderLauncherGridTitleElement } from "@scania/tegel/dist/components/tds-header-launcher-grid-title.js";
+import { TdsHeaderLauncherGrid as TdsHeaderLauncherGridElement } from "@scania/tegel/dist/components/tds-header-launcher-grid.js";
+import { TdsHeaderLauncherListItem as TdsHeaderLauncherListItemElement } from "@scania/tegel/dist/components/tds-header-launcher-list-item.js";
+import { TdsHeaderLauncherListTitle as TdsHeaderLauncherListTitleElement } from "@scania/tegel/dist/components/tds-header-launcher-list-title.js";
+import { TdsHeaderLauncherList as TdsHeaderLauncherListElement } from "@scania/tegel/dist/components/tds-header-launcher-list.js";
+import { TdsHeaderLauncher as TdsHeaderLauncherElement } from "@scania/tegel/dist/components/tds-header-launcher.js";
+import { TdsHeaderTitle as TdsHeaderTitleElement } from "@scania/tegel/dist/components/tds-header-title.js";
+import { TdsHeader as TdsHeaderElement } from "@scania/tegel/dist/components/tds-header.js";
+import { TdsIcon as TdsIconElement } from "@scania/tegel/dist/components/tds-icon.js";
+import { TdsInlineTab as TdsInlineTabElement } from "@scania/tegel/dist/components/tds-inline-tab.js";
+import { TdsInlineTabs as TdsInlineTabsElement } from "@scania/tegel/dist/components/tds-inline-tabs.js";
+import { TdsLink as TdsLinkElement } from "@scania/tegel/dist/components/tds-link.js";
+import { TdsMessage as TdsMessageElement } from "@scania/tegel/dist/components/tds-message.js";
+import { TdsModal as TdsModalElement } from "@scania/tegel/dist/components/tds-modal.js";
+import { TdsNavigationTab as TdsNavigationTabElement } from "@scania/tegel/dist/components/tds-navigation-tab.js";
+import { TdsNavigationTabs as TdsNavigationTabsElement } from "@scania/tegel/dist/components/tds-navigation-tabs.js";
+import { TdsPopoverCanvas as TdsPopoverCanvasElement } from "@scania/tegel/dist/components/tds-popover-canvas.js";
+import { TdsPopoverCore as TdsPopoverCoreElement } from "@scania/tegel/dist/components/tds-popover-core.js";
+import { TdsPopoverMenuItem as TdsPopoverMenuItemElement } from "@scania/tegel/dist/components/tds-popover-menu-item.js";
+import { TdsPopoverMenu as TdsPopoverMenuElement } from "@scania/tegel/dist/components/tds-popover-menu.js";
+import { TdsRadioButton as TdsRadioButtonElement } from "@scania/tegel/dist/components/tds-radio-button.js";
+import { TdsSideMenuCloseButton as TdsSideMenuCloseButtonElement } from "@scania/tegel/dist/components/tds-side-menu-close-button.js";
+import { TdsSideMenuCollapseButton as TdsSideMenuCollapseButtonElement } from "@scania/tegel/dist/components/tds-side-menu-collapse-button.js";
+import { TdsSideMenuDropdownListItem as TdsSideMenuDropdownListItemElement } from "@scania/tegel/dist/components/tds-side-menu-dropdown-list-item.js";
+import { TdsSideMenuDropdownList as TdsSideMenuDropdownListElement } from "@scania/tegel/dist/components/tds-side-menu-dropdown-list.js";
+import { TdsSideMenuDropdown as TdsSideMenuDropdownElement } from "@scania/tegel/dist/components/tds-side-menu-dropdown.js";
+import { TdsSideMenuItem as TdsSideMenuItemElement } from "@scania/tegel/dist/components/tds-side-menu-item.js";
+import { TdsSideMenuOverlay as TdsSideMenuOverlayElement } from "@scania/tegel/dist/components/tds-side-menu-overlay.js";
+import { TdsSideMenuUserImage as TdsSideMenuUserImageElement } from "@scania/tegel/dist/components/tds-side-menu-user-image.js";
+import { TdsSideMenuUserLabel as TdsSideMenuUserLabelElement } from "@scania/tegel/dist/components/tds-side-menu-user-label.js";
+import { TdsSideMenuUser as TdsSideMenuUserElement } from "@scania/tegel/dist/components/tds-side-menu-user.js";
+import { TdsSideMenu as TdsSideMenuElement } from "@scania/tegel/dist/components/tds-side-menu.js";
+import { TdsSlider as TdsSliderElement } from "@scania/tegel/dist/components/tds-slider.js";
+import { TdsSpinner as TdsSpinnerElement } from "@scania/tegel/dist/components/tds-spinner.js";
+import { TdsStep as TdsStepElement } from "@scania/tegel/dist/components/tds-step.js";
+import { TdsStepper as TdsStepperElement } from "@scania/tegel/dist/components/tds-stepper.js";
+import { TdsTableBodyInputWrapper as TdsTableBodyInputWrapperElement } from "@scania/tegel/dist/components/tds-table-body-input-wrapper.js";
+import { TdsTableBodyRowExpandable as TdsTableBodyRowExpandableElement } from "@scania/tegel/dist/components/tds-table-body-row-expandable.js";
+import { TdsTableBodyRow as TdsTableBodyRowElement } from "@scania/tegel/dist/components/tds-table-body-row.js";
+import { TdsTableBody as TdsTableBodyElement } from "@scania/tegel/dist/components/tds-table-body.js";
+import { TdsTableFooter as TdsTableFooterElement } from "@scania/tegel/dist/components/tds-table-footer.js";
+import { TdsTableHeaderInputWrapper as TdsTableHeaderInputWrapperElement } from "@scania/tegel/dist/components/tds-table-header-input-wrapper.js";
+import { TdsTableHeader as TdsTableHeaderElement } from "@scania/tegel/dist/components/tds-table-header.js";
+import { TdsTableToolbar as TdsTableToolbarElement } from "@scania/tegel/dist/components/tds-table-toolbar.js";
+import { TdsTable as TdsTableElement } from "@scania/tegel/dist/components/tds-table.js";
+import { TdsTag as TdsTagElement } from "@scania/tegel/dist/components/tds-tag.js";
+import { TdsTextField as TdsTextFieldElement } from "@scania/tegel/dist/components/tds-text-field.js";
+import { TdsTextarea as TdsTextareaElement } from "@scania/tegel/dist/components/tds-textarea.js";
+import { TdsToast as TdsToastElement } from "@scania/tegel/dist/components/tds-toast.js";
+import { TdsToggle as TdsToggleElement } from "@scania/tegel/dist/components/tds-toggle.js";
+import { TdsTooltip as TdsTooltipElement } from "@scania/tegel/dist/components/tds-tooltip.js";
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+export type TdsAccordionEvents = NonNullable<unknown>;
+export declare const TdsAccordion: StencilReactComponent<TdsAccordionElement, TdsAccordionEvents>;
+export type TdsAccordionItemEvents = {
+    onTdsToggle: EventName<TdsAccordionItemCustomEvent<{
+        expanded: boolean;
+    }>>;
+};
+export declare const TdsAccordionItem: StencilReactComponent<TdsAccordionItemElement, TdsAccordionItemEvents>;
+export type TdsBadgeEvents = NonNullable<unknown>;
+export declare const TdsBadge: StencilReactComponent<TdsBadgeElement, TdsBadgeEvents>;
+export type TdsBannerEvents = {
+    onTdsClose: EventName<TdsBannerCustomEvent<{
+        bannerId: string;
+    }>>;
+};
+export declare const TdsBanner: StencilReactComponent<TdsBannerElement, TdsBannerEvents>;
+export type TdsBlockEvents = NonNullable<unknown>;
+export declare const TdsBlock: StencilReactComponent<TdsBlockElement, TdsBlockEvents>;
+export type TdsBodyCellEvents = NonNullable<unknown>;
+export declare const TdsBodyCell: StencilReactComponent<TdsBodyCellElement, TdsBodyCellEvents>;
+export type TdsBreadcrumbEvents = NonNullable<unknown>;
+export declare const TdsBreadcrumb: StencilReactComponent<TdsBreadcrumbElement, TdsBreadcrumbEvents>;
+export type TdsBreadcrumbsEvents = NonNullable<unknown>;
+export declare const TdsBreadcrumbs: StencilReactComponent<TdsBreadcrumbsElement, TdsBreadcrumbsEvents>;
+export type TdsButtonEvents = NonNullable<unknown>;
+export declare const TdsButton: StencilReactComponent<TdsButtonElement, TdsButtonEvents>;
+export type TdsCardEvents = {
+    onTdsClick: EventName<TdsCardCustomEvent<{
+        cardId: string;
+    }>>;
+};
+export declare const TdsCard: StencilReactComponent<TdsCardElement, TdsCardEvents>;
+export type TdsCheckboxEvents = {
+    onTdsChange: EventName<TdsCheckboxCustomEvent<{
+        checkboxId: string;
+        checked: boolean;
+        indeterminate: boolean;
+        value?: string;
+    }>>;
+    onTdsFocus: EventName<TdsCheckboxCustomEvent<FocusEvent>>;
+    onTdsBlur: EventName<TdsCheckboxCustomEvent<FocusEvent>>;
+};
+export declare const TdsCheckbox: StencilReactComponent<TdsCheckboxElement, TdsCheckboxEvents>;
+export type TdsChipEvents = {
+    onTdsChange: EventName<TdsChipCustomEvent<{
+        chipId: string;
+        value: string | undefined;
+        checked?: boolean;
+    }>>;
+    onTdsClick: EventName<TdsChipCustomEvent<{
+        chipId: string;
+    }>>;
+};
+export declare const TdsChip: StencilReactComponent<TdsChipElement, TdsChipEvents>;
+export type TdsCoreHeaderItemEvents = NonNullable<unknown>;
+export declare const TdsCoreHeaderItem: StencilReactComponent<TdsCoreHeaderItemElement, TdsCoreHeaderItemEvents>;
+export type TdsDatetimeEvents = {
+    onTdsChange: EventName<TdsDatetimeCustomEvent<any>>;
+    onTdsBlur: EventName<TdsDatetimeCustomEvent<FocusEvent>>;
+    onTdsFocus: EventName<TdsDatetimeCustomEvent<FocusEvent>>;
+    onTdsInput: EventName<TdsDatetimeCustomEvent<InputEvent>>;
+};
+export declare const TdsDatetime: StencilReactComponent<TdsDatetimeElement, TdsDatetimeEvents>;
+export type TdsDividerEvents = NonNullable<unknown>;
+export declare const TdsDivider: StencilReactComponent<TdsDividerElement, TdsDividerEvents>;
+export type TdsDropdownEvents = {
+    onTdsChange: EventName<TdsDropdownCustomEvent<{
+        name: string | undefined;
+        value: string | null;
+    }>>;
+    onTdsFocus: EventName<TdsDropdownCustomEvent<FocusEvent>>;
+    onTdsBlur: EventName<TdsDropdownCustomEvent<FocusEvent>>;
+    onTdsInput: EventName<TdsDropdownCustomEvent<InputEvent>>;
+    onTdsClear: EventName<TdsDropdownCustomEvent<{
+        clearedValue: string;
+    }>>;
+};
+export declare const TdsDropdown: StencilReactComponent<TdsDropdownElement, TdsDropdownEvents>;
+export type TdsDropdownOptionEvents = {
+    onTdsSelect: EventName<TdsDropdownOptionCustomEvent<{
+        selected: boolean;
+        value: string;
+    }>>;
+    onTdsFocus: EventName<TdsDropdownOptionCustomEvent<FocusEvent>>;
+    onTdsBlur: EventName<TdsDropdownOptionCustomEvent<FocusEvent>>;
+};
+export declare const TdsDropdownOption: StencilReactComponent<TdsDropdownOptionElement, TdsDropdownOptionEvents>;
+export type TdsFolderTabEvents = NonNullable<unknown>;
+export declare const TdsFolderTab: StencilReactComponent<TdsFolderTabElement, TdsFolderTabEvents>;
+export type TdsFolderTabsEvents = {
+    onTdsChange: EventName<TdsFolderTabsCustomEvent<{
+        selectedTabIndex: number;
+    }>>;
+};
+export declare const TdsFolderTabs: StencilReactComponent<TdsFolderTabsElement, TdsFolderTabsEvents>;
+export type TdsFooterEvents = NonNullable<unknown>;
+export declare const TdsFooter: StencilReactComponent<TdsFooterElement, TdsFooterEvents>;
+export type TdsFooterGroupEvents = NonNullable<unknown>;
+export declare const TdsFooterGroup: StencilReactComponent<TdsFooterGroupElement, TdsFooterGroupEvents>;
+export type TdsFooterItemEvents = NonNullable<unknown>;
+export declare const TdsFooterItem: StencilReactComponent<TdsFooterItemElement, TdsFooterItemEvents>;
+export type TdsHeaderEvents = NonNullable<unknown>;
+export declare const TdsHeader: StencilReactComponent<TdsHeaderElement, TdsHeaderEvents>;
+export type TdsHeaderBrandSymbolEvents = NonNullable<unknown>;
+export declare const TdsHeaderBrandSymbol: StencilReactComponent<TdsHeaderBrandSymbolElement, TdsHeaderBrandSymbolEvents>;
+export type TdsHeaderCellEvents = {
+    onTdsSort: EventName<TdsHeaderCellCustomEvent<{
+        tableId: string | undefined;
+        columnKey: string | undefined;
+        sortingDirection: 'asc' | 'desc';
+    }>>;
+};
+export declare const TdsHeaderCell: StencilReactComponent<TdsHeaderCellElement, TdsHeaderCellEvents>;
+export type TdsHeaderDropdownEvents = NonNullable<unknown>;
+export declare const TdsHeaderDropdown: StencilReactComponent<TdsHeaderDropdownElement, TdsHeaderDropdownEvents>;
+export type TdsHeaderDropdownListEvents = NonNullable<unknown>;
+export declare const TdsHeaderDropdownList: StencilReactComponent<TdsHeaderDropdownListElement, TdsHeaderDropdownListEvents>;
+export type TdsHeaderDropdownListItemEvents = NonNullable<unknown>;
+export declare const TdsHeaderDropdownListItem: StencilReactComponent<TdsHeaderDropdownListItemElement, TdsHeaderDropdownListItemEvents>;
+export type TdsHeaderDropdownListUserEvents = NonNullable<unknown>;
+export declare const TdsHeaderDropdownListUser: StencilReactComponent<TdsHeaderDropdownListUserElement, TdsHeaderDropdownListUserEvents>;
+export type TdsHeaderHamburgerEvents = NonNullable<unknown>;
+export declare const TdsHeaderHamburger: StencilReactComponent<TdsHeaderHamburgerElement, TdsHeaderHamburgerEvents>;
+export type TdsHeaderItemEvents = NonNullable<unknown>;
+export declare const TdsHeaderItem: StencilReactComponent<TdsHeaderItemElement, TdsHeaderItemEvents>;
+export type TdsHeaderLauncherEvents = NonNullable<unknown>;
+export declare const TdsHeaderLauncher: StencilReactComponent<TdsHeaderLauncherElement, TdsHeaderLauncherEvents>;
+export type TdsHeaderLauncherButtonEvents = NonNullable<unknown>;
+export declare const TdsHeaderLauncherButton: StencilReactComponent<TdsHeaderLauncherButtonElement, TdsHeaderLauncherButtonEvents>;
+export type TdsHeaderLauncherGridEvents = NonNullable<unknown>;
+export declare const TdsHeaderLauncherGrid: StencilReactComponent<TdsHeaderLauncherGridElement, TdsHeaderLauncherGridEvents>;
+export type TdsHeaderLauncherGridItemEvents = NonNullable<unknown>;
+export declare const TdsHeaderLauncherGridItem: StencilReactComponent<TdsHeaderLauncherGridItemElement, TdsHeaderLauncherGridItemEvents>;
+export type TdsHeaderLauncherGridTitleEvents = NonNullable<unknown>;
+export declare const TdsHeaderLauncherGridTitle: StencilReactComponent<TdsHeaderLauncherGridTitleElement, TdsHeaderLauncherGridTitleEvents>;
+export type TdsHeaderLauncherListEvents = NonNullable<unknown>;
+export declare const TdsHeaderLauncherList: StencilReactComponent<TdsHeaderLauncherListElement, TdsHeaderLauncherListEvents>;
+export type TdsHeaderLauncherListItemEvents = NonNullable<unknown>;
+export declare const TdsHeaderLauncherListItem: StencilReactComponent<TdsHeaderLauncherListItemElement, TdsHeaderLauncherListItemEvents>;
+export type TdsHeaderLauncherListTitleEvents = NonNullable<unknown>;
+export declare const TdsHeaderLauncherListTitle: StencilReactComponent<TdsHeaderLauncherListTitleElement, TdsHeaderLauncherListTitleEvents>;
+export type TdsHeaderTitleEvents = NonNullable<unknown>;
+export declare const TdsHeaderTitle: StencilReactComponent<TdsHeaderTitleElement, TdsHeaderTitleEvents>;
+export type TdsIconEvents = NonNullable<unknown>;
+export declare const TdsIcon: StencilReactComponent<TdsIconElement, TdsIconEvents>;
+export type TdsInlineTabEvents = NonNullable<unknown>;
+export declare const TdsInlineTab: StencilReactComponent<TdsInlineTabElement, TdsInlineTabEvents>;
+export type TdsInlineTabsEvents = {
+    onTdsChange: EventName<TdsInlineTabsCustomEvent<{
+        selectedTabIndex: number;
+    }>>;
+};
+export declare const TdsInlineTabs: StencilReactComponent<TdsInlineTabsElement, TdsInlineTabsEvents>;
+export type TdsLinkEvents = NonNullable<unknown>;
+export declare const TdsLink: StencilReactComponent<TdsLinkElement, TdsLinkEvents>;
+export type TdsMessageEvents = NonNullable<unknown>;
+export declare const TdsMessage: StencilReactComponent<TdsMessageElement, TdsMessageEvents>;
+export type TdsModalEvents = {
+    onTdsClose: EventName<TdsModalCustomEvent<object>>;
+    onTdsOpen: EventName<TdsModalCustomEvent<void>>;
+};
+export declare const TdsModal: StencilReactComponent<TdsModalElement, TdsModalEvents>;
+export type TdsNavigationTabEvents = NonNullable<unknown>;
+export declare const TdsNavigationTab: StencilReactComponent<TdsNavigationTabElement, TdsNavigationTabEvents>;
+export type TdsNavigationTabsEvents = {
+    onTdsChange: EventName<TdsNavigationTabsCustomEvent<{
+        selectedTabIndex: number;
+    }>>;
+};
+export declare const TdsNavigationTabs: StencilReactComponent<TdsNavigationTabsElement, TdsNavigationTabsEvents>;
+export type TdsPopoverCanvasEvents = NonNullable<unknown>;
+export declare const TdsPopoverCanvas: StencilReactComponent<TdsPopoverCanvasElement, TdsPopoverCanvasEvents>;
+export type TdsPopoverCoreEvents = NonNullable<unknown>;
+export declare const TdsPopoverCore: StencilReactComponent<TdsPopoverCoreElement, TdsPopoverCoreEvents>;
+export type TdsPopoverMenuEvents = NonNullable<unknown>;
+export declare const TdsPopoverMenu: StencilReactComponent<TdsPopoverMenuElement, TdsPopoverMenuEvents>;
+export type TdsPopoverMenuItemEvents = NonNullable<unknown>;
+export declare const TdsPopoverMenuItem: StencilReactComponent<TdsPopoverMenuItemElement, TdsPopoverMenuItemEvents>;
+export type TdsRadioButtonEvents = {
+    onTdsChange: EventName<TdsRadioButtonCustomEvent<{
+        radioId: string;
+        value: string | undefined;
+    }>>;
+};
+export declare const TdsRadioButton: StencilReactComponent<TdsRadioButtonElement, TdsRadioButtonEvents>;
+export type TdsSideMenuEvents = {
+    onTdsCollapse: EventName<TdsSideMenuCustomEvent<CollapseEvent>>;
+};
+export declare const TdsSideMenu: StencilReactComponent<TdsSideMenuElement, TdsSideMenuEvents>;
+export type TdsSideMenuCloseButtonEvents = NonNullable<unknown>;
+export declare const TdsSideMenuCloseButton: StencilReactComponent<TdsSideMenuCloseButtonElement, TdsSideMenuCloseButtonEvents>;
+export type TdsSideMenuCollapseButtonEvents = {
+    onTdsCollapse: EventName<TdsSideMenuCollapseButtonCustomEvent<CollapseEvent>>;
+};
+export declare const TdsSideMenuCollapseButton: StencilReactComponent<TdsSideMenuCollapseButtonElement, TdsSideMenuCollapseButtonEvents>;
+export type TdsSideMenuDropdownEvents = NonNullable<unknown>;
+export declare const TdsSideMenuDropdown: StencilReactComponent<TdsSideMenuDropdownElement, TdsSideMenuDropdownEvents>;
+export type TdsSideMenuDropdownListEvents = NonNullable<unknown>;
+export declare const TdsSideMenuDropdownList: StencilReactComponent<TdsSideMenuDropdownListElement, TdsSideMenuDropdownListEvents>;
+export type TdsSideMenuDropdownListItemEvents = NonNullable<unknown>;
+export declare const TdsSideMenuDropdownListItem: StencilReactComponent<TdsSideMenuDropdownListItemElement, TdsSideMenuDropdownListItemEvents>;
+export type TdsSideMenuItemEvents = NonNullable<unknown>;
+export declare const TdsSideMenuItem: StencilReactComponent<TdsSideMenuItemElement, TdsSideMenuItemEvents>;
+export type TdsSideMenuOverlayEvents = NonNullable<unknown>;
+export declare const TdsSideMenuOverlay: StencilReactComponent<TdsSideMenuOverlayElement, TdsSideMenuOverlayEvents>;
+export type TdsSideMenuUserEvents = NonNullable<unknown>;
+export declare const TdsSideMenuUser: StencilReactComponent<TdsSideMenuUserElement, TdsSideMenuUserEvents>;
+export type TdsSideMenuUserImageEvents = NonNullable<unknown>;
+export declare const TdsSideMenuUserImage: StencilReactComponent<TdsSideMenuUserImageElement, TdsSideMenuUserImageEvents>;
+export type TdsSideMenuUserLabelEvents = NonNullable<unknown>;
+export declare const TdsSideMenuUserLabel: StencilReactComponent<TdsSideMenuUserLabelElement, TdsSideMenuUserLabelEvents>;
+export type TdsSliderEvents = {
+    onTdsChange: EventName<TdsSliderCustomEvent<{
+        value: string;
+    }>>;
+    onTdsInput: EventName<TdsSliderCustomEvent<{
+        value: string;
+    }>>;
+};
+export declare const TdsSlider: StencilReactComponent<TdsSliderElement, TdsSliderEvents>;
+export type TdsSpinnerEvents = NonNullable<unknown>;
+export declare const TdsSpinner: StencilReactComponent<TdsSpinnerElement, TdsSpinnerEvents>;
+export type TdsStepEvents = NonNullable<unknown>;
+export declare const TdsStep: StencilReactComponent<TdsStepElement, TdsStepEvents>;
+export type TdsStepperEvents = NonNullable<unknown>;
+export declare const TdsStepper: StencilReactComponent<TdsStepperElement, TdsStepperEvents>;
+export type TdsTableEvents = NonNullable<unknown>;
+export declare const TdsTable: StencilReactComponent<TdsTableElement, TdsTableEvents>;
+export type TdsTableBodyEvents = NonNullable<unknown>;
+export declare const TdsTableBody: StencilReactComponent<TdsTableBodyElement, TdsTableBodyEvents>;
+export type TdsTableBodyInputWrapperEvents = NonNullable<unknown>;
+export declare const TdsTableBodyInputWrapper: StencilReactComponent<TdsTableBodyInputWrapperElement, TdsTableBodyInputWrapperEvents>;
+export type TdsTableBodyRowEvents = {
+    onTdsSelect: EventName<TdsTableBodyRowCustomEvent<{
+        tableId: string | undefined;
+        checked: boolean;
+        selectedRows: object[] | undefined;
+    }>>;
+    onTdsClick: EventName<TdsTableBodyRowCustomEvent<{
+        event: MouseEvent;
+        tableId: string | undefined;
+        rowIndex: number;
+    }>>;
+};
+export declare const TdsTableBodyRow: StencilReactComponent<TdsTableBodyRowElement, TdsTableBodyRowEvents>;
+export type TdsTableBodyRowExpandableEvents = {
+    onTdsChange: EventName<TdsTableBodyRowExpandableCustomEvent<{
+        rowId: string;
+        isExpanded: boolean;
+        tableId: string | undefined;
+    }>>;
+};
+export declare const TdsTableBodyRowExpandable: StencilReactComponent<TdsTableBodyRowExpandableElement, TdsTableBodyRowExpandableEvents>;
+export type TdsTableFooterEvents = {
+    onTdsPagination: EventName<TdsTableFooterCustomEvent<{
+        tableId: string | undefined;
+        paginationValue: number;
+        rowsPerPage?: number;
+    }>>;
+};
+export declare const TdsTableFooter: StencilReactComponent<TdsTableFooterElement, TdsTableFooterEvents>;
+export type TdsTableHeaderEvents = {
+    onTdsSelectAll: EventName<TdsTableHeaderCustomEvent<{
+        tableId: string | undefined;
+        checked: boolean;
+        selectedRows: object[] | undefined;
+    }>>;
+};
+export declare const TdsTableHeader: StencilReactComponent<TdsTableHeaderElement, TdsTableHeaderEvents>;
+export type TdsTableHeaderInputWrapperEvents = NonNullable<unknown>;
+export declare const TdsTableHeaderInputWrapper: StencilReactComponent<TdsTableHeaderInputWrapperElement, TdsTableHeaderInputWrapperEvents>;
+export type TdsTableToolbarEvents = {
+    onTdsFilter: EventName<TdsTableToolbarCustomEvent<{
+        tableId: string | undefined;
+        query: string;
+    }>>;
+};
+export declare const TdsTableToolbar: StencilReactComponent<TdsTableToolbarElement, TdsTableToolbarEvents>;
+export type TdsTagEvents = NonNullable<unknown>;
+export declare const TdsTag: StencilReactComponent<TdsTagElement, TdsTagEvents>;
+export type TdsTextFieldEvents = {
+    onTdsChange: EventName<TdsTextFieldCustomEvent<any>>;
+    onTdsInput: EventName<TdsTextFieldCustomEvent<InputEvent>>;
+    onTdsFocus: EventName<TdsTextFieldCustomEvent<FocusEvent>>;
+    onTdsBlur: EventName<TdsTextFieldCustomEvent<FocusEvent>>;
+    onTdsError: EventName<TdsTextFieldCustomEvent<{
+        originalValue: string;
+        clampedValue: string;
+        reason: 'min' | 'max';
+    }>>;
+};
+export declare const TdsTextField: StencilReactComponent<TdsTextFieldElement, TdsTextFieldEvents>;
+export type TdsTextareaEvents = {
+    onTdsChange: EventName<TdsTextareaCustomEvent<any>>;
+    onTdsBlur: EventName<TdsTextareaCustomEvent<FocusEvent>>;
+    onTdsInput: EventName<TdsTextareaCustomEvent<InputEvent>>;
+    onTdsFocus: EventName<TdsTextareaCustomEvent<FocusEvent>>;
+};
+export declare const TdsTextarea: StencilReactComponent<TdsTextareaElement, TdsTextareaEvents>;
+export type TdsToastEvents = {
+    onTdsClose: EventName<TdsToastCustomEvent<{
+        toastId: string;
+    }>>;
+};
+export declare const TdsToast: StencilReactComponent<TdsToastElement, TdsToastEvents>;
+export type TdsToggleEvents = {
+    onTdsToggle: EventName<TdsToggleCustomEvent<{
+        toggleId: string;
+        checked: boolean;
+    }>>;
+};
+export declare const TdsToggle: StencilReactComponent<TdsToggleElement, TdsToggleEvents>;
+export type TdsTooltipEvents = NonNullable<unknown>;
+export declare const TdsTooltip: StencilReactComponent<TdsTooltipElement, TdsTooltipEvents>;

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export * from './components/stencil-generated';
+export * from './components/stencil-generated/components';
 export { defineCustomElements } from '@scania/tegel/loader';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel-react",
-  "version": "1.47.2",
+  "version": "1.48.0",
   "description": "React wrappers for Tegel package",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -27,7 +27,8 @@
   },
   "homepage": "https://github.com/scania-digital-design-system/tegel#readme",
   "dependencies": {
-    "@scania/tegel": "^1.47.2"
+    "@scania/tegel": "^1.48.0",
+    "@stencil/react-output-target": "1.3.0"
   },
   "devDependencies": {
     "@types/node": "^22.10.7",

package/dist/components/stencil-generated/index.js

@@ -1,87 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-import { createReactComponent } from './react-component-lib';
-export const TdsAccordion = /*@__PURE__*/ createReactComponent('tds-accordion');
-export const TdsAccordionItem = /*@__PURE__*/ createReactComponent('tds-accordion-item');
-export const TdsBadge = /*@__PURE__*/ createReactComponent('tds-badge');
-export const TdsBanner = /*@__PURE__*/ createReactComponent('tds-banner');
-export const TdsBlock = /*@__PURE__*/ createReactComponent('tds-block');
-export const TdsBodyCell = /*@__PURE__*/ createReactComponent('tds-body-cell');
-export const TdsBreadcrumb = /*@__PURE__*/ createReactComponent('tds-breadcrumb');
-export const TdsBreadcrumbs = /*@__PURE__*/ createReactComponent('tds-breadcrumbs');
-export const TdsButton = /*@__PURE__*/ createReactComponent('tds-button');
-export const TdsCard = /*@__PURE__*/ createReactComponent('tds-card');
-export const TdsCheckbox = /*@__PURE__*/ createReactComponent('tds-checkbox');
-export const TdsChip = /*@__PURE__*/ createReactComponent('tds-chip');
-export const TdsCoreHeaderItem = /*@__PURE__*/ createReactComponent('tds-core-header-item');
-export const TdsDatetime = /*@__PURE__*/ createReactComponent('tds-datetime');
-export const TdsDivider = /*@__PURE__*/ createReactComponent('tds-divider');
-export const TdsDropdown = /*@__PURE__*/ createReactComponent('tds-dropdown');
-export const TdsDropdownOption = /*@__PURE__*/ createReactComponent('tds-dropdown-option');
-export const TdsFolderTab = /*@__PURE__*/ createReactComponent('tds-folder-tab');
-export const TdsFolderTabs = /*@__PURE__*/ createReactComponent('tds-folder-tabs');
-export const TdsFooter = /*@__PURE__*/ createReactComponent('tds-footer');
-export const TdsFooterGroup = /*@__PURE__*/ createReactComponent('tds-footer-group');
-export const TdsFooterItem = /*@__PURE__*/ createReactComponent('tds-footer-item');
-export const TdsHeader = /*@__PURE__*/ createReactComponent('tds-header');
-export const TdsHeaderBrandSymbol = /*@__PURE__*/ createReactComponent('tds-header-brand-symbol');
-export const TdsHeaderCell = /*@__PURE__*/ createReactComponent('tds-header-cell');
-export const TdsHeaderDropdown = /*@__PURE__*/ createReactComponent('tds-header-dropdown');
-export const TdsHeaderDropdownList = /*@__PURE__*/ createReactComponent('tds-header-dropdown-list');
-export const TdsHeaderDropdownListItem = /*@__PURE__*/ createReactComponent('tds-header-dropdown-list-item');
-export const TdsHeaderDropdownListUser = /*@__PURE__*/ createReactComponent('tds-header-dropdown-list-user');
-export const TdsHeaderHamburger = /*@__PURE__*/ createReactComponent('tds-header-hamburger');
-export const TdsHeaderItem = /*@__PURE__*/ createReactComponent('tds-header-item');
-export const TdsHeaderLauncher = /*@__PURE__*/ createReactComponent('tds-header-launcher');
-export const TdsHeaderLauncherButton = /*@__PURE__*/ createReactComponent('tds-header-launcher-button');
-export const TdsHeaderLauncherGrid = /*@__PURE__*/ createReactComponent('tds-header-launcher-grid');
-export const TdsHeaderLauncherGridItem = /*@__PURE__*/ createReactComponent('tds-header-launcher-grid-item');
-export const TdsHeaderLauncherGridTitle = /*@__PURE__*/ createReactComponent('tds-header-launcher-grid-title');
-export const TdsHeaderLauncherList = /*@__PURE__*/ createReactComponent('tds-header-launcher-list');
-export const TdsHeaderLauncherListItem = /*@__PURE__*/ createReactComponent('tds-header-launcher-list-item');
-export const TdsHeaderLauncherListTitle = /*@__PURE__*/ createReactComponent('tds-header-launcher-list-title');
-export const TdsHeaderTitle = /*@__PURE__*/ createReactComponent('tds-header-title');
-export const TdsIcon = /*@__PURE__*/ createReactComponent('tds-icon');
-export const TdsInlineTab = /*@__PURE__*/ createReactComponent('tds-inline-tab');
-export const TdsInlineTabs = /*@__PURE__*/ createReactComponent('tds-inline-tabs');
-export const TdsLink = /*@__PURE__*/ createReactComponent('tds-link');
-export const TdsMessage = /*@__PURE__*/ createReactComponent('tds-message');
-export const TdsModal = /*@__PURE__*/ createReactComponent('tds-modal');
-export const TdsNavigationTab = /*@__PURE__*/ createReactComponent('tds-navigation-tab');
-export const TdsNavigationTabs = /*@__PURE__*/ createReactComponent('tds-navigation-tabs');
-export const TdsPopoverCanvas = /*@__PURE__*/ createReactComponent('tds-popover-canvas');
-export const TdsPopoverCore = /*@__PURE__*/ createReactComponent('tds-popover-core');
-export const TdsPopoverMenu = /*@__PURE__*/ createReactComponent('tds-popover-menu');
-export const TdsPopoverMenuItem = /*@__PURE__*/ createReactComponent('tds-popover-menu-item');
-export const TdsRadioButton = /*@__PURE__*/ createReactComponent('tds-radio-button');
-export const TdsSideMenu = /*@__PURE__*/ createReactComponent('tds-side-menu');
-export const TdsSideMenuCloseButton = /*@__PURE__*/ createReactComponent('tds-side-menu-close-button');
-export const TdsSideMenuCollapseButton = /*@__PURE__*/ createReactComponent('tds-side-menu-collapse-button');
-export const TdsSideMenuDropdown = /*@__PURE__*/ createReactComponent('tds-side-menu-dropdown');
-export const TdsSideMenuDropdownList = /*@__PURE__*/ createReactComponent('tds-side-menu-dropdown-list');
-export const TdsSideMenuDropdownListItem = /*@__PURE__*/ createReactComponent('tds-side-menu-dropdown-list-item');
-export const TdsSideMenuItem = /*@__PURE__*/ createReactComponent('tds-side-menu-item');
-export const TdsSideMenuOverlay = /*@__PURE__*/ createReactComponent('tds-side-menu-overlay');
-export const TdsSideMenuUser = /*@__PURE__*/ createReactComponent('tds-side-menu-user');
-export const TdsSideMenuUserImage = /*@__PURE__*/ createReactComponent('tds-side-menu-user-image');
-export const TdsSideMenuUserLabel = /*@__PURE__*/ createReactComponent('tds-side-menu-user-label');
-export const TdsSlider = /*@__PURE__*/ createReactComponent('tds-slider');
-export const TdsSpinner = /*@__PURE__*/ createReactComponent('tds-spinner');
-export const TdsStep = /*@__PURE__*/ createReactComponent('tds-step');
-export const TdsStepper = /*@__PURE__*/ createReactComponent('tds-stepper');
-export const TdsTable = /*@__PURE__*/ createReactComponent('tds-table');
-export const TdsTableBody = /*@__PURE__*/ createReactComponent('tds-table-body');
-export const TdsTableBodyInputWrapper = /*@__PURE__*/ createReactComponent('tds-table-body-input-wrapper');
-export const TdsTableBodyRow = /*@__PURE__*/ createReactComponent('tds-table-body-row');
-export const TdsTableBodyRowExpandable = /*@__PURE__*/ createReactComponent('tds-table-body-row-expandable');
-export const TdsTableFooter = /*@__PURE__*/ createReactComponent('tds-table-footer');
-export const TdsTableHeader = /*@__PURE__*/ createReactComponent('tds-table-header');
-export const TdsTableHeaderInputWrapper = /*@__PURE__*/ createReactComponent('tds-table-header-input-wrapper');
-export const TdsTableToolbar = /*@__PURE__*/ createReactComponent('tds-table-toolbar');
-export const TdsTag = /*@__PURE__*/ createReactComponent('tds-tag');
-export const TdsTextField = /*@__PURE__*/ createReactComponent('tds-text-field');
-export const TdsTextarea = /*@__PURE__*/ createReactComponent('tds-textarea');
-export const TdsToast = /*@__PURE__*/ createReactComponent('tds-toast');
-export const TdsToggle = /*@__PURE__*/ createReactComponent('tds-toggle');
-export const TdsTooltip = /*@__PURE__*/ createReactComponent('tds-tooltip');

package/dist/components/stencil-generated/react-component-lib/createComponent.js

@@ -1,74 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { createElement } from 'react';
-import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
-export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
-    if (defineCustomElement !== undefined) {
-        defineCustomElement();
-    }
-    const displayName = dashToPascalCase(tagName);
-    const ReactComponent = class extends React.Component {
-        constructor(props) {
-            super(props);
-            this.setComponentElRef = (element) => {
-                this.componentEl = element;
-            };
-        }
-        componentDidMount() {
-            this.componentDidUpdate(this.props);
-        }
-        componentDidUpdate(prevProps) {
-            attachProps(this.componentEl, this.props, prevProps);
-        }
-        render() {
-            const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
-            let propsToPass = Object.keys(cProps).reduce((acc, name) => {
-                const value = cProps[name];
-                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-                    const eventName = name.substring(2).toLowerCase();
-                    if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
-                        acc[name] = value;
-                    }
-                }
-                else {
-                    // we should only render strings, booleans, and numbers as attrs in html.
-                    // objects, functions, arrays etc get synced via properties on mount.
-                    const type = typeof value;
-                    if (type === 'string' || type === 'boolean' || type === 'number') {
-                        acc[camelToDashCase(name)] = value;
-                    }
-                }
-                return acc;
-            }, {});
-            if (manipulatePropsFunction) {
-                propsToPass = manipulatePropsFunction(this.props, propsToPass);
-            }
-            const newProps = Object.assign(Object.assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style });
-            /**
-             * We use createElement here instead of
-             * React.createElement to work around a
-             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-             * React.createElement causes all elements to be rendered
-             * as <tagname> instead of the actual Web Component.
-             */
-            return createElement(tagName, newProps, children);
-        }
-        static get displayName() {
-            return displayName;
-        }
-    };
-    // If context was passed to createReactComponent then conditionally add it to the Component Class
-    if (ReactComponentContext) {
-        ReactComponent.contextType = ReactComponentContext;
-    }
-    return createForwardRef(ReactComponent, displayName);
-};