@norges-domstoler/dds-components 5.0.0 → 5.1.0

package/dist/cjs/components/Select/CustomSelect.stories.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { SelectOption, SelectProps } from '.';
+declare const _default: {
+    title: string;
+    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, customOptionElement, customSingleValueElement, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | React.MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        tip: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+        };
+        isDisabled: {
+            control: {
+                type: string;
+            };
+        };
+        isClearable: {
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        isLoading: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+declare type SingleSelectProps = SelectProps<SelectOption, false>;
+export declare const Overview: (args: SingleSelectProps) => JSX.Element;

package/dist/cjs/components/Select/MultiSelect.stories.d.ts

@@ -1,7 +1,7 @@
 import { SelectProps } from './Select';
 declare const _default: {
     title: string;
-    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
+    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, customOptionElement, customSingleValueElement, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
     argTypes: {
         label: {
             control: {

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

@@ -1,6 +1,6 @@
 import { Property } from 'csstype';
 import React from 'react';
-import { GroupBase, Props as ReactSelectProps, SelectInstance } from 'react-select';
+import { GroupBase, OptionProps, Props as ReactSelectProps, SelectInstance, SingleValueProps } from 'react-select';
 import { WithRequiredIf } from '../../types/utils';
 export declare type SelectOption<TValue = unknown> = {
     label: string | number;
@@ -26,7 +26,9 @@ export declare type SelectProps<TOption extends Record<string, unknown>, IsMulti
     className?: string;
     /** Inline styling. */
     style?: React.CSSProperties;
+    customOptionElement?: (props: OptionProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
+    customSingleValueElement?: (props: SingleValueProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
 } & WrappedReactSelectProps<TOption, IsMulti, GroupBase<TOption>>;
 declare type ForwardRefType<TOption, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<TOption, IsMulti, GroupBase<TOption>>>;
-export declare const Select: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, ...rest }: SelectProps<TOption, IsMulti>, ref: ForwardRefType<TOption, IsMulti>) => JSX.Element;
+export declare const Select: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, customOptionElement, customSingleValueElement, ...rest }: SelectProps<TOption, IsMulti>, ref: ForwardRefType<TOption, IsMulti>) => JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import { SelectOption, SelectProps } from '.';
 declare const _default: {
     title: string;
-    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
+    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, customOptionElement, customSingleValueElement, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
     argTypes: {
         label: {
             control: {

package/dist/cjs/icons/tsx/questionAnswer.d.ts

@@ -1,2 +1,2 @@
 import { SvgProps } from '../utils/propTypes';
-export declare function QestionAnswerIcon(props: SvgProps): JSX.Element;
+export declare function QuestionAnswerIcon(props: SvgProps): JSX.Element;

package/dist/cjs/index.js

@@ -2890,7 +2890,7 @@ function PublishIcon(props) {
   }));
 }
 
-function QestionAnswerIcon(props) {
+function QuestionAnswerIcon(props) {
   var title = props.title,
       rest = tslib.__rest(props, ["title"]);
 
@@ -5898,7 +5898,8 @@ var getCustomStyles = function getCustomStyles() {
 
 var DdsOption = ReactSelect.components.Option,
     NoOptionsMessage = ReactSelect.components.NoOptionsMessage,
-    Input$2 = ReactSelect.components.Input;
+    Input$2 = ReactSelect.components.Input,
+    SingleValue = ReactSelect.components.SingleValue;
 var createSelectOptions = function createSelectOptions() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -5921,6 +5922,18 @@ var IconOption = function IconOption(props) {
   }));
 };
 
+var CustomOption = function CustomOption(props, Element) {
+  return jsxRuntime.jsx(DdsOption, Object.assign({}, props, {
+    children: jsxRuntime.jsx(Element, Object.assign({}, props))
+  }));
+};
+
+var CustomSingleValue = function CustomSingleValue(props, Element) {
+  return jsxRuntime.jsx(SingleValue, Object.assign({}, props, {
+    children: jsxRuntime.jsx(Element, Object.assign({}, props))
+  }));
+};
+
 var NoOptionsMessageCustom = function NoOptionsMessageCustom(props) {
   return jsxRuntime.jsx(NoOptionsMessage, Object.assign({}, props, {
     children: "Ingen treff"
@@ -5959,7 +5972,9 @@ var SelectInner = function SelectInner(_a, ref) {
       isClearable = _a$isClearable === void 0 ? true : _a$isClearable,
       _a$placeholder = _a.placeholder,
       placeholder = _a$placeholder === void 0 ? '-- Velg fra listen --' : _a$placeholder,
-      rest = tslib.__rest(_a, ["id", "label", "errorMessage", "tip", "required", "readOnly", "options", "isMulti", "value", "defaultValue", "width", "closeMenuOnSelect", "className", "style", "isDisabled", "isClearable", "placeholder"]);
+      customOptionElement = _a.customOptionElement,
+      customSingleValueElement = _a.customSingleValueElement,
+      rest = tslib.__rest(_a, ["id", "label", "errorMessage", "tip", "required", "readOnly", "options", "isMulti", "value", "defaultValue", "width", "closeMenuOnSelect", "className", "style", "isDisabled", "isClearable", "placeholder", "customOptionElement", "customSingleValueElement"]);
 
   var _useState = React.useState(id !== null && id !== void 0 ? id : "select-".concat(nextUniqueId$c++)),
       _useState2 = _slicedToArray(_useState, 1),
@@ -6006,9 +6021,14 @@ var SelectInner = function SelectInner(_a, ref) {
       return searchFilter(label, inputValue) || inputValue === '';
     },
     components: {
-      Option: IconOption,
+      Option: customOptionElement ? function (props) {
+        return CustomOption(props, customOptionElement);
+      } : IconOption,
       NoOptionsMessage: NoOptionsMessageCustom,
-      Input: CustomInput
+      Input: CustomInput,
+      SingleValue: customSingleValueElement ? function (props) {
+        return CustomSingleValue(props, customSingleValueElement);
+      } : SingleValue
     },
     'aria-invalid': hasErrorMessage ? true : undefined
   }, rest);
@@ -10646,7 +10666,7 @@ exports.PopoverGroup = PopoverGroup;
 exports.PrintIcon = PrintIcon;
 exports.PropertyIcon = PropertyIcon;
 exports.PublishIcon = PublishIcon;
-exports.QestionAnswerIcon = QestionAnswerIcon;
+exports.QuestionAnswerIcon = QuestionAnswerIcon;
 exports.RadioButton = RadioButton;
 exports.RadioButtonGroup = RadioButtonGroup;
 exports.ReceiptIcon = ReceiptIcon;

package/dist/cjs/types/BaseComponentProps.d.ts

@@ -19,7 +19,7 @@ export declare type BaseComponentProps<TElement extends Element, TOtherProps ext
  *
  * {@link BaseComponentProps}
  */
-export declare type BaseComponentPropsWithChildren<T extends Element, TProps extends Record<string, unknown>, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
+export declare type BaseComponentPropsWithChildren<T extends Element, TProps extends Record<string, unknown> = Record<string, unknown>, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
 export declare const joinClassNames: (...classNames: (string | undefined)[]) => string;
 declare type GetBaseHTMLProps = {
     <T extends Element>(id: HTMLAttributes<T>['id'], className: HTMLAttributes<T>['className'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;

package/dist/components/Select/CustomSelect.stories.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { SelectOption, SelectProps } from '.';
+declare const _default: {
+    title: string;
+    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, customOptionElement, customSingleValueElement, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | React.MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
+    argTypes: {
+        label: {
+            control: {
+                type: string;
+            };
+        };
+        tip: {
+            control: {
+                type: string;
+            };
+        };
+        errorMessage: {
+            control: {
+                type: string;
+            };
+        };
+        width: {
+            control: {
+                type: string;
+            };
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+        };
+        isDisabled: {
+            control: {
+                type: string;
+            };
+        };
+        isClearable: {
+            control: {
+                type: string;
+            };
+        };
+        required: {
+            control: {
+                type: string;
+            };
+        };
+        readOnly: {
+            control: {
+                type: string;
+            };
+        };
+        isLoading: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+declare type SingleSelectProps = SelectProps<SelectOption, false>;
+export declare const Overview: (args: SingleSelectProps) => JSX.Element;

package/dist/components/Select/MultiSelect.stories.d.ts

@@ -1,7 +1,7 @@
 import { SelectProps } from './Select';
 declare const _default: {
     title: string;
-    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
+    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, customOptionElement, customSingleValueElement, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
     argTypes: {
         label: {
             control: {

package/dist/components/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import { Property } from 'csstype';
 import React from 'react';
-import { GroupBase, Props as ReactSelectProps, SelectInstance } from 'react-select';
+import { GroupBase, OptionProps, Props as ReactSelectProps, SelectInstance, SingleValueProps } from 'react-select';
 import { WithRequiredIf } from '../../types/utils';
 export declare type SelectOption<TValue = unknown> = {
     label: string | number;
@@ -26,7 +26,9 @@ export declare type SelectProps<TOption extends Record<string, unknown>, IsMulti
     className?: string;
     /** Inline styling. */
     style?: React.CSSProperties;
+    customOptionElement?: (props: OptionProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
+    customSingleValueElement?: (props: SingleValueProps<TOption, IsMulti, GroupBase<TOption>>) => JSX.Element;
 } & WrappedReactSelectProps<TOption, IsMulti, GroupBase<TOption>>;
 declare type ForwardRefType<TOption, IsMulti extends boolean> = React.ForwardedRef<SelectInstance<TOption, IsMulti, GroupBase<TOption>>>;
-export declare const Select: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, ...rest }: SelectProps<TOption, IsMulti>, ref: ForwardRefType<TOption, IsMulti>) => JSX.Element;
+export declare const Select: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, customOptionElement, customSingleValueElement, ...rest }: SelectProps<TOption, IsMulti>, ref: ForwardRefType<TOption, IsMulti>) => JSX.Element;
 export {};

package/dist/components/Select/Select.js

@@ -13,7 +13,8 @@ import { derivativeIdGenerator, spaceSeparatedIdListGenerator } from '../../util
 
 var DdsOption = components.Option,
     NoOptionsMessage = components.NoOptionsMessage,
-    Input = components.Input;
+    Input = components.Input,
+    SingleValue = components.SingleValue;
 var createSelectOptions = function createSelectOptions() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
@@ -36,6 +37,18 @@ var IconOption = function IconOption(props) {
   }));
 };
 
+var CustomOption = function CustomOption(props, Element) {
+  return jsx(DdsOption, Object.assign({}, props, {
+    children: jsx(Element, Object.assign({}, props))
+  }));
+};
+
+var CustomSingleValue = function CustomSingleValue(props, Element) {
+  return jsx(SingleValue, Object.assign({}, props, {
+    children: jsx(Element, Object.assign({}, props))
+  }));
+};
+
 var NoOptionsMessageCustom = function NoOptionsMessageCustom(props) {
   return jsx(NoOptionsMessage, Object.assign({}, props, {
     children: "Ingen treff"
@@ -74,7 +87,9 @@ var SelectInner = function SelectInner(_a, ref) {
       isClearable = _a$isClearable === void 0 ? true : _a$isClearable,
       _a$placeholder = _a.placeholder,
       placeholder = _a$placeholder === void 0 ? '-- Velg fra listen --' : _a$placeholder,
-      rest = __rest(_a, ["id", "label", "errorMessage", "tip", "required", "readOnly", "options", "isMulti", "value", "defaultValue", "width", "closeMenuOnSelect", "className", "style", "isDisabled", "isClearable", "placeholder"]);
+      customOptionElement = _a.customOptionElement,
+      customSingleValueElement = _a.customSingleValueElement,
+      rest = __rest(_a, ["id", "label", "errorMessage", "tip", "required", "readOnly", "options", "isMulti", "value", "defaultValue", "width", "closeMenuOnSelect", "className", "style", "isDisabled", "isClearable", "placeholder", "customOptionElement", "customSingleValueElement"]);
 
   var _useState = useState(id !== null && id !== void 0 ? id : "select-".concat(nextUniqueId++)),
       _useState2 = _slicedToArray(_useState, 1),
@@ -121,9 +136,14 @@ var SelectInner = function SelectInner(_a, ref) {
       return searchFilter(label, inputValue) || inputValue === '';
     },
     components: {
-      Option: IconOption,
+      Option: customOptionElement ? function (props) {
+        return CustomOption(props, customOptionElement);
+      } : IconOption,
       NoOptionsMessage: NoOptionsMessageCustom,
-      Input: CustomInput
+      Input: CustomInput,
+      SingleValue: customSingleValueElement ? function (props) {
+        return CustomSingleValue(props, customSingleValueElement);
+      } : SingleValue
     },
     'aria-invalid': hasErrorMessage ? true : undefined
   }, rest);

package/dist/components/Select/Select.stories.d.ts

@@ -1,7 +1,7 @@
 import { SelectOption, SelectProps } from '.';
 declare const _default: {
     title: string;
-    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
+    component: <TOption extends Record<string, unknown>, IsMulti extends boolean = false>({ id, label, errorMessage, tip, required, readOnly, options, isMulti, value, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, customOptionElement, customSingleValueElement, ...rest }: SelectProps<TOption, IsMulti>, ref: ((instance: import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null) => void) | import("react").MutableRefObject<import("react-select").SelectInstance<TOption, IsMulti, import("react-select").GroupBase<TOption>> | null> | null) => JSX.Element;
     argTypes: {
         label: {
             control: {

package/dist/icons/tsx/questionAnswer.d.ts

@@ -1,2 +1,2 @@
 import { SvgProps } from '../utils/propTypes';
-export declare function QestionAnswerIcon(props: SvgProps): JSX.Element;
+export declare function QuestionAnswerIcon(props: SvgProps): JSX.Element;

package/dist/icons/tsx/questionAnswer.js

@@ -2,7 +2,7 @@ import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { StyledSvg } from '../utils/StyledSvg.js';
 
-function QestionAnswerIcon(props) {
+function QuestionAnswerIcon(props) {
   var title = props.title,
       rest = __rest(props, ["title"]);
 
@@ -22,4 +22,4 @@ function QestionAnswerIcon(props) {
   }));
 }
 
-export { QestionAnswerIcon };
+export { QuestionAnswerIcon };

package/dist/index.js

@@ -161,7 +161,7 @@ export { PlusCircledIcon } from './icons/tsx/plusCircled.js';
 export { PrintIcon } from './icons/tsx/print.js';
 export { PropertyIcon } from './icons/tsx/property.js';
 export { PublishIcon } from './icons/tsx/publish.js';
-export { QestionAnswerIcon } from './icons/tsx/questionAnswer.js';
+export { QuestionAnswerIcon } from './icons/tsx/questionAnswer.js';
 export { ReceiptIcon } from './icons/tsx/receipt.js';
 export { RedoIcon } from './icons/tsx/redo.js';
 export { RefreshIcon } from './icons/tsx/refresh.js';

package/dist/types/BaseComponentProps.d.ts

@@ -19,7 +19,7 @@ export declare type BaseComponentProps<TElement extends Element, TOtherProps ext
  *
  * {@link BaseComponentProps}
  */
-export declare type BaseComponentPropsWithChildren<T extends Element, TProps extends Record<string, unknown>, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
+export declare type BaseComponentPropsWithChildren<T extends Element, TProps extends Record<string, unknown> = Record<string, unknown>, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
 export declare const joinClassNames: (...classNames: (string | undefined)[]) => string;
 declare type GetBaseHTMLProps = {
     <T extends Element>(id: HTMLAttributes<T>['id'], className: HTMLAttributes<T>['className'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "5.0.0",
+  "version": "5.1.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -47,7 +47,7 @@
     "@babel/preset-react": "^7.16.7",
     "@mdx-js/react": "^2.1.1",
     "@rollup/plugin-babel": "^5.3.1",
-    "@rollup/plugin-commonjs": "^21.0.3",
+    "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-image": "^2.1.1",
     "@rollup/plugin-node-resolve": "^13.2.0",
     "@storybook/addon-actions": "^6.5.9",