@norges-domstoler/dds-components 13.5.0 → 13.6.1

package/dist/components/Typography/Label/Label.js

@@ -1,33 +0,0 @@
-import { __rest } from 'tslib';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } 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 '../../InputMessage/InputMessage.js';
-import '../../../helpers/Paper/Paper.js';
-import { RequiredMarker } from '../../../helpers/RequiredMarker/RequiredMarker.js';
-import '../../../hooks/useFloatPosition.js';
-import '../../../utils/color.js';
-import '../../../hooks/useScreenSize.js';
-import { getBaseHTMLProps } from '../../../types/BaseComponentProps.js';
-import { Typography } from '../Typography/Typography.js';
-
-var Label = /*#__PURE__*/forwardRef(function (props, ref) {
-  var showRequiredStyling = props.showRequiredStyling,
-    id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    children = props.children,
-    rest = __rest(props, ["showRequiredStyling", "id", "className", "htmlProps", "children"]);
-  return jsxs(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    ref: ref,
-    typographyType: "supportingStyleLabel01",
-    children: [children, " ", showRequiredStyling && jsx(RequiredMarker, {})]
-  }));
-});
-Label.displayName = 'Label';
-
-export { Label };

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

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { LabelProps } from '.';
-type StoryTProps = {
-    text: string;
-} & LabelProps;
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor">, "id" | "className"> & {
-        showRequiredStyling?: boolean | undefined;
-    } & {
-        withMargins?: boolean | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        htmlFor?: string | undefined;
-    } & {
-        htmlProps?: Omit<import("react").LabelHTMLAttributes<HTMLLabelElement>, "htmlFor"> | undefined;
-    } & import("react").RefAttributes<HTMLLabelElement>>;
-    argTypes: {
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export * from './Label';

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { BaseComponentPropsWithChildren } from '../../../types';
-import { BaseTypographyProps } from '../Typography';
-export type LegendProps = BaseComponentPropsWithChildren<HTMLLegendElement, BaseTypographyProps>;
-export declare const Legend: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLLegendElement>, "id" | "className"> & {
-    withMargins?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-    htmlProps?: import("react").HTMLAttributes<HTMLLegendElement> | undefined;
-} & import("react").RefAttributes<HTMLLegendElement>>;

package/dist/components/Typography/Legend/Legend.js

@@ -1,22 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { getBaseHTMLProps } from '../../../types/BaseComponentProps.js';
-import { Typography } from '../Typography/Typography.js';
-
-var Legend = /*#__PURE__*/forwardRef(function (props, ref) {
-  var id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    children = props.children,
-    rest = __rest(props, ["id", "className", "htmlProps", "children"]);
-  return jsx(Typography, Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest), {
-    ref: ref,
-    as: "legend",
-    typographyType: "headingSans03",
-    children: children
-  }));
-});
-Legend.displayName = 'Legend';
-
-export { Legend };

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

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import { LegendProps } from '..';
-type StoryTProps = {
-    text: string;
-} & LegendProps;
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Pick<import("react").HTMLAttributes<HTMLLegendElement>, "id" | "className"> & {
-        withMargins?: boolean | undefined;
-    } & {
-        children?: import("react").ReactNode;
-    } & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & {
-        htmlProps?: import("react").HTMLAttributes<HTMLLegendElement> | undefined;
-    } & import("react").RefAttributes<HTMLLegendElement>>;
-    argTypes: {
-        withMargins: {
-            control: {
-                type: string;
-            };
-        };
-        text: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: StoryTProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-export * from './Legend';

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

@@ -1,23 +0,0 @@
-import { AnchorHTMLAttributes } from 'react';
-import { BaseComponentPropsWithChildren } from '../../../types';
-import { BaseTypographyProps, TypographyBodyType } from '../Typography/Typography.types';
-type PickedHTMLAttributes = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href' | 'target'>;
-export type LinkProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
-    /**Spesifiserer om lenken fører til et eksternt nettsted eller åpnes i nytt vindu. Påvirker styling og setter `target` prop. */
-    external?: boolean;
-    /**Spesifiserer typografistil basert på utvalget for brødtekst.  */
-    typographyType?: TypographyBodyType;
-} & BaseTypographyProps & PickedHTMLAttributes, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof PickedHTMLAttributes>>;
-export declare const Link: import("react").ForwardRefExoticComponent<Pick<Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target" | "onClick">, "className" | "id"> & {
-    /**Spesifiserer om lenken fører til et eksternt nettsted eller åpnes i nytt vindu. Påvirker styling og setter `target` prop. */
-    external?: boolean | undefined;
-    /**Spesifiserer typografistil basert på utvalget for brødtekst.  */
-    typographyType?: ("bodySans01" | "bodySans02" | "bodySans03" | "bodySans04") | undefined;
-} & {
-    withMargins?: boolean | undefined;
-} & {
-    children?: import("react").ReactNode;
-} & Pick<import("react").HTMLAttributes<HTMLElement>, "style"> & PickedHTMLAttributes & {
-    htmlProps?: Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "href" | "target" | "onClick"> | undefined;
-} & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};

package/dist/components/Typography/Link/Link.js

@@ -1,39 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled from 'styled-components';
-import { getBaseHTMLProps } from '../../../types/BaseComponentProps.js';
-import { getAnchorStyling } from '../Typography.utils.js';
-
-var StyledLink = styled.a.withConfig({
-  displayName: "Link__StyledLink",
-  componentId: "sc-6r1xu5-0"
-})(["", ""], function (_ref) {
-  var external = _ref.external,
-    typographyType = _ref.typographyType,
-    withMargins = _ref.withMargins;
-  return getAnchorStyling(external, undefined, typographyType, withMargins);
-});
-var Link = /*#__PURE__*/forwardRef(function (props, ref) {
-  var id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    children = props.children,
-    typographyType = props.typographyType,
-    external = props.external,
-    target = props.target,
-    rest = __rest(props, ["id", "className", "htmlProps", "children", "typographyType", "external", "target"]);
-  var linkProps = Object.assign(Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    typographyType: typographyType,
-    ref: ref,
-    rel: 'noopener noreferer',
-    target: external ? '_blank' : target ? target : undefined,
-    external: external
-  }), rest);
-  return jsx(StyledLink, Object.assign({}, linkProps, {
-    children: children
-  }));
-});
-Link.displayName = 'Link';
-
-export { Link };

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

@@ -1,48 +0,0 @@
-/// <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/components/Typography/Link/index.d.ts

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

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

@@ -1,17 +0,0 @@
-/// <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/components/Typography/Paragraph/Paragraph.js

@@ -1,25 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { getBaseHTMLProps } from '../../../types/BaseComponentProps.js';
-import { Typography } from '../Typography/Typography.js';
-
-var Paragraph = /*#__PURE__*/forwardRef(function (props, ref) {
-  var id = props.id,
-    className = props.className,
-    htmlProps = props.htmlProps,
-    children = props.children,
-    _props$typographyType = props.typographyType,
-    typographyType = _props$typographyType === void 0 ? 'bodySans02' : _props$typographyType,
-    rest = __rest(props, ["id", "className", "htmlProps", "children", "typographyType"]);
-  var paragraphProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, htmlProps, rest)), {
-    typographyType: typographyType,
-    ref: ref
-  });
-  return jsx(Typography, Object.assign({}, paragraphProps, {
-    children: children
-  }));
-});
-Paragraph.displayName = 'Paragraph';
-
-export { Paragraph };

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

@@ -1,37 +0,0 @@
-/// <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/components/Typography/Paragraph/index.d.ts

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

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

@@ -1,25 +0,0 @@
-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/components/Typography/Typography/Typography.js

@@ -1,86 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { typographyTokens } from '../Typography.tokens.js';
-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 { getBaseHTMLProps } from '../../../types/BaseComponentProps.js';
-import { getAnchorStyling, getMarginStyling, getAdditionalFontStyle, getElementType } from '../Typography.utils.js';
-import { getTextColor } from '../../../utils/color.js';
-
-var StyledTypography = styled.p.withConfig({
-  displayName: "Typography__StyledTypography",
-  componentId: "sc-1tegrnl-0"
-})(["user-select:text;&::selection,*::selection{", "}", " ", " ", " color:", ";", " ", ";"], selection, function (_ref) {
-  var typographyType = _ref.typographyType,
-    externalLink = _ref.externalLink,
-    interactionProps = _ref.interactionProps;
-  return typographyType === 'a' ? css(["", ""], getAnchorStyling(externalLink, interactionProps)) : css(["color:", ";", ";"], typographyTokens.typographyType[typographyType].base.color, typographyTokens.typographyType[typographyType].base.font);
-}, function (_ref2) {
-  var interactionProps = _ref2.interactionProps;
-  return interactionProps && interactionProps.hover && css(["&:hover{", "}"], interactionProps.hover);
-}, function (_ref3) {
-  var interactionProps = _ref3.interactionProps;
-  return interactionProps && interactionProps.active && css(["&:active{", "}"], interactionProps.active);
-}, function (_ref4) {
-  var color = _ref4.color;
-  return getTextColor(color);
-}, function (_ref5) {
-  var typographyType = _ref5.typographyType,
-    as = _ref5.as,
-    withMargins = _ref5.withMargins;
-  return getMarginStyling(typographyType, as, withMargins);
-}, function (_ref6) {
-  var bold = _ref6.bold,
-    italic = _ref6.italic,
-    underline = _ref6.underline;
-  return getAdditionalFontStyle(bold, italic, underline);
-});
-var isAnchorProps = function isAnchorProps(props) {
-  return props.typographyType === 'a';
-};
-var Typography = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$typographyType = props.typographyType,
-    typographyType = _props$typographyType === void 0 ? 'bodySans02' : _props$typographyType,
-    propAs = props.as,
-    children = props.children,
-    style = props.style,
-    id = props.id,
-    className = props.className,
-    _props$htmlProps = props.htmlProps,
-    htmlProps = _props$htmlProps === void 0 ? {} : _props$htmlProps,
-    rest = __rest(props, ["typographyType", "as", "children", "style", "id", "className", "htmlProps"]);
-  var htmlPropsStyle = htmlProps.style,
-    restHtmlProps = __rest(htmlProps, ["style"]);
-  var as = propAs ? propAs : getElementType(typographyType);
-  var relProp;
-  var targetProp;
-  var externalLinkProp;
-  if (isAnchorProps(props)) {
-    var externalLink = props.externalLink,
-      target = props.target;
-    relProp = as === 'a' ? 'noopener noreferer' : undefined;
-    targetProp = as !== 'a' ? undefined : externalLink ? '_blank' : target;
-    externalLinkProp = as === 'a' && externalLink ? externalLink : undefined;
-  }
-  var typographyProps = Object.assign(Object.assign({}, getBaseHTMLProps(id, className, restHtmlProps, rest)), {
-    typographyType: typographyType,
-    as: as,
-    style: Object.assign(Object.assign({}, htmlPropsStyle), style),
-    rel: relProp,
-    target: targetProp,
-    externalLink: externalLinkProp
-  });
-  return jsx(StyledTypography, Object.assign({
-    ref: ref
-  }, typographyProps, {
-    children: children
-  }));
-});
-Typography.displayName = 'Typography';
-
-export { Typography };

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

@@ -1,64 +0,0 @@
-/// <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/components/Typography/Typography/Typography.types.d.ts

@@ -1,36 +0,0 @@
-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/components/Typography/Typography/index.d.ts

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