@norges-domstoler/dds-components 0.0.0-dev-20240314092010 → 0.0.0-dev-20240314100410

package/dist/index.d.mts

@@ -2030,6 +2030,8 @@ type FileUploaderProps = {
     width?: Property.Width<string>;
     /**Om drag-and-drop zone skal vises. */
     withDragAndDrop?: boolean;
+    /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
+    hideFileList?: boolean;
 } & Partial<FileUploaderHookProps>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -2030,6 +2030,8 @@ type FileUploaderProps = {
     width?: Property.Width<string>;
     /**Om drag-and-drop zone skal vises. */
     withDragAndDrop?: boolean;
+    /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
+    hideFileList?: boolean;
 } & Partial<FileUploaderHookProps>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -1409,9 +1409,11 @@ var message = {
   },
   error: {
     padding: `${spacing4.SizesDdsSpacingX025} ${spacing4.SizesDdsSpacingX05}`,
-    color: colors6.DdsColorDangerBase,
     backgroundColor: colors6.DdsColorDangerLightest,
-    gap: spacing4.SizesDdsSpacingX05
+    gap: spacing4.SizesDdsSpacingX025,
+    icon: {
+      color: colors6.DdsColorDangerDark
+    }
   }
 };
 var icon = {
@@ -2916,12 +2918,11 @@ var InputMessageWrapper = import_styled_components10.default.div.withConfig({
   width: fit-content;
   word-break: break-word;
   max-width: 100%;
-  ${({ messageType }) => messageType === "error" ? import_styled_components10.css`
-          color: ${inputMessageTokens.message.error.color};
-          background-color: ${inputMessageTokens.message.error.backgroundColor};
-          padding: ${inputMessageTokens.message.error.padding};
-          gap: ${inputMessageTokens.message.error.gap};
-        ` : ""}
+  ${({ messageType }) => messageType === "error" && import_styled_components10.css`
+      background-color: ${inputMessageTokens.message.error.backgroundColor};
+      padding: ${inputMessageTokens.message.error.padding};
+      gap: ${inputMessageTokens.message.error.gap};
+    `}
   svg {
     margin-top: ${inputMessageTokens.icon.marginTop};
   }
@@ -2936,14 +2937,19 @@ var InputMessage = (0, import_react3.forwardRef)(
     };
     const isError = messageType === "error";
     return /* @__PURE__ */ (0, import_jsx_runtime162.jsxs)(InputMessageWrapper, { ...wrapperProps, children: [
-      isError && /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(Icon, { icon: ErrorIcon, iconSize: "inherit" }),
+      isError && /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
+        Icon,
+        {
+          icon: ErrorIcon,
+          iconSize: "small",
+          color: inputMessageTokens.message.error.icon.color
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime162.jsx)(
         Typography,
         {
-          typographyType: isError ? "supportingStyleLabel01" : "supportingStyleHelperText01",
+          typographyType: isError ? "bodySans01" : "supportingStyleHelperText01",
           as: "span",
-          bold: isError ? true : void 0,
-          color: isError ? inputMessageTokens.message.error.color : void 0,
           children: message2
         }
       )
@@ -8654,7 +8660,8 @@ var FileUploader = (props) => {
     disabled,
     onChange,
     width,
-    errorMessage
+    errorMessage,
+    hideFileList
   } = props;
   const generatedId = (0, import_react63.useId)();
   const uniqueId = id != null ? id : `${generatedId}-fileUploader`;
@@ -8742,7 +8749,7 @@ var FileUploader = (props) => {
       button3
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(ErrorList, { errors: rootErrorsList }),
-    /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(FileListElement, { children: fileListElements })
+    !hideFileList && /* @__PURE__ */ (0, import_jsx_runtime222.jsx)(FileListElement, { children: fileListElements })
   ] });
 };
 FileUploader.displayName = "FileUploader";