@inera/ids-react 2.3.0 → 2.5.0

package/api.d.ts

@@ -46,3 +46,4 @@ export * from "./components/tooltip/tooltip";
 export * from "./components/navigation/content/navigation-content";
 export * from "./components/carousel/carousel";
 export * from "./components/tag/tag";
+export * from "./components/stepper/stepper";

package/api.js

@@ -9,13 +9,13 @@ export { IDSSelect } from './components/form/select/select.js';
 export { IDSSelectMultiple } from './components/form/selectmultiple/select-multiple.js';
 export { IDSErrorMessage } from './components/form/errormessage/error-message.js';
 export { IDSTime } from './components/form/time/time.js';
-export { IDSSpinner, IDSSpinnerWebComponent } from './components/form/spinner/spinner.js';
+export { IDSSpinner } from './components/form/spinner/spinner.js';
 export { IDSIcon } from './components/icon/icon.js';
 export { IDSButton } from './components/button/button.js';
 export { IDSButtonGroup } from './components/button/button-group.js';
 export { IDSCol, IDSContainer, IDSRow } from './components/layout/grid.js';
-export { IDSAlert, IDSAlertWebComponent } from './components/alert/alert.js';
-export { IDSAlertGlobal, IDSAlertGlobalWebComponent } from './components/alert-global/alert-global.js';
+export { IDSAlert } from './components/alert/alert.js';
+export { IDSAlertGlobal } from './components/alert-global/alert-global.js';
 export { IDSHeader } from './components/header/header.js';
 export { IDSHeaderItem } from './components/header/item/header-item.js';
 export { IDSHeaderAvatar } from './components/header/avatar/header-avatar.js';
@@ -46,3 +46,4 @@ export { IDSTooltip } from './components/tooltip/tooltip.js';
 export { IDSNavigationContent } from './components/navigation/content/navigation-content.js';
 export { IDSCarousel, IDSCarouselItem } from './components/carousel/carousel.js';
 export { IDSTag } from './components/tag/tag.js';
+export { IDSStep, IDSStepper } from './components/stepper/stepper.js';

package/components/agent/agent.d.ts

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

package/components/agent/agent.js

@@ -3,8 +3,13 @@ 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';
 
-var IDSAgent = createComponent(React__default, 'ids-agent', IDSAgent$1, {
-    onDidToggleExpansion: 'didToggleExpansion'
+const IDSAgent = createComponent({
+    tagName: 'ids-agent',
+    elementClass: IDSAgent$1,
+    react: React__default,
+    events: {
+        onDidToggleExpansion: 'didToggleExpansion'
+    }
 });
 
 export { IDSAgent };

package/components/alert/alert.d.ts

@@ -1,3 +1,6 @@
 import '@inera/ids-core/components/alert/register';
-export declare const IDSAlertWebComponent: React.ForwardRefExoticComponent<any>;
-export declare const IDSAlert: (props: any) => any;
+import { IDSAlert as Alert } from '@inera/ids-core/components/alert/alert-element';
+export declare const IDSAlert: import("@lit-labs/react").ReactWebComponent<Alert, {
+    onClosed: string;
+    onCollapsed: string;
+}>;

package/components/alert/alert.js

@@ -1,15 +1,17 @@
-import { __rest, __assign } from 'tslib';
 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';
 
-var IDSAlertWebComponent = createComponent(React__default, 'ids-alert', IDSAlert$1, {
-    onClosed: 'closed'
-});
-var IDSAlert = function (props) {
-    var _a = props.dismissible, dismissible = _a === void 0 ? false : _a, headline = props.headline, _b = props.type, type = _b === void 0 ? 'info' : _b, _c = props.onClosed, onClosed = _c === void 0 ? function () { } : _c, children = props.children, srCloseText = props.srCloseText, srIconTitle = props.srIconTitle, alertProps = __rest(props, ["dismissible", "headline", "type", "onClosed", "children", "srCloseText", "srIconTitle"]);
-    return (React__default.createElement(IDSAlertWebComponent, __assign({ dismissible: dismissible, type: type, srclosetext: srCloseText, sricontitle: srIconTitle, onClosed: onClosed, headline: headline }, alertProps), children));
-};
+const IDSAlert = createComponent({
+    displayName: 'IDSAlert',
+    tagName: 'ids-alert',
+    elementClass: IDSAlert$1,
+    react: React__default,
+    events: {
+        onClosed: 'closed',
+        onCollapsed: 'collapsed'
+    }
+});
 
-export { IDSAlert, IDSAlertWebComponent };
+export { IDSAlert };

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

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

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

@@ -1,15 +1,16 @@
-import { __rest, __assign } from 'tslib';
 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';
 
-var IDSAlertGlobalWebComponent = createComponent(React__default, 'ids-alert-global', IDSAlertGlobal$1, {
-    onDidToggleExpansion: 'didToggleExpansion'
-});
-var IDSAlertGlobal = function (props) {
-    var headline = props.headline, showText = props.showText, hideText = props.hideText, _a = props.expanded, expanded = _a === void 0 ? true : _a, _b = props.onDidToggleExpansion, onDidToggleExpansion = _b === void 0 ? function () { } : _b, children = props.children, alertGlobalProps = __rest(props, ["headline", "showText", "hideText", "expanded", "onDidToggleExpansion", "children"]);
-    return (React__default.createElement(IDSAlertGlobalWebComponent, __assign({ headline: headline, showtext: showText, hidetext: hideText, expanded: expanded, onDidToggleExpansion: onDidToggleExpansion }, alertGlobalProps), children));
-};
+const IDSAlertGlobal = createComponent({
+    displayName: 'IDSAlertGlobal',
+    tagName: 'ids-alert-global',
+    elementClass: IDSAlertGlobal$1,
+    react: React__default,
+    events: {
+        onDidToggleExpansion: 'didToggleExpansion'
+    }
+});
 
-export { IDSAlertGlobal, IDSAlertGlobalWebComponent };
+export { IDSAlertGlobal };

package/components/badge/badge.d.ts

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

package/components/badge/badge.js

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

package/components/breadcrumbs/breacrumbs.d.ts

@@ -1,3 +1,5 @@
 import '@inera/ids-core/components/breadcrumbs/register';
-export declare const IDSBreadcrumbs: React.ForwardRefExoticComponent<any>;
-export declare const IDSCrumb: React.ForwardRefExoticComponent<any>;
+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';
+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

@@ -4,7 +4,15 @@ import { IDSBreadcrumbs as IDSBreadcrumbs$1 } from '@inera/ids-core/components/b
 import { IDSCrumb as IDSCrumb$1 } from '@inera/ids-core/components/breadcrumbs/crumb/crumb-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSBreadcrumbs = createComponent(React, 'ids-breadcrumbs', IDSBreadcrumbs$1);
-var IDSCrumb = createComponent(React, 'ids-crumb', IDSCrumb$1);
+const IDSBreadcrumbs = createComponent({
+    tagName: 'ids-breadcrumbs',
+    elementClass: IDSBreadcrumbs$1,
+    react: React,
+});
+const IDSCrumb = createComponent({
+    tagName: 'ids-crumb',
+    elementClass: IDSCrumb$1,
+    react: React,
+});
 
 export { IDSBreadcrumbs, IDSCrumb };

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

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

package/components/button/button-group.js

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

package/components/button/button.d.ts

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

package/components/button/button.js

@@ -3,6 +3,13 @@ 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';
 
-var IDSButton = createComponent(React, 'ids-button', IDSButton$1);
+const IDSButton = createComponent({
+    tagName: 'ids-button',
+    elementClass: IDSButton$1,
+    react: React,
+    events: {
+        onClicked: 'clicked'
+    }
+});
 
 export { IDSButton };

package/components/card/card.d.ts

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

package/components/card/card.js

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

package/components/carousel/carousel.d.ts

@@ -1,3 +1,5 @@
 import '@inera/ids-core/components/carousel/register';
-export declare const IDSCarousel: React.ForwardRefExoticComponent<any>;
-export declare const IDSCarouselItem: React.ForwardRefExoticComponent<any>;
+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';
+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

@@ -4,7 +4,15 @@ import { IDSCarousel as IDSCarousel$1 } from '@inera/ids-core/components/carouse
 import { IDSCarouselItem as IDSCarouselItem$1 } from '@inera/ids-core/components/carousel/carousel-item/carousel-item-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSCarousel = createComponent(React, 'ids-carousel', IDSCarousel$1);
-var IDSCarouselItem = createComponent(React, 'ids-carousel-item', IDSCarouselItem$1);
+const IDSCarousel = createComponent({
+    tagName: 'ids-carousel',
+    elementClass: IDSCarousel$1,
+    react: React,
+});
+const IDSCarouselItem = createComponent({
+    tagName: 'ids-carousel-item',
+    elementClass: IDSCarouselItem$1,
+    react: React,
+});
 
 export { IDSCarousel, IDSCarouselItem };

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

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

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

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

package/components/dialog/dialog.d.ts

@@ -1,3 +1,5 @@
 import '@inera/ids-core/components/dialog/register';
-export declare const IDSDialog: React.ForwardRefExoticComponent<any>;
-export declare const IDSDialogActions: React.ForwardRefExoticComponent<any>;
+import { IDSDialog as Dialog } from '@inera/ids-core/components/dialog/dialog-element';
+import { IDSDialogActions as DialogActions } from '@inera/ids-core/components/dialog/actions/dialog-actions-element';
+export declare const IDSDialog: import("@lit-labs/react").ReactWebComponent<Dialog, {}>;
+export declare const IDSDialogActions: import("@lit-labs/react").ReactWebComponent<DialogActions, {}>;

package/components/dialog/dialog.js

@@ -4,7 +4,15 @@ import { IDSDialog as IDSDialog$1 } from '@inera/ids-core/components/dialog/dial
 import { IDSDialogActions as IDSDialogActions$1 } from '@inera/ids-core/components/dialog/actions/dialog-actions-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSDialog = createComponent(React, 'ids-dialog', IDSDialog$1);
-var IDSDialogActions = createComponent(React, 'ids-dialog-actions', IDSDialogActions$1);
+const IDSDialog = createComponent({
+    tagName: 'ids-dialog',
+    elementClass: IDSDialog$1,
+    react: React,
+});
+const IDSDialogActions = createComponent({
+    tagName: 'ids-dialog-actions',
+    elementClass: IDSDialogActions$1,
+    react: React,
+});
 
 export { IDSDialog, IDSDialogActions };

package/components/expandable/expandable.d.ts

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

package/components/expandable/expandable.js

@@ -3,6 +3,10 @@ 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';
 
-var IDSExpandable = createComponent(React, 'ids-expandable', IDSExpandable$1);
+const IDSExpandable = createComponent({
+    tagName: 'ids-expandable',
+    elementClass: IDSExpandable$1,
+    react: React,
+});
 
 export { IDSExpandable };

package/components/footer/footer.d.ts

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

package/components/footer/footer.js

@@ -3,6 +3,10 @@ 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';
 
-var IDSFooter = createComponent(React, 'ids-footer', IDSFooter$1);
+const IDSFooter = createComponent({
+    tagName: 'ids-footer',
+    elementClass: IDSFooter$1,
+    react: React,
+});
 
 export { IDSFooter };

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

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

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

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

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

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

package/components/form/checkbox/checkbox.js

@@ -3,6 +3,6 @@ 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';
 
-var IDSCheckbox = createComponent(React, 'ids-checkbox', IDSCheckbox$1);
+const IDSCheckbox = createComponent(React, 'ids-checkbox', IDSCheckbox$1);
 
 export { IDSCheckbox };

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

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/form/error-message/register';
-export declare const IDSErrorMessage: React.ForwardRefExoticComponent<any>;
+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, {}>;

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

@@ -3,6 +3,10 @@ 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';
 
-var IDSErrorMessage = createComponent(React, 'ids-error-message', IDSErrorMessage$1);
+const IDSErrorMessage = createComponent({
+    tagName: 'ids-error-message',
+    elementClass: IDSErrorMessage$1,
+    react: React,
+});
 
 export { IDSErrorMessage };

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

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

package/components/form/input/input.js

@@ -3,6 +3,10 @@ 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';
 
-var IDSInput = createComponent(React, 'ids-input', IDSInput$1);
+const IDSInput = createComponent({
+    tagName: 'ids-input',
+    elementClass: IDSInput$1,
+    react: React,
+});
 
 export { IDSInput };

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

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

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

@@ -3,6 +3,6 @@ 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';
 
-var IDSRadioGroup = createComponent(React, 'ids-radio-group', IDSRadioGroup$1);
+const IDSRadioGroup = createComponent(React, 'ids-radio-group', IDSRadioGroup$1);
 
 export { IDSRadioGroup };

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

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

package/components/form/radio/radio.js

@@ -3,6 +3,10 @@ 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';
 
-var IDSRadio = createComponent(React, 'ids-radio', IDSRadio$1);
+const IDSRadio = createComponent({
+    tagName: 'ids-radio',
+    elementClass: IDSRadio$1,
+    react: React,
+});
 
 export { IDSRadio };

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

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

package/components/form/range/range.js

@@ -3,6 +3,10 @@ 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';
 
-var IDSRange = createComponent(React, 'ids-range', IDSRange$1);
+const IDSRange = createComponent({
+    tagName: 'ids-range',
+    elementClass: IDSRange$1,
+    react: React,
+});
 
 export { IDSRange };

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

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

package/components/form/select/select.js

@@ -3,6 +3,10 @@ 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';
 
-var IDSSelect = createComponent(React, 'ids-select', IDSSelect$1);
+const IDSSelect = createComponent({
+    tagName: 'ids-select',
+    elementClass: IDSSelect$1,
+    react: React,
+});
 
 export { IDSSelect };

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

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/form/select-multiple/register';
-export declare const IDSSelectMultiple: React.ForwardRefExoticComponent<any>;
+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, {}>;

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

@@ -3,6 +3,10 @@ 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';
 
-var IDSSelectMultiple = createComponent(React, 'ids-select-multiple', IDSSelectMultiple$1);
+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';
-export declare const IDSSpinnerWebComponent: React.ForwardRefExoticComponent<any>;
-export declare const IDSSpinner: (props: any) => any;
+import { IDSSpinner as Spinner } from '@inera/ids-core/components/form/spinner/spinner-element';
+export declare const IDSSpinner: import("@lit-labs/react").ReactWebComponent<Spinner, {}>;

package/components/form/spinner/spinner.js

@@ -3,10 +3,10 @@ import '@inera/ids-core/components/form/spinner/register';
 import { IDSSpinner as IDSSpinner$1 } from '@inera/ids-core/components/form/spinner/spinner-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSSpinnerWebComponent = createComponent(React, 'ids-spinner', IDSSpinner$1);
-var IDSSpinner = function (props) {
-    var srtext = props.srtext, _a = props.live, live = _a === void 0 ? 'polite' : _a;
-    return (React.createElement(IDSSpinnerWebComponent, { srtext: srtext, live: live }));
-};
+const IDSSpinner = createComponent({
+    tagName: 'ids-spinner',
+    elementClass: IDSSpinner$1,
+    react: React,
+});
 
-export { IDSSpinner, IDSSpinnerWebComponent };
+export { IDSSpinner };

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

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

package/components/form/textarea/textarea.js

@@ -3,6 +3,10 @@ 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';
 
-var IDSTextarea = createComponent(React, 'ids-textarea', IDSTextarea$1);
+const IDSTextarea = createComponent({
+    tagName: 'ids-textarea',
+    elementClass: IDSTextarea$1,
+    react: React,
+});
 
 export { IDSTextarea };

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

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

package/components/form/time/time.js

@@ -3,6 +3,10 @@ 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';
 
-var IDSTime = createComponent(React, 'ids-time', IDSTime$1);
+const IDSTime = createComponent({
+    tagName: 'ids-time',
+    elementClass: IDSTime$1,
+    react: React,
+});
 
 export { IDSTime };

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

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