@norges-domstoler/dds-components 13.3.0 → 13.5.0

package/dist/cjs/components/Typography/Link/Link.stories.d.ts

@@ -1,47 +1,48 @@
-import { LinkProps } from '.';
-type StoryTProps = {
-    text: string;
-} & LinkProps;
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target">, "className" | "id"> & {
-        external?: boolean | undefined;
-        typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | undefined;
-    } & {
-        withMargins?: boolean | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        href?: string | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
-        target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    } & {
-        htmlProps?: Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target"> | undefined;
-    } & import("react").RefAttributes<HTMLAnchorElement>>;
-    argTypes: {
-        typographyType: {
-            control: {
-                type: string;
-            };
-        };
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-        href: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: StoryTProps) => JSX.Element;
-export declare const Default: (args: StoryTProps) => JSX.Element;
-export declare const Examples: () => JSX.Element;
+/// <reference types="react" />
+import { LinkProps } from '.';
+type StoryTProps = {
+    text: string;
+} & LinkProps;
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target">, "id" | "className"> & {
+        external?: boolean | undefined;
+        typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | undefined;
+    } & {
+        withMargins?: boolean | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
+        href?: string | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+        target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    } & {
+        htmlProps?: Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "onClick" | "target"> | undefined;
+    } & import("react").RefAttributes<HTMLAnchorElement>>;
+    argTypes: {
+        typographyType: {
+            control: {
+                type: string;
+            };
+        };
+        withMargins: {
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            control: {
+                type: string;
+            };
+        };
+        href: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Examples: () => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/cjs/components/Typography/Paragraph/Paragraph.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '../../../types';
-import { BaseTypographyProps, TypographyBodyType, TypographyLeadType } from '../Typography';
-export type ParagraphProps = BaseComponentPropsWithChildren<HTMLParagraphElement, {
-    /**Spesifiserer typografistil basert på utvalget for brødtekst og ingress.  */
-    typographyType?: TypographyBodyType | TypographyLeadType;
-} & BaseTypographyProps>;
-export declare const Paragraph: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "id" | "className"> & {
-    /**Spesifiserer typografistil basert på utvalget for brødtekst og ingress.  */
-    typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | TypographyLeadType | undefined;
-} & {
-    withMargins?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-    htmlProps?: import("react").HTMLAttributes<HTMLParagraphElement> | undefined;
-} & import("react").RefAttributes<HTMLParagraphElement>>;
+/// <reference types="react" />
+import { BaseComponentPropsWithChildren } from '../../../types';
+import { BaseTypographyProps, TypographyBodyType, TypographyLeadType } from '../Typography';
+export type ParagraphProps = BaseComponentPropsWithChildren<HTMLParagraphElement, {
+    /**Spesifiserer typografistil basert på utvalget for brødtekst og ingress.  */
+    typographyType?: TypographyBodyType | TypographyLeadType;
+} & BaseTypographyProps>;
+export declare const Paragraph: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "id" | "className"> & {
+    /**Spesifiserer typografistil basert på utvalget for brødtekst og ingress.  */
+    typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | TypographyLeadType | undefined;
+} & {
+    withMargins?: boolean | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
+    htmlProps?: import("react").HTMLAttributes<HTMLParagraphElement> | undefined;
+} & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/cjs/components/Typography/Paragraph/Paragraph.stories.d.ts

@@ -1,36 +1,37 @@
-import { ParagraphProps } from '.';
-type StoryTProps = {
-    text: string;
-} & ParagraphProps;
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "className" | "id"> & {
-        typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | import("..").TypographyLeadType | undefined;
-    } & {
-        withMargins?: boolean | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        htmlProps?: import("react").HTMLAttributes<HTMLParagraphElement> | undefined;
-    } & import("react").RefAttributes<HTMLParagraphElement>>;
-    argTypes: {
-        typographyType: {
-            control: {
-                type: string;
-            };
-        };
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Overview: (args: StoryTProps) => JSX.Element;
-export declare const Default: (args: StoryTProps) => JSX.Element;
+/// <reference types="react" />
+import { ParagraphProps } from '.';
+type StoryTProps = {
+    text: string;
+} & ParagraphProps;
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLParagraphElement>, "id" | "className"> & {
+        typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | import("..").TypographyLeadType | undefined;
+    } & {
+        withMargins?: boolean | undefined;
+    } & {
+        children?: import("react").ReactNode;
+    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
+        htmlProps?: import("react").HTMLAttributes<HTMLParagraphElement> | undefined;
+    } & import("react").RefAttributes<HTMLParagraphElement>>;
+    argTypes: {
+        typographyType: {
+            control: {
+                type: string;
+            };
+        };
+        withMargins: {
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Overview: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Default: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,25 +1,25 @@
-import { HTMLAttributes, AnchorHTMLAttributes } from 'react';
-import { OtherTypographyType, AnchorTypographyType, LabelTypographyType, TypographyComponentProps } from './Typography.types';
-import { BaseComponentProps } from '../../../types';
-type AnchorTypographyProps = BaseComponentProps<HTMLAnchorElement, TypographyComponentProps & {
-    /**nativ `href`-prop ved `typographyType='a'`.  */
-    href?: string | undefined;
-    /** Spesifiserer om lenka er ekstern ved `typographyType='a'` eller `as='a'`.*/
-    externalLink?: boolean;
-    /**nativ `target`-prop ved `typographyType='a'`.  */
-    target?: string;
-}, AnchorHTMLAttributes<HTMLAnchorElement>>;
-type LabelTypographyProps = BaseComponentProps<HTMLLabelElement, TypographyComponentProps, HTMLAttributes<HTMLLabelElement>>;
-type OtherTypographyProps = BaseComponentProps<HTMLElement, TypographyComponentProps, HTMLAttributes<HTMLElement>>;
-export type TypographyProps = ({
-    /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
-    typographyType?: AnchorTypographyType;
-} & AnchorTypographyProps) | ({
-    /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
-    typographyType?: LabelTypographyType;
-} & LabelTypographyProps) | ({
-    /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
-    typographyType?: OtherTypographyType;
-} & OtherTypographyProps);
-export declare const Typography: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;
-export {};
+import { HTMLAttributes, AnchorHTMLAttributes } from 'react';
+import { OtherTypographyType, AnchorTypographyType, LabelTypographyType, TypographyComponentProps } from './Typography.types';
+import { BaseComponentProps } from '../../../types';
+type AnchorTypographyProps = BaseComponentProps<HTMLAnchorElement, TypographyComponentProps & {
+    /**nativ `href`-prop ved `typographyType='a'`.  */
+    href?: string | undefined;
+    /** Spesifiserer om lenka er ekstern ved `typographyType='a'` eller `as='a'`.*/
+    externalLink?: boolean;
+    /**nativ `target`-prop ved `typographyType='a'`.  */
+    target?: string;
+}, AnchorHTMLAttributes<HTMLAnchorElement>>;
+type LabelTypographyProps = BaseComponentProps<HTMLLabelElement, TypographyComponentProps, HTMLAttributes<HTMLLabelElement>>;
+type OtherTypographyProps = BaseComponentProps<HTMLElement, TypographyComponentProps, HTMLAttributes<HTMLElement>>;
+export type TypographyProps = ({
+    /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
+    typographyType?: AnchorTypographyType;
+} & AnchorTypographyProps) | ({
+    /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
+    typographyType?: LabelTypographyType;
+} & LabelTypographyProps) | ({
+    /**Styling basert på det typografiske utvalget definert i Figma. Returnerer default HTML tag for hver type. **OBS!** Ved bruk av `'a'` er det flere tilgjengelige props, se under.  */
+    typographyType?: OtherTypographyType;
+} & OtherTypographyProps);
+export declare const Typography: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;
+export {};

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

@@ -1,63 +1,64 @@
-import { TypographyProps } from '..';
-type StoryTProps = {
-    text: string;
-} & TypographyProps;
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;
-    argTypes: {
-        typographyType: {
-            control: {
-                type: string;
-            };
-        };
-        bold: {
-            control: {
-                type: string;
-            };
-        };
-        italic: {
-            control: {
-                type: string;
-            };
-        };
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        externalLink: {
-            control: {
-                type: string;
-            };
-        };
-        color: {
-            control: {
-                type: string;
-            };
-        };
-        href: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-        as: {
-            control: {
-                type: string;
-            };
-        };
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: StoryTProps) => JSX.Element;
-export declare const Article: () => JSX.Element;
+/// <reference types="react" />
+import { TypographyProps } from '..';
+type StoryTProps = {
+    text: string;
+} & TypographyProps;
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<TypographyProps & import("react").RefAttributes<HTMLElement>>;
+    argTypes: {
+        typographyType: {
+            control: {
+                type: string;
+            };
+        };
+        bold: {
+            control: {
+                type: string;
+            };
+        };
+        italic: {
+            control: {
+                type: string;
+            };
+        };
+        withMargins: {
+            control: {
+                type: string;
+            };
+        };
+        externalLink: {
+            control: {
+                type: string;
+            };
+        };
+        color: {
+            control: {
+                type: string;
+            };
+        };
+        href: {
+            control: {
+                type: string;
+            };
+        };
+        text: {
+            control: {
+                type: string;
+            };
+        };
+        as: {
+            control: {
+                type: string;
+            };
+        };
+    };
+    parameters: {
+        controls: {
+            exclude: string[];
+        };
+    };
+};
+export default _default;
+export declare const Default: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Article: () => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/Typography/Typography/Typography.types.d.ts

@@ -1,36 +1,36 @@
-import { CSSProperties, ElementType, HTMLAttributes, PropsWithChildren } from 'react';
-import { TextColor } from '../../../utils';
-type TypographyBodySansType = 'bodySans01' | 'bodySans02' | 'bodySans03' | 'bodySans04';
-export type TypographyBodyType = TypographyBodySansType;
-export type TypographyHeadingType = 'headingSans01' | 'headingSans02' | 'headingSans03' | 'headingSans04' | 'headingSans05' | 'headingSans06' | 'headingSans07' | 'headingSans08';
-export type TypographyLeadType = 'leadSans01' | 'leadSans02' | 'leadSans03' | 'leadSans04' | 'leadSans05';
-type TypographySupportingType = 'supportingStyleHelperText01' | 'supportingStylePlaceholderText01' | 'supportingStylePlaceholderText02' | 'supportingStylePlaceholderText03' | 'supportingStyleTiny01' | 'supportingStyleTiny02';
-export type AnchorTypographyType = 'a';
-export type LabelTypographyType = 'supportingStyleLabel01';
-export type OtherTypographyType = TypographyHeadingType | TypographyBodyType | TypographyLeadType | TypographySupportingType;
-export type TypographyType = AnchorTypographyType | LabelTypographyType | OtherTypographyType;
-export type StaticTypographyType = OtherTypographyType | LabelTypographyType;
-export type InlineElement = 'a' | 'abbr' | 'audio' | 'b' | 'bdi' | 'bdo' | 'big' | 'br' | 'button' | 'canvas' | 'cite' | 'code' | 'data' | 'datalist' | 'del' | 'dfn' | 'em' | 'embed' | 'i' | 'iframe' | 'img' | 'input' | 'ins' | 'kbd' | 'label' | 'map' | 'mark' | 'meter' | 'noscript' | 'object' | 'output' | 'picture' | 'progress' | 'q' | 'ruby' | 's' | 'samp' | 'script' | 'select' | 'slot' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'svg' | 'template' | 'textarea' | 'time' | 'u' | 'var' | 'video' | 'wbr';
-export type TypographyInteractionStyling = {
-    hover?: CSSProperties;
-    active?: CSSProperties;
-};
-export type BaseTypographyProps = PropsWithChildren<{
-    /**Spesifiserer om tekstelementet skal ha spacing definert i Elsa. Brukes hovedsakelig i artikler og lignende. **OBS!** har forskjellig virkning på ulike typografityper. `body` og `lead`-typer får margin på bunnen, `heading`-typer får margin på bunnen og padding på toppen mens `supportingStyles` får margin topp og bunn. */
-    withMargins?: boolean;
-}> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
-export type TypographyComponentProps = BaseTypographyProps & {
-    /**Tekstfarge fra utvalget eller custom. **OBS!** Bruk farger fra `@dds-design-tokens`. */
-    color?: TextColor;
-    /**Setter `bold` styling. */
-    bold?: boolean;
-    /**Setter `italic` styling. */
-    italic?: boolean;
-    /**Setter en linje under. */
-    underline?: boolean;
-    /**HTML tag som skal brukes istedenfor default definert via `typographyType`.  */
-    as?: ElementType;
-    /**Støtte for å enkelt kunne endre på hover- og active-styling. Bruk `@dds-design-tokens` til farger osv. */
-    interactionProps?: TypographyInteractionStyling;
-};
-export {};
+import { CSSProperties, ElementType, HTMLAttributes, PropsWithChildren } from 'react';
+import { TextColor } from '../../../utils';
+type TypographyBodySansType = 'bodySans01' | 'bodySans02' | 'bodySans03' | 'bodySans04';
+export type TypographyBodyType = TypographyBodySansType;
+export type TypographyHeadingType = 'headingSans01' | 'headingSans02' | 'headingSans03' | 'headingSans04' | 'headingSans05' | 'headingSans06' | 'headingSans07' | 'headingSans08';
+export type TypographyLeadType = 'leadSans01' | 'leadSans02' | 'leadSans03' | 'leadSans04' | 'leadSans05';
+type TypographySupportingType = 'supportingStyleHelperText01' | 'supportingStylePlaceholderText01' | 'supportingStylePlaceholderText02' | 'supportingStylePlaceholderText03' | 'supportingStyleTiny01' | 'supportingStyleTiny02';
+export type AnchorTypographyType = 'a';
+export type LabelTypographyType = 'supportingStyleLabel01';
+export type OtherTypographyType = TypographyHeadingType | TypographyBodyType | TypographyLeadType | TypographySupportingType;
+export type TypographyType = AnchorTypographyType | LabelTypographyType | OtherTypographyType;
+export type StaticTypographyType = OtherTypographyType | LabelTypographyType;
+export type InlineElement = 'a' | 'abbr' | 'audio' | 'b' | 'bdi' | 'bdo' | 'big' | 'br' | 'button' | 'canvas' | 'cite' | 'code' | 'data' | 'datalist' | 'del' | 'dfn' | 'em' | 'embed' | 'i' | 'iframe' | 'img' | 'input' | 'ins' | 'kbd' | 'label' | 'map' | 'mark' | 'meter' | 'noscript' | 'object' | 'output' | 'picture' | 'progress' | 'q' | 'ruby' | 's' | 'samp' | 'script' | 'select' | 'slot' | 'small' | 'span' | 'strong' | 'sub' | 'sup' | 'svg' | 'template' | 'textarea' | 'time' | 'u' | 'var' | 'video' | 'wbr';
+export type TypographyInteractionStyling = {
+    hover?: CSSProperties;
+    active?: CSSProperties;
+};
+export type BaseTypographyProps = PropsWithChildren<{
+    /**Spesifiserer om tekstelementet skal ha spacing definert i Elsa. Brukes hovedsakelig i artikler og lignende. **OBS!** har forskjellig virkning på ulike typografityper. `body` og `lead`-typer får margin på bunnen, `heading`-typer får margin på bunnen og padding på toppen mens `supportingStyles` får margin topp og bunn. */
+    withMargins?: boolean;
+}> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
+export type TypographyComponentProps = BaseTypographyProps & {
+    /**Tekstfarge fra utvalget eller custom. **OBS!** Bruk farger fra `@dds-design-tokens`. */
+    color?: TextColor;
+    /**Setter `bold` styling. */
+    bold?: boolean;
+    /**Setter `italic` styling. */
+    italic?: boolean;
+    /**Setter en linje under. */
+    underline?: boolean;
+    /**HTML tag som skal brukes istedenfor default definert via `typographyType`.  */
+    as?: ElementType;
+    /**Støtte for å enkelt kunne endre på hover- og active-styling. Bruk `@dds-design-tokens` til farger osv. */
+    interactionProps?: TypographyInteractionStyling;
+};
+export {};

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

@@ -1,2 +1,2 @@
-export * from './Typography';
-export * from './Typography.types';
+export * from './Typography';
+export * from './Typography.types';