@inera/ids-react 5.0.0 → 5.1.0

package/components/icons/icon-twitter.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/twitter/register';
-import { IDSIconTwitter as IDSIconTwitter$1 } from '@inera/ids-core/components/icons/twitter/icon-twitter-element';
+import '@inera/ids-core/components/icons/twitter/register.js';
+import { IDSIconTwitter as IDSIconTwitter$1 } from '@inera/ids-core/components/icons/twitter/icon-twitter-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconTwitter = createComponent({

package/components/icons/icon-uppsala.d.ts

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

package/components/icons/icon-uppsala.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/uppsala/register';
-import { IDSIconUppsala as IDSIconUppsala$1 } from '@inera/ids-core/components/icons/uppsala/icon-uppsala-element';
+import '@inera/ids-core/components/icons/uppsala/register.js';
+import { IDSIconUppsala as IDSIconUppsala$1 } from '@inera/ids-core/components/icons/uppsala/icon-uppsala-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconUppsala = createComponent({

package/components/icons/icon-user.d.ts

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

package/components/icons/icon-user.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/user/register';
-import { IDSIconUser as IDSIconUser$1 } from '@inera/ids-core/components/icons/user/icon-user-element';
+import '@inera/ids-core/components/icons/user/register.js';
+import { IDSIconUser as IDSIconUser$1 } from '@inera/ids-core/components/icons/user/icon-user-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconUser = createComponent({

package/components/icons/icon-varmland.d.ts

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

package/components/icons/icon-varmland.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/varmland/register';
-import { IDSIconVarmland as IDSIconVarmland$1 } from '@inera/ids-core/components/icons/varmland/icon-varmland-element';
+import '@inera/ids-core/components/icons/varmland/register.js';
+import { IDSIconVarmland as IDSIconVarmland$1 } from '@inera/ids-core/components/icons/varmland/icon-varmland-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVarmland = createComponent({

package/components/icons/icon-vasterbotten.d.ts

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

package/components/icons/icon-vasterbotten.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/vasterbotten/register';
-import { IDSIconVasterbotten as IDSIconVasterbotten$1 } from '@inera/ids-core/components/icons/vasterbotten/icon-vasterbotten-element';
+import '@inera/ids-core/components/icons/vasterbotten/register.js';
+import { IDSIconVasterbotten as IDSIconVasterbotten$1 } from '@inera/ids-core/components/icons/vasterbotten/icon-vasterbotten-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVasterbotten = createComponent({

package/components/icons/icon-vasternorrland.d.ts

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

package/components/icons/icon-vasternorrland.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/vasternorrland/register';
-import { IDSIconVasternorrland as IDSIconVasternorrland$1 } from '@inera/ids-core/components/icons/vasternorrland/icon-vasternorrland-element';
+import '@inera/ids-core/components/icons/vasternorrland/register.js';
+import { IDSIconVasternorrland as IDSIconVasternorrland$1 } from '@inera/ids-core/components/icons/vasternorrland/icon-vasternorrland-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVasternorrland = createComponent({

package/components/icons/icon-vastmanland.d.ts

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

package/components/icons/icon-vastmanland.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/vastmanland/register';
-import { IDSIconVastmanland as IDSIconVastmanland$1 } from '@inera/ids-core/components/icons/vastmanland/icon-vastmanland-element';
+import '@inera/ids-core/components/icons/vastmanland/register.js';
+import { IDSIconVastmanland as IDSIconVastmanland$1 } from '@inera/ids-core/components/icons/vastmanland/icon-vastmanland-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVastmanland = createComponent({

package/components/icons/icon-vastra-gotaland.d.ts

@@ -1,3 +1,3 @@
-import '@inera/ids-core/components/icons/vastra-gotaland/register';
-import { IDSIconVastraGotaland as Icon } from '@inera/ids-core/components/icons/vastra-gotaland/icon-vastra-gotaland-element';
+import '@inera/ids-core/components/icons/vastra-gotaland/register.js';
+import { IDSIconVastraGotaland as Icon } from '@inera/ids-core/components/icons/vastra-gotaland/icon-vastra-gotaland-element.js';
 export declare const IDSIconVastraGotaland: import("@lit-labs/react").ReactWebComponent<Icon, {}>;

package/components/icons/icon-vastra-gotaland.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/vastra-gotaland/register';
-import { IDSIconVastraGotaland as IDSIconVastraGotaland$1 } from '@inera/ids-core/components/icons/vastra-gotaland/icon-vastra-gotaland-element';
+import '@inera/ids-core/components/icons/vastra-gotaland/register.js';
+import { IDSIconVastraGotaland as IDSIconVastraGotaland$1 } from '@inera/ids-core/components/icons/vastra-gotaland/icon-vastra-gotaland-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVastraGotaland = createComponent({

package/components/icons/icon-video-off.d.ts

@@ -1,3 +1,3 @@
-import '@inera/ids-core/components/icons/video-off/register';
-import { IDSIconVideoOff as Icon } from '@inera/ids-core/components/icons/video-off/icon-video-off-element';
+import '@inera/ids-core/components/icons/video-off/register.js';
+import { IDSIconVideoOff as Icon } from '@inera/ids-core/components/icons/video-off/icon-video-off-element.js';
 export declare const IDSIconVideoOff: import("@lit-labs/react").ReactWebComponent<Icon, {}>;

package/components/icons/icon-video-off.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/video-off/register';
-import { IDSIconVideoOff as IDSIconVideoOff$1 } from '@inera/ids-core/components/icons/video-off/icon-video-off-element';
+import '@inera/ids-core/components/icons/video-off/register.js';
+import { IDSIconVideoOff as IDSIconVideoOff$1 } from '@inera/ids-core/components/icons/video-off/icon-video-off-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVideoOff = createComponent({

package/components/icons/icon-video-on.d.ts

@@ -1,3 +1,3 @@
-import '@inera/ids-core/components/icons/video-on/register';
-import { IDSIconVideoOn as Icon } from '@inera/ids-core/components/icons/video-on/icon-video-on-element';
+import '@inera/ids-core/components/icons/video-on/register.js';
+import { IDSIconVideoOn as Icon } from '@inera/ids-core/components/icons/video-on/icon-video-on-element.js';
 export declare const IDSIconVideoOn: import("@lit-labs/react").ReactWebComponent<Icon, {}>;

package/components/icons/icon-video-on.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/video-on/register';
-import { IDSIconVideoOn as IDSIconVideoOn$1 } from '@inera/ids-core/components/icons/video-on/icon-video-on-element';
+import '@inera/ids-core/components/icons/video-on/register.js';
+import { IDSIconVideoOn as IDSIconVideoOn$1 } from '@inera/ids-core/components/icons/video-on/icon-video-on-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVideoOn = createComponent({

package/components/icons/icon-video-switch.d.ts

@@ -1,3 +1,3 @@
-import '@inera/ids-core/components/icons/video-switch/register';
-import { IDSIconVideoSwitch as Icon } from '@inera/ids-core/components/icons/video-switch/icon-video-switch-element';
+import '@inera/ids-core/components/icons/video-switch/register.js';
+import { IDSIconVideoSwitch as Icon } from '@inera/ids-core/components/icons/video-switch/icon-video-switch-element.js';
 export declare const IDSIconVideoSwitch: import("@lit-labs/react").ReactWebComponent<Icon, {}>;

package/components/icons/icon-video-switch.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/video-switch/register';
-import { IDSIconVideoSwitch as IDSIconVideoSwitch$1 } from '@inera/ids-core/components/icons/video-switch/icon-video-switch-element';
+import '@inera/ids-core/components/icons/video-switch/register.js';
+import { IDSIconVideoSwitch as IDSIconVideoSwitch$1 } from '@inera/ids-core/components/icons/video-switch/icon-video-switch-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVideoSwitch = createComponent({

package/components/icons/icon-visibility-off.d.ts

@@ -1,3 +1,3 @@
-import '@inera/ids-core/components/icons/visibility-off/register';
-import { IDSIconVisibilityOff as Icon } from '@inera/ids-core/components/icons/visibility-off/icon-visibility-off-element';
+import '@inera/ids-core/components/icons/visibility-off/register.js';
+import { IDSIconVisibilityOff as Icon } from '@inera/ids-core/components/icons/visibility-off/icon-visibility-off-element.js';
 export declare const IDSIconVisibilityOff: import("@lit-labs/react").ReactWebComponent<Icon, {}>;

package/components/icons/icon-visibility-off.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/visibility-off/register';
-import { IDSIconVisibilityOff as IDSIconVisibilityOff$1 } from '@inera/ids-core/components/icons/visibility-off/icon-visibility-off-element';
+import '@inera/ids-core/components/icons/visibility-off/register.js';
+import { IDSIconVisibilityOff as IDSIconVisibilityOff$1 } from '@inera/ids-core/components/icons/visibility-off/icon-visibility-off-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVisibilityOff = createComponent({

package/components/icons/icon-visibility.d.ts

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

package/components/icons/icon-visibility.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/visibility/register';
-import { IDSIconVisibility as IDSIconVisibility$1 } from '@inera/ids-core/components/icons/visibility/icon-visibility-element';
+import '@inera/ids-core/components/icons/visibility/register.js';
+import { IDSIconVisibility as IDSIconVisibility$1 } from '@inera/ids-core/components/icons/visibility/icon-visibility-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconVisibility = createComponent({

package/components/icons/icon-warning.d.ts

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

package/components/icons/icon-warning.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/icons/warning/register';
-import { IDSIconWarning as IDSIconWarning$1 } from '@inera/ids-core/components/icons/warning/icon-warning-element';
+import '@inera/ids-core/components/icons/warning/register.js';
+import { IDSIconWarning as IDSIconWarning$1 } from '@inera/ids-core/components/icons/warning/icon-warning-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSIconWarning = createComponent({

package/components/icons/icon-x.d.ts

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

package/components/link/link.d.ts

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

package/components/link/link.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/link/register';
-import { IDSLink as IDSLink$1 } from '@inera/ids-core/components/link/link-element';
+import '@inera/ids-core/components/link/register.js';
+import { IDSLink as IDSLink$1 } from '@inera/ids-core/components/link/link-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSLink = createComponent({

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-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 '@inera/ids-core/components/list/register.js';
+import { IDSListItemInfo as IDSListItemInfo$1 } from '@inera/ids-core/components/list/item/info/list-item-info-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSListItemInfo = createComponent({

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/list/register';
-import { IDSListItem as IDSListItem$1 } from '@inera/ids-core/components/list/item/list-item-element';
+import '@inera/ids-core/components/list/register.js';
+import { IDSListItem as IDSListItem$1 } from '@inera/ids-core/components/list/item/list-item-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSListItem = createComponent({

package/components/list/list.d.ts

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

package/components/list/list.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/list/register';
-import { IDSList as IDSList$1 } from '@inera/ids-core/components/list/list-element';
+import '@inera/ids-core/components/list/register.js';
+import { IDSList as IDSList$1 } from '@inera/ids-core/components/list/list-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSList = createComponent({

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IDSMobileMenuAvatar as IDSMobileMenuAvatar$1 } from '@inera/ids-core/components/mobile/menu/avatar/mobile-menu-avatar-element';
+import { IDSMobileMenuAvatar as IDSMobileMenuAvatar$1 } from '@inera/ids-core/components/mobile/menu/avatar/mobile-menu-avatar-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSMobileMenuAvatar = createComponent({

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IDSMobileMenuItem as IDSMobileMenuItem$1 } from '@inera/ids-core/components/mobile/menu/item/mobile-menu-item-element';
+import { IDSMobileMenuItem as IDSMobileMenuItem$1 } from '@inera/ids-core/components/mobile/menu/item/mobile-menu-item-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSMobileMenuItem = createComponent({

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/mobile/menu/register';
-import { IDSMobileMenu as IDSMobileMenu$1 } from '@inera/ids-core/components/mobile/menu/mobile-menu-element';
+import '@inera/ids-core/components/mobile/menu/register.js';
+import { IDSMobileMenu as IDSMobileMenu$1 } from '@inera/ids-core/components/mobile/menu/mobile-menu-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSMobileMenu = createComponent({

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

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

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 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';
+import '@inera/ids-core/components/navigation/content/register.js';
+import { IDSNavigationContent as IDSNavigationContent$1 } from '@inera/ids-core/components/navigation/content/navigation-content-element.js';
 
 const IDSNavigationContent = createComponent({
     tagName: 'ids-navigation-content',

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

@@ -1,3 +1,3 @@
-import '@inera/ids-core/components/navigation/local/register';
-import { IDSNavigationLocal as NavigationLocal } from '@inera/ids-core/components/navigation/local/navigation-local-element';
+import '@inera/ids-core/components/navigation/local/register.js';
+import { IDSNavigationLocal as NavigationLocal } from '@inera/ids-core/components/navigation/local/navigation-local-element.js';
 export declare const IDSNavigationLocal: import("@lit-labs/react").ReactWebComponent<NavigationLocal, {}>;

package/components/navigation/local/navigation-local.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import '@inera/ids-core/components/navigation/local/register';
-import { IDSNavigationLocal as IDSNavigationLocal$1 } from '@inera/ids-core/components/navigation/local/navigation-local-element';
+import '@inera/ids-core/components/navigation/local/register.js';
+import { IDSNavigationLocal as IDSNavigationLocal$1 } from '@inera/ids-core/components/navigation/local/navigation-local-element.js';
 
 const IDSNavigationLocal = createComponent({
     tagName: 'ids-navigation-local',

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

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

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import '@inera/ids-core/components/notification/badge/register';
-import { IDSNotificationBadge as IDSNotificationBadge$1 } from '@inera/ids-core/components/notification/badge/notification-badge-element';
+import '@inera/ids-core/components/notification/badge/register.js';
+import { IDSNotificationBadge as IDSNotificationBadge$1 } from '@inera/ids-core/components/notification/badge/notification-badge-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSNotificationBadge = createComponent({

package/components/pagination/data-pagination/data-pagination.d.ts

@@ -0,0 +1,3 @@
+import "@inera/ids-core/components/pagination/data-pagination/register.js";
+import { IDSDataPagination as DataPagination } from "@inera/ids-core/components/pagination/data-pagination/data-pagination-element.js";
+export declare const IDSDataPagination: import("@lit-labs/react").ReactWebComponent<DataPagination, {}>;

package/components/pagination/data-pagination/data-pagination.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import '@inera/ids-core/components/pagination/data-pagination/register.js';
+import { IDSDataPagination as IDSDataPagination$1 } from '@inera/ids-core/components/pagination/data-pagination/data-pagination-element.js';
+import { createComponent } from '@lit-labs/react';
+
+const IDSDataPagination = createComponent({
+    tagName: "ids-data-pagination",
+    elementClass: IDSDataPagination$1,
+    react: React,
+});
+
+export { IDSDataPagination };

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

@@ -0,0 +1,7 @@
+import "@inera/ids-core/components/pagination/list-pagination/register.js";
+import { IDSListPagination as ListPagination } from "@inera/ids-core/components/pagination/list-pagination/list-pagination-element.js";
+export declare const IDSListPagination: import("@lit-labs/react").ReactWebComponent<ListPagination, {
+    onChangePage: string;
+    onPrevPage: string;
+    onNextPage: string;
+}>;

package/components/pagination/list-pagination/list-pagination.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import '@inera/ids-core/components/pagination/list-pagination/register.js';
+import { IDSListPagination as IDSListPagination$1 } from '@inera/ids-core/components/pagination/list-pagination/list-pagination-element.js';
+import { createComponent } from '@lit-labs/react';
+
+const IDSListPagination = createComponent({
+    tagName: "ids-list-pagination",
+    elementClass: IDSListPagination$1,
+    react: React,
+    events: {
+        onChangePage: 'changepage',
+        onPrevPage: 'prevpage',
+        onNextPage: 'nextpage'
+    }
+});
+
+export { IDSListPagination };

package/components/popover/popover.d.ts

@@ -1,5 +1,5 @@
-import '@inera/ids-core/components/popover/register';
-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';
+import '@inera/ids-core/components/popover/register.js';
+import { IDSPopover as Popover } from '@inera/ids-core/components/popover/popover-element.js';
+import { IDSPopoverContent as PopoverContent } from '@inera/ids-core/components/popover/content/popover-content-element.js';
 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

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-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';
+import '@inera/ids-core/components/popover/register.js';
+import { IDSPopover as IDSPopover$1 } from '@inera/ids-core/components/popover/popover-element.js';
+import { IDSPopoverContent as IDSPopoverContent$1 } from '@inera/ids-core/components/popover/content/popover-content-element.js';
 
 const IDSPopover = createComponent({
     tagName: 'ids-popover',

package/components/progressbar/progressbar.d.ts

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

package/components/progressbar/progressbar.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 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';
+import '@inera/ids-core/components/progressbar/register.js';
+import { IDSProgressbar as IDSProgressbar$1 } from '@inera/ids-core/components/progressbar/progressbar-element.js';
 
 const IDSProgressbar = createComponent({
     tagName: 'ids-progressbar',

package/components/stepper/stepper.d.ts

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

package/components/stepper/stepper.js

@@ -1,13 +1,16 @@
 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';
+import '@inera/ids-core/components/stepper/register.js';
+import { IDSStepper as IDSStepper$1 } from '@inera/ids-core/components/stepper/stepper-element.js';
+import { IDSStep as IDSStep$1 } from '@inera/ids-core/components/stepper/step/step-element.js';
 
 const IDSStepper = createComponent({
     tagName: 'ids-stepper',
     elementClass: IDSStepper$1,
-    react: React
+    react: React,
+    events: {
+        onDidToggleExpansion: 'didToggleExpansion'
+    }
 });
 const IDSStep = createComponent({
     tagName: 'ids-step',

package/components/tabs/tabs.d.ts

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

package/components/tabs/tabs.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
-import '@inera/ids-core/components/tabs/register';
-import { IDSTabs as IDSTabs$1 } from '@inera/ids-core/components/tabs/tabs-element';
-import { IDSTab as IDSTab$1 } from '@inera/ids-core/components/tabs/tab/tab-element';
-import { IDSTabPanel as IDSTabPanel$1 } from '@inera/ids-core/components/tabs/panel/tab-panel-element';
+import '@inera/ids-core/components/tabs/register.js';
+import { IDSTabs as IDSTabs$1 } from '@inera/ids-core/components/tabs/tabs-element.js';
+import { IDSTab as IDSTab$1 } from '@inera/ids-core/components/tabs/tab/tab-element.js';
+import { IDSTabPanel as IDSTabPanel$1 } from '@inera/ids-core/components/tabs/panel/tab-panel-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSTabs = createComponent({