@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/Feedback/Feedback.js

@@ -1,97 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { Paragraph } from '@norges-domstoler/dds-typography';
-import { RatingComponent } from './RatingComponent.js';
-import { CommentComponent } from './CommentComponent.js';
-
-var Feedback = function Feedback(_ref) {
-  var _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
-    _ref$ratingLabel = _ref.ratingLabel,
-    ratingLabel = _ref$ratingLabel === void 0 ? 'Hva syns du om tjenesten?' : _ref$ratingLabel,
-    _ref$positiveFeedback = _ref.positiveFeedbackLabel,
-    positiveFeedbackLabel = _ref$positiveFeedback === void 0 ? 'Hva kan vi forbedre? (valgfritt)' : _ref$positiveFeedback,
-    _ref$negativeFeedback = _ref.negativeFeedbackLabel,
-    negativeFeedbackLabel = _ref$negativeFeedback === void 0 ? 'Hva kan vi forbedre? (valgfritt)' : _ref$negativeFeedback,
-    _ref$ratingSubmittedT = _ref.ratingSubmittedTitle,
-    ratingSubmittedTitle = _ref$ratingSubmittedT === void 0 ? 'Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen' : _ref$ratingSubmittedT,
-    _ref$submittedTitle = _ref.submittedTitle,
-    submittedTitle = _ref$submittedTitle === void 0 ? 'Tusen takk! Tilbakemeldingen din hjelper oss å forbedre løsningen' : _ref$submittedTitle,
-    ratingProp = _ref.ratingValue,
-    feedbackTextProp = _ref.feedbackTextValue,
-    _ref$thumbUpTooltip = _ref.thumbUpTooltip,
-    thumbUpTooltip = _ref$thumbUpTooltip === void 0 ? 'Bra' : _ref$thumbUpTooltip,
-    _ref$thumbDownTooltip = _ref.thumbDownTooltip,
-    thumbDownTooltip = _ref$thumbDownTooltip === void 0 ? 'Dårlig' : _ref$thumbDownTooltip,
-    _ref$feedbackTextArea = _ref.feedbackTextAreaExcluded,
-    feedbackTextAreaExcluded = _ref$feedbackTextArea === void 0 ? false : _ref$feedbackTextArea,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    isSubmittedProp = _ref.isSubmitted,
-    onRating = _ref.onRating,
-    onFeedbackTextChange = _ref.onFeedbackTextChange,
-    onSubmit = _ref.onSubmit;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    rating = _useState2[0],
-    setRating = _useState2[1];
-  var _useState3 = useState(),
-    _useState4 = _slicedToArray(_useState3, 2),
-    feedbackText = _useState4[0],
-    setFeedbackText = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isFeedbackSubmitted = _useState6[0],
-    setIsFeedbackSubmitted = _useState6[1];
-  useEffect(function () {
-    ratingProp !== undefined && setRating(ratingProp);
-  }, [ratingProp]);
-  useEffect(function () {
-    feedbackTextProp !== undefined && setFeedbackText(feedbackTextProp);
-  }, [feedbackTextProp]);
-  useEffect(function () {
-    isSubmittedProp !== undefined && setIsFeedbackSubmitted(isSubmittedProp);
-  }, [isSubmittedProp]);
-  var handleRatingChange = function handleRatingChange(newRating) {
-    onRating && onRating(newRating);
-    onSubmit && feedbackTextAreaExcluded && onSubmit(newRating, '');
-    ratingProp === undefined && setRating(newRating);
-  };
-  var handleFeedbackTextChange = function handleFeedbackTextChange(newFeedbackText) {
-    onFeedbackTextChange && onFeedbackTextChange(newFeedbackText);
-    feedbackTextProp === undefined && setFeedbackText(newFeedbackText);
-  };
-  var handleSubmit = function handleSubmit() {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- Ved submit er rating alltid satt
-    onSubmit && onSubmit(rating, feedbackText !== null && feedbackText !== void 0 ? feedbackText : '');
-    isSubmittedProp === undefined && setIsFeedbackSubmitted(true);
-  };
-  if (rating === null && !isFeedbackSubmitted) {
-    return jsx(RatingComponent, {
-      layout: layout,
-      ratingLabel: ratingLabel,
-      loading: loading,
-      thumbUpTooltip: thumbUpTooltip,
-      thumbDownTooltip: thumbDownTooltip,
-      handleRatingChange: handleRatingChange
-    });
-  }
-  if (!feedbackTextAreaExcluded && !isFeedbackSubmitted) {
-    return jsx(CommentComponent, {
-      rating: rating,
-      feedbackText: feedbackText,
-      positiveFeedbackLabel: positiveFeedbackLabel,
-      negativeFeedbackLabel: negativeFeedbackLabel,
-      ratingSubmittedTitle: ratingSubmittedTitle,
-      loading: loading,
-      handleSubmit: handleSubmit,
-      handleFeedbackTextChange: handleFeedbackTextChange
-    });
-  }
-  return jsx(Paragraph, {
-    children: submittedTitle
-  });
-};
-
-export { Feedback };

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

@@ -1,66 +0,0 @@
-import { FeedbackProps } from '.';
-declare const _default: {
-    title: string;
-    component: ({ layout, ratingLabel, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, submittedTitle, ratingValue: ratingProp, feedbackTextValue: feedbackTextProp, thumbUpTooltip, thumbDownTooltip, feedbackTextAreaExcluded, loading, isSubmitted: isSubmittedProp, onRating, onFeedbackTextChange, onSubmit, }: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {
-        layout: {
-            control: {
-                type: string;
-                options: {
-                    vertical: string;
-                    horizontal: string;
-                };
-            };
-        };
-        ratingLabel: {
-            control: string;
-        };
-        ratingValue: {
-            control: {
-                type: string;
-                options: {
-                    null: null;
-                    positive: string;
-                    negative: string;
-                };
-            };
-        };
-        positiveFeedbackLabel: {
-            control: string;
-        };
-        negativeFeedbackLabel: {
-            control: string;
-        };
-        feedbackTextValue: {
-            control: string;
-        };
-        thumbUpTooltip: {
-            control: string;
-        };
-        thumbDownTooltip: {
-            control: string;
-        };
-        feedbackTextAreaExcluded: {
-            control: string;
-        };
-        loading: {
-            control: string;
-        };
-        isSubmitted: {
-            control: string;
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
-export declare const HorizontalLayout: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithoutTextArea: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomLabels: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomButtonTooltips: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
-export declare const LoadingState: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ControlledComponent: (args: FeedbackProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,36 +0,0 @@
-export type FeedbackProps = {
-    /**Om knappene skal være plassert under eller ved siden av teksten. */
-    layout?: Layout;
-    /**Label som er plassert over tommel opp/ned knappene */
-    ratingLabel: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel opp */
-    positiveFeedbackLabel?: string;
-    /**Label til fritekstfeltet når bruker har gitt tommel ned */
-    negativeFeedbackLabel?: string;
-    /**Tittel som vises når bruker har gitt tommel opp/ned, og enda ikke sendt inn kommentar */
-    ratingSubmittedTitle?: string;
-    /**Tittel som vises når bruker har gitt feedback (inkl. eventuell kommentar) */
-    submittedTitle?: string;
-    /**Om tommel opp eller ned er valgt. Brukes når komponenten skal være styrt utenfra. */
-    ratingValue?: Rating | null;
-    /**Verdien til fritekstfeltet. Brukes når komponenten skal være styrt utenfra. */
-    feedbackTextValue?: string;
-    /**Tooltip-teksten til tommel-opp-knappen*/
-    thumbUpTooltip?: string;
-    /**Tooltip-teksten til tommel-ned-knappen*/
-    thumbDownTooltip?: string;
-    /**Om tilbakemeldingskomponenten skal ekskludere fritekstfeltet (i.e. kun ha tommel opp/ned).*/
-    feedbackTextAreaExcluded?: boolean;
-    /**Om knappene skal vise spinner. Gjelder både tommel opp/ned knappene, og "send inn" knappen. */
-    loading?: boolean;
-    /**Om tilbakemelding er sendt inn. Brukes når komponenten skal være styrt utenfra. */
-    isSubmitted?: boolean;
-    /**Callback når bruker har gitt tommelrating */
-    onRating?: (rating: Rating) => void;
-    /**Callback når bruker skriver noe i fritekstfeltet */
-    onFeedbackTextChange?: (feedbackText: string) => void;
-    /**Callback når bruker sender inn feedback */
-    onSubmit?: (rating: Rating, feedbackText: string) => void;
-};
-export type Rating = 'positive' | 'negative';
-export type Layout = 'vertical' | 'horizontal';

package/dist/components/Feedback/FlexContainer.d.ts

@@ -1,6 +0,0 @@
-import { CSSProperties } from 'react';
-type FlexContainerProps = {
-    flexDirection: CSSProperties['flexDirection'];
-};
-export declare const FlexContainer: import("styled-components").StyledComponent<"div", any, FlexContainerProps, never>;
-export {};

package/dist/components/Feedback/FlexContainer.js

@@ -1,12 +0,0 @@
-import styled, { css } from 'styled-components';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var FlexContainer = styled.div.withConfig({
-  displayName: "FlexContainer",
-  componentId: "sc-se7ebh-0"
-})(["display:flex;", ";"], function (_ref) {
-  var flexDirection = _ref.flexDirection;
-  return css(["flex-direction:", ";gap:", ";"], flexDirection, ddsBaseTokens.spacing.SizesDdsSpacingLocalX1);
-});
-
-export { FlexContainer };

package/dist/components/Feedback/RatingComponent.d.ts

@@ -1,11 +0,0 @@
-import { Layout, Rating } from './Feedback.types';
-type RatingComponentType = {
-    layout: Layout;
-    ratingLabel: string;
-    loading: boolean;
-    thumbUpTooltip: string;
-    thumbDownTooltip: string;
-    handleRatingChange: (rating: Rating) => void;
-};
-export declare const RatingComponent: ({ layout, ratingLabel, loading, thumbUpTooltip, thumbDownTooltip, handleRatingChange, }: RatingComponentType) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Feedback/RatingComponent.js

@@ -1,70 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled, { css } from 'styled-components';
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { Thumbup, Thumbdown } from '@norges-domstoler/dds-icons';
-import { Label } from '@norges-domstoler/dds-typography';
-import { Spinner } from '../Spinner/Spinner.js';
-import { Tooltip } from '../Tooltip/Tooltip.js';
-import { Button } from '../Button/Button.js';
-import { FlexContainer } from './FlexContainer.js';
-
-var RatingContainer = styled.div.withConfig({
-  displayName: "RatingComponent__RatingContainer",
-  componentId: "sc-3siwxn-0"
-})(["display:flex;gap:", ";", ""], ddsBaseTokens.spacing.SizesDdsSpacingLocalX1, function (_ref) {
-  var layout = _ref.layout;
-  return css(["flex-direction:", ";align-items:", ";"], layout === 'horizontal' ? 'row' : 'column', layout === 'horizontal' ? 'center' : 'start');
-});
-var RatingButton = styled(Button).withConfig({
-  displayName: "RatingComponent__RatingButton",
-  componentId: "sc-3siwxn-1"
-})(["padding:0px;color:", ";"], ddsBaseTokens.colors.DdsColorNeutralsGray7);
-var RatingComponent = function RatingComponent(_ref2) {
-  var layout = _ref2.layout,
-    ratingLabel = _ref2.ratingLabel,
-    loading = _ref2.loading,
-    thumbUpTooltip = _ref2.thumbUpTooltip,
-    thumbDownTooltip = _ref2.thumbDownTooltip,
-    handleRatingChange = _ref2.handleRatingChange;
-  return jsxs(RatingContainer, {
-    layout: layout,
-    children: [jsx(Label, {
-      children: ratingLabel
-    }), loading ? jsx(Spinner, {
-      tooltip: "Laster opp tilbakemelding ..."
-    }) : jsxs(FlexContainer, {
-      flexDirection: "row",
-      children: [jsx(Tooltip, {
-        text: thumbUpTooltip,
-        children: jsx(RatingButton, {
-          htmlProps: {
-            'aria-label': thumbUpTooltip
-          },
-          icon: Thumbup,
-          appearance: "borderless",
-          onClick: function onClick() {
-            return handleRatingChange('positive');
-          },
-          size: "large"
-        })
-      }), jsx(Tooltip, {
-        text: thumbDownTooltip,
-        children: jsx("div", {
-          children: jsx(RatingButton, {
-            htmlProps: {
-              'aria-label': thumbDownTooltip
-            },
-            icon: Thumbdown,
-            appearance: "borderless",
-            onClick: function onClick() {
-              return handleRatingChange('negative');
-            },
-            size: "large"
-          })
-        })
-      })]
-    })]
-  });
-};
-
-export { RatingComponent };

package/dist/components/Feedback/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Feedback';
-export * from './Feedback.types';

package/dist/components/FileUploader/ErrorList.d.ts

@@ -1,9 +0,0 @@
-type ErrorListProps = {
-    errors: {
-        id: string | undefined;
-        message: string;
-    }[];
-};
-export declare const MessageContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ErrorList: (props: ErrorListProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/components/FileUploader/ErrorList.js

@@ -1,28 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { InputMessage } from '../InputMessage/InputMessage.js';
-import { errorsTokens } from './FileUploader.tokens.js';
-
-var MessageContainer = styled.div.withConfig({
-  displayName: "ErrorList__MessageContainer",
-  componentId: "sc-tndb6q-0"
-})(["display:flex;flex-direction:column;gap:", ";"], errorsTokens.gap);
-var ErrorList = function ErrorList(props) {
-  var errors = props.errors;
-  if (errors.length < 1) {
-    return null;
-  }
-  return jsx(MessageContainer, {
-    children: errors.map(function (_ref) {
-      var id = _ref.id,
-        message = _ref.message;
-      return jsx(InputMessage, {
-        id: id,
-        message: message,
-        messageType: "error"
-      }, id);
-    })
-  });
-};
-
-export { ErrorList, MessageContainer };

package/dist/components/FileUploader/File.d.ts

@@ -1,10 +0,0 @@
-import { FileUploaderFile } from './fileUploaderReducer';
-type FileProps = {
-    parentId: string;
-    index: number;
-    isValid: boolean;
-    file: FileUploaderFile;
-    removeFile: () => void;
-};
-export declare const File: (props: FileProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/FileUploader/File.js

@@ -1,66 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled from 'styled-components';
-import { CloseIcon } from '@norges-domstoler/dds-icons';
-import { derivativeIdGenerator, spaceSeparatedIdListGenerator } from '@norges-domstoler/dds-core';
-import { Button } from '../Button/Button.js';
-import { ErrorList } from './ErrorList.js';
-import { fileTokens } from './FileUploader.tokens.js';
-
-var FileWrapper = styled.li.withConfig({
-  displayName: "File__FileWrapper",
-  componentId: "sc-1mozy6v-0"
-})([""]);
-var FileNameWrapper = styled.span.withConfig({
-  displayName: "File__FileNameWrapper",
-  componentId: "sc-1mozy6v-1"
-})(["word-break:break-all;"]);
-var FileElement = styled.div.withConfig({
-  displayName: "File__FileElement",
-  componentId: "sc-1mozy6v-2"
-})(["border-width:2px;border-style:solid;border-color:", ";margin-top:", ";padding:", " ", ";background-color:", ";display:flex;justify-content:space-between;align-items:center;gap:", ";"], function (_ref) {
-  var isValid = _ref.isValid;
-  return isValid ? fileTokens.backgroundColor : fileTokens.invalid.borderColor;
-}, fileTokens.marginTop, fileTokens.paddingLeftRight, fileTokens.paddingTopBottom, fileTokens.backgroundColor, fileTokens.textToIconsGap);
-var RemoveFileButton = styled(Button).withConfig({
-  displayName: "File__RemoveFileButton",
-  componentId: "sc-1mozy6v-3"
-})(["padding:0;"]);
-var File = function File(props) {
-  var parentId = props.parentId,
-    index = props.index,
-    stateFile = props.file,
-    removeFile = props.removeFile,
-    isValid = props.isValid;
-  var errorsList = stateFile.errors.map(function (e, errorIndex) {
-    return {
-      id: derivativeIdGenerator(parentId, "file-".concat(index, "-error-").concat(errorIndex)),
-      message: e
-    };
-  });
-  return jsxs(FileWrapper, {
-    children: [jsxs(FileElement, Object.assign({}, props, {
-      children: [jsx(FileNameWrapper, {
-        children: stateFile.file.name
-      }), jsx(RemoveFileButton, {
-        size: "small",
-        appearance: "borderless",
-        purpose: "secondary",
-        type: "button",
-        onClick: removeFile,
-        icon: CloseIcon,
-        htmlProps: {
-          'aria-label': "Fjern fil, ".concat(stateFile.file.name),
-          'aria-invalid': !isValid ? true : undefined,
-          'aria-errormessage': !isValid ? 'Ugyldig fil' : undefined,
-          'aria-describedby': spaceSeparatedIdListGenerator(errorsList.map(function (e) {
-            return e.id;
-          }))
-        }
-      })]
-    })), jsx(ErrorList, {
-      errors: errorsList
-    })]
-  }, stateFile.file.name);
-};
-
-export { File };

package/dist/components/FileUploader/FileUploader.d.ts

@@ -1,22 +0,0 @@
-import { FileList } from './types';
-import { FileUploaderHookProps } from './useFileUploader';
-import { Property } from 'csstype';
-type FileUploaderProps = {
-    /**Id til filopplasteren. */
-    id?: string;
-    /**Ledetekst for filopplaster. */
-    label?: string;
-    /**Hjelpetekst. */
-    tip?: string;
-    /**Om det er påkrevd med minst en fil. */
-    required?: boolean;
-    /**Callback for når fil-listen endres. */
-    onChange: (newFiles: FileList) => void;
-    /**Bredde for filopplasteren. */
-    width?: Property.Width<string>;
-} & Partial<FileUploaderHookProps>;
-export declare const FileUploader: {
-    (props: FileUploaderProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/FileUploader/FileUploader.js

@@ -1,145 +0,0 @@
-import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useId } from 'react';
-import styled from 'styled-components';
-import { UploadIcon } from '@norges-domstoler/dds-icons';
-import { derivativeIdGenerator, spaceSeparatedIdListGenerator } from '@norges-domstoler/dds-core';
-import { Label } from '@norges-domstoler/dds-typography';
-import { Button } from '../Button/Button.js';
-import { InputMessage } from '../InputMessage/InputMessage.js';
-import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
-import { ErrorList } from './ErrorList.js';
-import { File } from './File.js';
-import { rootTokens } from './FileUploader.tokens.js';
-import { useFileUploader } from './useFileUploader.js';
-
-var defaultWidth = '320px';
-var Wrapper = styled.div.withConfig({
-  displayName: "FileUploader__Wrapper",
-  componentId: "sc-pcnrgy-0"
-})(["width:", ";"], function (_ref) {
-  var width = _ref.width;
-  return width ? width : defaultWidth;
-});
-var Root = styled.div.withConfig({
-  displayName: "FileUploader__Root",
-  componentId: "sc-pcnrgy-1"
-})(["box-sizing:border-box;border-width:", ";border-style:dashed;border-color:", ";padding:", ";display:flex;flex-direction:column;gap:", ";background-color:", ";"], function (_ref2) {
-  var hasRootErrors = _ref2.hasRootErrors;
-  return hasRootErrors ? '2px' : '1px';
-}, function (_ref3) {
-  var isDragActive = _ref3.isDragActive,
-    hasRootErrors = _ref3.hasRootErrors;
-  return isDragActive ? rootTokens.dragActive.borderColor : hasRootErrors ? rootTokens.borderColorError : rootTokens.borderColor;
-}, function (_ref4) {
-  var hasRootErrors = _ref4.hasRootErrors;
-  return hasRootErrors ? "calc(".concat(rootTokens.paddingLeftRightTop, " - 1px) calc(").concat(rootTokens.paddingLeftRightTop, " - 1px) ").concat(rootTokens.paddingBottom) : "".concat(rootTokens.paddingLeftRightTop, " ").concat(rootTokens.paddingLeftRightTop, " ").concat(rootTokens.paddingBottom);
-}, rootTokens.gap, function (_ref5) {
-  var isDragActive = _ref5.isDragActive;
-  return isDragActive ? rootTokens.dragActive.backgroundColor : rootTokens.backgroundColor;
-});
-var FileUploaderInput = styled.input.withConfig({
-  displayName: "FileUploader__FileUploaderInput",
-  componentId: "sc-pcnrgy-2"
-})([""]);
-var FileListElement = styled.ul.withConfig({
-  displayName: "FileUploader__FileListElement",
-  componentId: "sc-pcnrgy-3"
-})(["margin:0;padding:0;list-style-type:none;"]);
-var FileUploader = function FileUploader(props) {
-  var id = props.id,
-    label = props.label,
-    tip = props.tip,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    initialFiles = props.initialFiles,
-    value = props.value,
-    accept = props.accept,
-    maxFiles = props.maxFiles,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    width = props.width,
-    errorMessage = props.errorMessage;
-  var generatedId = useId();
-  var uniqueId = id !== null && id !== void 0 ? id : "".concat(generatedId, "-fileUploader");
-  var _useFileUploader = useFileUploader({
-      id: id,
-      initialFiles: initialFiles,
-      value: value,
-      onChange: onChange,
-      accept: accept,
-      disabled: disabled,
-      maxFiles: maxFiles,
-      errorMessage: errorMessage
-    }),
-    _useFileUploader$stat = _useFileUploader.state,
-    stateFiles = _useFileUploader$stat.files,
-    isDragActive = _useFileUploader$stat.isDragActive,
-    rootErrors = _useFileUploader$stat.rootErrors,
-    getRootProps = _useFileUploader.getRootProps,
-    getInputProps = _useFileUploader.getInputProps,
-    getButtonProps = _useFileUploader.getButtonProps,
-    _removeFile = _useFileUploader.removeFile;
-  var hasLabel = label !== undefined;
-  var hasTip = tip !== undefined;
-  var hasRootErrors = rootErrors.length > 0;
-  var showRequiredMarker = required;
-  var tipId = derivativeIdGenerator(uniqueId, 'tip');
-  var fileListElements = stateFiles.map(function (stateFile, index) {
-    return jsx(File, {
-      parentId: uniqueId,
-      index: index,
-      file: stateFile,
-      isValid: stateFile.errors.length === 0,
-      removeFile: function removeFile() {
-        return _removeFile(stateFile);
-      }
-    }, stateFile.file.name);
-  });
-  var rootErrorsList = rootErrors.map(function (e, index) {
-    return {
-      id: derivativeIdGenerator(uniqueId, "error-".concat(index)),
-      message: e
-    };
-  });
-  return jsxs(Wrapper, {
-    width: width,
-    children: [hasLabel && jsx(Label, {
-      showRequiredStyling: showRequiredMarker,
-      htmlFor: uniqueId,
-      children: label
-    }), hasTip && jsx(InputMessage, {
-      id: tipId,
-      message: tip,
-      messageType: "tip"
-    }), jsxs(Root, Object.assign({}, getRootProps(), {
-      isDragActive: isDragActive,
-      hasRootErrors: hasRootErrors,
-      children: [jsx(FileUploaderInput, Object.assign({}, getInputProps())), "Dra og slipp filer her eller", ' ', jsx(VisuallyHidden, {
-        as: "span",
-        children: "velg fil med p\xE5f\xF8lgende knapp"
-      }), jsx(Button, Object.assign({}, getButtonProps(), {
-        id: uniqueId,
-        size: "medium",
-        type: "button",
-        appearance: "filled",
-        purpose: "secondary",
-        label: "Velg fil",
-        icon: UploadIcon,
-        htmlProps: {
-          'aria-invalid': hasRootErrors ? true : undefined,
-          'aria-describedby': spaceSeparatedIdListGenerator([hasTip ? tipId : undefined].concat(_toConsumableArray(rootErrorsList.map(function (e) {
-            return e.id;
-          }))))
-        }
-      }))]
-    })), jsx(ErrorList, {
-      errors: rootErrorsList
-    }), jsx(FileListElement, {
-      children: fileListElements
-    })]
-  });
-};
-FileUploader.displayName = 'FileUploader';
-
-export { FileUploader };

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

@@ -1,28 +0,0 @@
-declare const _default: {
-    title: string;
-    component: {
-        (props: {
-            id?: string | undefined;
-            label?: string | undefined;
-            tip?: string | undefined;
-            required?: boolean | undefined;
-            onChange: (newFiles: import("./types").FileList) => void;
-            width?: import("csstype").Property.Width<string> | undefined;
-        } & Partial<import("./useFileUploader").FileUploaderHookProps>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    argTypes: {
-        color: {
-            control: {
-                type: string;
-            };
-        };
-        size: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/FileUploader/FileUploader.tokens.d.ts

@@ -1,25 +0,0 @@
-export declare const rootTokens: {
-    borderColor: string;
-    borderColorError: string;
-    paddingLeftRightTop: string;
-    paddingBottom: string;
-    gap: string;
-    backgroundColor: string;
-    dragActive: {
-        borderColor: string;
-        backgroundColor: string;
-    };
-};
-export declare const fileTokens: {
-    marginTop: string;
-    paddingLeftRight: string;
-    paddingTopBottom: string;
-    backgroundColor: string;
-    textToIconsGap: string;
-    invalid: {
-        borderColor: string;
-    };
-};
-export declare const errorsTokens: {
-    gap: string;
-};