@inera/ids-react 1.0.0

package/api.d.ts

@@ -0,0 +1,18 @@
+export * from "./components/form/checkbox/checkbox";
+export * from "./components/form/checkbox/checkbox-group";
+export * from "./components/form/checkbox/checkbox-array";
+export * from "./components/form/input/input";
+export * from "./components/form/radio/radio";
+export * from "./components/form/radio/radio-group";
+export * from "./components/form/textarea/textarea";
+export * from "./components/form/range/range";
+export * from "./components/form/select/select";
+export * from "./components/form/selectmultiple/select-multiple";
+export * from "./components/form/errormessage/error-message";
+export * from "./components/form/time/time";
+export * from "./components/form/spinner/spinner";
+export * from "./components/icon/icon";
+export * from "./components/button/button";
+export * from "./components/button/button-group";
+export * from "./components/layout/grid";
+export * from "./components/alert/alert";

package/api.js

@@ -0,0 +1,18 @@
+export { IDSCheckbox, IDSCheckboxWebComponent } from './components/form/checkbox/checkbox.js';
+export { IDSCheckboxGroup, IDSCheckboxGroupWebComponent } from './components/form/checkbox/checkbox-group.js';
+export { IDSCheckboxArray } from './components/form/checkbox/checkbox-array.js';
+export { IDSInputEmail, IDSInputPassword, IDSInputSearch, IDSInputText, IDSInputWebComponent } from './components/form/input/input.js';
+export { IDSRadio, IDSRadioWebComponent } from './components/form/radio/radio.js';
+export { IDSRadioGroup } from './components/form/radio/radio-group.js';
+export { IDSTextarea, IDSTextareaWebComponent } from './components/form/textarea/textarea.js';
+export { IDSRange, IDSRangeWebComponent } from './components/form/range/range.js';
+export { IDSSelect, IDSSelectWebComponent } from './components/form/select/select.js';
+export { IDSSelectMultiple, IDSSelectMultipleWebComponent } from './components/form/selectmultiple/select-multiple.js';
+export { IDSErrorMessage } from './components/form/errormessage/error-message.js';
+export { IDSTime, IDSTimeWebComponent } from './components/form/time/time.js';
+export { IDSSpinner, IDSSpinnerWebComponent } from './components/form/spinner/spinner.js';
+export { IDSIcon } from './components/icon/icon.js';
+export { IDSButton, IDSButtonWebComponent } from './components/button/button.js';
+export { IDSButtonGroup, IDSButtonGroupWebComponent } from './components/button/button-group.js';
+export { IDSCol, IDSColWebComponent, IDSRow, IDSRowWebComponent } from './components/layout/grid.js';
+export { IDSAlert, IDSAlertWebComponent } from './components/alert/alert.js';

package/components/alert/alert.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import '@inera/ids-core/components/alert/register';
+import { IDSAlert as IDSComponent } from '@inera/ids-core/components/alert/alert-element';
+export declare const IDSAlertWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {
+    onClosed?: (e: Event) => unknown;
+} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSAlert: (props: any) => JSX.Element;

package/components/alert/alert.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+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.live, live = _b === void 0 ? 'polite' : _b, _c = props.type, type = _c === void 0 ? 'info' : _c, _d = props.onClosed, onClosed = _d === void 0 ? function () { } : _d, children = props.children, alertProps = __rest(props, ["dismissible", "headline", "live", "type", "onClosed", "children"]);
+    return (React__default.createElement(IDSAlertWebComponent, __assign({ dismissible: dismissible, headline: headline, live: live, type: type, onClosed: onClosed }, alertProps), children));
+};
+
+export { IDSAlert, IDSAlertWebComponent };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/button-group/register';
+import { IDSButtonGroup as IDSComponent } from '@inera/ids-core/components/button-group/button-group-element';
+export declare const IDSButtonGroupWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSButtonGroup: (props: any) => JSX.Element;

package/components/button/button-group.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import '@inera/ids-core/components/button-group/register';
+import { IDSButtonGroup as IDSButtonGroup$1 } from '@inera/ids-core/components/button-group/button-group-element';
+import { createComponent } from '@lit-labs/react';
+
+var IDSButtonGroupWebComponent = createComponent(React, 'ids-button-group', IDSButtonGroup$1);
+var IDSButtonGroup = function (props) {
+    var children = props.children;
+    return (React.createElement(IDSButtonGroupWebComponent, null, children));
+};
+
+export { IDSButtonGroup, IDSButtonGroupWebComponent };

package/components/button/button.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/button/register';
+import { IDSButton as IDSComponent } from '@inera/ids-core/components/button/button-element';
+export declare const IDSButtonWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSButton: (props: any) => JSX.Element;

package/components/button/button.js

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/button/register';
+import { IDSButton as IDSButton$1 } from '@inera/ids-core/components/button/button-element';
+
+var IDSButtonWebComponent = createComponent(React, 'ids-button', IDSButton$1);
+var IDSButton = function (props) {
+    var children = props.children, buttonProps = __rest(props, ["children"]);
+    return (React.createElement(IDSButtonWebComponent, __assign({}, buttonProps), children));
+};
+
+export { IDSButton, IDSButtonWebComponent };

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const IDSCheckboxArray: (props: any) => JSX.Element;

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

@@ -0,0 +1,17 @@
+import React__default, { useState, useEffect } from 'react';
+import { IDSCheckboxGroup } from './checkbox-group.js';
+import { IDSCheckbox } from './checkbox.js';
+
+var IDSCheckboxArray = function (props) {
+    var _a = props.legend, legend = _a === void 0 ? null : _a, _b = props.labelValueArray, labelValueArray = _b === void 0 ? [] : _b;
+    var _c = useState(labelValueArray), labelValue = _c[0], setLabelValueArray = _c[1];
+    useEffect(function () {
+        setLabelValueArray(labelValueArray);
+    }, [labelValueArray]);
+    return (React__default.createElement(IDSCheckboxGroup, { legend: legend }, labelValue.map(function (_a) {
+        var label = _a.label, value = _a.value;
+        return (React__default.createElement(IDSCheckbox, { label: label, name: value, defaultValue: value }));
+    })));
+};
+
+export { IDSCheckboxArray };

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import '@inera/ids-core/components/form/checkbox-group/register';
+import { IDSCheckboxGroup as IDSComponent } from '@inera/ids-core/components/form/checkbox-group/checkbox-group-element';
+export declare const IDSCheckboxGroupWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSCheckboxGroup: (props: any) => JSX.Element;

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

@@ -0,0 +1,12 @@
+import React__default from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/checkbox-group/register';
+import { IDSCheckboxGroup as IDSCheckboxGroup$1 } from '@inera/ids-core/components/form/checkbox-group/checkbox-group-element';
+
+var IDSCheckboxGroupWebComponent = createComponent(React__default, 'ids-checkbox-group', IDSCheckboxGroup$1);
+var IDSCheckboxGroup = function (props) {
+    var legend = props.legend, children = props.children;
+    return (React__default.createElement(IDSCheckboxGroupWebComponent, { legend: legend }, children));
+};
+
+export { IDSCheckboxGroup, IDSCheckboxGroupWebComponent };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/checkbox/register';
+import { IDSCheckbox as IDSComponent } from '@inera/ids-core/components/form/checkbox/checkbox-element';
+export declare const IDSCheckboxWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSCheckbox: (props: any) => JSX.Element;

package/components/form/checkbox/checkbox.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/checkbox/register';
+import { IDSCheckbox as IDSCheckbox$1 } from '@inera/ids-core/components/form/checkbox/checkbox-element';
+
+var IDSCheckboxWebComponent = createComponent(React, 'ids-checkbox', IDSCheckbox$1);
+var IDSCheckbox = function (props) {
+    var label = props.label, inputTypeCheckboxProps = __rest(props, ["label"]);
+    return (React.createElement(IDSCheckboxWebComponent, null,
+        React.createElement("input", __assign({ type: "checkbox" }, inputTypeCheckboxProps)),
+        React.createElement("label", null, label)));
+};
+
+export { IDSCheckbox, IDSCheckboxWebComponent };

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/error-message/register';
+import { IDSErrorMessage as IDSComponent } from '@inera/ids-core/components/form/error-message/error-message-element';
+export declare const IDSErrorMessage: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/error-message/register';
+import { IDSErrorMessage as IDSErrorMessage$1 } from '@inera/ids-core/components/form/error-message/error-message-element';
+
+var IDSErrorMessage = createComponent(React, 'ids-error-message', IDSErrorMessage$1);
+
+export { IDSErrorMessage };

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/input/register';
+import { IDSInput as IDSComponent } from '@inera/ids-core/components/form/input/input-element';
+export declare const IDSInputWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSInputText: (props: any) => JSX.Element;
+export declare const IDSInputSearch: (props: any) => JSX.Element;
+export declare const IDSInputEmail: (props: any) => JSX.Element;
+export declare const IDSInputPassword: (props: any) => JSX.Element;

package/components/form/input/input.js

@@ -0,0 +1,39 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/input/register';
+import { IDSInput } from '@inera/ids-core/components/form/input/input-element';
+import { IDSErrorMessage } from '../errormessage/error-message.js';
+
+var IDSInputWebComponent = createComponent(React, 'ids-input', IDSInput);
+var IDSInputText = function (props) {
+    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, inputProps = __rest(props, ["label", "errorMessage"]);
+    return (React.createElement(IDSInputWebComponent, null,
+        React.createElement("label", null, label),
+        React.createElement("input", __assign({ type: "text" }, inputProps)),
+        errorMessage ? React.createElement(IDSErrorMessage, null, errorMessage) : null));
+};
+var IDSInputSearch = function (props) {
+    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, _b = props.button, button = _b === void 0 ? null : _b, inputProps = __rest(props, ["label", "errorMessage", "button"]);
+    return (React.createElement(IDSInputWebComponent, null,
+        React.createElement("label", null, label),
+        React.createElement("input", __assign({ type: "search" }, inputProps)),
+        button,
+        errorMessage ? React.createElement(IDSErrorMessage, null, errorMessage) : null));
+};
+var IDSInputEmail = function (props) {
+    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, inputProps = __rest(props, ["label", "errorMessage"]);
+    return (React.createElement(IDSInputWebComponent, null,
+        React.createElement("label", null, label),
+        React.createElement("input", __assign({ type: "email" }, inputProps)),
+        errorMessage ? React.createElement(IDSErrorMessage, null, errorMessage) : null));
+};
+var IDSInputPassword = function (props) {
+    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, inputProps = __rest(props, ["label", "errorMessage"]);
+    return (React.createElement(IDSInputWebComponent, null,
+        React.createElement("label", null, label),
+        React.createElement("input", __assign({ type: "password" }, inputProps)),
+        errorMessage ? React.createElement(IDSErrorMessage, null, errorMessage) : null));
+};
+
+export { IDSInputEmail, IDSInputPassword, IDSInputSearch, IDSInputText, IDSInputWebComponent };

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import '@inera/ids-core/components/form/radio/register';
+export declare const IDSRadioGroup: (props: any) => JSX.Element;

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

@@ -0,0 +1,13 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/radio/register';
+import { IDSRadioGroup as IDSRadioGroup$1 } from '@inera/ids-core/components/form/radio/radio-group-element';
+
+var IDSRadioGroupWebComponent = createComponent(React, 'ids-radio-group', IDSRadioGroup$1);
+var IDSRadioGroup = function (props) {
+    var legend = props.legend, children = props.children, radiogroupProps = __rest(props, ["legend", "children"]);
+    return (React.createElement(IDSRadioGroupWebComponent, __assign({ legend: legend }, radiogroupProps), children));
+};
+
+export { IDSRadioGroup };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/radio/register';
+import { IDSRadio as IDSComponent } from '@inera/ids-core/components/form/radio/radio-element';
+export declare const IDSRadioWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSRadio: (props: any) => JSX.Element;

package/components/form/radio/radio.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/radio/register';
+import { IDSRadio as IDSRadio$1 } from '@inera/ids-core/components/form/radio/radio-element';
+
+var IDSRadioWebComponent = createComponent(React, 'ids-radio', IDSRadio$1);
+var IDSRadio = function (props) {
+    var label = props.label, value = props.value, inputProps = __rest(props, ["label", "value"]);
+    return (React.createElement(IDSRadioWebComponent, null,
+        React.createElement("input", __assign({ type: "radio", value: value }, inputProps)),
+        React.createElement("label", null, label)));
+};
+
+export { IDSRadio, IDSRadioWebComponent };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/range/register';
+import { IDSRange as IDSComponent } from '@inera/ids-core/components/form/range/range-element';
+export declare const IDSRangeWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSRange: (props: any) => JSX.Element;

package/components/form/range/range.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/range/register';
+import { IDSRange as IDSRange$1 } from '@inera/ids-core/components/form/range/range-element';
+
+var IDSRangeWebComponent = createComponent(React, 'ids-range', IDSRange$1);
+var IDSRange = function (props) {
+    var label = props.label, _a = props.showticks, showticks = _a === void 0 ? true : _a, rangeProps = __rest(props, ["label", "showticks"]);
+    return (React.createElement(IDSRangeWebComponent, { showticks: showticks },
+        React.createElement("label", null, label),
+        React.createElement("input", __assign({ type: "range" }, rangeProps))));
+};
+
+export { IDSRange, IDSRangeWebComponent };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/select/register';
+import { IDSSelect as IDSComponent } from '@inera/ids-core/components/form/select/select-element';
+export declare const IDSSelectWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSSelect: (props: any) => JSX.Element;

package/components/form/select/select.js

@@ -0,0 +1,15 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/select/register';
+import { IDSSelect as IDSSelect$1 } from '@inera/ids-core/components/form/select/select-element';
+
+var IDSSelectWebComponent = createComponent(React, 'ids-select', IDSSelect$1);
+var IDSSelect = function (props) {
+    var label = props.label, children = props.children, selectProps = __rest(props, ["label", "children"]);
+    return (React.createElement(IDSSelectWebComponent, null,
+        React.createElement("label", null, label),
+        React.createElement("select", __assign({}, selectProps), children)));
+};
+
+export { IDSSelect, IDSSelectWebComponent };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/select-multiple/register';
+import { IDSSelectMultiple as IDSComponent } from '@inera/ids-core/components/form/select-multiple/select-multiple-element';
+export declare const IDSSelectMultipleWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSSelectMultiple: (props: any) => JSX.Element;

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

@@ -0,0 +1,15 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/select-multiple/register';
+import { IDSSelectMultiple as IDSSelectMultiple$1 } from '@inera/ids-core/components/form/select-multiple/select-multiple-element';
+import { IDSCheckboxGroupWebComponent } from '../checkbox/checkbox-group.js';
+
+var IDSSelectMultipleWebComponent = createComponent(React, 'ids-select-multiple', IDSSelectMultiple$1);
+var IDSSelectMultiple = function (props) {
+    var children = props.children, selectProps = __rest(props, ["children"]);
+    return (React.createElement(IDSSelectMultipleWebComponent, __assign({}, selectProps),
+        React.createElement(IDSCheckboxGroupWebComponent, null, children)));
+};
+
+export { IDSSelectMultiple, IDSSelectMultipleWebComponent };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/spinner/register';
+import { IDSSpinner as IDSComponent } from '@inera/ids-core/components/form/spinner/spinner-element';
+export declare const IDSSpinnerWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSSpinner: (props: any) => JSX.Element;

package/components/form/spinner/spinner.js

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/spinner/register';
+import { IDSSpinner as IDSSpinner$1 } from '@inera/ids-core/components/form/spinner/spinner-element';
+import { 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 }));
+};
+
+export { IDSSpinner, IDSSpinnerWebComponent };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/textarea/register';
+import { IDSTextarea as IDSComponent } from '@inera/ids-core/components/form/textarea/textarea-element';
+export declare const IDSTextareaWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSTextarea: (props: any) => JSX.Element;

package/components/form/textarea/textarea.js

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/textarea/register';
+import { IDSTextarea as IDSTextarea$1 } from '@inera/ids-core/components/form/textarea/textarea-element';
+import { IDSErrorMessage } from '../errormessage/error-message.js';
+
+var IDSTextareaWebComponent = createComponent(React, 'ids-textarea', IDSTextarea$1);
+var IDSTextarea = function (props) {
+    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, textareaProps = __rest(props, ["label", "errorMessage"]);
+    return (React.createElement(IDSTextareaWebComponent, null,
+        errorMessage ? React.createElement(IDSErrorMessage, null, errorMessage) : null,
+        React.createElement("label", null, label),
+        React.createElement("textarea", __assign({}, textareaProps))));
+};
+
+export { IDSTextarea, IDSTextareaWebComponent };

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import '@inera/ids-core/components/form/time/register';
+import { IDSTime as IDSComponent } from '@inera/ids-core/components/form/time/time-element';
+export declare const IDSTimeWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSTime: (props: any) => JSX.Element;

package/components/form/time/time.js

@@ -0,0 +1,17 @@
+import { __rest, __assign } from '../../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/form/time/register';
+import { IDSTime as IDSTime$1 } from '@inera/ids-core/components/form/time/time-element';
+import { IDSErrorMessage } from '../errormessage/error-message.js';
+
+var IDSTimeWebComponent = createComponent(React, 'ids-time', IDSTime$1);
+var IDSTime = function (props) {
+    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, timeinputProps = __rest(props, ["label", "errorMessage"]);
+    return (React.createElement(IDSTimeWebComponent, null,
+        React.createElement("label", null, label),
+        React.createElement("input", __assign({ type: "time" }, timeinputProps)),
+        React.createElement(IDSErrorMessage, null, errorMessage)));
+};
+
+export { IDSTime, IDSTimeWebComponent };

package/components/icon/icon.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import '@inera/ids-core/components/icon/register';
+import { IDSIcon as IDSComponent } from '@inera/ids-core/components/icon/icon-element';
+export declare const IDSIcon: React.ForwardRefExoticComponent<Partial<Omit<IDSComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;

package/components/icon/icon.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+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(React, 'ids-icon', IDSIcon$1);
+
+export { IDSIcon };

package/components/layout/grid.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import '@inera/ids-core/components/grid/column/register';
+import '@inera/ids-core/components/grid/row/register';
+import { IDSRow as IDSRowJs } from '@inera/ids-core/components/grid/row/row-element';
+import { IDSColumn as IDSColumnJs } from '@inera/ids-core/components/grid/column/column-element';
+export declare const IDSRowWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSRowJs, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSColWebComponent: React.ForwardRefExoticComponent<Partial<Omit<IDSColumnJs, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSRow: (props: any) => JSX.Element;
+export declare const IDSCol: (props: any) => JSX.Element;

package/components/layout/grid.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from '../../_virtual/_tslib.js';
+import * as React from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/grid/column/register';
+import '@inera/ids-core/components/grid/row/register';
+import { IDSRow as IDSRow$1 } from '@inera/ids-core/components/grid/row/row-element';
+import { IDSColumn } from '@inera/ids-core/components/grid/column/column-element';
+
+var IDSRowWebComponent = createComponent(React, 'ids-row', IDSRow$1);
+var IDSColWebComponent = createComponent(React, 'ids-col', IDSColumn);
+var IDSRow = function (props) {
+    var children = props.children, rowProps = __rest(props, ["children"]);
+    return (React.createElement(IDSRowWebComponent, __assign({}, rowProps), children));
+};
+var IDSCol = function (props) {
+    var children = props.children, colProps = __rest(props, ["children"]);
+    return (React.createElement(IDSColWebComponent, __assign({}, colProps), children));
+};
+
+export { IDSCol, IDSColWebComponent, IDSRow, IDSRowWebComponent };

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@inera/ids-react",
+  "version": "1.0.0",
+  "peerDependencies": {
+    "react": "^17.0.2"
+  },
+  "dependencies": {
+    "@inera/ids-core": "^1.1.1",
+    "@lit-labs/react": "^1.0.2"
+  },
+  "main": "api.js",
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false
+}