@norges-domstoler/dds-components 13.5.0 → 13.6.1

package/dist/components/EmptyContent/EmptyContent.js

@@ -2,13 +2,7 @@ import { __rest } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
 import styled from 'styled-components';
-import { Typography } from '../Typography/Typography/Typography.js';
-import '../Typography/Label/Label.js';
-import '../Typography/Paragraph/Paragraph.js';
-import '../Typography/Heading/Heading.js';
-import '../Typography/Link/Link.js';
-import '../Typography/Legend/Legend.js';
-import '../Typography/Caption/Caption.js';
+import { Typography } from '@norges-domstoler/dds-typography';
 
 var colors = ddsBaseTokens.colors,
   spacing = ddsBaseTokens.spacing;

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

@@ -0,0 +1,13 @@
+import { Rating } from './Feedback.types';
+type CommentComponentType = {
+    rating: Rating | null;
+    feedbackText: string | undefined;
+    positiveFeedbackLabel: string;
+    negativeFeedbackLabel: string;
+    ratingSubmittedTitle: string;
+    loading: boolean;
+    handleSubmit: () => void;
+    handleFeedbackTextChange: (newText: string) => void;
+};
+export declare const CommentComponent: ({ rating, feedbackText, positiveFeedbackLabel, negativeFeedbackLabel, ratingSubmittedTitle, loading, handleSubmit, handleFeedbackTextChange, }: CommentComponentType) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Feedback/CommentComponent.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styled from 'styled-components';
+import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
+import { Icon, ThumbupFilled, ThumbdownFilled } from '@norges-domstoler/dds-icons';
+import { Paragraph } from '@norges-domstoler/dds-typography';
+import { FlexContainer } from './FlexContainer.js';
+import { Button } from '../Button/Button.js';
+import { TextArea } from '../TextArea/TextArea.js';
+
+var IconLabelSpan = styled.span.withConfig({
+  displayName: "CommentComponent__IconLabelSpan",
+  componentId: "sc-15c6vik-0"
+})(["display:inline-flex;align-items:center;gap:", ";"], ddsBaseTokens.spacing.SizesDdsSpacingLocalX05);
+var CommentComponent = function CommentComponent(_ref) {
+  var rating = _ref.rating,
+    feedbackText = _ref.feedbackText,
+    positiveFeedbackLabel = _ref.positiveFeedbackLabel,
+    negativeFeedbackLabel = _ref.negativeFeedbackLabel,
+    ratingSubmittedTitle = _ref.ratingSubmittedTitle,
+    loading = _ref.loading,
+    handleSubmit = _ref.handleSubmit,
+    handleFeedbackTextChange = _ref.handleFeedbackTextChange;
+  return jsxs(FlexContainer, {
+    flexDirection: "column",
+    children: [jsxs(IconLabelSpan, {
+      children: [jsx(Icon, {
+        icon: rating === 'positive' ? ThumbupFilled : ThumbdownFilled,
+        color: ddsBaseTokens.colors.DdsColorInteractiveBase
+      }), jsxs(Paragraph, {
+        children: [ratingSubmittedTitle, " "]
+      })]
+    }), jsx(TextArea, {
+      value: feedbackText,
+      onChange: function onChange(e) {
+        return handleFeedbackTextChange(e.target.value);
+      },
+      label: rating === 'positive' ? positiveFeedbackLabel : negativeFeedbackLabel,
+      tip: "Ikke send inn personopplysninger eller annen sensitiv informasjon"
+    }), jsx(Button, {
+      label: "Send inn",
+      purpose: "secondary",
+      size: "small",
+      onClick: handleSubmit,
+      loading: loading
+    })]
+  });
+};
+
+export { CommentComponent };

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

@@ -0,0 +1,2 @@
+import { FeedbackProps } from './Feedback.types';
+export declare const Feedback: ({ 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;

package/dist/components/Feedback/Feedback.js

@@ -0,0 +1,97 @@
+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

@@ -0,0 +1,66 @@
+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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,70 @@
+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

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

package/dist/components/FileUploader/File.js

@@ -1,10 +1,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import styled from 'styled-components';
-import 'tslib';
-import '../../icons/utils/StyledSvg.js';
-import { CloseIcon } from '../../icons/tsx/close.js';
-import { derivativeIdGenerator, spaceSeparatedIdListGenerator } from '../../utils/idGenerator.js';
-import '../../utils/color.js';
+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';

package/dist/components/FileUploader/FileUploader.js

@@ -2,20 +2,11 @@ import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupP
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useId } from 'react';
 import styled from 'styled-components';
-import 'tslib';
-import '../../icons/utils/StyledSvg.js';
-import { UploadIcon } from '../../icons/tsx/upload.js';
-import { derivativeIdGenerator, spaceSeparatedIdListGenerator } from '../../utils/idGenerator.js';
-import '../../utils/color.js';
+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 '../Typography/Typography/Typography.js';
-import { Label } from '../Typography/Label/Label.js';
-import '../Typography/Paragraph/Paragraph.js';
-import '../Typography/Heading/Heading.js';
-import '../Typography/Link/Link.js';
-import '../Typography/Legend/Legend.js';
-import '../Typography/Caption/Caption.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 import { ErrorList } from './ErrorList.js';
 import { File } from './File.js';

package/dist/components/GlobalMessage/GlobalMessage.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '../../types';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 export type GlobalMessagePurpose = 'info' | 'warning' | 'danger';
 export type GlobalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Meldingen som vises til brukeren. Brukes kun når meldingen er en `string`. */

package/dist/components/GlobalMessage/GlobalMessage.js

@@ -4,19 +4,10 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import styled, { css } from 'styled-components';
 import { Button } from '../Button/Button.js';
 import { forwardRef, useState } from 'react';
-import { globalMessageTokens, typographyType, purposeVariants } from './GlobalMessage.tokens.js';
-import { Icon } from '../Icon/Icon.js';
-import { Typography } from '../Typography/Typography/Typography.js';
-import '../Typography/Label/Label.js';
-import '../Typography/Paragraph/Paragraph.js';
-import '../Typography/Heading/Heading.js';
-import '../Typography/Link/Link.js';
-import '../Typography/Legend/Legend.js';
-import '../Typography/Caption/Caption.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import '../../icons/utils/StyledSvg.js';
-import { CloseIcon } from '../../icons/tsx/close.js';
-import { getFontStyling } from '../Typography/Typography.utils.js';
+import { typographyType, globalMessageTokens, purposeVariants } from './GlobalMessage.tokens.js';
+import { Icon, CloseIcon } from '@norges-domstoler/dds-icons';
+import { getFontStyling, Typography } from '@norges-domstoler/dds-typography';
+import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
 
 var container = globalMessageTokens.container,
   contentContainer = globalMessageTokens.contentContainer,

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

@@ -2,7 +2,7 @@
 import { GlobalMessageProps } from './GlobalMessage';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
         message?: string | undefined;
         purpose?: import("./GlobalMessage").GlobalMessagePurpose | undefined;
         closable?: boolean | undefined;

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

@@ -1,6 +1,6 @@
-import { SvgIcon } from '../../icons/utils';
+import { SvgIcon } from '@norges-domstoler/dds-icons';
 import { ButtonPurpose } from '../Button';
-import { StaticTypographyType } from '../Typography';
+import { StaticTypographyType } from '@norges-domstoler/dds-typography';
 import { GlobalMessagePurpose } from './GlobalMessage';
 export declare const typographyType: StaticTypographyType;
 export declare const purposeVariants: {

package/dist/components/GlobalMessage/GlobalMessage.tokens.js

@@ -1,10 +1,5 @@
 import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import 'react/jsx-runtime';
-import 'tslib';
-import '../../icons/utils/StyledSvg.js';
-import { ErrorIcon } from '../../icons/tsx/error.js';
-import { InfoIcon } from '../../icons/tsx/info.js';
-import { WarningIcon } from '../../icons/tsx/warning.js';
+import { InfoIcon, ErrorIcon, WarningIcon } from '@norges-domstoler/dds-icons';
 
 var colors = ddsBaseTokens.colors,
   spacing = ddsBaseTokens.spacing;

package/dist/components/Grid/Grid.context.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ScreenSize } from '../../hooks';
+import { ScreenSize } from '@norges-domstoler/dds-core';
 export type GridContextProps = {
     screenSize: ScreenSize;
 };

package/dist/components/Grid/Grid.context.js

@@ -1,7 +1,5 @@
 import { createContext, useContext } from 'react';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import { ScreenSize } from '../../hooks/useScreenSize.js';
+import { ScreenSize } from '@norges-domstoler/dds-core';
 
 var GridContext = /*#__PURE__*/createContext({
   screenSize: ScreenSize.Large

package/dist/components/Grid/Grid.d.ts

@@ -1,6 +1,6 @@
-import { BaseComponentPropsWithChildren } from '../../types';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 import { HTMLAttributes } from 'react';
-import { BreakpointBasedProps } from '../../helpers';
+import { BreakpointBasedProps } from '@norges-domstoler/dds-core';
 type RowGapGrid = BreakpointBasedProps<'rowGap'>;
 type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
 type BaseGridProps = {

package/dist/components/Grid/Grid.js

@@ -1,22 +1,9 @@
 import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import styled, { css } from 'styled-components';
-import 'react';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import { useScreenSize } from '../../hooks/useScreenSize.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import { getLiteralScreenSize, useScreenSize, getBaseHTMLProps } from '@norges-domstoler/dds-core';
 import { gridTokens } from './Grid.tokens.js';
 import { GridContext } from './Grid.context.js';
-import '../../helpers/Backdrop/Backdrop.js';
-import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
-import '../../helpers/HiddenInput/HiddenInput.js';
-import '../../helpers/Input/Input.styles.js';
-import '../../helpers/Input/Input.tokens.js';
-import '../InputMessage/InputMessage.js';
-import '../../helpers/Paper/Paper.js';
-import '../../helpers/RequiredMarker/RequiredMarker.js';
-import { getLiteralScreenSize } from '../../helpers/ScreenSize/ScreenSize.utils.js';
 
 var getHooksGridStyling = function getHooksGridStyling(screenSize, maxWidth, rowGap) {
   var tokens = gridTokens[screenSize].grid;

package/dist/components/Grid/Grid.tokens.js

@@ -1,9 +1,6 @@
 import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import 'react';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import { ScreenSize } from '../../hooks/useScreenSize.js';
+import { ScreenSize } from '@norges-domstoler/dds-core';
 
 var _halfWayColumn, _gridTokens;
 var grid = ddsBaseTokens.grid,

package/dist/components/Grid/GridChild.d.ts

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
-import { BaseComponentPropsWithChildren } from '../../types';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 import { HTMLAttributes } from 'react';
-import { BreakpointBasedProps } from '../../helpers';
+import { BreakpointBasedProps } from '@norges-domstoler/dds-core';
 export declare const isRelativeGridColumn: (type: ColumnsOccupied | undefined) => type is RelativeColumnsOccupied;
 export declare const isGridColumn: (type: ColumnsOccupied | undefined) => type is GridColumnPerScreenSize;
 type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';

package/dist/components/Grid/GridChild.js

@@ -3,16 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import styled from 'styled-components';
 import { gridTokens } from './Grid.tokens.js';
 import { useGridContext } from './Grid.context.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import '../../helpers/Backdrop/Backdrop.js';
-import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
-import '../../helpers/HiddenInput/HiddenInput.js';
-import '../../helpers/Input/Input.styles.js';
-import '../../helpers/Input/Input.tokens.js';
-import '../InputMessage/InputMessage.js';
-import '../../helpers/Paper/Paper.js';
-import '../../helpers/RequiredMarker/RequiredMarker.js';
-import { getLiteralScreenSize } from '../../helpers/ScreenSize/ScreenSize.utils.js';
+import { getLiteralScreenSize, getBaseHTMLProps } from '@norges-domstoler/dds-core';
 
 var isRelativeGridColumn = function isRelativeGridColumn(type) {
   return type === 'all' || type === 'firstHalf' || type === 'secondHalf';

package/dist/components/InlineEdit/InlineEdit.js

@@ -1,11 +1,7 @@
 import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, Children, isValidElement, cloneElement } from 'react';
-import { useOnClickOutside } from '../../hooks/useOnClickOutside.js';
-import { useOnKeyDown } from '../../hooks/useOnKeyDown.js';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
+import { useOnKeyDown, useOnClickOutside } from '@norges-domstoler/dds-core';
 
 var InlineEdit = function InlineEdit(props) {
   var emptiable = props.emptiable,

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "error" | "errorMessage" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
+    component: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "onFocus" | "onBlur" | "onChange" | "width"> & Pick<import("./InlineEdit.types").InlineEditProps, "onFocus" | "onBlur" | "onChange" | "onSetValue" | "emptiable"> & Pick<import("./InlineEdit.types").BaseInlineInputProps, "width" | "errorMessage" | "error" | "hideIcon"> & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         emptiable: {
             control: {