@norges-domstoler/dds-components 10.3.2 → 10.4.0

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

@@ -28,164 +28,194 @@ export type FormGeneratorRow = {
     breakpoint?: ScreenSize;
     fields: FormGeneratorField[];
 };
+export declare enum FormGeneratorSupportedFields {
+    Button = "Button",
+    Card = "Card",
+    Checkbox = "Checkbox",
+    CheckboxGroup = "CheckboxGroup",
+    Datepicker = "Datepicker",
+    DescriptionList = "DescriptionList",
+    DescriptionListGroup = "DescriptionListGroup",
+    DescriptionListDesc = "DescriptionListDesc",
+    DescriptionListTerm = "DescriptionListTerm",
+    Divider = "Divider",
+    GlobalMessage = "GlobalMessage",
+    Heading = "Heading",
+    InputMessage = "InputMessage",
+    Label = "Label",
+    Link = "Link",
+    List = "List",
+    ListItem = "ListItem",
+    LocalMessage = "LocalMessage",
+    Paragraph = "Paragraph",
+    RadioButton = "RadioButton",
+    RadioButtonGroup = "RadioButtonGroup",
+    Select = "Select",
+    Spinner = "Spinner",
+    TextInput = "TextInput",
+    ToggleButton = "ToggleButton",
+    ToggleButtonGroup = "ToggleButtonGroup",
+    Typography = "Typography",
+    VisuallyHidden = "VisuallyHidden"
+}
 export type FormGeneratorField = FieldWithChildren | FieldWithoutChildren;
 type FieldWithChildren = CheckboxGroupField | DescriptionListField | DescriptionListGroupField | ListField | RadioButtonGroupField | ToggleButtonGroupField;
 type FieldWithoutChildren = ButtonField | CardField | CheckboxField | DatepickerField | DescriptionListTermField | DescriptionListDescField | DividerField | GlobalMessageField | HeadingField | InputMessageField | LabelField | LinkField | ListItemField | LocalMessageField | ParagraphField | RadioButtonField | SelectField | SpinnerField | TextInputField | ToggleButtonField | TypographyField | VisuallyHiddenField;
 type ButtonField = {
-    component: 'Button';
+    component: FormGeneratorSupportedFields.Button;
     props: ButtonProps;
     hide?: boolean;
 };
 type CardField = {
-    component: 'Card';
+    component: FormGeneratorSupportedFields.Card;
     props: CardProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;
 };
 type CheckboxField = {
-    component: 'Checkbox';
+    component: FormGeneratorSupportedFields.Checkbox;
     props: CheckboxProps;
     hide?: boolean;
 };
 type CheckboxGroupField = {
-    component: 'CheckboxGroup';
+    component: FormGeneratorSupportedFields.CheckboxGroup;
     props: CheckboxGroupProps;
     hide?: boolean;
     children: CheckboxField[];
 };
 type DatepickerField = {
-    component: 'Datepicker';
+    component: FormGeneratorSupportedFields.Datepicker;
     props: DatepickerProps;
     hide?: boolean;
 };
 type DescriptionListField = {
-    component: 'DescriptionList';
+    component: FormGeneratorSupportedFields.DescriptionList;
     props: DescriptionListProps;
     hide?: boolean;
     children: DescriptionListGroupField[];
 };
 type DescriptionListGroupField = {
-    component: 'DescriptionListGroup';
+    component: FormGeneratorSupportedFields.DescriptionListGroup;
     props: DescriptionListGroupProps;
     hide?: boolean;
     children: (DescriptionListTermField | DescriptionListDescField)[];
 };
 type DescriptionListTermField = {
-    component: 'DescriptionListTerm';
+    component: FormGeneratorSupportedFields.DescriptionListTerm;
     props: DescriptionListTermProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;
 };
 type DescriptionListDescField = {
-    component: 'DescriptionListDesc';
+    component: FormGeneratorSupportedFields.DescriptionListDesc;
     props: DescriptionListDescProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;
 };
 type DividerField = {
-    component: 'Divider';
+    component: FormGeneratorSupportedFields.Divider;
     props: DividerProps;
     hide?: boolean;
 };
 type GlobalMessageField = {
-    component: 'GlobalMessage';
+    component: FormGeneratorSupportedFields.GlobalMessage;
     props: GlobalMessageProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type HeadingField = {
-    component: 'Heading';
+    component: FormGeneratorSupportedFields.Heading;
     props: HeadingProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type InputMessageField = {
-    component: 'InputMessage';
+    component: FormGeneratorSupportedFields.InputMessage;
     props: InputMessageProps;
     hide?: boolean;
 };
 type LabelField = {
-    component: 'Label';
+    component: FormGeneratorSupportedFields.Label;
     props: LabelProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type LinkField = {
-    component: 'Link';
+    component: FormGeneratorSupportedFields.Link;
     props: LinkProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type ListItemField = {
-    component: 'ListItem';
+    component: FormGeneratorSupportedFields.ListItem;
     props?: ListItemProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type ListField = {
-    component: 'List';
+    component: FormGeneratorSupportedFields.List;
     props?: ListProps;
     hide?: boolean;
     children: ListItemField[];
 };
 type LocalMessageField = {
-    component: 'LocalMessage';
+    component: FormGeneratorSupportedFields.LocalMessage;
     props: LocalMessageProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type ParagraphField = {
-    component: 'Paragraph';
+    component: FormGeneratorSupportedFields.Paragraph;
     props: ParagraphProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type RadioButtonField = {
-    component: 'RadioButton';
+    component: FormGeneratorSupportedFields.RadioButton;
     props: RadioButtonProps;
     hide?: boolean;
 };
 type RadioButtonGroupField = {
-    component: 'RadioButtonGroup';
+    component: FormGeneratorSupportedFields.RadioButtonGroup;
     props: RadioButtonGroupProps<string | number>;
     hide?: boolean;
     children: RadioButtonField[];
 };
 type SelectField = {
-    component: 'Select';
+    component: FormGeneratorSupportedFields.Select;
     props: SelectProps<SelectOption<unknown>, boolean>;
     name: string;
     hide?: boolean;
 };
 type SpinnerField = {
-    component: 'Spinner';
+    component: FormGeneratorSupportedFields.Spinner;
     props: SpinnerProps;
     hide?: boolean;
 };
 type TextInputField = {
-    component: 'TextInput';
+    component: FormGeneratorSupportedFields.TextInput;
     props: TextInputProps;
     hide?: boolean;
 };
 type ToggleButtonField = {
-    component: 'ToggleButton';
+    component: FormGeneratorSupportedFields.ToggleButton;
     props: ToggleButtonProps;
     hide?: boolean;
 };
 type ToggleButtonGroupField = {
-    component: 'ToggleButtonGroup';
+    component: FormGeneratorSupportedFields.ToggleButtonGroup;
     props: ToggleButtonGroupProps;
     hide?: boolean;
     children: ToggleButtonField[];
 };
 type TypographyField = {
-    component: 'Typography';
+    component: FormGeneratorSupportedFields.Typography;
     props: TypographyProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;
 };
 type VisuallyHiddenField = {
-    component: 'VisuallyHidden';
+    component: FormGeneratorSupportedFields.VisuallyHidden;
     props: VisuallyHiddenProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;

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

@@ -12,5 +12,5 @@ export declare const InputMessage: import("react").ForwardRefExoticComponent<Pic
     /** Formålet med meldingen. Påvirker styling. */
     messageType: InputMessageType;
 } & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined; /** Meldingen som vises til brukeren. */
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/Table/collapsible/CollapsibleRow.d.ts

@@ -1,5 +1,5 @@
 export declare const CollapsibleRow: import("react").ForwardRefExoticComponent<{
-    type?: import("../Table.types").TableRowType | undefined;
+    type?: import("..").TableRowType | undefined;
     mode?: import("../Table.types").RowMode | undefined;
     selected?: boolean | undefined;
     hoverable?: boolean | undefined;

package/dist/cjs/components/Table/collapsible/CollapsibleTable.stories.d.ts

@@ -39,7 +39,7 @@ export default _default;
 export declare const SingleDefiningColumn: (args: CollapsibleTableProps) => JSX.Element;
 export declare const MultipleDefiningColumns: (args: CollapsibleTableProps) => JSX.Element;
 export declare const PrioritizedDefiningColumns: (args: CollapsibleTableProps) => JSX.Element;
-export declare const withDividers: (args: CollapsibleTableProps) => JSX.Element;
+export declare const WithDividers: (args: CollapsibleTableProps) => JSX.Element;
 export declare const Compact: (args: CollapsibleTableProps) => JSX.Element;
 export declare const StickyHeader: (args: CollapsibleTableProps) => JSX.Element;
 export declare const WithButtonAndIcons: (args: CollapsibleTableProps) => JSX.Element;

package/dist/cjs/hooks/useFloatPosition.d.ts

@@ -26,6 +26,8 @@ export declare const useFloatPosition: (arrowRef: HTMLElement | null, options?:
     refs: {
         reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
         floating: import("react").MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
     };
     styles: {
         floating: {

package/dist/cjs/index.js

@@ -3802,7 +3802,7 @@ var StyledIcon$3 = styled__default.default(Icon).withConfig({
 })(["position:absolute;color:", ";", " z-index:1;"], icon$8.color, function (_ref) {
   var size = _ref.size,
     iconSize = _ref.iconSize;
-  return styled.css(["left:", ";", ""], icon$8.sizes[size].left, iconSize === 'small' ? styled.css(["top:", ";"], "calc(50% - ".concat(iconSizes$4.DdsIconsizeSmallNumberPx / 2, "px)")) : styled.css(["top:", ";;"], "calc(50% - ".concat(iconSizes$4.DdsIconsizeMediumNumberPx / 2, "px)")));
+  return styled.css(["left:", ";", ""], icon$8.sizes[size].left, iconSize === 'small' ? styled.css(["top:", ";"], "calc(50% - ".concat(iconSizes$4.DdsIconsizeSmallNumberPx / 2, "px)")) : styled.css(["top:", ";"], "calc(50% - ".concat(iconSizes$4.DdsIconsizeMediumNumberPx / 2, "px)")));
 });
 var StyledInput$1 = styled__default.default(StatefulInput).withConfig({
   displayName: "TextInputstyles__StyledInput",
@@ -10639,6 +10639,38 @@ var VStack = /*#__PURE__*/React.forwardRef(function (_a, ref) {
   }, getBaseHTMLProps(id, className, htmlProps, rest)));
 });
 
+exports.FormGeneratorSupportedFields = void 0;
+(function (FormGeneratorSupportedFields) {
+  FormGeneratorSupportedFields["Button"] = "Button";
+  FormGeneratorSupportedFields["Card"] = "Card";
+  FormGeneratorSupportedFields["Checkbox"] = "Checkbox";
+  FormGeneratorSupportedFields["CheckboxGroup"] = "CheckboxGroup";
+  FormGeneratorSupportedFields["Datepicker"] = "Datepicker";
+  FormGeneratorSupportedFields["DescriptionList"] = "DescriptionList";
+  FormGeneratorSupportedFields["DescriptionListGroup"] = "DescriptionListGroup";
+  FormGeneratorSupportedFields["DescriptionListDesc"] = "DescriptionListDesc";
+  FormGeneratorSupportedFields["DescriptionListTerm"] = "DescriptionListTerm";
+  FormGeneratorSupportedFields["Divider"] = "Divider";
+  FormGeneratorSupportedFields["GlobalMessage"] = "GlobalMessage";
+  FormGeneratorSupportedFields["Heading"] = "Heading";
+  FormGeneratorSupportedFields["InputMessage"] = "InputMessage";
+  FormGeneratorSupportedFields["Label"] = "Label";
+  FormGeneratorSupportedFields["Link"] = "Link";
+  FormGeneratorSupportedFields["List"] = "List";
+  FormGeneratorSupportedFields["ListItem"] = "ListItem";
+  FormGeneratorSupportedFields["LocalMessage"] = "LocalMessage";
+  FormGeneratorSupportedFields["Paragraph"] = "Paragraph";
+  FormGeneratorSupportedFields["RadioButton"] = "RadioButton";
+  FormGeneratorSupportedFields["RadioButtonGroup"] = "RadioButtonGroup";
+  FormGeneratorSupportedFields["Select"] = "Select";
+  FormGeneratorSupportedFields["Spinner"] = "Spinner";
+  FormGeneratorSupportedFields["TextInput"] = "TextInput";
+  FormGeneratorSupportedFields["ToggleButton"] = "ToggleButton";
+  FormGeneratorSupportedFields["ToggleButtonGroup"] = "ToggleButtonGroup";
+  FormGeneratorSupportedFields["Typography"] = "Typography";
+  FormGeneratorSupportedFields["VisuallyHidden"] = "VisuallyHidden";
+})(exports.FormGeneratorSupportedFields || (exports.FormGeneratorSupportedFields = {}));
+
 var _columnGaps;
 var Spacing = ddsDesignTokens.ddsBaseTokens.spacing;
 var formGeneratorTokens = {
@@ -10726,136 +10758,136 @@ var FormGenerator = function FormGenerator(props) {
   };
   var GetComponent = function GetComponent(field, index) {
     switch (field.component) {
-      case 'Button':
+      case exports.FormGeneratorSupportedFields.Button:
         return /*#__PURE__*/React.createElement(Button$1, Object.assign({}, field.props, {
           key: index
         }));
-      case 'Card':
+      case exports.FormGeneratorSupportedFields.Card:
         return /*#__PURE__*/React.createElement(Card, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Checkbox':
+      case exports.FormGeneratorSupportedFields.Checkbox:
         return /*#__PURE__*/React.createElement(Checkbox, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'CheckboxGroup':
+      case exports.FormGeneratorSupportedFields.CheckboxGroup:
         return /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'Datepicker':
+      case exports.FormGeneratorSupportedFields.Datepicker:
         return /*#__PURE__*/React.createElement(Datepicker, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'DescriptionList':
+      case exports.FormGeneratorSupportedFields.DescriptionList:
         return /*#__PURE__*/React.createElement(DescriptionList, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'DescriptionListGroup':
+      case exports.FormGeneratorSupportedFields.DescriptionListGroup:
         return /*#__PURE__*/React.createElement(DescriptionListGroup, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'DescriptionListDesc':
+      case exports.FormGeneratorSupportedFields.DescriptionListDesc:
         return /*#__PURE__*/React.createElement(DescriptionListDesc, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'DescriptionListTerm':
+      case exports.FormGeneratorSupportedFields.DescriptionListTerm:
         return /*#__PURE__*/React.createElement(DescriptionListTerm, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Divider':
+      case exports.FormGeneratorSupportedFields.Divider:
         return /*#__PURE__*/React.createElement(Divider, Object.assign({}, field.props, {
           key: index
         }));
-      case 'GlobalMessage':
+      case exports.FormGeneratorSupportedFields.GlobalMessage:
         return /*#__PURE__*/React.createElement(GlobalMessage, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Heading':
+      case exports.FormGeneratorSupportedFields.Heading:
         return /*#__PURE__*/React.createElement(Heading, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'InputMessage':
+      case exports.FormGeneratorSupportedFields.InputMessage:
         return /*#__PURE__*/React.createElement(InputMessage, Object.assign({}, field.props, {
           key: index
         }));
-      case 'Label':
+      case exports.FormGeneratorSupportedFields.Label:
         return /*#__PURE__*/React.createElement(Label$2, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Link':
+      case exports.FormGeneratorSupportedFields.Link:
         return /*#__PURE__*/React.createElement(Link$3, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'List':
+      case exports.FormGeneratorSupportedFields.List:
         return /*#__PURE__*/React.createElement(List, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'ListItem':
+      case exports.FormGeneratorSupportedFields.ListItem:
         return /*#__PURE__*/React.createElement(ListItem, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'LocalMessage':
+      case exports.FormGeneratorSupportedFields.LocalMessage:
         return /*#__PURE__*/React.createElement(LocalMessage, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Paragraph':
+      case exports.FormGeneratorSupportedFields.Paragraph:
         return /*#__PURE__*/React.createElement(Paragraph, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'RadioButton':
+      case exports.FormGeneratorSupportedFields.RadioButton:
         return /*#__PURE__*/React.createElement(RadioButton, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'RadioButtonGroup':
+      case exports.FormGeneratorSupportedFields.RadioButtonGroup:
         field.props.direction = screenSize > exports.ScreenSize.XSmall ? 'row' : 'column';
         return /*#__PURE__*/React.createElement(RadioButtonGroup, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'Select':
+      case exports.FormGeneratorSupportedFields.Select:
         return /*#__PURE__*/React.createElement(Select, Object.assign({}, field.props, {
           key: index,
           onChange: function onChange(option) {
             return selectOnChange(option, field.name);
           }
         }));
-      case 'Spinner':
+      case exports.FormGeneratorSupportedFields.Spinner:
         return /*#__PURE__*/React.createElement(Spinner, Object.assign({}, field.props, {
           key: index
         }));
-      case 'TextInput':
+      case exports.FormGeneratorSupportedFields.TextInput:
         return /*#__PURE__*/React.createElement(TextInput, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'ToggleButton':
+      case exports.FormGeneratorSupportedFields.ToggleButton:
         return /*#__PURE__*/React.createElement(ToggleButton, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'ToggleButtonGroup':
+      case exports.FormGeneratorSupportedFields.ToggleButtonGroup:
         return /*#__PURE__*/React.createElement(ToggleButtonGroup, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'Typography':
+      case exports.FormGeneratorSupportedFields.Typography:
         return /*#__PURE__*/React.createElement(Typography, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'VisuallyHidden':
+      case exports.FormGeneratorSupportedFields.VisuallyHidden:
         return /*#__PURE__*/React.createElement(VisuallyHidden, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
@@ -10884,7 +10916,7 @@ var FormGenerator = function FormGenerator(props) {
                 return !field.hide && GetComponent(field, groupedIndex);
               })
             }))
-          }));
+          }), index);
         } else {
           return jsxRuntime.jsx(GridChild, Object.assign({
             columnsOccupied: "all"
@@ -10898,14 +10930,14 @@ var FormGenerator = function FormGenerator(props) {
                 return !field.hide && GetComponent(field, groupedIndex);
               })
             }))
-          }));
+          }), index);
         }
       } else {
         return !obj.hide && jsxRuntime.jsx(GridChild, Object.assign({
           columnsOccupied: "all"
         }, {
           children: GetComponent(obj, index)
-        }));
+        }), index);
       }
     })
   }));
@@ -11141,32 +11173,30 @@ var useFileUploader = function useFileUploader(props) {
     return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var files, fileCount;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              preventDefaults(evt);
-              if (!isEventWithFiles(evt)) {
-                _context.next = 9;
-                break;
-              }
-              _context.next = 4;
-              return fileSelector.fromEvent(evt);
-            case 4:
-              files = _context.sent;
-              fileCount = files.length;
-              if (!(fileCount === 0)) {
-                _context.next = 8;
-                break;
-              }
-              return _context.abrupt("return");
-            case 8:
-              dispatch({
-                type: 'dragEnter'
-              });
-            case 9:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            preventDefaults(evt);
+            if (!isEventWithFiles(evt)) {
+              _context.next = 9;
+              break;
+            }
+            _context.next = 4;
+            return fileSelector.fromEvent(evt);
+          case 4:
+            files = _context.sent;
+            fileCount = files.length;
+            if (!(fileCount === 0)) {
+              _context.next = 8;
+              break;
+            }
+            return _context.abrupt("return");
+          case 8:
+            dispatch({
+              type: 'dragEnter'
+            });
+          case 9:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -11191,38 +11221,36 @@ var useFileUploader = function useFileUploader(props) {
     return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var existingFileNames, filesFromEvent, newFiles;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              evt.preventDefault();
-              if (!isEventWithFiles(evt)) {
-                _context2.next = 8;
-                break;
-              }
-              existingFileNames = stateFiles.map(function (f) {
-                return f.file.name;
-              }); // TODO: Fiks cast her.
-              _context2.next = 5;
-              return fileSelector.fromEvent(evt);
-            case 5:
-              filesFromEvent = _context2.sent;
-              newFiles = filesFromEvent.filter(function (f) {
-                return !existingFileNames.includes(f.name);
-              }).map(function (file) {
-                var accepted = isFileAccepted(file, accept);
-                return {
-                  file: file,
-                  errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
-                };
-              }).concat(stateFiles);
-              dispatch({
-                type: 'onSetFiles',
-                payload: newFiles
-              });
-            case 8:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            evt.preventDefault();
+            if (!isEventWithFiles(evt)) {
+              _context2.next = 8;
+              break;
+            }
+            existingFileNames = stateFiles.map(function (f) {
+              return f.file.name;
+            }); // TODO: Fiks cast her.
+            _context2.next = 5;
+            return fileSelector.fromEvent(evt);
+          case 5:
+            filesFromEvent = _context2.sent;
+            newFiles = filesFromEvent.filter(function (f) {
+              return !existingFileNames.includes(f.name);
+            }).map(function (file) {
+              var accepted = isFileAccepted(file, accept);
+              return {
+                file: file,
+                errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
+              };
+            }).concat(stateFiles);
+            dispatch({
+              type: 'onSetFiles',
+              payload: newFiles
+            });
+          case 8:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));

package/dist/components/FileUploader/useFileUploader.js

@@ -63,32 +63,30 @@ var useFileUploader = function useFileUploader(props) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       var files, fileCount;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              preventDefaults(evt);
-              if (!isEventWithFiles(evt)) {
-                _context.next = 9;
-                break;
-              }
-              _context.next = 4;
-              return fromEvent(evt);
-            case 4:
-              files = _context.sent;
-              fileCount = files.length;
-              if (!(fileCount === 0)) {
-                _context.next = 8;
-                break;
-              }
-              return _context.abrupt("return");
-            case 8:
-              dispatch({
-                type: 'dragEnter'
-              });
-            case 9:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            preventDefaults(evt);
+            if (!isEventWithFiles(evt)) {
+              _context.next = 9;
+              break;
+            }
+            _context.next = 4;
+            return fromEvent(evt);
+          case 4:
+            files = _context.sent;
+            fileCount = files.length;
+            if (!(fileCount === 0)) {
+              _context.next = 8;
+              break;
+            }
+            return _context.abrupt("return");
+          case 8:
+            dispatch({
+              type: 'dragEnter'
+            });
+          case 9:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
@@ -113,38 +111,36 @@ var useFileUploader = function useFileUploader(props) {
     return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       var existingFileNames, filesFromEvent, newFiles;
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              evt.preventDefault();
-              if (!isEventWithFiles(evt)) {
-                _context2.next = 8;
-                break;
-              }
-              existingFileNames = stateFiles.map(function (f) {
-                return f.file.name;
-              }); // TODO: Fiks cast her.
-              _context2.next = 5;
-              return fromEvent(evt);
-            case 5:
-              filesFromEvent = _context2.sent;
-              newFiles = filesFromEvent.filter(function (f) {
-                return !existingFileNames.includes(f.name);
-              }).map(function (file) {
-                var accepted = isFileAccepted(file, accept);
-                return {
-                  file: file,
-                  errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
-                };
-              }).concat(stateFiles);
-              dispatch({
-                type: 'onSetFiles',
-                payload: newFiles
-              });
-            case 8:
-            case "end":
-              return _context2.stop();
-          }
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            evt.preventDefault();
+            if (!isEventWithFiles(evt)) {
+              _context2.next = 8;
+              break;
+            }
+            existingFileNames = stateFiles.map(function (f) {
+              return f.file.name;
+            }); // TODO: Fiks cast her.
+            _context2.next = 5;
+            return fromEvent(evt);
+          case 5:
+            filesFromEvent = _context2.sent;
+            newFiles = filesFromEvent.filter(function (f) {
+              return !existingFileNames.includes(f.name);
+            }).map(function (file) {
+              var accepted = isFileAccepted(file, accept);
+              return {
+                file: file,
+                errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
+              };
+            }).concat(stateFiles);
+            dispatch({
+              type: 'onSetFiles',
+              payload: newFiles
+            });
+          case 8:
+          case "end":
+            return _context2.stop();
         }
       }, _callee2);
     }));

package/dist/components/FormGenerator/FormGenerator.js

@@ -36,6 +36,7 @@ import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 import { Grid } from '../Grid/Grid.js';
 import { GridChild } from '../Grid/GridChild.js';
+import { FormGeneratorSupportedFields } from './FormGenerator.types.js';
 import { useScreenSize, ScreenSize } from '../../hooks/useScreenSize.js';
 import { ButtonRow, FormGeneratorFlexContainer, SubContainer } from './FormGenerator.styles.js';
 import { formGeneratorTokens } from './FormGenerator.tokens.js';
@@ -80,136 +81,136 @@ var FormGenerator = function FormGenerator(props) {
   };
   var GetComponent = function GetComponent(field, index) {
     switch (field.component) {
-      case 'Button':
+      case FormGeneratorSupportedFields.Button:
         return /*#__PURE__*/createElement(Button, Object.assign({}, field.props, {
           key: index
         }));
-      case 'Card':
+      case FormGeneratorSupportedFields.Card:
         return /*#__PURE__*/createElement(Card, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Checkbox':
+      case FormGeneratorSupportedFields.Checkbox:
         return /*#__PURE__*/createElement(Checkbox, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'CheckboxGroup':
+      case FormGeneratorSupportedFields.CheckboxGroup:
         return /*#__PURE__*/createElement(CheckboxGroup, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'Datepicker':
+      case FormGeneratorSupportedFields.Datepicker:
         return /*#__PURE__*/createElement(Datepicker, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'DescriptionList':
+      case FormGeneratorSupportedFields.DescriptionList:
         return /*#__PURE__*/createElement(DescriptionList, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'DescriptionListGroup':
+      case FormGeneratorSupportedFields.DescriptionListGroup:
         return /*#__PURE__*/createElement(DescriptionListGroup, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'DescriptionListDesc':
+      case FormGeneratorSupportedFields.DescriptionListDesc:
         return /*#__PURE__*/createElement(DescriptionListDesc, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'DescriptionListTerm':
+      case FormGeneratorSupportedFields.DescriptionListTerm:
         return /*#__PURE__*/createElement(DescriptionListTerm, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Divider':
+      case FormGeneratorSupportedFields.Divider:
         return /*#__PURE__*/createElement(Divider, Object.assign({}, field.props, {
           key: index
         }));
-      case 'GlobalMessage':
+      case FormGeneratorSupportedFields.GlobalMessage:
         return /*#__PURE__*/createElement(GlobalMessage, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Heading':
+      case FormGeneratorSupportedFields.Heading:
         return /*#__PURE__*/createElement(Heading, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'InputMessage':
+      case FormGeneratorSupportedFields.InputMessage:
         return /*#__PURE__*/createElement(InputMessage, Object.assign({}, field.props, {
           key: index
         }));
-      case 'Label':
+      case FormGeneratorSupportedFields.Label:
         return /*#__PURE__*/createElement(Label, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Link':
+      case FormGeneratorSupportedFields.Link:
         return /*#__PURE__*/createElement(Link, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'List':
+      case FormGeneratorSupportedFields.List:
         return /*#__PURE__*/createElement(List, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'ListItem':
+      case FormGeneratorSupportedFields.ListItem:
         return /*#__PURE__*/createElement(ListItem, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'LocalMessage':
+      case FormGeneratorSupportedFields.LocalMessage:
         return /*#__PURE__*/createElement(LocalMessage, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'Paragraph':
+      case FormGeneratorSupportedFields.Paragraph:
         return /*#__PURE__*/createElement(Paragraph, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'RadioButton':
+      case FormGeneratorSupportedFields.RadioButton:
         return /*#__PURE__*/createElement(RadioButton, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'RadioButtonGroup':
+      case FormGeneratorSupportedFields.RadioButtonGroup:
         field.props.direction = screenSize > ScreenSize.XSmall ? 'row' : 'column';
         return /*#__PURE__*/createElement(RadioButtonGroup, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'Select':
+      case FormGeneratorSupportedFields.Select:
         return /*#__PURE__*/createElement(Select, Object.assign({}, field.props, {
           key: index,
           onChange: function onChange(option) {
             return selectOnChange(option, field.name);
           }
         }));
-      case 'Spinner':
+      case FormGeneratorSupportedFields.Spinner:
         return /*#__PURE__*/createElement(Spinner, Object.assign({}, field.props, {
           key: index
         }));
-      case 'TextInput':
+      case FormGeneratorSupportedFields.TextInput:
         return /*#__PURE__*/createElement(TextInput, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'ToggleButton':
+      case FormGeneratorSupportedFields.ToggleButton:
         return /*#__PURE__*/createElement(ToggleButton, Object.assign({}, field.props, {
           key: index,
           onChange: fieldOnChange
         }));
-      case 'ToggleButtonGroup':
+      case FormGeneratorSupportedFields.ToggleButtonGroup:
         return /*#__PURE__*/createElement(ToggleButtonGroup, Object.assign({}, field.props, {
           key: index
         }), field.children.map(function (child, childIndex) {
           return !child.hide && GetComponent(child, childIndex);
         }));
-      case 'Typography':
+      case FormGeneratorSupportedFields.Typography:
         return /*#__PURE__*/createElement(Typography, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
-      case 'VisuallyHidden':
+      case FormGeneratorSupportedFields.VisuallyHidden:
         return /*#__PURE__*/createElement(VisuallyHidden, Object.assign({}, field.props, {
           key: index
         }), field.innerHTML);
@@ -238,7 +239,7 @@ var FormGenerator = function FormGenerator(props) {
                 return !field.hide && GetComponent(field, groupedIndex);
               })
             }))
-          }));
+          }), index);
         } else {
           return jsx(GridChild, Object.assign({
             columnsOccupied: "all"
@@ -252,14 +253,14 @@ var FormGenerator = function FormGenerator(props) {
                 return !field.hide && GetComponent(field, groupedIndex);
               })
             }))
-          }));
+          }), index);
         }
       } else {
         return !obj.hide && jsx(GridChild, Object.assign({
           columnsOccupied: "all"
         }, {
           children: GetComponent(obj, index)
-        }));
+        }), index);
       }
     })
   }));

package/dist/components/FormGenerator/FormGenerator.types.d.ts

@@ -28,164 +28,194 @@ export type FormGeneratorRow = {
     breakpoint?: ScreenSize;
     fields: FormGeneratorField[];
 };
+export declare enum FormGeneratorSupportedFields {
+    Button = "Button",
+    Card = "Card",
+    Checkbox = "Checkbox",
+    CheckboxGroup = "CheckboxGroup",
+    Datepicker = "Datepicker",
+    DescriptionList = "DescriptionList",
+    DescriptionListGroup = "DescriptionListGroup",
+    DescriptionListDesc = "DescriptionListDesc",
+    DescriptionListTerm = "DescriptionListTerm",
+    Divider = "Divider",
+    GlobalMessage = "GlobalMessage",
+    Heading = "Heading",
+    InputMessage = "InputMessage",
+    Label = "Label",
+    Link = "Link",
+    List = "List",
+    ListItem = "ListItem",
+    LocalMessage = "LocalMessage",
+    Paragraph = "Paragraph",
+    RadioButton = "RadioButton",
+    RadioButtonGroup = "RadioButtonGroup",
+    Select = "Select",
+    Spinner = "Spinner",
+    TextInput = "TextInput",
+    ToggleButton = "ToggleButton",
+    ToggleButtonGroup = "ToggleButtonGroup",
+    Typography = "Typography",
+    VisuallyHidden = "VisuallyHidden"
+}
 export type FormGeneratorField = FieldWithChildren | FieldWithoutChildren;
 type FieldWithChildren = CheckboxGroupField | DescriptionListField | DescriptionListGroupField | ListField | RadioButtonGroupField | ToggleButtonGroupField;
 type FieldWithoutChildren = ButtonField | CardField | CheckboxField | DatepickerField | DescriptionListTermField | DescriptionListDescField | DividerField | GlobalMessageField | HeadingField | InputMessageField | LabelField | LinkField | ListItemField | LocalMessageField | ParagraphField | RadioButtonField | SelectField | SpinnerField | TextInputField | ToggleButtonField | TypographyField | VisuallyHiddenField;
 type ButtonField = {
-    component: 'Button';
+    component: FormGeneratorSupportedFields.Button;
     props: ButtonProps;
     hide?: boolean;
 };
 type CardField = {
-    component: 'Card';
+    component: FormGeneratorSupportedFields.Card;
     props: CardProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;
 };
 type CheckboxField = {
-    component: 'Checkbox';
+    component: FormGeneratorSupportedFields.Checkbox;
     props: CheckboxProps;
     hide?: boolean;
 };
 type CheckboxGroupField = {
-    component: 'CheckboxGroup';
+    component: FormGeneratorSupportedFields.CheckboxGroup;
     props: CheckboxGroupProps;
     hide?: boolean;
     children: CheckboxField[];
 };
 type DatepickerField = {
-    component: 'Datepicker';
+    component: FormGeneratorSupportedFields.Datepicker;
     props: DatepickerProps;
     hide?: boolean;
 };
 type DescriptionListField = {
-    component: 'DescriptionList';
+    component: FormGeneratorSupportedFields.DescriptionList;
     props: DescriptionListProps;
     hide?: boolean;
     children: DescriptionListGroupField[];
 };
 type DescriptionListGroupField = {
-    component: 'DescriptionListGroup';
+    component: FormGeneratorSupportedFields.DescriptionListGroup;
     props: DescriptionListGroupProps;
     hide?: boolean;
     children: (DescriptionListTermField | DescriptionListDescField)[];
 };
 type DescriptionListTermField = {
-    component: 'DescriptionListTerm';
+    component: FormGeneratorSupportedFields.DescriptionListTerm;
     props: DescriptionListTermProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;
 };
 type DescriptionListDescField = {
-    component: 'DescriptionListDesc';
+    component: FormGeneratorSupportedFields.DescriptionListDesc;
     props: DescriptionListDescProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;
 };
 type DividerField = {
-    component: 'Divider';
+    component: FormGeneratorSupportedFields.Divider;
     props: DividerProps;
     hide?: boolean;
 };
 type GlobalMessageField = {
-    component: 'GlobalMessage';
+    component: FormGeneratorSupportedFields.GlobalMessage;
     props: GlobalMessageProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type HeadingField = {
-    component: 'Heading';
+    component: FormGeneratorSupportedFields.Heading;
     props: HeadingProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type InputMessageField = {
-    component: 'InputMessage';
+    component: FormGeneratorSupportedFields.InputMessage;
     props: InputMessageProps;
     hide?: boolean;
 };
 type LabelField = {
-    component: 'Label';
+    component: FormGeneratorSupportedFields.Label;
     props: LabelProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type LinkField = {
-    component: 'Link';
+    component: FormGeneratorSupportedFields.Link;
     props: LinkProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type ListItemField = {
-    component: 'ListItem';
+    component: FormGeneratorSupportedFields.ListItem;
     props?: ListItemProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type ListField = {
-    component: 'List';
+    component: FormGeneratorSupportedFields.List;
     props?: ListProps;
     hide?: boolean;
     children: ListItemField[];
 };
 type LocalMessageField = {
-    component: 'LocalMessage';
+    component: FormGeneratorSupportedFields.LocalMessage;
     props: LocalMessageProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type ParagraphField = {
-    component: 'Paragraph';
+    component: FormGeneratorSupportedFields.Paragraph;
     props: ParagraphProps;
     hide?: boolean;
     innerHTML?: JSX.Element | string;
 };
 type RadioButtonField = {
-    component: 'RadioButton';
+    component: FormGeneratorSupportedFields.RadioButton;
     props: RadioButtonProps;
     hide?: boolean;
 };
 type RadioButtonGroupField = {
-    component: 'RadioButtonGroup';
+    component: FormGeneratorSupportedFields.RadioButtonGroup;
     props: RadioButtonGroupProps<string | number>;
     hide?: boolean;
     children: RadioButtonField[];
 };
 type SelectField = {
-    component: 'Select';
+    component: FormGeneratorSupportedFields.Select;
     props: SelectProps<SelectOption<unknown>, boolean>;
     name: string;
     hide?: boolean;
 };
 type SpinnerField = {
-    component: 'Spinner';
+    component: FormGeneratorSupportedFields.Spinner;
     props: SpinnerProps;
     hide?: boolean;
 };
 type TextInputField = {
-    component: 'TextInput';
+    component: FormGeneratorSupportedFields.TextInput;
     props: TextInputProps;
     hide?: boolean;
 };
 type ToggleButtonField = {
-    component: 'ToggleButton';
+    component: FormGeneratorSupportedFields.ToggleButton;
     props: ToggleButtonProps;
     hide?: boolean;
 };
 type ToggleButtonGroupField = {
-    component: 'ToggleButtonGroup';
+    component: FormGeneratorSupportedFields.ToggleButtonGroup;
     props: ToggleButtonGroupProps;
     hide?: boolean;
     children: ToggleButtonField[];
 };
 type TypographyField = {
-    component: 'Typography';
+    component: FormGeneratorSupportedFields.Typography;
     props: TypographyProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;
 };
 type VisuallyHiddenField = {
-    component: 'VisuallyHidden';
+    component: FormGeneratorSupportedFields.VisuallyHidden;
     props: VisuallyHiddenProps;
     hide?: boolean;
     innerHTML: JSX.Element | string;

package/dist/components/FormGenerator/FormGenerator.types.js

@@ -0,0 +1,33 @@
+var FormGeneratorSupportedFields;
+(function (FormGeneratorSupportedFields) {
+  FormGeneratorSupportedFields["Button"] = "Button";
+  FormGeneratorSupportedFields["Card"] = "Card";
+  FormGeneratorSupportedFields["Checkbox"] = "Checkbox";
+  FormGeneratorSupportedFields["CheckboxGroup"] = "CheckboxGroup";
+  FormGeneratorSupportedFields["Datepicker"] = "Datepicker";
+  FormGeneratorSupportedFields["DescriptionList"] = "DescriptionList";
+  FormGeneratorSupportedFields["DescriptionListGroup"] = "DescriptionListGroup";
+  FormGeneratorSupportedFields["DescriptionListDesc"] = "DescriptionListDesc";
+  FormGeneratorSupportedFields["DescriptionListTerm"] = "DescriptionListTerm";
+  FormGeneratorSupportedFields["Divider"] = "Divider";
+  FormGeneratorSupportedFields["GlobalMessage"] = "GlobalMessage";
+  FormGeneratorSupportedFields["Heading"] = "Heading";
+  FormGeneratorSupportedFields["InputMessage"] = "InputMessage";
+  FormGeneratorSupportedFields["Label"] = "Label";
+  FormGeneratorSupportedFields["Link"] = "Link";
+  FormGeneratorSupportedFields["List"] = "List";
+  FormGeneratorSupportedFields["ListItem"] = "ListItem";
+  FormGeneratorSupportedFields["LocalMessage"] = "LocalMessage";
+  FormGeneratorSupportedFields["Paragraph"] = "Paragraph";
+  FormGeneratorSupportedFields["RadioButton"] = "RadioButton";
+  FormGeneratorSupportedFields["RadioButtonGroup"] = "RadioButtonGroup";
+  FormGeneratorSupportedFields["Select"] = "Select";
+  FormGeneratorSupportedFields["Spinner"] = "Spinner";
+  FormGeneratorSupportedFields["TextInput"] = "TextInput";
+  FormGeneratorSupportedFields["ToggleButton"] = "ToggleButton";
+  FormGeneratorSupportedFields["ToggleButtonGroup"] = "ToggleButtonGroup";
+  FormGeneratorSupportedFields["Typography"] = "Typography";
+  FormGeneratorSupportedFields["VisuallyHidden"] = "VisuallyHidden";
+})(FormGeneratorSupportedFields || (FormGeneratorSupportedFields = {}));
+
+export { FormGeneratorSupportedFields };

package/dist/components/InputMessage/InputMessage.d.ts

@@ -12,5 +12,5 @@ export declare const InputMessage: import("react").ForwardRefExoticComponent<Pic
     /** Formålet med meldingen. Påvirker styling. */
     messageType: InputMessageType;
 } & {
-    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;
+    htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined; /** Meldingen som vises til brukeren. */
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/Table/collapsible/CollapsibleRow.d.ts

@@ -1,5 +1,5 @@
 export declare const CollapsibleRow: import("react").ForwardRefExoticComponent<{
-    type?: import("../Table.types").TableRowType | undefined;
+    type?: import("..").TableRowType | undefined;
     mode?: import("../Table.types").RowMode | undefined;
     selected?: boolean | undefined;
     hoverable?: boolean | undefined;

package/dist/components/Table/collapsible/CollapsibleTable.stories.d.ts

@@ -39,7 +39,7 @@ export default _default;
 export declare const SingleDefiningColumn: (args: CollapsibleTableProps) => JSX.Element;
 export declare const MultipleDefiningColumns: (args: CollapsibleTableProps) => JSX.Element;
 export declare const PrioritizedDefiningColumns: (args: CollapsibleTableProps) => JSX.Element;
-export declare const withDividers: (args: CollapsibleTableProps) => JSX.Element;
+export declare const WithDividers: (args: CollapsibleTableProps) => JSX.Element;
 export declare const Compact: (args: CollapsibleTableProps) => JSX.Element;
 export declare const StickyHeader: (args: CollapsibleTableProps) => JSX.Element;
 export declare const WithButtonAndIcons: (args: CollapsibleTableProps) => JSX.Element;

package/dist/components/TextInput/TextInput.styles.js

@@ -25,7 +25,7 @@ var StyledIcon = styled(Icon).withConfig({
 })(["position:absolute;color:", ";", " z-index:1;"], icon.color, function (_ref) {
   var size = _ref.size,
     iconSize = _ref.iconSize;
-  return css(["left:", ";", ""], icon.sizes[size].left, iconSize === 'small' ? css(["top:", ";"], "calc(50% - ".concat(iconSizes.DdsIconsizeSmallNumberPx / 2, "px)")) : css(["top:", ";;"], "calc(50% - ".concat(iconSizes.DdsIconsizeMediumNumberPx / 2, "px)")));
+  return css(["left:", ";", ""], icon.sizes[size].left, iconSize === 'small' ? css(["top:", ";"], "calc(50% - ".concat(iconSizes.DdsIconsizeSmallNumberPx / 2, "px)")) : css(["top:", ";"], "calc(50% - ".concat(iconSizes.DdsIconsizeMediumNumberPx / 2, "px)")));
 });
 var StyledInput = styled(StatefulInput).withConfig({
   displayName: "TextInputstyles__StyledInput",

package/dist/hooks/useFloatPosition.d.ts

@@ -26,6 +26,8 @@ export declare const useFloatPosition: (arrowRef: HTMLElement | null, options?:
     refs: {
         reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
         floating: import("react").MutableRefObject<HTMLElement | null>;
+        setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
     };
     styles: {
         floating: {

package/dist/index.js

@@ -215,4 +215,5 @@ export { StyledTextArea, TextArea } from './components/TextArea/TextArea.js';
 export { SplitButton } from './components/SplitButton/SplitButton.js';
 export { HStack, VStack } from './components/Stack/Stack.js';
 export { FormGenerator } from './components/FormGenerator/FormGenerator.js';
+export { FormGeneratorSupportedFields } from './components/FormGenerator/FormGenerator.types.js';
 export { FileUploader } from './components/FileUploader/FileUploader.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-components",
-  "version": "10.3.2",
+  "version": "10.4.0",
   "description": "React components used in Elsa - domstolenes designsystem",
   "author": "Elsa team",
   "license": "MIT",
@@ -23,8 +23,9 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "build": "rollup -c",
-    "build:watch": "rollup -c -w",
-    "storybook": "start-storybook -p 6006",
+    "dev": "concurrently 'npm:dev:*'",
+    "dev:rollup": "rollup -c -w",
+    "dev:storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -o docs",
     "lint": "eslint --ext=jsx,ts,tsx src",
     "prettier": "prettier --write .",
@@ -51,6 +52,7 @@
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@mdx-js/react": "^2.2.1",
+    "@norges-domstoler/dds-design-tokens": "^3.0.1",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.0.0",
     "@rollup/plugin-image": "^3.0.1",