@inera/ids-react 2.3.0 → 2.5.0

package/components/header/avatar/header-avatar.js

@@ -2,6 +2,10 @@ import * as React from 'react';
 import { IDSHeaderAvatar as IDSHeaderAvatar$1 } from '@inera/ids-core/components/header/avatar/header-avatar-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSHeaderAvatar = createComponent(React, 'ids-header-avatar', IDSHeaderAvatar$1);
+const IDSHeaderAvatar = createComponent({
+    tagName: 'ids-header-avatar',
+    elementClass: IDSHeaderAvatar$1,
+    react: React,
+});
 
 export { IDSHeaderAvatar };

package/components/header/header.d.ts

@@ -1,2 +1,5 @@
 import '@inera/ids-core/components/header/register';
-export declare const IDSHeader: React.ForwardRefExoticComponent<any>;
+import { IDSHeader as Header } from '@inera/ids-core/components/header/header-element';
+export declare const IDSHeader: import("@lit-labs/react").ReactWebComponent<Header, {
+    onDidToggleRegion: string;
+}>;

package/components/header/header.js

@@ -3,6 +3,13 @@ import '@inera/ids-core/components/header/register';
 import { IDSHeader as IDSHeader$1 } from '@inera/ids-core/components/header/header-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSHeader = createComponent(React, 'ids-header', IDSHeader$1);
+const IDSHeader = createComponent({
+    tagName: 'ids-header',
+    elementClass: IDSHeader$1,
+    react: React,
+    events: {
+        onDidToggleRegion: 'didToggleRegion'
+    }
+});
 
 export { IDSHeader };

package/components/header/item/header-item.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/header/register';
-export declare const IDSHeaderItem: React.ForwardRefExoticComponent<any>;
+import { IDSHeaderItem as HeaderItem } from '@inera/ids-core/components/header/item/header-item-element';
+export declare const IDSHeaderItem: import("@lit-labs/react").ReactWebComponent<HeaderItem, {}>;

package/components/header/item/header-item.js

@@ -3,6 +3,10 @@ import '@inera/ids-core/components/header/register';
 import { IDSHeaderItem as IDSHeaderItem$1 } from '@inera/ids-core/components/header/item/header-item-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSHeaderItem = createComponent(React, 'ids-header-item', IDSHeaderItem$1);
+const IDSHeaderItem = createComponent({
+    tagName: 'ids-header-item',
+    elementClass: IDSHeaderItem$1,
+    react: React,
+});
 
 export { IDSHeaderItem };

package/components/header/mobile-menu/header-mobile-menu.d.ts

@@ -1 +1,4 @@
-export declare const IDSHeaderMobileMenu: React.ForwardRefExoticComponent<any>;
+import { IDSHeaderMobileMenu as HeaderMobileMenu } from '@inera/ids-core/components/header/mobile-menu/header-mobile-menu-element';
+export declare const IDSHeaderMobileMenu: import("@lit-labs/react").ReactWebComponent<HeaderMobileMenu, {
+    onDidToggleExpansion: string;
+}>;

package/components/header/mobile-menu/header-mobile-menu.js

@@ -2,6 +2,13 @@ import * as React from 'react';
 import { IDSHeaderMobileMenu as IDSHeaderMobileMenu$1 } from '@inera/ids-core/components/header/mobile-menu/header-mobile-menu-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSHeaderMobileMenu = createComponent(React, 'ids-header-mobile-menu', IDSHeaderMobileMenu$1, { onDidToggleExpansion: 'didToggleExpansion' });
+const IDSHeaderMobileMenu = createComponent({
+    tagName: 'ids-header-mobile-menu',
+    elementClass: IDSHeaderMobileMenu$1,
+    react: React,
+    events: {
+        onDidToggleExpansion: 'didToggleExpansion'
+    },
+});
 
 export { IDSHeaderMobileMenu };

package/components/header/navigation/item/nav-item.d.ts

@@ -1 +1,2 @@
-export declare const IDSHeaderNavItem: React.ForwardRefExoticComponent<any>;
+import { IDSHeaderNavItem as HeaderNavItem } from '@inera/ids-core/components/header/navigation/item/navigation-item-element';
+export declare const IDSHeaderNavItem: import("@lit-labs/react").ReactWebComponent<HeaderNavItem, {}>;

package/components/header/navigation/item/nav-item.js

@@ -2,6 +2,10 @@ import * as React from 'react';
 import { IDSHeaderNavItem as IDSHeaderNavItem$1 } from '@inera/ids-core/components/header/navigation/item/navigation-item-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSHeaderNavItem = createComponent(React, 'ids-header-nav-item', IDSHeaderNavItem$1);
+const IDSHeaderNavItem = createComponent({
+    tagName: 'ids-header-nav-item',
+    elementClass: IDSHeaderNavItem$1,
+    react: React,
+});
 
 export { IDSHeaderNavItem };

package/components/header/navigation/mobile-item/nav-mobile-item.d.ts

@@ -1 +1,2 @@
-export declare const IDSHeaderMobileItem: React.ForwardRefExoticComponent<any>;
+import { IDSHeaderMobileItem as HeaderMobileItem } from '@inera/ids-core/components/header/navigation/mobile-item/mobile-item-element';
+export declare const IDSHeaderMobileItem: import("@lit-labs/react").ReactWebComponent<HeaderMobileItem, {}>;

package/components/header/navigation/mobile-item/nav-mobile-item.js

@@ -2,6 +2,10 @@ import * as React from 'react';
 import { IDSHeaderMobileItem as IDSHeaderMobileItem$1 } from '@inera/ids-core/components/header/navigation/mobile-item/mobile-item-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSHeaderMobileItem = createComponent(React, 'ids-header-mobile-item', IDSHeaderMobileItem$1);
+const IDSHeaderMobileItem = createComponent({
+    tagName: 'ids-header-mobile-item',
+    elementClass: IDSHeaderMobileItem$1,
+    react: React,
+});
 
 export { IDSHeaderMobileItem };

package/components/header/navigation/navigation.d.ts

@@ -1 +1,2 @@
-export declare const IDSHeaderNav: React.ForwardRefExoticComponent<any>;
+import { IDSHeaderNav as HeaderNav } from '@inera/ids-core/components/header/navigation/navigation-element';
+export declare const IDSHeaderNav: import("@lit-labs/react").ReactWebComponent<HeaderNav, {}>;

package/components/header/navigation/navigation.js

@@ -2,6 +2,10 @@ import * as React from 'react';
 import { IDSHeaderNav as IDSHeaderNav$1 } from '@inera/ids-core/components/header/navigation/navigation-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSHeaderNav = createComponent(React, 'ids-header-nav', IDSHeaderNav$1);
+const IDSHeaderNav = createComponent({
+    tagName: 'ids-header-nav',
+    elementClass: IDSHeaderNav$1,
+    react: React,
+});
 
 export { IDSHeaderNav };

package/components/icon/icon.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/icon/register';
-export declare const IDSIcon: React.ForwardRefExoticComponent<any>;
+import { IDSIcon as Icon } from '@inera/ids-core/components/icon/icon-element';
+export declare const IDSIcon: import("@lit-labs/react").ReactWebComponent<Icon, {}>;

package/components/icon/icon.js

@@ -3,6 +3,10 @@ import '@inera/ids-core/components/icon/register';
 import { IDSIcon as IDSIcon$1 } from '@inera/ids-core/components/icon/icon-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSIcon = createComponent(React, 'ids-icon', IDSIcon$1);
+const IDSIcon = createComponent({
+    tagName: 'ids-icon',
+    elementClass: IDSIcon$1,
+    react: React,
+});
 
 export { IDSIcon };

package/components/layout/grid.d.ts

@@ -1,6 +1,9 @@
 import '@inera/ids-core/components/grid/column/register';
 import '@inera/ids-core/components/grid/row/register';
 import '@inera/ids-core/components/grid/container/register';
-export declare const IDSRow: React.ForwardRefExoticComponent<any>;
-export declare const IDSCol: React.ForwardRefExoticComponent<any>;
-export declare const IDSContainer: React.ForwardRefExoticComponent<any>;
+import { IDSRow as Row } from '@inera/ids-core/components/grid/row/row-element';
+import { IDSColumn as Column } from '@inera/ids-core/components/grid/column/column-element';
+import { IDSContainer as Container } from '@inera/ids-core/components/grid/container/container-element';
+export declare const IDSRow: import("@lit-labs/react").ReactWebComponent<Row, {}>;
+export declare const IDSCol: import("@lit-labs/react").ReactWebComponent<Column, {}>;
+export declare const IDSContainer: import("@lit-labs/react").ReactWebComponent<Container, {}>;

package/components/layout/grid.js

@@ -7,8 +7,20 @@ import { IDSRow as IDSRow$1 } from '@inera/ids-core/components/grid/row/row-elem
 import { IDSColumn } from '@inera/ids-core/components/grid/column/column-element';
 import { IDSContainer as IDSContainer$1 } from '@inera/ids-core/components/grid/container/container-element';
 
-var IDSRow = createComponent(React, 'ids-row', IDSRow$1);
-var IDSCol = createComponent(React, 'ids-col', IDSColumn);
-var IDSContainer = createComponent(React, 'ids-container', IDSContainer$1);
+const IDSRow = createComponent({
+    tagName: 'ids-row',
+    elementClass: IDSRow$1,
+    react: React,
+});
+const IDSCol = createComponent({
+    tagName: 'ids-col',
+    elementClass: IDSColumn,
+    react: React,
+});
+const IDSContainer = createComponent({
+    tagName: 'ids-container',
+    elementClass: IDSContainer$1,
+    react: React,
+});
 
 export { IDSCol, IDSContainer, IDSRow };

package/components/link/link.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/link/register';
-export declare const IDSLink: React.ForwardRefExoticComponent<any>;
+import { IDSLink as Link } from '@inera/ids-core/components/link/link-element';
+export declare const IDSLink: import("@lit-labs/react").ReactWebComponent<Link, {}>;

package/components/link/link.js

@@ -3,6 +3,10 @@ import '@inera/ids-core/components/link/register';
 import { IDSLink as IDSLink$1 } from '@inera/ids-core/components/link/link-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSLink = createComponent(React, 'ids-link', IDSLink$1);
+const IDSLink = createComponent({
+    tagName: 'ids-link',
+    elementClass: IDSLink$1,
+    react: React,
+});
 
 export { IDSLink };

package/components/list/item/info/list-item-info.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/list/register';
-export declare const IDSListItemInfo: React.ForwardRefExoticComponent<any>;
+import { IDSListItemInfo as ListItemInfo } from '@inera/ids-core/components/list/item/info/list-item-info-element';
+export declare const IDSListItemInfo: import("@lit-labs/react").ReactWebComponent<ListItemInfo, {}>;

package/components/list/item/info/list-item-info.js

@@ -3,6 +3,10 @@ import '@inera/ids-core/components/list/register';
 import { IDSListItemInfo as IDSListItemInfo$1 } from '@inera/ids-core/components/list/item/info/list-item-info-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSListItemInfo = createComponent(React, 'ids-list-item-info', IDSListItemInfo$1);
+const IDSListItemInfo = createComponent({
+    tagName: 'ids-list-item-info',
+    elementClass: IDSListItemInfo$1,
+    react: React,
+});
 
 export { IDSListItemInfo };

package/components/list/item/list-item.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/list/register';
-export declare const IDSListItem: React.ForwardRefExoticComponent<any>;
+import { IDSListItem as ListItem } from '@inera/ids-core/components/list/item/list-item-element';
+export declare const IDSListItem: import("@lit-labs/react").ReactWebComponent<ListItem, {}>;

package/components/list/item/list-item.js

@@ -3,6 +3,10 @@ import '@inera/ids-core/components/list/register';
 import { IDSListItem as IDSListItem$1 } from '@inera/ids-core/components/list/item/list-item-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSListItem = createComponent(React, 'ids-list-item', IDSListItem$1);
+const IDSListItem = createComponent({
+    tagName: 'ids-list-item',
+    elementClass: IDSListItem$1,
+    react: React,
+});
 
 export { IDSListItem };

package/components/list/list.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/list/register';
-export declare const IDSList: React.ForwardRefExoticComponent<any>;
+import { IDSList as List } from '@inera/ids-core/components/list/list-element';
+export declare const IDSList: import("@lit-labs/react").ReactWebComponent<List, {}>;

package/components/list/list.js

@@ -3,6 +3,10 @@ import '@inera/ids-core/components/list/register';
 import { IDSList as IDSList$1 } from '@inera/ids-core/components/list/list-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSList = createComponent(React, 'ids-list', IDSList$1);
+const IDSList = createComponent({
+    tagName: 'ids-list',
+    elementClass: IDSList$1,
+    react: React,
+});
 
 export { IDSList };

package/components/mobile/menu/avatar/mobile-avatar.d.ts

@@ -1 +1,2 @@
-export declare const IDSMobileMenuAvatar: React.ForwardRefExoticComponent<any>;
+import { IDSMobileMenuAvatar as MobileMenuAvatar } from '@inera/ids-core/components/mobile/menu/avatar/mobile-menu-avatar-element';
+export declare const IDSMobileMenuAvatar: import("@lit-labs/react").ReactWebComponent<MobileMenuAvatar, {}>;

package/components/mobile/menu/avatar/mobile-avatar.js

@@ -2,6 +2,10 @@ import * as React from 'react';
 import { IDSMobileMenuAvatar as IDSMobileMenuAvatar$1 } from '@inera/ids-core/components/mobile/menu/avatar/mobile-menu-avatar-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSMobileMenuAvatar = createComponent(React, 'ids-mobile-menu-avatar', IDSMobileMenuAvatar$1);
+const IDSMobileMenuAvatar = createComponent({
+    tagName: 'ids-mobile-menu-avatar',
+    elementClass: IDSMobileMenuAvatar$1,
+    react: React,
+});
 
 export { IDSMobileMenuAvatar };

package/components/mobile/menu/item/mobile-item.d.ts

@@ -1 +1,4 @@
-export declare const IDSMobileMenuItem: React.ForwardRefExoticComponent<any>;
+import { IDSMobileMenuItem as MobileMenuitem } from '@inera/ids-core/components/mobile/menu/item/mobile-menu-item-element';
+export declare const IDSMobileMenuItem: import("@lit-labs/react").ReactWebComponent<MobileMenuitem, {
+    onDidToggleExpansion: string;
+}>;

package/components/mobile/menu/item/mobile-item.js

@@ -2,8 +2,13 @@ import * as React from 'react';
 import { IDSMobileMenuItem as IDSMobileMenuItem$1 } from '@inera/ids-core/components/mobile/menu/item/mobile-menu-item-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSMobileMenuItem = createComponent(React, 'ids-mobile-menu-item', IDSMobileMenuItem$1, {
-    onDidToggleExpansion: 'didToggleExpansion',
+const IDSMobileMenuItem = createComponent({
+    tagName: 'ids-mobile-menu-item',
+    elementClass: IDSMobileMenuItem$1,
+    react: React,
+    events: {
+        onDidToggleExpansion: 'didToggleExpansion'
+    }
 });
 
 export { IDSMobileMenuItem };

package/components/mobile/menu/mobile-menu.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/mobile/menu/register';
-export declare const IDSMobileMenu: React.ForwardRefExoticComponent<any>;
+import { IDSMobileMenu as MobileMenu } from '@inera/ids-core/components/mobile/menu/mobile-menu-element';
+export declare const IDSMobileMenu: import("@lit-labs/react").ReactWebComponent<MobileMenu, {}>;

package/components/mobile/menu/mobile-menu.js

@@ -3,6 +3,10 @@ import '@inera/ids-core/components/mobile/menu/register';
 import { IDSMobileMenu as IDSMobileMenu$1 } from '@inera/ids-core/components/mobile/menu/mobile-menu-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSMobileMenu = createComponent(React, 'ids-mobile-menu', IDSMobileMenu$1);
+const IDSMobileMenu = createComponent({
+    tagName: 'ids-mobile-menu',
+    elementClass: IDSMobileMenu$1,
+    react: React
+});
 
 export { IDSMobileMenu };

package/components/navigation/content/navigation-content.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/navigation/content/register';
-export declare const IDSNavigationContent: React.ForwardRefExoticComponent<any>;
+import { IDSNavigationContent as NavigationContent } from '@inera/ids-core/components/navigation/content/navigation-content-element';
+export declare const IDSNavigationContent: import("@lit-labs/react").ReactWebComponent<NavigationContent, {}>;

package/components/navigation/content/navigation-content.js

@@ -3,6 +3,10 @@ import { createComponent } from '@lit-labs/react';
 import '@inera/ids-core/components/navigation/content/register';
 import { IDSNavigationContent as IDSNavigationContent$1 } from '@inera/ids-core/components/navigation/content/navigation-content-element';
 
-var IDSNavigationContent = createComponent(React, 'ids-navigation-content', IDSNavigationContent$1);
+const IDSNavigationContent = createComponent({
+    tagName: 'ids-navigation-content',
+    elementClass: IDSNavigationContent$1,
+    react: React
+});
 
 export { IDSNavigationContent };

package/components/notification/badge/notification-badge.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/notification/badge/register';
-export declare const IDSNotificationBadge: React.ForwardRefExoticComponent<any>;
+import { IDSNotificationBadge as Badge } from '@inera/ids-core/components/notification/badge/notification-badge-element';
+export declare const IDSNotificationBadge: import("@lit-labs/react").ReactWebComponent<Badge, {}>;

package/components/notification/badge/notification-badge.js

@@ -3,6 +3,10 @@ import '@inera/ids-core/components/notification/badge/register';
 import { IDSNotificationBadge as IDSNotificationBadge$1 } from '@inera/ids-core/components/notification/badge/notification-badge-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSNotificationBadge = createComponent(React, 'ids-notification-badge', IDSNotificationBadge$1);
+const IDSNotificationBadge = createComponent({
+    tagName: 'ids-notification-badge',
+    elementClass: IDSNotificationBadge$1,
+    react: React
+});
 
 export { IDSNotificationBadge };

package/components/popover/popover.d.ts

@@ -1,3 +1,5 @@
 import '@inera/ids-core/components/popover/register';
-export declare const IDSPopover: React.ForwardRefExoticComponent<any>;
-export declare const IDSPopoverContent: React.ForwardRefExoticComponent<any>;
+import { IDSPopover as Popover } from '@inera/ids-core/components/popover/popover-element';
+import { IDSPopoverContent as PopoverContent } from '@inera/ids-core/components/popover/content/popover-content-element';
+export declare const IDSPopover: import("@lit-labs/react").ReactWebComponent<Popover, {}>;
+export declare const IDSPopoverContent: import("@lit-labs/react").ReactWebComponent<PopoverContent, {}>;

package/components/popover/popover.js

@@ -4,7 +4,15 @@ import '@inera/ids-core/components/popover/register';
 import { IDSPopover as IDSPopover$1 } from '@inera/ids-core/components/popover/popover-element';
 import { IDSPopoverContent as IDSPopoverContent$1 } from '@inera/ids-core/components/popover/content/popover-content-element';
 
-var IDSPopover = createComponent(React, 'ids-popover', IDSPopover$1);
-var IDSPopoverContent = createComponent(React, 'ids-popover-content', IDSPopoverContent$1);
+const IDSPopover = createComponent({
+    tagName: 'ids-popover',
+    elementClass: IDSPopover$1,
+    react: React
+});
+const IDSPopoverContent = createComponent({
+    tagName: 'ids-popover-content',
+    elementClass: IDSPopoverContent$1,
+    react: React
+});
 
 export { IDSPopover, IDSPopoverContent };

package/components/progressbar/progressbar.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/progressbar/register';
-export declare const IDSProgressbar: React.ForwardRefExoticComponent<any>;
+import { IDSProgressbar as Progressbar } from '@inera/ids-core/components/progressbar/progressbar-element';
+export declare const IDSProgressbar: import("@lit-labs/react").ReactWebComponent<Progressbar, {}>;

package/components/progressbar/progressbar.js

@@ -3,6 +3,10 @@ import { createComponent } from '@lit-labs/react';
 import '@inera/ids-core/components/progressbar/register';
 import { IDSProgressbar as IDSProgressbar$1 } from '@inera/ids-core/components/progressbar/progressbar-element';
 
-var IDSProgressbar = createComponent(React, 'ids-progressbar', IDSProgressbar$1);
+const IDSProgressbar = createComponent({
+    tagName: 'ids-progressbar',
+    elementClass: IDSProgressbar$1,
+    react: React
+});
 
 export { IDSProgressbar };

package/components/stepper/stepper.d.ts

@@ -0,0 +1,5 @@
+import '@inera/ids-core/components/stepper/register';
+import { IDSStepper as Stepper } from '@inera/ids-core/components/stepper/stepper-element';
+import { IDSStep as Step } from '@inera/ids-core/components/stepper/step/step-element';
+export declare const IDSStepper: import("@lit-labs/react").ReactWebComponent<Stepper, {}>;
+export declare const IDSStep: import("@lit-labs/react").ReactWebComponent<Step, {}>;

package/components/stepper/stepper.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/stepper/register';
+import { IDSStepper as IDSStepper$1 } from '@inera/ids-core/components/stepper/stepper-element';
+import { IDSStep as IDSStep$1 } from '@inera/ids-core/components/stepper/step/step-element';
+
+const IDSStepper = createComponent({
+    tagName: 'ids-stepper',
+    elementClass: IDSStepper$1,
+    react: React
+});
+const IDSStep = createComponent({
+    tagName: 'ids-step',
+    elementClass: IDSStep$1,
+    react: React
+});
+
+export { IDSStep, IDSStepper };

package/components/tabs/tabs.d.ts

@@ -1,4 +1,9 @@
 import '@inera/ids-core/components/tabs/register';
-export declare const IDSTabs: React.ForwardRefExoticComponent<any>;
-export declare const IDSTab: React.ForwardRefExoticComponent<any>;
-export declare const IDSTabPanel: React.ForwardRefExoticComponent<any>;
+import { IDSTabs as Tabs } from '@inera/ids-core/components/tabs/tabs-element';
+import { IDSTab as Tab } from '@inera/ids-core/components/tabs/tab/tab-element';
+import { IDSTabPanel as TabPanel } from '@inera/ids-core/components/tabs/panel/tab-panel-element';
+export declare const IDSTabs: import("@lit-labs/react").ReactWebComponent<Tabs, {
+    onTabChange: string;
+}>;
+export declare const IDSTab: import("@lit-labs/react").ReactWebComponent<Tab, {}>;
+export declare const IDSTabPanel: import("@lit-labs/react").ReactWebComponent<TabPanel, {}>;

package/components/tabs/tabs.js

@@ -5,8 +5,23 @@ import { IDSTab as IDSTab$1 } from '@inera/ids-core/components/tabs/tab/tab-elem
 import { IDSTabPanel as IDSTabPanel$1 } from '@inera/ids-core/components/tabs/panel/tab-panel-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSTabs = createComponent(React, 'ids-tabs', IDSTabs$1);
-var IDSTab = createComponent(React, 'ids-tab', IDSTab$1);
-var IDSTabPanel = createComponent(React, 'ids-tab-panel', IDSTabPanel$1);
+const IDSTabs = createComponent({
+    tagName: 'ids-tabs',
+    elementClass: IDSTabs$1,
+    react: React,
+    events: {
+        onTabChange: 'tabChange'
+    }
+});
+const IDSTab = createComponent({
+    tagName: 'ids-tab',
+    elementClass: IDSTab$1,
+    react: React
+});
+const IDSTabPanel = createComponent({
+    tagName: 'ids-tab-panel',
+    elementClass: IDSTabPanel$1,
+    react: React
+});
 
 export { IDSTab, IDSTabPanel, IDSTabs };

package/components/tag/tag.d.ts

@@ -1,2 +1,6 @@
 import '@inera/ids-core/components/tag/register';
-export declare const IDSTag: React.ForwardRefExoticComponent<any>;
+import { IDSTag as Tag } from '@inera/ids-core/components/tag/tag-element';
+export declare const IDSTag: import("@lit-labs/react").ReactWebComponent<Tag, {
+    onClosed: string;
+    onClicked: string;
+}>;

package/components/tag/tag.js

@@ -3,13 +3,13 @@ import '@inera/ids-core/components/tag/register';
 import { IDSTag as IDSTag$1 } from '@inera/ids-core/components/tag/tag-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSTag = createComponent({
+const IDSTag = createComponent({
     tagName: 'ids-tag',
     elementClass: IDSTag$1,
     react: React,
     events: {
-        onclosed: 'closed',
-        onclicked: 'clicked',
+        onClosed: 'closed',
+        onClicked: 'clicked',
     },
 });
 

package/components/tooltip/tooltip.d.ts

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/tooltip/register';
-export declare const IDSTooltip: React.ForwardRefExoticComponent<any>;
+import { IDSTooltip as Tooltip } from '@inera/ids-core/components/tooltip/tooltip-element';
+export declare const IDSTooltip: import("@lit-labs/react").ReactWebComponent<Tooltip, {}>;

package/components/tooltip/tooltip.js

@@ -3,6 +3,10 @@ import '@inera/ids-core/components/tooltip/register';
 import { IDSTooltip as IDSTooltip$1 } from '@inera/ids-core/components/tooltip/tooltip-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSTooltip = createComponent(React, 'ids-tooltip', IDSTooltip$1);
+const IDSTooltip = createComponent({
+    tagName: 'ids-tooltip',
+    elementClass: IDSTooltip$1,
+    react: React
+});
 
 export { IDSTooltip };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@inera/ids-react",
-  "version": "2.3.0",
+  "version": "2.5.0",
   "peerDependencies": {
     "react": "*"
   },
   "dependencies": {
-    "@inera/ids-core": "2.3.x",
-    "@lit-labs/react": "^1.0.2"
+    "@inera/ids-core": "2.5.x",
+    "@lit-labs/react": "^1.1.0"
   },
   "main": "api.js",
   "license": "UNLICENSED",