@dep-dio/dio-designsystem 0.5.0 → 0.6.0

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Divider: React.FC;

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,16 @@
+import { type FileUploadProps as DsFileUploadProps } from "@digdir/designsystemet-react";
+export interface FileUploadProps extends DsFileUploadProps {
+    controlClassName?: string;
+    label?: string;
+    description?: string;
+    errorMessage?: string;
+    isValid?: boolean;
+    isValidationVisible?: boolean;
+    isRequired?: boolean;
+    controlDescription1?: string;
+    controlDescription2?: string;
+    buttonText?: string;
+    requiredMessage?: string;
+    value?: string;
+}
+export declare function FileUpload({ className, controlClassName, label, description, controlDescription1, controlDescription2, buttonText, id, isValid, errorMessage, isValidationVisible, isRequired, requiredMessage, value, onChange, ...props }: FileUploadProps): import("react").JSX.Element;

package/dist/react.d.ts

@@ -8,12 +8,14 @@ export { Checkbox, type CheckboxProps } from "./components/Checkbox/Checkbox";
 export { CheckboxFieldset, type CheckboxFieldsetProps, } from "./components/Checkbox/CheckboxFieldset";
 export { ControlGroup, type ControlGroupProps } from "./components/ControlGroup/ControlGroup";
 export { Details, type DetailsProps } from "./components/Details/Details";
+export { Divider } from "./components/Divider/Divider";
 export { Dialog, type DialogProps } from "./components/Dialog/Dialog";
 export { Dropdown, type DropdownProps } from "./components/Dropdown/Dropdown";
 export { ErrorSummary, type ErrorSummaryItem, type ErrorSummaryProps, } from "./components/ErrorSummary/ErrorSummary";
 export { FeedbackBanner, type FeedbackBannerProps, } from "./components/FeedbackBanner/FeedbackBanner";
+export { FileUpload, type FileUploadProps } from "./components/FileUpload/FileUpload";
 export { Form, type FormProps } from "./components/Form/Form";
-export { DEFAULT_REQUIRED_MESSAGE, Label, type LabelProps, } from "./components/Label/Label";
+export { DEFAULT_REQUIRED_MESSAGE, Label, type LabelProps } from "./components/Label/Label";
 export { LinkList, type LinkListItem, type LinkListProps } from "./components/LinkList/LinkList";
 export { NavigationalLink, type NavigationalLinkProps, } from "./components/NavigationalLink/NavigationalLink";
 export { Pagination, type PaginationProps } from "./components/Pagination/Pagination";

package/dist/react.js

@@ -5946,7 +5946,7 @@ var observeOffset = (instance, cb, readOffset) => {
   let offset4 = 0;
   const fallback = registerScrollendEvent ? null : debounce(
     targetWindow,
-    () => cb(offset4, false),
+    () => cb(readOffset(element), false),
     instance.options.isScrollingResetDelay
   );
   const createHandler = (isScrolling) => () => {
@@ -6270,7 +6270,7 @@ var Virtualizer = class {
       };
     };
     this._willUpdate = () => {
-      var _a;
+      var _a, _b;
       const scrollElement = this.options.enabled ? this.options.getScrollElement() : null;
       if (this.scrollElement !== scrollElement) {
         this.cleanup();
@@ -6372,7 +6372,11 @@ var Virtualizer = class {
             if (anchorDelta !== 0) {
               this._iosDeferredAdjustment += anchorDelta;
             }
-          } else {
+          } else if (((_b = this.scrollState) == null ? void 0 : _b.behavior) === "smooth" && !approxEqual(
+            this.getScrollOffset() - anchorDelta,
+            this.scrollState.lastTargetOffset
+          )) ;
+          else {
             this._scrollToOffset(this.getScrollOffset(), {
               adjustments: void 0,
               behavior: void 0
@@ -7209,6 +7213,7 @@ function useVirtualizerBase({
   });
   directRef.current.enabled = directDomUpdates;
   directRef.current.mode = directDomUpdatesMode;
+  const measuringFromRef = React5.useRef(false);
   const applyContainerSize = (instance2) => {
     const state = directRef.current;
     if (!state.enabled || !state.container) return;
@@ -7261,7 +7266,7 @@ function useVirtualizerBase({
         }
       }
       if (shouldRerender) {
-        if (useFlushSync && sync) {
+        if (useFlushSync && sync && !measuringFromRef.current) {
           flushSync4(rerender);
         } else {
           rerender();
@@ -7272,6 +7277,15 @@ function useVirtualizerBase({
   };
   const [instance] = React5.useState(() => {
     const v = new Virtualizer(resolvedOptions);
+    const measureElement2 = v.measureElement;
+    v.measureElement = (node) => {
+      measuringFromRef.current = true;
+      try {
+        measureElement2(node);
+      } finally {
+        measuringFromRef.current = false;
+      }
+    };
     return Object.assign(v, {
       containerRef: (node) => {
         const state = directRef.current;
@@ -8245,6 +8259,9 @@ var FileUpload = forwardRef61(function FileUpload2({ className, ...rest }, ref)
   });
 });
 
+// ../../node_modules/@digdir/designsystemet-react/dist/esm/components/file-upload/index.js
+var EXPERIMENTAL_FileUpload = FileUpload;
+
 // ../../node_modules/@digdir/designsystemet-react/dist/esm/components/pagination/pagination-button.js
 import { forwardRef as forwardRef62 } from "react";
 import { jsx as jsx70 } from "react/jsx-runtime";
@@ -9112,7 +9129,7 @@ function SvgIcon({ name, width = 24, height = 24, className, label, style }) {
 }
 
 // src/components/Button/Button.tsx
-import { jsx as jsx112, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx112, jsxs as jsxs17 } from "react/jsx-runtime";
 function Button3({
   className,
   color,
@@ -9125,7 +9142,9 @@ function Button3({
   size: size4,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs17(
+  const showIconLeft = iconLeft && !isLoading;
+  const showIconRight = iconRight;
+  return /* @__PURE__ */ jsx112(
     Button,
     {
       className,
@@ -9135,11 +9154,11 @@ function Button3({
       "aria-label": ariaLabel,
       "data-size": size4,
       ...props,
-      children: [
-        iconLeft && !isLoading && /* @__PURE__ */ jsx112(SvgIcon, { name: iconLeft }),
+      children: showIconLeft || showIconRight ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
+        showIconLeft && /* @__PURE__ */ jsx112(SvgIcon, { name: iconLeft }),
         children,
-        iconRight && !isLoading && /* @__PURE__ */ jsx112(SvgIcon, { name: iconRight })
-      ]
+        showIconRight && /* @__PURE__ */ jsx112(SvgIcon, { name: iconRight })
+      ] }) : children
     }
   );
 }
@@ -9375,9 +9394,14 @@ function Details3({
 Details3.Summary = DetailsComponent.Summary;
 Details3.Content = DetailsComponent.Content;
 
+// src/components/Divider/Divider.tsx
+import "react";
+import { jsx as jsx123 } from "react/jsx-runtime";
+var Divider3 = () => /* @__PURE__ */ jsx123("hr", { "aria-hidden": "true", className: "dio-divider ds-divider" });
+
 // src/components/Dialog/Dialog.tsx
 import { useEffect as useEffect18, useRef as useRef20 } from "react";
-import { jsx as jsx123, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs24 } from "react/jsx-runtime";
 function Dialog3({
   children,
   className,
@@ -9408,7 +9432,7 @@ function Dialog3({
       onClose,
       ...props,
       children: [
-        title && /* @__PURE__ */ jsx123("h2", { className: "dio-text-heading-2", style: { marginBottom: "var(--ds-size-2)" }, children: title }),
+        title && /* @__PURE__ */ jsx124("h2", { className: "dio-text-heading-2", style: { marginBottom: "var(--ds-size-2)" }, children: title }),
         children
       ]
     }
@@ -9419,9 +9443,9 @@ Dialog3.Trigger = DialogComponent.Trigger;
 Dialog3.TriggerContext = DialogComponent.TriggerContext;
 
 // src/components/Dropdown/Dropdown.tsx
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 function DropdownRoot({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx124(DropdownComponent, { className, ...props, children });
+  return /* @__PURE__ */ jsx125(DropdownComponent, { className, ...props, children });
 }
 var Dropdown2 = Object.assign(DropdownRoot, {
   TriggerContext: DropdownComponent.TriggerContext,
@@ -9433,14 +9457,14 @@ var Dropdown2 = Object.assign(DropdownRoot, {
 });
 
 // src/components/ErrorSummary/ErrorSummary.tsx
-import { jsx as jsx125, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx126, jsxs as jsxs25 } from "react/jsx-runtime";
 function ErrorSummary3({ title, errors, className, children, ...props }) {
   if (children) {
-    return /* @__PURE__ */ jsx125(ErrorSummaryComponent, { className, ...props, children });
+    return /* @__PURE__ */ jsx126(ErrorSummaryComponent, { className, ...props, children });
   }
   return /* @__PURE__ */ jsxs25(ErrorSummaryComponent, { className, ...props, children: [
-    title && /* @__PURE__ */ jsx125(ErrorSummaryComponent.Heading, { children: title }),
-    errors && errors.length > 0 && /* @__PURE__ */ jsx125(ErrorSummaryComponent.List, { children: errors.map((error2) => /* @__PURE__ */ jsx125(ErrorSummaryComponent.Item, { children: /* @__PURE__ */ jsx125(ErrorSummaryComponent.Link, { href: error2.href, children: error2.label }) }, error2.label)) })
+    title && /* @__PURE__ */ jsx126(ErrorSummaryComponent.Heading, { children: title }),
+    errors && errors.length > 0 && /* @__PURE__ */ jsx126(ErrorSummaryComponent.List, { children: errors.map((error2) => /* @__PURE__ */ jsx126(ErrorSummaryComponent.Item, { children: /* @__PURE__ */ jsx126(ErrorSummaryComponent.Link, { href: error2.href, children: error2.label }) }, error2.label)) })
   ] });
 }
 ErrorSummary3.Heading = ErrorSummaryComponent.Heading;
@@ -9450,16 +9474,16 @@ ErrorSummary3.Link = ErrorSummaryComponent.Link;
 
 // src/components/FeedbackBanner/FeedbackBanner.tsx
 import classNames5 from "classnames";
-import { jsx as jsx126, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx127, jsxs as jsxs26 } from "react/jsx-runtime";
 function FeedbackBanner({
   color,
   className,
   children,
   closeLabel = "Lukk"
 }) {
-  return /* @__PURE__ */ jsx126("dio-feedback-banner", { className: classNames5("dio-feedback-banner", className), children: /* @__PURE__ */ jsxs26(Alert, { "data-color": color, children: [
+  return /* @__PURE__ */ jsx127("dio-feedback-banner", { className: classNames5("dio-feedback-banner", className), children: /* @__PURE__ */ jsxs26(Alert, { "data-color": color, children: [
     children,
-    /* @__PURE__ */ jsx126(
+    /* @__PURE__ */ jsx127(
       ButtonClose,
       {
         className: "dio-feedback-banner__close-button",
@@ -9470,18 +9494,70 @@ function FeedbackBanner({
   ] }) });
 }
 
+// src/components/FileUpload/FileUpload.tsx
+import { jsx as jsx128, jsxs as jsxs27 } from "react/jsx-runtime";
+function FileUpload3({
+  className,
+  controlClassName,
+  label = "Last opp vedlegg",
+  description = "Filer m\xE5 v\xE6re i PDF-format. Maksimal filst\xF8rrelse 10 MB",
+  controlDescription1 = "Slipp filer her",
+  controlDescription2,
+  buttonText = "Last opp filer",
+  id,
+  isValid,
+  errorMessage,
+  isValidationVisible,
+  isRequired,
+  requiredMessage = DEFAULT_REQUIRED_MESSAGE,
+  value,
+  onChange,
+  ...props
+}) {
+  const isInvalid = !!(!isValid && isValidationVisible && errorMessage);
+  return /* @__PURE__ */ jsxs27(FieldComponent, { className, children: [
+    /* @__PURE__ */ jsx128(Label, { htmlFor: id, children: /* @__PURE__ */ jsx128(
+      Label3,
+      {
+        isRequired,
+        isInvalid,
+        requiredMessage,
+        children: label
+      }
+    ) }),
+    /* @__PURE__ */ jsx128(FieldComponent.Description, { children: description }),
+    /* @__PURE__ */ jsxs27(EXPERIMENTAL_FileUpload, { className: controlClassName, children: [
+      controlDescription1 && /* @__PURE__ */ jsx128(FieldComponent.Description, { children: controlDescription1 }),
+      controlDescription2 && /* @__PURE__ */ jsx128(FieldComponent.Description, { children: controlDescription2 }),
+      /* @__PURE__ */ jsx128(Button3, { asChild: true, variant: "secondary", children: /* @__PURE__ */ jsx128("span", { children: buttonText }) }),
+      /* @__PURE__ */ jsx128(
+        "input",
+        {
+          type: "file",
+          id,
+          value,
+          onChange,
+          required: isRequired,
+          ...props
+        }
+      )
+    ] }),
+    isInvalid && /* @__PURE__ */ jsx128(ValidationMessage3, { children: errorMessage })
+  ] });
+}
+
 // src/components/Form/Form.tsx
 import classNames6 from "classnames";
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 function Form({ className, children }) {
-  return /* @__PURE__ */ jsx127("div", { className: classNames6("dio-form dio-prose", className), children });
+  return /* @__PURE__ */ jsx129("div", { className: classNames6("dio-form dio-prose", className), children });
 }
 
 // src/components/LinkList/LinkList.tsx
 import classNames7 from "classnames";
-import { jsx as jsx128, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx130, jsxs as jsxs28 } from "react/jsx-runtime";
 function LinkList({ links = [], className }) {
-  return /* @__PURE__ */ jsx128("ul", { className: classNames7("dio-link-list", className), children: links.map((link) => /* @__PURE__ */ jsx128("li", { className: "dio-link-list__item", children: /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsx130("ul", { className: classNames7("dio-link-list", className), children: links.map((link) => /* @__PURE__ */ jsx130("li", { className: "dio-link-list__item", children: /* @__PURE__ */ jsxs28(
     Link,
     {
       className: "dio-link-list__link",
@@ -9489,8 +9565,8 @@ function LinkList({ links = [], className }) {
       ...link.target ? { target: link.target } : {},
       ...link.rel ? { rel: link.rel } : {},
       children: [
-        /* @__PURE__ */ jsx128(SvgIcon, { name: "dio-chevron-right" }),
-        /* @__PURE__ */ jsx128("span", { children: link.label })
+        /* @__PURE__ */ jsx130(SvgIcon, { name: "dio-chevron-right" }),
+        /* @__PURE__ */ jsx130("span", { children: link.label })
       ]
     }
   ) }, link.href)) });
@@ -9498,7 +9574,7 @@ function LinkList({ links = [], className }) {
 
 // src/components/NavigationalLink/NavigationalLink.tsx
 import classNames8 from "classnames";
-import { jsx as jsx129, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs29 } from "react/jsx-runtime";
 function NavigationalLink({
   children,
   className,
@@ -9506,25 +9582,25 @@ function NavigationalLink({
   iconRight = "dio-chevron-right",
   ...props
 }) {
-  return /* @__PURE__ */ jsxs28(
+  return /* @__PURE__ */ jsxs29(
     Link,
     {
       className: classNames8("dio-navigational-link", className),
       "data-testid": "navigational-link",
       ...props,
       children: [
-        iconLeft && /* @__PURE__ */ jsx129(SvgIcon, { name: iconLeft }),
-        /* @__PURE__ */ jsx129("span", { children }),
-        iconRight && /* @__PURE__ */ jsx129(SvgIcon, { name: iconRight })
+        iconLeft && /* @__PURE__ */ jsx131(SvgIcon, { name: iconLeft }),
+        /* @__PURE__ */ jsx131("span", { children }),
+        iconRight && /* @__PURE__ */ jsx131(SvgIcon, { name: iconRight })
       ]
     }
   );
 }
 
 // src/components/Pagination/Pagination.tsx
-import { jsx as jsx130 } from "react/jsx-runtime";
+import { jsx as jsx132 } from "react/jsx-runtime";
 function PaginationRoot({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx130(PaginationComponent, { className, ...props, children });
+  return /* @__PURE__ */ jsx132(PaginationComponent, { className, ...props, children });
 }
 var Pagination3 = Object.assign(PaginationRoot, {
   List: PaginationComponent.List,
@@ -9533,7 +9609,7 @@ var Pagination3 = Object.assign(PaginationRoot, {
 });
 
 // src/components/Radio/Radio.tsx
-import { jsx as jsx131 } from "react/jsx-runtime";
+import { jsx as jsx133 } from "react/jsx-runtime";
 function Radio3({
   className,
   isDisabled: isDisabled2,
@@ -9542,7 +9618,7 @@ function Radio3({
   onChange,
   ...props
 }) {
-  return /* @__PURE__ */ jsx131(
+  return /* @__PURE__ */ jsx133(
     Radio,
     {
       ...{
@@ -9558,7 +9634,7 @@ function Radio3({
 }
 
 // src/components/Radio/RadioFieldset.tsx
-import { jsx as jsx132, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx134, jsxs as jsxs30 } from "react/jsx-runtime";
 function RadioFieldset({
   legend,
   description,
@@ -9568,15 +9644,15 @@ function RadioFieldset({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs29(FieldsetComponent, { className, style, ...props, children: [
-    /* @__PURE__ */ jsx132(FieldsetComponent.Legend, { children: legend }),
-    description && /* @__PURE__ */ jsx132(FieldsetComponent.Description, { children: description }),
-    direction === "horizontal" ? /* @__PURE__ */ jsx132(ControlGroup, { children }) : children
+  return /* @__PURE__ */ jsxs30(FieldsetComponent, { className, style, ...props, children: [
+    /* @__PURE__ */ jsx134(FieldsetComponent.Legend, { children: legend }),
+    description && /* @__PURE__ */ jsx134(FieldsetComponent.Description, { children: description }),
+    direction === "horizontal" ? /* @__PURE__ */ jsx134(ControlGroup, { children }) : children
   ] });
 }
 
 // src/components/Select/Select.tsx
-import { jsx as jsx133, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx135, jsxs as jsxs31 } from "react/jsx-runtime";
 function SelectRoot({
   className,
   controlClassName,
@@ -9596,8 +9672,8 @@ function SelectRoot({
   ...props
 }) {
   const isInvalid = !!(!isValid && isValidationVisible && errorMessage);
-  return /* @__PURE__ */ jsxs30(FieldComponent, { className, children: [
-    label && /* @__PURE__ */ jsx133(Label, { htmlFor: id, children: /* @__PURE__ */ jsx133(
+  return /* @__PURE__ */ jsxs31(FieldComponent, { className, children: [
+    label && /* @__PURE__ */ jsx135(Label, { htmlFor: id, children: /* @__PURE__ */ jsx135(
       Label3,
       {
         isRequired,
@@ -9606,8 +9682,8 @@ function SelectRoot({
         children: label
       }
     ) }),
-    description && /* @__PURE__ */ jsx133(FieldComponent.Description, { children: description }),
-    /* @__PURE__ */ jsx133(
+    description && /* @__PURE__ */ jsx135(FieldComponent.Description, { children: description }),
+    /* @__PURE__ */ jsx135(
       SelectComponent,
       {
         className: controlClassName,
@@ -9621,7 +9697,7 @@ function SelectRoot({
         children
       }
     ),
-    isInvalid && /* @__PURE__ */ jsx133(ValidationMessage3, { children: errorMessage })
+    isInvalid && /* @__PURE__ */ jsx135(ValidationMessage3, { children: errorMessage })
   ] });
 }
 var Select3 = Object.assign(SelectRoot, {
@@ -9631,7 +9707,7 @@ var Select3 = Object.assign(SelectRoot, {
 
 // src/components/Spinner/Spinner.tsx
 import classNames9 from "classnames";
-import { jsx as jsx134, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx136, jsxs as jsxs32 } from "react/jsx-runtime";
 function Spinner3({
   size: size4 = "md",
   textBefore,
@@ -9643,7 +9719,7 @@ function Spinner3({
   const label = ariaLabel ?? textAfter ?? textBefore ?? "Laster...";
   const dataSize = size4 === "2xl" ? "xl" : size4;
   const hasText = !!(textBefore || textAfter);
-  const icon = /* @__PURE__ */ jsx134(
+  const icon = /* @__PURE__ */ jsx136(
     Spinner,
     {
       className: hasText ? "spinner__icon" : className,
@@ -9655,15 +9731,15 @@ function Spinner3({
   if (!hasText) {
     return icon;
   }
-  return /* @__PURE__ */ jsxs31("div", { className: classNames9("spinner", className), "data-testid": "spinner", children: [
-    textBefore && /* @__PURE__ */ jsx134("p", { className: "dio-text-large spinner__text", children: textBefore }),
+  return /* @__PURE__ */ jsxs32("div", { className: classNames9("spinner", className), "data-testid": "spinner", children: [
+    textBefore && /* @__PURE__ */ jsx136("p", { className: "dio-text-large spinner__text", children: textBefore }),
     icon,
-    textAfter && /* @__PURE__ */ jsx134("p", { className: "dio-text-large spinner__text", children: textAfter })
+    textAfter && /* @__PURE__ */ jsx136("p", { className: "dio-text-large spinner__text", children: textAfter })
   ] });
 }
 
 // src/components/Switch/Switch.tsx
-import { jsx as jsx135 } from "react/jsx-runtime";
+import { jsx as jsx137 } from "react/jsx-runtime";
 function Switch3({
   className,
   isDisabled: isDisabled2,
@@ -9672,7 +9748,7 @@ function Switch3({
   onChange,
   ...props
 }) {
-  return /* @__PURE__ */ jsx135(
+  return /* @__PURE__ */ jsx137(
     Switch,
     {
       ...{
@@ -9688,9 +9764,9 @@ function Switch3({
 }
 
 // src/components/Tabs/Tabs.tsx
-import { jsx as jsx136 } from "react/jsx-runtime";
+import { jsx as jsx138 } from "react/jsx-runtime";
 function TabsRoot({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx136(TabsComponent, { className, ...props, children });
+  return /* @__PURE__ */ jsx138(TabsComponent, { className, ...props, children });
 }
 var Tabs3 = Object.assign(TabsRoot, {
   List: TabsComponent.List,
@@ -9699,7 +9775,7 @@ var Tabs3 = Object.assign(TabsRoot, {
 });
 
 // src/components/Textarea/Textarea.tsx
-import { jsx as jsx137, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx139, jsxs as jsxs33 } from "react/jsx-runtime";
 function Textarea3({
   className,
   controlClassName,
@@ -9717,8 +9793,8 @@ function Textarea3({
   ...props
 }) {
   const isInvalid = !!(!isValid && isValidationVisible && errorMessage);
-  return /* @__PURE__ */ jsxs32(FieldComponent, { className, children: [
-    label && /* @__PURE__ */ jsx137(Label, { htmlFor: id, children: /* @__PURE__ */ jsx137(
+  return /* @__PURE__ */ jsxs33(FieldComponent, { className, children: [
+    label && /* @__PURE__ */ jsx139(Label, { htmlFor: id, children: /* @__PURE__ */ jsx139(
       Label3,
       {
         isRequired,
@@ -9727,8 +9803,8 @@ function Textarea3({
         children: label
       }
     ) }),
-    description && /* @__PURE__ */ jsx137(FieldComponent.Description, { children: description }),
-    /* @__PURE__ */ jsx137(
+    description && /* @__PURE__ */ jsx139(FieldComponent.Description, { children: description }),
+    /* @__PURE__ */ jsx139(
       Textarea,
       {
         id,
@@ -9741,12 +9817,12 @@ function Textarea3({
         ...props
       }
     ),
-    isInvalid && /* @__PURE__ */ jsx137(ValidationMessage3, { children: errorMessage })
+    isInvalid && /* @__PURE__ */ jsx139(ValidationMessage3, { children: errorMessage })
   ] });
 }
 
 // src/components/Textfield/Textfield.tsx
-import { jsx as jsx138 } from "react/jsx-runtime";
+import { jsx as jsx140 } from "react/jsx-runtime";
 function Textfield3({
   className,
   isValid,
@@ -9761,12 +9837,12 @@ function Textfield3({
   ...props
 }) {
   const isInvalid = !!(!isValid && isValidationVisible && errorMessage);
-  return /* @__PURE__ */ jsx138(
+  return /* @__PURE__ */ jsx140(
     Textfield,
     {
       ...{
         className,
-        label: label ? /* @__PURE__ */ jsx138(
+        label: label ? /* @__PURE__ */ jsx140(
           Label3,
           {
             isRequired,
@@ -9788,12 +9864,7 @@ function Textfield3({
 
 // src/theme-colors.ts
 var themeColors = ["primary", "accent1", "regjeringsbla", "neutral"];
-var severityColors = Object.keys({
-  info: true,
-  success: true,
-  warning: true,
-  danger: true
-});
+var severityColors = ["info", "success", "warning", "danger"];
 var colors = [...themeColors, ...severityColors];
 export {
   Alert3 as Alert,
@@ -9808,9 +9879,11 @@ export {
   DEFAULT_REQUIRED_MESSAGE,
   Details3 as Details,
   Dialog3 as Dialog,
+  Divider3 as Divider,
   Dropdown2 as Dropdown,
   ErrorSummary3 as ErrorSummary,
   FeedbackBanner,
+  FileUpload3 as FileUpload,
   Form,
   Label3 as Label,
   LinkList,