@norges-domstoler/dds-components 24.0.0 → 24.1.1

package/dist/index.d.mts

@@ -202,6 +202,7 @@ type CommonComponentProps<THTMLProps extends object, TRef extends Ref<unknown>>
   /**Ref til komponenten. */
   ref?: TRef;
 };
+type HTMLAttributesFor<T extends Element> = T extends HTMLButtonElement ? React.ButtonHTMLAttributes<T> : T extends HTMLAnchorElement ? React.AnchorHTMLAttributes<T> : React.HTMLAttributes<T>;
 /**
  * Basetype for props som eksponeres til konsumenter av designsystemet.
  * - Rot: `id`, `className`, `style`, `TOtherProps`
@@ -211,9 +212,11 @@ type CommonComponentProps<THTMLProps extends object, TRef extends Ref<unknown>>
  *
  * @template TElement Element-type som genereres av komponenten.
  * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
- * @template THTMLAttributesProps Standard `HTMLAttributes<T>` men kan overstyres for f.eks knapper hvis man trenger en annen basetype for `htmlProps`.
+ * @template THTMLAttributesProps Standard `HTMLAttributes<T>`;
+ * settes til `ButtonHTMLAttributes<T>` hvis TElement er `HTMLButtonElement` og til `AnchorHTMLAttributes<T>` hvis TElement er `HTMLAnchorElement`.
+ * Kan overstyres hvis man trenger en annen basetype for `htmlProps`.
  */
-type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = TOtherProps & CommonComponentProps<Omit<THTMLAttributesProps, keyof HTMLRootProps | keyof TOtherProps>, Ref<TElement>>;
+type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributesFor<TElement> = HTMLAttributesFor<TElement>> = TOtherProps & CommonComponentProps<Omit<THTMLAttributesProps, keyof HTMLRootProps | keyof TOtherProps>, Ref<TElement>>;
 /**
  * Basetype for polymorfe props som eksponeres til konsumenter av designsystemet.
  * - Rot: `id`, `className`, `style`, `TOtherProps`
@@ -232,7 +235,7 @@ type PolymorphicBaseComponentProps<E extends ElementType, TOtherProps extends ob
 /**
  * Utvidelse av {@link BaseComponentProps} med prop for `children`.
  */
-type BaseComponentPropsWithChildren<T extends Element, TProps extends object = object, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, TProps & {
+type BaseComponentPropsWithChildren<T extends Element, TProps extends object = object, THTMLProps extends HTMLAttributesFor<T> = HTMLAttributesFor<T>> = BaseComponentProps<T, TProps & {
   /**Barn. */
   children?: ReactNode;
 }, THTMLProps>;
@@ -331,7 +334,7 @@ declare const BUTTON_PURPOSES: ["primary", "secondary", "tertiary", "danger"];
 type ButtonSize = (typeof BUTTON_SIZES)[number];
 type ButtonPurpose = (typeof BUTTON_PURPOSES)[number];
 type IconPosition = 'left' | 'right';
-type PickedHTMLAttributes$4 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type' | 'aria-label'>;
+type PickedHTMLAttributes$3 = Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onFocus' | 'onBlur' | 'type' | 'aria-label'>;
 type ButtonProps<I extends SvgIcon = SvgIcon, T extends ElementType = 'button'> = PolymorphicBaseComponentProps<T, {
   /** Størrelsen på knappen.
    *  @default "medium"
@@ -361,7 +364,7 @@ type ButtonProps<I extends SvgIcon = SvgIcon, T extends ElementType = 'button'>
   iconState?: IconStatesOf<I>;
   /**Knapp med full bredde. */
   fullWidth?: boolean;
-} & PickedHTMLAttributes$4>;
+} & PickedHTMLAttributes$3>;
 //#endregion
 //#region ../../node_modules/.pnpm/csstype@3.2.3/node_modules/csstype/index.d.ts
 interface StandardLonghandProperties<TLength = (string & {}) | 0, TTime = string & {}> {
@@ -14962,7 +14965,7 @@ type AnchorTypographyProps = BaseComponentPropsWithChildren<HTMLAnchorElement, {
   href?: string | undefined;
   /**nativ `target`-prop ved `typographyType='a'`.  */
   target?: string;
-}, AnchorHTMLAttributes<HTMLAnchorElement>>;
+}>;
 type LabelTypographyProps = BaseComponentPropsWithChildren<HTMLLabelElement, HTMLAttributes<HTMLLabelElement>>;
 type OtherTypographyProps = BaseComponentPropsWithChildren<HTMLElement, HTMLAttributes<HTMLElement>>;
 type TypographyProps = ({
@@ -15017,7 +15020,7 @@ declare const Heading: {
 };
 //#endregion
 //#region src/components/Typography/Label/Label.d.ts
-type PickedHTMLAttributes$3 = Pick<LabelHTMLAttributes<HTMLLabelElement>, 'htmlFor'>;
+type PickedHTMLAttributes$2 = Pick<LabelHTMLAttributes<HTMLLabelElement>, 'htmlFor'>;
 interface BaseLabelProps {
   /** Om input knyttet til ledeteksten er påkrevd; påvirker styling. */
   showRequiredStyling?: boolean;
@@ -15026,7 +15029,7 @@ interface BaseLabelProps {
   /**Innhold som står etter ledeteksten (knapp med ekstra info e.l.). */
   afterLabelContent?: ReactNode;
 }
-type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & CommonInlineTypographyProps & PickedHTMLAttributes$3>;
+type LabelProps = BaseComponentPropsWithChildren<HTMLLabelElement, BaseLabelProps & CommonInlineTypographyProps & PickedHTMLAttributes$2>;
 declare const Label: {
   ({ showRequiredStyling, readOnly, id, className, style, htmlProps, children, afterLabelContent, ...rest }: LabelProps): import("react").JSX.Element;
   displayName: string;
@@ -15045,7 +15048,7 @@ declare const Legend: {
 };
 //#endregion
 //#region src/components/Typography/Link/Link.d.ts
-type PickedHTMLAttributes$2 = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href' | 'target'>;
+type PickedHTMLAttributes$1 = Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick' | 'href' | 'target'>;
 type LinkProps<T extends ElementType = 'a'> = PolymorphicBaseComponentProps<T, {
   /**Om lenken kan få `:visited`-styling. */
   withVisited?: boolean;
@@ -15060,7 +15063,7 @@ type LinkProps<T extends ElementType = 'a'> = PolymorphicBaseComponentProps<T, {
    * Ikon kan legges inn som barn ved siden av teksten med `<Icon>`-komponent.
    * */
   withIconStyling?: boolean;
-} & CommonInlineTypographyProps & PickedHTMLAttributes$2>;
+} & CommonInlineTypographyProps & PickedHTMLAttributes$1>;
 declare const Link: {
   <T extends ElementType = "a">({ id, className, htmlProps, children, typographyType, withMargins, withVisited, style, color, as: propAs, isAnchor: propIsAnchor, withIconStyling, ...rest }: LinkProps<T>): import("react").JSX.Element;
   displayName: string;
@@ -15088,7 +15091,7 @@ type AccordionHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonElemen
   typographyType?: StaticTypographyType;
   /**Angir om teksten skal være i "bold"-format. */
   bold?: boolean;
-}, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
+}>, 'id'>;
 declare const AccordionHeader: {
   ({ children, className, style, htmlProps, typographyType, bold, ...rest }: AccordionHeaderProps): import("react").JSX.Element;
   displayName: string;
@@ -15141,7 +15144,7 @@ declare const Breadcrumbs: {
 };
 //#endregion
 //#region src/components/ButtonGroup/ButtonGroup.d.ts
-type PickedHTMLAttributes$1 = Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label' | 'aria-labelledby'>;
+type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-label' | 'aria-labelledby'>;
 type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
   /**Retning for gruppen.
    * @default "row"
@@ -15159,7 +15162,7 @@ type ButtonGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, {
    * @default "group"
    */
   role?: AriaRole;
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes$1>>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedHTMLAttributes>>;
 declare const ButtonGroup: {
   ({ children, id, className, style, htmlProps, direction, buttonSize, role, ...rest }: ButtonGroupProps): import("react").JSX.Element;
   displayName: string;
@@ -15281,7 +15284,7 @@ type CardExpandableHeaderProps = Omit<BaseComponentPropsWithChildren<HTMLButtonE
   typographyType?: StaticTypographyType;
   /**Angir om teksten skal være i "bold"-format. */
   bold?: boolean;
-}, ButtonHTMLAttributes<HTMLButtonElement>>, 'id'>;
+}>, 'id'>;
 declare const CardExpandableHeader: {
   ({ children, className, style, htmlProps, padding, typographyType, bold, ...rest }: CardExpandableHeaderProps): import("react").JSX.Element;
   displayName: string;
@@ -15319,7 +15322,7 @@ type CardSelectableGroupProps<T extends string | number> = BaseComponentPropsWit
   value?: T | undefined;
   /**Default verdi - en `<CardSelectable>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
   defaultValue?: T | undefined;
-}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+}>;
 declare const CardSelectableGroup: {
   <T extends string | number = string>({ name, cardType, errorMessage, disabled, readOnly, value, defaultValue, children, required, onChange, id, tipId, className, style, htmlProps, ...rest }: CardSelectableGroupProps<T>): import("react").JSX.Element;
   displayName: string;
@@ -15565,7 +15568,7 @@ type DividerProps = BaseComponentProps<HTMLHRElement, {
    * @default "default"
    */
   color?: DividerColor;
-}, Omit<HTMLAttributes<HTMLHRElement>, 'color'>>;
+}>;
 declare const Divider: ({ color, id, className, style, htmlProps, ...rest }: DividerProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Drawer/Drawer.d.ts
@@ -15681,7 +15684,7 @@ type FavStarProps = BaseComponentPropsWithChildren<HTMLElement, {
    * @default "medium"
    */
   size?: ComponentSize;
-}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
+}>;
 declare const FavStar: {
   ({ id, className, style, onChange, checked: checkedProp, defaultChecked, size, htmlProps, ...rest }: FavStarProps): import("react").JSX.Element;
   displayName: string;
@@ -15845,7 +15848,7 @@ declare const FileUploader: {
 //#endregion
 //#region src/components/Footer/Footer.d.ts
 type FooterProps = ComponentPropsWithRef<'footer'>;
-declare const Footer: ({ className, ...rest }: FooterProps) => import("react").JSX.Element;
+declare const Footer: (props: FooterProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Footer/FooterListHeader.d.ts
 type FooterListHeaderProps = Omit<HeadingProps, 'level' | 'withMargins'>;
@@ -15853,31 +15856,38 @@ declare const FooterListHeader: (props: FooterListHeaderProps) => import("react"
 //#endregion
 //#region src/components/Footer/FooterLogo.d.ts
 type HideBreakpoint = 'xs' | 'sm' | 'md';
-type FooterLogoProps = ComponentPropsWithRef<'img'> & {
+type ImgLogoProps = ComponentPropsWithRef<'img'> & {
   /**Brekkepunkt når logoen skal skjules på mindre skjerm. */
   hideBreakpoint?: HideBreakpoint;
 };
-declare const FooterLogo: ({ hideBreakpoint, ...rest }: FooterLogoProps) => import("react").JSX.Element;
+interface ChildrenLogoProps {
+  /**Brekkepunkt når logoen skal skjules på mindre skjerm. */
+  hideBreakpoint?: HideBreakpoint;
+  /**Custom logo som ikke er HTML `<img>`. Settes istedenfor `<img>` props. */
+  children: ComponentPropsWithRef<'div'>['children'];
+}
+type FooterLogoProps = ImgLogoProps | ChildrenLogoProps;
+declare const FooterLogo: ({ children, hideBreakpoint, ...rest }: FooterLogoProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Footer/FooterList.d.ts
 type FooterListProps = ComponentPropsWithRef<'ul'>;
-declare const FooterList: ({ className, ...rest }: FooterListProps) => import("react").JSX.Element;
+declare const FooterList: (props: FooterListProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Footer/FooterSocialsList.d.ts
 type FooterSocialsListProps = ComponentPropsWithRef<'ul'>;
-declare const FooterSocialsList: ({ className, ...rest }: FooterSocialsListProps) => import("react").JSX.Element;
+declare const FooterSocialsList: (props: FooterSocialsListProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Footer/FooterSocialsGroup.d.ts
 type FooterSocialsGroupProps = ComponentPropsWithRef<'div'>;
-declare const FooterSocialsGroup: ({ className, ...rest }: FooterSocialsGroupProps) => import("react").JSX.Element;
+declare const FooterSocialsGroup: (props: FooterSocialsGroupProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Footer/FooterListGroup.d.ts
 type FooterListGroupProps = ComponentPropsWithRef<'div'>;
-declare const FooterListGroup: ({ className, ...rest }: FooterListGroupProps) => import("react").JSX.Element;
+declare const FooterListGroup: (props: FooterListGroupProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/Footer/FooterLeft.d.ts
 type FooterLeftProps = ComponentPropsWithRef<'div'>;
-declare const FooterLeft: ({ className, ...rest }: FooterLeftProps) => import("react").JSX.Element;
+declare const FooterLeft: (props: FooterLeftProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/FormSummary/FormSummary.d.ts
 type FormSummaryProps = Pick<PaperProps, 'children' | 'htmlProps' | 'ref' | 'id' | 'style' | 'className' | 'padding' | 'paddingBlock' | 'paddingInline' | 'margin' | 'marginBlock' | 'marginInline' | 'width' | 'minWidth' | 'maxWidth'>;
@@ -16342,7 +16352,7 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
   onSelectOptionChange?: (option: PaginationOption | null) => void;
   /**Brekkpunkt for små skjermer; den viser færre sideknapper og stacker delkomponentene. */
   smallScreenBreakpoint?: Breakpoint;
-}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
+}>;
 declare const Pagination: {
   ({ itemsAmount, defaultItemsPerPage, defaultActivePage, activePage: activePageProp, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, style, htmlProps, ref, ...rest }: PaginationProps): import("react").JSX.Element | null;
   displayName: string;
@@ -16545,14 +16555,14 @@ type SearchButtonProps = {
 } & Pick<ButtonProps, 'loading' | 'loadingTooltip'> & ComponentPropsWithRef<'button'>;
 //#endregion
 //#region src/components/Search/Search.d.ts
-type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
+type SearchProps = Pick<InputProps, 'tip' | 'label' | 'width'> & {
   /**Størrelsen på komponenten. */
   componentSize?: SearchSize;
   /**Props for søkeknappen. */
   buttonProps?: SearchButtonProps;
   /**Om søkeikonet skal vises. */
   showIcon?: boolean;
-} & Pick<InputProps, 'width'> & Omit<ComponentPropsWithRef<'input'>, 'width' | 'height'>;
+} & Omit<ComponentPropsWithRef<'input'>, 'width' | 'height'>;
 declare const Search$1: {
   ({ componentSize, buttonProps, showIcon, name, label, tip, id, value, width, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): import("react").JSX.Element;
   displayName: string;
@@ -16681,7 +16691,7 @@ type RadioButtonGroupProps<T extends string | number> = BaseComponentPropsWithCh
   value?: T | undefined;
   /**Default verdi - en `<RadioButton>` med denne verdien blir forhåndsvalgt med uncontrolled state. */
   defaultValue?: T | undefined;
-}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+}>;
 declare const RadioButtonGroup: {
   <T extends string | number = string>({ name, label, groupId, errorMessage, tip, disabled, readOnly, direction, value, defaultValue, children, required, onChange, id, className, style, htmlProps, ...rest }: RadioButtonGroupProps<T>): import("react").JSX.Element;
   displayName: string;
@@ -16731,7 +16741,7 @@ type SpinnerProps = BaseComponentProps<SVGElement, {
    * @default "Innlasting pågår"
    */
   tooltip?: string;
-}, Omit<HTMLAttributes<SVGSVGElement>, 'color'>>;
+}>;
 declare function Spinner(props: SpinnerProps): import("react").JSX.Element;
 declare namespace Spinner {
   var displayName: string;
@@ -16910,7 +16920,7 @@ type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
   tabContentDirection?: Direction;
   /** Props for "Legg til fane"-knapp. Støtter native HTML attributter og `width`. */
   addTabButtonProps?: Omit<AddTabButtonProps, 'index'>;
-} & Pick<ResponsiveProps, 'width'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+} & Pick<ResponsiveProps, 'width'>>;
 declare const Tabs: {
   ({ id, activeTab, onChange, tabContentDirection, size, addTabButtonProps, width, children, className, style, htmlProps, ...rest }: TabsProps): import("react").JSX.Element;
   displayName: string;
@@ -16935,7 +16945,7 @@ type TabProps = BaseComponentPropsWithChildren<HTMLButtonElement, {
    * @default "1fr"
    */
   width?: Properties['width'];
-} & PickedAttributes, Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof PickedAttributes>>;
+} & PickedAttributes>;
 declare const Tab: {
   ({ active, icon, children, focus, setFocus, index, onClick, onKeyDown, id, className, htmlProps, style, width, ref, ...rest }: TabProps): import("react").JSX.Element;
   displayName: string;
@@ -17120,7 +17130,6 @@ declare const ToggleButtonGroup: {
 type AnchorElement = ReactElement<HTMLAttributes<HTMLElement> & {
   ref: Ref<HTMLElement>;
 }>;
-type PickedHTMLAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'style' | 'onMouseLeave' | 'onMouseOver'>;
 type TooltipProps = BaseComponentProps<HTMLDivElement, {
   /**Innhold i tooltip. */
   text: string;
@@ -17138,7 +17147,7 @@ type TooltipProps = BaseComponentProps<HTMLDivElement, {
   tooltipId?: string;
   /**Om tooltip skal alltid være i DOM, eller bli rendret først når den skal vises. */
   keepMounted?: boolean;
-} & PickedHTMLAttributes, Omit<HTMLAttributes<HTMLDivElement>, 'children' | keyof PickedHTMLAttributes>>;
+} & Pick<HTMLAttributes<HTMLDivElement>, 'onMouseLeave' | 'onMouseOver'>>;
 declare const Tooltip: {
   ({ text, placement, children, tooltipId, delay, style, onMouseLeave, onMouseOver, keepMounted, id, ref, className, htmlProps, ...rest }: TooltipProps): import("react").JSX.Element;
   displayName: string;