@norges-domstoler/dds-components 13.5.0 → 13.6.1

package/dist/components/{Checkbox → SelectionControl/Checkbox}/Checkbox.js

@@ -1,29 +1,11 @@
 import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useId } from 'react';
-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 { joinClassNames, getBaseHTMLProps, spaceSeparatedIdListGenerator } from '@norges-domstoler/dds-core';
+import { Typography } from '@norges-domstoler/dds-typography';
 import { useCheckboxGroup } from './CheckboxGroupContext.js';
-import { spaceSeparatedIdListGenerator } from '../../utils/idGenerator.js';
-import '../../utils/color.js';
-import { joinClassNames, getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import '../../helpers/Backdrop/Backdrop.js';
-import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
-import { HiddenInput } from '../../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 '../../hooks/useFloatPosition.js';
-import '../../hooks/useScreenSize.js';
-import { Container, CustomSelectionControl } from '../../helpers/SelectionControl/SelectionControl.styles.js';
-import '../../helpers/SelectionControl/SelectionControl.tokens.js';
+import { Container, CustomSelectionControl } from '../SelectionControl.styles.js';
+import { HiddenInput } from '@norges-domstoler/dds-form';
 
 var Checkbox = /*#__PURE__*/forwardRef(function (props, ref) {
   var id = props.id,

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

@@ -2,14 +2,14 @@
 import { CheckboxProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked">, "className" | "id"> & {
         label?: string | undefined;
         error?: boolean | undefined;
         disabled?: boolean | undefined;
         readOnly?: boolean | undefined;
         indeterminate?: boolean | undefined;
-    } & import("../../types").CheckboxPickedHTMLAttributes & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "name" | "value" | "checked"> | undefined;
+    } & import("./Checkbox.types").CheckboxPickedHTMLAttributes & {
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "defaultChecked" | "defaultValue" | "aria-describedby" | "onBlur" | "onChange" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

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

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes } from 'react';
-import { BaseComponentProps } from '../../types';
-import { CheckboxPickedHTMLAttributes } from '../../types/CheckboxPickedHTMLAttributes';
+import { BaseComponentProps } from '@norges-domstoler/dds-core';
+export type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
 export type CheckboxProps = BaseComponentProps<HTMLInputElement, {
     /** Ledetekst for inputelementet. */
     label?: string;

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

@@ -1,4 +1,4 @@
-import { BaseComponentPropsWithChildren, Direction } from '../../types';
+import { BaseComponentPropsWithChildren, Direction } from '@norges-domstoler/dds-core';
 export type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Ledetekst for gruppen. */
     label?: string;

package/dist/components/{Checkbox → SelectionControl/Checkbox}/CheckboxGroup.js

@@ -1,29 +1,11 @@
 import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useId } from 'react';
-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 { 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 '../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 { OuterGroupContainer, GroupContainer } from '../../helpers/SelectionControl/SelectionControl.styles.js';
-import '../../helpers/SelectionControl/SelectionControl.tokens.js';
+import { Typography } from '@norges-domstoler/dds-typography';
+import { derivativeIdGenerator, getBaseHTMLProps, RequiredMarker } from '@norges-domstoler/dds-core';
+import { renderInputMessage } from '../../../utils/renderInputMessage.js';
+import { OuterGroupContainer, GroupContainer } from '../SelectionControl.styles.js';
 
 var CheckboxGroup = function CheckboxGroup(props) {
   var label = props.label,

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

@@ -1,3 +1,4 @@
+import { Nullable } from '@norges-domstoler/dds-core';
 import React from 'react';
 export interface CheckboxGroupContextProps {
     error?: boolean;

package/dist/components/{RadioButton → SelectionControl/RadioButton}/RadioButton.js

@@ -1,28 +1,11 @@
 import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useId } from 'react';
-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, joinClassNames } from '@norges-domstoler/dds-core';
+import { Typography } from '@norges-domstoler/dds-typography';
+import { HiddenInput } from '@norges-domstoler/dds-form';
 import { useRadioButtonGroup } from './RadioButtonGroupContext.js';
-import { getBaseHTMLProps, joinClassNames } from '../../types/BaseComponentProps.js';
-import '../../helpers/Backdrop/Backdrop.js';
-import '../../helpers/Chevron/AnimatedChevronUpDown.styles.js';
-import { HiddenInput } from '../../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 '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
-import { Container, CustomSelectionControl } from '../../helpers/SelectionControl/SelectionControl.styles.js';
-import '../../helpers/SelectionControl/SelectionControl.tokens.js';
+import { Container, CustomSelectionControl } from '../SelectionControl.styles.js';
 
 var isValueEqualToGroupValueOrFalsy = function isValueEqualToGroupValueOrFalsy(value, group) {
   if (typeof value !== 'undefined' && value !== null && group) {

package/dist/{cjs/components → components/SelectionControl}/RadioButton/RadioButton.stories.d.ts

@@ -2,22 +2,22 @@
 import { RadioButtonProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required">, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "readOnly" | "required" | "value" | "checked">, "className" | "id"> & {
         label?: string | undefined;
         disabled?: boolean | undefined;
         error?: boolean | undefined;
     } & {
+        name?: string | undefined;
         'aria-describedby'?: string | undefined;
         onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
-        name?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
-        checked?: boolean | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined;
+        value?: string | number | readonly string[] | undefined;
+        checked?: boolean | undefined;
     } & {
         children?: import("react").ReactNode;
     } & {
-        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-describedby" | "onChange" | "name" | "value" | "checked" | "readOnly" | "required"> | undefined;
+        htmlProps?: Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "name" | "aria-describedby" | "onChange" | "readOnly" | "required" | "value" | "checked"> | undefined;
     } & import("react").RefAttributes<HTMLInputElement>>;
     argTypes: {
         label: {

package/dist/{cjs/components → components/SelectionControl}/RadioButton/RadioButton.types.d.ts

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-import { BaseComponentPropsWithChildren } from '../../types';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 type PickedInputHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
 export type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, {
     /**Ledetekst for alternativet. */

package/dist/components/{RadioButton → SelectionControl/RadioButton}/RadioButtonGroup.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, HTMLAttributes, ReactElement, Ref } from 'react';
-import { BaseComponentPropsWithChildren, Direction } from '../../types';
+import { BaseComponentPropsWithChildren, Direction } from '@norges-domstoler/dds-core';
 export type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Gir alle barna `name` prop.*/
     name?: string;

package/dist/components/{RadioButton → SelectionControl/RadioButton}/RadioButtonGroup.js

@@ -1,30 +1,12 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useState, useId } from 'react';
-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 { 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 '../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 { OuterGroupContainer, GroupContainer } from '../../helpers/SelectionControl/SelectionControl.styles.js';
-import '../../helpers/SelectionControl/SelectionControl.tokens.js';
+import { Typography } from '@norges-domstoler/dds-typography';
+import { combineHandlers, getBaseHTMLProps, RequiredMarker } from '@norges-domstoler/dds-core';
+import { renderInputMessage } from '../../../utils/renderInputMessage.js';
+import { OuterGroupContainer, GroupContainer } from '../SelectionControl.styles.js';
 
 var RadioButtonGroupInner = function RadioButtonGroupInner(props, ref) {
   var name = props.name,

package/dist/{cjs/components → components/SelectionControl}/RadioButton/RadioButtonGroup.stories.d.ts

@@ -2,7 +2,7 @@
 import { RadioButtonGroupProps } from '.';
 declare const _default: {
     title: string;
-    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "id" | "className"> & {
+    component: <T extends string | number = string>(props: Pick<Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange">, "className" | "id"> & {
         name?: string | undefined;
         label?: string | undefined;
         onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, value: T | undefined) => void) | undefined;
@@ -11,7 +11,7 @@ declare const _default: {
         tip?: string | undefined;
         disabled?: boolean | undefined;
         readOnly?: boolean | undefined;
-        direction?: import("../../types").Direction | undefined;
+        direction?: import("@norges-domstoler/dds-core").Direction | undefined;
         value?: T | undefined;
         groupId?: string | undefined;
     } & {

package/dist/components/{RadioButton → SelectionControl/RadioButton}/RadioButtonGroupContext.d.ts

@@ -1,3 +1,4 @@
+import { Nullable } from '@norges-domstoler/dds-core';
 import React, { ChangeEvent } from 'react';
 export interface RadioButtonGroup {
     disabled?: boolean;

package/dist/{cjs/helpers → components}/SelectionControl/SelectionControl.styles.d.ts

@@ -1,4 +1,4 @@
-import { Direction } from '../../types';
+import { Direction } from '@norges-domstoler/dds-core';
 type SelectionControlType = 'radio' | 'checkbox';
 type CustomSelectionControlProps = {
     controlType?: SelectionControlType;

package/dist/{helpers → components}/SelectionControl/SelectionControl.styles.js

@@ -1,9 +1,5 @@
 import styled, { css } from 'styled-components';
-import { focusVisible, focusVisibleTransitionValue } from '../styling/focusVisible.js';
-import '../styling/hover.js';
-import '../styling/focus.js';
-import '../styling/danger.js';
-import '../styling/selection.js';
+import { focusVisible, focusVisibleTransitionValue } from '@norges-domstoler/dds-form';
 import { selectionControlTokens } from './SelectionControl.tokens.js';
 
 var selectionControl = selectionControlTokens.selectionControl,
@@ -13,14 +9,14 @@ var selectionControl = selectionControlTokens.selectionControl,
   outerGroupContainer = selectionControlTokens.outerGroupContainer;
 var CustomSelectionControl = styled.span.withConfig({
   displayName: "SelectionControlstyles__CustomSelectionControl",
-  componentId: "sc-1wv80b7-0"
+  componentId: "sc-vs1fm0-0"
 })(["position:absolute;left:0;box-sizing:border-box;border:", ";border-color:", ";background-color:", ";border-radius:", ";height:", ";width:", ";", " &:after{content:'';position:absolute;display:none;}"], selectionControl.base.border, selectionControl.base.borderColor, selectionControl.base.backgroundColor, selectionControl.base.borderRadius, selectionControl.base.height, selectionControl.base.width, function (_ref) {
   var controlType = _ref.controlType;
   return controlType === 'radio' && css(["border-radius:50%;"]);
 });
 var Container = styled.label.withConfig({
   displayName: "SelectionControlstyles__Container",
-  componentId: "sc-1wv80b7-1"
+  componentId: "sc-vs1fm0-1"
 })(["position:relative;display:flex;align-items:center;cursor:pointer;user-select:none;width:fit-content;color:", ";", " input ~ ", "{@media (prefers-reduced-motion:no-preference){transition:box-shadow 0.2s,background-color 0.2s,border 0.2s;}}&:focus-within{", " @media (prefers-reduced-motion:no-preference){transition:", ";}}&:hover input:enabled ~ ", "{background-color:", ";box-shadow:", ";border-color:", ";}input:checked:enabled ~ ", ",input[data-indeterminate='true'] ~ ", "{border-color:", ";background-color:", ";}&:hover input:checked:enabled ~ ", ",&:hover input:enabled[data-indeterminate='true'] ~ ", "{background-color:", ";box-shadow:", ";border-color:", ";}", " input:disabled ~ ", "{", "}input:checked:disabled ~ ", ",input:disabled[data-indeterminate='true'] ~ ", "{background-color:", ";border-color:", ";}input:checked ~ ", ":after,input[data-indeterminate='true'] ~ ", ":after{display:block;}", " ", ""], container.color, function (_ref2) {
   var hasLabel = _ref2.hasLabel;
   return hasLabel ? css(["padding-left:", ";"], container.withLabel.paddingLeft) : css(["padding:", ";"], container.noLabel.padding);
@@ -36,11 +32,11 @@ var Container = styled.label.withConfig({
 });
 var OuterGroupContainer = styled.div.withConfig({
   displayName: "SelectionControlstyles__OuterGroupContainer",
-  componentId: "sc-1wv80b7-2"
+  componentId: "sc-vs1fm0-2"
 })(["display:flex;flex-direction:column;gap:", ";"], outerGroupContainer.gap);
 var GroupContainer = styled.div.withConfig({
   displayName: "SelectionControlstyles__GroupContainer",
-  componentId: "sc-1wv80b7-3"
+  componentId: "sc-vs1fm0-3"
 })(["display:flex;", ""], function (_ref6) {
   var direction = _ref6.direction;
   return css(["flex-direction:", ";gap:", ";"], direction, groupContainer[direction].gap);

package/dist/{helpers → components}/SelectionControl/SelectionControl.tokens.js

@@ -1,11 +1,6 @@
 import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
+import { hoverInputfield, dangerInputfield } from '@norges-domstoler/dds-form';
 import { selectionControlSize, selectionControlSizeNumberPx } from './SelectionControl.utils.js';
-import 'styled-components';
-import '../styling/focusVisible.js';
-import { hoverInputfield } from '../styling/hover.js';
-import '../styling/focus.js';
-import { dangerInputfield } from '../styling/danger.js';
-import '../styling/selection.js';
 
 var colors = ddsBaseTokens.colors,
   spacing = ddsBaseTokens.spacing,

package/dist/components/SkipToContent/SkipToContent.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Property } from 'csstype';
-import { BaseComponentProps } from '../../types';
+import { BaseComponentProps } from '@norges-domstoler/dds-core';
 export type SkipToContentProps = BaseComponentProps<HTMLAnchorElement, {
     /** Teksten som vises i lenka. */
     text?: string;

package/dist/components/SkipToContent/SkipToContent.js

@@ -2,14 +2,10 @@ import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
+import { joinClassNames, getBaseHTMLProps } from '@norges-domstoler/dds-core';
+import { getFontStyling, defaultTypographyType } from '@norges-domstoler/dds-typography';
+import { focusVisibleTransitionValue, focusVisibleOnDark } from '@norges-domstoler/dds-form';
 import { skipToContentTokens } from './SkipToContent.tokens.js';
-import { focusVisibleTransitionValue, focusVisibleOnDark } 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 { joinClassNames, getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import { getFontStyling, defaultTypographyType } from '../Typography/Typography.utils.js';
 
 var wrapper = skipToContentTokens.wrapper,
   link = skipToContentTokens.link;

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

@@ -2,7 +2,7 @@
 import { SkipToContentProps } from '.';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "id" | "className"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLAnchorElement>, "className" | "id"> & {
         text?: string | undefined;
         href: string;
         top?: import("csstype").Property.Top<0 | (string & {})> | undefined;

package/dist/components/Spinner/Spinner.d.ts

@@ -1,6 +1,6 @@
 import { Property } from 'csstype';
-import { TextColor } from '../../utils';
-import { BaseComponentProps } from '../../types';
+import { TextColor } from '@norges-domstoler/dds-core';
+import { BaseComponentProps } from '@norges-domstoler/dds-core';
 export type SpinnerProps = BaseComponentProps<SVGElement, {
     /**Farge på spinneren. */
     color?: TextColor | string;

package/dist/components/Spinner/Spinner.js

@@ -2,9 +2,8 @@ import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useId } from 'react';
 import styled from 'styled-components';
-import { getTextColor } from '../../utils/color.js';
+import { getTextColor, getBaseHTMLProps } from '@norges-domstoler/dds-core';
 import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
 
 var StyledSpinner = styled.svg.withConfig({
   displayName: "Spinner__StyledSpinner",

package/dist/components/SplitButton/SplitButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ExtractStrict } from '../../types';
+import { ExtractStrict } from '@norges-domstoler/dds-core';
 import { ButtonProps, ButtonPurpose, ButtonSize } from '../Button';
 import { OverflowMenuButtonItem } from '../OverflowMenu';
 export type SplitButtonPurpose = ExtractStrict<ButtonPurpose, 'primary' | 'secondary'>;

package/dist/components/SplitButton/SplitButton.js

@@ -2,10 +2,7 @@ import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBab
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useState } from 'react';
 import styled from 'styled-components';
-import 'tslib';
-import '../../icons/utils/StyledSvg.js';
-import { ChevronDownIcon } from '../../icons/tsx/chevronDown.js';
-import { ChevronUpIcon } from '../../icons/tsx/chevronUp.js';
+import { ChevronUpIcon, ChevronDownIcon } from '@norges-domstoler/dds-icons';
 import { Button } from '../Button/Button.js';
 import { OverflowMenu } from '../OverflowMenu/OverflowMenu.js';
 import { OverflowMenuGroup } from '../OverflowMenu/OverflowMenuGroup.js';

package/dist/components/Stack/Stack.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { stackTokens } from './Stack.tokens';
-import { BaseComponentPropsWithChildren } from '../../types';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 import { StandardProperties } from 'csstype';
 export interface StackStyleProps {
     /**

package/dist/components/Stack/Stack.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { stackTokens } from './Stack.tokens.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
+import { getBaseHTMLProps } from '@norges-domstoler/dds-core';
 
 var Stack = styled.div.withConfig({
   displayName: "Stack",

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

@@ -2,7 +2,7 @@
 import { StackProps } from './Stack';
 declare const _default: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "id" | "className"> & Omit<import("./Stack").StackStyleProps, "direction"> & {
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLDivElement>, "className" | "id"> & Omit<import("./Stack").StackStyleProps, "direction"> & {
         children?: import("react").ReactNode;
     } & {
         htmlProps?: import("react").HTMLAttributes<HTMLDivElement> | undefined;

package/dist/components/Table/SortCell.js

@@ -1,21 +1,12 @@
 import { __rest } from 'tslib';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { Icon, UnfoldMoreIcon, ChevronDownIcon, ChevronUpIcon } from '@norges-domstoler/dds-icons';
+import styled from 'styled-components';
+import { normalizeButton, removeButtonStyling } from '@norges-domstoler/dds-core';
+import { focusVisible } from '@norges-domstoler/dds-form';
 import { Cell } from './Cell.js';
 import { tableTokens } from './Table.tokens.js';
-import { Icon } from '../Icon/Icon.js';
-import '../../icons/utils/StyledSvg.js';
-import { ChevronDownIcon } from '../../icons/tsx/chevronDown.js';
-import { ChevronUpIcon } from '../../icons/tsx/chevronUp.js';
-import { UnfoldMoreIcon } from '../../icons/tsx/unfoldMore.js';
-import styled from 'styled-components';
-import { removeButtonStyling } from '../../helpers/styling/removeButtonStyling.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 { normalizeButton } from '../../helpers/styling/normalize.js';
 
 var cell = tableTokens.cell;
 var StyledButton = styled.button.withConfig({

package/dist/components/Table/Table.js

@@ -2,11 +2,7 @@ import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import '../../helpers/styling/focusVisible.js';
-import '../../helpers/styling/hover.js';
-import '../../helpers/styling/focus.js';
-import '../../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';

package/dist/components/Table/Table.styles.js

@@ -1,11 +1,7 @@
 import styled, { css } from 'styled-components';
+import { getFontStyling, defaultTypographyType } from '@norges-domstoler/dds-typography';
+import { focusVisibleInset } from '@norges-domstoler/dds-form';
 import { tableTokens } from './Table.tokens.js';
-import { focusVisibleInset } 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 { getFontStyling, defaultTypographyType } from '../Typography/Typography.utils.js';
 
 var row = tableTokens.row;
 var bodyRowStyles = function bodyRowStyles(mode, selected) {

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

@@ -3,15 +3,9 @@ import { __rest } from 'tslib';
 import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import { forwardRef, useState, useEffect, Children, Fragment, isValidElement, cloneElement } from 'react';
 import styled from 'styled-components';
+import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
+import { removeButtonStyling, derivativeIdGenerator, spaceSeparatedIdListGenerator, AnimatedChevronUpDown } from '@norges-domstoler/dds-core';
 import { Table } from '../index.js';
-import { removeButtonStyling } from '../../../helpers/styling/removeButtonStyling.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 { derivativeIdGenerator, spaceSeparatedIdListGenerator } from '../../../utils/idGenerator.js';
-import '../../../utils/color.js';
 import { DescriptionList } from '../../DescriptionList/DescriptionList.js';
 import { DescriptionListTerm } from '../../DescriptionList/DescriptionListTerm.js';
 import '../../DescriptionList/DescriptionListDesc.js';
@@ -19,16 +13,6 @@ import '../../DescriptionList/DescriptionListGroup.js';
 import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.js';
 import { Cell } from '../Cell.js';
 import { useCollapsibleTableContext } from './Table.context.js';
-import '../../../helpers/Backdrop/Backdrop.js';
-import { AnimatedChevronUpDown } from '../../../helpers/Chevron/AnimatedChevronUpDown.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 '../../../hooks/useFloatPosition.js';
-import '../../../hooks/useScreenSize.js';
 import { StyledRow } from '../Table.styles.js';
 import { tableTokens } from '../Table.tokens.js';
 

package/dist/components/Tabs/Tab.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, Dispatch, SetStateAction } from 'react';
-import { BaseComponentPropsWithChildren } from '../../types';
-import { SvgIcon } from '../../icons/utils';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
+import { SvgIcon } from '@norges-domstoler/dds-icons';
 export type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
     /**Spesifiserer om fanen er aktiv. */
     active?: boolean;

package/dist/components/Tabs/Tab.js

@@ -2,23 +2,12 @@ import { __rest } from 'tslib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect, useCallback } from 'react';
 import styled, { css } from 'styled-components';
-import { Icon } from '../Icon/Icon.js';
+import { normalizeButton, removeButtonStyling, useCombinedRef, useOnKeyDown, getBaseHTMLProps } from '@norges-domstoler/dds-core';
+import { Icon } from '@norges-domstoler/dds-icons';
+import { getFontStyling, defaultTypographyType } from '@norges-domstoler/dds-typography';
+import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
 import { tabsTokens } from './Tabs.tokens.js';
-import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
-import { useOnKeyDown } from '../../hooks/useOnKeyDown.js';
-import '../../hooks/useFloatPosition.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
 import { useTabsContext } from './Tabs.context.js';
-import { getBaseHTMLProps } from '../../types/BaseComponentProps.js';
-import { removeButtonStyling } from '../../helpers/styling/removeButtonStyling.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 { normalizeButton } from '../../helpers/styling/normalize.js';
-import { getFontStyling, defaultTypographyType } from '../Typography/Typography.utils.js';
 
 var tab = tabsTokens.tab;
 var Button = styled.button.withConfig({

package/dist/components/Tabs/TabList.js

@@ -3,23 +3,13 @@ import { __rest } from 'tslib';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import styled from 'styled-components';
+import { useRoveFocus, useCombinedRef, useOnKeyDown, useOnClickOutside } from '@norges-domstoler/dds-core';
+import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
 import { tabsTokens } from './Tabs.tokens.js';
-import { useCombinedRef } from '../../hooks/useCombinedRefs.js';
-import { useOnClickOutside } from '../../hooks/useOnClickOutside.js';
-import { useOnKeyDown } from '../../hooks/useOnKeyDown.js';
-import '../../hooks/useFloatPosition.js';
-import { useRoveFocus } from '../../hooks/useRoveFocus.js';
-import '../../utils/color.js';
-import '../../hooks/useScreenSize.js';
 import { useTabsContext } from './Tabs.context.js';
 import '../ScrollableContainer/Scrollbar.js';
 import '../ScrollableContainer/ScrollableContainer.js';
 import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.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';
 
 var tabList = tabsTokens.tabList;
 var TabRow = styled.div.withConfig({

package/dist/components/Tabs/TabPanel.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '../../types';
+import { BaseComponentPropsWithChildren } from '@norges-domstoler/dds-core';
 export type TabPanelProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /** Spesifiserer om panelet skal vises basert på aktiv fane. */
     active?: boolean;