@norges-domstoler/dds-components 11.1.1 → 11.3.0

package/dist/components/Breadcrumbs/Breadcrumb.js

@@ -10,6 +10,9 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import '../Typography/Link/Link.js';
 
 var isAnchorTypographyProps = function isAnchorTypographyProps(props) {

package/dist/components/Card/CardAccordion/CardAccordionHeader.js

@@ -11,6 +11,9 @@ import '../../../helpers/Input/Input.tokens.js';
 import '../../InputMessage/InputMessage.js';
 import '../../../helpers/Paper/Paper.js';
 import '../../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../../hooks/useFloatPosition.js';
+import '../../../utils/color.js';
+import '../../../hooks/useScreenSize.js';
 import { removeButtonStyling } from '../../../helpers/styling/removeButtonStyling.js';
 import '../../../helpers/styling/focusVisible.js';
 import '../../../helpers/styling/hover.js';

package/dist/components/Checkbox/Checkbox.js

@@ -10,11 +10,13 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import { spaceSeparatedIdListGenerator } from '../../utils/idGenerator.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { joinClassNames, getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import '../Typography/Link/Link.js';
 import { useCheckboxGroup } from './CheckboxGroupContext.js';
-import { spaceSeparatedIdListGenerator } from '../../utils/idGenerator.js';
-import '../../utils/color.js';
 import { Container, CustomSelectionControl } from '../../helpers/SelectionControl/SelectionControl.styles.js';
 import '../../helpers/SelectionControl/SelectionControl.tokens.js';
 

package/dist/components/Checkbox/CheckboxGroup.js

@@ -9,12 +9,14 @@ import '../../helpers/Input/Input.tokens.js';
 import { renderInputMessage } from '../../helpers/Input/Input.utils.js';
 import '../../helpers/Paper/Paper.js';
 import { RequiredMarker } from '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import { derivativeIdGenerator } from '../../utils/idGenerator.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { CheckboxGroupContext } from './CheckboxGroupContext.js';
 import { Typography } from '../Typography/Typography/Typography.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import '../Typography/Link/Link.js';
-import { derivativeIdGenerator } from '../../utils/idGenerator.js';
-import '../../utils/color.js';
 import { OuterGroupContainer, GroupContainer } from '../../helpers/SelectionControl/SelectionControl.styles.js';
 import '../../helpers/SelectionControl/SelectionControl.tokens.js';
 

package/dist/components/Datepicker/Datepicker.js

@@ -10,9 +10,11 @@ import '../../helpers/Input/Input.tokens.js';
 import { renderInputMessage } from '../../helpers/Input/Input.utils.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
-import styled, { css } from 'styled-components';
+import '../../hooks/useFloatPosition.js';
 import { spaceSeparatedIdListGenerator, derivativeIdGenerator } from '../../utils/idGenerator.js';
 import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
+import styled, { css } from 'styled-components';
 import CalendarIcon from '../../assets/svg/calendar_today.svg.js';
 import { datepickerTokens } from './Datepicker.tokens.js';
 import '../../helpers/styling/focusVisible.js';

package/dist/components/Drawer/Drawer.js

@@ -13,8 +13,6 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import { Paper } from '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import '../Typography/Link/Link.js';
 import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
 import { useOnClickOutside } from '../../hooks/useOnClickOutside.js';
 import { useOnKeyDown } from '../../hooks/useOnKeyDown.js';
@@ -23,6 +21,8 @@ import { useFocusTrap } from '../../hooks/useFocusTrap.js';
 import { useMountTransition } from '../../hooks/useMountTransition.js';
 import '../../hooks/useScreenSize.js';
 import '../../utils/color.js';
+import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import '../Typography/Link/Link.js';
 import { drawerTokens } from './Drawer.tokens.js';
 import { focusVisible } from '../../helpers/styling/focusVisible.js';
 import '../../helpers/styling/hover.js';

package/dist/components/FileUploader/FileUploader.js

@@ -1,6 +1,6 @@
 import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useId, useEffect } from 'react';
+import { useId } from 'react';
 import styled from 'styled-components';
 import 'tslib';
 import '../../icons/utils/StyledSvg.js';
@@ -58,6 +58,7 @@ var FileUploader = function FileUploader(props) {
     _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,
@@ -69,6 +70,8 @@ var FileUploader = function FileUploader(props) {
   var _useFileUploader = useFileUploader({
       id: id,
       initialFiles: initialFiles,
+      value: value,
+      onChange: onChange,
       accept: accept,
       disabled: disabled,
       maxFiles: maxFiles,
@@ -82,11 +85,6 @@ var FileUploader = function FileUploader(props) {
     getInputProps = _useFileUploader.getInputProps,
     getButtonProps = _useFileUploader.getButtonProps,
     _removeFile = _useFileUploader.removeFile;
-  useEffect(function () {
-    onChange(stateFiles.map(function (f) {
-      return f.file;
-    }));
-  }, [stateFiles]);
   var hasLabel = label !== undefined;
   var hasTip = tip !== undefined;
   var hasRootErrors = rootErrors.length > 0;

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

@@ -3,8 +3,12 @@ import { FileUploaderFile } from './fileUploaderReducer';
 import { Accept, FileList } from './types';
 export type FileUploaderHookProps = {
     id: string | undefined;
-    /**Dersom komponenten styres utenfra. En liste over filer som skal være med ved første render. */
+    /**Dersom komponenten skal styres internt. Utgangspunktet for filene som har blitt lastet opp. */
     initialFiles: FileList | undefined;
+    /**Dersom komponenten styres utenfra. Filene som har blitt lastet opp. */
+    value: FileList | undefined;
+    /**Callback for når fil-listen endres. */
+    onChange: (newFiles: FileList) => void;
     /**Hvilke filendelser eller mime-typer som filopplasteren skal akseptere. */
     accept: Accept[] | undefined;
     /**Om filopplasteren er avslått eller ikke */

package/dist/components/FileUploader/useFileUploader.js

@@ -3,7 +3,7 @@ import { __awaiter } from 'tslib';
 import { useRef, useMemo, useReducer, useEffect, useCallback } from 'react';
 import { fileUploaderReducer } from './fileUploaderReducer.js';
 import { fromEvent } from 'file-selector';
-import { preventDefaults, isEventWithFiles, isFileAccepted, getInvalidFileTypeErrorMessage, getTooManyFilesErrorMessage } from './utils.js';
+import { isFileAccepted, getInvalidFileTypeErrorMessage, preventDefaults, isEventWithFiles, getTooManyFilesErrorMessage } from './utils.js';
 
 var calcRootErrors = function calcRootErrors(files, maxFiles, errorMessage) {
   var errors = [];
@@ -17,6 +17,8 @@ var calcRootErrors = function calcRootErrors(files, maxFiles, errorMessage) {
 };
 var useFileUploader = function useFileUploader(props) {
   var initialFiles = props.initialFiles,
+    value = props.value,
+    onChange = props.onChange,
     accept = props.accept,
     maxFiles = props.maxFiles,
     disabled = props.disabled,
@@ -24,6 +26,7 @@ var useFileUploader = function useFileUploader(props) {
   var rootRef = useRef(null);
   var inputRef = useRef(null);
   var buttonRef = useRef(null);
+  var isControlled = !!value;
   var initialFileUploaderFiles = useMemo(function () {
     return (initialFiles !== null && initialFiles !== void 0 ? initialFiles : []).map(function (f) {
       return {
@@ -43,6 +46,21 @@ var useFileUploader = function useFileUploader(props) {
     state = _useReducer2[0],
     dispatch = _useReducer2[1];
   var stateFiles = state.files;
+  useEffect(function () {
+    if (isControlled) {
+      var files = value.map(function (file) {
+        var accepted = isFileAccepted(file, accept);
+        return {
+          file: file,
+          errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
+        };
+      });
+      dispatch({
+        type: 'onSetFiles',
+        payload: files
+      });
+    }
+  }, [value, isControlled, accept, dispatch]);
   useEffect(function () {
     dispatch({
       type: 'setRootErrors',
@@ -115,7 +133,7 @@ var useFileUploader = function useFileUploader(props) {
           case 0:
             evt.preventDefault();
             if (!isEventWithFiles(evt)) {
-              _context2.next = 8;
+              _context2.next = 9;
               break;
             }
             existingFileNames = stateFiles.map(function (f) {
@@ -134,17 +152,22 @@ var useFileUploader = function useFileUploader(props) {
                 errors: accepted ? [] : [getInvalidFileTypeErrorMessage()]
               };
             }).concat(stateFiles);
-            dispatch({
-              type: 'onSetFiles',
-              payload: newFiles
-            });
-          case 8:
+            onChange(newFiles.map(function (f) {
+              return f.file;
+            }));
+            if (!isControlled) {
+              dispatch({
+                type: 'onSetFiles',
+                payload: newFiles
+              });
+            }
+          case 9:
           case "end":
             return _context2.stop();
         }
       }, _callee2);
     }));
-  }, [stateFiles, maxFiles, accept, errorMessage, dispatch]);
+  }, [stateFiles, isControlled, accept, errorMessage, maxFiles, onChange, dispatch]);
   var openFileDialog = useCallback(function () {
     if (inputRef.current) {
       inputRef.current.value = '';
@@ -154,11 +177,16 @@ var useFileUploader = function useFileUploader(props) {
   var removeFile = useCallback(function (file) {
     var newFiles = _toConsumableArray(stateFiles);
     newFiles.splice(stateFiles.indexOf(file), 1);
-    dispatch({
-      type: 'onRemoveFile',
-      payload: newFiles
-    });
-  }, [stateFiles, maxFiles, errorMessage]);
+    onChange(newFiles.map(function (f) {
+      return f.file;
+    }));
+    if (!isControlled) {
+      dispatch({
+        type: 'onRemoveFile',
+        payload: newFiles
+      });
+    }
+  }, [stateFiles, isControlled, maxFiles, errorMessage, onChange, dispatch]);
   var getRootProps = useCallback(function () {
     return {
       onBlur: onRootBlur,

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

@@ -1,2 +1,5 @@
 import { FormGeneratorProps } from './FormGenerator.types';
+/**
+ * @deprecated FormGenerator er flyttet til egen pakke og renamet til PageGenerator. Se @norges-domstoler/dds-page-generator.
+ */
 export declare const FormGenerator: (props: FormGeneratorProps) => JSX.Element;

package/dist/components/FormGenerator/FormGenerator.js

@@ -41,6 +41,9 @@ import { useScreenSize, ScreenSize } from '../../hooks/useScreenSize.js';
 import { ButtonRow, FormGeneratorFlexContainer, SubContainer } from './FormGenerator.styles.js';
 import { formGeneratorTokens } from './FormGenerator.tokens.js';
 
+/**
+ * @deprecated FormGenerator er flyttet til egen pakke og renamet til PageGenerator. Se @norges-domstoler/dds-page-generator.
+ */
 var FormGenerator = function FormGenerator(props) {
   var _props$fields = props.fields,
     fields = _props$fields === void 0 ? [] : _props$fields,

package/dist/components/FormGenerator/FormGenerator.styles.js

@@ -1,8 +1,17 @@
 import styled, { css } from 'styled-components';
+import '../../helpers/Backdrop/Backdrop.js';
+import 'react/jsx-runtime';
+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 { ScreenSize } from '../../hooks/useScreenSize.js';
 import '../Grid/Grid.js';
 import { GridChild } from '../Grid/GridChild.js';
-import { getLiteralScreenSize } from '../Grid/Grid.utils.js';
 import { formGeneratorTokens } from './FormGenerator.tokens.js';
 
 var FormGeneratorFlexContainer = styled.div.withConfig({

package/dist/components/GlobalMessage/GlobalMessage.js

@@ -15,6 +15,9 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import '../Typography/Link/Link.js';
 import '../../icons/utils/StyledSvg.js';

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

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

package/dist/components/Grid/Grid.js

@@ -8,7 +8,15 @@ import { useScreenSize } from '../../hooks/useScreenSize.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import { gridTokens } from './Grid.tokens.js';
 import { GridContext } from './Grid.context.js';
-import { getLiteralScreenSize } from './Grid.utils.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/GridChild.d.ts

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { BaseComponentPropsWithChildren } from '../../types';
-import { BreakpointBasedProps } from './Grid.utils';
 import { HTMLAttributes } from 'react';
+import { BreakpointBasedProps } from '../../helpers';
 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

@@ -4,7 +4,15 @@ import styled from 'styled-components';
 import { gridTokens } from './Grid.tokens.js';
 import { useGridContext } from './Grid.context.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import { getLiteralScreenSize } from './Grid.utils.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 isRelativeGridColumn = function isRelativeGridColumn(type) {
   return type === 'all' || type === 'firstHalf' || type === 'secondHalf';

package/dist/components/InlineEdit/InlineEdit.styles.js

@@ -9,6 +9,10 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import 'react';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import '../ScrollableContainer/Scrollbar.js';
 import '../ScrollableContainer/ScrollableContainer.js';
 import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';

package/dist/components/InlineEdit/InlineInput.js

@@ -12,13 +12,13 @@ import '../../helpers/Input/Input.tokens.js';
 import { renderInputMessage } from '../../helpers/Input/Input.utils.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
+import '../../hooks/useFloatPosition.js';
 import { spaceSeparatedIdListGenerator, derivativeIdGenerator } from '../../utils/idGenerator.js';
 import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { IconWrapper, StyledInlineInput, defaultWidth } from './InlineEdit.styles.js';
 import { inlineEditVisuallyHidden } from './InlineEdit.utils.js';
-import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
-import '../../hooks/useFloatPosition.js';
-import '../../hooks/useScreenSize.js';
 
 var InlineInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var id = props.id,

package/dist/components/InlineEdit/InlineTextArea.js

@@ -12,13 +12,13 @@ import '../../helpers/Input/Input.tokens.js';
 import { renderInputMessage } from '../../helpers/Input/Input.utils.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
+import '../../hooks/useFloatPosition.js';
 import { spaceSeparatedIdListGenerator, derivativeIdGenerator } from '../../utils/idGenerator.js';
 import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { IconWrapper, StyledInlineTextArea, defaultWidth } from './InlineEdit.styles.js';
 import { inlineEditVisuallyHidden } from './InlineEdit.utils.js';
-import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
-import '../../hooks/useFloatPosition.js';
-import '../../hooks/useScreenSize.js';
 
 var InlineTextArea = /*#__PURE__*/forwardRef(function (props, ref) {
   var id = props.id,

package/dist/components/InputMessage/InputMessage.js

@@ -12,6 +12,9 @@ import '../../helpers/Input/Input.styles.js';
 import '../../helpers/Input/Input.tokens.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import '../Typography/Link/Link.js';
 import '../../icons/utils/StyledSvg.js';

package/dist/components/InternalHeader/InternalHeader.js

@@ -11,6 +11,9 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import '../Typography/Link/Link.js';
 import { Button } from '../Button/Button.js';

package/dist/components/LocalMessage/LocalMessage.js

@@ -15,6 +15,9 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import '../Typography/Link/Link.js';
 import '../../icons/utils/StyledSvg.js';

package/dist/components/Pagination/Pagination.js

@@ -12,6 +12,9 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import '../Typography/Link/Link.js';
 import { Button } from '../Button/Button.js';

package/dist/components/RadioButton/RadioButton.js

@@ -10,6 +10,9 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { getBaseHTMLProps, joinClassNames } from '../../types/BaseComponentProps.js';
 import '../Typography/Link/Link.js';
 import { useRadioButtonGroup } from './RadioButtonGroupContext.js';

package/dist/components/RadioButton/RadioButtonGroup.js

@@ -10,12 +10,14 @@ import '../../helpers/Input/Input.tokens.js';
 import { renderInputMessage } from '../../helpers/Input/Input.utils.js';
 import '../../helpers/Paper/Paper.js';
 import { RequiredMarker } from '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import { combineHandlers } from '../../utils/combineHandlers.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { RadioButtonGroupContext } from './RadioButtonGroupContext.js';
 import { Typography } from '../Typography/Typography/Typography.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import '../Typography/Link/Link.js';
-import { combineHandlers } from '../../utils/combineHandlers.js';
-import '../../utils/color.js';
 import { OuterGroupContainer, GroupContainer } from '../../helpers/SelectionControl/SelectionControl.styles.js';
 import '../../helpers/SelectionControl/SelectionControl.tokens.js';
 

package/dist/components/Search/Search.js

@@ -12,8 +12,11 @@ import '../../helpers/Input/Input.tokens.js';
 import { renderInputMessage } from '../../helpers/Input/Input.utils.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
+import '../../hooks/useFloatPosition.js';
 import { spaceSeparatedIdListGenerator, derivativeIdGenerator } from '../../utils/idGenerator.js';
 import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { Icon } from '../Icon/Icon.js';
 import '../../icons/utils/StyledSvg.js';
 import { SearchIcon } from '../../icons/tsx/search.js';
@@ -21,9 +24,6 @@ import '../Typography/Typography/Typography.js';
 import { Label } from '../Typography/Label/Label.js';
 import '../Typography/Link/Link.js';
 import { getFontStyling } from '../Typography/Typography.utils.js';
-import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
-import '../../hooks/useFloatPosition.js';
-import '../../hooks/useScreenSize.js';
 import { SearchSuggestions } from './SearchSuggestions.js';
 import { useAutocompleteSearch } from './AutocompleteSearch.context.js';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';

package/dist/components/Search/SearchSuggestions.js

@@ -13,16 +13,16 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import { Paper } from '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
-import { Typography } from '../Typography/Typography/Typography.js';
 import { forwardRef } from 'react';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import '../Typography/Link/Link.js';
-import { getFontStyling } from '../Typography/Typography.utils.js';
 import '../../hooks/useFloatPosition.js';
 import { useRoveFocus } from '../../hooks/useRoveFocus.js';
 import { derivativeIdGenerator } from '../../utils/idGenerator.js';
 import '../../utils/color.js';
 import '../../hooks/useScreenSize.js';
+import { Typography } from '../Typography/Typography/Typography.js';
+import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import '../Typography/Link/Link.js';
+import { getFontStyling } from '../Typography/Typography.utils.js';
 import '../ScrollableContainer/Scrollbar.js';
 import '../ScrollableContainer/ScrollableContainer.js';
 import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';

package/dist/components/Select/Select.tokens.js

@@ -8,8 +8,11 @@ import { inputTypographyTypes } from '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import 'react';
+import '../../hooks/useFloatPosition.js';
 import { calculateHeightWithLineHeight } from '../../utils/text.js';
 import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 
 var colors = ddsBaseTokens.colors,
   spacing = ddsBaseTokens.spacing,

package/dist/components/Table/collapsible/CollapsibleRow.js

@@ -27,6 +27,8 @@ import '../../../helpers/Input/Input.tokens.js';
 import '../../InputMessage/InputMessage.js';
 import '../../../helpers/Paper/Paper.js';
 import '../../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../../hooks/useFloatPosition.js';
+import '../../../hooks/useScreenSize.js';
 import { StyledRow } from '../Table.styles.js';
 import { tableTokens } from '../Table.tokens.js';
 

package/dist/components/TextInput/CharCounter.js

@@ -12,6 +12,9 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import '../Typography/Link/Link.js';
 
 var Wrapper = styled(Typography).withConfig({

package/dist/components/TextInput/TextInput.js

@@ -11,12 +11,14 @@ import '../../helpers/Input/Input.tokens.js';
 import { getDefaultText, getFormInputIconSize, renderInputMessage } from '../../helpers/Input/Input.utils.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import { spaceSeparatedIdListGenerator, derivativeIdGenerator } from '../../utils/idGenerator.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { StyledIcon, StyledInput, MessageContainer } from './TextInput.styles.js';
 import '../Typography/Typography/Typography.js';
 import { Label } from '../Typography/Label/Label.js';
 import '../Typography/Link/Link.js';
-import { spaceSeparatedIdListGenerator, derivativeIdGenerator } from '../../utils/idGenerator.js';
-import '../../utils/color.js';
 
 var defaultWidth = '320px';
 var defaultTinyWidth = '210px';

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

@@ -9,6 +9,10 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import 'react';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { Icon } from '../Icon/Icon.js';
 import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
 

package/dist/components/ToggleBar/ToggleBar.js

@@ -20,6 +20,8 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../hooks/useScreenSize.js';
 import '../Typography/Link/Link.js';
 import { ToggleBarContext } from './ToggleBar.context.js';
 import { toggleBarTokens } from './ToggleBar.tokens.js';

package/dist/components/ToggleBar/ToggleRadio.js

@@ -9,6 +9,9 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import { Icon } from '../Icon/Icon.js';
 import { useToggleBarContext } from './ToggleBar.context.js';

package/dist/components/ToggleBar/ToggleRadio.styles.js

@@ -14,6 +14,10 @@ import '../../helpers/Input/Input.tokens.js';
 import '../InputMessage/InputMessage.js';
 import '../../helpers/Paper/Paper.js';
 import '../../helpers/RequiredMarker/RequiredMarker.js';
+import 'react';
+import '../../hooks/useFloatPosition.js';
+import '../../utils/color.js';
+import '../../hooks/useScreenSize.js';
 import { getFontStyling } from '../Typography/Typography.utils.js';
 
 var content = toggleBarTokens.content,