@norges-domstoler/dds-components 24.0.0 → 24.1.1

package/dist/index.css

@@ -1,8 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- */
-
-/**
+ *//**
  * Do not edit directly, this file was auto-generated.
  */
 
@@ -166,7 +164,7 @@
   --dds-color-surface-notification: #d83737; /* bg on a notification */
   --dds-color-surface-skeleton: #545c62; /* Used for skeleton */
   --dds-color-border-default: #77838c; /* Form components, togglebutton, secondary button, checkbox etc */
-  --dds-color-border-strong: #ffffff; /* Form components, togglebutton, secondary button, checkbox etc */
+  --dds-color-border-strong: #ffffff;
   --dds-color-border-subtle: #545c62; /* Dropdown, tooltip, overflow etc */
   --dds-color-border-inverse: #acbbc6; /* Border or divider on surface.inverse */
   --dds-color-border-action-default: #589ac6; /* Used in progress tracker */
@@ -377,6 +375,7 @@
   --dds-size-height-input-small: 2.187rem; /* Brukes i input og buttons */
   --dds-size-height-input-xsmall: 1.5625rem; /* Brukes i input og buttons */
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -541,7 +540,7 @@
   --dds-color-surface-notification: #d83737; /* bg on a notification */
   --dds-color-surface-skeleton: #d6dadd; /* Used for skeleton */
   --dds-color-border-default: #77838c; /* Form components, togglebutton, secondary button, checkbox etc */
-  --dds-color-border-strong: #0b0d0e; /* Form components, togglebutton, secondary button, checkbox etc */
+  --dds-color-border-strong: #0b0d0e;
   --dds-color-border-subtle: #d6dadd; /* Dropdown, tooltip, overflow etc */
   --dds-color-border-inverse: #acbbc6; /* Border or divider on surface.inverse */
   --dds-color-border-action-default: #106ead; /* Used in progress tracker */
@@ -752,6 +751,7 @@
   --dds-size-height-input-small: 2.187rem; /* Brukes i input og buttons */
   --dds-size-height-input-xsmall: 1.5625rem; /* Brukes i input og buttons */
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -916,7 +916,7 @@
   --dds-color-surface-notification: #d83737; /* bg on a notification */
   --dds-color-surface-skeleton: #545c62; /* Used for skeleton */
   --dds-color-border-default: #77838c; /* Form components, togglebutton, secondary button, checkbox etc */
-  --dds-color-border-strong: #ffffff; /* Form components, togglebutton, secondary button, checkbox etc */
+  --dds-color-border-strong: #ffffff;
   --dds-color-border-subtle: #545c62; /* Dropdown, tooltip, overflow etc */
   --dds-color-border-inverse: #acbbc6; /* Border or divider on surface.inverse */
   --dds-color-border-action-default: #589ac6; /* Used in progress tracker */
@@ -1127,6 +1127,7 @@
   --dds-size-height-input-small: 2.5rem; /* Brukes i input og buttons */
   --dds-size-height-input-xsmall: 1.8125rem; /* Brukes i input og buttons */
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1291,7 +1292,7 @@
   --dds-color-surface-notification: #d83737; /* bg on a notification */
   --dds-color-surface-skeleton: #d6dadd; /* Used for skeleton */
   --dds-color-border-default: #77838c; /* Form components, togglebutton, secondary button, checkbox etc */
-  --dds-color-border-strong: #0b0d0e; /* Form components, togglebutton, secondary button, checkbox etc */
+  --dds-color-border-strong: #0b0d0e;
   --dds-color-border-subtle: #d6dadd; /* Dropdown, tooltip, overflow etc */
   --dds-color-border-inverse: #acbbc6; /* Border or divider on surface.inverse */
   --dds-color-border-action-default: #106ead; /* Used in progress tracker */
@@ -1502,6 +1503,7 @@
   --dds-size-height-input-small: 2.5rem; /* Brukes i input og buttons */
   --dds-size-height-input-xsmall: 1.8125rem; /* Brukes i input og buttons */
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -1675,7 +1677,7 @@
   --dds-color-border-danger: #ad2c2c; /* Tag.default, error message field */
   --dds-color-border-info: #5197c5; /* Tag.default */
   --dds-color-border-on-action: #1b1a18; /* Used on primary split button */
-  --dds-color-border-strong: #ffffff; /* Form components, togglebutton, secondary button, checkbox etc */
+  --dds-color-border-strong: #ffffff;
   --dds-color-text-default: #ffffff; /* default text, heading, body. on surface.hover */
   --dds-color-text-medium: #e7e6e4; /* Label, etc */
   --dds-color-text-subtle: #cfcec9; /* Disabled or less important text */
@@ -1877,6 +1879,7 @@
   --dds-font-body-short-xsmall-letter-spacing: 0.01em;
   --dds-font-body-short-xsmall-paragraph-spacing: 1em;
 }
+
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -2050,7 +2053,7 @@
   --dds-color-border-danger: #d83737; /* Tag.default, error message field */
   --dds-color-border-info: #75b9e6; /* Tag.default */
   --dds-color-border-on-action: #ffffff; /* Used on primary split button */
-  --dds-color-border-strong: #0b0d0e; /* Form components, togglebutton, secondary button, checkbox etc */
+  --dds-color-border-strong: #0b0d0e;
   --dds-color-text-default: #0b0d0e; /* default text, heading, body. on surface.hover */
   --dds-color-text-medium: #514f48; /* Label, etc */
   --dds-color-text-subtle: #615f56; /* Disabled or less important text */
@@ -4741,11 +4744,6 @@
   box-sizing: border-box;
   z-index: var(--dds-zindex-overflowmenu);
 }
-
-.dds-OverflowMenu-module__list {
-  display: flex;
-  flex-direction: column;
-}
 :where(.dds-Toggle-module__label) {
   cursor: pointer;
   display: flex;
@@ -4983,8 +4981,7 @@
   border: 0;
   background-color: transparent;
   border-top: 1px solid;
-  margin-top: var(--dds-spacing-x1);
-  margin-bottom: var(--dds-spacing-x1);
+  margin-block: var(--dds-spacing-x1);
 }
 
 .dds-Divider-module__divider--default {
@@ -5340,8 +5337,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
   }
 }
 .dds-DateInput-module__date-segment-container {
-  display: flex;
-  flex-direction: row;
   font-family: var(--dds-font-family-monospace);
   -webkit-user-select: none;
           user-select: none;
@@ -5401,18 +5396,11 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
 
 .dds-DateInput-module__popover {
   z-index: var(--dds-zindex-popover);
-}
-
-.dds-DateInput-module__modal-close-button-wrapper {
-  display: flex;
-  justify-content: right;
-}
-
-.dds-DateInput-module__calendar {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x0-25);
-  height: 337px;
+  th,
+  td {
+    height: 40px;
+    width: 40px;
+  }
 }
 
 .dds-DateInput-module__calendar__header__month {
@@ -5424,25 +5412,11 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
           user-select: none;
 }
 
-.dds-DateInput-module__calendar__grid-element {
-  width: 40px;
-  height: 40px;
-}
-
 .dds-DateInput-module__calendar__th {
   font-weight: normal;
 }
 
-.dds-DateInput-module__calendar__week-number {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
 .dds-DateInput-module__calendar__cell-button {
-  display: flex;
-  align-items: center;
-  justify-content: center;
   cursor: pointer;
   border: 1px solid;
   border-color: transparent;
@@ -5860,10 +5834,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
 }
 
 .dds-DescriptionList-module__desc {
-  margin-inline-start: 0;
-  align-items: center;
-  display: flex;
-  gap: var(--dds-spacing-x0-25);
   color: var(--dds-color-text-body);
 }
 
@@ -6420,43 +6390,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
     transition: var(--dds-focus-transition);
   }
 }
-.dds-Footer-module__container {
-  padding-block-start: var(--dds-spacing-x3);
-  padding-block-end: var(--dds-spacing-x6);
-
-  @media only screen and (min-width: 960px) {
-    padding-block: var(--dds-spacing-x4);
-  }
-}
-
-.dds-Footer-module__left {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x4);
-}
-
-.dds-Footer-module__list {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1-5);
-}
-
-.dds-Footer-module__list-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1-5);
-}
-
-.dds-Footer-module__socials-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dds-spacing-x1);
-}
-
-.dds-Footer-module__socials-list {
-  display: flex;
-  gap: var(--dds-spacing-x1-5);
-}
 .dds-FormSummary-module__dd {
   display: block;
 }
@@ -6476,12 +6409,7 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
 }
 .dds-GlobalMessage-module__container {
   border-bottom: 2px solid;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
   box-sizing: border-box;
-  width: 100%;
-  padding: 0 var(--dds-spacing-x1);
 }
 
 .dds-GlobalMessage-module__container--info {
@@ -6511,17 +6439,6 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
   }
 }
 
-.dds-GlobalMessage-module__content {
-  display: flex;
-  align-items: center;
-  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1-5)
-    var(--dds-spacing-x0-75) 0;
-}
-
-.dds-GlobalMessage-module__content--closable {
-  padding-right: var(--dds-spacing-x0-75);
-}
-
 .dds-GlobalMessage-module__icon {
   margin-right: var(--dds-spacing-x0-75);
 }
@@ -6918,25 +6835,7 @@ input[data-indeterminate='true'] ~ .dds-SelectionControl-module__selection-contr
   color: var(--dds-color-text-subtle);
 }
 .dds-Popover-module__container {
-  position: absolute;
-  width: fit-content;
   z-index: var(--dds-zindex-popover);
-  padding: var(--dds-spacing-x0-75) var(--dds-spacing-x1)
-    var(--dds-spacing-x1-5) var(--dds-spacing-x1);
-}
-
-.dds-Popover-module__content--closable--no-header {
-  margin-top: var(--dds-spacing-x2);
-}
-
-.dds-Popover-module__header {
-  margin-right: var(--dds-spacing-x2);
-}
-
-.dds-Popover-module__close-button {
-  position: absolute;
-  top: var(--dds-spacing-x0-25);
-  right: var(--dds-spacing-x0-25);
 }
 .dds-ProgressTracker-module__list {
   --dds-progress-tracker-connector-width: 1px;

package/dist/index.d.cts

@@ -203,6 +203,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`
@@ -212,9 +213,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`
@@ -233,7 +236,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>;
@@ -332,7 +335,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"
@@ -362,7 +365,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 & {}> {
@@ -14963,7 +14966,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 = ({
@@ -15018,7 +15021,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;
@@ -15027,7 +15030,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;
@@ -15046,7 +15049,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;
@@ -15061,7 +15064,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;
@@ -15089,7 +15092,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;
@@ -15142,7 +15145,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"
@@ -15160,7 +15163,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;
@@ -15282,7 +15285,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;
@@ -15320,7 +15323,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;
@@ -15566,7 +15569,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
@@ -15682,7 +15685,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;
@@ -15846,7 +15849,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'>;
@@ -15854,31 +15857,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'>;
@@ -16343,7 +16353,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;
@@ -16546,14 +16556,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;
@@ -16682,7 +16692,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;
@@ -16732,7 +16742,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;
@@ -16911,7 +16921,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;
@@ -16936,7 +16946,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;
@@ -17121,7 +17131,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;
@@ -17139,7 +17148,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;