@inera/ids-react 5.0.0 → 5.1.0

package/components/agent/agent.d.ts

@@ -1,5 +1,5 @@
-import '@inera/ids-core/components/agent/register';
-import { IDSAgent as Agent } from '@inera/ids-core/components/agent/agent-element';
+import '@inera/ids-core/components/agent/register.js';
+import { IDSAgent as Agent } from '@inera/ids-core/components/agent/agent-element.js';
 export declare const IDSAgent: import("@lit-labs/react").ReactWebComponent<Agent, {
     onDidToggleExpansion: string;
 }>;

package/components/agent/agent.js

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

package/components/alert/alert.d.ts

@@ -1,5 +1,5 @@
-import '@inera/ids-core/components/alert/register';
-import { IDSAlert as Alert } from '@inera/ids-core/components/alert/alert-element';
+import '@inera/ids-core/components/alert/register.js';
+import { IDSAlert as Alert } from '@inera/ids-core/components/alert/alert-element.js';
 export declare const IDSAlert: import("@lit-labs/react").ReactWebComponent<Alert, {
     onClosed: string;
     onCollapsed: string;

package/components/alert/alert.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { createComponent } from '@lit-labs/react';
-import '@inera/ids-core/components/alert/register';
-import { IDSAlert as IDSAlert$1 } from '@inera/ids-core/components/alert/alert-element';
+import '@inera/ids-core/components/alert/register.js';
+import { IDSAlert as IDSAlert$1 } from '@inera/ids-core/components/alert/alert-element.js';
 
 const IDSAlert = createComponent({
     displayName: 'IDSAlert',

package/components/alert-global/alert-global.d.ts

@@ -1,5 +1,5 @@
-import '@inera/ids-core/components/alert-global/register';
-import { IDSAlertGlobal as AlertGlobal } from '@inera/ids-core/components/alert-global/alert-global-element';
+import '@inera/ids-core/components/alert-global/register.js';
+import { IDSAlertGlobal as AlertGlobal } from '@inera/ids-core/components/alert-global/alert-global-element.js';
 export declare const IDSAlertGlobal: import("@lit-labs/react").ReactWebComponent<AlertGlobal, {
     onDidToggleExpansion: string;
 }>;

package/components/alert-global/alert-global.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { createComponent } from '@lit-labs/react';
-import '@inera/ids-core/components/alert-global/register';
-import { IDSAlertGlobal as IDSAlertGlobal$1 } from '@inera/ids-core/components/alert-global/alert-global-element';
+import '@inera/ids-core/components/alert-global/register.js';
+import { IDSAlertGlobal as IDSAlertGlobal$1 } from '@inera/ids-core/components/alert-global/alert-global-element.js';
 
 const IDSAlertGlobal = createComponent({
     displayName: 'IDSAlertGlobal',

package/components/badge/badge.d.ts

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

package/components/badge/badge.js

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

package/components/breadcrumbs/breacrumbs.d.ts

@@ -1,5 +1,5 @@
-import '@inera/ids-core/components/breadcrumbs/register';
-import { IDSBreadcrumbs as Breadcrumbs } from '@inera/ids-core/components/breadcrumbs/breadcrumbs-element';
-import { IDSCrumb as Crumbs } from '@inera/ids-core/components/breadcrumbs/crumb/crumb-element';
+import '@inera/ids-core/components/breadcrumbs/register.js';
+import { IDSBreadcrumbs as Breadcrumbs } from '@inera/ids-core/components/breadcrumbs/breadcrumbs-element.js';
+import { IDSCrumb as Crumbs } from '@inera/ids-core/components/breadcrumbs/crumb/crumb-element.js';
 export declare const IDSBreadcrumbs: import("@lit-labs/react").ReactWebComponent<Breadcrumbs, {}>;
 export declare const IDSCrumb: import("@lit-labs/react").ReactWebComponent<Crumbs, {}>;

package/components/breadcrumbs/breacrumbs.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import '@inera/ids-core/components/breadcrumbs/register';
-import { IDSBreadcrumbs as IDSBreadcrumbs$1 } from '@inera/ids-core/components/breadcrumbs/breadcrumbs-element';
-import { IDSCrumb as IDSCrumb$1 } from '@inera/ids-core/components/breadcrumbs/crumb/crumb-element';
+import '@inera/ids-core/components/breadcrumbs/register.js';
+import { IDSBreadcrumbs as IDSBreadcrumbs$1 } from '@inera/ids-core/components/breadcrumbs/breadcrumbs-element.js';
+import { IDSCrumb as IDSCrumb$1 } from '@inera/ids-core/components/breadcrumbs/crumb/crumb-element.js';
 import { createComponent } from '@lit-labs/react';
 
 const IDSBreadcrumbs = createComponent({

package/components/button/button.d.ts

@@ -1,5 +1,5 @@
-import '@inera/ids-core/components/button/register';
-import { IDSButton as IDSComponent } from '@inera/ids-core/components/button/button-element';
+import '@inera/ids-core/components/button/register.js';
+import { IDSButton as IDSComponent } from '@inera/ids-core/components/button/button-element.js';
 export declare const IDSButton: import("@lit-labs/react").ReactWebComponent<IDSComponent, {
     onClicked: string;
 }>;

package/components/button/button.js

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

package/components/button-group/button-group.d.ts

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

package/components/button-group/button-group.js

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

package/components/card/card.d.ts

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

package/components/card/card.js

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

package/components/carousel/carousel.d.ts

@@ -1,5 +1,5 @@
-import '@inera/ids-core/components/carousel/register';
-import { IDSCarousel as Carousel } from '@inera/ids-core/components/carousel/carousel-element';
-import { IDSCarouselItem as Carouseltem } from '@inera/ids-core/components/carousel/carousel-item/carousel-item-element';
+import '@inera/ids-core/components/carousel/register.js';
+import { IDSCarousel as Carousel } from '@inera/ids-core/components/carousel/carousel-element.js';
+import { IDSCarouselItem as Carouseltem } from '@inera/ids-core/components/carousel/carousel-item/carousel-item-element.js';
 export declare const IDSCarousel: import("@lit-labs/react").ReactWebComponent<Carousel, {}>;
 export declare const IDSCarouselItem: import("@lit-labs/react").ReactWebComponent<Carouseltem, {}>;

package/components/carousel/carousel.js

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

package/components/date-label/date-label.d.ts

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

package/components/date-label/date-label.js

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

package/components/dialog/dialog.d.ts

@@ -1,5 +1,5 @@
-import '@inera/ids-core/components/dialog/register';
-import { IDSDialog as Dialog } from '@inera/ids-core/components/dialog/dialog-element';
+import '@inera/ids-core/components/dialog/register.js';
+import { IDSDialog as Dialog } from '@inera/ids-core/components/dialog/dialog-element.js';
 export declare const IDSDialog: import("@lit-labs/react").ReactWebComponent<Dialog, {
     onClosed: string;
     onOpen: string;

package/components/dialog/dialog.js

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

package/components/dropdown/dropdown.d.ts

@@ -0,0 +1,8 @@
+import "@inera/ids-core/components/dropdown/register.js";
+import { IDSDropdown as Dropdown } from "@inera/ids-core/components/dropdown/dropdown-element.js";
+import { IDSDropdownContent as DropdownContent } from "@inera/ids-core/components/dropdown/content/dropdown-content-element.js";
+export declare const IDSDropdown: import("@lit-labs/react").ReactWebComponent<Dropdown, {
+    onClosed: string;
+    onOpened: string;
+}>;
+export declare const IDSDropdownContent: import("@lit-labs/react").ReactWebComponent<DropdownContent, {}>;

package/components/dropdown/dropdown.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import '@inera/ids-core/components/dropdown/register.js';
+import { IDSDropdown as IDSDropdown$1 } from '@inera/ids-core/components/dropdown/dropdown-element.js';
+import { IDSDropdownContent as IDSDropdownContent$1 } from '@inera/ids-core/components/dropdown/content/dropdown-content-element.js';
+import { createComponent } from '@lit-labs/react';
+
+const IDSDropdown = createComponent({
+    tagName: "ids-dropdown",
+    elementClass: IDSDropdown$1,
+    react: React,
+    events: {
+        onClosed: "closed",
+        onOpened: "opened"
+    }
+});
+const IDSDropdownContent = createComponent({
+    tagName: "ids-dropdown-content",
+    elementClass: IDSDropdownContent$1,
+    react: React
+});
+
+export { IDSDropdown, IDSDropdownContent };

package/components/expandable/expandable.d.ts

@@ -1,5 +1,5 @@
-import '@inera/ids-core/components/expandable/register';
-import { IDSExpandable as Expandable } from '@inera/ids-core/components/expandable/expandable-element';
+import '@inera/ids-core/components/expandable/register.js';
+import { IDSExpandable as Expandable } from '@inera/ids-core/components/expandable/expandable-element.js';
 export declare const IDSExpandable: import("@lit-labs/react").ReactWebComponent<Expandable, {
     onClosed: string;
     onExpanded: string;

package/components/expandable/expandable.js

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

package/components/footer/footer.d.ts

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

package/components/footer/footer.js

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

package/components/footer-1177/footer-1177.d.ts

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

package/components/footer-1177/footer-1177.js

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

package/components/footer-1177-admin/footer-1177-admin.d.ts

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

package/components/footer-1177-admin/footer-1177-admin.js

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

package/components/footer-1177-pro/footer-1177-pro.d.ts

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

package/components/footer-1177-pro/footer-1177-pro.js

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

package/components/footer-inera/footer-inera.d.ts

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

package/components/footer-inera/footer-inera.js

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

package/components/footer-inera-admin/footer-inera-admin.d.ts

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

package/components/footer-inera-admin/footer-inera-admin.js

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

package/components/form/checkbox/checkbox-group.d.ts

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

package/components/form/checkbox/checkbox-group.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { createComponent } from '@lit-labs/react';
-import '@inera/ids-core/components/form/checkbox-group/register';
-import { IDSCheckboxGroup as IDSCheckboxGroup$1 } from '@inera/ids-core/components/form/checkbox-group/checkbox-group-element';
+import '@inera/ids-core/components/form/checkbox/register.js';
+import { IDSCheckboxGroup as IDSCheckboxGroup$1 } from '@inera/ids-core/components/form/checkbox/checkbox-group-element';
 
 const IDSCheckboxGroup = createComponent({
     tagName: 'ids-checkbox-group',

package/components/form/checkbox/checkbox.d.ts

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

package/components/form/checkbox/checkbox.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import '@inera/ids-core/components/form/checkbox/register';
-import { IDSCheckbox as IDSCheckbox$1 } from '@inera/ids-core/components/form/checkbox/checkbox-element';
+import '@inera/ids-core/components/form/checkbox/register.js';
+import { IDSCheckbox as IDSCheckbox$1 } from '@inera/ids-core/components/form/checkbox/checkbox-element.js';
 
 const IDSCheckbox = createComponent(React, 'ids-checkbox', IDSCheckbox$1);
 

package/components/form/errormessage/error-message.d.ts

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

package/components/form/errormessage/error-message.js

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

package/components/form/input/input.d.ts

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

package/components/form/input/input.js

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

package/components/form/radio/radio-group.d.ts

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

package/components/form/radio/radio-group.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import '@inera/ids-core/components/form/radio/register';
-import { IDSRadioGroup as IDSRadioGroup$1 } from '@inera/ids-core/components/form/radio/radio-group-element';
+import '@inera/ids-core/components/form/radio/register.js';
+import { IDSRadioGroup as IDSRadioGroup$1 } from '@inera/ids-core/components/form/radio/radio-group-element.js';
 
 const IDSRadioGroup = createComponent(React, 'ids-radio-group', IDSRadioGroup$1);
 

package/components/form/radio/radio.d.ts

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

package/components/form/radio/radio.js

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

package/components/form/range/range.d.ts

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

package/components/form/range/range.js

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

package/components/form/select/select.d.ts

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

package/components/form/select/select.js

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

package/components/form/selectmultiple/select-multiple.d.ts

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

package/components/form/selectmultiple/select-multiple.js

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

package/components/form/spinner/spinner.d.ts

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

package/components/form/spinner/spinner.js

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

package/components/form/textarea/textarea.d.ts

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

package/components/form/textarea/textarea.js

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