@inera/ids-react 4.10.0 → 5.1.0

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

@@ -1,12 +1,12 @@
 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',
-    elementClass: IDSCheckboxGroup$1,
-    react: React__default,
+const IDSCheckboxGroup = createComponent({
+    tagName: 'ids-checkbox-group',
+    elementClass: IDSCheckboxGroup$1,
+    react: React__default,
 });
 
 export { IDSCheckboxGroup };

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';
-export declare const IDSCheckbox: import("@lit-labs/react").ReactWebComponent<IDSComponent, {}>;
+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';
-export declare const IDSErrorMessage: import("@lit-labs/react").ReactWebComponent<ErrorMessage, {}>;
+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,12 +1,12 @@
 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',
-    elementClass: IDSErrorMessage$1,
-    react: React,
+const IDSErrorMessage = createComponent({
+    tagName: 'ids-error-message',
+    elementClass: IDSErrorMessage$1,
+    react: React,
 });
 
 export { IDSErrorMessage };

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';
-export declare const IDSInput: import("@lit-labs/react").ReactWebComponent<Input, {}>;
+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,12 +1,12 @@
 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',
-    elementClass: IDSInput$1,
-    react: React,
+const IDSInput = createComponent({
+    tagName: 'ids-input',
+    elementClass: IDSInput$1,
+    react: React,
 });
 
 export { IDSInput };

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';
-export declare const IDSRadioGroup: import("@lit-labs/react").ReactWebComponent<IDSComponent, {}>;
+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';
-export declare const IDSRadio: import("@lit-labs/react").ReactWebComponent<Radio, {}>;
+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,12 +1,12 @@
 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',
-    elementClass: IDSRadio$1,
-    react: React,
+const IDSRadio = createComponent({
+    tagName: 'ids-radio',
+    elementClass: IDSRadio$1,
+    react: React,
 });
 
 export { IDSRadio };

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';
-export declare const IDSRange: import("@lit-labs/react").ReactWebComponent<Range, {}>;
+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,12 +1,12 @@
 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',
-    elementClass: IDSRange$1,
-    react: React,
+const IDSRange = createComponent({
+    tagName: 'ids-range',
+    elementClass: IDSRange$1,
+    react: React,
 });
 
 export { IDSRange };

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';
-export declare const IDSSelect: import("@lit-labs/react").ReactWebComponent<Select, {}>;
+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,12 +1,12 @@
 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',
-    elementClass: IDSSelect$1,
-    react: React,
+const IDSSelect = createComponent({
+    tagName: 'ids-select',
+    elementClass: IDSSelect$1,
+    react: React,
 });
 
 export { IDSSelect };

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';
-export declare const IDSSelectMultiple: import("@lit-labs/react").ReactWebComponent<SelectMultiple, {}>;
+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,12 +1,12 @@
 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',
-    elementClass: IDSSelectMultiple$1,
-    react: React,
+const IDSSelectMultiple = createComponent({
+    tagName: 'ids-select-multiple',
+    elementClass: IDSSelectMultiple$1,
+    react: React,
 });
 
 export { IDSSelectMultiple };

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';
-export declare const IDSSpinner: import("@lit-labs/react").ReactWebComponent<Spinner, {}>;
+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,12 +1,12 @@
 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({
-    tagName: 'ids-spinner',
-    elementClass: IDSSpinner$1,
-    react: React,
+const IDSSpinner = createComponent({
+    tagName: 'ids-spinner',
+    elementClass: IDSSpinner$1,
+    react: React,
 });
 
 export { IDSSpinner };

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';
-export declare const IDSTextarea: import("@lit-labs/react").ReactWebComponent<Textarea, {}>;
+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,12 +1,12 @@
 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',
-    elementClass: IDSTextarea$1,
-    react: React,
+const IDSTextarea = createComponent({
+    tagName: 'ids-textarea',
+    elementClass: IDSTextarea$1,
+    react: React,
 });
 
 export { IDSTextarea };

package/components/form/time/time.d.ts

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

package/components/form/time/time.js

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

package/components/form/toggle/toggle.d.ts

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

package/components/form/toggle/toggle.js

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

package/components/grid/grid.d.ts

@@ -0,0 +1,9 @@
+import "@inera/ids-core/components/grid/column/register.js";
+import "@inera/ids-core/components/grid/row/register.js";
+import "@inera/ids-core/components/grid/container/register.js";
+import { IDSRow as Row } from "@inera/ids-core/components/grid/row/row-element.js";
+import { IDSColumn as Column } from "@inera/ids-core/components/grid/column/column-element.js";
+import { IDSContainer as Container } from "@inera/ids-core/components/grid/container/container-element.js";
+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}/grid.js

@@ -1,26 +1,26 @@
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
-import '@inera/ids-core/components/grid/column/register';
-import '@inera/ids-core/components/grid/row/register';
-import '@inera/ids-core/components/grid/container/register';
-import { IDSRow as IDSRow$1 } from '@inera/ids-core/components/grid/row/row-element';
-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';
+import '@inera/ids-core/components/grid/column/register.js';
+import '@inera/ids-core/components/grid/row/register.js';
+import '@inera/ids-core/components/grid/container/register.js';
+import { IDSRow as IDSRow$1 } from '@inera/ids-core/components/grid/row/row-element.js';
+import { IDSColumn } from '@inera/ids-core/components/grid/column/column-element.js';
+import { IDSContainer as IDSContainer$1 } from '@inera/ids-core/components/grid/container/container-element.js';
 
-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,
+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/header/avatar/header-avatar.d.ts

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

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

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { IDSHeaderAvatar as IDSHeaderAvatar$1 } from '@inera/ids-core/components/header/avatar/header-avatar-element';
+import { IDSHeaderAvatar as IDSHeaderAvatar$1 } from '@inera/ids-core/components/header/avatar/header-avatar-element.js';
 import { createComponent } from '@lit-labs/react';
 
-const IDSHeaderAvatar = createComponent({
-    tagName: 'ids-header-avatar',
-    elementClass: IDSHeaderAvatar$1,
-    react: React,
-    events: {
-        onClosed: 'closed',
-        onExpanded: 'expanded'
-    }
+const IDSHeaderAvatar = createComponent({
+    tagName: 'ids-header-avatar',
+    elementClass: IDSHeaderAvatar$1,
+    react: React,
+    events: {
+        onClosed: 'closed',
+        onExpanded: 'expanded'
+    }
 });
 
 export { IDSHeaderAvatar };

package/components/header/header.d.ts

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

package/components/header/header.js

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import '@inera/ids-core/components/header/register';
-import { IDSHeader as IDSHeader$1 } from '@inera/ids-core/components/header/header-element';
+import '@inera/ids-core/components/header/register.js';
+import { IDSHeader as IDSHeader$1 } from '@inera/ids-core/components/header/header-element.js';
 import { createComponent } from '@lit-labs/react';
 
-const IDSHeader = createComponent({
-    tagName: 'ids-header',
-    elementClass: IDSHeader$1,
-    react: React,
-    events: {
-        onDidToggleRegion: 'didToggleRegion'
-    }
+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,3 +1,2 @@
-import '@inera/ids-core/components/header/register';
-import { IDSHeaderItem as HeaderItem } from '@inera/ids-core/components/header/item/header-item-element';
-export declare const IDSHeaderItem: import("@lit-labs/react").ReactWebComponent<HeaderItem, {}>;
+import { IDSHeaderItem as HeaderItem } from '@inera/ids-core/components/header/item/header-item-element.js';
+export declare const IDSHeaderItem: import("@lit-labs/react").ReactWebComponent<HeaderItem, {}>;

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

@@ -1,12 +1,11 @@
 import * as React from 'react';
-import '@inera/ids-core/components/header/register';
-import { IDSHeaderItem as IDSHeaderItem$1 } from '@inera/ids-core/components/header/item/header-item-element';
+import { IDSHeaderItem as IDSHeaderItem$1 } from '@inera/ids-core/components/header/item/header-item-element.js';
 import { createComponent } from '@lit-labs/react';
 
-const IDSHeaderItem = createComponent({
-    tagName: 'ids-header-item',
-    elementClass: IDSHeaderItem$1,
-    react: React,
+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,5 +1,5 @@
-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, {
-    onClosed: string;
-    onExpanded: string;
-}>;
+import { IDSHeaderMobileMenu as HeaderMobileMenu } from '@inera/ids-core/components/header/mobile-menu/header-mobile-menu-element.js';
+export declare const IDSHeaderMobileMenu: import("@lit-labs/react").ReactWebComponent<HeaderMobileMenu, {
+    onClosed: string;
+    onExpanded: string;
+}>;

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

@@ -1,15 +1,15 @@
 import * as React from 'react';
-import { IDSHeaderMobileMenu as IDSHeaderMobileMenu$1 } from '@inera/ids-core/components/header/mobile-menu/header-mobile-menu-element';
+import { IDSHeaderMobileMenu as IDSHeaderMobileMenu$1 } from '@inera/ids-core/components/header/mobile-menu/header-mobile-menu-element.js';
 import { createComponent } from '@lit-labs/react';
 
-const IDSHeaderMobileMenu = createComponent({
-    tagName: 'ids-header-mobile-menu',
-    elementClass: IDSHeaderMobileMenu$1,
-    react: React,
-    events: {
-        onClosed: 'closed',
-        onExpanded: 'expanded'
-    },
+const IDSHeaderMobileMenu = createComponent({
+    tagName: 'ids-header-mobile-menu',
+    elementClass: IDSHeaderMobileMenu$1,
+    react: React,
+    events: {
+        onClosed: 'closed',
+        onExpanded: 'expanded'
+    },
 });
 
 export { IDSHeaderMobileMenu };

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

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

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { IDSHeaderNavItem as IDSHeaderNavItem$1 } from '@inera/ids-core/components/header/navigation/item/navigation-item-element';
+import { IDSHeaderNavItem as IDSHeaderNavItem$1 } from '@inera/ids-core/components/header/navigation/item/navigation-item-element.js';
 import { createComponent } from '@lit-labs/react';
 
-const IDSHeaderNavItem = createComponent({
-    tagName: 'ids-header-nav-item',
-    elementClass: IDSHeaderNavItem$1,
-    react: React,
+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,2 +1,2 @@
-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, {}>;
+import { IDSHeaderMobileItem as HeaderMobileItem } from '@inera/ids-core/components/header/navigation/mobile-item/mobile-item-element.js';
+export declare const IDSHeaderMobileItem: import("@lit-labs/react").ReactWebComponent<HeaderMobileItem, {}>;

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

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

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

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