@norges-domstoler/dds-components 9.3.0-beta.0 → 9.4.0

package/dist/_virtual/_rollupPluginBabelHelpers.js

@@ -7,7 +7,6 @@ function _typeof(obj) {
     return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
   }, _typeof(obj);
 }
-
 function _defineProperty(obj, key, value) {
   if (key in obj) {
     Object.defineProperty(obj, key, {
@@ -19,44 +18,33 @@ function _defineProperty(obj, key, value) {
   } else {
     obj[key] = value;
   }
-
   return obj;
 }
-
 function _slicedToArray(arr, i) {
   return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
 }
-
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray(arr);
 }
-
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
-
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-
 function _iterableToArrayLimit(arr, i) {
   var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
   if (_i == null) return;
   var _arr = [];
   var _n = true;
   var _d = false;
-
   var _s, _e;
-
   try {
     for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
       _arr.push(_s.value);
-
       if (i && _arr.length === i) break;
     }
   } catch (err) {
@@ -69,10 +57,8 @@ function _iterableToArrayLimit(arr, i) {
       if (_d) throw _e;
     }
   }
-
   return _arr;
 }
-
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -81,33 +67,24 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
   return arr2;
 }
-
 function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-
 function _createForOfIteratorHelper(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-
   if (!it) {
     if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
       if (it) o = it;
       var i = 0;
-
       var F = function () {};
-
       return {
         s: F,
         n: function () {
@@ -125,13 +102,11 @@ function _createForOfIteratorHelper(o, allowArrayLike) {
         f: F
       };
     }
-
     throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-
   var normalCompletion = true,
-      didErr = false,
-      err;
+    didErr = false,
+    err;
   return {
     s: function () {
       it = it.call(o);

package/dist/cjs/components/Button/Button.stories.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "onFocus" | "onBlur">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type">, "id" | "className"> & {
         size?: import("./Button.types").ButtonSize | undefined;
         label?: string | undefined;
         purpose?: import("./Button.types").ButtonPurpose | undefined;
@@ -13,12 +13,12 @@ declare const _default: {
         href?: string | undefined;
         target?: string | undefined;
     } & {
-        type?: "button" | "submit" | "reset" | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        type?: "button" | "submit" | "reset" | undefined;
     } & {
-        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "onFocus" | "onBlur"> | undefined;
+        htmlProps?: Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onFocus" | "onBlur" | "onClick" | "type"> | undefined;
     } & import("react").RefAttributes<HTMLButtonElement>>;
     argTypes: {
         label: {

package/dist/cjs/components/Checkbox/Checkbox.stories.d.ts

@@ -1,14 +1,14 @@
 import { CheckboxProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onBlur" | "name" | "value" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onChange" | "checked">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
         label?: string | undefined;
         error?: boolean | undefined;
         disabled?: boolean | undefined;
         readOnly?: boolean | undefined;
         indeterminate?: boolean | undefined;
     } & import("../../types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onBlur" | "name" | "value" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onChange" | "checked"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

package/dist/cjs/components/InlineEdit/InlineEdit.d.ts

@@ -0,0 +1,2 @@
+import { InlineEditProps } from './InlineEdit.types';
+export declare const InlineEdit: (props: InlineEditProps) => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineEdit.stories.d.ts

@@ -0,0 +1,33 @@
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        emptiable: {
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const OverviewInputTypes: () => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineEdit.styles.d.ts

@@ -0,0 +1,4 @@
+import { Property } from 'csstype';
+export declare const defaultWidth: Property.Width;
+export declare const getInlineEditInputStyling: (isEditing?: boolean) => import("styled-components").FlattenSimpleInterpolation;
+export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/cjs/components/InlineEdit/InlineEdit.tokens.d.ts

@@ -0,0 +1,25 @@
+export declare const inlineEditTokens: {
+    inlineEdit: {
+        padding: string;
+        paddingLeft: string;
+        font: {
+            lineHeight: any;
+            fontSize: string;
+            letterSpacing: any;
+            fontFamily: any;
+            fontWeight: any;
+            fontStyle: any;
+        };
+        backgroundColor: string;
+        hover: {
+            backgroundColor: string;
+        };
+        focus: {
+            backgroundColor: string;
+        };
+    };
+    iconWrapper: {
+        top: string;
+        left: string;
+    };
+};

package/dist/cjs/components/InlineEdit/InlineEdit.types.d.ts

@@ -0,0 +1,33 @@
+import { Property } from 'csstype';
+import { InputHTMLAttributes, ReactNode, RefObject, TextareaHTMLAttributes } from 'react';
+export declare type BaseInlineInputProps = {
+    /**Spesifiserer error state. Hvis `errorMessage` ikke brukes må inputfeltet knyttes med ARIA til en feilmelding som vises andre steder i applikasjonen. */
+    error?: boolean;
+    /**Feilmelding. Setter også error state. */
+    errorMessage?: string;
+    /** Bredde på komponenten. */
+    width?: Property.Width;
+    /** **OBS!** settes automatisk av forelder. Spesifiserer om brukeren kan tømme inputfeltet. */
+    emptiable?: boolean;
+    /** **OBS!** settes automatisk av forelder. Spesifiserer om komponenten er i redigeringsmodus. */
+    isEditing?: boolean;
+};
+export declare type InlineEditProps = {
+    /**Callback for når verdien blir lagret. */
+    onSetValue?: (value: string) => void;
+    /** Ref til barnet. */
+    inputRef: RefObject<HTMLElement>;
+    /** Barn (inputelementet). */
+    children: ReactNode;
+    /**Spesifiserer om brukeren kan tømme inputfeltet. */
+    emptiable?: boolean;
+    /**Ekstra callback ved `onChange`-event. */
+    onChange?: () => void;
+    /**Ekstra callback ved `onFocus`-event. */
+    onFocus?: () => void;
+    /**Ekstra callback ved `onBlur`-event. */
+    onBlur?: () => void;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, 'value'>;
+export declare type CommonInlineEditWrapperProps = Pick<InlineEditProps, 'onSetValue' | 'emptiable' | 'onBlur' | 'onFocus' | 'onChange'> & Pick<BaseInlineInputProps, 'error' | 'errorMessage' | 'width'>;
+export declare type InlineEditTextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;
+export declare type InlineEditInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'width' | 'onChange' | 'onFocus' | 'onBlur'> & CommonInlineEditWrapperProps;

package/dist/cjs/components/InlineEdit/InlineEdit.utils.d.ts

@@ -0,0 +1 @@
+export declare const inlineEditVisuallyHidden: (id: string, emptiable?: boolean) => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineEditInput.d.ts

@@ -0,0 +1 @@
+export declare const InlineEditInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "width" | "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/InlineEdit/InlineEditInput.stories.d.ts

@@ -0,0 +1,36 @@
+import { InlineEditInputProps } from './InlineEdit.types';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        emptiable: {
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: InlineEditInputProps) => JSX.Element;
+export declare const Default: (args: InlineEditInputProps) => JSX.Element;
+export declare const InTable: () => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineEditTextArea.d.ts

@@ -0,0 +1 @@
+export declare const InlineEditTextArea: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onChange" | "onFocus" | "onBlur"> & Pick<import("./InlineEdit.types").InlineEditProps, "onChange" | "onFocus" | "onBlur" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "error" | "errorMessage" | "width"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/InlineEdit/InlineEditTextArea.stories.d.ts

@@ -0,0 +1,36 @@
+import { InlineEditTextAreaProps } from './InlineEdit.types';
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+    argTypes: {
+        emptiable: {
+            control: {
+                type: string;
+            };
+        };
+        error: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: InlineEditTextAreaProps) => JSX.Element;
+export declare const Default: (args: InlineEditTextAreaProps) => JSX.Element;
+export declare const InTable: () => JSX.Element;

package/dist/cjs/components/InlineEdit/InlineInput.d.ts

@@ -0,0 +1,4 @@
+import { InputHTMLAttributes } from 'react';
+import { BaseInlineInputProps } from './InlineEdit.types';
+export declare type InlineInputProps = BaseInlineInputProps & InputHTMLAttributes<HTMLInputElement>;
+export declare const InlineInput: import("react").ForwardRefExoticComponent<BaseInlineInputProps & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/InlineEdit/InlineTextArea.d.ts

@@ -0,0 +1,4 @@
+import { TextareaHTMLAttributes } from 'react';
+import { BaseInlineInputProps } from './InlineEdit.types';
+export declare type InlineTextAreaProps = BaseInlineInputProps & TextareaHTMLAttributes<HTMLTextAreaElement>;
+export declare const InlineTextArea: import("react").ForwardRefExoticComponent<BaseInlineInputProps & TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/cjs/components/InlineEdit/index.d.ts

@@ -0,0 +1,3 @@
+export * from './InlineEditTextArea';
+export * from './InlineEditInput';
+export type { InlineEditTextAreaProps, InlineEditInputProps, } from './InlineEdit.types';

package/dist/cjs/components/OverflowMenu/OverflowMenu.stories.d.ts

@@ -6,7 +6,7 @@ declare const _default: {
         userProps?: ({
             name: string;
             href?: string | undefined;
-        } & (import("react").ButtonHTMLAttributes<HTMLButtonElement> | import("react").AnchorHTMLAttributes<HTMLAnchorElement>)) | undefined;
+        } & (import("react").AnchorHTMLAttributes<HTMLAnchorElement> | import("react").ButtonHTMLAttributes<HTMLButtonElement>)) | undefined;
         navItems?: import("./OverflowMenu.types").OverflowMenuLinkItem[] | undefined;
         isOpen?: boolean | undefined;
         onClose?: (() => void) | undefined;

package/dist/cjs/components/OverflowMenu/OverflowMenu.tokens.d.ts

@@ -16,6 +16,9 @@ export declare const overflowMenuTokens: {
         };
     };
     link: {
+        iconWrapper: {
+            height: string;
+        };
         hover: {
             backgroundColor: string;
         };

package/dist/cjs/components/RadioButton/RadioButton.stories.d.ts

@@ -1,22 +1,22 @@
 import { RadioButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "aria-describedby" | "onChange" | "checked" | "readOnly" | "required">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
         label?: string | undefined;
         disabled?: boolean | undefined;
         error?: boolean | undefined;
     } & {
-        name?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
         'aria-describedby'?: string | undefined;
         onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+        name?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
         checked?: boolean | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "aria-describedby" | "onChange" | "checked" | "readOnly" | "required"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

package/dist/cjs/components/SplitButton/SplitButton.d.ts

@@ -1,5 +1,7 @@
-import { ButtonProps, ButtonSize } from '../Button';
+import { ExtractStrict } from '../../types';
+import { ButtonProps, ButtonPurpose, ButtonSize } from '../Button';
 import { OverflowMenuButtonItem } from '../OverflowMenu';
+export declare type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;
 export declare type SplitButtonProps = {
     /**Størrelse på komponenten. */
     size?: ButtonSize;
@@ -7,5 +9,7 @@ export declare type SplitButtonProps = {
     primaryAction: Omit<ButtonProps, 'size' | 'apperance' | 'purpose'>;
     /**Props for sekunære handlinger. */
     secondaryActions: OverflowMenuButtonItem[];
+    /**Formål med knappen */
+    purpose?: SplitButtonPurpose;
 };
 export declare const SplitButton: import("react").ForwardRefExoticComponent<SplitButtonProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/SplitButton/SplitButton.tokens.d.ts

@@ -0,0 +1,7 @@
+export declare const tokens: {
+    mainButton: {
+        primary: {
+            borderLeft: string;
+        };
+    };
+};

package/dist/cjs/components/ToggleButton/ToggleButton.stories.d.ts

@@ -1,11 +1,11 @@
 import { ToggleButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onBlur" | "name" | "value" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onChange" | "checked">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
         label?: string | undefined;
         icon?: import("../../icons/utils").SvgIcon | undefined;
     } & import("../../types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onBlur" | "name" | "value" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onChange" | "checked"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

package/dist/cjs/components/Tooltip/Tooltip.stories.d.ts

@@ -1,7 +1,7 @@
 import { TooltipProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver">, "id" | "className"> & {
         text: string;
         placement?: import("../..").Placement | undefined;
         children: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & import("react").RefAttributes<HTMLElement>;
@@ -12,7 +12,7 @@ declare const _default: {
         onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     } & {
-        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "style" | "children" | "onMouseLeave" | "onMouseOver"> | undefined;
+        htmlProps?: Omit<import("react").HTMLAttributes<HTMLDivElement>, "children" | "style" | "onMouseLeave" | "onMouseOver"> | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     argTypes: {
         text: {

package/dist/cjs/helpers/Input/Input.styles.d.ts

@@ -4,7 +4,7 @@ export declare const StatefulInput: import("styled-components").StyledComponent<
     hasErrorMessage: boolean;
 } & Pick<import("./Input.types").InputProps, "componentSize">, never>;
 declare type OuterInputContainerProps = {
-    width?: Property.Width<string>;
+    width?: Property.Width;
 };
 export declare const OuterInputContainer: import("styled-components").StyledComponent<"div", any, OuterInputContainerProps, never>;
 /**Brukes som container til input og ikon for posisjonering. */

package/dist/cjs/index.d.ts

@@ -39,5 +39,6 @@ export * from './components/ToggleBar';
 export * from './components/Grid';
 export * from './components/ProgressTracker';
 export * from './hooks';
+export * from './components/InlineEdit';
 export * from './components/TextArea';
 export * from './components/SplitButton';