@inera/ids-react 2.4.0 → 2.6.0

package/api.d.ts

@@ -47,3 +47,4 @@ export * from "./components/navigation/content/navigation-content";
 export * from "./components/carousel/carousel";
 export * from "./components/tag/tag";
 export * from "./components/stepper/stepper";
+export * from "./components/form/toggle/toggle";

package/api.js

@@ -14,8 +14,8 @@ 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';
@@ -47,3 +47,4 @@ export { IDSNavigationContent } from './components/navigation/content/navigation
 export { IDSCarousel, IDSCarouselItem } from './components/carousel/carousel.js';
 export { IDSTag } from './components/tag/tag.js';
 export { IDSStep, IDSStepper } from './components/stepper/stepper.js';
+export { IDSToggle } from './components/form/toggle/toggle.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,13 +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({
+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,7 +3,7 @@ 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({
+const IDSBadge = createComponent({
     tagName: 'ids-badge',
     elementClass: IDSBadge$1,
     react: React,

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,12 +4,12 @@ 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({
+const IDSBreadcrumbs = createComponent({
     tagName: 'ids-breadcrumbs',
     elementClass: IDSBreadcrumbs$1,
     react: React,
 });
-var IDSCrumb = createComponent({
+const IDSCrumb = createComponent({
     tagName: 'ids-crumb',
     elementClass: IDSCrumb$1,
     react: React,

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,7 +3,7 @@ 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({
+const IDSButtonGroup = createComponent({
     tagName: 'ids-button-group',
     elementClass: IDSButtonGroup$1,
     react: React,

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,10 +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({
+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,7 +3,7 @@ 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({
+const IDSCard = createComponent({
     tagName: 'ids-card',
     elementClass: IDSCard$1,
     react: React,

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,12 +4,12 @@ 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({
+const IDSCarousel = createComponent({
     tagName: 'ids-carousel',
     elementClass: IDSCarousel$1,
     react: React,
 });
-var IDSCarouselItem = createComponent({
+const IDSCarouselItem = createComponent({
     tagName: 'ids-carousel-item',
     elementClass: IDSCarouselItem$1,
     react: React,

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,7 +3,7 @@ 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({
+const IDSDateLabel = createComponent({
     tagName: 'ids-date-label',
     elementClass: IDSDateLabel$1,
     react: React,

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,12 +4,12 @@ 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({
+const IDSDialog = createComponent({
     tagName: 'ids-dialog',
     elementClass: IDSDialog$1,
     react: React,
 });
-var IDSDialogActions = createComponent({
+const IDSDialogActions = createComponent({
     tagName: 'ids-dialog-actions',
     elementClass: IDSDialogActions$1,
     react: React,

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

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

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

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

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

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

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

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

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,7 +3,7 @@ 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({
+const IDSSelectMultiple = createComponent({
     tagName: 'ids-select-multiple',
     elementClass: IDSSelectMultiple$1,
     react: React,

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

@@ -1,2 +1,3 @@
 import '@inera/ids-core/components/form/spinner/register';
-export declare const IDSSpinner: React.ForwardRefExoticComponent<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,7 +3,7 @@ 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 IDSSpinner = createComponent({
+const IDSSpinner = createComponent({
     tagName: 'ids-spinner',
     elementClass: IDSSpinner$1,
     react: React,

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

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

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

@@ -0,0 +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, {}>;

package/components/form/toggle/toggle.js

@@ -0,0 +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';
+
+const IDSToggle = createComponent({
+    tagName: 'ids-toggle',
+    elementClass: IDSToggle$1,
+    react: React,
+});
+
+export { IDSToggle };

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, {}>;

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

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

package/components/header/header.d.ts

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

package/components/header/header.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/components/header/navigation/navigation.js

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

package/components/icon/icon.d.ts

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

package/components/icon/icon.js

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

package/components/layout/grid.d.ts

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

package/components/layout/grid.js

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

package/components/link/link.d.ts

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

package/components/link/link.js

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

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

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

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

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

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

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

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

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

package/components/list/list.d.ts

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

package/components/list/list.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/components/popover/popover.d.ts

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

package/components/popover/popover.js

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

package/components/progressbar/progressbar.d.ts

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

package/components/progressbar/progressbar.js

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

package/components/stepper/stepper.d.ts

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

package/components/stepper/stepper.js

@@ -4,12 +4,12 @@ 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';
 
-var IDSStepper = createComponent({
+const IDSStepper = createComponent({
     tagName: 'ids-stepper',
     elementClass: IDSStepper$1,
     react: React
 });
-var IDSStep = createComponent({
+const IDSStep = createComponent({
     tagName: 'ids-step',
     elementClass: IDSStep$1,
     react: React

package/components/tabs/tabs.d.ts

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

package/components/tabs/tabs.js

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

package/components/tag/tag.d.ts

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

package/components/tag/tag.js

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

package/components/tooltip/tooltip.d.ts

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

package/components/tooltip/tooltip.js

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

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@inera/ids-react",
-  "version": "2.4.0",
+  "version": "2.6.0",
   "peerDependencies": {
     "react": "*"
   },
   "dependencies": {
-    "@inera/ids-core": "2.4.x",
+    "@inera/ids-core": "2.6.x",
     "@lit-labs/react": "^1.1.0"
   },
   "main": "api.js",