@norges-domstoler/dds-components 20.2.0 → 21.1.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ComponentPropsWithRef, HTMLAttributes, Ref, PropsWithChildren, ElementType, ComponentPropsWithoutRef, ComponentProps, AnchorHTMLAttributes, LabelHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, JSX, ButtonHTMLAttributes, ReactNode, AriaRole, InputHTMLAttributes, ForwardedRef, ForwardRefExoticComponent, ChangeEvent, MouseEvent as MouseEvent$1, ReactElement } from 'react';
+import { ComponentPropsWithRef, HTMLAttributes, Ref, ElementType, ComponentPropsWithoutRef, CSSProperties, ReactNode, ComponentProps, PropsWithChildren, AnchorHTMLAttributes, LabelHTMLAttributes, RefCallback, RefObject, KeyboardEvent as KeyboardEvent$1, Dispatch, SetStateAction, SVGAttributes, JSX, ButtonHTMLAttributes, AriaRole, InputHTMLAttributes, ForwardedRef, ForwardRefExoticComponent, ChangeEvent, MouseEvent as MouseEvent$1, ReactElement } from 'react';
 import * as CSS from 'csstype';
 import { Property, StandardProperties } from 'csstype';
 import { Strategy, UseFloatingReturn, Placement as Placement$1 } from '@floating-ui/react-dom';
@@ -30,10 +30,6 @@ interface SvgChevronProps {
 }
 declare const AnimatedChevronUpDown: ({ isUp, height, width, }: SvgChevronProps) => react_jsx_runtime.JSX.Element;
 
-type BorderColor = 'default' | 'subtle' | 'onInverse';
-type BorderColorCn = 'default' | 'subtle' | 'on-inverse';
-declare const getBorderCn: (color: BorderColor) => BorderColorCn;
-
 type Direction$1 = 'row' | 'column';
 
 /**
@@ -47,17 +43,49 @@ type Direction$1 = 'row' | 'column';
  * @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`.
  */
-type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Pick<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & {
+type BaseComponentProps<TElement extends Element, TOtherProps extends object = object, THTMLAttributesProps extends HTMLAttributes<TElement> = HTMLAttributes<TElement>> = Omit<THTMLAttributesProps, 'id' | 'className'> & TOtherProps & {
     /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
     htmlProps?: THTMLAttributesProps;
+    /**Ref til komponenten. */
     ref?: Ref<TElement>;
+    /**HTML id. */
+    id?: string;
+    /**Klassenavn. */
+    className?: string;
+};
+/**
+ * Basetype for polymorfe props som eksponeres til konsumenter av designsystemet.
+ * Lager en intersection-type med props som sendes inn og `id` og `htmlProps`
+ * slik at man kan ha `ComponentPropsWithRef`-props på komponenter som eksponeres
+ * av designsystemet.
+ *
+ * @template E `ElemenType` komponenten returnerer.
+ * @template TOtherProps Andre props komponenten skal eksponere til konsumenter.
+ * @template TComponentProps Standard `ComponentPropsWithoutRef<E>` som kan overstyres hvis man trenger en annen basetype for `htmlProps`, f.eks. for å støtte ofte brukte attributter på roten.
+ */
+type PolymorphicBaseComponentProps<E extends ElementType, TOtherProps extends object = object, TComponentProps extends object = ComponentPropsWithoutRef<E>> = Omit<TComponentProps, 'id' | 'className' | 'style' | 'ref'> & TOtherProps & {
+    /**HTML- eller React-element som returneres. */
+    as?: E;
+    /**Ref til komponenten. */
+    ref?: ComponentPropsWithRef<E>['ref'];
+    /**Native HTML-attributter som vil settes på elementet som genereres. Untatt `id`, `className` og `style` (og eventuelle andre attributter spesifisert i dokumentasjonen) som settes på toppnivå. */
+    htmlProps?: TComponentProps;
+    /**HTML id. */
+    id?: string;
+    /**Klassenavn. */
+    className?: string;
+    /**Inline style. */
+    style?: CSSProperties;
 };
 /**
  * Utvidelese av {@link BaseComponentProps} med prop for `children`.
  *
  * {@link BaseComponentProps}
  */
-type BaseComponentPropsWithChildren<T extends Element, TProps extends object = object, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, PropsWithChildren<TProps>, THTMLProps>;
+type BaseComponentPropsWithChildren<T extends Element, TProps extends object = object, THTMLProps extends HTMLAttributes<T> = HTMLAttributes<T>> = BaseComponentProps<T, TProps & {
+    /**Barn. */
+    children?: ReactNode;
+}, THTMLProps>;
 interface GetBaseHTMLProps {
     <T extends Element>(id: HTMLAttributes<T>['id'], className: HTMLAttributes<T>['className'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
     <T extends Element>(id: HTMLAttributes<T>['id'], htmlProps: HTMLAttributes<T> | undefined, unknownProps: object): HTMLAttributes<T> & object;
@@ -93,16 +121,30 @@ interface GetBaseHTMLProps {
  */
 declare const getBaseHTMLProps: GetBaseHTMLProps;
 
-type As = ElementType;
-type PropsOf<T extends As> = ComponentPropsWithoutRef<T> & {
+type PropsOf<T extends ElementType> = ComponentPropsWithoutRef<T> & {
+    /** HTML- eller React-element som returneres. */
     as?: T;
 };
-type PropsOfWithRef<T extends As> = ComponentPropsWithRef<T> & {
+type PropsOfWithRef<T extends ElementType> = ComponentPropsWithRef<T> & {
+    /** HTML- eller React-element som returneres. */
     as?: T;
 };
 
 type Size = 'xxlarge' | 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
 
+declare const BORDER_RADII: readonly ["button", "input", "surface", "chip", "rounded", "0"];
+declare const ELEVATIONS: readonly [1, 2, 3, 4];
+declare const BORDER_COLORS: readonly ["border-default", "border-subtle", "border-inverse", "border-action-default", "border-action-hover", "border-success", "border-warning", "border-danger", "border-info", "border-on-action"];
+declare const BACKGROUNDS: readonly ["surface-subtle", "surface-medium", "surface-inverse-default", "surface-danger-default", "surface-danger-strong", "surface-success-default", "surface-success-strong", "surface-warning-default", "surface-warning-strong", "surface-info-default", "surface-info-strong", "surface-paper-default", "surface-notification", "brand-primary-default", "brand-primary-subtle", "brand-primary-medium", "brand-primary-strong", "brand-secondary-default", "brand-secondary-subtle", "brand-secondary-medium", "brand-secondary-strong", "brand-tertiary-default", "brand-tertiary-subtle", "brand-tertiary-medium", "brand-tertiary-strong"];
+type BorderRadius = (typeof BORDER_RADII)[number];
+type Elevation = (typeof ELEVATIONS)[number];
+type BorderColor = (typeof BORDER_COLORS)[number];
+type PaperBackground = (typeof BACKGROUNDS)[number];
+declare const isPaperBackground: (value: unknown) => value is PaperBackground;
+declare const isBorderColor: (value: unknown) => value is BorderColor;
+declare const isBorderRadius: (value: unknown) => value is BorderRadius;
+declare const isElevation: (value: unknown) => value is Elevation;
+
 /**
  * Gir tilbake `T` med properties fra `K` som påkrevd gitt at `Condition` er `true`
  *
@@ -121,11 +163,96 @@ type ExtractStrict<T, U extends T> = U;
 type Nullable<T> = T | null;
 type Callback<T> = (e: T) => void;
 
-type PolymorphicProps<T extends As> = PropsOfWithRef<T>;
-declare const ElementAs: <T extends ElementType = "div">({ as, ref, children, ...props }: PolymorphicProps<T>) => react_jsx_runtime.JSX.Element;
+type PolymorphicProps<T extends ElementType> = PropsOfWithRef<T>;
+declare const ElementAs: <T extends ElementType>({ as, ref, children, ...props }: PolymorphicProps<T>) => react_jsx_runtime.JSX.Element;
 
 declare const HiddenInput: ({ className, ...rest }: ComponentPropsWithRef<"input">) => react_jsx_runtime.JSX.Element;
 
+declare const BREAKPOINTS: readonly ["xs", "sm", "md", "lg", "xl"];
+type Breakpoint = (typeof BREAKPOINTS)[number];
+declare const SPACING_SCALES: readonly ["x0", "x0.125", "x0.25", "x0.5", "x0.75", "x1", "x1.5", "x2", "x2.5", "x3", "x4", "x6", "x10"];
+type SpacingScale = (typeof SPACING_SCALES)[number];
+interface PrimitiveDisplayProps {
+    /** Skjuler komponenten fra og med det angitte brekkpunktet og nedover. */
+    hideBelow?: Breakpoint;
+    /** Viser komponenten kun under det angitte brekkpunktet. */
+    showBelow?: Breakpoint;
+}
+type BreakpointBasedProp<T> = {
+    [k in Breakpoint]?: T;
+};
+type ResponsiveProp<T> = T | BreakpointBasedProp<T>;
+interface PrimitiveLayoutProps {
+    /** CSS `width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    width?: ResponsiveProp<Property.Width>;
+    /** CSS `max-width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    maxWidth?: ResponsiveProp<Property.MaxWidth>;
+    /** CSS `min-width`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    minWidth?: ResponsiveProp<Property.MinWidth>;
+    /** CSS `height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    height?: ResponsiveProp<Property.Height>;
+    /** CSS `max-height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    maxHeight?: ResponsiveProp<Property.MaxHeight>;
+    /** CSS `min-height`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    minHeight?: ResponsiveProp<Property.MinHeight>;
+    /** CSS `overflow`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    overflow?: ResponsiveProp<Property.Overflow>;
+    /** CSS `overflow-y`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    overflowY?: ResponsiveProp<Property.OverflowY>;
+    /** CSS `overflow-x`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    overflowX?: ResponsiveProp<Property.OverflowX>;
+    /** CSS `position`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    position?: ResponsiveProp<Property.Position>;
+    /** CSS `top`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    top?: ResponsiveProp<Property.Top | SpacingScale>;
+    /** CSS `bottom`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    bottom?: ResponsiveProp<Property.Bottom | SpacingScale>;
+    /** CSS `left`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    left?: ResponsiveProp<Property.Left | SpacingScale>;
+    /** CSS `right`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    right?: ResponsiveProp<Property.Right | SpacingScale>;
+    /** CSS `padding`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    padding?: ResponsiveProp<Property.Padding | SpacingScale>;
+    /** CSS `padding-inline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    paddingInline?: ResponsiveProp<Property.PaddingInline | SpacingScale>;
+    /** CSS `padding-block`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    paddingBlock?: ResponsiveProp<Property.PaddingBlock | SpacingScale>;
+    /** CSS `margin`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    margin?: ResponsiveProp<Property.Margin | SpacingScale>;
+    /** CSS `margin-inline`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    marginInline?: ResponsiveProp<Property.MarginInline | SpacingScale>;
+    /** CSS `margin-block`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    marginBlock?: ResponsiveProp<Property.MarginBlock | SpacingScale>;
+    /** CSS `display`.  Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    display?: ResponsiveProp<Property.Display>;
+    /** CSS `flex-direction`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    flexDirection?: ResponsiveProp<Property.FlexDirection>;
+    /** CSS `flex-basis`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    flexBasis?: ResponsiveProp<Property.FlexBasis>;
+    /** CSS `flex-wrap`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    flexWrap?: ResponsiveProp<Property.FlexWrap>;
+    /** CSS `flex-flow`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    flexFlow?: ResponsiveProp<Property.FlexFlow>;
+    /** CSS `align-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    alignItems?: ResponsiveProp<Property.AlignItems>;
+    /** CSS `justify-items`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    justifyItems?: ResponsiveProp<Property.JustifyItems>;
+    /** CSS `align-content`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    alignContent?: ResponsiveProp<Property.AlignContent>;
+    /** CSS `justify-content`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    justifyContent?: ResponsiveProp<Property.JustifyContent>;
+    /** CSS `text-align`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser. */
+    textAlign?: ResponsiveProp<Property.TextAlign>;
+    /** CSS `gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser.*/
+    gap?: ResponsiveProp<Property.Gap | SpacingScale>;
+    /** CSS `row-gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    rowGap?: ResponsiveProp<Property.RowGap | SpacingScale>;
+    /** CSS `column-gap`. Støtter standardverdier og dds spacing tokens skala, per brekkpunkt eller samme for alle skjermstørrelser. */
+    columnGap?: ResponsiveProp<Property.ColumnGap | SpacingScale>;
+}
+type ResponsiveProps = PrimitiveDisplayProps & PrimitiveLayoutProps;
+type ResponsiveStackProps = Omit<ResponsiveProps, 'display' | 'flexDirection'>;
+
 declare function TextOverflowEllipsisWrapper({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 declare function TextOverflowEllipsisInner({ className, ...rest }: ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
 
@@ -229,9 +356,12 @@ declare const Label: {
     displayName: string;
 };
 
-type LegendProps = BaseComponentPropsWithChildren<HTMLLegendElement, BaseTypographyProps>;
+type LegendProps = BaseComponentPropsWithChildren<HTMLLegendElement, BaseTypographyProps & {
+    /**Typografistil basert på utvalget for HTML heading elementer.  */
+    typographyType?: TypographyHeadingType;
+}>;
 declare const Legend: {
-    ({ id, className, htmlProps, children, ...rest }: LegendProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, htmlProps, typographyType, ...rest }: LegendProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -262,7 +392,7 @@ interface CommonInputProps {
     /**Ledetekst. */
     label?: string;
     /**Bredde for inputfeltet. */
-    width?: Property.Width;
+    width?: ResponsiveProps['width'];
     /**Hjelpetekst. */
     tip?: string;
     /**Feilmelding. Setter også error state. */
@@ -274,7 +404,7 @@ type InputProps = CommonInputProps & {
      * @default "medium"
      */
     componentSize?: InputSize;
-} & ComponentPropsWithRef<'input'>;
+} & Omit<ComponentPropsWithRef<'input'>, 'width'>;
 type StatefulInputProps = {
     hasErrorMessage: boolean;
 } & Omit<InputProps, keyof CommonInputProps>;
@@ -296,15 +426,80 @@ type Props = BaseComponentProps<HTMLElement, {
 declare function CharCounter(props: Props): react_jsx_runtime.JSX.Element;
 declare const renderCharCounter: (id: string, isShown: boolean, textLength: number, maxLength?: number) => react_jsx_runtime.JSX.Element | undefined;
 
-declare function getDefaultText(value?: string | number | ReadonlyArray<string>, defaultValue?: string | number | ReadonlyArray<string>): string;
+type BoxProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, ResponsiveProps>;
+declare const Box: {
+    <T extends ElementType = "div">({ id, className, style, padding, paddingInline, paddingBlock, margin, marginInline, marginBlock, height, maxHeight, minHeight, width, maxWidth, minWidth, position, left, right, bottom, top, overflow, overflowX, overflowY, display, textAlign, flexDirection, gap, columnGap, rowGap, alignItems, alignContent, justifyItems, justifyContent, flexWrap, flexBasis, flexFlow, htmlProps, ...rest }: BoxProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-type Elevation = 1 | 2 | 3 | 4;
-type Border = BorderColor;
-type PaperProps = {
-    elevation?: Elevation;
-    border?: Border;
-} & ComponentPropsWithRef<'div'>;
-declare const Paper: ({ elevation, border, className, ...rest }: PaperProps) => react_jsx_runtime.JSX.Element;
+type GridProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, Omit<{
+    /** CSS `grid-template-columns`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser.
+     * @default {
+          xs: 'repeat(var(--dds-grid-xs-count), minmax(0, 1fr))',
+          sm: 'repeat(var(--dds-grid-sm-count), minmax(0, 1fr))',
+          md: 'repeat(var(--dds-grid-md-count), minmax(0, 1fr))',
+          lg: 'repeat(var(--dds-grid-lg-count), minmax(0, 1fr))',
+          xl: 'repeat(var(--dds-grid-xl-count), minmax(0, 1fr))',
+        }
+     */
+    gridTemplateColumns?: ResponsiveProp<Property.GridTemplateColumns>;
+} & ResponsiveProps, 'display'>>;
+declare const Grid: {
+    <T extends ElementType = "div">({ id, className, htmlProps, gridTemplateColumns, columnGap, rowGap, marginInline, style, ...rest }: GridProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';
+type ColumnsOccupied = ResponsiveProp<StandardProperties['gridColumn'] | RelativeColumnsOccupied>;
+type GridChildProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, {
+    /**Hvilke kolonner innholdet skal okkupere. Støtter standardverdier for CSS `grid-column` og relative verider `'all'`, `'firstHalf'` eller `'secondHalf'`, per brekkpunkt eller samme for alle skjermstørrelser. */
+    columnsOccupied?: ColumnsOccupied;
+    /**CSS `justify-self`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    justifySelf?: ResponsiveProp<Property.JustifySelf>;
+    /**CSS `grid-row`. Støtter verdi per brekkpunkt eller samme for alle skjermstørrelser. */
+    gridRow?: ResponsiveProp<Property.GridRow>;
+} & Omit<ResponsiveProps, 'display'>>;
+declare const GridChild: {
+    <T extends ElementType = "div">({ id, className, htmlProps, style, gridRow, justifySelf, columnsOccupied, ...rest }: GridChildProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type PaperElevation = Elevation;
+type PaperBorder = BorderColor;
+type PaperBorderRadius = BorderRadius;
+type PickedAttributes$1<T extends ElementType = 'div'> = Pick<ComponentProps<T>, 'tabIndex' | 'role'>;
+type PaperProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, {
+    /**I hvor stor grad flaten skal framheves. Støtter dds tokens. */
+    elevation?: PaperElevation;
+    /**Farge på kantlinje. Støtter dds tokens. */
+    border?: PaperBorder;
+    /**Hvor runde hjørner skal være. Støtter dds tokens. */
+    borderRadius?: PaperBorderRadius;
+    /**Bakgrunn. Støtter dds tokens. */
+    background?: PaperBackground;
+} & ResponsiveProps & PickedAttributes$1, Omit<ComponentProps<T>, keyof PickedAttributes$1>>;
+declare const Paper: <T extends ElementType = "div">({ id, elevation, border, borderRadius, background, className, htmlProps, style, ...rest }: PaperProps<T>) => react_jsx_runtime.JSX.Element;
+
+type ShowHideProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, PrimitiveDisplayProps>;
+declare const ShowHide: {
+    <T extends ElementType = "div">({ hideBelow, showBelow, className, htmlProps, id, ...rest }: ShowHideProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type VStackProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, ResponsiveStackProps>;
+declare const VStack: {
+    <T extends ElementType = "div">({ id, className, htmlProps, ...rest }: VStackProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type HStackProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, ResponsiveStackProps>;
+declare const HStack: {
+    <T extends ElementType = "div">({ id, className, htmlProps, ...rest }: HStackProps<T>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare function getDefaultText(value?: string | number | ReadonlyArray<string>, defaultValue?: string | number | ReadonlyArray<string>): string;
+declare function getInputWidth(width?: ResponsiveProps['width'], defaultW?: ResponsiveProps['width'] | false | null): ResponsiveProps['width'];
 
 /**
  * Kombinerer refs for et element.
@@ -530,11 +725,20 @@ declare enum ScreenSize {
  */
 declare const useScreenSize: () => ScreenSize;
 
-type ScreenSizeLiteral = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare const getLiteralScreenSize: (screenSize: ScreenSize) => ScreenSizeLiteral;
-type BreakpointBasedProps<T extends keyof StandardProperties> = {
-    [k in ScreenSizeLiteral]?: StandardProperties[T];
-};
+/**
+ * Kjører logikk når vindusstørrelsen endrer seg.
+ * Typisk bruk:
+ * ```
+ *  const [width, setWidth] = useState<number>(window.innerWidth);
+ *  useResize(() => setWidth(window.innerWidth));
+ *
+ * return <div>vindusstørrelse: {width}px</div>;
+ * ```
+ * @param handler funksjonen som skal kjøres.
+ */
+declare const useWindowResize: (handler: () => void) => void;
+
+declare const getLiteralScreenSize: (screenSize: ScreenSize) => Breakpoint;
 
 type StylelessListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
 declare const StylelessList: ({ className, ...rest }: StylelessListProps) => react_jsx_runtime.JSX.Element;
@@ -1150,7 +1354,7 @@ type BreadcrumbsProps = BaseComponentPropsWithChildren<HTMLElement, {
      * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises.
      * Trunkerer barn unntatt første og siste; trunkerte barn er tilgjengelige ved å trykke på trunkeringsknappen.
      */
-    smallScreenBreakpoint?: ScreenSizeLiteral;
+    smallScreenBreakpoint?: Breakpoint;
 }>;
 declare const Breadcrumbs: {
     ({ children, smallScreenBreakpoint, id, className, htmlProps, ...rest }: BreadcrumbsProps): react_jsx_runtime.JSX.Element;
@@ -1293,13 +1497,89 @@ declare const Chip: {
 
 type ChipGroupProps = ComponentPropsWithRef<'ul'>;
 declare const ChipGroup: {
-    ({ children, className, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...rest }: ChipGroupProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 type ContrastProps<T extends React.ElementType> = PolymorphicProps<T>;
 declare const Contrast: <T extends React.ElementType>({ className, as, ...rest }: ContrastProps<T>) => react_jsx_runtime.JSX.Element;
 
+interface SelectionControlCommonProps {
+    /**Ledetekst for alternativet. */
+    label?: string;
+    /**Spesifiserer om input er `disabled`. */
+    disabled?: boolean;
+    /**Indikerer valideringsfeil. Påvirker styling. */
+    error?: boolean;
+    /**Inputelementet blir `readonly` - den kan ikke interageres med. Brukes bl.a. til å presentere input brukeren har fylt ut andre steder. */
+    readOnly?: boolean;
+}
+interface SelectionControlGroupCommonProps {
+    /**Ledetekst for gruppen. */
+    label?: string;
+    /**Retningen barna gjengis i.
+     * @default "row"
+     */
+    direction?: Direction$1;
+    /**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
+    groupId?: string;
+    /**Hjelpetekst for gruppen. */
+    tip?: string;
+    /**Gir alle barna `disabled` prop. */
+    disabled?: boolean;
+    /**Gir alle barna `readOnly` prop. */
+    readOnly?: boolean;
+    /**Meldingen som vises ved valideringsfeil. Gir error-tilstand til barna og setter `aria-describedby` for barna. */
+    errorMessage?: string;
+}
+
+type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
+type CheckboxProps = BaseComponentProps<HTMLInputElement, SelectionControlCommonProps & {
+    /**Brukes ved nøstet struktur der alle `<Checkbox>` som hører til en gruppe kan bli valgt ved å trykke på en forelder `<Checkbox>`.
+     * Hvis enkelte `<Checkbox>` blir valgt men ikke alle, skal forelder `<Checkbox>` få tilstanden `indeterminate` - verken valgt eller ikke. */
+    indeterminate?: boolean;
+} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+
+declare const Checkbox: {
+    ({ id, name, label, error, disabled, readOnly, indeterminate, "aria-describedby": ariaDescribedby, className, htmlProps, children, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
+    /**Indikerer at det er påkrevd å velge minst ett alternativ. Legger en markør bak ledeteksten. **OBS!** `required` må i tillegg gis til `<Checkbox>`-barna manuelt. */
+    required?: boolean;
+}>;
+declare const CheckboxGroup: {
+    (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type CookieBannerCheckboxProps = Omit<CheckboxProps, 'label' | 'children'> & {
+    /**Header - kort oppsummering av den spesifikke typen informasjonskapsel. */
+    headerText?: string;
+    /**Detaljer rundt den spesifikke typen informasjonskapsel. */
+    description: string;
+};
+declare function CookieBannerCheckbox({ headerText, description, id, className, htmlProps, ...rest }: CookieBannerCheckboxProps): react_jsx_runtime.JSX.Element;
+declare namespace CookieBannerCheckbox {
+    var displayName: string;
+}
+
+type CookieBannerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
+    /**Header - kort oppsummering. */
+    headerText?: string;
+    /**Hovedinnholdet med info rundt informasjonkapsler bruk på siden. Kan inneholde lenker og andre interaktive elementer. */
+    description?: ReactNode;
+    /**Knapper for ulike nivåer av godkjenning av informasjonskaplser. Layout for knappene håndteres ut av boksen. */
+    buttons?: Array<Omit<ButtonProps, 'purpose' | 'size'>>;
+    /**Checkboxes for hver type informasjonskapsel som brukes på siden. Layout håndteres ut av boksen. */
+    checkboxes?: Array<CookieBannerCheckboxProps>;
+} & Pick<ResponsiveProps, 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'maxHeight'>>;
+declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, htmlProps, 'aria-label': ariaLabel, maxHeight, width, children, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
+declare namespace CookieBanner {
+    var displayName: string;
+}
+
 type CalendarProps<T extends DateValue> = AriaCalendarProps<T>;
 declare function Calendar<T extends DateValue>(props: CalendarProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Calendar {
@@ -1314,7 +1594,7 @@ type DateFieldProps<T extends DateValue$1 = CalendarDate> = AriaDateFieldOptions
     ref?: Ref<HTMLDivElement>;
 };
 
-interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'> {
+interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granularity'>, Pick<DateFieldProps<CalendarDate>, 'componentSize' | 'tip' | 'style'>, Pick<ResponsiveProps, 'width'> {
     ref?: Ref<HTMLElement>;
     /**
      * Ledetekst.
@@ -1328,14 +1608,10 @@ interface DatePickerProps extends Omit<AriaDatePickerProps<CalendarDate>, 'granu
      * @default true
      */
     showWeekNumbers?: boolean;
-    /**
-     * Egendefinert bredde på komponenten.
-     */
-    width?: CSS.Properties['width'];
     /**
      * Brekkpunkt for å vise versjon for liten skjerm.
      */
-    smallScreenBreakpoint?: ScreenSizeLiteral;
+    smallScreenBreakpoint?: Breakpoint;
 }
 declare function DatePicker({ errorMessage, componentSize, tip, style, width, smallScreenBreakpoint, showWeekNumbers, ref, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
 declare namespace DatePicker {
@@ -1415,9 +1691,11 @@ type DetailListProps = BaseComponentPropsWithChildren<HTMLDListElement, {
      * @default true
      */
     striped?: boolean;
+    /**Brekkpunkt og nedover versjonen for små skjermer skal vises; den gjør om rader til kolonner. */
+    smallScreenBreakpoint?: Breakpoint;
 }>;
 declare const DetailList: {
-    ({ id, className, htmlProps, withDividers, striped, size, ...rest }: DetailListProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, htmlProps, withDividers, striped, size, smallScreenBreakpoint, ...rest }: DetailListProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1439,7 +1717,7 @@ declare const DetailListTerm: {
     displayName: string;
 };
 
-type DividerColor = 'default' | 'subtle' | 'onInverse';
+type DividerColor = 'default' | 'subtle' | 'on-inverse';
 type DividerProps = BaseComponentProps<HTMLHRElement, {
     /** Farge på horisontal linje.
      * @default "default"
@@ -1450,11 +1728,7 @@ declare const Divider: ({ color, id, className, htmlProps, ...rest }: DividerPro
 
 type DrawerSize = Extract<Size, 'small' | 'medium' | 'large'>;
 type DrawerPlacement = 'left' | 'right';
-interface WidthProps {
-    minWidth?: Property.MinWidth;
-    maxWidth?: Property.MaxWidth;
-    width?: Property.Width;
-}
+type WidthProps = Pick<ResponsiveProps, 'minWidth' | 'maxWidth' | 'width'>;
 type DrawerProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Størrelsen på `<Drawer>`.
      * @default "small"
@@ -1471,7 +1745,7 @@ type DrawerProps = Omit<BaseComponentPropsWithChildren<HTMLDivElement, {
      * @default themeProviderRef
      */
     parentElement?: HTMLElement;
-    /**Custom props for breddehåndtering ved behov. */
+    /**Custom props for breddehåndtering ved behov. Kan settes per brekkpunkt eller samme verdi for alle. */
     widthProps?: WidthProps;
     /**
      * Om `<Drawer>` skal vises med backdrop som gråer ut bakgrunnen.
@@ -1520,13 +1794,13 @@ type EmptyContentProps = {
     /**Melding - beskrivelse og forklaring på hvordan brukeren kan få innhold. Kan inneholde lenker og andre interaktive elementer. */
     message: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
-declare function EmptyContent({ headerText, message, headerHeadingLevel, className, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
+declare function EmptyContent({ headerText, message, headerHeadingLevel, ...rest }: EmptyContentProps): react_jsx_runtime.JSX.Element;
 declare namespace EmptyContent {
     var displayName: string;
 }
 
 type ComponentSize = 'medium' | 'large';
-interface FavStarProps extends BaseComponentPropsWithChildren<HTMLElement> {
+type FavStarProps = BaseComponentPropsWithChildren<HTMLElement, {
     /**
      * Status på favorisering. `true` betyr at den er favorisert.
      */
@@ -1545,7 +1819,7 @@ interface FavStarProps extends BaseComponentPropsWithChildren<HTMLElement> {
      * @default "medium"
      */
     size?: ComponentSize;
-}
+}, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
 declare const FavStar: {
     ({ id, className, onChange, checked: checkedProp, defaultChecked, size, htmlProps, ...rest }: FavStarProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -1621,7 +1895,16 @@ type FieldsetProps = BaseComponentPropsWithChildren<HTMLFieldSetElement, {
     /** Om alle inputfelt skal bli `disabled`. */
     disabled?: boolean;
 }>;
-declare const Fieldset: ({ id, className, htmlProps, ...rest }: FieldsetProps) => react_jsx_runtime.JSX.Element;
+declare const Fieldset: {
+    ({ id, className, htmlProps, ...rest }: FieldsetProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type FieldsetGroupProps = BaseComponentPropsWithChildren<HTMLDivElement>;
+declare const FieldsetGroup: {
+    ({ id, className, htmlProps, ...rest }: FieldsetGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type FileExtensionAccept = `.${string}`;
 type AnyMimeType = '*';
@@ -1670,15 +1953,13 @@ type FileUploaderProps = {
     required?: boolean;
     /**Callback for når fil-listen endres. */
     onChange: (newFiles: FileList) => void;
-    /**Bredde for filopplasteren. */
-    width?: Property.Width;
     /**Om drag-and-drop zone skal vises.
      * @default true
      */
     withDragAndDrop?: boolean;
     /**Om listen med opplastede filer skal skjules. Brukes kun hvis listen blir vist på egen måte. */
     hideFileList?: boolean;
-} & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'>;
+} & Pick<ResponsiveProps, 'width'> & Partial<FileUploaderHookProps> & Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'id'>;
 declare const FileUploader: {
     (props: FileUploaderProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -1695,7 +1976,7 @@ type FooterLogoProps = ComponentPropsWithRef<'img'> & {
     /**Brekkepunkt når logoen skal skjules på mindre skjerm. */
     hideBreakpoint?: HideBreakpoint;
 };
-declare const FooterLogo: ({ className, hideBreakpoint, ...rest }: FooterLogoProps) => react_jsx_runtime.JSX.Element;
+declare const FooterLogo: ({ hideBreakpoint, ...rest }: FooterLogoProps) => react_jsx_runtime.JSX.Element;
 
 type FooterListProps = ComponentPropsWithRef<'ul'>;
 declare const FooterList: ({ className, ...rest }: FooterListProps) => react_jsx_runtime.JSX.Element;
@@ -1748,48 +2029,6 @@ declare const GlobalMessage: {
     displayName: string;
 };
 
-type RowGapGrid = BreakpointBasedProps<'rowGap'>;
-type MaxWidthGrid = BreakpointBasedProps<'maxWidth'>;
-type ColumnGapGrid = BreakpointBasedProps<'columnGap'>;
-type BaseGridProps = {
-    /**Maksimal bredde. Gjøres per brekkepunkt.  */
-    maxWidth?: MaxWidthGrid;
-    /** CSS `row-gap`. Gjøres per brekkepunkt. */
-    rowGap?: RowGapGrid;
-    /** CSS `column-gap`. Gjøres per brekkepunkt. */
-    columnGap?: ColumnGapGrid;
-} & Pick<HTMLAttributes<HTMLElement>, 'style'>;
-type GridDivProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**HTML tag som returneres. */
-    as: 'div';
-} & BaseGridProps>;
-type GridFormProps = BaseComponentPropsWithChildren<HTMLFormElement, {
-    as: 'form';
-} & BaseGridProps>;
-type GridProps = GridDivProps | GridFormProps;
-declare const Grid: {
-    (props: GridProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const isRelativeGridColumn: (type: ColumnsOccupied | undefined) => type is RelativeColumnsOccupied;
-declare const isGridColumn: (type: ColumnsOccupied | undefined) => type is GridColumnPerScreenSize;
-type RelativeColumnsOccupied = 'all' | 'firstHalf' | 'secondHalf';
-type GridColumnPerScreenSize = BreakpointBasedProps<'gridColumn'>;
-type ColumnsOccupied = RelativeColumnsOccupied | GridColumnPerScreenSize;
-type GridChildProps = BaseComponentPropsWithChildren<HTMLDivElement, {
-    /**hvilke kolonner innholdet skal okkupere. Tar inn enten en string med relativ definisjon eller et objekt med egentilpassede `grid-column` CSS verdi definert for hver brekkepunkt. */
-    columnsOccupied?: ColumnsOccupied;
-    /**Plassering av innholdet på x-aksen. */
-    justifySelf?: Property.JustifySelf;
-    /**Hvilke rader innholdet skal okkupere. */
-    gridRow?: Property.GridRow;
-}> & Pick<HTMLAttributes<HTMLElement>, 'style'>;
-declare const GridChild: {
-    (props: GridChildProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
 type InlineButtonProps = ComponentPropsWithRef<'button'>;
 declare const InlineButton: ({ className, ...rest }: InlineButtonProps) => react_jsx_runtime.JSX.Element;
 
@@ -1801,7 +2040,7 @@ interface BaseInlineInputProps {
     /** Bredde på komponenten.
      * @default "140px"
      */
-    width?: Property.Width;
+    width?: ResponsiveProps['width'];
     /**Om redigeringsikonet skal vises. */
     hideIcon?: boolean;
 }
@@ -1863,7 +2102,7 @@ type InternalHeaderProps = BaseComponentProps<HTMLDivElement, {
     /**URL til hovedsiden. */
     applicationHref?: string;
     /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den justerer på spacing og legger navigasjonen i kontekstmenyen. */
-    smallScreenBreakpoint?: ScreenSizeLiteral;
+    smallScreenBreakpoint?: Breakpoint;
     /**Info om brukeren. Dukker opp som punkt på toppen av kontekstmenyen med tekst oppgitt i name. Blir en lenke hvis href er oppgitt. */
     user?: InternaHeaderUserProps;
     /**Lenker som skal vises i navigasjonsmenyen. */
@@ -1921,9 +2160,7 @@ type LocalMessageProps = BaseComponentPropsWithChildren<HTMLDivElement, {
      * @default "horisontal"
      */
     layout?: LocalMessageLayout;
-    /**Custom bredde ved behov. */
-    width?: Property.Width;
-}>;
+} & Pick<ResponsiveProps, 'width'>>;
 declare const LocalMessage: {
     ({ message, purpose, closable, onClose, width, layout, children, id, className, htmlProps, ...rest }: LocalMessageProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -1965,7 +2202,7 @@ declare const ModalBody: {
 
 type ModalActionsProps = ComponentPropsWithRef<'div'>;
 declare const ModalActions: {
-    ({ className, ...rest }: ModalActionsProps): react_jsx_runtime.JSX.Element;
+    (props: ModalActionsProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2006,9 +2243,9 @@ declare const OverflowMenuLink: {
     displayName: string;
 };
 
-type OverflowMenuDividerProps = DividerProps;
+type OverflowMenuDividerProps = Omit<DividerProps, 'color'>;
 declare const OverflowMenuDivider: {
-    ({ className, ...rest }: OverflowMenuDividerProps): react_jsx_runtime.JSX.Element;
+    ({ id, className, htmlProps, ...rest }: OverflowMenuDividerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2086,10 +2323,10 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
     /**Brukes til å hente `selectedOption` og eventuelt kjøre annen logikk når `withSelect=true` ved endring av alternativ. */
     onSelectOptionChange?: (option: PaginationOption | null) => void;
     /**Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den viser færre sideknapper og stacker subkomponentene. */
-    smallScreenBreakpoint?: ScreenSizeLiteral;
+    smallScreenBreakpoint?: Breakpoint;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
 declare const Pagination: {
-    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element;
+    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 
@@ -2124,7 +2361,7 @@ type PhoneInputProps = {
     /**
      * Spesifiserer ved hvilket brekkpunkt og nedover versjonen for små skjermer skal vises; den stacker subkomponentene vertikalt.
      */
-    smallScreenBreakpoint?: ScreenSizeLiteral;
+    smallScreenBreakpoint?: Breakpoint;
     /**
      * Usynlig ledetekst for nedtrekksliste med landkoder. Brukes hvis default ikke passer eller ikke er beskrivende nok.
      * @default "Landskode"
@@ -2145,14 +2382,7 @@ declare const PhoneInput: {
     displayName: string;
 };
 
-interface PopoverSizeProps {
-    width?: Property.Width;
-    height?: Property.Height;
-    minWidth?: Property.MinWidth;
-    minHeight?: Property.MinHeight;
-    maxWidth?: Property.MaxWidth;
-    maxHeight?: Property.MaxHeight;
-}
+type PopoverSizeProps = Pick<ResponsiveProps, 'width' | 'height' | 'minWidth' | 'minHeight' | 'maxWidth' | 'maxHeight'>;
 type PopoverProps = BaseComponentPropsWithChildren<HTMLDivElement, {
     /**Header. Bruker default semantisk heading hvis verdien er en `string`.  */
     header?: string | ReactNode;
@@ -2292,9 +2522,9 @@ type SearchProps = Pick<InputProps, 'tip' | 'label'> & {
     componentSize?: SearchSize;
     /**Props for søkeknappen. */
     buttonProps?: SearchButtonProps;
-} & ComponentPropsWithRef<'input'>;
+} & Pick<InputProps, 'width'> & Omit<ComponentPropsWithRef<'input'>, 'width'>;
 declare const Search$1: {
-    ({ componentSize, buttonProps, name, label, tip, id, value, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
+    ({ componentSize, buttonProps, name, label, tip, id, value, width, onChange, className, style, "aria-describedby": ariaDescribedby, ref, ...rest }: SearchProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2376,8 +2606,6 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     errorMessage?: string;
     /**Hjelpetekst. */
     tip?: string;
-    /**Custom bredde ved behov. */
-    width?: Property.Width;
     /** CSS klassenavn. */
     className?: string;
     /** Inline styling. */
@@ -2390,7 +2618,7 @@ type SelectProps<Option = unknown, IsMulti extends boolean = false> = {
     'data-testid'?: string;
     /**Ref til komponenten. */
     ref?: SelectForwardRefType<Option, IsMulti>;
-} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
+} & Pick<HTMLAttributes<HTMLInputElement>, 'aria-required'> & Pick<ResponsiveProps, 'width'> & WrappedReactSelectProps<Option, IsMulti, GroupBase<Option>>;
 type SelectForwardRefType<Option, IsMulti extends boolean> = Ref<SelectInstance<Option, IsMulti, GroupBase<Option>>>;
 declare function Select<Option = unknown, IsMulti extends boolean = false>({ id, label, componentSize, errorMessage, tip, required, 'aria-required': ariaRequired, readOnly, options, isMulti, value, icon, defaultValue, width, closeMenuOnSelect, className, style, isDisabled, isClearable, placeholder, menuPortalTarget, customOptionElement, customSingleValueElement, 'data-testid': dataTestId, onKeyDown, openMenuOnClick, ref, ...rest }: SelectProps<Option, IsMulti>): react_jsx_runtime.JSX.Element;
 declare namespace Select {
@@ -2407,56 +2635,6 @@ declare const NativeSelectPlaceholder: {
 
 declare const createSelectOptions: <TValue extends string | number>(...args: Array<TValue>) => Array<SelectOption<TValue>>;
 
-interface SelectionControlCommonProps {
-    /**Ledetekst for alternativet. */
-    label?: string;
-    /**Spesifiserer om input er `disabled`. */
-    disabled?: boolean;
-    /**Indikerer valideringsfeil. Påvirker styling. */
-    error?: boolean;
-    /**Inputelementet blir `readonly` - den kan ikke interageres med. Brukes bl.a. til å presentere input brukeren har fylt ut andre steder. */
-    readOnly?: boolean;
-}
-interface SelectionControlGroupCommonProps {
-    /**Ledetekst for gruppen. */
-    label?: string;
-    /**Retningen barna gjengis i.
-     * @default "row"
-     */
-    direction?: Direction$1;
-    /**Custom id for for gruppen, knytter ledetekst til gruppen via `aria-label`. */
-    groupId?: string;
-    /**Hjelpetekst for gruppen. */
-    tip?: string;
-    /**Gir alle barna `disabled` prop. */
-    disabled?: boolean;
-    /**Gir alle barna `readOnly` prop. */
-    readOnly?: boolean;
-    /**Meldingen som vises ved valideringsfeil. Gir error-tilstand til barna og setter `aria-describedby` for barna. */
-    errorMessage?: string;
-}
-
-type CheckboxPickedHTMLAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby' | 'name' | 'checked' | 'defaultChecked' | 'value' | 'defaultValue' | 'onChange' | 'onBlur'>;
-type CheckboxProps = BaseComponentProps<HTMLInputElement, SelectionControlCommonProps & {
-    /**Brukes ved nøstet struktur der alle `<Checkbox>` som hører til en gruppe kan bli valgt ved å trykke på en forelder `<Checkbox>`.
-     * Hvis enkelte `<Checkbox>` blir valgt men ikke alle, skal forelder `<Checkbox>` få tilstanden `indeterminate` - verken valgt eller ikke. */
-    indeterminate?: boolean;
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
-
-declare const Checkbox: {
-    ({ id, name, label, error, disabled, readOnly, indeterminate, "aria-describedby": ariaDescribedby, className, htmlProps, ...rest }: CheckboxProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type CheckboxGroupProps = BaseComponentPropsWithChildren<HTMLDivElement, SelectionControlGroupCommonProps & {
-    /**Indikerer at det er påkrevd å velge minst ett alternativ. Legger en markør bak ledeteksten. **OBS!** `required` må i tillegg gis til `<Checkbox>`-barna manuelt. */
-    required?: boolean;
-}>;
-declare const CheckboxGroup: {
-    (props: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
 type PickedInputHTMLAttributes$1 = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'readOnly' | 'checked' | 'value' | 'required' | 'onChange' | 'aria-describedby'>;
 type RadioButtonProps = BaseComponentPropsWithChildren<HTMLInputElement, SelectionControlCommonProps & PickedInputHTMLAttributes$1, Omit<InputHTMLAttributes<HTMLInputElement>, keyof PickedInputHTMLAttributes$1>>;
 type RadioValue = PickedInputHTMLAttributes$1['value'];
@@ -2485,15 +2663,11 @@ declare const RadioButtonGroup: {
 
 type SkeletonAppearance = 'circle' | 'rectangle';
 type SkeletonProps = {
-    /** Bredde. */
-    width?: Property.Width;
-    /** Høyde. */
-    height?: Property.Height;
     /**CSS border radius.
      * @default "var(--dds-border-radius-surface)"
      */
     borderRadius?: Property.BorderRadius;
-} & ComponentPropsWithRef<'div'>;
+} & Pick<ResponsiveProps, 'width' | 'height'> & ComponentPropsWithRef<'div'>;
 declare const Skeleton: {
     ({ width, height, borderRadius, className, style, ref, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -2553,43 +2727,6 @@ declare const SplitButton: {
     displayName: string;
 };
 
-type StackSpacing = 'x0.125' | 'x0.25' | 'x0.5' | 'x0.75' | 'x1' | 'x1.5' | 'x2' | 'x2.5' | 'x3' | 'x4' | 'x6' | 'x10';
-interface StackStyleProps {
-    /**
-     * Hvilken retning elementene skal plasseres i.
-     */
-    direction: 'horizontal' | 'vertical';
-    /**
-     * CSS `align-items`.
-     * @default "center"
-     */
-    align?: StandardProperties['alignItems'];
-    /**
-     * CSS `justify-content`.
-     * @default "flex-start"
-     */
-    justify?: StandardProperties['justifyContent'];
-    /**
-     * Hvilken spacing token som skal brukes som CSS `gap`.
-     */
-    gap?: StackSpacing | 0;
-    /**
-     * Hvilken spacing token som skal brukes som CSS `padding`.
-     */
-    padding?: StackSpacing | 0;
-}
-type StackProps = BaseComponentPropsWithChildren<HTMLDivElement, Omit<StackStyleProps, 'direction'>>;
-declare const HStack: {
-    ({ id, className, htmlProps, align, justify, gap, padding, ...rest }: StackProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare const VStack: {
-    ({ id, className, htmlProps, align, justify, gap, padding, ...rest }: StackProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-declare function spacingPropToCn(value: string): HyphenSpacingProps;
-type HyphenSpacingProps = 'x-0-125' | 'x-0-25' | 'x-0-5' | 'x-0-75' | 'x-1' | 'x-1-5' | 'x-2' | 'x-2-5' | 'x-3' | 'x-4' | 'x-6' | 'x-10';
-
 type TableBodyProps = ComponentPropsWithRef<'tbody'>;
 declare const Body: {
     (props: TableBodyProps): react_jsx_runtime.JSX.Element;
@@ -2755,11 +2892,9 @@ type TabsProps = BaseComponentPropsWithChildren<HTMLDivElement, {
      * @default "row"
      */
     tabContentDirection?: Direction$1;
-    /**Bredde for hele komponenten. */
-    width?: Property.Width;
     /** Props for "Legg til fane"-knapp. Støtter native HTML attributter og `width`. */
     addTabButtonProps?: Omit<AddTabButtonProps, 'index'>;
-}, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+} & Pick<ResponsiveProps, 'width'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'>>;
 declare const Tabs: {
     ({ id, activeTab, onChange, tabContentDirection, size, addTabButtonProps, width, children, className, htmlProps, ...rest }: TabsProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -2932,7 +3067,7 @@ declare function useTheme(): {
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX2: 1.35;
         ddsFontLineheightX3: 1.2;
-        ddsFontLineheightList: 2.5;
+        ddsFontLineheightList: 2;
         ddsFontLetterSpacingTight: "-0.01em";
         ddsFontLetterSpacingNormal: "0em";
         ddsFontLetterSpacingLoose: "0.01em";
@@ -3020,16 +3155,106 @@ declare function useTheme(): {
         ddsZindexDropdown: "100";
         ddsZindexSticky: "50";
         ddsZindexAbsoluteElement: "1";
+        ddsColorDataRed100: "#f8d2d4";
+        ddsColorDataRed200: "#f0a5a9";
+        ddsColorDataRed300: "#e9787e";
+        ddsColorDataRed400: "#e14b53";
+        ddsColorDataRed500: "#da1e28";
+        ddsColorDataRed600: "#ae1820";
+        ddsColorDataRed700: "#831218";
+        ddsColorDataRed800: "#570c10";
+        ddsColorDataRed900: "#2c0608";
+        ddsColorDataMagenta100: "#eed3df";
+        ddsColorDataMagenta200: "#dfa5bf";
+        ddsColorDataMagenta300: "#cf789e";
+        ddsColorDataMagenta400: "#c74f84";
+        ddsColorDataMagenta500: "#b62665";
+        ddsColorDataMagenta600: "#8a1a4b";
+        ddsColorDataMagenta700: "#671438";
+        ddsColorDataMagenta800: "#440e26";
+        ddsColorDataMagenta900: "#220713";
+        ddsColorDataBrown100: "#f0ddd5";
+        ddsColorDataBrown200: "#e1bcac";
+        ddsColorDataBrown300: "#d19a82";
+        ddsColorDataBrown400: "#c27959";
+        ddsColorDataBrown500: "#b3572f";
+        ddsColorDataBrown600: "#8f4626";
+        ddsColorDataBrown700: "#6b341c";
+        ddsColorDataBrown800: "#482313";
+        ddsColorDataBrown900: "#241109";
+        ddsColorDataOlive100: "#e6e4d0";
+        ddsColorDataOlive200: "#cdc9a1";
+        ddsColorDataOlive300: "#b3ae71";
+        ddsColorDataOlive400: "#989344";
+        ddsColorDataOlive500: "#7c7518";
+        ddsColorDataOlive600: "#635e13";
+        ddsColorDataOlive700: "#4a460e";
+        ddsColorDataOlive800: "#322f0a";
+        ddsColorDataOlive900: "#191705";
+        ddsColorDataGreen100: "#d1e6d7";
+        ddsColorDataGreen200: "#a3ccaf";
+        ddsColorDataGreen300: "#75b388";
+        ddsColorDataGreen400: "#479960";
+        ddsColorDataGreen500: "#198038";
+        ddsColorDataGreen600: "#14662d";
+        ddsColorDataGreen700: "#0f4d22";
+        ddsColorDataGreen800: "#0a3316";
+        ddsColorDataGreen900: "#051a0b";
+        ddsColorDataTeal100: "#c2e2e1";
+        ddsColorDataTeal200: "#90ccc9";
+        ddsColorDataTeal300: "#5dafad";
+        ddsColorDataTeal400: "#2c9390";
+        ddsColorDataTeal500: "#007d79";
+        ddsColorDataTeal600: "#006461";
+        ddsColorDataTeal700: "#004b49";
+        ddsColorDataTeal800: "#003230";
+        ddsColorDataTeal900: "#001918";
+        ddsColorDataDeepblue100: "#b9d7e5";
+        ddsColorDataDeepblue200: "#96c5d9";
+        ddsColorDataDeepblue300: "#6aa8c3";
+        ddsColorDataDeepblue400: "#3e8bac";
+        ddsColorDataDeepblue500: "#196b8f";
+        ddsColorDataDeepblue600: "#135774";
+        ddsColorDataDeepblue700: "#0e455e";
+        ddsColorDataDeepblue800: "#0d3445";
+        ddsColorDataDeepblue900: "#05151d";
+        ddsColorDataBlue100: "#cfe0ff";
+        ddsColorDataBlue200: "#9fc0ff";
+        ddsColorDataBlue300: "#6fa1fe";
+        ddsColorDataBlue400: "#3f81fe";
+        ddsColorDataBlue500: "#0f62fe";
+        ddsColorDataBlue600: "#0c4ecb";
+        ddsColorDataBlue700: "#093b98";
+        ddsColorDataBlue800: "#062766";
+        ddsColorDataBlue900: "#031433";
+        ddsColorDataPurple100: "#e8d9fe";
+        ddsColorDataPurple200: "#d0b2fe";
+        ddsColorDataPurple300: "#b98cfd";
+        ddsColorDataPurple400: "#a165fd";
+        ddsColorDataPurple500: "#8a3ffc";
+        ddsColorDataPurple600: "#6e32ca";
+        ddsColorDataPurple700: "#532697";
+        ddsColorDataPurple800: "#371965";
+        ddsColorDataPurple900: "#1c0d32";
+        ddsColorDataGray100: "#e3e3e3";
+        ddsColorDataGray200: "#c7c7c7";
+        ddsColorDataGray300: "#aaaaaa";
+        ddsColorDataGray400: "#8e8e8e";
+        ddsColorDataGray500: "#727272";
+        ddsColorDataGray600: "#5b5b5b";
+        ddsColorDataGray700: "#444444";
+        ddsColorDataGray800: "#2e2e2e";
+        ddsColorDataGray900: "#171717";
         ddsColorBgDefault: "#ffffff";
-        ddsColorBgSubtle: "#f8f9f9";
+        ddsColorBgSubtle: "#f1f3f4";
         ddsColorSurfaceDefault: "#ffffff";
-        ddsColorSurfaceSubtle: "#f8f9f9";
-        ddsColorSurfaceMedium: "#ebecee";
+        ddsColorSurfaceSubtle: "#f1f3f4";
+        ddsColorSurfaceMedium: "#e4e6e8";
         ddsColorSurfaceHoverDefault: "#e7f1f7";
-        ddsColorSurfaceHoverSubtle: "#f8f9f9";
+        ddsColorSurfaceHoverSubtle: "#f1f3f4";
         ddsColorSurfaceSelectedDefault: "#e7f1f7";
         ddsColorSurfaceInverseDefault: "#354754";
-        ddsColorSurfaceInverseHover: "#313d45";
+        ddsColorSurfaceInverseHover: "#2a3943";
         ddsColorSurfaceInverseSelected: "#202b32";
         ddsColorSurfaceActionResting: "#106ead";
         ddsColorSurfaceActionHover: "#0d588a";
@@ -3048,13 +3273,13 @@ declare function useTheme(): {
         ddsColorSurfacePaperDefault: "#ffffff";
         ddsColorSurfaceBackdropDefault: "#0b0d0e80";
         ddsColorSurfaceFieldDefault: "#ffffff";
-        ddsColorSurfaceFieldDisabled: "#f8f9f9";
-        ddsColorSurfaceHighlightedDefault: "#ffe6df";
+        ddsColorSurfaceFieldDisabled: "#f1f3f4";
+        ddsColorSurfaceHighlightedDefault: "#fce5dd";
         ddsColorSurfaceScrollbar: "#adb5ba";
         ddsColorSurfaceNotification: "#d83737";
-        ddsColorSurfaceSkeleton: "#cfd4d7";
+        ddsColorSurfaceSkeleton: "#d6dadd";
         ddsColorBorderDefault: "#77838c";
-        ddsColorBorderSubtle: "#cfd4d7";
+        ddsColorBorderSubtle: "#d6dadd";
         ddsColorBorderInverse: "#acbbc6";
         ddsColorBorderActionDefault: "#106ead";
         ddsColorBorderActionHover: "#0d588a";
@@ -3086,11 +3311,11 @@ declare function useTheme(): {
         ddsColorIconActionHover: "#0d588a";
         ddsColorIconOnSuccessDefault: "#3d723d";
         ddsColorIconOnSuccessStrong: "#0b0d0e";
-        ddsColorIconOnWarningDefault: "#92862e";
+        ddsColorIconOnWarningDefault: "#9a8c26";
         ddsColorIconOnWarningStrong: "#0b0d0e";
         ddsColorIconOnDangerDefault: "#ad2c2c";
         ddsColorIconOnDangerStrong: "#0b0d0e";
-        ddsColorIconOnInfoDefault: "#466f8a";
+        ddsColorIconOnInfoDefault: "#3e7192";
         ddsColorIconOnInfoStrong: "#0b0d0e";
         ddsColorIconDanger: "#ad2c2c";
         ddsColorBrandPrimaryDefault: "#354754";
@@ -3101,12 +3326,42 @@ declare function useTheme(): {
         ddsColorBrandSecondarySubtle: "#e6eded";
         ddsColorBrandSecondaryMedium: "#b8cdcd";
         ddsColorBrandSecondaryStrong: "#4d6463";
-        ddsColorBrandTertiaryDefault: "#f2a68f";
-        ddsColorBrandTertiarySubtle: "#ffe6df";
-        ddsColorBrandTertiaryMedium: "#f6c1b1";
-        ddsColorBrandTertiaryStrong: "#f27e55";
-        ddsColorFocusOutside: "#2f4a5c";
+        ddsColorBrandTertiaryDefault: "#f27e55";
+        ddsColorBrandTertiarySubtle: "#fce5dd";
+        ddsColorBrandTertiaryMedium: "#f2a68f";
+        ddsColorBrandTertiaryStrong: "#d45d32";
+        ddsColorFocusOutside: "#2a4b61";
         ddsColorFocusInside: "#f1f8fd";
+        ddsColorData10Default: "#196b8f";
+        ddsColorData10Subtle: "#96c5d9";
+        ddsColorData10Border: "#196b8f";
+        ddsColorData01Default: "#0f62fe";
+        ddsColorData01Subtle: "#9fc0ff";
+        ddsColorData01Border: "#0f62fe";
+        ddsColorData02Default: "#b3572f";
+        ddsColorData02Subtle: "#e1bcac";
+        ddsColorData02Border: "#b3572f";
+        ddsColorData03Default: "#727272";
+        ddsColorData03Subtle: "#c7c7c7";
+        ddsColorData03Border: "#727272";
+        ddsColorData04Default: "#198038";
+        ddsColorData04Subtle: "#a3ccaf";
+        ddsColorData04Border: "#198038";
+        ddsColorData05Default: "#8a3ffc";
+        ddsColorData05Subtle: "#d0b2fe";
+        ddsColorData05Border: "#8a3ffc";
+        ddsColorData06Default: "#b62665";
+        ddsColorData06Subtle: "#dfa5bf";
+        ddsColorData06Border: "#b62665";
+        ddsColorData07Default: "#7c7518";
+        ddsColorData07Subtle: "#cdc9a1";
+        ddsColorData07Border: "#7c7518";
+        ddsColorData08Default: "#da1e28";
+        ddsColorData08Subtle: "#f0a5a9";
+        ddsColorData08Border: "#da1e28";
+        ddsColorData09Default: "#007d79";
+        ddsColorData09Subtle: "#90ccc9";
+        ddsColorData09Border: "#007d79";
         ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
         ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
         ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
@@ -3205,7 +3460,7 @@ declare function useTheme(): {
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX2: 1.35;
         ddsFontLineheightX3: 1.2;
-        ddsFontLineheightList: 2.5;
+        ddsFontLineheightList: 2;
         ddsFontLetterSpacingTight: "-0.01em";
         ddsFontLetterSpacingNormal: "0em";
         ddsFontLetterSpacingLoose: "0.01em";
@@ -3293,16 +3548,106 @@ declare function useTheme(): {
         ddsZindexDropdown: "100";
         ddsZindexSticky: "50";
         ddsZindexAbsoluteElement: "1";
+        ddsColorDataRed100: "#f8d2d4";
+        ddsColorDataRed200: "#f0a5a9";
+        ddsColorDataRed300: "#e9787e";
+        ddsColorDataRed400: "#e14b53";
+        ddsColorDataRed500: "#da1e28";
+        ddsColorDataRed600: "#ae1820";
+        ddsColorDataRed700: "#831218";
+        ddsColorDataRed800: "#570c10";
+        ddsColorDataRed900: "#2c0608";
+        ddsColorDataMagenta100: "#eed3df";
+        ddsColorDataMagenta200: "#dfa5bf";
+        ddsColorDataMagenta300: "#cf789e";
+        ddsColorDataMagenta400: "#c74f84";
+        ddsColorDataMagenta500: "#b62665";
+        ddsColorDataMagenta600: "#8a1a4b";
+        ddsColorDataMagenta700: "#671438";
+        ddsColorDataMagenta800: "#440e26";
+        ddsColorDataMagenta900: "#220713";
+        ddsColorDataBrown100: "#f0ddd5";
+        ddsColorDataBrown200: "#e1bcac";
+        ddsColorDataBrown300: "#d19a82";
+        ddsColorDataBrown400: "#c27959";
+        ddsColorDataBrown500: "#b3572f";
+        ddsColorDataBrown600: "#8f4626";
+        ddsColorDataBrown700: "#6b341c";
+        ddsColorDataBrown800: "#482313";
+        ddsColorDataBrown900: "#241109";
+        ddsColorDataOlive100: "#e6e4d0";
+        ddsColorDataOlive200: "#cdc9a1";
+        ddsColorDataOlive300: "#b3ae71";
+        ddsColorDataOlive400: "#989344";
+        ddsColorDataOlive500: "#7c7518";
+        ddsColorDataOlive600: "#635e13";
+        ddsColorDataOlive700: "#4a460e";
+        ddsColorDataOlive800: "#322f0a";
+        ddsColorDataOlive900: "#191705";
+        ddsColorDataGreen100: "#d1e6d7";
+        ddsColorDataGreen200: "#a3ccaf";
+        ddsColorDataGreen300: "#75b388";
+        ddsColorDataGreen400: "#479960";
+        ddsColorDataGreen500: "#198038";
+        ddsColorDataGreen600: "#14662d";
+        ddsColorDataGreen700: "#0f4d22";
+        ddsColorDataGreen800: "#0a3316";
+        ddsColorDataGreen900: "#051a0b";
+        ddsColorDataTeal100: "#c2e2e1";
+        ddsColorDataTeal200: "#90ccc9";
+        ddsColorDataTeal300: "#5dafad";
+        ddsColorDataTeal400: "#2c9390";
+        ddsColorDataTeal500: "#007d79";
+        ddsColorDataTeal600: "#006461";
+        ddsColorDataTeal700: "#004b49";
+        ddsColorDataTeal800: "#003230";
+        ddsColorDataTeal900: "#001918";
+        ddsColorDataDeepblue100: "#b9d7e5";
+        ddsColorDataDeepblue200: "#96c5d9";
+        ddsColorDataDeepblue300: "#6aa8c3";
+        ddsColorDataDeepblue400: "#3e8bac";
+        ddsColorDataDeepblue500: "#196b8f";
+        ddsColorDataDeepblue600: "#135774";
+        ddsColorDataDeepblue700: "#0e455e";
+        ddsColorDataDeepblue800: "#0d3445";
+        ddsColorDataDeepblue900: "#05151d";
+        ddsColorDataBlue100: "#cfe0ff";
+        ddsColorDataBlue200: "#9fc0ff";
+        ddsColorDataBlue300: "#6fa1fe";
+        ddsColorDataBlue400: "#3f81fe";
+        ddsColorDataBlue500: "#0f62fe";
+        ddsColorDataBlue600: "#0c4ecb";
+        ddsColorDataBlue700: "#093b98";
+        ddsColorDataBlue800: "#062766";
+        ddsColorDataBlue900: "#031433";
+        ddsColorDataPurple100: "#e8d9fe";
+        ddsColorDataPurple200: "#d0b2fe";
+        ddsColorDataPurple300: "#b98cfd";
+        ddsColorDataPurple400: "#a165fd";
+        ddsColorDataPurple500: "#8a3ffc";
+        ddsColorDataPurple600: "#6e32ca";
+        ddsColorDataPurple700: "#532697";
+        ddsColorDataPurple800: "#371965";
+        ddsColorDataPurple900: "#1c0d32";
+        ddsColorDataGray100: "#e3e3e3";
+        ddsColorDataGray200: "#c7c7c7";
+        ddsColorDataGray300: "#aaaaaa";
+        ddsColorDataGray400: "#8e8e8e";
+        ddsColorDataGray500: "#727272";
+        ddsColorDataGray600: "#5b5b5b";
+        ddsColorDataGray700: "#444444";
+        ddsColorDataGray800: "#2e2e2e";
+        ddsColorDataGray900: "#171717";
         ddsColorBgDefault: "#ffffff";
-        ddsColorBgSubtle: "#f8f9f9";
+        ddsColorBgSubtle: "#f1f3f4";
         ddsColorSurfaceDefault: "#ffffff";
-        ddsColorSurfaceSubtle: "#f8f9f9";
-        ddsColorSurfaceMedium: "#ebecee";
+        ddsColorSurfaceSubtle: "#f1f3f4";
+        ddsColorSurfaceMedium: "#e4e6e8";
         ddsColorSurfaceHoverDefault: "#e7f1f7";
-        ddsColorSurfaceHoverSubtle: "#f8f9f9";
+        ddsColorSurfaceHoverSubtle: "#f1f3f4";
         ddsColorSurfaceSelectedDefault: "#e7f1f7";
         ddsColorSurfaceInverseDefault: "#354754";
-        ddsColorSurfaceInverseHover: "#313d45";
+        ddsColorSurfaceInverseHover: "#2a3943";
         ddsColorSurfaceInverseSelected: "#202b32";
         ddsColorSurfaceActionResting: "#106ead";
         ddsColorSurfaceActionHover: "#0d588a";
@@ -3321,13 +3666,13 @@ declare function useTheme(): {
         ddsColorSurfacePaperDefault: "#ffffff";
         ddsColorSurfaceBackdropDefault: "#0b0d0e80";
         ddsColorSurfaceFieldDefault: "#ffffff";
-        ddsColorSurfaceFieldDisabled: "#f8f9f9";
-        ddsColorSurfaceHighlightedDefault: "#ffe6df";
+        ddsColorSurfaceFieldDisabled: "#f1f3f4";
+        ddsColorSurfaceHighlightedDefault: "#fce5dd";
         ddsColorSurfaceScrollbar: "#adb5ba";
         ddsColorSurfaceNotification: "#d83737";
-        ddsColorSurfaceSkeleton: "#cfd4d7";
+        ddsColorSurfaceSkeleton: "#d6dadd";
         ddsColorBorderDefault: "#77838c";
-        ddsColorBorderSubtle: "#cfd4d7";
+        ddsColorBorderSubtle: "#d6dadd";
         ddsColorBorderInverse: "#acbbc6";
         ddsColorBorderActionDefault: "#106ead";
         ddsColorBorderActionHover: "#0d588a";
@@ -3359,11 +3704,11 @@ declare function useTheme(): {
         ddsColorIconActionHover: "#0d588a";
         ddsColorIconOnSuccessDefault: "#3d723d";
         ddsColorIconOnSuccessStrong: "#0b0d0e";
-        ddsColorIconOnWarningDefault: "#92862e";
+        ddsColorIconOnWarningDefault: "#9a8c26";
         ddsColorIconOnWarningStrong: "#0b0d0e";
         ddsColorIconOnDangerDefault: "#ad2c2c";
         ddsColorIconOnDangerStrong: "#0b0d0e";
-        ddsColorIconOnInfoDefault: "#466f8a";
+        ddsColorIconOnInfoDefault: "#3e7192";
         ddsColorIconOnInfoStrong: "#0b0d0e";
         ddsColorIconDanger: "#ad2c2c";
         ddsColorBrandPrimaryDefault: "#354754";
@@ -3374,12 +3719,42 @@ declare function useTheme(): {
         ddsColorBrandSecondarySubtle: "#e6eded";
         ddsColorBrandSecondaryMedium: "#b8cdcd";
         ddsColorBrandSecondaryStrong: "#4d6463";
-        ddsColorBrandTertiaryDefault: "#f2a68f";
-        ddsColorBrandTertiarySubtle: "#ffe6df";
-        ddsColorBrandTertiaryMedium: "#f6c1b1";
-        ddsColorBrandTertiaryStrong: "#f27e55";
-        ddsColorFocusOutside: "#2f4a5c";
+        ddsColorBrandTertiaryDefault: "#f27e55";
+        ddsColorBrandTertiarySubtle: "#fce5dd";
+        ddsColorBrandTertiaryMedium: "#f2a68f";
+        ddsColorBrandTertiaryStrong: "#d45d32";
+        ddsColorFocusOutside: "#2a4b61";
         ddsColorFocusInside: "#f1f8fd";
+        ddsColorData10Default: "#196b8f";
+        ddsColorData10Subtle: "#96c5d9";
+        ddsColorData10Border: "#196b8f";
+        ddsColorData01Default: "#0f62fe";
+        ddsColorData01Subtle: "#9fc0ff";
+        ddsColorData01Border: "#0f62fe";
+        ddsColorData02Default: "#b3572f";
+        ddsColorData02Subtle: "#e1bcac";
+        ddsColorData02Border: "#b3572f";
+        ddsColorData03Default: "#727272";
+        ddsColorData03Subtle: "#c7c7c7";
+        ddsColorData03Border: "#727272";
+        ddsColorData04Default: "#198038";
+        ddsColorData04Subtle: "#a3ccaf";
+        ddsColorData04Border: "#198038";
+        ddsColorData05Default: "#8a3ffc";
+        ddsColorData05Subtle: "#d0b2fe";
+        ddsColorData05Border: "#8a3ffc";
+        ddsColorData06Default: "#b62665";
+        ddsColorData06Subtle: "#dfa5bf";
+        ddsColorData06Border: "#b62665";
+        ddsColorData07Default: "#7c7518";
+        ddsColorData07Subtle: "#cdc9a1";
+        ddsColorData07Border: "#7c7518";
+        ddsColorData08Default: "#da1e28";
+        ddsColorData08Subtle: "#f0a5a9";
+        ddsColorData08Border: "#da1e28";
+        ddsColorData09Default: "#007d79";
+        ddsColorData09Subtle: "#90ccc9";
+        ddsColorData09Border: "#007d79";
         ddsBorderRadiusButton: "2px";
         ddsBorderRadiusButtonNumberPx: 2;
         ddsBorderRadiusSurface: "2px";
@@ -3451,7 +3826,6 @@ declare function useTheme(): {
 };
 
 type ToggleSize = Extract<Size, 'medium' | 'large'>;
-type TogglePickedHTMLAttributes = Omit<CheckboxPickedHTMLAttributes, 'onChange' | 'checked' | 'defaultChecked'>;
 type ToggleProps = BaseComponentProps<HTMLElement, {
     /**Ledetekst; tillater bruk av f.eks. `<VisuallyHidden>` for usynlig tekst. */
     children?: ReactNode;
@@ -3483,7 +3857,7 @@ type ToggleProps = BaseComponentProps<HTMLElement, {
      * @default "medium"
      */
     size?: ToggleSize;
-} & TogglePickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof TogglePickedHTMLAttributes>>;
+}, Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'checked' | 'defaultChecked'>>;
 declare const Toggle: {
     ({ id, children, size, checked: checkedProp, defaultChecked, onChange, disabled, readOnly, isLoading, className, htmlProps, ...rest }: ToggleProps): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -3505,8 +3879,8 @@ type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<
     /** Gir alle barna samme `name` prop.*/
     name?: string;
     /**Bredden til komponenten. Bredden fordeles likt mellom barna.  */
-    width?: Property.Width;
-}>;
+    width?: ResponsiveProps['width'];
+}, Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'size' | 'width'>>;
 
 declare const ToggleBar: {
     <T extends string | number = string>(props: ToggleBarProps<T>): react_jsx_runtime.JSX.Element;
@@ -3535,7 +3909,7 @@ type ToggleButtonProps = BaseComponentProps<HTMLInputElement, {
      * @default 'small'
      */
     size?: 'small' | 'xsmall';
-} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes>>;
+} & CheckboxPickedHTMLAttributes, Omit<InputHTMLAttributes<HTMLInputElement>, keyof CheckboxPickedHTMLAttributes | 'size'>>;
 
 declare const ToggleButton: {
     ({ id, label, icon, size, className, htmlProps, ...rest }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
@@ -3596,4 +3970,4 @@ declare const VisuallyHidden: {
     displayName: string;
 };
 
-export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, type As, AttachmentIcon, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderColorCn, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type BreakpointBasedProps, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, type CardAppearance, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, type CardType, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, EditIcon, ElementAs, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, type PropsOfWithRef, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, ScreenSize, type ScreenSizeLiteral, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, type StackProps, type StackSpacing, type StackStyleProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StylelessList, type StylelessListProps, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThemeContext, ThemeProvider, type ThemeProviderProps, ThumbDownFilledIcon, ThumbDownIcon, type ThumbIconProps, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseFloatPositionOptions, VStack, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getBorderCn, getDefaultText, getElementType, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isCaption, isGridColumn, isHeading, isInlineElement, isKeyboardEvent, isLegend, isRelativeGridColumn, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, spacingPropToCn, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, visibilityTransition };
+export { Accordion, AccordionBody, type AccordionBodyProps, AccordionHeader, type AccordionHeaderProps, type AccordionProps, AddTabButton, type AddTabButtonProps, AddressShieldedIcon, AgreementIcon, AnimatedChevronUpDown, AppsIcon, ArchiveIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, AttachmentIcon, BORDER_COLORS, BORDER_RADII, BackLink, type BackLinkProps, Backdrop, BarChartBoxedIcon, BarChartIcon, type BaseComponentProps, type BaseComponentPropsWithChildren, type BaseItemProps, type BaseLabelProps, type BaseTypographyProps, BlockIcon, BookIcon, type BorderColor, type BorderRadius, Box, type BoxProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, BuildCircledIcon, BuildIcon, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonPurpose, type ButtonSize, Calendar, CalendarIcon, CalendarMonthIcon, type CalendarProps, CalendarViewDayIcon, CalendarViewMonthIcon, CalendarViewWeekIcon, CallIcon, type Callback, Caption, type CaptionProps, Card, type CardAppearance, CardExpandable, CardExpandableBody, type CardExpandableBodyProps, CardExpandableHeader, type CardExpandableHeaderProps, type CardExpandableProps, type CardProps, type CardType, CaringIcon, CharCounter, ChatIcon, CheckCircledIcon, CheckIcon, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxPickedHTMLAttributes, type CheckboxProps, ChecklistIcon, ChevronDownIcon, ChevronFirstIcon, ChevronLargeLeftIcon, ChevronLargeRightIcon, ChevronLastIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, Chip, ChipGroup, type ChipGroupProps, type ChipProps, CloseCircledIcon, CloseIcon, CloseSmallIcon, CloudIcon, CollapseIcon, CollapsibleTable, type CollapsibleTableProps, CollapsibleRow as CollapsibleTableRow, type ColumnsOccupied, CommentIcon, type CommonInputProps, Contrast, type ContrastProps, CookieBanner, CookieBannerCheckbox, type CookieBannerCheckboxProps, type CookieBannerProps, CopyIcon, CourtIcon, DatePicker, type DatePickerProps, DateRangeIcon, type DdsTheme, DeathsIcon, DescriptionList, type DescriptionListAppearance, DescriptionListDesc, type DescriptionListDescProps, DescriptionListGroup, type DescriptionListGroupProps, type DescriptionListProps, DescriptionListTerm, type DescriptionListTermProps, DetailList, DetailListDesc, type DetailListDescProps, type DetailListProps, DetailListRow, type DetailListRowProps, type DetailListSize, DetailListTerm, type DetailListTermProps, type Direction$1 as Direction, Divider, type DividerColor, type DividerProps, DoubleChevronLeftIcon, DoubleChevronRightIcon, DownloadDoneIcon, DownloadIcon, DragHandleIcon, Drawer, DrawerGroup, type DrawerGroupProps, type DrawerPlacement, type DrawerProps, type DrawerSize, ELEVATIONS, EditIcon, ElementAs, type Elevation, EmptyContent, type EmptyContentProps, ErrorIcon, ExclaimIcon, ExpandIcon, type ExpandableCardProps, type ExtractStrict, FacebookIcon, FamilyIcon, FavStar, type FavStarProps, Feedback, FeedbackIcon, type FeedbackProps, Fieldset, FieldsetGroup, type FieldsetGroupProps, type FieldsetProps, FileAddIcon, FileIcon, type FileList, FileShieldedIcon, FileTextIcon, FileUploader, type FileUploaderAccept, type FileUploaderProps, FilterIcon, FilterListIcon, FilterListOffIcon, FilterOffIcon, FindInPageIcon, FlickrIcon, type FloatingStyles, FolderAddIcon, FolderIcon, FolderShieldedIcon, Footer, FooterLeft, type FooterLeftProps, FooterList, FooterListGroup, type FooterListGroupProps, FooterListHeader, type FooterListHeaderProps, type FooterListProps, FooterLogo, type FooterLogoProps, type FooterProps, FooterSocialsGroup, type FooterSocialsGroupProps, FooterSocialsList, type FooterSocialsListProps, FullscreenExitIcon, FullscreenIcon, GavelIcon, GlobalMessage, type GlobalMessageProps, type GlobalMessagePurpose, Grid, GridChild, type GridChildProps, type GridProps, GuardianIcon, HStack, type HStackProps, Heading, type HeadingLevel, type HeadingProps, HelpFilledIcon, HelpIcon, HelpSimpleIcon, HiddenInput, HomeIcon, HourglassBottomIcon, HourglassDisabledIcon, HourglassEmptyIcon, HourglassFullIcon, HourglassTopIcon, type HyphenTypographyType, Icon, type IconPosition, type IconProps, type IconSize, ImageIcon, type InfoCardProps, InfoIcon, InlineButton, type InlineButtonProps, InlineEditInput, type InlineEditInputProps, InlineEditTextArea, type InlineEditTextAreaProps, type InlineElement, Input, InputMessage, type InputMessageProps, type InputMessageType, type InputProps, type InputSize, type InputTypographyTypes, InstagramIcon, InternalHeader, type InternalHeaderProps, JordskifterettIcon, JordskiftesakIcon, KeyIcon, Label, type LabelProps, LagmannsrettIcon, LanguageIcon, type Layout, Legend, type LegendProps, LibraryAddIcon, LineChartIcon, Link, LinkIcon, LinkOffIcon, type LinkProps, LinkedInIcon, List, ListAltIcon, ListIcon, ListItem, type ListItemProps, type ListProps, type ListType, type ListTypographyType, LocalMessage, type LocalMessageLayout, type LocalMessageProps, type LocalMessagePurpose, LocationIcon, LockIcon, LockOpenIcon, LoginIcon, LogoutIcon, MailIcon, MailOpenIcon, MenuIcon, MinusCirledIcon, MinusIcon, Modal, ModalActions, type ModalActionsProps, ModalBody, type ModalBodyProps, type ModalProps, MoreHorizontalIcon, MoreVerticalIcon, NativeSelect, NativeSelectPlaceholder, type NativeSelectPlaceholderProps, type NativeSelectProps, type NavigationCardProps, NotarialIcon, NotificationsIcon, NotificationsOffIcon, type Nullable, OnlineMeetingIcon, OpenExternalIcon, type OtherTypographyType, OverflowMenu, OverflowMenuButton, type OverflowMenuButtonProps, OverflowMenuDivider, OverflowMenuGroup, type OverflowMenuGroupProps, OverflowMenuLink, type OverflowMenuLinkProps, OverflowMenuList, OverflowMenuListHeader, type OverflowMenuListItemBaseProps, type OverflowMenuProps, OverflowMenuSpan, type OverflowMenuSpanProps, Pagination, type PaginationOption, type PaginationProps, Paper, type PaperBackground, type PaperBorder, type PaperBorderRadius, type PaperElevation, type PaperProps, Paragraph, type ParagraphProps, PayoutIcon, PdfIcon, PersonAddIcon, PersonIcon, PersonShieldedIcon, PhoneInput, type PhoneInputProps, type PhoneInputValue, PinIcon, type Placement, PlusCircledIcon, PlusIcon, type PolymorphicBaseComponentProps, type PolymorphicProps, Popover, PopoverGroup, type PopoverGroupProps, type PopoverProps, type PopoverSizeProps, PowerOfAttorneyIcon, PrintIcon, ProgressBar, type ProgressBarProps, type ProgressBarSize, ProgressTracker, ProgressTrackerItem, type ProgressTrackerItemProps, type ProgressTrackerProps, PropertyIcon, type PropsOf, type PropsOfWithRef, PublishIcon, QuestionAnswerIcon, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RadioValue, type Rating, ReceiptIcon, RedoIcon, RefreshIcon, ReplayIcon, type ResponsiveProps, type ResponsiveStackProps, ScreenSize, Search, SearchAutocompleteWrapper, type SearchAutocompleteWrapperProps, type SearchButtonProps, type SearchData, SearchIcon, type SearchProps, type SearchSize, SearchSuggestions, type SearchSuggestionsProps, Select, type SelectForwardRefType, type SelectOption, type SelectProps, SettingsIcon, ShowHide, type ShowHideProps, type Size, Skeleton, type SkeletonAppearance, type SkeletonProps, SkipToContent, type SkipToContentProps, SmsIcon, type SortOrder, type SpacingScale, Spinner, type SpinnerProps, SplitButton, type SplitButtonPrimaryActionProps, type SplitButtonProps, type SplitButtonPurpose, type SplitButtonSecondaryActionsProps, StarFilledIcon, StarHalfFilled, StarIcon, StatefulInput, type StatefulInputProps, type StaticTypographyType, StylelessList, type StylelessListProps, type SvgIcon, type SvgProps, SvgWrapper, SyncIcon, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, type TabSize, Table, Body as TableBody, type TableBodyProps, Cell as TableCell, type TableCellLayout, type TableCellProps, type TableCellType, Foot as TableFoot, type TableFootProps, Head as TableHead, type TableHeadProps, type TableProps, Row as TableRow, type TableRowProps, type TableRowType, type TableSize, SortCell as TableSortCell, type TableSortCellProps, TableWrapper, Tabs, type TabsProps, Tag, type TagAppearance, type TagProps, type TagPurpose, type TextAffixProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, TextOverflowEllipsisInner, TextOverflowEllipsisWrapper, ThemeContext, ThemeProvider, type ThemeProviderProps, ThumbDownFilledIcon, ThumbDownIcon, type ThumbIconProps, ThumbUpFilledIcon, ThumbUpIcon, TimeIcon, TimePicker, type TimePickerProps, TingrettIcon, TipIcon, Toggle, ToggleBar, type ToggleBarProps, type ToggleBarSize, type ToggleBarValue, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToggleRadio, type ToggleRadioProps, type ToggleSize, Tooltip, type TooltipProps, TrashIcon, TrendingDownIcon, TrendingUpIcon, Typography, type TypographyAnchorType, type TypographyBodyType, type TypographyComponentProps, type TypographyHeadingType, type TypographyLabelType, type TypographyLeadType, type TypographyProps, type TypographyType, UndoIcon, UnfoldLessIcon, UnfoldMoreIcon, UploadIcon, type UseFloatPositionOptions, VStack, type VStackProps, VisibilityOffIcon, VisibilityOnIcon, VisuallyHidden, type VisuallyHiddenProps, WarningIcon, WebexIcon, type WeightedSearchData, type WidthProps, type WithRequiredIf, XIcon, ZoomInIcon, ZoomOutIcon, calendarDateToNativeDate, cn, countryOptions, createSelectOptions, dateValueToNativeDate, defaultTypographyType, defaultTypographyTypeClassName, focusVisible, focusVisibleInset, focusVisibleTransitionValue, getBaseHTMLProps, getDefaultText, getElementType, getInputWidth, getLiteralScreenSize, getTypographyCn, handleElementWithBackdropMount, handleElementWithBackdropUnmount, hideInput, index as icons, inheritLinkStyling, inlineElements, isAnchorTypographyProps, isBorderColor, isBorderRadius, isCaption, isElevation, isHeading, isInlineElement, isKeyboardEvent, isLegend, isPaperBackground, nativeDateToCalendarDate, nativeDateToDateValue, nativeDateToTime, normalizeButton, outlineInset, outlineOffset, removeButtonStyling, removeListStyling, renderCharCounter, renderInputMessage, scrollbarStyling, typographyTypes, useCombinedRef, useFloatPosition, useFocusTrap, useIsMounted, useMountTransition, useOnClickOutside, useOnKeyDown, useReturnFocusOnBlur, useRoveFocus, useScreenSize, useTheme, useWindowResize, visibilityTransition };