@inera/ids-react 6.2.0 → 7.0.0

package/components/tooltip/tooltip.js

@@ -1,12 +1,82 @@
-import * as React from 'react';
-import '@inera/ids-core/components/tooltip/register.js';
-import { IDSTooltip as IDSTooltip$1 } from '@inera/ids-core/components/tooltip/tooltip-element.js';
-import { createComponent } from '@lit-labs/react';
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import '@inera/ids-design/components/tooltip/tooltip.css';
+import { useElementId } from '../utils/hooks/useElementId.js';
+import clsx from 'clsx';
 
-const IDSTooltip = createComponent({
-    tagName: 'ids-tooltip',
-    elementClass: IDSTooltip$1,
-    react: React
-});
+const IDSTooltip = ({ position = "top", trigger, children, className }) => {
+    const [translateX, setTranslateX] = useState(position === "top" || position === "bottom" ? "-50%" : "0");
+    const [translateY, setTranslateY] = useState(position.includes("top") ? "-100%" : "100%");
+    const tooltipContentRef = useRef(null);
+    const triggerRef = useRef(null);
+    const tooltipId = useElementId();
+    const getFirstFocusableContent = () => {
+        const wrapper = triggerRef.current?.parentElement;
+        if (!wrapper)
+            return null;
+        return wrapper.querySelector('ids-button button, button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+    };
+    const handleOverflow = () => {
+        const tooltipContent = tooltipContentRef.current;
+        if (!tooltipContent)
+            return;
+        const rect = tooltipContent.getBoundingClientRect();
+        const vw = window.innerWidth;
+        const vh = window.innerHeight;
+        if (rect.right > vw) {
+            tooltipContent.style.left = "auto";
+            tooltipContent.style.right = "0";
+            setTranslateX("0");
+        }
+        if (rect.left < 0) {
+            tooltipContent.style.left = "0";
+            tooltipContent.style.right = "auto";
+            setTranslateX("0");
+        }
+        if (rect.bottom > vh) {
+            setTranslateY("-100%");
+        }
+        if (rect.top < 0) {
+            setTranslateY("100%");
+        }
+    };
+    const checkKey = (e) => {
+        if (e.key === "Escape") {
+            document.activeElement?.blur();
+        }
+    };
+    useEffect(() => {
+        const tooltipContent = tooltipContentRef.current;
+        if (!tooltipContent)
+            return;
+        tooltipContent.setAttribute("role", "tooltip");
+        const focusable = getFirstFocusableContent();
+        if (focusable) {
+            if (triggerRef.current?.querySelector('[class^="ids-icon-"]') ||
+                triggerRef.current?.querySelector("ids-icon")) {
+                focusable.setAttribute("role", "img");
+                focusable.setAttribute("aria-labelledby", tooltipId);
+            }
+            else {
+                focusable.setAttribute("aria-describedby", tooltipId);
+            }
+        }
+        document.addEventListener("keydown", checkKey);
+        return () => document.removeEventListener("keydown", checkKey);
+    }, []);
+    useEffect(() => {
+        const triggerWrapper = triggerRef.current;
+        if (!triggerWrapper)
+            return;
+        triggerWrapper.addEventListener("mouseenter", handleOverflow);
+        triggerWrapper.addEventListener("focusin", handleOverflow);
+        return () => {
+            triggerWrapper.removeEventListener("mouseenter", handleOverflow);
+            triggerWrapper.removeEventListener("focusin", handleOverflow);
+        };
+    }, [triggerRef]);
+    return (jsxs("span", { className: clsx("ids-tooltip", className), children: [jsx("span", { className: "ids-tooltip__trigger", ref: triggerRef, children: trigger }), jsx("span", { className: clsx("ids-tooltip__content", `ids-tooltip__content--${position}`), ref: tooltipContentRef, id: tooltipId, style: { transform: `translate(${translateX}, ${translateY})` }, children: children })] }));
+};
 
 export { IDSTooltip };

package/components/utils/contexts/HeaderContext.d.ts

@@ -0,0 +1,9 @@
+export interface IDSHeaderConfig {
+    unresponsive: boolean;
+    fluid: boolean;
+    hideRegionPicker?: boolean;
+    regionPickerText?: string;
+}
+export declare const HeaderContext: import("react").Context<IDSHeaderConfig>;
+export declare const useHeaderContext: () => IDSHeaderConfig;
+export declare const HeaderProvider: import("react").Provider<IDSHeaderConfig>;

package/components/utils/contexts/HeaderContext.js

@@ -0,0 +1,7 @@
+import { createContext, useContext } from 'react';
+
+const HeaderContext = createContext(null);
+const useHeaderContext = () => useContext(HeaderContext);
+const HeaderProvider = HeaderContext.Provider;
+
+export { HeaderContext, HeaderProvider, useHeaderContext };

package/components/utils/hooks/useElementId.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generates a unique ID to associate form elements like input and label.
+ * Optionally takes an `id` to use directly (e.g., passed from props).
+ */
+export declare const useElementId: (explicitId?: string) => string;

package/components/utils/hooks/useElementId.js

@@ -0,0 +1,12 @@
+import { useId } from 'react';
+
+/**
+ * Generates a unique ID to associate form elements like input and label.
+ * Optionally takes an `id` to use directly (e.g., passed from props).
+ */
+const useElementId = (explicitId) => {
+    const generatedId = useId(); // uses React 18+ built-in hook
+    return explicitId || generatedId;
+};
+
+export { useElementId };

package/components/utils/hooks/useFocusTrap.d.ts

@@ -0,0 +1 @@
+export declare function useFocusTrap(container: HTMLElement | null, active: boolean): void;

package/components/utils/hooks/useFocusTrap.js

@@ -0,0 +1,44 @@
+import { useEffect } from 'react';
+
+function useFocusTrap(container, active) {
+    useEffect(() => {
+        if (!active || !container)
+            return;
+        const focusableSelectors = [
+            "a[href]",
+            "button:not([disabled])",
+            "textarea:not([disabled])",
+            "input:not([disabled])",
+            "select:not([disabled])",
+            '[tabindex]:not([tabindex="-1"])'
+        ];
+        const getFocusableElements = () => Array.from(container.querySelectorAll(focusableSelectors.join(","))).filter(el => !el.hasAttribute("disabled") && !el.getAttribute("aria-hidden"));
+        const handleKeyDown = (e) => {
+            if (e.key !== "Tab")
+                return;
+            const focusableElements = getFocusableElements();
+            if (focusableElements.length === 0)
+                return;
+            const firstElement = focusableElements[0];
+            const lastElement = focusableElements[focusableElements.length - 1];
+            if (e.shiftKey) {
+                if (document.activeElement === firstElement) {
+                    e.preventDefault();
+                    lastElement.focus();
+                }
+            }
+            else {
+                if (document.activeElement === lastElement) {
+                    e.preventDefault();
+                    firstElement.focus();
+                }
+            }
+        };
+        document.addEventListener("keydown", handleKeyDown);
+        return () => {
+            document.removeEventListener("keydown", handleKeyDown);
+        };
+    }, [container, active]);
+}
+
+export { useFocusTrap };

package/components/utils/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const breakPoints: {
+    small: number;
+    medium: number;
+};
+export declare const getDayAsText: (day: number) => string;
+export declare const getMonthAsSweText: (date: number, letters?: number) => string;

package/components/utils/utils.js

@@ -0,0 +1,44 @@
+const breakPoints = {
+    small: 640,
+    medium: 1024
+};
+const getDayAsText = (day) => {
+    if (day > 0) {
+        return day < 10 ? "0" + day : `${day}`;
+    }
+    else {
+        return "";
+    }
+};
+const getMonthAsSweText = (date, letters) => {
+    switch (date) {
+        case 0:
+            return "Januari".substring(0, letters);
+        case 1:
+            return "Februari".substring(0, letters);
+        case 2:
+            return "Mars".substring(0, letters);
+        case 3:
+            return "April".substring(0, letters);
+        case 4:
+            return "Maj".substring(0, letters);
+        case 5:
+            return "Juni".substring(0, letters);
+        case 6:
+            return "Juli".substring(0, letters);
+        case 7:
+            return "Augusti".substring(0, letters);
+        case 8:
+            return "September".substring(0, letters);
+        case 9:
+            return "Oktober".substring(0, letters);
+        case 10:
+            return "November".substring(0, letters);
+        case 11:
+            return "December".substring(0, letters);
+        default:
+            return "";
+    }
+};
+
+export { breakPoints, getDayAsText, getMonthAsSweText };

package/index.d.ts

@@ -1,4 +1,6 @@
 export * from "./components/form/check-button/check-button";
+export * from "./components/form/radio-button/radio-button";
+export * from "./components/form/radio-button/radio-button-group";
 export * from "./components/form/checkbox/checkbox";
 export * from "./components/form/checkbox/checkbox-group";
 export * from "./components/form/input/input";
@@ -8,12 +10,14 @@ export * from "./components/form/textarea/textarea";
 export * from "./components/form/range/range";
 export * from "./components/form/select/select";
 export * from "./components/form/select-multiple/select-multiple";
-export * from "./components/form/errormessage/error-message";
+export * from "./components/form/error-message/error-message";
 export * from "./components/form/time/time";
 export * from "./components/form/spinner/spinner";
 export * from "./components/button/button";
 export * from "./components/button-group/button-group";
-export * from "./components/grid/grid";
+export * from "./components/grid/container";
+export * from "./components/grid/row";
+export * from "./components/grid/column";
 export * from "./components/accordion/accordion";
 export * from "./components/alert/alert";
 export * from "./components/alert-global/alert-global";
@@ -22,13 +26,16 @@ export * from "./components/mobile/menu/mobile-menu";
 export * from "./components/link/link";
 export * from "./components/notification/badge/notification-badge";
 export * from "./components/tabs/tabs";
+export * from "./components/tabs/tab";
+export * from "./components/tabs/tab-panel";
 export * from "./components/puff-list/puff-list";
 export * from "./components/puff-list/puff-list-item/puff-list-item";
-export * from "./components/puff-list/puff-list-item/puff-list-info/puff-list-item-info";
+export * from "./components/puff-list/puff-list-item/puff-list-item-info";
 export * from "./components/date-label/date-label";
 export * from "./components/breadcrumbs/breadcrumbs";
 export * from "./components/dialog/dialog";
 export * from "./components/dropdown/dropdown";
+export * from "./components/dropdown/dropdown-content-link";
 export * from "./components/card/card";
 export * from "./components/agent/agent";
 export * from "./components/popover/popover";
@@ -40,10 +47,12 @@ export * from "./components/side-panel/side-panel";
 export * from "./components/tooltip/tooltip";
 export * from "./components/navigation/content/navigation-content";
 export * from "./components/carousel/carousel";
+export * from "./components/carousel/carousel-item";
 export * from "./components/tag/tag";
 export * from "./components/stepper/stepper";
+export * from "./components/stepper/step";
 export * from "./components/form/toggle/toggle";
-export * from "./components/icon-region/icon-region";
+export * from "./components/region-icon/region-icon";
 export * from "./components/navigation/local/navigation-local";
 export * from "./components/pagination/data-pagination/data-pagination";
 export * from "./components/pagination/list-pagination/list-pagination";
@@ -53,7 +62,7 @@ export * from "./components/header-1177/header-1177-avatar";
 export * from "./components/header-1177/header-1177-nav";
 export * from "./components/header-1177/header-1177-nav-item";
 export * from "./components/header-1177/header-1177-nav-item-mobile";
-export * from "./components/header-1177/header-1177-nav-menu-mobile";
+export * from "./components/header-1177/header-1177-menu-mobile";
 export * from "./components/header-1177-pro/header-1177-pro";
 export * from "./components/header-1177-pro/header-1177-pro-item";
 export * from "./components/header-1177-pro/header-1177-pro-avatar";
@@ -79,6 +88,7 @@ export * from "./components/header-inera-admin/header-inera-admin-avatar-mobile"
 export * from "./components/header-inera-admin/header-inera-admin-nav";
 export * from "./components/header-inera-admin/header-inera-admin-nav-item";
 export * from "./components/header-inera-admin/header-inera-admin-nav-mobile";
+export * from "./components/header-patient/header-patient";
 export * from "./components/footer-1177/footer-1177";
 export * from "./components/footer-1177-admin/footer-1177-admin";
 export * from "./components/footer-1177-pro/footer-1177-pro";

package/index.js

@@ -1,4 +1,6 @@
 export { IDSCheckButton } from './components/form/check-button/check-button.js';
+export { IDSRadioButton } from './components/form/radio-button/radio-button.js';
+export { IDSRadioButtonGroup } from './components/form/radio-button/radio-button-group.js';
 export { IDSCheckbox } from './components/form/checkbox/checkbox.js';
 export { IDSCheckboxGroup } from './components/form/checkbox/checkbox-group.js';
 export { IDSInput } from './components/form/input/input.js';
@@ -8,12 +10,14 @@ export { IDSTextarea } from './components/form/textarea/textarea.js';
 export { IDSRange } from './components/form/range/range.js';
 export { IDSSelect } from './components/form/select/select.js';
 export { IDSSelectMultiple } from './components/form/select-multiple/select-multiple.js';
-export { IDSErrorMessage } from './components/form/errormessage/error-message.js';
+export { IDSErrorMessage } from './components/form/error-message/error-message.js';
 export { IDSTime } from './components/form/time/time.js';
 export { IDSSpinner } from './components/form/spinner/spinner.js';
 export { IDSButton } from './components/button/button.js';
 export { IDSButtonGroup } from './components/button-group/button-group.js';
-export { IDSCol, IDSContainer, IDSRow } from './components/grid/grid.js';
+export { IDSContainer } from './components/grid/container.js';
+export { IDSRow } from './components/grid/row.js';
+export { IDSColumn } from './components/grid/column.js';
 export { IDSAccordion } from './components/accordion/accordion.js';
 export { IDSAlert } from './components/alert/alert.js';
 export { IDSAlertGlobal } from './components/alert-global/alert-global.js';
@@ -21,17 +25,20 @@ export { IDSMobileMenuItem } from './components/mobile/menu/item/mobile-item.js'
 export { IDSMobileMenu } from './components/mobile/menu/mobile-menu.js';
 export { IDSLink } from './components/link/link.js';
 export { IDSNotificationBadge } from './components/notification/badge/notification-badge.js';
-export { IDSTab, IDSTabPanel, IDSTabs } from './components/tabs/tabs.js';
+export { IDSTabs } from './components/tabs/tabs.js';
+export { IDSTab } from './components/tabs/tab.js';
+export { IDSTabPanel } from './components/tabs/tab-panel.js';
 export { IDSPuffList } from './components/puff-list/puff-list.js';
 export { IDSPuffListItem } from './components/puff-list/puff-list-item/puff-list-item.js';
-export { IDSPuffListItemInfo } from './components/puff-list/puff-list-item/puff-list-info/puff-list-item-info.js';
+export { IDSPuffListItemInfo } from './components/puff-list/puff-list-item/puff-list-item-info.js';
 export { IDSDateLabel } from './components/date-label/date-label.js';
 export { IDSBreadcrumbs } from './components/breadcrumbs/breadcrumbs.js';
 export { IDSDialog } from './components/dialog/dialog.js';
-export { IDSDropdown, IDSDropdownContent } from './components/dropdown/dropdown.js';
+export { IDSDropdown } from './components/dropdown/dropdown.js';
+export { IDSDropdownContentLink } from './components/dropdown/dropdown-content-link.js';
 export { IDSCard } from './components/card/card.js';
 export { IDSAgent } from './components/agent/agent.js';
-export { IDSPopover, IDSPopoverContent } from './components/popover/popover.js';
+export { IDSPopover } from './components/popover/popover.js';
 export { IDSProgressbar } from './components/progressbar/progressbar.js';
 export { IDSBadge } from './components/badge/badge.js';
 export { IDSBoxLink } from './components/box-link/box-link.js';
@@ -39,11 +46,13 @@ export { IDSSideMenu } from './components/side-menu/side-menu.js';
 export { IDSSidePanel } from './components/side-panel/side-panel.js';
 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 { IDSCarousel } from './components/carousel/carousel.js';
+export { IDSCarouselItem } from './components/carousel/carousel-item.js';
 export { IDSTag } from './components/tag/tag.js';
-export { IDSStep, IDSStepper } from './components/stepper/stepper.js';
+export { IDSStepper } from './components/stepper/stepper.js';
+export { IDSStep } from './components/stepper/step.js';
 export { IDSToggle } from './components/form/toggle/toggle.js';
-export { IDSIconRegion } from './components/icon-region/icon-region.js';
+export { IDSRegionIcon } from './components/region-icon/region-icon.js';
 export { IDSNavigationLocal } from './components/navigation/local/navigation-local.js';
 export { IDSDataPagination } from './components/pagination/data-pagination/data-pagination.js';
 export { IDSListPagination } from './components/pagination/list-pagination/list-pagination.js';
@@ -53,7 +62,7 @@ export { IDSHeader1177Avatar } from './components/header-1177/header-1177-avatar
 export { IDSHeader1177Nav } from './components/header-1177/header-1177-nav.js';
 export { IDSHeader1177NavItem } from './components/header-1177/header-1177-nav-item.js';
 export { IDSHeader1177NavItemMobile } from './components/header-1177/header-1177-nav-item-mobile.js';
-export { IDSHeader1177NavMenuMobile } from './components/header-1177/header-1177-nav-menu-mobile.js';
+export { IDSHeader1177MenuMobile } from './components/header-1177/header-1177-menu-mobile.js';
 export { IDSHeader1177Pro } from './components/header-1177-pro/header-1177-pro.js';
 export { IDSHeader1177ProItem } from './components/header-1177-pro/header-1177-pro-item.js';
 export { IDSHeader1177ProAvatar } from './components/header-1177-pro/header-1177-pro-avatar.js';
@@ -79,6 +88,7 @@ export { IDSHeaderIneraAdminAvatarMobile } from './components/header-inera-admin
 export { IDSHeaderIneraAdminNav } from './components/header-inera-admin/header-inera-admin-nav.js';
 export { IDSHeaderIneraAdminNavItem } from './components/header-inera-admin/header-inera-admin-nav-item.js';
 export { IDSHeaderIneraAdminNavMobile } from './components/header-inera-admin/header-inera-admin-nav-mobile.js';
+export { IDSHeaderPatient } from './components/header-patient/header-patient.js';
 export { IDSFooter1177 } from './components/footer-1177/footer-1177.js';
 export { IDSFooter1177Admin } from './components/footer-1177-admin/footer-1177-admin.js';
 export { IDSFooter1177Pro } from './components/footer-1177-pro/footer-1177-pro.js';

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@inera/ids-react",
-  "version": "6.2.0",
+  "version": "7.0.0",
   "type": "module",
   "peerDependencies": {
     "react": "*"
   },
   "dependencies": {
-    "@inera/ids-core": "6.2.x",
+    "@inera/ids-core": "7.0.x",
     "@lit-labs/react": "^1.1.0",
     "clsx": "*"
   },

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

@@ -1,3 +0,0 @@
-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 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit-labs/react';
-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,
-});
-
-export { IDSErrorMessage };

package/components/grid/grid.d.ts

@@ -1,9 +0,0 @@
-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/grid/grid.js

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { createComponent } from '@lit-labs/react';
-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
-});
-
-export { IDSCol, IDSContainer, IDSRow };

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

@@ -1,5 +0,0 @@
-import { IDSHeader1177NavMenuMobile as HeaderNavMenuMobile } from '@inera/ids-core/components/header-1177/header-1177-nav-menu-mobile-element.js';
-export declare const IDSHeader1177NavMenuMobile: import("@lit-labs/react").ReactWebComponent<HeaderNavMenuMobile, {
-    onClosed: string;
-    onExpanded: string;
-}>;

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

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

package/components/icon-region/icon-region.d.ts

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

package/components/icon-region/icon-region.js

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

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

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

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

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