@digdir/designsystemet-react 1.20.0 → 1.20.1

package/dist/types/components/Combobox/internal/ComboboxLabel.d.ts

@@ -1,15 +0,0 @@
-import type { ComboboxProps } from '../Combobox';
-import type { useFormField } from '../useFormField/useFormField';
-type ComboboxLabelProps = {
-    label?: ComboboxProps['label'];
-    description?: ComboboxProps['description'];
-    hideLabel?: ComboboxProps['hideLabel'];
-    size?: ComboboxProps['size'];
-    readOnly?: ComboboxProps['readOnly'];
-    formFieldProps: ReturnType<typeof useFormField>;
-};
-declare const ComboboxLabel: {
-    ({ label, description, hideLabel, size, readOnly, formFieldProps, }: ComboboxLabelProps): import("react").JSX.Element;
-    displayName: string;
-};
-export default ComboboxLabel;

package/dist/types/components/Combobox/internal/ComboboxNative.d.ts

@@ -1,14 +0,0 @@
-import type { ComboboxProps } from '../Combobox';
-import type { Option } from '../useCombobox';
-type ComboboxNativeProps = {
-    selectedOptions: {
-        [key: string]: Option;
-    };
-    multiple: NonNullable<ComboboxProps['multiple']>;
-    name: ComboboxProps['name'];
-};
-declare const ComboboxNative: {
-    ({ selectedOptions, multiple, name, }: ComboboxNativeProps): import("react").JSX.Element;
-    displayName: string;
-};
-export default ComboboxNative;

package/dist/types/components/Combobox/useCombobox.d.ts

@@ -1,33 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import type { ComboboxProps } from './Combobox';
-import type { ComboboxCustomProps } from './Custom';
-import { type ComboboxOptionProps } from './Option/Option';
-export type UseComboboxProps = {
-    children: ReactNode;
-    inputValue: string;
-    multiple: boolean;
-    filter?: NonNullable<ComboboxProps['filter']>;
-    initialValue?: string[];
-};
-export type Option = {
-    value: string;
-    label: string;
-    displayValue?: string;
-    description?: string;
-};
-export declare function useCombobox({ children, inputValue, multiple, filter, initialValue, }: UseComboboxProps): {
-    filteredOptionsChildren: (ReactElement<ComboboxOptionProps, string | import("react").JSXElementConstructor<any>> | null)[];
-    filteredOptions: string[];
-    restChildren: ReactNode[];
-    options: {
-        [key: string]: Option;
-    };
-    customIds: string[];
-    selectedOptions: {
-        [key: string]: Option;
-    };
-    interactiveChildren: ReactElement<ComboboxCustomProps, string | import("react").JSXElementConstructor<any>>[];
-    setSelectedOptions: import("react").Dispatch<import("react").SetStateAction<{
-        [key: string]: Option;
-    }>>;
-};

package/dist/types/components/Combobox/useComboboxKeyboard.d.ts

@@ -1,19 +0,0 @@
-import type { KeyboardEvent } from 'react';
-import type { ComboboxContextType } from './ComboboxContext';
-import type { useCombobox } from './useCombobox';
-type UseComboboxKeyboardProps = {
-    filteredOptions: ReturnType<typeof useCombobox>['filteredOptions'];
-    selectedOptions: ReturnType<typeof useCombobox>['selectedOptions'];
-    interactiveChildren: ReturnType<typeof useCombobox>['interactiveChildren'];
-    options: ReturnType<typeof useCombobox>['options'];
-    readOnly: boolean;
-    disabled: boolean;
-    inputValue: string;
-    multiple: boolean;
-    open: boolean;
-    setOpen: (value: boolean) => void;
-    setInputValue: (value: string) => void;
-    handleSelectOption: ComboboxContextType['handleSelectOption'];
-};
-export declare const useComboboxKeyboard: ({ readOnly, disabled, interactiveChildren, filteredOptions, inputValue, selectedOptions, multiple, open, options, setOpen, handleSelectOption, }: UseComboboxKeyboardProps) => (...args: KeyboardEvent<Element>[]) => void;
-export {};

package/dist/types/components/Combobox/useFloatingCombobox.d.ts

@@ -1,18 +0,0 @@
-import type { UseFloatingReturn } from '@floating-ui/react';
-import { useInteractions } from '@floating-ui/react';
-import type { RefObject } from 'react';
-type UseFloatingComboboxProps = {
-    listRef: RefObject<(HTMLElement | null)[]>;
-};
-export declare const useFloatingCombobox: ({ listRef, }: UseFloatingComboboxProps) => {
-    open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    activeIndex: number | null;
-    refs: UseFloatingReturn<HTMLInputElement>["refs"];
-    floatingStyles: UseFloatingReturn<HTMLInputElement>["floatingStyles"];
-    context: UseFloatingReturn<HTMLInputElement>["context"];
-    getReferenceProps: ReturnType<typeof useInteractions>["getReferenceProps"];
-    getFloatingProps: ReturnType<typeof useInteractions>["getFloatingProps"];
-    getItemProps: ReturnType<typeof useInteractions>["getItemProps"];
-};
-export {};

package/dist/types/components/Combobox/useFormField/FieldsetContext.d.ts

@@ -1,3 +0,0 @@
-import type { FormFieldProps } from './useFormField';
-export type FieldsetContextType = Pick<FormFieldProps, 'error' | 'errorId' | 'disabled' | 'size'>;
-export declare const FieldsetContext: import("react").Context<FieldsetContextType | null>;

package/dist/types/components/Combobox/useFormField/useFormField.d.ts

@@ -1,35 +0,0 @@
-import type { Size } from '@digdir/designsystemet-types';
-import type { HTMLAttributes, InputHTMLAttributes, ReactNode } from 'react';
-export type FormFieldProps = {
-    /** Error message for form field */
-    error?: ReactNode;
-    /** Override generated errorId */
-    errorId?: string;
-    /** Disables element
-     * @note Avoid using if possible for accessibility purposes
-     */
-    disabled?: boolean;
-    /** Description for field */
-    description?: ReactNode;
-    /** Override internal id */
-    id?: string;
-    /** Toggle `readOnly` */
-    readOnly?: boolean;
-    /**
-     * Changes field size and paddings
-     * @default md
-     */
-    size?: Size;
-} & Pick<HTMLAttributes<HTMLElement>, 'aria-describedby'>;
-export type FormField = {
-    hasError: boolean;
-    errorId: string;
-    descriptionId: string;
-    inputProps: {
-        id: string;
-    } & Pick<InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'aria-invalid' | 'aria-describedby'>;
-} & Pick<FormFieldProps, 'size' | 'readOnly'>;
-/**
- * Handles props and their state for various form-fields in context with Fieldset
- */
-export declare const useFormField: (props: FormFieldProps, prefix: string) => FormField;

package/dist/types/components/Combobox/utilities.d.ts

@@ -1,18 +0,0 @@
-import type { ReactElement, ReactNode } from 'react';
-import type { ComboboxCustomProps } from './Custom';
-export declare function isComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
-export declare function isInteractiveComboboxCustom(child: ReactNode): child is ReactElement<ComboboxCustomProps>;
-/**
- * We use this function to prefix the value of the options so we can make sure numbers as strings are not parsed as numbers in objects
- * @param value
- * @returns
- */
-export declare const prefix: (value?: string) => string;
-export declare const removePrefix: (value: string) => string;
-type ReactInternalHack = {
-    _valueTracker?: {
-        setValue: (a: string) => void;
-    };
-};
-export declare const setReactInputValue: (input: HTMLInputElement & ReactInternalHack, value: string) => void;
-export {};

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

@@ -1,10 +0,0 @@
-import type { HTMLAttributes } from 'react';
-import type { DefaultProps } from '../../types';
-export type AlertProps = DefaultProps & HTMLAttributes<HTMLDivElement>;
-/**
- * Alerts are used to inform users about important information, warnings, errors, or success.
- *
- * @example
- * <Alert data-color='info'>Dette er en informasjonsmelding</Alert>
- */
-export declare const Alert: import("react").ForwardRefExoticComponent<DefaultProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,63 +0,0 @@
-import type { Size } from '@digdir/designsystemet-types';
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { DefaultProps } from '../../types';
-import type { MergeRight } from '../../utilities';
-type AriaHidden = HTMLAttributes<HTMLSpanElement>['aria-hidden'];
-type AriaAttributes = {
-    'aria-label': string;
-    'data-tooltip'?: never;
-    'aria-hidden'?: AriaHidden;
-} | {
-    'aria-label'?: never;
-    'data-tooltip': string;
-    'aria-hidden'?: AriaHidden;
-} | {
-    'aria-label'?: string;
-    'data-tooltip'?: string;
-    'aria-hidden': true | 'true';
-};
-export type AvatarProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, AriaAttributes & {
-    /**
-     * The size of the avatar.
-     */
-    'data-size'?: 'xs' | Size;
-    /**
-     * The shape of the avatar.
-     *
-     * @default 'circle'
-     */
-    variant?: 'circle' | 'square';
-    /**
-     * Initials to display inside the avatar.
-     */
-    initials?: string;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Image, icon or initials to display inside the avatar.
-     *
-     * Gets `aria-hidden="true"`
-     */
-    children?: ReactNode;
-}>;
-/**
- * Avatars are used to represent people or entities.
- *
- * @example
- * <Avatar aria-label="John Doe" initials="JD" />
- *
- * @example
- * <Avatar aria-label="John Doe">
- *  <img src='…' alt='John Doe' />
- * </Avatar>
- *
- * @example
- * <Avatar aria-label="John Doe">
- *  <Icon />
- * </Avatar>
- */
-export declare const Avatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLSpanElement>>;
-export {};

package/dist/types/components/avatar-stack/avatar-stack.d.ts

@@ -1,69 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type AvatarStackProps = {
-    /**
-     *  Adjusts gap-mask between avatars in the stack. Must be a valid css length value (px, em, rem, var(--ds-size-1) etc.)
-     *  @default 2px
-     */
-    gap?: string;
-    /**
-     *  Control the size of the avatars. Must be a valid css length value (px, em, rem, var(--ds-size-12) etc.)
-     *  @default 'var(--ds-size-12)'
-     */
-    avatarSize?: string;
-    /**
-     *  A number which represents the percentage value of how much avatars should overlap.
-     *  @default 50
-     */
-    overlap?: number;
-    /**
-     *  Text to the right of the avatars to show a number representing additional avatars not shown such as '+5'".
-     */
-    suffix?: string;
-    /**
-     *  Expand on hover to show full avatars.
-     *  'fixed': AvatarStack physical width does not change when avatars are expanded.
-     *  @default undefined
-     */
-    expandable?: 'fixed' | true;
-} & HTMLAttributes<HTMLSpanElement>;
-/**
- * Use `AvatarStack` to constrain Avatars into a stack.
- *
- * @example
- * <EXPERIMENTAL_AvatarStack>
- *   <Avatar aria-label='name'>
- *     <img src={cat1} alt='' />
- *   </Avatar>
- *   <Avatar aria-label='name'>
- *     <BriefcaseIcon />
- *   </Avatar>
- *   <Avatar aria-label='name' initials='sm' />
- * </EXPERIMENTAL_AvatarStack>
- */
-export declare const EXPERIMENTAL_AvatarStack: import("react").ForwardRefExoticComponent<{
-    /**
-     *  Adjusts gap-mask between avatars in the stack. Must be a valid css length value (px, em, rem, var(--ds-size-1) etc.)
-     *  @default 2px
-     */
-    gap?: string;
-    /**
-     *  Control the size of the avatars. Must be a valid css length value (px, em, rem, var(--ds-size-12) etc.)
-     *  @default 'var(--ds-size-12)'
-     */
-    avatarSize?: string;
-    /**
-     *  A number which represents the percentage value of how much avatars should overlap.
-     *  @default 50
-     */
-    overlap?: number;
-    /**
-     *  Text to the right of the avatars to show a number representing additional avatars not shown such as '+5'".
-     */
-    suffix?: string;
-    /**
-     *  Expand on hover to show full avatars.
-     *  'fixed': AvatarStack physical width does not change when avatars are expanded.
-     *  @default undefined
-     */
-    expandable?: "fixed" | true;
-} & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/badge/badge-position.d.ts

@@ -1,40 +0,0 @@
-import { type HTMLAttributes } from 'react';
-import type { DefaultProps } from '../../types';
-import type { MergeRight } from '../../utilities';
-export type BadgePositionProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
-    /**
-     * The placement of the badge
-     *
-     * @default top-right
-     */
-    placement?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-    /**
-     * Use when badge is floating to change the position of the badge
-     *
-     * @default rectangle
-     */
-    overlap?: 'circle' | 'rectangle';
-}>;
-/**
- * `BadgePosition` is a component that positions the badge.
- *
- * @example
- * <BadgePosition placement='top-right' overlap='circle'>
- *  <Badge count={5} maxCount={10} />
- *  <Element />
- * </BadgePosition>
- */
-export declare const BadgePosition: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
-    /**
-     * The placement of the badge
-     *
-     * @default top-right
-     */
-    placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
-    /**
-     * Use when badge is floating to change the position of the badge
-     *
-     * @default rectangle
-     */
-    overlap?: "circle" | "rectangle";
-} & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,48 +0,0 @@
-import { type HTMLAttributes } from 'react';
-import type { DefaultProps } from '../../types';
-import type { MergeRight } from '../../utilities';
-export type BadgeProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
-    /**
-     * The number to display in the badge
-     */
-    count?: number;
-    /**
-     * The maximum number to display in the badge, when the count exceeds this number, the badge will display `{max}+`
-     */
-    maxCount?: number;
-    /**
-     * Change the background color of the badge.
-     *
-     * @default 'base'
-     */
-    variant?: 'base' | 'tinted';
-    children?: never;
-}>;
-/**
- * `Badge` is a non-interactive component for displaying status with or without numbers.
- *
- * @example without children
- * <Badge count={5} maxCount={10} />
- *
- * @example with children
- * <Badge count={5} maxCount={10}>
- *   <Icon />
- * </Badge>
- */
-export declare const Badge: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "children" | "variant" | "count" | "maxCount"> & {
-    /**
-     * The number to display in the badge
-     */
-    count?: number;
-    /**
-     * The maximum number to display in the badge, when the count exceeds this number, the badge will display `{max}+`
-     */
-    maxCount?: number;
-    /**
-     * Change the background color of the badge.
-     *
-     * @default 'base'
-     */
-    variant?: "base" | "tinted";
-    children?: never;
-} & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,21 +0,0 @@
-import { BadgePosition } from './badge-position';
-/**
- * `Badge` is a non-interactive component for displaying status with or without numbers.
- *
- * @example without children
- * <Badge count={5} maxCount={10} />
- */
-declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "children" | "variant" | "count" | "maxCount"> & {
-    count?: number;
-    maxCount?: number;
-    variant?: "base" | "tinted";
-    children?: never;
-} & import("react").RefAttributes<HTMLSpanElement>> & {
-    Position: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
-        placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
-        overlap?: "circle" | "rectangle";
-    } & import("react").RefAttributes<HTMLSpanElement>>;
-};
-export type { BadgeProps } from './badge';
-export type { BadgePositionProps } from './badge-position';
-export { Badge, BadgePosition };

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

@@ -1,3 +0,0 @@
-import { type HTMLAttributes } from 'react';
-export type BreadcrumbsItemProps = HTMLAttributes<HTMLLIElement>;
-export declare const BreadcrumbsItem: import("react").ForwardRefExoticComponent<BreadcrumbsItemProps & import("react").RefAttributes<HTMLLIElement>>;

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

@@ -1,6 +0,0 @@
-import { type LinkProps } from '../link/link';
-export type BreadcrumbsLinkProps = LinkProps;
-export declare const BreadcrumbsLink: import("react").ForwardRefExoticComponent<Omit<import("../..").DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
-    children: import("react").ReactNode;
-    asChild?: boolean;
-} & import("react").RefAttributes<HTMLAnchorElement>>;

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

@@ -1,3 +0,0 @@
-import { type HTMLAttributes } from 'react';
-export type BreadcrumbsListProps = HTMLAttributes<HTMLOListElement>;
-export declare const BreadcrumbsList: import("react").ForwardRefExoticComponent<BreadcrumbsListProps & import("react").RefAttributes<HTMLOListElement>>;

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

@@ -1,37 +0,0 @@
-import type { DSBreadcrumbsElement } from '@digdir/designsystemet-web';
-import '@digdir/designsystemet-web';
-import { type HTMLAttributes } from 'react';
-import type { DefaultProps } from '../../types';
-import type { MergeRight } from '../../utilities';
-export type BreadcrumbsProps = MergeRight<DefaultProps & HTMLAttributes<DSBreadcrumbsElement>, {
-    /**
-     * Sets the screen reader label for the Breadcrumbs area
-     * @default 'Du er her'
-     */
-    'aria-label'?: string;
-}>;
-/**
- * `Breadcrumbs` is a component that displays a list of breadcrumbs.
- *
- * @example
- * <Breadcrumbs aria-label='Du er her:' {...args}>
- *  <Breadcrumbs.Link href='#' aria-label='Tilbake til Nivå 1'>
- *    Nivå 1
- *  </Breadcrumbs.Link>
- *  <Breadcrumbs.List>
- *    <Breadcrumbs.Item>
- *      <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
- *    </Breadcrumbs.Item>
- *    <Breadcrumbs.Item>
- *      <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
- *    </Breadcrumbs.Item>
- *  </Breadcrumbs.List>
- * </Breadcrumbs>
- */
-export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<DSBreadcrumbsElement>, "aria-label"> & {
-    /**
-     * Sets the screen reader label for the Breadcrumbs area
-     * @default 'Du er her'
-     */
-    'aria-label'?: string;
-} & import("react").RefAttributes<DSBreadcrumbsElement>>;

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

@@ -1,72 +0,0 @@
-import { Breadcrumbs as BreadcrumbsParent } from './breadcrumbs';
-import { BreadcrumbsItem } from './breadcrumbs-item';
-import { BreadcrumbsLink } from './breadcrumbs-link';
-import { BreadcrumbsList } from './breadcrumbs-list';
-type Breadcrumbs = typeof BreadcrumbsParent & {
-    /**
-     * Component that provides a Breadcrumbs item.
-     *
-     * Place as a descendant of `Breadcrumbs.List`
-     *
-     * @example
-     * <Breadcrumbs.List>
-     *   <Breadcrumbs.Item>
-     *     <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
-     *   </Breadcrumbs.Item>
-     * </Breadcrumbs.List>
-     */
-    Item: typeof BreadcrumbsItem;
-    /**
-     * Component that provides a link for the Breadcrumbs.
-     *
-     * Place as a descendant of `Breadcrumbs`
-     *
-     * @example
-     * <Breadcrumbs>
-     *   <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
-     * </Breadcrumbs>
-     */
-    Link: typeof BreadcrumbsLink;
-    /**
-     * Component that provides a list of Breadcrumbs items.
-     *
-     * Place as a descendant of `Breadcrumbs`
-     *
-     * @example
-     * <Breadcrumbs>
-     *   <Breadcrumbs.List>
-     *     <Breadcrumbs.Item>
-     *       <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
-     *     </Breadcrumbs.Item>
-     *     <Breadcrumbs.Item>
-     *       <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
-     *     </Breadcrumbs.Item>
-     *   </Breadcrumbs.List>
-     * </Breadcrumbs>
-     */
-    List: typeof BreadcrumbsList;
-};
-/**
- * `Breadcrumbs` is a component that displays a list of breadcrumbs.
- *
- * @example
- * <Breadcrumbs aria-label='Du er her:'>
- *  <Breadcrumbs.Link href='#' aria-label='Tilbake til Nivå 1'>
- *    Nivå 1
- *  </Breadcrumbs.Link>
- *  <Breadcrumbs.List>
- *    <Breadcrumbs.Item>
- *      <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
- *    </Breadcrumbs.Item>
- *    <Breadcrumbs.Item>
- *      <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
- *    </Breadcrumbs.Item>
- *  </Breadcrumbs.List>
- * </Breadcrumbs>
- */
-declare const BreadcrumbsComponent: Breadcrumbs;
-export type { BreadcrumbsProps } from './breadcrumbs';
-export type { BreadcrumbsItemProps } from './breadcrumbs-item';
-export type { BreadcrumbsLinkProps } from './breadcrumbs-link';
-export type { BreadcrumbsListProps } from './breadcrumbs-list';
-export { BreadcrumbsComponent as Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, };

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

@@ -1,91 +0,0 @@
-import type { ButtonHTMLAttributes, ReactNode } from 'react';
-import type { DefaultProps } from '../../types';
-import type { MergeRight } from '../../utilities';
-export type ButtonProps = MergeRight<DefaultProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'command' | 'commandfor' | 'commandFor'>, {
-    /**
-     * Specify which variant to use
-     * @default 'primary'
-     */
-    variant?: 'primary' | 'secondary' | 'tertiary';
-    /**
-     * Toggle icon only styling, pass icon as children
-     * When combined with loading, the loading-icon will be shown instead of the icon.
-     * @default false
-     */
-    icon?: boolean;
-    /**
-     * Toggle loading state.
-     * Pass an element if you want to display a custom loader.
-     *
-     * @default false
-     */
-    loading?: boolean | ReactNode;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Specify the type of button. Unset when `asChild` is true
-     * @default 'button'
-     */
-    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
-    /**
-     * Native invoker commands. Specifies actions to perform on an element specified by commandfor. Polyfilled by designsystemet-web and includes a custom --show-non-modal command.
-     * "show-modal", "close", "request-close", "show-popover", "hide-popover", "toggle-popover", "--show-non-modal"
-     */
-    command?: string;
-    /**
-     * Specifies the target element for "command".
-     * value is ID of target
-     */
-    commandfor?: string;
-    commandFor?: string;
-}>;
-/**
- * Button used for interaction
- *
- * @example
- * <Button>Click me</Button>
- */
-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";
-    /**
-     * Toggle icon only styling, pass icon as children
-     * When combined with loading, the loading-icon will be shown instead of the icon.
-     * @default false
-     */
-    icon?: boolean;
-    /**
-     * Toggle loading state.
-     * Pass an element if you want to display a custom loader.
-     *
-     * @default false
-     */
-    loading?: boolean | ReactNode;
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-    /**
-     * Specify the type of button. Unset when `asChild` is true
-     * @default 'button'
-     */
-    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    /**
-     * Native invoker commands. Specifies actions to perform on an element specified by commandfor. Polyfilled by designsystemet-web and includes a custom --show-non-modal command.
-     * "show-modal", "close", "request-close", "show-popover", "hide-popover", "toggle-popover", "--show-non-modal"
-     */
-    command?: string;
-    /**
-     * Specifies the target element for "command".
-     * value is ID of target
-     */
-    commandfor?: string;
-    commandFor?: string;
-} & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,15 +0,0 @@
-import type { HTMLAttributes } from 'react';
-export type CardBlockProps = {
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
-export declare const CardBlock: import("react").ForwardRefExoticComponent<{
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: boolean;
-} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;