@norges-domstoler/dds-components 13.3.0 → 13.5.0

package/dist/components/Typography/Typography.utils.d.ts

@@ -1,203 +1,203 @@
-import { ElementType } from 'react';
-import { TypographyType, TypographyHeadingType, InlineElement, TypographyInteractionStyling, StaticTypographyType, TypographyBodyType } from './Typography/Typography.types';
-export declare const defaultTypographyType: TypographyBodyType;
-export declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean) => {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-} | {
-    lineHeight: any;
-    fontSize: string;
-    letterSpacing: any;
-    fontFamily: any;
-    fontWeight: any;
-    fontStyle: any;
-    color: string | undefined;
-};
-export declare const getElementType: (element: string) => ElementType;
-export declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
-export declare const inlineElements: ElementType[];
-export declare const isInlineElement: (as: ElementType) => as is InlineElement;
-export declare const getAdditionalFontStyle: (bold?: boolean, italic?: boolean, underline?: boolean) => import("styled-components").FlattenSimpleInterpolation;
-export declare const getMarginStyling: (typographyType: TypographyType, element: ElementType, withMargins?: boolean) => import("styled-components").FlattenSimpleInterpolation;
-export declare const getAnchorStyling: (external?: boolean, interactionStyling?: TypographyInteractionStyling, typographyType?: StaticTypographyType, withMargins?: boolean) => import("styled-components").FlattenSimpleInterpolation;
+import { ElementType } from 'react';
+import { TypographyType, TypographyHeadingType, InlineElement, TypographyInteractionStyling, StaticTypographyType, TypographyBodyType } from './Typography/Typography.types';
+export declare const defaultTypographyType: TypographyBodyType;
+export declare const getFontStyling: (type: StaticTypographyType, withColor?: boolean) => {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+} | {
+    lineHeight: any;
+    fontSize: string;
+    letterSpacing: any;
+    fontFamily: any;
+    fontWeight: any;
+    fontStyle: any;
+    color: string | undefined;
+};
+export declare const getElementType: (element: string) => ElementType;
+export declare const isHeading: (type: TypographyType) => type is TypographyHeadingType;
+export declare const inlineElements: ElementType[];
+export declare const isInlineElement: (as: ElementType) => as is InlineElement;
+export declare const getAdditionalFontStyle: (bold?: boolean, italic?: boolean, underline?: boolean) => import("styled-components").FlattenSimpleInterpolation;
+export declare const getMarginStyling: (typographyType: TypographyType, element: ElementType, withMargins?: boolean) => import("styled-components").FlattenSimpleInterpolation;
+export declare const getAnchorStyling: (external?: boolean, interactionStyling?: TypographyInteractionStyling, typographyType?: StaticTypographyType, withMargins?: boolean) => import("styled-components").FlattenSimpleInterpolation;

package/dist/components/Typography/index.d.ts

@@ -1,7 +1,7 @@
-export * from './Typography';
-export * from './Label';
-export * from './Paragraph';
-export * from './Heading';
-export * from './Link';
-export * from './Legend';
-export * from './Caption';
+export * from './Typography';
+export * from './Label';
+export * from './Paragraph';
+export * from './Heading';
+export * from './Link';
+export * from './Legend';
+export * from './Caption';

package/dist/components/Typography/stories/Examples.stories.d.ts

@@ -1,5 +1,5 @@
-declare const _default: {
-    title: string;
-};
-export default _default;
-export declare const Article: () => JSX.Element;
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Article: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/stories/TypographyComponents.stories.d.ts

@@ -1,42 +1,42 @@
-declare const _default: {
-    title: string;
-    argTypes: {
-        typographyType: {
-            control: {
-                type: string;
-            };
-        };
-        bold: {
-            control: {
-                type: string;
-            };
-        };
-        italic: {
-            control: {
-                type: string;
-            };
-        };
-        underline: {
-            control: {
-                type: string;
-            };
-        };
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const ComponentsOverview: () => JSX.Element;
+declare const _default: {
+    title: string;
+    argTypes: {
+        typographyType: {
+            control: {
+                type: string;
+            };
+        };
+        bold: {
+            control: {
+                type: string;
+            };
+        };
+        italic: {
+            control: {
+                type: string;
+            };
+        };
+        underline: {
+            control: {
+                type: string;
+            };
+        };
+        withMargins: {
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const ComponentsOverview: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Typography/stories/TypographyTypes.stories.d.ts

@@ -1,10 +1,11 @@
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("..").TypographyProps & import("react").RefAttributes<HTMLElement>>;
-};
-export default _default;
-export declare const Body: () => JSX.Element;
-export declare const Headings: () => JSX.Element;
-export declare const Leads: () => JSX.Element;
-export declare const Supporting: () => JSX.Element;
-export declare const Link: () => JSX.Element;
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("..").TypographyProps & import("react").RefAttributes<HTMLElement>>;
+};
+export default _default;
+export declare const Body: () => import("react/jsx-runtime").JSX.Element;
+export declare const Headings: () => import("react/jsx-runtime").JSX.Element;
+export declare const Leads: () => import("react/jsx-runtime").JSX.Element;
+export declare const Supporting: () => import("react/jsx-runtime").JSX.Element;
+export declare const Link: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -1,12 +1,14 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '../../types';
-type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    as: 'div';
-}>;
-type VisuallyHiddenSpanProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
-    /**Spesifiserer hvilken HTML tag skal returneres. */
-    as: 'span';
-}>;
-export type VisuallyHiddenProps = VisuallyHiddenSpanProps | VisuallyHiddenDivProps;
-export declare const VisuallyHidden: (props: VisuallyHiddenProps) => JSX.Element;
-export {};
+import { BaseComponentPropsWithChildren } from '../../types';
+type VisuallyHiddenDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    as: 'div';
+}>;
+type VisuallyHiddenSpanProps = BaseComponentPropsWithChildren<HTMLSpanElement, {
+    /**Spesifiserer hvilken HTML tag skal returneres. */
+    as: 'span';
+}>;
+export type VisuallyHiddenProps = VisuallyHiddenSpanProps | VisuallyHiddenDivProps;
+export declare const VisuallyHidden: {
+    (props: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -16,8 +16,7 @@ var VisuallyHidden = function VisuallyHidden(props) {
     rest = __rest(props, ["children", "id", "className", "htmlProps", "as"]);
   if (as === 'div') {
     return jsx(Wrapper, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-      as: as
-    }, {
+      as: as,
       children: children
     }));
   }
@@ -25,5 +24,6 @@ var VisuallyHidden = function VisuallyHidden(props) {
     children: children
   }));
 };
+VisuallyHidden.displayName = 'VisuallyHidden';
 
 export { VisuallyHidden };

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

@@ -1,16 +1,19 @@
-import { VisuallyHiddenProps } from '.';
-declare const _default: {
-    title: string;
-    component: (props: VisuallyHiddenProps) => JSX.Element;
-    argTypes: {
-        as: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: VisuallyHiddenProps) => JSX.Element;
-export declare const Link: () => JSX.Element;
-export declare const TableButtons: () => JSX.Element;
+import { VisuallyHiddenProps } from '.';
+declare const _default: {
+    title: string;
+    component: {
+        (props: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    argTypes: {
+        as: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: VisuallyHiddenProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: () => import("react/jsx-runtime").JSX.Element;
+export declare const TableButtons: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/VisuallyHidden/index.d.ts

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

package/dist/helpers/Backdrop/Backdrop.d.ts

@@ -1,5 +1,5 @@
-type BackdropProps = {
-    isOpen: boolean;
-};
-export declare const Backdrop: import("styled-components").StyledComponent<"div", any, BackdropProps, never>;
-export {};
+type BackdropProps = {
+    isOpen: boolean;
+};
+export declare const Backdrop: import("styled-components").StyledComponent<"div", any, BackdropProps, never>;
+export {};

package/dist/helpers/Backdrop/Backdrop.utils.d.ts

@@ -1,2 +1,2 @@
-export declare function handleElementWithBackdropMount(container: HTMLElement): void;
-export declare function handleElementWithBackdropUnmount(container: HTMLElement): void;
+export declare function handleElementWithBackdropMount(container: HTMLElement): void;
+export declare function handleElementWithBackdropUnmount(container: HTMLElement): void;

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

@@ -1,2 +1,2 @@
-export * from './Backdrop';
-export * from './Backdrop.utils';
+export * from './Backdrop';
+export * from './Backdrop.utils';

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import { Property } from 'csstype';
-type SvgChevronProps = {
-    isUp?: boolean;
-    height?: Property.Height<string>;
-    width?: Property.Width<string>;
-};
-export declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => JSX.Element;
-export {};
+import { Property } from 'csstype';
+type SvgChevronProps = {
+    isUp?: boolean;
+    height?: Property.Height<string>;
+    width?: Property.Width<string>;
+};
+export declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => import("react/jsx-runtime").JSX.Element;
+export {};