@altinn/altinn-components 0.15.4 → 0.16.0

package/dist/types/lib/components/AccessAreaList/AccessAreaListItem.stories.d.ts

@@ -1,4 +1,5 @@
 import { StoryObj } from '@storybook/react';
+import { default as React } from 'react';
 import { AccessAreaListItemProps } from './AccessAreaListItem';
 declare const meta: {
     title: string;
@@ -8,7 +9,7 @@ declare const meta: {
         id: string;
         size: "md";
         name: string;
-        icon: string;
+        icon: React.FC<React.SVGProps<SVGSVGElement>>;
         children: import("react/jsx-runtime").JSX.Element;
     };
     argTypes: {

package/dist/types/lib/components/Attachment/AttachmentLink.d.ts

@@ -1,10 +1,12 @@
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 export interface AttachmentLinkProps {
     /** Link url */
     href: string;
     /** Label (filename) */
     label: string;
     /** Icon */
-    icon?: IconName;
+    icon?: SvgElement;
+    /** Icon Alt text */
+    iconAltText?: string;
 }
-export declare const AttachmentLink: ({ icon, href, label }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AttachmentLink: ({ icon, iconAltText, href, label }: AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Attachment/AttachmentLink.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ icon, href, label }: import('./AttachmentLink').AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ icon, iconAltText, href, label }: import('./AttachmentLink').AttachmentLinkProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: import('./AttachmentLink').AttachmentLinkProps;

package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts

@@ -31,6 +31,7 @@ declare const meta: {
                 type: "filter";
                 label: string;
             })[];
+            expandIconAltText: string;
         } | {
             id: string;
             params: ({
@@ -47,6 +48,7 @@ declare const meta: {
                 label: string;
                 onClick: () => void;
             };
+            expandIconAltText: string;
             title?: undefined;
         } | {
             id: string;
@@ -61,6 +63,7 @@ declare const meta: {
                 label: string;
                 onClick?: undefined;
             };
+            expandIconAltText: string;
             title?: undefined;
         })[];
     };

package/dist/types/lib/components/Bookmarks/EditableBookmark.d.ts

@@ -1,6 +1,9 @@
 import { ButtonProps, TextFieldProps, BookmarksListItemProps, QueryItemProps } from '..';
 export interface EditableBookmarkProps extends BookmarksListItemProps {
+    /** Bookmark id */
     id: string;
+    /** discernible text for expand icon */
+    expandIconAltText: string;
     /** Input value */
     inputValue?: string;
     /** On change */
@@ -26,4 +29,4 @@ export interface EditableBookmarkProps extends BookmarksListItemProps {
     /** Render as **/
     as?: React.ElementType;
 }
-export declare const EditableBookmark: ({ id, title, untitled, params, expanded, onToggle, titleField, saveButton, removeButton, inputValue, onChange, ...rest }: EditableBookmarkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EditableBookmark: ({ id, title, untitled, params, expanded, onToggle, titleField, saveButton, removeButton, inputValue, onChange, expandIconAltText, ...rest }: EditableBookmarkProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,11 @@
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 import { ButtonBaseProps } from './ButtonBase';
 export interface ButtonProps extends Partial<ButtonBaseProps> {
-    icon?: IconName;
+    icon?: SvgElement;
+    ariaLabel?: string;
     reverse?: boolean;
     loading?: boolean;
     loadingText?: string;
     label?: string;
 }
-export declare const Button: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, loadingText, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, loadingText, ariaLabel, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, loadingText, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, loadingText, ariaLabel, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -17,5 +17,6 @@ export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement>
     href?: string;
     className?: string;
     children?: ReactNode;
+    ariaLabel?: string;
 }
-export declare const ButtonBase: ({ as, color, className, children, disabled, size, selected, variant, tabIndex, ...rest }: ButtonBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonBase: ({ as, color, className, children, disabled, ariaLabel, size, selected, variant, tabIndex, ...rest }: ButtonBaseProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,8 @@
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 import { ButtonSize } from './ButtonBase';
 export interface ButtonIconProps {
-    icon: IconName;
+    icon: SvgElement;
+    iconAltText?: string;
     size: ButtonSize;
 }
-export declare const ButtonIcon: ({ size, icon }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonIcon: ({ size, icon, iconAltText }: ButtonIconProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,12 @@
 import { MouseEventHandler } from 'react';
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 import { ButtonBaseProps } from './ButtonBase';
 export interface ComboButtonProps extends Omit<ButtonBaseProps, 'onClick'> {
-    icon: IconName;
+    icon: SvgElement;
+    iconAltText?: string;
+    ariaLabel?: string;
     onIconClick?: MouseEventHandler<HTMLButtonElement>;
     onLabelClick?: MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
 }
-export declare const ComboButton: ({ variant, color, size, selected, icon, children, className, onLabelClick, onIconClick, }: ComboButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboButton: ({ variant, color, size, selected, icon, children, className, ariaLabel, onLabelClick, onIconClick, }: ComboButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,9 @@
 import { MouseEventHandler } from 'react';
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 import { ButtonColor, ButtonSize, ButtonVariant } from './ButtonBase';
 export interface IconButtonProps {
-    icon: IconName;
+    icon: SvgElement;
+    iconAltText: string;
     color?: ButtonColor;
     size?: ButtonSize;
     iconSize?: ButtonSize;
@@ -11,4 +12,4 @@ export interface IconButtonProps {
     onClick?: MouseEventHandler;
     dataTestId?: string;
 }
-export declare const IconButton: ({ variant, size, icon, color, iconSize, className, onClick, dataTestId, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconButton: ({ variant, size, icon, color, iconSize, className, onClick, dataTestId, iconAltText, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -11,7 +11,9 @@ export interface DialogSeenByProps {
     label: string;
     /** Render element as a link or button to display more informastion */
     as?: ElementType;
+    /** OnClick handler */
     onClick?: MouseEventHandler;
+    /** Optional link url */
     href?: string;
 }
 /**

package/dist/types/lib/components/Dropdown/DrawerHeader.d.ts

@@ -2,6 +2,7 @@ import { MouseEventHandler } from 'react';
 export interface DrawerHeaderProps {
     className?: string;
     title?: string;
+    closeIconAltText?: string;
     onClose?: MouseEventHandler;
 }
-export declare const DrawerHeader: ({ className, title, onClose }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerHeader: ({ className, title, onClose, closeIconAltText }: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Header/HeaderButton.d.ts

@@ -2,7 +2,7 @@ import { ElementType } from 'react';
 import { AvatarProps, AvatarGroupProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
 import { ButtonProps } from '../Button';
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 export interface HeaderButtonProps extends ButtonProps {
     label?: string;
     avatar?: AvatarProps;
@@ -10,7 +10,7 @@ export interface HeaderButtonProps extends ButtonProps {
     as?: ElementType;
     className?: string;
     expanded?: boolean;
-    icon?: IconName;
+    icon?: SvgElement;
     badge?: BadgeProps | undefined;
     tabIndex?: number;
 }

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

@@ -1,15 +1,15 @@
-import { Color, IconName, Size, Theme } from '..';
-export type IconVariant = 'solid' | 'outline';
+import { Color, Size, Theme } from '..';
+export type SvgElement = React.ComponentType<React.SVGProps<SVGSVGElement>>;
 export type IconSize = Size | undefined;
 export type IconColor = Color;
 export type IconTheme = Theme;
 export interface IconProps {
-    name: IconName;
+    svgElement: SvgElement | undefined | null | string;
+    altText?: string;
     loading?: boolean;
     size?: IconSize;
     color?: IconColor;
     theme?: IconTheme;
-    variant?: IconVariant;
     className?: string;
 }
-export declare const Icon: ({ loading, name, size, color, theme, variant, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ loading, altText, svgElement: SvgElement, size, color, theme, className }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Icon/IconOrAvatar.d.ts

@@ -1,12 +1,12 @@
 import { ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps, BadgeProps, IconName, IconProps, IconTheme } from '..';
+import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, IconTheme, SvgElement } from '..';
 export type IconOrAvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface IconOrAvatarProps {
     size?: IconOrAvatarSize;
-    icon?: IconProps | IconName | ReactNode;
+    icon?: IconProps | SvgElement | ReactNode;
     iconTheme?: IconTheme;
     avatar?: AvatarProps;
     avatarGroup?: AvatarGroupProps;
     badge?: BadgeProps | undefined;
 }
-export declare const IconOrAvatar: ({ size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const IconOrAvatar: ({ size, icon, iconTheme, avatar, avatarGroup }: IconOrAvatarProps) => string | number | true | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;

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

@@ -1,7 +1,5 @@
 export * from './Icon';
-export * from './SvgIcon';
 export * from './CheckboxIcon';
 export * from './RadioIcon';
 export * from './ProgressIcon';
-export * from './iconsMap';
 export * from './IconOrAvatar';

package/dist/types/lib/components/LayoutAction/ActionHeader.d.ts

@@ -2,9 +2,10 @@ import { LayoutActionColor, LayoutActionTheme } from './LayoutAction';
 export interface ActionHeaderProps {
     color?: LayoutActionColor;
     theme?: LayoutActionTheme;
+    dismissIconAltText?: string;
     title: string;
     hidden?: boolean;
     dismissable?: boolean;
     onDismiss?: () => void;
 }
-export declare const ActionHeader: ({ color, theme, hidden, title, dismissable, onDismiss, }: ActionHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionHeader: ({ color, theme, hidden, title, dismissable, dismissIconAltText, onDismiss, }: ActionHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/List/ListItem.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
 import { AvatarGroupProps, AvatarProps } from '../Avatar';
 import { BadgeProps } from '../Badge';
-import { IconName, IconProps } from '../Icon';
+import { IconProps, SvgElement } from '../Icon';
 import { ListItemBaseProps } from './ListItemBase';
 import { ListItemHeaderProps } from './ListItemHeader';
 export interface ListItemProps extends ListItemBaseProps, ListItemHeaderProps {
@@ -16,7 +16,7 @@ export interface ListItemProps extends ListItemBaseProps, ListItemHeaderProps {
     /** Optional description */
     description?: string;
     /** List item icon */
-    icon?: IconName | IconProps | ReactNode | undefined;
+    icon?: SvgElement | IconProps | ReactNode | undefined;
     /** List item avatar */
     avatar?: AvatarProps;
     /** List item avatarGroup */

package/dist/types/lib/components/List/ListItemHeader.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps, BadgeProps, IconName, IconProps, ListItemLinkProps, ListItemSelectProps, ListItemSize } from '..';
+import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, ListItemLinkProps, ListItemSelectProps, ListItemSize, SvgElement } from '..';
 export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Header is loading */
     loading?: boolean;
@@ -18,13 +18,13 @@ export interface ListItemHeaderProps extends ListItemLinkProps {
     /** Description */
     description?: string;
     /** List item icon */
-    icon?: IconName | IconProps | ReactNode | undefined;
+    icon?: SvgElement | IconProps | ReactNode | undefined;
     /** List item avatar */
     avatar?: AvatarProps;
     /** List item avatarGroup */
     avatarGroup?: AvatarGroupProps;
     /** Optional icon indicating behaviour */
-    linkIcon?: IconName | undefined | null;
+    linkIcon?: SvgElement | undefined | null;
     /** Optional badge */
     badge?: BadgeProps | ReactNode | undefined;
     /** Custom controls */

package/dist/types/lib/components/Menu/MenuItem.d.ts

@@ -1,5 +1,5 @@
 import { ElementType, ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps, BadgeProps, IconName, IconProps, IconTheme } from '..';
+import { AvatarGroupProps, AvatarProps, BadgeProps, IconProps, IconTheme, SvgElement } from '..';
 import { MenuItemColor, MenuItemSize, MenuItemTheme } from './';
 export interface MenuItemProps {
     id: string;
@@ -20,13 +20,13 @@ export interface MenuItemProps {
     groupId?: string | number;
     title?: string;
     description?: string;
-    icon?: IconName | IconProps | ReactNode;
+    icon?: SvgElement | IconProps | ReactNode;
     iconTheme?: IconTheme;
     iconBadge?: BadgeProps | undefined;
     avatar?: AvatarProps;
     avatarGroup?: AvatarGroupProps;
     badge?: BadgeProps | undefined;
-    linkIcon?: IconName;
+    linkIcon?: SvgElement;
     linkText?: string;
     className?: string;
     label?: ReactNode;

package/dist/types/lib/components/Menu/MenuItemBase.d.ts

@@ -1,5 +1,5 @@
 import { ElementType, KeyboardEventHandler, ReactNode } from 'react';
-import { BadgeProps, Color, IconName } from '..';
+import { BadgeProps, Color, SvgElement } from '..';
 export type MenuItemColor = Color;
 export type MenuItemSize = 'xs' | 'sm' | 'md' | 'lg';
 export type MenuItemTheme = 'default' | 'subtle' | 'surface' | 'base';
@@ -20,7 +20,7 @@ export interface MenuItemBaseProps {
     expanded?: boolean;
     children?: ReactNode;
     badge?: BadgeProps | undefined;
-    linkIcon?: IconName;
+    linkIcon?: SvgElement;
     linkText?: string;
 }
 export declare const MenuItemBase: ({ as, color, theme, size, className, href, onClick, onKeyPress, tabIndex, hidden, disabled, linkIcon, linkText, badge, children, }: MenuItemBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuSearch.d.ts

@@ -2,8 +2,9 @@ import { ChangeEventHandler } from 'react';
 export interface MenuSearchProps {
     placeholder?: string;
     name: string;
+    clearButtonAltText?: string;
     value?: string;
     onChange?: ChangeEventHandler;
     onClear?: () => void;
 }
-export declare const MenuSearch: ({ value, name, placeholder, onChange, onClear }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuSearch: ({ value, name, placeholder, clearButtonAltText, onChange, onClear, }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuSearch.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ value, name, placeholder, onChange, onClear }: import('./MenuSearch').MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ value, name, placeholder, clearButtonAltText, onChange, onClear, }: import('./MenuSearch').MenuSearchProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -1,5 +1,5 @@
 import { ElementType, ReactNode } from 'react';
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
 export interface MetaItemProps {
     loading?: boolean;
@@ -11,7 +11,7 @@ export interface MetaItemProps {
     /** Variant */
     variant?: MetaItemVariant;
     /** Icon name */
-    icon?: IconName;
+    icon?: SvgElement;
     /** Label */
     children?: ReactNode;
     /** classname */

package/dist/types/lib/components/Meta/MetaItemMedia.d.ts

@@ -1,9 +1,9 @@
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 import { MetaItemSize } from './MetaItemBase';
 interface MetaItemMediaProps {
     size?: MetaItemSize;
     progress?: number;
-    icon?: IconName;
+    icon?: SvgElement;
 }
 export declare const MetaItemMedia: ({ size, icon, progress }: MetaItemMediaProps) => false | import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 import { MetaItemSize, MetaItemVariant } from './MetaItemBase';
 export interface MetaTimestampProps {
     loading?: boolean;
@@ -10,7 +10,7 @@ export interface MetaTimestampProps {
     /** Datetime in ISO format */
     datetime?: string;
     /** Icon name */
-    icon?: IconName;
+    icon?: SvgElement;
     /** Label */
     children?: ReactNode;
 }

package/dist/types/lib/components/Page/BreadcrumbsLink.d.ts

@@ -8,4 +8,4 @@ export interface BreadcrumbsLinkProps extends React.HTMLAttributes<HTMLButtonEle
     className?: string;
     children?: ReactNode;
 }
-export declare const BreadcrumbsLink: ({ as, className, disabled, selected, tabIndex, label, children, ...rest }: BreadcrumbsLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BreadcrumbsLink: ({ as, className, disabled, selected, tabIndex, label, children, }: BreadcrumbsLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Page/PageHeader.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AvatarGroupProps, AvatarProps, BackButtonProps, BreadcrumbsLinkProps, IconName, IconProps, PageTabsProps, SectionProps } from '..';
+import { AvatarGroupProps, AvatarProps, BackButtonProps, BreadcrumbsLinkProps, IconProps, PageTabsProps, SectionProps, SvgElement } from '..';
 export type PageHeaderVariant = 'card' | undefined;
 export type PageHeaderSize = 'lg' | 'xl';
 export interface PageHeaderProps extends SectionProps {
@@ -7,7 +7,7 @@ export interface PageHeaderProps extends SectionProps {
     size?: PageHeaderSize;
     title?: string;
     description?: string;
-    icon?: IconName | IconProps;
+    icon?: SvgElement | IconProps;
     avatar?: AvatarProps;
     avatarGroup?: AvatarGroupProps;
     tabs?: PageTabsProps;

package/dist/types/lib/components/Search/SearchField.d.ts

@@ -4,6 +4,8 @@ export interface SearchFieldProps {
     value?: string;
     className?: string;
     expanded?: boolean;
+    closeButtonAltText?: string;
+    clearButtonAltText?: string;
     placeholder?: string;
     onFocus?: FocusEventHandler;
     onBlur?: FocusEventHandler;
@@ -13,4 +15,4 @@ export interface SearchFieldProps {
     onEnter?: () => void;
     tabIndex?: number;
 }
-export declare const SearchField: ({ className, expanded, name, value, placeholder, onFocus, onBlur, onChange, onClear, onClose, onEnter, tabIndex, }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchField: ({ className, expanded, name, value, placeholder, closeButtonAltText, clearButtonAltText, onFocus, onBlur, onChange, onClear, onClose, onEnter, tabIndex, }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -7,5 +7,5 @@ interface SkeletonProps {
     children?: ReactNode;
     className?: string;
 }
-export declare const Skeleton: ({ loading, size, variant, className, children }: SkeletonProps) => string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare const Skeleton: ({ loading, size, variant, className, children }: SkeletonProps) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
 export {};

package/dist/types/lib/components/Snackbar/SnackbarItem.d.ts

@@ -1,5 +1,5 @@
 import { ElementType, ReactNode } from 'react';
-import { IconName } from '..';
+import { SvgElement } from '..';
 export declare enum SnackbarColorEnum {
     accent = "accent",
     neutral = "neutral",
@@ -13,12 +13,13 @@ export type SnackbarColor = keyof typeof SnackbarColorEnum;
 export interface SnackbarItemProps {
     as?: ElementType;
     color?: SnackbarColor;
-    icon?: IconName;
+    icon?: SvgElement;
     message: string | ReactNode;
+    iconAltText?: string;
     href?: string;
     className?: string;
     dismissable?: boolean;
     onDismiss?: () => void;
     children?: ReactNode;
 }
-export declare const SnackbarItem: ({ as, message, className, color, icon, dismissable, onDismiss, ...rest }: SnackbarItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SnackbarItem: ({ as, message, className, color, icon, iconAltText, dismissable, onDismiss, ...rest }: SnackbarItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Snackbar/SnackbarItem.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { SnackbarItemProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ as, message, className, color, icon, dismissable, onDismiss, ...rest }: SnackbarItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ as, message, className, color, icon, iconAltText, dismissable, onDismiss, ...rest }: SnackbarItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

package/dist/types/lib/components/Snackbar/useSnackbar.d.ts

@@ -1,5 +1,5 @@
 import { ElementType, ReactNode } from 'react';
-import { IconName } from '../Icon';
+import { SvgElement } from '../Icon';
 import { SnackbarColor } from './SnackbarItem.tsx';
 export declare enum SnackbarDuration {
     infinite = 0,
@@ -14,7 +14,7 @@ export interface SnackbarQueueItem extends SnackbarItemProps {
     message: string;
     color: SnackbarColor;
     duration?: number;
-    icon?: IconName;
+    icon?: SvgElement;
 }
 interface SnackbarItemProps {
     as?: ElementType;

package/dist/types/lib/components/Timeline/TimelineSection.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AvatarProps, Color, IconName } from '..';
+import { AvatarProps, Color, SvgElement } from '..';
 export type TimelineSectionSize = 'xs' | 'sm' | 'lg';
 export interface TimelineSectionProps {
     loading?: boolean;
@@ -9,7 +9,7 @@ export interface TimelineSectionProps {
     dateline?: string;
     byline?: ReactNode;
     avatar?: AvatarProps;
-    icon?: IconName;
+    icon?: SvgElement;
     children?: ReactNode;
 }
 export declare const TimelineSection: ({ loading, color, size, datetime, dateline, byline, avatar, children, }: TimelineSectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -11,6 +11,7 @@ export interface ToolbarProps {
     getFilterLabel?: (name: string, value: ToolbarFilterProps['value']) => string;
     onFilterStateChange?: (state: FilterState) => void;
     showResultsLabel?: string;
+    removeButtonAltText?: string;
     children?: ReactNode;
 }
-export declare const Toolbar: ({ filters, filterState, onFilterStateChange, search, accountMenu, getFilterLabel, children, showResultsLabel, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toolbar: ({ filters, filterState, onFilterStateChange, search, accountMenu, getFilterLabel, children, showResultsLabel, removeButtonAltText, }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { Toolbar } from './Toolbar';
 declare const meta: {
     title: string;
-    component: ({ filters, filterState, onFilterStateChange, search, accountMenu, getFilterLabel, children, showResultsLabel, }: import('./Toolbar').ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ filters, filterState, onFilterStateChange, search, accountMenu, getFilterLabel, children, showResultsLabel, removeButtonAltText, }: import('./Toolbar').ToolbarProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -3,12 +3,12 @@ export type ToolbarButtonType = 'add' | 'select' | 'switch';
 export interface ToolbarButtonProps {
     as?: ElementType;
     type?: ToolbarButtonType;
+    ariaLabel?: string;
     removable?: boolean;
     selected?: boolean;
-    icon?: string;
     active?: boolean;
     children?: ReactNode;
     onToggle?: MouseEventHandler;
     onRemove?: MouseEventHandler;
 }
-export declare const ToolbarButton: ({ type, selected, removable, active, children, onToggle, onRemove, }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarButton: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, }: ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ type, selected, removable, active, children, onToggle, onRemove, }: import('./ToolbarButton').ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ type, selected, removable, ariaLabel, active, children, onToggle, onRemove, }: import('./ToolbarButton').ToolbarButtonProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ removable, label, name, value, options, optionGroups, onChange, onRemove, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ removable, label, name, value, options, optionGroups, onChange, onRemove, buttonAltText, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -14,10 +14,11 @@ export interface ToolbarFilterProps {
     optionType: 'checkbox' | 'radio';
     removable?: boolean;
     getSelectedLabel?: (name: string, value?: ToolbarFilterValue) => string;
+    buttonAltText?: string;
     className?: string;
     onChange?: ChangeEventHandler;
     onRemove?: MouseEventHandler;
     showResultsLabel?: string;
 }
-export declare const ToolbarFilter: ({ removable, label, name, value, options, optionGroups, onChange, onRemove, getSelectedLabel, showResultsLabel, optionType, id, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarFilter: ({ removable, label, name, value, options, optionGroups, onChange, onRemove, buttonAltText, getSelectedLabel, showResultsLabel, optionType, id, }: ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ removable, label, name, value, options, optionGroups, onChange, onRemove, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ removable, label, name, value, options, optionGroups, onChange, onRemove, buttonAltText, getSelectedLabel, showResultsLabel, optionType, id, }: import('./ToolbarFilter').ToolbarFilterProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {