@norges-domstoler/dds-components 13.3.0 → 13.4.0

package/dist/cjs/helpers/Chevron/AnimatedChevronUpDown.styles.d.ts

@@ -1,7 +1,7 @@
-export type StyledSvgChevronProps = {
-    isUp?: boolean;
-};
-export declare const SvgChevron: import("styled-components").StyledComponent<"svg", any, StyledSvgChevronProps, never>;
-export declare const SvgChevronlGroup: import("styled-components").StyledComponent<"g", any, StyledSvgChevronProps, never>;
-export declare const SvgChevronlLeft: import("styled-components").StyledComponent<"path", any, StyledSvgChevronProps, never>;
-export declare const SvgChevronlRight: import("styled-components").StyledComponent<"path", any, StyledSvgChevronProps, never>;
+export type StyledSvgChevronProps = {
+    isUp?: boolean;
+};
+export declare const SvgChevron: import("styled-components").StyledComponent<"svg", any, StyledSvgChevronProps, never>;
+export declare const SvgChevronlGroup: import("styled-components").StyledComponent<"g", any, StyledSvgChevronProps, never>;
+export declare const SvgChevronlLeft: import("styled-components").StyledComponent<"path", any, StyledSvgChevronProps, never>;
+export declare const SvgChevronlRight: import("styled-components").StyledComponent<"path", any, StyledSvgChevronProps, never>;

package/dist/cjs/helpers/Chevron/index.d.ts

@@ -1 +1 @@
-export * from './AnimatedChevronUpDown';
+export * from './AnimatedChevronUpDown';

package/dist/cjs/helpers/HiddenInput/HiddenInput.d.ts

@@ -1 +1 @@
-export declare const HiddenInput: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const HiddenInput: import("styled-components").StyledComponent<"input", any, {}, never>;

package/dist/cjs/helpers/HiddenInput/index.d.ts

@@ -1 +1 @@
-export * from './HiddenInput';
+export * from './HiddenInput';

package/dist/cjs/helpers/Input/Input.styles.d.ts

@@ -1,16 +1,16 @@
-import { Property } from 'csstype';
-export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const StatefulInput: import("styled-components").StyledComponent<"input", any, Pick<import("./Input.types").InputProps, "disabled" | "readOnly"> & {
-    hasErrorMessage: boolean;
-} & {
-    prefixLength?: number | undefined;
-    suffixLength?: number | undefined;
-} & Pick<import("./Input.types").InputProps, "componentSize">, never>;
-type OuterInputContainerProps = {
-    width?: Property.Width;
-};
-export declare const OuterInputContainer: import("styled-components").StyledComponent<"div", any, OuterInputContainerProps, never>;
-/**Brukes som container til input og ikon for posisjonering. */
-export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputAffixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export {};
+import { Property } from 'csstype';
+export declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
+export declare const StatefulInput: import("styled-components").StyledComponent<"input", any, Pick<import("./Input.types").InputProps, "disabled" | "readOnly"> & {
+    hasErrorMessage: boolean;
+} & {
+    prefixLength?: number | undefined;
+    suffixLength?: number | undefined;
+} & Pick<import("./Input.types").InputProps, "componentSize">, never>;
+type OuterInputContainerProps = {
+    width?: Property.Width;
+};
+export declare const OuterInputContainer: import("styled-components").StyledComponent<"div", any, OuterInputContainerProps, never>;
+/**Brukes som container til input og ikon for posisjonering. */
+export declare const InputContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InputAffixContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export {};

package/dist/cjs/helpers/Input/Input.tokens.d.ts

@@ -1,38 +1,38 @@
-import { InputTypographyTypes } from './Input.types';
-export declare const inputTypographyTypes: InputTypographyTypes;
-export declare const inputTokens: {
-    input: {
-        base: {
-            color: string;
-            borderRadius: string;
-            border: string;
-            borderColor: string;
-            backgroundColor: string;
-            padding: string;
-        };
-        disabled: {
-            color: string;
-            backgroundColor: string;
-        };
-        readOnly: {
-            backgroundColor: string;
-        };
-        sizes: {
-            medium: {
-                padding: string;
-            };
-            small: {
-                padding: string;
-            };
-            tiny: {
-                padding: string;
-            };
-        };
-        affix: {
-            gap: number;
-        };
-    };
-    container: {
-        gap: string;
-    };
-};
+import { InputTypographyTypes } from './Input.types';
+export declare const inputTypographyTypes: InputTypographyTypes;
+export declare const inputTokens: {
+    input: {
+        base: {
+            color: string;
+            borderRadius: string;
+            border: string;
+            borderColor: string;
+            backgroundColor: string;
+            padding: string;
+        };
+        disabled: {
+            color: string;
+            backgroundColor: string;
+        };
+        readOnly: {
+            backgroundColor: string;
+        };
+        sizes: {
+            medium: {
+                padding: string;
+            };
+            small: {
+                padding: string;
+            };
+            tiny: {
+                padding: string;
+            };
+        };
+        affix: {
+            gap: number;
+        };
+    };
+    container: {
+        gap: string;
+    };
+};

package/dist/cjs/helpers/Input/Input.types.d.ts

@@ -1,28 +1,28 @@
-import { InputHTMLAttributes } from 'react';
-import { Property } from 'csstype';
-import { StaticTypographyType } from '../../components/Typography';
-export type CommonInputProps = {
-    /**Ledetekst for input. */
-    label?: string;
-    /**Bredde for inputfeltet. */
-    width?: Property.Width<string>;
-    /**Hjelpetekst. */
-    tip?: string;
-    /**Feilmelding. Setter også error state. */
-    errorMessage?: string;
-};
-export type InputSize = 'medium' | 'small' | 'tiny';
-export type InputProps = CommonInputProps & {
-    /**Størrelse på inputfeltet. */
-    componentSize?: InputSize;
-} & InputHTMLAttributes<HTMLInputElement>;
-export type StyledCommonInputProps = Pick<InputProps, 'readOnly' | 'disabled'> & {
-    hasErrorMessage: boolean;
-};
-export type StyledInputProps = StyledCommonInputProps & {
-    prefixLength?: number;
-    suffixLength?: number;
-} & Pick<InputProps, 'componentSize'>;
-export type InputTypographyTypes = {
-    [k in InputSize]: StaticTypographyType;
-};
+import { InputHTMLAttributes } from 'react';
+import { Property } from 'csstype';
+import { StaticTypographyType } from '../../components/Typography';
+export type CommonInputProps = {
+    /**Ledetekst for input. */
+    label?: string;
+    /**Bredde for inputfeltet. */
+    width?: Property.Width<string>;
+    /**Hjelpetekst. */
+    tip?: string;
+    /**Feilmelding. Setter også error state. */
+    errorMessage?: string;
+};
+export type InputSize = 'medium' | 'small' | 'tiny';
+export type InputProps = CommonInputProps & {
+    /**Størrelse på inputfeltet. */
+    componentSize?: InputSize;
+} & InputHTMLAttributes<HTMLInputElement>;
+export type StyledCommonInputProps = Pick<InputProps, 'readOnly' | 'disabled'> & {
+    hasErrorMessage: boolean;
+};
+export type StyledInputProps = StyledCommonInputProps & {
+    prefixLength?: number;
+    suffixLength?: number;
+} & Pick<InputProps, 'componentSize'>;
+export type InputTypographyTypes = {
+    [k in InputSize]: StaticTypographyType;
+};

package/dist/cjs/helpers/Input/Input.utils.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { IconSize } from '../../components/Icon';
-import { InputSize } from './Input.types';
-export declare const getFormInputIconSize: (componentSize: InputSize) => IconSize;
-export declare function getDefaultText(value?: string | number | readonly string[], defaultValue?: string | number | readonly string[]): string;
-export declare const renderInputMessage: (tip?: string, tipId?: string, errorMessage?: string, errorMessageId?: string) => JSX.Element;
+import { IconSize } from '../../components/Icon';
+import { InputSize } from './Input.types';
+export declare const getFormInputIconSize: (componentSize: InputSize) => IconSize;
+export declare function getDefaultText(value?: string | number | readonly string[], defaultValue?: string | number | readonly string[]): string;
+export declare const renderInputMessage: (tip?: string, tipId?: string, errorMessage?: string, errorMessageId?: string) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helpers/Input/index.d.ts

@@ -1,4 +1,4 @@
-export * from './Input.styles';
-export * from './Input.types';
-export * from './Input.tokens';
-export * from './Input.utils';
+export * from './Input.styles';
+export * from './Input.types';
+export * from './Input.tokens';
+export * from './Input.utils';

package/dist/cjs/helpers/Paper/Paper.d.ts

@@ -1,8 +1,8 @@
-type Elevation = 1 | 2 | 3 | 4;
-type Border = 'light' | 'dark';
-type PaperProps = {
-    elevation?: Elevation;
-    border?: Border;
-};
-export declare const Paper: import("styled-components").StyledComponent<"div", any, PaperProps, never>;
-export {};
+type Elevation = 1 | 2 | 3 | 4;
+type Border = 'light' | 'dark';
+type PaperProps = {
+    elevation?: Elevation;
+    border?: Border;
+};
+export declare const Paper: import("styled-components").StyledComponent<"div", any, PaperProps, never>;
+export {};

package/dist/cjs/helpers/Paper/Paper.tokens.d.ts

@@ -1,7 +1,7 @@
-export declare const paperTokens: {
-    paper: {
-        backgroundColor: string;
-        borderRadius: string;
-        fontFamily: string;
-    };
-};
+export declare const paperTokens: {
+    paper: {
+        backgroundColor: string;
+        borderRadius: string;
+        fontFamily: string;
+    };
+};

package/dist/cjs/helpers/Paper/index.d.ts

@@ -1 +1 @@
-export * from './Paper';
+export * from './Paper';

package/dist/cjs/helpers/RequiredMarker/RequiredMarker.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const RequiredMarker: () => JSX.Element;
+export declare const RequiredMarker: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helpers/RequiredMarker/index.d.ts

@@ -1 +1 @@
-export * from './RequiredMarker';
+export * from './RequiredMarker';

package/dist/cjs/helpers/ScreenSize/ScreenSize.utils.d.ts

@@ -1,7 +1,7 @@
-import { ScreenSize } from '../../hooks';
-import { StandardProperties } from 'csstype';
-export type ScreenSizeLiteral = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare const getLiteralScreenSize: (screenSize: ScreenSize) => ScreenSizeLiteral;
-export type BreakpointBasedProps<T extends keyof StandardProperties> = {
-    [k in ScreenSizeLiteral]?: StandardProperties[T];
-};
+import { ScreenSize } from '../../hooks';
+import { StandardProperties } from 'csstype';
+export type ScreenSizeLiteral = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare const getLiteralScreenSize: (screenSize: ScreenSize) => ScreenSizeLiteral;
+export type BreakpointBasedProps<T extends keyof StandardProperties> = {
+    [k in ScreenSizeLiteral]?: StandardProperties[T];
+};

package/dist/cjs/helpers/ScreenSize/index.d.ts

@@ -1 +1 @@
-export * from './ScreenSize.utils';
+export * from './ScreenSize.utils';

package/dist/cjs/helpers/SelectionControl/SelectionControl.styles.d.ts

@@ -1,20 +1,20 @@
-import { Direction } from '../../types';
-type SelectionControlType = 'radio' | 'checkbox';
-type CustomSelectionControlProps = {
-    controlType?: SelectionControlType;
-};
-export declare const CustomSelectionControl: import("styled-components").StyledComponent<"span", any, CustomSelectionControlProps, never>;
-type ContainerProps = {
-    hasLabel?: boolean;
-    disabled?: boolean;
-    readOnly?: boolean;
-    error?: boolean;
-    indeterminate?: boolean;
-    controlType: SelectionControlType;
-};
-export declare const Container: import("styled-components").StyledComponent<"label", any, ContainerProps, never>;
-export declare const OuterGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const GroupContainer: import("styled-components").StyledComponent<"div", any, {
-    direction: Direction;
-}, never>;
-export {};
+import { Direction } from '../../types';
+type SelectionControlType = 'radio' | 'checkbox';
+type CustomSelectionControlProps = {
+    controlType?: SelectionControlType;
+};
+export declare const CustomSelectionControl: import("styled-components").StyledComponent<"span", any, CustomSelectionControlProps, never>;
+type ContainerProps = {
+    hasLabel?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    error?: boolean;
+    indeterminate?: boolean;
+    controlType: SelectionControlType;
+};
+export declare const Container: import("styled-components").StyledComponent<"label", any, ContainerProps, never>;
+export declare const OuterGroupContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const GroupContainer: import("styled-components").StyledComponent<"div", any, {
+    direction: Direction;
+}, never>;
+export {};

package/dist/cjs/helpers/SelectionControl/SelectionControl.tokens.d.ts

@@ -1,94 +1,94 @@
-export declare const selectionControlTokens: {
-    selectionControl: {
-        base: {
-            border: string;
-            borderColor: string;
-            backgroundColor: string;
-            borderRadius: string;
-            height: string;
-            width: string;
-        };
-        hover: {
-            base: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-            danger: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-        };
-        danger: {
-            boxShadow: string;
-            borderColor: string;
-        };
-        disabled: {
-            borderColor: string;
-        };
-        readOnly: {
-            backgroundColor: string;
-        };
-        checked: {
-            base: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            hover: {
-                backgroundColor: string;
-                boxShadow: string;
-                borderColor: string;
-            };
-            disabled: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-            readOnly: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-        };
-        checkbox: {
-            indeterminate: {
-                borderColor: string;
-                backgroundColor: string;
-            };
-        };
-    };
-    checkmark: {
-        checkbox: {
-            borderColor: string;
-        };
-        radio: {
-            backgroundColor: string;
-            height: string;
-            width: string;
-            left: string;
-            top: string;
-        };
-    };
-    container: {
-        color: string;
-        disabled: {
-            color: string;
-        };
-        withLabel: {
-            paddingLeft: string;
-        };
-        noLabel: {
-            padding: string;
-        };
-    };
-    groupContainer: {
-        row: {
-            gap: string;
-        };
-        column: {
-            gap: string;
-        };
-    };
-    outerGroupContainer: {
-        gap: string;
-    };
-};
+export declare const selectionControlTokens: {
+    selectionControl: {
+        base: {
+            border: string;
+            borderColor: string;
+            backgroundColor: string;
+            borderRadius: string;
+            height: string;
+            width: string;
+        };
+        hover: {
+            base: {
+                backgroundColor: string;
+                boxShadow: string;
+                borderColor: string;
+            };
+            danger: {
+                backgroundColor: string;
+                boxShadow: string;
+                borderColor: string;
+            };
+        };
+        danger: {
+            boxShadow: string;
+            borderColor: string;
+        };
+        disabled: {
+            borderColor: string;
+        };
+        readOnly: {
+            backgroundColor: string;
+        };
+        checked: {
+            base: {
+                borderColor: string;
+                backgroundColor: string;
+            };
+            hover: {
+                backgroundColor: string;
+                boxShadow: string;
+                borderColor: string;
+            };
+            disabled: {
+                borderColor: string;
+                backgroundColor: string;
+            };
+            readOnly: {
+                borderColor: string;
+                backgroundColor: string;
+            };
+        };
+        checkbox: {
+            indeterminate: {
+                borderColor: string;
+                backgroundColor: string;
+            };
+        };
+    };
+    checkmark: {
+        checkbox: {
+            borderColor: string;
+        };
+        radio: {
+            backgroundColor: string;
+            height: string;
+            width: string;
+            left: string;
+            top: string;
+        };
+    };
+    container: {
+        color: string;
+        disabled: {
+            color: string;
+        };
+        withLabel: {
+            paddingLeft: string;
+        };
+        noLabel: {
+            padding: string;
+        };
+    };
+    groupContainer: {
+        row: {
+            gap: string;
+        };
+        column: {
+            gap: string;
+        };
+    };
+    outerGroupContainer: {
+        gap: string;
+    };
+};

package/dist/cjs/helpers/SelectionControl/SelectionControl.utils.d.ts

@@ -1,2 +1,2 @@
-export declare const selectionControlSizeNumberPx = 18;
-export declare const selectionControlSize: string;
+export declare const selectionControlSizeNumberPx = 18;
+export declare const selectionControlSize: string;

package/dist/cjs/helpers/SelectionControl/index.d.ts

@@ -1,3 +1,3 @@
-export * from './SelectionControl.styles';
-export * from './SelectionControl.tokens';
-export * from './SelectionControl.utils';
+export * from './SelectionControl.styles';
+export * from './SelectionControl.tokens';
+export * from './SelectionControl.utils';

package/dist/cjs/helpers/TextOverflowEllipsis/TextOverflowEllipsis.d.ts

@@ -1,2 +1,2 @@
-export declare const TextOverflowEllipsisWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const TextOverflowEllipsisInner: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TextOverflowEllipsisWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const TextOverflowEllipsisInner: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/cjs/helpers/TextOverflowEllipsis/index.d.ts

@@ -1 +1 @@
-export * from './TextOverflowEllipsis';
+export * from './TextOverflowEllipsis';

package/dist/cjs/helpers/index.d.ts

@@ -1,7 +1,7 @@
-export * from './Backdrop';
-export * from './Chevron';
-export * from './HiddenInput';
-export * from './Input';
-export * from './Paper';
-export * from './RequiredMarker';
-export * from './ScreenSize';
+export * from './Backdrop';
+export * from './Chevron';
+export * from './HiddenInput';
+export * from './Input';
+export * from './Paper';
+export * from './RequiredMarker';
+export * from './ScreenSize';

package/dist/cjs/helpers/styling/danger.d.ts

@@ -1,4 +1,4 @@
-export declare const dangerInputfield: {
-    borderColor: string;
-    boxShadow: string;
-};
+export declare const dangerInputfield: {
+    borderColor: string;
+    boxShadow: string;
+};

package/dist/cjs/helpers/styling/focus.d.ts

@@ -1,9 +1,9 @@
-export declare const focusInputfield: {
-    outline: string;
-    borderColor: string;
-    boxShadow: string;
-};
-export declare const focusDangerInputfield: {
-    borderColor: string;
-    boxShadow: string;
-};
+export declare const focusInputfield: {
+    outline: string;
+    borderColor: string;
+    boxShadow: string;
+};
+export declare const focusDangerInputfield: {
+    borderColor: string;
+    boxShadow: string;
+};