@altinn/altinn-components 0.58.7 → 0.59.0

package/dist/types/lib/components/AccessPackageListItem/AccessPackageListItem.d.ts

@@ -1,7 +1,7 @@
 import { ListItemProps } from '../List';
-export interface AccessPackageListItemProps extends Pick<ListItemProps, 'color' | 'onClick' | 'as' | 'description' | 'size' | 'controls' | 'loading' | 'shadow' | 'border' | 'badge' | 'interactive'> {
+export interface AccessPackageListItemProps extends Pick<ListItemProps, 'color' | 'onClick' | 'as' | 'description' | 'size' | 'controls' | 'loading' | 'shadow' | 'border' | 'badge' | 'interactive' | 'variant'> {
     id: string;
     name: string;
     titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
 }
-export declare const AccessPackageListItem: ({ as, name, color, titleAs, size, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccessPackageListItem: ({ as, name, color, titleAs, size, variant, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/AccessPackageListItem/AccessPackageListItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { AccessPackageListItemProps } from './AccessPackageListItem';
 declare const meta: {
     title: string;
-    component: ({ as, name, color, titleAs, size, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ as, name, color, titleAs, size, variant, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     args: {
         id: string;
@@ -13,6 +13,7 @@ declare const meta: {
         border: "none";
         as: "button";
         titleAs: "h3";
+        variant: string;
     };
     argTypes: {
         size: {
@@ -51,6 +52,12 @@ declare const meta: {
                 type: "select";
             };
         };
+        variant: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
     };
 };
 export default meta;

package/dist/types/lib/components/Badge/Badge.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
+import { CSSProperties, ReactNode } from 'react';
 import { Color, Theme } from '..';
 export type BadgeColor = Color;
-export type BadgeVariant = 'subtle' | 'outline' | 'tinted' | 'base' | 'text';
+export type BadgeVariant = 'subtle' | 'strong' | 'outline' | 'dotted' | 'tinted' | 'base' | 'text';
 /** Theme is deprecated, use variant instead */
 export type BadgeTheme = Theme;
 export type BadgeSize = 'sm' | 'xs';
@@ -12,6 +12,8 @@ export interface BadgeProps {
     theme?: BadgeTheme;
     size?: BadgeSize;
     className?: string;
+    style?: CSSProperties;
+    tooltip?: string;
     children?: ReactNode;
 }
-export declare const Badge: ({ label, color, variant, theme, size, className, children }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ label, color, variant, theme, size, tooltip, className, style, children, }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Badge/Badge.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ label, color, variant, theme, size, className, children }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ label, color, variant, theme, size, tooltip, className, style, children, }: import('./Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Button/Button.d.ts

@@ -19,4 +19,4 @@ export declare const Button: React.ForwardRefExoticComponent<{
     rounded?: boolean;
     icon?: ButtonIconProps["icon"];
     href?: string;
-} & Omit<DsButtonProps, "variant" | "data-color" | "data-variant" | "data-size" | "icon" | "asChild" | "data-rounded"> & React.RefAttributes<HTMLButtonElement>>;
+} & Omit<DsButtonProps, "variant" | "data-color" | "data-size" | "data-variant" | "icon" | "asChild" | "data-rounded"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/lib/components/Button/Button.stories.d.ts

@@ -9,7 +9,7 @@ declare const meta: {
         rounded?: boolean;
         icon?: import('./ButtonIcon').ButtonIconProps["icon"];
         href?: string;
-    } & Omit<import('@digdir/designsystemet-react').ButtonProps, "variant" | "data-color" | "data-variant" | "data-size" | "icon" | "asChild" | "data-rounded"> & import('react').RefAttributes<HTMLButtonElement>>;
+    } & Omit<import('@digdir/designsystemet-react').ButtonProps, "variant" | "data-color" | "data-size" | "data-variant" | "icon" | "asChild" | "data-rounded"> & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {};
     args: {
         children: string;

package/dist/types/lib/components/Dialog/DialogHeader.d.ts

@@ -1,28 +1,8 @@
-import { BadgeProps, DialogMetadataProps, DialogStatusProps } from '..';
+import { DialogMetadataProps } from '..';
 export interface DialogHeaderProps extends DialogMetadataProps {
     /** Loading state */
     loading?: boolean;
     /** Dialog title */
     title: string;
-    /** Badge */
-    badge?: BadgeProps;
-    /** Dialog status */
-    status?: DialogStatusProps;
-    /** Extended Status Label */
-    extendedStatusLabel?: string;
-    /** Drafts label */
-    draftsLabel?: string;
-    /** Number of submissions sent */
-    sentCount?: number;
-    /** Number of received transmissions */
-    receivedCount?: number;
-    /** Updated date time */
-    updatedAt?: string;
-    /** Updated label */
-    updatedAtLabel?: string;
-    /** Due date */
-    dueAt?: string;
-    /** Due date label */
-    dueAtLabel?: string;
 }
-export declare const DialogHeader: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, tooltips, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, activityLog, tooltips, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogHeader.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, tooltips, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, activityLog, tooltips, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Dialog/DialogListItem.d.ts

@@ -35,6 +35,8 @@ export interface DialogListItemProps extends ItemLinkProps, DialogMetadataProps
     badge?: BadgeProps;
     /** Dialog has not been opened or is marked as unread */
     unread?: boolean;
+    /** Dialog unread label */
+    unreadLabel?: string;
     /** Seen by log */
     seenByLog?: SeenByLogProps;
     /** Number of attachments */
@@ -53,4 +55,4 @@ export interface DialogListItemProps extends ItemLinkProps, DialogMetadataProps
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: import('react').MemoExoticComponent<({ as, size, variant, color, loading, controls, selectable, selected, status, extendedStatusLabel, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, tooltips, title, description, summary, highlightWords, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const DialogListItem: import('react').MemoExoticComponent<({ as, size, variant, color, loading, controls, selectable, selected, status, extendedStatusLabel, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, unread, unreadLabel, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, tooltips, title, description, summary, highlightWords, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/types/lib/components/Dialog/DialogMetadata.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps, DialogStatusProps } from '..';
+import { AvatarProps, BadgeProps, DialogStatusProps } from '..';
 interface DialogMetadataButtonProps {
     label: string;
     onClick?: () => void;
@@ -8,6 +8,8 @@ export type DialogMetadataProps = {
     className?: string;
     /** Metadata is loading */
     loading?: boolean;
+    /** Dialog badge */
+    badge?: BadgeProps;
     /** Dialog status */
     status?: DialogStatusProps;
     /** Extended Status Label */

package/dist/types/lib/components/Dialog/DialogStatus.d.ts

@@ -1,4 +1,3 @@
-import { MetaItemSize } from '../';
 export declare enum DialogStatusEnum {
     /** No explicit status. This is the default. */
     'not-applicable' = "NOT_APPLICABLE",
@@ -16,7 +15,6 @@ export declare enum DialogStatusEnum {
 export type DialogStatusValue = keyof typeof DialogStatusEnum;
 export interface DialogStatusProps {
     loading?: boolean;
-    size?: MetaItemSize;
     value?: DialogStatusValue;
     tooltip?: string;
     label?: string;
@@ -24,4 +22,4 @@ export interface DialogStatusProps {
 /**
  * Dialog status.
  */
-export declare const DialogStatus: ({ loading, size, value, label, tooltip }: DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DialogStatus: ({ loading, value, label, tooltip }: DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Dialog/DialogStatus.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, size, value, label, tooltip }: import('./DialogStatus').DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ loading, value, label, tooltip }: import('./DialogStatus').DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     parameters: {};
     argTypes: {

package/dist/types/lib/components/Metadata/MetaBase.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
-import { MetaItemSize } from './MetaItemBase';
+import { MetaItemProps } from './MetaItem';
 export interface MetaBaseProps {
-    size?: MetaItemSize;
+    size?: MetaItemProps['size'];
     className?: string;
     children?: ReactNode;
 }

package/dist/types/lib/components/Metadata/MetaItem.d.ts

@@ -1,5 +1,9 @@
 import { ElementType, ReactNode } from 'react';
-import { MetaItemIconProps, MetaItemSize, MetaItemVariant } from '..';
+import { Color } from '../../types';
+import { MetaItemIconProps } from './MetaItemIcon';
+export type MetaItemVariant = 'default' | 'tinted';
+export type MetaItemSize = 'xs' | 'sm';
+export type MetaItemColor = Color;
 export interface MetaItemProps {
     loading?: boolean;
     reverse?: boolean;
@@ -9,10 +13,14 @@ export interface MetaItemProps {
     size?: MetaItemSize;
     /** Variant */
     variant?: MetaItemVariant;
+    /** Color */
+    color?: MetaItemColor;
     /** Icon name */
     icon?: MetaItemIconProps['icon'];
     /** Label */
     children?: ReactNode;
+    /** Datetime in ISO format */
+    datetime?: string;
     /** Tooltip */
     tooltip?: string;
     /** classname */
@@ -20,4 +28,4 @@ export interface MetaItemProps {
     /** OnClick handler */
     onClick?: () => void;
 }
-export declare const MetaItem: ({ loading, reverse, size, variant, icon, children, tooltip, ...rest }: MetaItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaItem: ({ as, loading, className, reverse, size, variant, color, icon, children, datetime, tooltip, ...rest }: MetaItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Metadata/MetaItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, reverse, size, variant, icon, children, tooltip, ...rest }: import('./MetaItem').MetaItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ as, loading, className, reverse, size, variant, color, icon, children, datetime, tooltip, ...rest }: import('./MetaItem').MetaItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/dist/types/lib/components/Metadata/MetaTimestamp.d.ts

@@ -1,18 +1,6 @@
-import { ReactNode } from 'react';
-import { MetaItemIconProps, MetaItemSize, MetaItemVariant } from '..';
-export interface MetaTimestampProps {
-    loading?: boolean;
-    /** Meta size */
-    size?: MetaItemSize;
-    /** Variant */
-    variant?: MetaItemVariant;
+import { MetaItemProps } from './MetaItem';
+export interface MetaTimestampProps extends MetaItemProps {
     /** Datetime in ISO format */
     datetime?: string;
-    /** Icon name */
-    icon?: MetaItemIconProps['icon'];
-    /** Tooltip */
-    tooltip?: string;
-    /** Label */
-    children?: ReactNode;
 }
-export declare const MetaTimestamp: ({ loading, size, variant, datetime, icon, tooltip, children, }: MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetaTimestamp: ({ datetime, children, ...rest }: MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Metadata/MetaTimestamp.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, size, variant, datetime, icon, tooltip, children, }: import('./MetaTimestamp').MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ datetime, children, ...rest }: import('./MetaTimestamp').MetaTimestampProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Metadata/Metadata.d.ts

@@ -1,14 +1,13 @@
-import { MetaItemBaseProps, MetaItemProps, MetaItemSize } from '..';
+import { MetaItemProps } from '..';
 export type MetaListItemType = 'default' | 'progress' | 'timestamp';
-export interface MetaListItemProps extends MetaItemBaseProps {
+export interface MetaListItemProps extends MetaItemProps {
     label: string;
     type?: MetaListItemType;
     icon?: MetaItemProps['icon'];
 }
-export declare const MetaListItem: ({ type, label, ...rest }: MetaListItemProps) => import("react/jsx-runtime").JSX.Element;
 export interface MetadataProps {
     variant?: 'inline' | 'list';
     items: MetaListItemProps[];
-    size?: MetaItemSize;
+    size?: MetaItemProps['size'];
 }
 export declare const Metadata: ({ variant, size, items }: MetadataProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,5 @@
 export * from './MetaBase';
-export * from './MetaItemBase';
 export * from './MetaItemIcon';
-export * from './MetaItemLabel';
 export * from './MetaItem';
-export * from './MetaProgress';
 export * from './MetaTimestamp';
 export * from './Metadata';

package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts

@@ -18,31 +18,60 @@ declare const meta: {
         size?: import('../../types/fields').FieldSize | undefined;
         color?: "inherit" | "company" | "person" | "neutral" | "success" | "warning" | "error" | "danger" | "info" | "alert" | undefined;
         ref?: import('react').Ref<HTMLInputElement> | undefined;
-        children?: import('react').ReactNode;
         style?: import('react').CSSProperties | undefined;
-        form?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        title?: string | undefined | undefined;
-        pattern?: string | undefined | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        src?: string | undefined | undefined;
-        alt?: string | undefined | undefined;
-        checked?: boolean | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        content?: string | undefined | undefined;
-        multiple?: boolean | undefined | undefined;
-        disabled?: boolean | undefined;
+        children?: import('react').ReactNode;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
         suppressHydrationWarning?: boolean | undefined | undefined;
-        height?: number | string | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
-        max?: number | string | undefined | undefined;
-        min?: number | string | undefined | undefined;
-        name?: string | undefined | undefined;
-        type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week" | undefined;
-        width?: number | string | undefined | undefined;
-        role?: import('react').AriaRole | undefined;
+        nonce?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined | undefined;
+        title?: string | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: import('react').AriaRole | undefined;
+        about?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        popovertarget?: string | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -66,6 +95,7 @@ declare const meta: {
         "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
         "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
         "aria-keyshortcuts"?: string | undefined | undefined;
         "aria-label"?: string | undefined | undefined;
@@ -266,11 +296,20 @@ declare const meta: {
         onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionStart?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+        type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week" | undefined;
+        form?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        src?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        disabled?: boolean | undefined;
+        height?: number | string | undefined | undefined;
+        max?: number | string | undefined | undefined;
+        min?: number | string | undefined | undefined;
+        name?: string | undefined | undefined;
+        width?: number | string | undefined | undefined;
         list?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -281,23 +320,55 @@ declare const meta: {
         capture?: boolean | "user" | "environment" | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
-        dir?: string | undefined | undefined;
         step?: number | string | undefined | undefined;
-        contextMenu?: string | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        readOnly?: boolean | undefined;
+        required?: boolean | undefined | undefined;
+    }>, _: import('storybook/internal/csf').StoryContext<import('@storybook/react-vite').ReactRenderer, {
+        collapsible?: boolean | undefined;
+        className?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
+        label?: import('react').ReactNode;
+        clearButtonAltText?: string | undefined;
+        loading?: boolean | undefined;
+        loadingLabel?: string | undefined;
+        onClear?: (() => void) | undefined;
+        menu?: import('..').SearchFieldMenuProps | undefined;
+        inputSize?: number | undefined;
+        size?: import('../../types/fields').FieldSize | undefined;
+        color?: "inherit" | "company" | "person" | "neutral" | "success" | "warning" | "error" | "danger" | "info" | "alert" | undefined;
+        ref?: import('react').Ref<HTMLInputElement> | undefined;
+        style?: import('react').CSSProperties | undefined;
+        children?: import('react').ReactNode;
+        defaultChecked?: boolean | undefined | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
         accessKey?: string | undefined | undefined;
         autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
         autoFocus?: boolean | undefined | undefined;
         contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
+        tabIndex?: number | undefined | undefined;
+        title?: string | undefined | undefined;
         translate?: "yes" | "no" | undefined | undefined;
         radioGroup?: string | undefined | undefined;
+        role?: import('react').AriaRole | undefined;
         about?: string | undefined | undefined;
+        content?: string | undefined | undefined;
         datatype?: string | undefined | undefined;
         inlist?: any;
         property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
         resource?: string | undefined | undefined;
         rev?: string | undefined | undefined;
         typeof?: string | undefined | undefined;
@@ -321,48 +392,6 @@ declare const meta: {
         exportparts?: string | undefined | undefined;
         part?: string | undefined | undefined;
         popovertarget?: string | undefined;
-        placeholder?: string | undefined | undefined;
-        readOnly?: boolean | undefined;
-        required?: boolean | undefined | undefined;
-    }>, _: import('storybook/internal/csf').StoryContext<import('@storybook/react-vite').ReactRenderer, {
-        collapsible?: boolean | undefined;
-        className?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
-        label?: import('react').ReactNode;
-        clearButtonAltText?: string | undefined;
-        loading?: boolean | undefined;
-        loadingLabel?: string | undefined;
-        onClear?: (() => void) | undefined;
-        menu?: import('..').SearchFieldMenuProps | undefined;
-        inputSize?: number | undefined;
-        size?: import('../../types/fields').FieldSize | undefined;
-        color?: "inherit" | "company" | "person" | "neutral" | "success" | "warning" | "error" | "danger" | "info" | "alert" | undefined;
-        ref?: import('react').Ref<HTMLInputElement> | undefined;
-        children?: import('react').ReactNode;
-        style?: import('react').CSSProperties | undefined;
-        form?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
-        title?: string | undefined | undefined;
-        pattern?: string | undefined | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        src?: string | undefined | undefined;
-        alt?: string | undefined | undefined;
-        checked?: boolean | undefined | undefined;
-        hidden?: boolean | undefined | undefined;
-        content?: string | undefined | undefined;
-        multiple?: boolean | undefined | undefined;
-        disabled?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined | undefined;
-        height?: number | string | undefined | undefined;
-        id?: string | undefined | undefined;
-        lang?: string | undefined | undefined;
-        max?: number | string | undefined | undefined;
-        min?: number | string | undefined | undefined;
-        name?: string | undefined | undefined;
-        type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week" | undefined;
-        width?: number | string | undefined | undefined;
-        role?: import('react').AriaRole | undefined;
-        tabIndex?: number | undefined | undefined;
         "aria-activedescendant"?: string | undefined | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
@@ -386,6 +415,7 @@ declare const meta: {
         "aria-flowto"?: string | undefined | undefined;
         "aria-grabbed"?: (boolean | "true" | "false") | undefined;
         "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
         "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
         "aria-keyshortcuts"?: string | undefined | undefined;
         "aria-label"?: string | undefined | undefined;
@@ -586,11 +616,20 @@ declare const meta: {
         onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionStart?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
         onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
+        type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week" | undefined;
+        form?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
+        src?: string | undefined | undefined;
+        alt?: string | undefined | undefined;
+        checked?: boolean | undefined | undefined;
+        multiple?: boolean | undefined | undefined;
+        disabled?: boolean | undefined;
+        height?: number | string | undefined | undefined;
+        max?: number | string | undefined | undefined;
+        min?: number | string | undefined | undefined;
+        name?: string | undefined | undefined;
+        width?: number | string | undefined | undefined;
         list?: string | undefined | undefined;
-        rel?: string | undefined | undefined;
-        defaultChecked?: boolean | undefined | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined | undefined;
         formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -601,46 +640,7 @@ declare const meta: {
         capture?: boolean | "user" | "environment" | undefined | undefined;
         maxLength?: number | undefined | undefined;
         minLength?: number | undefined | undefined;
-        dir?: string | undefined | undefined;
         step?: number | string | undefined | undefined;
-        contextMenu?: string | undefined | undefined;
-        accessKey?: string | undefined | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-        autoFocus?: boolean | undefined | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-        nonce?: string | undefined | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "yes" | "no" | undefined | undefined;
-        radioGroup?: string | undefined | undefined;
-        about?: string | undefined | undefined;
-        datatype?: string | undefined | undefined;
-        inlist?: any;
-        property?: string | undefined | undefined;
-        resource?: string | undefined | undefined;
-        rev?: string | undefined | undefined;
-        typeof?: string | undefined | undefined;
-        vocab?: string | undefined | undefined;
-        autoCorrect?: string | undefined | undefined;
-        autoSave?: string | undefined | undefined;
-        itemProp?: string | undefined | undefined;
-        itemScope?: boolean | undefined | undefined;
-        itemType?: string | undefined | undefined;
-        itemID?: string | undefined | undefined;
-        itemRef?: string | undefined | undefined;
-        results?: number | undefined | undefined;
-        security?: string | undefined | undefined;
-        unselectable?: "on" | "off" | undefined | undefined;
-        popover?: "" | "auto" | "manual" | undefined | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-        popoverTarget?: string | undefined | undefined;
-        inert?: boolean | undefined | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-        is?: string | undefined | undefined;
-        exportparts?: string | undefined | undefined;
-        part?: string | undefined | undefined;
-        popovertarget?: string | undefined;
         placeholder?: string | undefined | undefined;
         readOnly?: boolean | undefined;
         required?: boolean | undefined | undefined;

package/dist/types/lib/components/Toolbar/useFilter.d.ts

@@ -123,11 +123,11 @@ export declare const useFilter: ({ filters, filterState, onFilterStateChange }:
         groups?: FilterGroups;
         color?: import('..').Color | undefined;
         size?: import('..').MenuItemSize | undefined;
+        onSelect?: (() => void) | undefined;
+        open?: boolean | undefined;
         search?: import('..').MenuListSearchProps | undefined;
         as?: import('react').ElementType | undefined;
         expanded?: boolean | undefined;
-        open?: boolean | undefined;
-        onSelect?: (() => void) | undefined;
         virtualized?: boolean | undefined;
         keyboardEvents?: boolean | undefined;
         scrollRefStyles?: import('react').CSSProperties | undefined;
@@ -156,10 +156,10 @@ export declare const useFilter: ({ filters, filterState, onFilterStateChange }:
         items: MenuItemProps[];
         color?: import('..').Color | undefined;
         size?: import('..').MenuItemSize | undefined;
+        onSelect?: (() => void) | undefined;
+        open?: boolean | undefined;
         search?: import('..').MenuListSearchProps | undefined;
         expanded?: boolean | undefined;
-        open?: boolean | undefined;
-        onSelect?: (() => void) | undefined;
         virtualized?: boolean | undefined;
         keyboardEvents?: boolean | undefined;
         scrollRefStyles?: import('react').CSSProperties | undefined;