@norges-domstoler/dds-components 13.5.0 → 13.6.1

package/dist/components/OverflowMenu/OverflowMenuItem.d.ts

@@ -1,6 +1,6 @@
 import { AnchorHTMLAttributes, ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
-import { BaseComponentProps } from '../../types';
-import { SvgIcon } from '../../icons/utils';
+import { BaseComponentProps } from '@norges-domstoler/dds-core';
+import { SvgIcon } from '@norges-domstoler/dds-icons';
 export declare const Span: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Link: import("styled-components").StyledComponent<"a", any, {}, never>;
 type BaseOverflowMenuItemProps = {

package/dist/components/OverflowMenu/OverflowMenuItem.js

@@ -2,20 +2,10 @@ import { __rest } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect, useCallback } from 'react';
 import styled, { css } from 'styled-components';
-import { overflowMenuTokens, typographyType } from './OverflowMenu.tokens.js';
-import { Icon } from '../Icon/Icon.js';
-import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import { focusVisibleLink } from '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-import { normalizeButton } from '../../helpers/styling/normalize.js';
-import { getFontStyling } from '../Typography/Typography.utils.js';
+import { typographyType, overflowMenuTokens } from './OverflowMenu.tokens.js';
+import { Icon } from '@norges-domstoler/dds-icons';
+import { normalizeButton, useCombinedRef, getBaseHTMLProps } from '@norges-domstoler/dds-core';
+import { getFontStyling, focusVisibleLink } from '@norges-domstoler/dds-typography';
 
 var element = overflowMenuTokens.element,
   link = overflowMenuTokens.link;

package/dist/components/Pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../types';
+import { BaseComponentProps } from '@norges-domstoler/dds-core';
 export type PaginationOption = {
     label: string;
     value: number;

package/dist/components/Pagination/Pagination.js

@@ -3,25 +3,13 @@ import { __rest } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState } from 'react';
 import styled, { css } 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';
 import { Button } from '../Button/Button.js';
 import { Select } from '../Select/Select.js';
 import { PaginationGenerator } from './paginationGenerator.js';
-import { Icon } from '../Icon/Icon.js';
+import { Icon, MoreHorizontalIcon, ChevronLeftIcon, ChevronRightIcon, ChevronFirstIcon, ChevronLastIcon } from '@norges-domstoler/dds-icons';
 import { paginationTokens } from './Pagination.tokens.js';
-import '../../icons/utils/StyledSvg.js';
-import { ChevronFirstIcon } from '../../icons/tsx/chevronFirst.js';
-import { ChevronLastIcon } from '../../icons/tsx/chevronLast.js';
-import { ChevronLeftIcon } from '../../icons/tsx/chevronLeft.js';
-import { ChevronRightIcon } from '../../icons/tsx/chevronRight.js';
-import { MoreHorizontalIcon } from '../../icons/tsx/moreHorizontal.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
 
 var outerContainer = paginationTokens.outerContainer,
   indicatorsContainer = paginationTokens.indicatorsContainer,

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

@@ -2,7 +2,7 @@
 import { PaginationProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").HTMLAttributes<HTMLElement>, "onChange">, "className" | "id"> & {
         itemsAmount: number;
         defaultItemsPerPage?: number | undefined;
         defaultActivePage?: number | undefined;

package/dist/components/Popover/Popover.d.ts

@@ -1,7 +1,7 @@
 import { Property } from 'csstype';
 import { ReactNode } from 'react';
-import { Placement } from '../../hooks';
-import { BaseComponentPropsWithChildren } from '../../types';
+import { Placement } from '@norges-domstoler/dds-core';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 export type PopoverSizeProps = {
     width?: Property.Width<string>;
     height?: Property.Height<string>;

package/dist/components/Popover/Popover.js

@@ -3,39 +3,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
 import { forwardRef, useEffect } from 'react';
 import styled, { css } from 'styled-components';
-import { visibilityTransition } from '../../helpers/styling/visibilityTransition.js';
-import { focusVisible } from '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
-import { useOnClickOutside } from '../../hooks/useOnClickOutside.js';
-import { useFloatPosition } from '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import { useMountTransition } from '../../hooks/useMountTransition.js';
-import '../../hooks/useScreenSize.js';
-import { useReturnFocusOnBlur } from '../../hooks/useReturnFocusOnBlur.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import { Paper, visibilityTransition, useReturnFocusOnBlur, useFloatPosition, useCombinedRef, useOnClickOutside, useMountTransition, getBaseHTMLProps } from '@norges-domstoler/dds-core';
 import { Button } from '../Button/Button.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 { Typography } from '@norges-domstoler/dds-typography';
 import { popoverTokens } from './Popover.tokens.js';
-import '../../icons/utils/StyledSvg.js';
-import { CloseIcon } from '../../icons/tsx/close.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 { Paper } from '../../helpers/Paper/Paper.js';
-import '../../helpers/RequiredMarker/RequiredMarker.js';
+import { CloseIcon } from '@norges-domstoler/dds-icons';
+import { focusVisible } from '@norges-domstoler/dds-form';
 
 var Spacing = ddsBaseTokens.spacing;
 var wrapper = popoverTokens.wrapper,

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { PopoverProps } from '.';
-import { Placement } from '../../hooks';
+import { Placement } from '@norges-domstoler/dds-core';
 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"> & {
         title?: import("react").ReactNode;
         isOpen?: boolean | undefined;
         withCloseButton?: boolean | undefined;

package/dist/components/Popover/PopoverGroup.js

@@ -1,10 +1,7 @@
 import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useId, useRef, Children, isValidElement, cloneElement } from 'react';
-import { useOnKeyDown } from '../../hooks/useOnKeyDown.js';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
+import { useOnKeyDown } from '@norges-domstoler/dds-core';
 
 var PopoverGroup = function PopoverGroup(_ref) {
   var _ref$isOpen = _ref.isOpen,

package/dist/components/ProgressTracker/ProgressTracker.d.ts

@@ -1,5 +1,5 @@
 import { ForwardRefExoticComponent } from 'react';
-import { BaseComponentPropsWithChildren } from '../../types';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 import { ProgressTrackerItem } from './ProgressTrackerItem';
 type ProgressTrackerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Indeksen til det aktive steget. */

package/dist/components/ProgressTracker/ProgressTracker.js

@@ -3,7 +3,7 @@ import { __rest } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect, useMemo, Children, isValidElement, cloneElement, Fragment } from 'react';
 import styled from 'styled-components';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
 import { ProgressTrackerContext } from './ProgressTracker.context.js';
 import { progressTrackerTokens } from './ProgressTracker.tokens.js';
 import { ProgressTrackerItem } from './ProgressTrackerItem.js';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 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"> & {
         activeStep?: number | undefined;
         onStepChange?: ((step: number) => void) | undefined;
     } & {
@@ -12,11 +12,11 @@ declare const _default: {
         Item: {
             (props: ({
                 onClick: (index: number) => void;
-            } & Pick<import("react").HTMLAttributes<HTMLButtonElement>, "id" | "className"> & {
+            } & Pick<import("react").HTMLAttributes<HTMLButtonElement>, "className" | "id"> & {
                 active?: boolean | undefined;
                 completed?: boolean | undefined;
                 disabled?: boolean | undefined;
-                icon?: import("../../icons/utils").SvgIcon | undefined;
+                icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
                 index?: number | undefined;
             } & {
                 children?: import("react").ReactNode;
@@ -24,11 +24,11 @@ declare const _default: {
                 htmlProps?: import("react").HTMLAttributes<HTMLButtonElement> | undefined;
             }) | ({
                 onClick?: undefined;
-            } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & {
+            } & Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & {
                 active?: boolean | undefined;
                 completed?: boolean | undefined;
                 disabled?: boolean | undefined;
-                icon?: import("../../icons/utils").SvgIcon | undefined;
+                icon?: import("@norges-domstoler/dds-icons").SvgIcon | undefined;
                 index?: number | undefined;
             } & {
                 children?: import("react").ReactNode;

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

@@ -1,5 +1,5 @@
-import { IconSize } from '../Icon';
-import { StaticTypographyType } from '../Typography';
+import { IconSize } from '@norges-domstoler/dds-icons';
+import { StaticTypographyType } from '@norges-domstoler/dds-typography';
 export declare const typographyTypes: {
     number: StaticTypographyType;
     label: StaticTypographyType;

package/dist/components/ProgressTracker/ProgressTrackerItem.d.ts

@@ -1,5 +1,5 @@
-import { SvgIcon } from '../../icons/utils';
-import { BaseComponentPropsWithChildren } from '../../types';
+import { SvgIcon } from '@norges-domstoler/dds-icons';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 type BaseItemProps = {
     /** Om steget er valgt eller ikke. Settes av konsument. */
     active?: boolean;

package/dist/components/ProgressTracker/ProgressTrackerItem.js

@@ -1,19 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import styled, { css } from 'styled-components';
-import { focusVisibleTransitionValue, focusVisible } from '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
-import 'tslib';
-import '../../icons/utils/StyledSvg.js';
-import { CheckIcon } from '../../icons/tsx/check.js';
-import { Icon } from '../Icon/Icon.js';
-import { getFontStyling } from '../Typography/Typography.utils.js';
+import { Icon, CheckIcon } from '@norges-domstoler/dds-icons';
+import { getFontStyling } from '@norges-domstoler/dds-typography';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 import { useProgressTrackerContext } from './ProgressTracker.context.js';
-import { progressTrackerTokens, typographyTypes } from './ProgressTracker.tokens.js';
+import { typographyTypes, progressTrackerTokens } from './ProgressTracker.tokens.js';
+import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
 
 var toItemState = function toItemState(active, completed, disabled) {
   if (disabled) {

package/dist/components/ScrollableContainer/ScrollableContainer.d.ts

@@ -1,4 +1,4 @@
-import { BaseComponentPropsWithChildren } from '../../types';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 import { Property } from 'csstype';
 export type ScrollableContainerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Høyde på innholdscontainer. */

package/dist/components/ScrollableContainer/ScrollableContainer.js

@@ -2,14 +2,10 @@ import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef } from 'react';
 import styled from 'styled-components';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
 import { Scrollbar } from './Scrollbar.js';
 import { scrollbarTokens } from './ScrollableContainer.tokens.js';
-import { focusVisibleTransitionValue, focusVisible } from '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
+import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
 
 var track = scrollbarTokens.track,
   content = scrollbarTokens.content,

package/dist/components/ScrollableContainer/Scrollbar.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
-import { BaseComponentProps } from '../../types';
+import { BaseComponentProps } from '@norges-domstoler/dds-core';
 export type ScrollbarProps = BaseComponentProps<HTMLDivElement, {
     /** Ref til container med innholdet som skal scrolles. */
     contentRef?: RefObject<HTMLDivElement>;

package/dist/components/ScrollableContainer/Scrollbar.js

@@ -3,7 +3,7 @@ import { __rest } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useCallback, useEffect } from 'react';
 import styled from 'styled-components';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
 import { scrollbarTokens } from './ScrollableContainer.tokens.js';
 
 var track = scrollbarTokens.track,

package/dist/components/Search/Search.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, InputHTMLAttributes, MouseEvent } from 'react';
-import { InputProps as BaseInputProps } from '../../helpers';
+import { InputProps as BaseInputProps } from '@norges-domstoler/dds-form';
 export type SearchSize = 'small' | 'medium' | 'large';
 type ButtonProps = {
     onClick: (event: MouseEvent<HTMLButtonElement>) => void;

package/dist/components/Search/Search.js

@@ -3,37 +3,17 @@ import { __rest } from 'tslib';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useId, useState } from 'react';
 import styled, { css } from 'styled-components';
-import '../../helpers/Backdrop/Backdrop.js';
-import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
-import '../../helpers/HiddenInput/HiddenInput.js';
-import { Input as Input$1 } from '../../helpers/Input/Input.styles.js';
-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 '../../icons/utils/StyledSvg.js';
-import { CloseSmallIcon } from '../../icons/tsx/closeSmall.js';
-import { SearchIcon } from '../../icons/tsx/search.js';
+import { Input as Input$1 } from '@norges-domstoler/dds-form';
+import { derivativeIdGenerator, useCombinedRef, spaceSeparatedIdListGenerator } from '@norges-domstoler/dds-core';
+import { Icon, SearchIcon, CloseSmallIcon } from '@norges-domstoler/dds-icons';
 import { Button } from '../Button/Button.js';
-import { Icon } from '../Icon/Icon.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 { getFontStyling } from '../Typography/Typography.utils.js';
+import { getFontStyling, Label } from '@norges-domstoler/dds-typography';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
 import { useAutocompleteSearch } from './AutocompleteSearch.context.js';
-import { searchTokens, typographyTypes } from './Search.tokens.js';
+import { typographyTypes, searchTokens } from './Search.tokens.js';
 import { SearchSuggestions } from './SearchSuggestions.js';
 import { createEmptyChangeEvent } from './Search.utils.js';
+import { renderInputMessage } from '../../utils/renderInputMessage.js';
 
 var input = searchTokens.input,
   outerContainer = searchTokens.outerContainer,

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

@@ -2,7 +2,7 @@
 import { SearchProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("../../helpers").InputProps, "label" | "tip"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("@norges-domstoler/dds-form").InputProps, "label" | "tip"> & {
         componentSize?: import("./Search").SearchSize | undefined;
         buttonProps?: ({
             onClick: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
@@ -14,7 +14,7 @@ declare const _default: {
             (props: import("./SearchAutocompleteWrapper").SearchAutocompleteWrapperProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
-        Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & Pick<SearchProps, "componentSize"> & {
+        Suggestions: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Pick<SearchProps, "componentSize"> & {
             suggestions?: string[] | undefined;
             showSuggestions?: boolean | undefined;
             onSuggestionClick?: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;

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

@@ -1,4 +1,4 @@
-import { StaticTypographyType } from '../Typography';
+import { StaticTypographyType } from '@norges-domstoler/dds-typography';
 import { SearchSize } from './Search';
 export declare const typographyTypes: {
     [k in SearchSize]: StaticTypographyType;

package/dist/components/Search/SearchAutocompleteWrapper.js

@@ -1,12 +1,7 @@
 import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useRef } from 'react';
-import { useOnClickOutside } from '../../hooks/useOnClickOutside.js';
-import { useOnKeyDown } from '../../hooks/useOnKeyDown.js';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import { searchFilter } from '../../utils/searchFilter.js';
-import '../../hooks/useScreenSize.js';
+import { useOnClickOutside, useOnKeyDown, searchFilter } from '@norges-domstoler/dds-core';
 import { AutocompleteSearchContext } from './AutocompleteSearch.context.js';
 
 var SearchAutocompleteWrapper = function SearchAutocompleteWrapper(props) {

package/dist/components/Search/SearchSuggestions.d.ts

@@ -1,5 +1,5 @@
 import { SearchProps } from './Search';
-import { BaseComponentProps } from '../../types';
+import { BaseComponentProps } from '@norges-domstoler/dds-core';
 import { MouseEvent } from 'react';
 export type SearchSuggestionsProps = BaseComponentProps<HTMLDivElement, Pick<SearchProps, 'componentSize'> & {
     /**Forslag som vises i listen. */

package/dist/components/Search/SearchSuggestions.js

@@ -2,41 +2,14 @@ import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBab
 import { __rest } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import styled from 'styled-components';
-import { removeListStyling } from '../../helpers/styling/removeListStyling.js';
+import { Paper, visibilityTransition, removeListStyling, derivativeIdGenerator, useRoveFocus, getBaseHTMLProps } from '@norges-domstoler/dds-core';
 import { OverflowMenuItem } from '../OverflowMenu/OverflowMenuItem.js';
-import { searchTokens, typographyTypes } from './Search.tokens.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 { Paper } from '../../helpers/Paper/Paper.js';
-import '../../helpers/RequiredMarker/RequiredMarker.js';
+import { typographyTypes, searchTokens } from './Search.tokens.js';
+import { getFontStyling, Typography } from '@norges-domstoler/dds-typography';
 import { forwardRef } from 'react';
-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 '../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 { getFontStyling } from '../Typography/Typography.utils.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 import '../ScrollableContainer/Scrollbar.js';
 import '../ScrollableContainer/ScrollableContainer.js';
 import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';
-import { visibilityTransition } from '../../helpers/styling/visibilityTransition.js';
-import '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../helpers/styling/danger.js';
-import '../../helpers/styling/selection.js';
 
 var suggestionsContainer = searchTokens.suggestionsContainer,
   suggestionsHeader = searchTokens.suggestionsHeader;

package/dist/components/Select/Select.d.ts

@@ -1,9 +1,9 @@
 import { Property } from 'csstype';
 import React, { HTMLAttributes } from 'react';
 import { GroupBase, OptionProps, Props as ReactSelectProps, SelectInstance, SingleValueProps } from 'react-select';
-import { InputSize } from '../../helpers';
-import { WithRequiredIf } from '../../types/utils';
-import { SvgIcon } from '../../icons/utils';
+import { WithRequiredIf } from '@norges-domstoler/dds-core';
+import { SvgIcon } from '@norges-domstoler/dds-icons';
+import { InputSize } from '@norges-domstoler/dds-form';
 export type SelectOption<TValue = unknown> = {
     label: string | number;
     value: TValue;

package/dist/components/Select/Select.js

@@ -2,23 +2,12 @@ import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useId } from 'react';
 import ReactSelect, { components } from 'react-select';
-import '../../icons/utils/StyledSvg.js';
-import { CheckIcon } from '../../icons/tsx/check.js';
-import { ChevronDownIcon } from '../../icons/tsx/chevronDown.js';
-import { CloseSmallIcon } from '../../icons/tsx/closeSmall.js';
-import { spaceSeparatedIdListGenerator, derivativeIdGenerator } from '../../utils/idGenerator.js';
-import '../../utils/color.js';
-import { searchFilter } from '../../utils/searchFilter.js';
-import { Icon } from '../Icon/Icon.js';
+import { Icon, CheckIcon, CloseSmallIcon, ChevronDownIcon } from '@norges-domstoler/dds-icons';
+import { derivativeIdGenerator, searchFilter, spaceSeparatedIdListGenerator } from '@norges-domstoler/dds-core';
 import { prefix, getCustomStyles, Container, InnerSingleValue, StyledIcon } from './Select.styles.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 { renderInputMessage, getFormInputIconSize } from '../../helpers/Input/Input.utils.js';
+import { Label } from '@norges-domstoler/dds-typography';
+import { getFormInputIconSize } from '../../utils/icon.js';
+import { renderInputMessage } from '../../utils/renderInputMessage.js';
 
 var Option = components.Option,
   NoOptionsMessage = components.NoOptionsMessage,

package/dist/components/Select/Select.styles.d.ts

@@ -1,7 +1,7 @@
 import { GroupBase, StylesConfig } from 'react-select';
 import { Property } from 'csstype';
-import { Icon } from '../Icon';
-import { InputSize } from '../../helpers';
+import { Icon } from '@norges-domstoler/dds-icons';
+import { InputSize } from '@norges-domstoler/dds-form';
 export declare const prefix = "dds-select";
 type StyledContainerProps = {
     errorMessage?: string;

package/dist/components/Select/Select.styles.js

@@ -1,15 +1,12 @@
 import styled, { css } from 'styled-components';
-import '../../helpers/styling/focusVisible.js';
-import { hoverDangerInputfield, hoverInputfield } from '../../helpers/styling/hover.js';
-import { focusInputfield } from '../../helpers/styling/focus.js';
-import { dangerInputfield } from '../../helpers/styling/danger.js';
-import { selection } from '../../helpers/styling/selection.js';
+import { selection } from '@norges-domstoler/dds-core';
 import '../ScrollableContainer/Scrollbar.js';
 import '../ScrollableContainer/ScrollableContainer.js';
 import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';
-import { selectTokens, typographyTypes } from './Select.tokens.js';
-import { Icon } from '../Icon/Icon.js';
-import { getFontStyling } from '../Typography/Typography.utils.js';
+import { typographyTypes, selectTokens } from './Select.tokens.js';
+import { Icon } from '@norges-domstoler/dds-icons';
+import { getFontStyling } from '@norges-domstoler/dds-typography';
+import { dangerInputfield, hoverDangerInputfield, focusInputfield, hoverInputfield } from '@norges-domstoler/dds-form';
 
 var _control = selectTokens.control,
   _menu = selectTokens.menu,

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

@@ -1,5 +1,5 @@
-import { InputSize, InputTypographyTypes } from '../../helpers';
-import { StaticTypographyType } from '../Typography';
+import { InputSize, InputTypographyTypes } from '@norges-domstoler/dds-form';
+import { StaticTypographyType } from '@norges-domstoler/dds-typography';
 export declare const typographyTypes: {
     control: InputTypographyTypes;
     option: InputTypographyTypes;

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

@@ -1,17 +1,5 @@
 import { ddsBaseTokens, ddsReferenceTokens } from '@norges-domstoler/dds-design-tokens';
-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 { 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 '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
+import { inputTypographyTypes } from '@norges-domstoler/dds-form';
 
 var colors = ddsBaseTokens.colors,
   spacing = ddsBaseTokens.spacing,

package/dist/components/{Checkbox → SelectionControl/Checkbox}/Checkbox.d.ts

@@ -5,6 +5,6 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<Pick<Om
     disabled?: boolean | undefined;
     readOnly?: boolean | undefined;
     indeterminate?: boolean | undefined;
-} & import("../../types").CheckboxPickedHTMLAttributes & {
+} & import("./Checkbox.types").CheckboxPickedHTMLAttributes & {
     htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "name" | "checked" | "defaultChecked" | "value" | "defaultValue" | "onChange" | "onBlur"> | undefined;
 } & import("react").RefAttributes<HTMLInputElement>>;