@digdir/designsystemet-react 1.17.0 → 1.19.0

package/dist/types/components/button/button.d.ts

@@ -1,4 +1,3 @@
-import type { Color, SeverityColors } from '@digdir/designsystemet-types';
 import type { ButtonHTMLAttributes, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MergeRight } from '../../utilities';
@@ -8,10 +7,6 @@ export type ButtonProps = MergeRight<DefaultProps & Omit<ButtonHTMLAttributes<HT
      * @default 'primary'
      */
     variant?: 'primary' | 'secondary' | 'tertiary';
-    /**
-     * Change the color scheme of the button
-     */
-    'data-color'?: Color | Extract<SeverityColors, 'danger'>;
     /**
      * Toggle icon only styling, pass icon as children
      * When combined with loading, the loading-icon will be shown instead of the icon.
@@ -53,16 +48,12 @@ export type ButtonProps = MergeRight<DefaultProps & Omit<ButtonHTMLAttributes<HT
  * @example
  * <Button>Click me</Button>
  */
-export declare const Button: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
     /**
      * Specify which variant to use
      * @default 'primary'
      */
     variant?: "primary" | "secondary" | "tertiary";
-    /**
-     * Change the color scheme of the button
-     */
-    'data-color'?: Color | Extract<SeverityColors, "danger">;
     /**
      * Toggle icon only styling, pass icon as children
      * When combined with loading, the loading-icon will be shown instead of the icon.
@@ -98,4 +89,3 @@ export declare const Button: import("react").ForwardRefExoticComponent<Omit<Defa
     commandfor?: string;
     commandFor?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=button.d.ts.map

package/dist/types/components/card/card-block.d.ts

@@ -13,4 +13,3 @@ export declare const CardBlock: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=card-block.d.ts.map

package/dist/types/components/card/card.d.ts

@@ -41,4 +41,3 @@ export declare const Card: import("react").ForwardRefExoticComponent<Omit<Defaul
     /** Instances of `Card.Block`, `Divider` or other React nodes */
     children: ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=card.d.ts.map

package/dist/types/components/card/index.d.ts

@@ -29,4 +29,3 @@ declare const CardComponent: Card;
 export type { CardProps } from './card';
 export type { CardBlockProps } from './card-block';
 export { CardBlock, CardComponent as Card };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/checkbox/checkbox.d.ts

@@ -41,4 +41,3 @@ export type CheckboxProps = MergeRight<DefaultProps & Omit<InputProps, 'type' |
  * <Checkbox label="I agree" value="agree" />
  */
 export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=checkbox.d.ts.map

package/dist/types/components/chip/chips.d.ts

@@ -7,6 +7,11 @@ type ChipBaseProps = {
      * @default false
      */
     asChild?: boolean;
+    /**
+     * Change the text wrapping behavior of the chip. Use `wrap` to allow the chip to wrap text, and `nowrap` to prevent it from wrapping.
+     * @default 'nowrap'
+     */
+    'data-wrap'?: 'nowrap' | 'wrap';
 };
 export type ChipRemovableProps = ChipButtonProps;
 export type ChipRadioProps = ChipCheckboxProps;
@@ -18,26 +23,25 @@ export type ChipCheckboxProps = MergeRight<DefaultProps & Omit<InputHTMLAttribut
  * @example
  * <Chip.Button>Click me</Chip.Button>
  */
-export declare const ChipButton: import("react").ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, "asChild"> & ChipBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ChipButton: import("react").ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, keyof ChipBaseProps> & ChipBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
 /**
  * Chip.Removable used for interaction
  * @example
  * <Chip.Removable>Click to remove me</Chip.Removable>
  */
-export declare const ChipRemovable: import("react").ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, "asChild"> & ChipBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ChipRemovable: import("react").ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, keyof ChipBaseProps> & ChipBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
 /**
  * Chip.Checkbox used for multiselection
  * @example
  * <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
  * <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
  */
-export declare const ChipCheckbox: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & ChipBaseProps & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const ChipCheckbox: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size">, keyof ChipBaseProps> & ChipBaseProps & import("react").RefAttributes<HTMLLabelElement>>;
 /**
  * Chip.Radio used for single selection
  * @example
  * <Chip.Radio name="language" value="nynorsk">Nynorsk</Chip.Radio>
  * <Chip.Radio name="language" value="bokmål">Bokmål</Chip.Radio>
  */
-export declare const ChipRadio: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & ChipBaseProps & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const ChipRadio: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size">, keyof ChipBaseProps> & ChipBaseProps & import("react").RefAttributes<HTMLLabelElement>>;
 export {};
-//# sourceMappingURL=chips.d.ts.map

package/dist/types/components/chip/index.d.ts

@@ -34,4 +34,3 @@ type Chip = {
 declare const ChipComponent: Chip;
 export type { ChipButtonProps, ChipCheckboxProps, ChipRadioProps, ChipRemovableProps, } from './chips';
 export { ChipButton, ChipCheckbox, ChipComponent as Chip, ChipRadio, ChipRemovable, };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/details/details-content.d.ts

@@ -7,4 +7,3 @@ export type DetailsContentProps = HTMLAttributes<HTMLDivElement>;
  * <DetailsContent>Content</DetailsContent>
  */
 export declare const DetailsContent: import("react").ForwardRefExoticComponent<DetailsContentProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=details-content.d.ts.map

package/dist/types/components/details/details-summary.d.ts

@@ -1,7 +1,7 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 export type DetailsSummaryProps = {
     /** Heading text */
-    children: ReactNode;
+    children?: ReactNode;
 } & HTMLAttributes<HTMLElement>;
 /**
  * Details summary component, contains a the heading to toggle the content.
@@ -11,6 +11,5 @@ export type DetailsSummaryProps = {
  */
 export declare const DetailsSummary: import("react").ForwardRefExoticComponent<{
     /** Heading text */
-    children: ReactNode;
+    children?: ReactNode;
 } & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
-//# sourceMappingURL=details-summary.d.ts.map

package/dist/types/components/details/details.d.ts

@@ -47,4 +47,3 @@ export type DetailsProps = MergeRight<DefaultProps & DetailsHTMLAttributes<HTMLD
  * </Details>
  */
 export declare const Details: import("react").ForwardRefExoticComponent<DetailsProps & import("react").RefAttributes<HTMLDetailsElement>>;
-//# sourceMappingURL=details.d.ts.map

package/dist/types/components/details/index.d.ts

@@ -31,4 +31,3 @@ export type { DetailsProps } from './details';
 export type { DetailsContentProps } from './details-content';
 export type { DetailsSummaryProps } from './details-summary';
 export { DetailsComponent as Details, DetailsContent, DetailsSummary };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/dialog/dialog-block.d.ts

@@ -29,4 +29,3 @@ export declare const DialogBlock: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=dialog-block.d.ts.map

package/dist/types/components/dialog/dialog-trigger-context.d.ts

@@ -18,4 +18,3 @@ export declare const DialogTriggerContext: {
     (rest: DialogTriggerContextProps): import("react").JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=dialog-trigger-context.d.ts.map

package/dist/types/components/dialog/dialog-trigger.d.ts

@@ -12,9 +12,8 @@ export type DialogTriggerProps = ComponentPropsWithRef<typeof Button>;
  *   </Dialog>
  * </Dialog.TriggerContext>
  */
-export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../..").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
+export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<import("../..").DefaultProps & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
-    'data-color'?: import("packages/types/dist/types").Color | Extract<import("packages/types/dist/types").SeverityColors, "danger">;
     icon?: boolean;
     loading?: boolean | import("react").ReactNode;
     asChild?: boolean;
@@ -23,4 +22,3 @@ export declare const DialogTrigger: import("react").ForwardRefExoticComponent<Om
     commandfor?: string;
     commandFor?: string;
 } & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=dialog-trigger.d.ts.map

package/dist/types/components/dialog/dialog.d.ts

@@ -112,4 +112,3 @@ export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<Defa
      */
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLDialogElement>>;
-//# sourceMappingURL=dialog.d.ts.map

package/dist/types/components/dialog/index.d.ts

@@ -64,4 +64,3 @@ export type { DialogBlockProps } from './dialog-block';
 export type { DialogTriggerProps } from './dialog-trigger';
 export type { DialogTriggerContextProps } from './dialog-trigger-context';
 export { DialogBlock, DialogComponent as Dialog, DialogTrigger, DialogTriggerContext, };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/divider/divider.d.ts

@@ -7,4 +7,3 @@ export type DividerProps = HTMLAttributes<HTMLHRElement>;
  * <Divider />
  */
 export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLHRElement>>;
-//# sourceMappingURL=divider.d.ts.map

package/dist/types/components/dropdown/dropdown-button.d.ts

@@ -13,4 +13,3 @@ export type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
  * </Dropdown>
  */
 export declare const DropdownButton: import("react").ForwardRefExoticComponent<DropdownButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=dropdown-button.d.ts.map

package/dist/types/components/dropdown/dropdown-heading.d.ts

@@ -13,4 +13,3 @@ export declare const DropdownHeading: import("react").ForwardRefExoticComponent<
     'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     asChild?: boolean;
 } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-//# sourceMappingURL=dropdown-heading.d.ts.map

package/dist/types/components/dropdown/dropdown-item.d.ts

@@ -13,4 +13,3 @@ export type DropdownItemProps = HTMLAttributes<HTMLLIElement>;
  * </Dropdown>
  */
 export declare const DropdownItem: import("react").ForwardRefExoticComponent<DropdownItemProps & import("react").RefAttributes<HTMLLIElement>>;
-//# sourceMappingURL=dropdown-item.d.ts.map

package/dist/types/components/dropdown/dropdown-list.d.ts

@@ -13,4 +13,3 @@ export type DropdownListProps = HTMLAttributes<HTMLUListElement>;
  * </Dropdown>
  */
 export declare const DropdownList: import("react").ForwardRefExoticComponent<DropdownListProps & import("react").RefAttributes<HTMLUListElement>>;
-//# sourceMappingURL=dropdown-list.d.ts.map

package/dist/types/components/dropdown/dropdown-trigger-context.d.ts

@@ -22,4 +22,3 @@ export declare const DropdownTriggerContext: {
     ({ children, }: DropdownTriggerContextProps): import("react").JSX.Element;
     displayName: string;
 };
-//# sourceMappingURL=dropdown-trigger-context.d.ts.map

package/dist/types/components/dropdown/dropdown-trigger.d.ts

@@ -17,4 +17,3 @@ export type DropdownTriggerProps = PopoverTriggerProps;
  * </Dropdown.TriggerContext>
  */
 export declare const DropdownTrigger: import("react").ForwardRefExoticComponent<PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=dropdown-trigger.d.ts.map

package/dist/types/components/dropdown/dropdown.d.ts

@@ -42,4 +42,3 @@ export declare const Dropdown: import("react").ForwardRefExoticComponent<Omit<De
      */
     placement?: Placement;
 } & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=dropdown.d.ts.map

package/dist/types/components/dropdown/index.d.ts

@@ -124,4 +124,3 @@ export type { DropdownItemProps } from './dropdown-item';
 export type { DropdownListProps } from './dropdown-list';
 export type { DropdownTriggerContextProps } from './dropdown-trigger-context';
 export { DropdownButton, DropdownComponent as Dropdown, DropdownHeading, DropdownItem, DropdownList, DropdownTrigger, DropdownTriggerContext, };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/error-summary/error-summary-heading.d.ts

@@ -13,4 +13,3 @@ export declare const ErrorSummaryHeading: import("react").ForwardRefExoticCompon
     'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     asChild?: boolean;
 } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-//# sourceMappingURL=error-summary-heading.d.ts.map

package/dist/types/components/error-summary/error-summary-item.d.ts

@@ -13,4 +13,3 @@ export type ErrorSummaryItemProps = ListItemProps;
 export declare const ErrorSummaryItem: import("react").ForwardRefExoticComponent<{
     asChild?: boolean;
 } & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
-//# sourceMappingURL=error-summary-item.d.ts.map

package/dist/types/components/error-summary/error-summary-link.d.ts

@@ -14,4 +14,3 @@ export declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent
     children: import("react").ReactNode;
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;
-//# sourceMappingURL=error-summary-link.d.ts.map

package/dist/types/components/error-summary/error-summary-list.d.ts

@@ -18,4 +18,3 @@ export type ErrorSummaryListProps = ListUnorderedProps;
 export declare const ErrorSummaryList: import("react").ForwardRefExoticComponent<{
     asChild?: boolean;
 } & import("../..").DefaultProps & Omit<import("react").HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
-//# sourceMappingURL=error-summary-list.d.ts.map

package/dist/types/components/error-summary/error-summary.d.ts

@@ -6,7 +6,7 @@ export type ErrorSummaryProps = {
      * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
      */
     asChild?: ReactNode;
-} & Omit<HTMLAttributes<DSErrorSummaryElement> & DefaultProps, 'data-color'>;
+} & HTMLAttributes<DSErrorSummaryElement> & DefaultProps;
 /**
  * ErrorSummary component, used to display a list of errors.
  *
@@ -28,5 +28,4 @@ export declare const ErrorSummary: import("react").ForwardRefExoticComponent<{
      * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
      */
     asChild?: ReactNode;
-} & Omit<HTMLAttributes<DSErrorSummaryElement> & DefaultProps, "data-color"> & import("react").RefAttributes<DSErrorSummaryElement>>;
-//# sourceMappingURL=error-summary.d.ts.map
+} & HTMLAttributes<DSErrorSummaryElement> & DefaultProps & import("react").RefAttributes<DSErrorSummaryElement>>;

package/dist/types/components/error-summary/index.d.ts

@@ -75,4 +75,3 @@ export type { ErrorSummaryItemProps } from './error-summary-item';
 export type { ErrorSummaryLinkProps } from './error-summary-link';
 export type { ErrorSummaryListProps } from './error-summary-list';
 export { ErrorSummaryComponent as ErrorSummary, ErrorSummaryHeading, ErrorSummaryItem, ErrorSummaryLink, ErrorSummaryList, };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/field/field-affix.d.ts

@@ -24,4 +24,3 @@ export type FieldAffixProps = Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>;
  * </Field.Affixes>
  */
 export declare const FieldAffix: import("react").ForwardRefExoticComponent<FieldAffixProps & import("react").RefAttributes<HTMLSpanElement>>;
-//# sourceMappingURL=field-affix.d.ts.map

package/dist/types/components/field/field-counter.d.ts

@@ -59,8 +59,6 @@ export declare const FieldCounter: import("react").ForwardRefExoticComponent<{
      * @default undefined
      **/
     limit: number;
-} & Omit<Omit<import("../..").DefaultProps, "data-color"> & import("react").HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
-    'data-color'?: import("packages/types/dist/types").SeverityColors;
+} & Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLParagraphElement>, "asChild"> & {
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLParagraphElement>>;
-//# sourceMappingURL=field-counter.d.ts.map

package/dist/types/components/field/field-description.d.ts

@@ -7,4 +7,3 @@ export type FieldDescriptionProps = HTMLAttributes<HTMLDivElement>;
  * <FieldDescription>Additional information</FieldDescription>
  */
 export declare const FieldDescription: import("react").ForwardRefExoticComponent<FieldDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=field-description.d.ts.map

package/dist/types/components/field/field.d.ts

@@ -39,4 +39,3 @@ export declare const Field: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & HTMLAttributes<DSFieldElement> & DefaultProps & import("react").RefAttributes<DSFieldElement>>;
-//# sourceMappingURL=field.d.ts.map

package/dist/types/components/field/index.d.ts

@@ -61,4 +61,3 @@ export type { FieldAffixesProps, FieldAffixProps, } from './field-affix';
 export type { FieldCounterProps } from './field-counter';
 export type { FieldDescriptionProps } from './field-description';
 export { FieldAffix, FieldAffixes, FieldComponent as Field, FieldCounter, FieldDescription, };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/fieldset/fieldset-description.d.ts

@@ -13,4 +13,3 @@ export declare const FieldsetDescription: import("react").ForwardRefExoticCompon
     variant?: "long" | "default" | "short";
     asChild?: boolean;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLLegendElement>>;
-//# sourceMappingURL=fieldset-description.d.ts.map

package/dist/types/components/fieldset/fieldset-legend.d.ts

@@ -8,4 +8,3 @@ export type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement> & DefaultPro
  * <FieldsetLegend>Skriv inn dine svar</FieldsetLegend>
  */
 export declare const FieldsetLegend: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLegendElement> & DefaultProps & import("react").RefAttributes<HTMLLegendElement>>;
-//# sourceMappingURL=fieldset-legend.d.ts.map

package/dist/types/components/fieldset/fieldset.d.ts

@@ -17,4 +17,3 @@ export type FieldsetProps = DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetEl
  * </Fieldset>
  */
 export declare const Fieldset: import("react").ForwardRefExoticComponent<DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement> & import("react").RefAttributes<HTMLFieldSetElement>>;
-//# sourceMappingURL=fieldset.d.ts.map

package/dist/types/components/fieldset/index.d.ts

@@ -39,4 +39,3 @@ export type { FieldsetProps } from './fieldset';
 export type { FieldsetDescriptionProps } from './fieldset-description';
 export type { FieldsetLegendProps } from './fieldset-legend';
 export { FieldsetComponent as Fieldset, FieldsetDescription, FieldsetLegend };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/file-upload/file-upload.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type FileUploadProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+    children?: ReactNode;
+}>;
+/**
+ * FileUpload component to present a file upload area.
+ *
+ * @example
+ * <Field>
+ *  <Label>Upload file</Label>
+ *  <FileUpload>
+ *    <CloudUpIcon aria-hidden='true' />
+ *    <Field.Description>Drop file here</Field.Description>
+ *    <Field.Description>
+ *      File must be in csv format and less than 2MB
+ *    </Field.Description>
+ *    <Button asChild data-variant='secondary'>
+ *      <span>Upload file</span>
+ *    </Button>
+ *    <input type="file" />
+ *  </FileUpload>
+ * </Field>
+ */
+export declare const FileUpload: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/file-upload/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * FileUpload component to present a file upload area.
+ *
+ * @example
+ * <Field>
+ *  <Label>Upload file</Label>
+ *  <FileUpload>
+ *    <CloudUpIcon aria-hidden='true' />
+ *    <Field.Description>Drop file here</Field.Description>
+ *    <Field.Description>
+ *      File must be in csv format and less than 2MB
+ *    </Field.Description>
+ *    <Button asChild data-variant='secondary'>
+ *      <span>Upload file</span>
+ *    </Button>
+ *    <input type="file" />
+ *  </FileUpload>
+ * </Field>
+ */
+declare const EXPERIMENTAL_FileUpload: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export type { FileUploadProps } from './file-upload';
+export { EXPERIMENTAL_FileUpload };

package/dist/types/components/heading/heading.d.ts

@@ -37,4 +37,3 @@ export declare const Heading: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
-//# sourceMappingURL=heading.d.ts.map

package/dist/types/components/index.d.ts

@@ -33,6 +33,8 @@ export type { FieldAffixesProps, FieldAffixProps, FieldCounterProps, FieldDescri
 export { Field, FieldAffix, FieldAffixes, FieldCounter, FieldDescription, } from './field';
 export type { FieldsetDescriptionProps, FieldsetLegendProps, FieldsetProps, } from './fieldset';
 export { Fieldset, FieldsetDescription, FieldsetLegend } from './fieldset';
+export type { FileUploadProps } from './file-upload';
+export { EXPERIMENTAL_FileUpload } from './file-upload';
 export type { HeadingProps } from './heading/heading';
 export { Heading } from './heading/heading';
 export type { InputProps } from './input/input';
@@ -61,8 +63,8 @@ export type { SkipLinkProps } from './skip-link/skip-link';
 export { SkipLink } from './skip-link/skip-link';
 export type { SpinnerProps } from './spinner/spinner';
 export { Spinner } from './spinner/spinner';
-export type { SuggestionClearProps, SuggestionEmptyProps, SuggestionInputProps, SuggestionItem, SuggestionListProps, SuggestionMultipleProps, SuggestionOptionProps, SuggestionProps, SuggestionSingleProps, } from './suggestion';
-export { EXPERIMENTAL_Suggestion, EXPERIMENTAL_SuggestionClear, EXPERIMENTAL_SuggestionEmpty, EXPERIMENTAL_SuggestionInput, EXPERIMENTAL_SuggestionList, EXPERIMENTAL_SuggestionOption, } from './suggestion';
+export type { SuggestionClearProps, SuggestionEmptyProps, SuggestionInputProps, SuggestionItem, SuggestionListProps, SuggestionMultipleProps, SuggestionOptionProps, SuggestionProps, SuggestionSingleProps, SuggestionToggleProps, } from './suggestion';
+export { EXPERIMENTAL_Suggestion, EXPERIMENTAL_SuggestionClear, EXPERIMENTAL_SuggestionEmpty, EXPERIMENTAL_SuggestionInput, EXPERIMENTAL_SuggestionList, EXPERIMENTAL_SuggestionOption, EXPERIMENTAL_SuggestionToggle, } from './suggestion';
 export type { SwitchProps } from './switch/switch';
 export { Switch } from './switch/switch';
 export type { TableBodyProps, TableCellProps, TableFootProps, TableHeaderCellProps, TableHeadProps, TableProps, TableRowProps, } from './table';
@@ -81,4 +83,3 @@ export type { TooltipProps } from './tooltip/tooltip';
 export { Tooltip } from './tooltip/tooltip';
 export type { ValidationMessageProps } from './validation-message/validation-message';
 export { ValidationMessage } from './validation-message/validation-message';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/input/input.d.ts

@@ -39,7 +39,7 @@ export type InputProps = MergeRight<DefaultProps & Omit<InputAttr, 'prefix' | 't
  * @example
  * <Input />
  */
-export declare const Input: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputAttr, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role" | "data-indeterminate"> & {
+export declare const Input: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputAttr, "prefix" | "type">, "role" | "type" | "disabled" | "readOnly" | "size" | "data-indeterminate"> & {
     /**
      * Supported `input` types
      *
@@ -71,4 +71,3 @@ export declare const Input: import("react").ForwardRefExoticComponent<Omit<Defau
     'data-indeterminate'?: boolean;
 } & import("react").RefAttributes<HTMLInputElement>>;
 export {};
-//# sourceMappingURL=input.d.ts.map

package/dist/types/components/label/label.d.ts

@@ -28,4 +28,3 @@ export declare const Label: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & LabelHTMLAttributes<HTMLLabelElement> & DefaultProps & import("react").RefAttributes<HTMLLabelElement>>;
-//# sourceMappingURL=label.d.ts.map

package/dist/types/components/link/link.d.ts

@@ -29,4 +29,3 @@ export declare const Link: import("react").ForwardRefExoticComponent<Omit<Defaul
      */
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;
-//# sourceMappingURL=link.d.ts.map

package/dist/types/components/list/index.d.ts

@@ -35,4 +35,3 @@ declare const ListComponent: List;
 export type { ListItemProps } from './list-item';
 export type { ListOrderedProps, ListUnorderedProps } from './lists';
 export { ListComponent as List, ListItem, ListOrdered, ListUnordered };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/list/list-item.d.ts

@@ -19,4 +19,3 @@ export declare const ListItem: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
-//# sourceMappingURL=list-item.d.ts.map

package/dist/types/components/list/lists.d.ts

@@ -44,4 +44,3 @@ export declare const ListOrdered: import("react").ForwardRefExoticComponent<{
     asChild?: boolean;
 } & DefaultProps & Omit<OlHTMLAttributes<HTMLOListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
 export {};
-//# sourceMappingURL=lists.d.ts.map

package/dist/types/components/pagination/index.d.ts

@@ -61,4 +61,3 @@ export type { PaginationButtonProps } from './pagination-button';
 export type { PaginationItemProps } from './pagination-item';
 export type { PaginationListProps } from './pagination-list';
 export { PaginationButton, PaginationComponent as Pagination, PaginationItem, PaginationList, };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/pagination/pagination-button.d.ts

@@ -22,4 +22,3 @@ export declare const PaginationButton: import("react").ForwardRefExoticComponent
      */
     'aria-current'?: AriaAttributes["aria-current"];
 } & Omit<ButtonProps, "icon" | "loading"> & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=pagination-button.d.ts.map

package/dist/types/components/pagination/pagination-item.d.ts

@@ -23,4 +23,3 @@ export declare const PaginationItem: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & Omit<HTMLAttributes<HTMLLIElement>, "size"> & import("react").RefAttributes<HTMLLIElement>>;
-//# sourceMappingURL=pagination-item.d.ts.map

package/dist/types/components/pagination/pagination-list.d.ts

@@ -25,4 +25,3 @@ export declare const PaginationList: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & Omit<HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLUListElement>>;
-//# sourceMappingURL=pagination-list.d.ts.map

package/dist/types/components/pagination/pagination.d.ts

@@ -65,4 +65,3 @@ export declare const Pagination: import("react").ForwardRefExoticComponent<Omit<
      */
     asChild?: boolean;
 } & import("react").RefAttributes<DSPaginationElement>>;
-//# sourceMappingURL=pagination.d.ts.map

package/dist/types/components/paragraph/paragraph.d.ts

@@ -38,4 +38,3 @@ export declare const Paragraph: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean;
 } & HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-//# sourceMappingURL=paragraph.d.ts.map

package/dist/types/components/popover/index.d.ts

@@ -53,4 +53,3 @@ export type { PopoverProps } from './popover';
 export type { PopoverTriggerProps } from './popover-trigger';
 export type { PopoverTriggerContextProps } from './popover-trigger-context';
 export { PopoverComponent as Popover, PopoverTrigger, PopoverTriggerContext };
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/popover/popover-trigger-context.d.ts

@@ -21,4 +21,3 @@ export declare const Context: import("react").Context<{
     popoverId?: string;
     setPopoverId?: (id: string) => void;
 }>;
-//# sourceMappingURL=popover-trigger-context.d.ts.map

package/dist/types/components/popover/popover-trigger.d.ts

@@ -41,4 +41,3 @@ export type PopoverTriggerProps = ({
  * </PopoverTriggerContext>
  */
 export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=popover-trigger.d.ts.map

package/dist/types/components/popover/popover.d.ts

@@ -1,4 +1,3 @@
-import type { Color, SeverityColors } from '@digdir/designsystemet-types';
 import type { HTMLAttributes } from 'react';
 import '@digdir/designsystemet-web';
 import type { DefaultProps, Placement } from '../../types';
@@ -24,10 +23,6 @@ export type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivEleme
      * @default 'default'
      */
     variant?: 'default' | 'tinted';
-    /**
-     * Change the color scheme of the popover
-     */
-    'data-color'?: Color | SeverityColors;
     /**
      * Callback when the popover wants to open.
      */
@@ -64,7 +59,7 @@ export type PopoverProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivEleme
  *   Content
  * </Popover>
  */
-export declare const Popover: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "onOpen" | "autoPlacement"> & {
+export declare const Popover: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "id" | "variant" | "asChild" | "open" | "placement" | "onClose" | "onOpen" | "autoPlacement"> & {
     /**
      * id to connect the trigger with the popover - required when not using Popover.Context.
      */
@@ -85,10 +80,6 @@ export declare const Popover: import("react").ForwardRefExoticComponent<Omit<Def
      * @default 'default'
      */
     variant?: "default" | "tinted";
-    /**
-     * Change the color scheme of the popover
-     */
-    'data-color'?: Color | SeverityColors;
     /**
      * Callback when the popover wants to open.
      */
@@ -108,4 +99,3 @@ export declare const Popover: import("react").ForwardRefExoticComponent<Omit<Def
      */
     asChild?: boolean;
 } & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=popover.d.ts.map

package/dist/types/components/radio/radio.d.ts

@@ -41,4 +41,3 @@ export type RadioProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'ro
  * <Radio label="I agree" value="agree" />
  */
 export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
-//# sourceMappingURL=radio.d.ts.map