@norges-domstoler/dds-components 11.1.0 → 11.2.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/CardAccordionBody.js

@@ -7,8 +7,9 @@ import useIsMounted from '../../../hooks/useIsMounted.js';
 import { getBaseHTMLProps } from '../../../types/BaseComponentProps.js';
 import { getFontStyling } from '../../Typography/Typography.utils.js';
 import { cardAccordionTokens, typographyTypes } from './CardAccordion.tokens.js';
+import { useElementHeight } from './useElementHeight.js';
 
-var expandingAnimation = css(["@media (prefers-reduced-motion:no-preference){transition:padding 0.2s,visibility 0.3s,max-height 0.2s cubic-bezier(0.4,0,0.2,1);}"]);
+var expandingAnimation = css(["@media (prefers-reduced-motion:no-preference){transition:height 0.2s cubic-bezier(0.4,0,0.2,1);}"]);
 function getPadding(props) {
   var padding = props.padding;
   return padding || cardAccordionTokens.body.padding;
@@ -16,28 +17,20 @@ function getPadding(props) {
 var Body = styled.div.withConfig({
   displayName: "CardAccordionBody__Body",
   componentId: "sc-igsnpx-0"
-})(["@media (prefers-reduced-motion:no-preference){", "}padding:", ";", " ", " ", ""], function (_ref) {
+})(["@media (prefers-reduced-motion:no-preference){", "}", " height:", "px;overflow:hidden;"], function (_ref) {
   var animate = _ref.animate;
   return animate && expandingAnimation;
-}, getPadding, getFontStyling(typographyTypes.body), function (_ref2) {
-  var paddingTop = _ref2.paddingTop;
-  return paddingTop && css(["padding-top:", ";"], paddingTop);
-}, function (_ref3) {
-  var isExpanded = _ref3.isExpanded;
-  return !isExpanded && css(["padding-top:0;padding-bottom:0;"]);
+}, getFontStyling(typographyTypes.body), function (_ref2) {
+  var height = _ref2.height,
+    isExpanded = _ref2.isExpanded;
+  return isExpanded ? height : 0;
 });
 var BodyContainer = styled.div.withConfig({
   displayName: "CardAccordionBody__BodyContainer",
   componentId: "sc-igsnpx-1"
-})(["", " overflow:hidden;visibility:", ";max-height:", "px;"], function (_ref4) {
-  var animate = _ref4.animate;
-  return animate && expandingAnimation;
-}, function (_ref5) {
-  var isExpanded = _ref5.isExpanded;
-  return isExpanded ? 'visible' : 'hidden';
-}, function (_ref6) {
-  var maxHeight = _ref6.maxHeight;
-  return maxHeight ? maxHeight : 0;
+})(["padding:", ";", ""], getPadding, function (_ref3) {
+  var paddingTop = _ref3.paddingTop;
+  return paddingTop && css(["padding-top:", ";"], paddingTop);
 });
 var CardAccordionBody = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
@@ -46,20 +39,24 @@ var CardAccordionBody = /*#__PURE__*/forwardRef(function (props, ref) {
     id = props.id,
     className = props.className,
     htmlProps = props.htmlProps,
-    rest = __rest(props, ["children", "isExpanded", "headerId", "id", "className", "htmlProps"]);
+    padding = props.padding,
+    paddingTop = props.paddingTop,
+    rest = __rest(props, ["children", "isExpanded", "headerId", "id", "className", "htmlProps", "padding", "paddingTop"]);
   var bodyRef = useRef(null);
-  var isMounted = useIsMounted();
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     animate = _useState2[0],
     setAnimate = _useState2[1];
-  var _useState3 = useState(0),
+  var isMounted = useIsMounted();
+  var height = useElementHeight(bodyRef.current);
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray(_useState3, 2),
-    maxHeight = _useState4[0],
-    setMaxHeight = _useState4[1];
+    initialExpandedHeight = _useState4[0],
+    setIntialExpandedHeight = _useState4[1];
   useLayoutEffect(function () {
+    // For å unngå initiell animasjon dersom Accordion er satt til å være åpen som default.
     if (bodyRef.current && isExpanded) {
-      setMaxHeight(bodyRef.current.scrollHeight);
+      setIntialExpandedHeight(bodyRef.current.scrollHeight);
     }
   }, []);
   useEffect(function () {
@@ -67,22 +64,17 @@ var CardAccordionBody = /*#__PURE__*/forwardRef(function (props, ref) {
       setAnimate(true);
     }
   }, [isMounted]);
-  useEffect(function () {
-    if (!isExpanded) {
-      setMaxHeight(0);
-    } else if (bodyRef && bodyRef.current) {
-      setMaxHeight(bodyRef.current.scrollHeight);
-    }
-  }, [isExpanded]);
   var bodyProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
     ref: ref,
     isExpanded: isExpanded,
-    role: 'region'
+    role: 'region',
+    height: height || initialExpandedHeight || 0
   });
   var bodyContainerProps = {
     ref: bodyRef,
-    maxHeight: maxHeight,
-    isExpanded: isExpanded
+    isExpanded: isExpanded,
+    padding: padding,
+    paddingTop: paddingTop
   };
   return jsx(Body, Object.assign({}, bodyProps, {
     animate: animate,

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/Card/CardAccordion/useElementHeight.d.ts

@@ -0,0 +1 @@
+export declare function useElementHeight(element: HTMLDivElement | null): number | null;

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

@@ -0,0 +1,22 @@
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useState, useEffect } from 'react';
+
+function useElementHeight(element) {
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
+  useEffect(function () {
+    if (!element) return;
+    var resizeObserver = new ResizeObserver(function () {
+      setHeight(element.offsetHeight);
+    });
+    resizeObserver.observe(element);
+    return function () {
+      return resizeObserver.disconnect();
+    };
+  }, [element]);
+  return height;
+}
+
+export { useElementHeight };

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/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,

package/dist/components/ToggleButton/ToggleButton.js

@@ -18,6 +18,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 { getFontStyling } from '../Typography/Typography.utils.js';
 
 var toggleButton = toggleButtonTokens.toggleButton;

package/dist/components/ToggleButton/ToggleButtonGroup.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';
 import { toggleButtonTokens } from './ToggleButton.tokens.js';