rk-designsystem 1.2.5 → 1.3.1

package/dist/index.d.ts

@@ -1,137 +1,134 @@
-import { AlertProps as AlertProps_2 } from './components';
-import { AvatarProps as AvatarProps_2 } from './components';
-import { Badge } from './components/Badge';
-import { BadgePosition } from './components/Badge';
-import { BadgePositionProps } from './components/Badge';
-import { BadgeProps } from './components/Badge';
-import { Breadcrumbs as Breadcrumbs_2 } from './components';
-import { BreadcrumbsItem as BreadcrumbsItem_2 } from './components';
-import { BreadcrumbsLink as BreadcrumbsLink_2 } from './components';
-import { BreadcrumbsList as BreadcrumbsList_2 } from './components';
-import { BreadcrumbsProps as BreadcrumbsProps_2 } from './components';
+import { AlertProps as AlertProps_2 } from '@digdir/designsystemet-react';
+import { AvatarProps as AvatarProps_2 } from '@digdir/designsystemet-react';
+import { BadgePosition as BadgePosition_2 } from '@digdir/designsystemet-react';
+import { BadgePositionProps as BadgePositionProps_2 } from '@digdir/designsystemet-react';
+import { BadgeProps as BadgeProps_2 } from '@digdir/designsystemet-react';
+import { Breadcrumbs as Breadcrumbs_2 } from '@digdir/designsystemet-react';
+import { BreadcrumbsItem as BreadcrumbsItem_2 } from '@digdir/designsystemet-react';
+import { BreadcrumbsLink as BreadcrumbsLink_2 } from '@digdir/designsystemet-react';
+import { BreadcrumbsList as BreadcrumbsList_2 } from '@digdir/designsystemet-react';
+import { BreadcrumbsProps as BreadcrumbsProps_2 } from '@digdir/designsystemet-react';
 import { ButtonHTMLAttributes } from 'react';
-import { Card as Card_2 } from './components';
-import { CardBlock as CardBlock_2 } from './components';
-import { CardProps as CardProps_2 } from './components';
-import { Checkbox as Checkbox_2 } from './components';
-import { CheckboxProps as CheckboxProps_2 } from './components';
-import { ChipButton } from './chip';
-import { ChipButtonProps as ChipButtonProps_2 } from './components';
-import { ChipCheckbox } from './chip';
-import { ChipCheckboxProps as ChipCheckboxProps_2 } from './components';
-import { ChipRadio } from './chip';
-import { ChipRadioProps as ChipRadioProps_2 } from './components';
-import { ChipRemovable } from './chip';
-import { ChipRemovableProps as ChipRemovableProps_2 } from './components';
+import { Card as Card_2 } from '@digdir/designsystemet-react';
+import { CardBlock as CardBlock_2 } from '@digdir/designsystemet-react';
+import { CardProps as CardProps_2 } from '@digdir/designsystemet-react';
+import { Checkbox as Checkbox_2 } from '@digdir/designsystemet-react';
+import { CheckboxProps as CheckboxProps_2 } from '@digdir/designsystemet-react';
+import { Chip as Chip_2 } from '@digdir/designsystemet-react';
+import { ChipButtonProps as ChipButtonProps_2 } from '@digdir/designsystemet-react';
+import { ChipCheckboxProps as ChipCheckboxProps_2 } from '@digdir/designsystemet-react';
+import { ChipRadioProps as ChipRadioProps_2 } from '@digdir/designsystemet-react';
+import { ChipRemovableProps as ChipRemovableProps_2 } from '@digdir/designsystemet-react';
 import { Color } from '@digdir/designsystemet-types';
-import { Color as Color_2 } from '@digdir/designsystemet/types';
 import { ComponentProps } from 'react';
 import { default as default_2 } from 'react';
-import { DetailsContent } from './details';
-import { DetailsProps as DetailsProps_2 } from './components';
-import { DetailsSummary } from './details';
-import { Dialog as Dialog_2 } from './components';
-import { DialogProps as DialogProps_2 } from './components';
-import { DividerProps as DividerProps_2 } from './components';
-import { Dropdown as Dropdown_2 } from './components';
-import { DropdownButton as DropdownButton_2 } from './components';
-import { DropdownButtonProps as DropdownButtonProps_2 } from './components';
-import { DropdownHeading as DropdownHeading_2 } from './components';
-import { DropdownHeadingProps as DropdownHeadingProps_2 } from './components';
-import { DropdownItem as DropdownItem_2 } from './components';
-import { DropdownItemProps as DropdownItemProps_2 } from './components';
-import { DropdownList as DropdownList_2 } from './components';
-import { DropdownListProps as DropdownListProps_2 } from './components';
-import { DropdownProps as DropdownProps_2 } from './components';
-import { DropdownTrigger as DropdownTrigger_2 } from './components';
-import { DropdownTriggerContext as DropdownTriggerContext_2 } from './components';
-import { DropdownTriggerContextProps as DropdownTriggerContextProps_2 } from './components';
-import { DSSuggestionElement } from '@digdir/designsystemet-web';
-import { ErrorSummary as ErrorSummary_2 } from './components';
-import { ErrorSummaryProps as ErrorSummaryProps_2 } from './components';
-import { EXPERIMENTAL_Suggestion } from './components';
-import { EXPERIMENTAL_SuggestionClear } from './suggestion';
-import { EXPERIMENTAL_SuggestionEmpty } from './suggestion';
-import { EXPERIMENTAL_SuggestionInput } from './suggestion';
-import { EXPERIMENTAL_SuggestionList } from './suggestion';
-import { EXPERIMENTAL_SuggestionOption } from './suggestion';
-import { Field as Field_2 } from './components';
-import { FieldCounter as FieldCounter_2 } from './components';
-import { FieldCounterProps as FieldCounterProps_2 } from './components';
-import { FieldDescription as FieldDescription_2 } from './components';
-import { FieldDescriptionProps as FieldDescriptionProps_2 } from './components';
-import { FieldProps as FieldProps_2 } from './components';
-import { Fieldset as Fieldset_2 } from './components';
-import { FieldsetProps as FieldsetProps_2 } from './components';
+import { Details as Details_2 } from '@digdir/designsystemet-react';
+import { DetailsProps as DetailsProps_2 } from '@digdir/designsystemet-react';
+import { Dialog as Dialog_2 } from '@digdir/designsystemet-react';
+import { DialogProps as DialogProps_2 } from '@digdir/designsystemet-react';
+import { DividerProps as DividerProps_2 } from '@digdir/designsystemet-react';
+import { Dropdown as Dropdown_2 } from '@digdir/designsystemet-react';
+import { DropdownButton as DropdownButton_2 } from '@digdir/designsystemet-react';
+import { DropdownButtonProps as DropdownButtonProps_2 } from '@digdir/designsystemet-react';
+import { DropdownHeading as DropdownHeading_2 } from '@digdir/designsystemet-react';
+import { DropdownHeadingProps as DropdownHeadingProps_2 } from '@digdir/designsystemet-react';
+import { DropdownItem as DropdownItem_2 } from '@digdir/designsystemet-react';
+import { DropdownItemProps as DropdownItemProps_2 } from '@digdir/designsystemet-react';
+import { DropdownList as DropdownList_2 } from '@digdir/designsystemet-react';
+import { DropdownListProps as DropdownListProps_2 } from '@digdir/designsystemet-react';
+import { DropdownProps as DropdownProps_2 } from '@digdir/designsystemet-react';
+import { DropdownTrigger as DropdownTrigger_2 } from '@digdir/designsystemet-react';
+import { DropdownTriggerContext as DropdownTriggerContext_2 } from '@digdir/designsystemet-react';
+import { DropdownTriggerContextProps as DropdownTriggerContextProps_2 } from '@digdir/designsystemet-react';
+import { ErrorSummary as ErrorSummary_2 } from '@digdir/designsystemet-react';
+import { ErrorSummaryProps as ErrorSummaryProps_2 } from '@digdir/designsystemet-react';
+import { EXPERIMENTAL_Suggestion } from '@digdir/designsystemet-react';
+import { Field as Field_2 } from '@digdir/designsystemet-react';
+import { FieldCounter as FieldCounter_2 } from '@digdir/designsystemet-react';
+import { FieldCounterProps as FieldCounterProps_2 } from '@digdir/designsystemet-react';
+import { FieldDescription as FieldDescription_2 } from '@digdir/designsystemet-react';
+import { FieldDescriptionProps as FieldDescriptionProps_2 } from '@digdir/designsystemet-react';
+import { FieldProps as FieldProps_2 } from '@digdir/designsystemet-react';
+import { Fieldset as Fieldset_2 } from '@digdir/designsystemet-react';
+import { FieldsetProps as FieldsetProps_2 } from '@digdir/designsystemet-react';
 import { ForwardRefExoticComponent } from 'react';
-import { HeadingProps as HeadingProps_2 } from './components';
+import { HeadingProps as HeadingProps_2 } from '@digdir/designsystemet-react';
 import { HTMLAttributes } from 'react';
-import { Input as Input_2 } from './components';
+import { Input as Input_2 } from '@digdir/designsystemet-react';
 import { InputHTMLAttributes } from 'react';
-import { InputProps as InputProps_2 } from './components';
+import { InputProps as InputProps_2 } from '@digdir/designsystemet-react';
 import { JSX } from 'react/jsx-runtime';
-import { LabelProps as LabelProps_2 } from './components';
-import { Link as Link_2 } from './components';
-import { LinkProps as LinkProps_2 } from './components';
-import { ListItem } from './list';
-import { ListOrdered } from './list';
-import { ListUnordered } from './list';
-import { Pagination as Pagination_2 } from './components';
-import { PaginationButton as PaginationButton_2 } from './components';
-import { PaginationButtonProps as PaginationButtonProps_2 } from './components';
-import { PaginationItem as PaginationItem_2 } from './components';
-import { PaginationItemProps as PaginationItemProps_2 } from './components';
-import { PaginationList as PaginationList_2 } from './components';
-import { PaginationListProps as PaginationListProps_2 } from './components';
-import { PaginationProps as PaginationProps_2 } from './components';
-import { ParagraphProps as ParagraphProps_2 } from './components';
-import { Popover as Popover_2 } from './components';
-import { PopoverProps as PopoverProps_2 } from './components';
-import { Radio as Radio_2 } from './components';
-import { RadioProps as RadioProps_2 } from './components';
+import { LabelProps as LabelProps_2 } from '@digdir/designsystemet-react';
+import { Link as Link_2 } from '@digdir/designsystemet-react';
+import { LinkProps as LinkProps_2 } from '@digdir/designsystemet-react';
+import { List as List_2 } from '@digdir/designsystemet-react';
+import { Pagination as Pagination_2 } from '@digdir/designsystemet-react';
+import { PaginationButton as PaginationButton_2 } from '@digdir/designsystemet-react';
+import { PaginationButtonProps as PaginationButtonProps_2 } from '@digdir/designsystemet-react';
+import { PaginationItem as PaginationItem_2 } from '@digdir/designsystemet-react';
+import { PaginationItemProps as PaginationItemProps_2 } from '@digdir/designsystemet-react';
+import { PaginationList as PaginationList_2 } from '@digdir/designsystemet-react';
+import { PaginationListProps as PaginationListProps_2 } from '@digdir/designsystemet-react';
+import { PaginationProps as PaginationProps_2 } from '@digdir/designsystemet-react';
+import { ParagraphProps as ParagraphProps_2 } from '@digdir/designsystemet-react';
+import { Popover as Popover_2 } from '@digdir/designsystemet-react';
+import { PopoverProps as PopoverProps_2 } from '@digdir/designsystemet-react';
+import { PropsWithoutRef } from 'react';
+import { Radio as Radio_2 } from '@digdir/designsystemet-react';
+import { RadioProps as RadioProps_2 } from '@digdir/designsystemet-react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
-import { Search as Search_2 } from './components';
-import { SearchButton } from './components';
-import { SearchClear } from './components';
-import { SearchInput } from './components';
-import { SearchProps as SearchProps_2 } from './components';
-import { Select as Select_2 } from './components';
-import { SelectProps as SelectProps_2 } from './components';
+import { Search as Search_2 } from '@digdir/designsystemet-react';
+import { SearchButton } from '@digdir/designsystemet-react';
+import { SearchClear } from '@digdir/designsystemet-react';
+import { SearchInput } from '@digdir/designsystemet-react';
+import { SearchProps as SearchProps_2 } from '@digdir/designsystemet-react';
+import { Select as Select_2 } from '@digdir/designsystemet-react';
+import { SelectProps as SelectProps_2 } from '@digdir/designsystemet-react';
 import { SeverityColors } from '@digdir/designsystemet-types';
-import { Size } from '@digdir/designsystemet/types';
-import { SkeletonProps as SkeletonProps_2 } from './components';
-import { SkipLink as SkipLink_2 } from './components';
-import { SkipLinkProps as SkipLinkProps_2 } from './components';
-import { SpinnerProps as SpinnerProps_2 } from './components';
-import { SuggestionProps as SuggestionProps_2 } from './components';
-import { Switch as Switch_2 } from './components';
-import { SwitchProps as SwitchProps_2 } from './components';
-import { Table as Table_2 } from './components';
-import { TableProps as TableProps_2 } from './components';
-import { Tabs as Tabs_2 } from './components';
-import { TabsProps as TabsProps_2 } from './components';
-import { Textarea as Textarea_2 } from './components';
-import { TextareaProps as TextareaProps_2 } from './components';
-import { TextfieldProps as TextfieldProps_2 } from './components';
-import { ToggleGroup as ToggleGroup_2 } from './components';
-import { ToggleGroupProps as ToggleGroupProps_2 } from './components';
-import { Tooltip as Tooltip_2 } from './components';
-import { TooltipProps as TooltipProps_2 } from './components';
-import { useCheckboxGroup as useCheckboxGroup_2 } from './utilities';
-import { usePagination as usePagination_2 } from './utilities';
-import { useRadioGroup as useRadioGroup_2 } from './utilities';
-import { ValidationMessageProps as ValidationMessageProps_2 } from './components';
+import { Size } from '@digdir/designsystemet-types';
+import { SkeletonProps as SkeletonProps_2 } from '@digdir/designsystemet-react';
+import { SkipLink as SkipLink_2 } from '@digdir/designsystemet-react';
+import { SkipLinkProps as SkipLinkProps_2 } from '@digdir/designsystemet-react';
+import { SpinnerProps as SpinnerProps_2 } from '@digdir/designsystemet-react';
+import { SuggestionProps as SuggestionProps_2 } from '@digdir/designsystemet-react';
+import { Switch as Switch_2 } from '@digdir/designsystemet-react';
+import { SwitchProps as SwitchProps_2 } from '@digdir/designsystemet-react';
+import { Table as Table_2 } from '@digdir/designsystemet-react';
+import { TableProps as TableProps_2 } from '@digdir/designsystemet-react';
+import { Tabs as Tabs_2 } from '@digdir/designsystemet-react';
+import { TabsProps as TabsProps_2 } from '@digdir/designsystemet-react';
+import { Textarea as Textarea_2 } from '@digdir/designsystemet-react';
+import { TextareaProps as TextareaProps_2 } from '@digdir/designsystemet-react';
+import { TextfieldProps as TextfieldProps_2 } from '@digdir/designsystemet-react';
+import { ToggleGroup as ToggleGroup_2 } from '@digdir/designsystemet-react';
+import { ToggleGroupProps as ToggleGroupProps_2 } from '@digdir/designsystemet-react';
+import { Tooltip as Tooltip_2 } from '@digdir/designsystemet-react';
+import { TooltipProps as TooltipProps_2 } from '@digdir/designsystemet-react';
+import { useCheckboxGroup as useCheckboxGroup_2 } from '@digdir/designsystemet-react';
+import { usePagination as usePagination_2 } from '@digdir/designsystemet-react';
+import { useRadioGroup as useRadioGroup_2 } from '@digdir/designsystemet-react';
+import { ValidationMessageProps as ValidationMessageProps_2 } from '@digdir/designsystemet-react';
 
 export declare const Alert: ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>>;
 
 /**
  * Alert-komponent for å vise viktige meldinger til brukeren.
- * Utvider DigDir sin Alert med støtte for barn-elementer og tittel.
+ * Utvider DigDir sin Alert med en synlig tittel.
  */
 export declare interface AlertProps extends AlertProps_2 {
     children?: ReactNode;
+    /**
+     * Synlig tittel øverst i varselet. Uten `titleLevel` rendres den som
+     * visuelt fremhevet tekst (ikke en overskrift), slik at dokumentets
+     * overskriftsrekkefølge ikke brytes.
+     */
     title?: string;
+    /**
+     * Semantisk overskriftsnivå (2–6) for tittelen. Angi nivået som passer
+     * inn i sidens overskriftshierarki der varselet vises.
+     */
+    titleLevel?: 2 | 3 | 4 | 5 | 6;
 }
 
 export declare const Avatar: ForwardRefExoticComponent<AvatarProps_2 & RefAttributes<HTMLSpanElement>>;
@@ -142,13 +139,16 @@ export declare const Avatar: ForwardRefExoticComponent<AvatarProps_2 & RefAttrib
  */
 export declare type AvatarProps = AvatarProps_2;
 
-export { Badge }
+export declare const Badge: ForwardRefExoticComponent<PropsWithoutRef<BadgeProps> & RefAttributes<HTMLSpanElement>>;
 
-export { BadgePosition }
+export declare const BadgePosition: typeof BadgePosition_2;
 
-export { BadgePositionProps }
+export declare type BadgePositionProps = BadgePositionProps_2;
 
-export { BadgeProps }
+/**
+ * Badge-komponent for å vise status eller antall.
+ */
+export declare type BadgeProps = BadgeProps_2;
 
 export declare const Breadcrumbs: typeof Breadcrumbs_2;
 
@@ -233,12 +233,7 @@ export declare type CheckboxProps = CheckboxProps_2;
 /**
  * Chip-komponent for filtrering, valg eller handlinger.
  */
-export declare const Chip: {
-    Button: ChipButton;
-    Checkbox: ChipCheckbox;
-    Radio: ChipRadio;
-    Removable: ChipRemovable;
-};
+export declare const Chip: typeof Chip_2;
 
 export declare type ChipButtonProps = ChipButtonProps_2;
 
@@ -261,131 +256,54 @@ declare interface ContactPerson {
     address?: string;
 }
 
-/**
- * CrossCorner - Decorative L-shaped brand graphic element.
- *
- * Used as a visual accent across Røde Kors web projects.
- * The shape forms part of the cross pattern and can be positioned
- * in any corner orientation.
- */
-export declare const CrossCorner: ForwardRefExoticComponent<Omit<DefaultProps, "className" | "aria-hidden" | "aria-label" | "size" | "position"> & {
-/**
-* Which corner the graphic points to.
-* @default 'top-left'
-*/
-position?: CrossCornerPosition;
-/**
-* Size of the graphic.
-* sm: 48px, md: 68px, lg: 96px
-* @default 'md'
-*/
-size?: CrossCornerSize;
-/**
-* Optional CSS class name.
-*/
-className?: string;
-/**
-* Accessible label for the decorative graphic.
-* Set to empty string if purely decorative.
-*/
-'aria-label'?: string;
-/**
-* Whether the graphic is hidden from assistive technologies.
-* @default true (decorative by default)
-*/
-'aria-hidden'?: boolean;
-} & RefAttributes<SVGSVGElement>>;
-
-/**
- * Position variants for the CrossCorner component.
- * Determines which corner the L-shape points to.
- */
-export declare type CrossCornerPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
-
-/**
- * Props for the CrossCorner component.
- */
-export declare type CrossCornerProps = MergeRight<DefaultProps, {
-    /**
-     * Which corner the graphic points to.
-     * @default 'top-left'
-     */
-    position?: CrossCornerPosition;
-    /**
-     * Size of the graphic.
-     * sm: 48px, md: 68px, lg: 96px
-     * @default 'md'
-     */
-    size?: CrossCornerSize;
-    /**
-     * Optional CSS class name.
-     */
-    className?: string;
-    /**
-     * Accessible label for the decorative graphic.
-     * Set to empty string if purely decorative.
-     */
-    'aria-label'?: string;
-    /**
-     * Whether the graphic is hidden from assistive technologies.
-     * @default true (decorative by default)
-     */
-    'aria-hidden'?: boolean;
-}>;
-
-/**
- * Size variants for the CrossCorner component.
- * sm: 48px, md: 68px (default from Figma), lg: 96px
- */
-export declare type CrossCornerSize = 'sm' | 'md' | 'lg';
-
 /**
  * DateInput-komponent for inntasting av datoer i norsk format (dd.mm.åååå).
  * Håndterer automatisk formatering og validering av datoer.
  */
-export declare const DateInput: default_2.ForwardRefExoticComponent<Omit<DefaultProps, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "is" | "exportparts" | "part" | "popovertarget" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "disabled" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "list" | "step" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "height" | "max" | "min" | "minLength" | "multiple" | "placeholder" | "readOnly" | "required" | "size" | "src" | "width" | "label" | "description" | "error" | "suffixIcon" | "onSuffixClick" | "inputWrapperClassName" | "inputClassName"> & Omit<default_2.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "prefix" | "inputMode" | "aria-label" | "aria-labelledby" | "onChange" | "type" | "value" | "maxLength" | "pattern" | "label" | "suffix"> & {
-    label?: default_2.ReactNode;
-    suffixIcon?: default_2.ReactNode;
-    onSuffixClick?: default_2.MouseEventHandler<HTMLButtonElement>;
-    className?: string;
-    inputWrapperClassName?: string;
-    inputClassName?: string;
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
-    description?: default_2.ReactNode;
-    error?: default_2.ReactNode;
-    value?: string | null;
-    defaultValue?: string | null;
-    onChange?: (event: default_2.ChangeEvent<HTMLInputElement>, formattedValue: string) => void;
-} & default_2.RefAttributes<HTMLInputElement>>;
+export declare const DateInput: default_2.ForwardRefExoticComponent<DateInputProps & default_2.RefAttributes<HTMLInputElement>>;
 
-export declare type DateInputProps = MergeRight<DefaultProps, // <-- Legg til dette
-// <-- Legg til dette
-Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix" | "label" | "aria-label" | "aria-labelledby" | "type" | "inputMode" | "pattern" | "maxLength" | "value" | "defaultValue" | "onChange"> & {
-    label?: default_2.ReactNode;
+export declare type DateInputProps = MergeRight<DefaultProps, Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "suffix" | "label" | "aria-label" | "aria-labelledby" | "type" | "inputMode" | "pattern" | "maxLength" | "value" | "defaultValue" | "onChange"> & {
+    /** Ikon som vises til høyre i feltet, f.eks. et kalenderikon. */
     suffixIcon?: default_2.ReactNode;
+    /** Klikk-håndterer for suffiks-knappen. Gjør knappen fokuserbar. */
     onSuffixClick?: default_2.MouseEventHandler<HTMLButtonElement>;
+    /** Klasse for den ytre wrapperen. */
     className?: string;
+    /** Klasse for input-wrapperen. */
     inputWrapperClassName?: string;
+    /** Klasse for selve input-elementet. */
     inputClassName?: string;
-    "aria-label"?: string;
-    "aria-labelledby"?: string;
+    /** Beskrivende hjelpetekst under etiketten. */
     description?: default_2.ReactNode;
+    /** Feilmelding. Styrer også aria-invalid og feilstiler. */
     error?: default_2.ReactNode;
     value?: string | null;
     defaultValue?: string | null;
+    /** Kalles ved endring med hendelsen og den formaterte verdien (dd.mm.åååå). */
     onChange?: (event: default_2.ChangeEvent<HTMLInputElement>, formattedValue: string) => void;
-}>;
+    /**
+     * Kalles når gyldigheten endres. `true`/`false` når datoen er komplett
+     * (åtte sifre), `false` ved blur med ufullstendig dato, `null` når feltet
+     * er tomt eller under utfylling. Umulige datoer (31.02, skuddårsbrudd)
+     * gir `false`.
+     */
+    onValidationChange?: (valid: boolean | null, formattedValue: string) => void;
+} & LabelRequired>;
 
 /**
  * DatePicker-komponent for å velge en dato fra en kalender.
+ * Kalenderen følger ARIA-grid-mønsteret: ett tabstopp, piltaster mellom
+ * dager (på tvers av måneder), Home/End til start/slutt av uken og
+ * PageUp/PageDown mellom måneder.
  */
 export declare const DatePicker: default_2.FC<DatePickerProps>;
 
-export declare type DatePickerProps = MergeRight<DefaultProps, // <-- Lagt til
-    {
+export declare type DatePickerProps = MergeRight<DefaultProps, {
+    /** Måneden kalenderen åpner på når ingen dato er valgt. */
     initialDate?: Date;
+    /** Valgt dato. Utheves i kalenderen. */
     selectedDate?: Date | null;
+    /** Kalles når brukeren velger en dato. */
     onDateSelect?: (date: Date) => void;
 }>;
 
@@ -402,13 +320,10 @@ declare type DefaultProps = {
      * Endrer farge for underliggende Designsystemet-komponenter.
      * Velg fra forhåndsdefinerte farger og farger definert med theme.designsystemet.no.
      */
-    'data-color'?: Color_2;
+    'data-color'?: Color;
 };
 
-export declare const Details: ForwardRefExoticComponent<DetailsProps_2 & RefAttributes<HTMLDetailsElement>> & {
-    Summary: DetailsSummary;
-    Content: DetailsContent;
-};
+export declare const Details: typeof Details_2;
 
 /**
  * Details-komponent for å vise/skjule innhold.
@@ -436,9 +351,20 @@ export declare interface DonorAmount {
     label: string;
 }
 
+/**
+ * @deprecated `'primary'` was a bespoke value that matched no real theme
+ * scope, so it silently inherited the surrounding theme. It now maps to
+ * `'primary-color-red'` and the alias will be removed in a later minor —
+ * pass the real scope name instead.
+ */
+declare type DonorLegacyColor = 'primary';
+
 export declare interface DonorProps {
-    /** Color theme variant */
-    'data-color'?: 'primary' | 'neutral';
+    /**
+     * Theme scope for the whole component — any real `data-color` scope from
+     * the design tokens (same vocabulary as every other component).
+     */
+    'data-color'?: Color | DonorLegacyColor;
     /** Preset donation amounts */
     amounts?: DonorAmount[];
     /** Default selected amount (value) */
@@ -536,7 +462,14 @@ export declare const Fieldset: typeof Fieldset_2;
  */
 export declare type FieldsetProps = FieldsetProps_2;
 
-export declare const Footer: ({ "data-color": dataColor, variant, colorScheme, columns, showCrossCorners, newsletterDescription, newsletterPlaceholder, newsletterButtonText, newsletterConsentText, onNewsletterSubmit, hideNewsletter, shortcutsLinks, linksLinks, shortcutsTitle, linksTitle, visitingAddress, organizationNumber, email, showPrimaryLogo, primaryLogoSrc, primaryLogoAlt, whiteSectionSlot, socialLinks, contactPersons, legalLinks, socialLinksTitle, contactPersonsTitle, }?: FooterProps) => JSX.Element;
+export declare const Footer: ({ "data-color": dataColor, variant, colorScheme, columns, showGraphicElements, newsletterDescription, newsletterPlaceholder, newsletterButtonText, newsletterConsentText, onNewsletterSubmit, hideNewsletter, shortcutsLinks, linksLinks, shortcutsTitle, linksTitle, visitingAddress, organizationNumber, email, showPrimaryLogo, primaryLogoSrc, primaryLogoAlt, whiteSectionSlot, socialLinks, contactPersons, legalLinks, socialLinksTitle, contactPersonsTitle, }?: FooterProps) => JSX.Element;
+
+/**
+ * @deprecated `'primary'` and `'additional'` were bespoke values; they now map
+ * to `'primary-color-red'` and `'additional-color-ocean'` and the aliases will
+ * be removed in a later minor — pass the real scope name instead.
+ */
+declare type FooterLegacyColor = 'primary' | 'additional';
 
 declare interface FooterLink {
     label: string;
@@ -544,8 +477,11 @@ declare interface FooterLink {
 }
 
 export declare interface FooterProps {
-    /** Background color for the main section */
-    'data-color'?: 'primary' | 'additional' | 'neutral';
+    /**
+     * Theme scope for the main section — any real `data-color` scope from the
+     * design tokens. The background uses the scope's tinted background token.
+     */
+    'data-color'?: Color | FooterLegacyColor;
     /** Footer layout variant. 'columns' renders N navigation columns (from `columns`) + an organisation meta row + a legal/copyright row. */
     variant?: 'default' | 'contact' | 'columns';
     /** Force a colour scheme on the footer (applies `data-color-scheme`). Lets any project render a light or dark footer from the same tokens. */
@@ -555,8 +491,8 @@ export declare interface FooterProps {
         title: string;
         links: FooterLink[];
     }[];
-    /** Show CrossCorner decorative elements */
-    showCrossCorners?: boolean;
+    /** Show decorative GraphicElement shapes in the corners */
+    showGraphicElements?: boolean;
     /** Newsletter section description text */
     newsletterDescription?: string;
     /** Newsletter input placeholder text */
@@ -603,13 +539,155 @@ export declare interface FooterProps {
     contactPersonsTitle?: string;
 }
 
+/**
+ * GraphicElement - Decorative brand graphic elements derived from the cross.
+ *
+ * The four arms of the cross are split up and used as independent
+ * graphic elements - angles, corners, hearts, bars - all derived from
+ * the same base form. Used as visual accents across Røde Kors web
+ * projects to create recognition, direction and cohesion.
+ */
+export declare const GraphicElement: ForwardRefExoticComponent<GraphicElementProps & RefAttributes<SVGSVGElement>>;
+
+/**
+ * Shapes available in the isometric variant.
+ */
+export declare type GraphicElementIsoShape = 'square' | 'corner' | 'angle' | 'heart' | 'bar';
+
+/**
+ * Position variants for the GraphicElement component.
+ * Determines the rotation/orientation of the shape.
+ * For `shape="corner"` it is which corner the L-shape points to.
+ */
+export declare type GraphicElementPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+
+/**
+ * Props for the GraphicElement component.
+ *
+ * `variant` and `shape` form a union: the isometric variant only
+ * accepts the shapes in GraphicElementIsoShape, enforced at compile time.
+ */
+export declare type GraphicElementProps = MergeRight<DefaultProps, {
+    /**
+     * Orientation of the shape.
+     * For solid and outline: which corner the graphic points to.
+     * For isometric: selects between standing (top-*) and lying
+     * (bottom-*) orientations for corner and angle, and between
+     * vertical (top-left/bottom-right) and horizontal
+     * (top-right/bottom-left) for bar.
+     * @default 'top-left'
+     */
+    position?: GraphicElementPosition;
+    /**
+     * Size of the graphic (base grid size).
+     * For the corner shape: sm: 48px, md: 68px, lg: 96px.
+     * @default 'md'
+     */
+    size?: GraphicElementSize;
+    /**
+     * Color scope from the theme (rk-design-tokens). Available scopes:
+     * 'primary-color-red' (the default resolved value when inheriting
+     * from the surrounding scope), 'secondary-color-orange',
+     * 'secondary-color-rust', 'secondary-color-pink',
+     * 'additional-color-ocean', 'additional-color-jungle' and 'neutral'.
+     */
+    'data-color'?: Color;
+    /**
+     * Optional CSS class name.
+     */
+    className?: string;
+    /**
+     * Accessible label for the decorative graphic.
+     * Set to empty string if purely decorative.
+     */
+    'aria-label'?: string;
+    /**
+     * Whether the graphic is hidden from assistive technologies.
+     * @default true (decorative by default)
+     */
+    'aria-hidden'?: boolean;
+} & ({
+    /**
+     * Visual style: filled (solid) or thin stroke (outline).
+     * @default 'solid'
+     */
+    variant?: 'solid' | 'outline';
+    /**
+     * Which graphic element to render. All shapes are derived from
+     * the same base form: the arms of the cross.
+     * @default 'corner'
+     */
+    shape?: GraphicElementShape;
+    mirrored?: never;
+} | {
+    /**
+     * Isometric 3D variant: the shape built from unit cubes with
+     * three token-driven faces. Available for the shapes square,
+     * corner, angle, heart and bar.
+     */
+    variant: 'isometric';
+    /**
+     * Shapes available in the isometric variant.
+     * @default 'corner'
+     */
+    shape?: Exclude<GraphicElementIsoShape, 'heart'>;
+    mirrored?: never;
+} | {
+    variant: 'isometric';
+    shape: 'heart';
+    /**
+     * Mirrors the heart so the depth faces left instead of right.
+     * Only applies to the isometric heart.
+     * @default false
+     */
+    mirrored?: boolean;
+})>;
+
+/**
+ * Shape variants for the GraphicElement component.
+ * All shapes are derived from the same base grid as the cross:
+ * compositions of the cross's arm squares (grid unit = one arm width).
+ */
+export declare type GraphicElementShape = 'corner' | 'square' | 'angle' | 'heart' | 'tee' | 'bar' | 'cross';
+
+/**
+ * Size variants for the GraphicElement component.
+ * Refers to the base grid: for the 2x2 `corner` shape,
+ * sm: 48px, md: 68px, lg: 96px.
+ * Shapes spanning more or fewer grid cells scale proportionally,
+ * so the arm square stays the same size across shapes.
+ */
+export declare type GraphicElementSize = 'sm' | 'md' | 'lg';
+
+/**
+ * Style variants for the GraphicElement component.
+ * solid: filled grid cells. outline: thin ~2px open strokes on a
+ * subset of the grid cell edges (not a closed contour).
+ * isometric: each grid cell becomes an isometric unit cube with three
+ * token-driven faces (front = light, top = mid, right = dark).
+ * The isometric variant is available for the shapes square, corner,
+ * angle, heart and bar - see GraphicElementIsoShape.
+ */
+export declare type GraphicElementVariant = 'solid' | 'outline' | 'isometric';
+
 export declare const Header: ({ variant, "data-color": dataColor, activePage, setPage, children, showUser, showSearch, showLogin, showCta, ctaLabel, ctaIcon, onCtaClick, showThemeToggle, secondaryLogo, secondaryLogoSrc, secondaryLogoSrcDark, secondaryLogoAlt, navItems, showNavItems, showMenuButton, showHeaderExtension, showModeToggle, showLanguageSwitch, extensionColor, userName, userInitials, userAvatarSrc, onUserClick, }: HeaderProps) => JSX.Element;
 
+/**
+ * @deprecated `'primary'` was a bespoke value; it now maps to
+ * `'primary-color-red'` and the alias will be removed in a later minor —
+ * pass the real scope name instead.
+ */
+declare type HeaderLegacyColor = 'primary';
+
 export declare interface HeaderProps {
     /** Layout density. 'compact' renders a slimmer header with a transparent (non-boxed) logo area and reduced height — useful for documentation sites, dashboards or any app that wants a lighter top bar. Defaults to 'default'. */
     variant?: 'default' | 'compact';
-    /** Background color for the header extension (top bar): 'primary' uses primary-color-red-base-default, 'neutral' uses neutral-base-default */
-    'data-color'?: 'primary' | 'neutral';
+    /**
+     * Theme scope for the header extension (top bar) — any real `data-color`
+     * scope from the design tokens. The extension background uses the scope's
+     * base color with matching contrast text.
+     */
+    'data-color'?: Color | HeaderLegacyColor;
     activePage?: string;
     setPage?: (pageName: string) => void;
     children?: default_2.ReactNode;
@@ -673,6 +751,24 @@ export declare interface LabelProps extends LabelProps_2 {
     children?: ReactNode;
 }
 
+/**
+ * Hjelpetype for å håndheve tilgjengelighetsmerker (labels).
+ * Sikrer at en av 'label', 'aria-label' eller 'aria-labelledby' er oppgitt.
+ */
+declare type LabelRequired = {
+    'aria-label': string;
+    'aria-labelledby'?: never;
+    label?: never;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    label: ReactNode;
+} | {
+    'aria-label'?: never;
+    'aria-labelledby': string;
+    label?: never;
+};
+
 export declare type Language = 'NO' | 'EN';
 
 export declare interface LanguageContextType {
@@ -702,11 +798,7 @@ export declare type LinkProps = LinkProps_2;
 /**
  * List-komponent for punktlister (ul) og nummererte lister (ol).
  */
-export declare const List: {
-    Item: ListItem;
-    Ordered: ListOrdered;
-    Unordered: ListUnordered;
-};
+export declare const List: typeof List_2;
 
 /**
  * Slår sammen to typer, der egenskaper fra T2 (høyre) overskriver egenskaper fra T1 (venstre).
@@ -815,13 +907,7 @@ export declare type SpinnerProps = SpinnerProps_2;
  * Suggestion-komponent for autofullfør/søkeforslag.
  * Merk: Dette er en eksperimentell komponent fra DigDir.
  */
-export declare const Suggestion: ForwardRefExoticComponent<SuggestionProps_2 & RefAttributes<DSSuggestionElement>> & {
-    List: EXPERIMENTAL_SuggestionList;
-    Input: EXPERIMENTAL_SuggestionInput;
-    Empty: EXPERIMENTAL_SuggestionEmpty;
-    Option: EXPERIMENTAL_SuggestionOption;
-    Clear: EXPERIMENTAL_SuggestionClear;
-};
+export declare const Suggestion: typeof EXPERIMENTAL_Suggestion;
 
 export declare type SuggestionClearProps = ComponentProps<typeof EXPERIMENTAL_Suggestion.Clear>;
 
@@ -945,3 +1031,22 @@ export declare interface ValidationMessageProps extends ValidationMessageProps_2
 }
 
 export { }
+
+// --- Embedded from rk-design-tokens/design-tokens-build/types.d.ts ---
+declare module '@digdir/designsystemet-types' {
+  export interface ColorDefinitions {
+    'primary-color-red': never;
+    'secondary-color-orange': never;
+    'secondary-color-rust': never;
+    'secondary-color-pink': never;
+    'additional-color-ocean': never;
+    'additional-color-jungle': never;
+    neutral: never;
+  }
+  export interface SeverityColorDefinitions {
+    info: never;
+    success: never;
+    warning: never;
+    danger: never;
+  }
+}