@dnb/eufemia 10.0.0-beta.1 → 10.0.0-beta.2

package/cjs/components/accordion/AccordionProvider.d.ts

@@ -1,88 +1,52 @@
 import * as React from 'react';
-export type AccordionGroupExpanded = string | boolean;
-export type AccordionGroupNoAnimation = string | boolean;
-export type AccordionGroupExpandedSsr = string | boolean;
-export type AccordionGroupPrerender = string | boolean;
-export type AccordionGroupPreventRerender = string | boolean;
-export type AccordionGroupPreventRerenderConditional = string | boolean;
-export type AccordionGroupRememberState = string | boolean;
-export type AccordionGroupFlushRememberedState = string | boolean;
-export type AccordionGroupSingleContainer = string | boolean;
+import type { ButtonIconPosition } from '../button';
+import type { HeadingLevel } from '../Heading';
+import type { IconPrimarySize } from '../IconPrimary';
+import type { SkeletonShow } from '../Skeleton';
+import type { SpacingProps } from '../space/types';
+import type { AccordionIcon } from './Accordion';
 export type AccordionGroupVariant =
   | 'plain'
   | 'default'
   | 'outlined'
   | 'filled';
-export type AccordionGroupAllowCloseAll = string | boolean;
-export type AccordionGroupDisabled = string | boolean;
-export type AccordionGroupSkeleton = string | boolean;
 export type AccordionGroupHeading = boolean | React.ReactNode;
-export type AccordionGroupHeadingLevel = string | number;
-export type AccordionGroupIcon =
-  | React.ReactNode
-  | ((...args: any[]) => any)
-  | {
-      closed?: React.ReactNode | ((...args: any[]) => any);
-      expanded?: React.ReactNode | ((...args: any[]) => any);
-    };
 export type AccordionGroupClosed =
   | React.ReactNode
   | ((...args: any[]) => any);
-export type AccordionGroupIconPosition = 'left' | 'right';
 export type AccordionGroupAttributes = string | Record<string, unknown>;
-export type AccordionGroupSpace =
-  | string
-  | number
-  | boolean
-  | {
-      top?: string | number | boolean;
-      right?: string | number | boolean;
-      bottom?: string | number | boolean;
-      left?: string | number | boolean;
-    };
-export type AccordionGroupTop = string | number | boolean;
-export type AccordionGroupRight = string | number | boolean;
-export type AccordionGroupBottom = string | number | boolean;
-export type AccordionGroupLeft = string | number | boolean;
-/**
- * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
- */
-
-export interface AccordionGroupProps extends React.HTMLProps<HTMLElement> {
+export interface AccordionGroupProps
+  extends React.HTMLProps<HTMLElement>,
+    SpacingProps {
   title?: React.ReactNode;
-  expanded?: AccordionGroupExpanded;
-  no_animation?: AccordionGroupNoAnimation;
-  expanded_ssr?: AccordionGroupExpandedSsr;
-  prerender?: AccordionGroupPrerender;
-  prevent_rerender?: AccordionGroupPreventRerender;
-  prevent_rerender_conditional?: AccordionGroupPreventRerenderConditional;
-  remember_state?: AccordionGroupRememberState;
+  expanded?: boolean;
+  no_animation?: boolean;
+  expanded_ssr?: boolean;
+  prerender?: boolean;
+  prevent_rerender?: boolean;
+  prevent_rerender_conditional?: boolean;
+  remember_state?: boolean;
   contentRef?: Record<string, unknown>;
-  flush_remembered_state?: AccordionGroupFlushRememberedState;
-  single_container?: AccordionGroupSingleContainer;
+  flush_remembered_state?: boolean;
+  single_container?: boolean;
   variant?: AccordionGroupVariant;
   left_component?: React.ReactNode;
-  allow_close_all?: AccordionGroupAllowCloseAll;
-  disabled?: AccordionGroupDisabled;
-  skeleton?: AccordionGroupSkeleton;
+  allow_close_all?: boolean;
+  disabled?: boolean;
+  skeleton?: SkeletonShow;
   id?: string;
   group?: string;
   element?: React.ReactNode;
   heading?: AccordionGroupHeading;
-  heading_level?: AccordionGroupHeadingLevel;
-  icon?: AccordionGroupIcon;
+  heading_level?: HeadingLevel;
+  icon?: AccordionIcon;
   closed?: AccordionGroupClosed;
-  icon_position?: AccordionGroupIconPosition;
-  icon_size?: string;
+  icon_position?: ButtonIconPosition;
+  icon_size?: IconPrimarySize;
   attributes?: AccordionGroupAttributes;
   class?: string;
   className?: string;
   children?: React.ReactNode;
-  space?: AccordionGroupSpace;
-  top?: AccordionGroupTop;
-  right?: AccordionGroupRight;
-  bottom?: AccordionGroupBottom;
-  left?: AccordionGroupLeft;
 
   /**
    * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.
@@ -94,6 +58,7 @@ export interface AccordionGroupProps extends React.HTMLProps<HTMLElement> {
 }
 export default class AccordionGroup extends React.Component<
   AccordionGroupProps,
+  SpacingProps,
   any
 > {
   render(): JSX.Element;

package/cjs/components/autocomplete/Autocomplete.d.ts

@@ -1,44 +1,19 @@
 import * as React from 'react';
-export type AutocompleteSpace =
-  | string
-  | number
-  | boolean
-  | {
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-       */
-      top?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-       */
-      right?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-       */
-      bottom?: string | number | boolean;
-
-      /**
-       * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-       */
-      left?: string | number | boolean;
-    };
-export type AutocompleteTop = string | number | boolean;
-export type AutocompleteRight = string | number | boolean;
-export type AutocompleteBottom = string | number | boolean;
-export type AutocompleteLeft = string | number | boolean;
-export type AutocompleteActionMenu = string | boolean;
-export type AutocompleteIsPopup = string | boolean;
+import type { ButtonIconPosition } from '../button';
+import type { FormLabelLabelDirection, FormLabelText } from '../FormLabel';
+import type {
+  FormStatusProps,
+  FormStatusState,
+  FormStatusText
+} from '../FormStatus';
+import type { IconPrimaryIcon, IconPrimarySize } from '../IconPrimary';
+import type { SkeletonShow } from '../Skeleton';
+import type { SpacingProps } from '../space/types';
 export type AutocompleteAlignDrawer = 'left' | 'right';
 export type AutocompleteWrapperElement =
   | Record<string, unknown>
   | ((...args: any[]) => any)
   | React.ReactNode;
-export type AutocompleteIndependentWidth = string | boolean;
-export type AutocompleteFixedPosition = string | boolean;
-export type AutocompletePreventFocus = string | boolean;
-export type AutocompleteSkipKeysearch = string | boolean;
 export type AutocompleteSelectedValue = string | React.ReactNode;
 export type AutocompleteSuffixValue = string | React.ReactNode;
 export type AutocompleteContent = string | React.ReactNode | string[];
@@ -46,7 +21,6 @@ export type AutocompleteRawData =
   | any[]
   | Record<string, unknown>
   | ((...args: any[]) => any);
-export type AutocompleteIgnoreEvents = string | boolean;
 export type AutocompleteMode = 'sync' | 'async';
 export type AutocompleteTitle = string | React.ReactNode;
 export type AutocompletePlaceholder = string | React.ReactNode;
@@ -61,43 +35,16 @@ export type AutocompleteSubmitButtonIcon =
 export type AutocompleteInputRef =
   | ((...args: any[]) => any)
   | Record<string, unknown>;
-export type AutocompleteIcon = string | React.ReactNode;
-export type AutocompleteIconPosition = 'left' | 'right';
 export type AutocompleteTrianglePosition = 'left' | 'right';
 export type AutocompleteInputIcon =
   | string
   | React.ReactNode
   | ((...args: any[]) => any);
-export type AutocompleteLabel =
-  | string
-  | ((...args: any[]) => any)
-  | React.ReactNode;
-export type AutocompleteLabelDirection = 'horizontal' | 'vertical';
-export type AutocompleteLabelSrOnly = string | boolean;
-export type AutocompleteKeepValue = string | boolean;
-export type AutocompleteKeepValueAndSelection = string | boolean;
-export type AutocompleteShowClearButton = string | boolean;
-export type AutocompleteStatus =
-  | string
-  | boolean
-  | ((...args: any[]) => any)
-  | React.ReactNode;
-export type AutocompleteStatusNoAnimation = string | boolean;
 export type AutocompleteSuffix =
   | string
   | ((...args: any[]) => any)
   | React.ReactNode;
-export type AutocompleteDisableFilter = string | boolean;
-export type AutocompleteDisableReorder = string | boolean;
-export type AutocompleteScrollable = string | boolean;
-export type AutocompleteFocusable = string | boolean;
-export type AutocompleteDisableHighlighting = string | boolean;
 export type AutocompleteDirection = 'auto' | 'top' | 'bottom';
-export type AutocompleteSkipPortal = string | boolean;
-export type AutocompleteNoAnimation = string | boolean;
-export type AutocompleteNoScrollAnimation = string | boolean;
-export type AutocompleteShowSubmitButton = string | boolean;
-export type AutocompletePreventSelection = string | boolean;
 export type AutocompleteSize = 'default' | 'small' | 'medium' | 'large';
 export type AutocompleteAlignAutocomplete = 'left' | 'right';
 export type AutocompleteOptionsRender =
@@ -122,16 +69,8 @@ export type AutocompleteData =
         }
     )[];
 export type AutocompleteSearchInWordIndex = string | number;
-export type AutocompleteSearchNumbers = string | boolean;
 export type AutocompleteDefaultValue = string | number;
 export type AutocompleteValue = string | number;
-export type AutocompleteOpenOnFocus = string | boolean;
-export type AutocompletePreventClose = string | boolean;
-export type AutocompleteKeepOpen = string | boolean;
-export type AutocompleteOpened = string | boolean;
-export type AutocompleteDisabled = string | boolean;
-export type AutocompleteStretch = string | boolean;
-export type AutocompleteSkeleton = string | boolean;
 export type AutocompletePageOffset = string | number;
 export type AutocompleteObserverElement = string | React.ReactNode;
 export type AutocompleteChildren =
@@ -140,43 +79,17 @@ export type AutocompleteChildren =
   | React.ReactNode
   | Record<string, unknown>
   | any[];
-/**
- * NB: Do not change the docs (comments) in here. The docs are updated during build time by "generateTypes.js" and "fetchPropertiesFromDocs.js".
- */
-
-export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
-  /**
-   * Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`.
-   */
-  space?: AutocompleteSpace;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. Will use `margin-top`.
-   */
-  top?: AutocompleteTop;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-right`.
-   */
-  right?: AutocompleteRight;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-bottom`.
-   */
-  bottom?: AutocompleteBottom;
-
-  /**
-   * Use spacing values like: `small`, `1rem`, `1` or , `16px`. will use `margin-left`.
-   */
-  left?: AutocompleteLeft;
+export interface AutocompleteProps
+  extends React.HTMLProps<HTMLElement>,
+    SpacingProps {
   role?: string;
 
   /**
    * Set a `cache_hash` as a string to enable internal memorizing of the list to enhance rerendering performance. Components like Autocomplete is using this because of the huge data changes due to search and reorder. Defaults to `null`.
    */
   cache_hash?: string;
-  action_menu?: AutocompleteActionMenu;
-  is_popup?: AutocompleteIsPopup;
+  action_menu?: boolean;
+  is_popup?: boolean;
 
   /**
    * Use `right` to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu` - or if a independent width is used. Defaults to `left`.
@@ -194,16 +107,16 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   list_class?: string;
 
   /**
-   * If set to true, the DrawerList will handle it&#39;s width and position handling independent to the parent/mother element. Defaults to `false`.
+   * If set to `true`, the DrawerList will handle it&#39;s width and position handling independent to the parent/mother element. Defaults to `false`.
    */
-  independent_width?: AutocompleteIndependentWidth;
-  fixed_position?: AutocompleteFixedPosition;
-  prevent_focus?: AutocompletePreventFocus;
+  independent_width?: boolean;
+  fixed_position?: boolean;
+  prevent_focus?: boolean;
 
   /**
-   * If set to true, search items by the first key will be ignored. Defaults to `false`.
+   * If set to `true`, search items by the first key will be ignored. Defaults to `false`.
    */
-  skip_keysearch?: AutocompleteSkipKeysearch;
+  skip_keysearch?: boolean;
   selected_value?: AutocompleteSelectedValue;
   suffix_value?: AutocompleteSuffixValue;
   content?: AutocompleteContent;
@@ -211,9 +124,9 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   raw_data?: AutocompleteRawData;
 
   /**
-   * If set to true, all keyboard and mouse events will be ignored. Defaults to `false`.
+   * If set to `true`, all keyboard and mouse events will be ignored. Defaults to `false`.
    */
-  ignore_events?: AutocompleteIgnoreEvents;
+  ignore_events?: boolean;
   handle_dismiss_focus?: (...args: any[]) => any;
   on_pre_change?: (...args: any[]) => any;
   on_resize?: (...args: any[]) => any;
@@ -225,7 +138,7 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   mode?: AutocompleteMode;
 
   /**
-   * Give a title to let the user know what theyhaves to do. Defaults to `Skriv og få alternativer&#39;` .
+   * Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer&#39;` .
    */
   title?: AutocompleteTitle;
 
@@ -282,17 +195,17 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   /**
    * To be included in the autocomplete input.
    */
-  icon?: AutocompleteIcon;
+  icon?: IconPrimaryIcon;
 
   /**
    * Change the size of the icon pragmatically.
    */
-  icon_size?: string;
+  icon_size?: IconPrimarySize;
 
   /**
    * Position of the icon inside the autocomplete. Set to `left` or `right`. Defaults to `left`.
    */
-  icon_position?: AutocompleteIconPosition;
+  icon_position?: ButtonIconPosition;
 
   /**
    * Position of arrow icon/triangle inside the drawer-list. Set to `left` or `right`. Defaults to `left` if not set.
@@ -307,48 +220,48 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   /**
    * Prepends the Form Label component. If no ID is provided, a random ID is created.
    */
-  label?: AutocompleteLabel;
+  label?: FormLabelText;
 
   /**
    * Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`
    */
-  label_direction?: AutocompleteLabelDirection;
+  label_direction?: FormLabelLabelDirection;
 
   /**
    * Use `true` to make the label only readable by screen readers.
    */
-  label_sr_only?: AutocompleteLabelSrOnly;
+  label_sr_only?: boolean;
 
   /**
    * Use `true` to not remove the typed value on input blur, if it is invalid. By default, the typed value will disappear / replaced by a selected value from the data list during the input field blur.
    */
-  keep_value?: AutocompleteKeepValue;
+  keep_value?: boolean;
 
   /**
    * Like `keep_value` – but would not reset to the selected value during input field blur. Also, the selected value would still be kept.
    */
-  keep_value_and_selection?: AutocompleteKeepValueAndSelection;
+  keep_value_and_selection?: boolean;
 
   /**
    * If set to `true`, a clear button is shown inside the input field. Defaults to `false`.
    */
-  show_clear_button?: AutocompleteShowClearButton;
+  show_clear_button?: boolean;
 
   /**
    * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
    */
-  status?: AutocompleteStatus;
+  status?: FormStatusText;
 
   /**
    * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
    */
-  status_state?: string;
+  status_state?: FormStatusState;
 
   /**
    * Use an object to define additional FormStatus properties.
    */
-  status_props?: Record<string, unknown>;
-  status_no_animation?: AutocompleteStatusNoAnimation;
+  status_props?: FormStatusProps;
+  status_no_animation?: boolean;
 
   /**
    * The `status_id` used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
@@ -363,27 +276,27 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   /**
    * If set to `true`, word highlighting will still be active, but no options will be filtered out. Defaults to `false`.
    */
-  disable_filter?: AutocompleteDisableFilter;
+  disable_filter?: boolean;
 
   /**
    * If set to `true`, reordering of search results will be disabled. Defaults to `false`.
    */
-  disable_reorder?: AutocompleteDisableReorder;
+  disable_reorder?: boolean;
 
   /**
    * Defines if the options list should be scrollable (the `max-height` is set by default to `50vh`). Defaults to `true`.
    */
-  scrollable?: AutocompleteScrollable;
+  scrollable?: boolean;
 
   /**
-   * If set to true, the element is then focusable by assertive technologies.
+   * If set to `true`, the element is then focusable by assertive technologies.
    */
-  focusable?: AutocompleteFocusable;
+  focusable?: boolean;
 
   /**
    * If set to `true`, word highlighting will be disabled, but the options will still get filtered. Defaults to `false`.
    */
-  disable_highlighting?: AutocompleteDisableHighlighting;
+  disable_highlighting?: boolean;
 
   /**
    * Defines the direction of how the drawer-list shows the options list. Can be `bottom` or `top`. Defaults to `auto`.
@@ -391,29 +304,29 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   direction?: AutocompleteDirection;
 
   /**
-   * Defines if the maximum height (in `rem`) of the options list. Defaults to null, as this is set automatically by default.
+   * Defines if the maximum height (in `rem`) of the options list. Defaults to `null`, as this is set automatically by default.
    */
   max_height?: number;
 
   /**
    * To disable the React Portal behavior. Defaults to `false`.
    */
-  skip_portal?: AutocompleteSkipPortal;
+  skip_portal?: boolean;
 
   /**
    * To disable appear/disappear (show/hide) animation. Defaults to `false`.
    */
-  no_animation?: AutocompleteNoAnimation;
+  no_animation?: boolean;
 
   /**
    * To disable scrolling animation. Defaults to `false`.
    */
-  no_scroll_animation?: AutocompleteNoScrollAnimation;
+  no_scroll_animation?: boolean;
 
   /**
    * Use `true` to show a Autocomplete button to toggle the <a href="/uilib/components/fragments/drawer-list">DrawerList</a>. Defaults to `false`.
    */
-  show_submit_button?: AutocompleteShowSubmitButton;
+  show_submit_button?: boolean;
 
   /**
    * Replace the dropdown / submit button with a custom React element. Defaults to the input SubmitButton `import { SubmitButton } from &#39;@dnb/eufemia/components/input/Input&#39;`.
@@ -421,9 +334,9 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   submit_element?: React.ReactNode;
 
   /**
-   * If set to true, the DrawerList will then not make any permanent selection. Defaults to `false`.
+   * If set to `true`, the DrawerList will then not make any permanent selection. Defaults to `false`.
    */
-  prevent_selection?: AutocompletePreventSelection;
+  prevent_selection?: boolean;
 
   /**
    * Define the height of the Autocomplete. Can be set to `small`, `default`, `medium` and `large`. Defaults to `default`.
@@ -458,7 +371,7 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   /**
    * If set to `true` and `search_in_word_index` is not set, the user will be able to more easily search and filter e.g. bank account numbers. Defaults to `false`.
    */
-  search_numbers?: AutocompleteSearchNumbers;
+  search_numbers?: boolean;
 
   /**
    * If you want to define only a startup value (integer) or have to handle a re-render without handling the state during the re-render by yourself, then using `default_value` is a good choice. Defaults to `null`.
@@ -478,33 +391,33 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   /**
    * Use `true` to auto open the list once the user is entering the input field with the keyboard.
    */
-  open_on_focus?: AutocompleteOpenOnFocus;
+  open_on_focus?: boolean;
 
   /**
-   * If set to true, the DrawerList will not close on any events. Defaults to `false`.
+   * If set to `true`, the DrawerList will not close on any events. Defaults to `false`.
    */
-  prevent_close?: AutocompletePreventClose;
+  prevent_close?: boolean;
 
   /**
-   * If set to true, the DrawerList will close on outside clicks, but not on selection. Defaults to `false`.
+   * If set to `true`, the DrawerList will close on outside clicks, but not on selection. Defaults to `false`.
    */
-  keep_open?: AutocompleteKeepOpen;
+  keep_open?: boolean;
 
   /**
    * If set to `true`, the Autocomplete will be rendered initially with a visible and accessible data list / options.
    */
-  opened?: AutocompleteOpened;
-  disabled?: AutocompleteDisabled;
+  opened?: boolean;
+  disabled?: boolean;
 
   /**
    * If set to `true`, then the autocomplete will be 100% in available `width`.
    */
-  stretch?: AutocompleteStretch;
+  stretch?: boolean;
 
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
-  skeleton?: AutocompleteSkeleton;
+  skeleton?: SkeletonShow;
 
   /**
    * Define a HTML class that will be set on the DOM portal beside `dnb-drawer-list__portal__style`. Can be useful to handle e.g. a custom `z-index` in relation to a header.
@@ -527,7 +440,7 @@ export interface AutocompleteProps extends React.HTMLProps<HTMLElement> {
   observer_element?: AutocompleteObserverElement;
 
   /**
-   * If set to true, the HTML body will get locked from scrolling when the Dropdown is open. Defaults to `false`.
+   * If set to `true`, the HTML body will get locked from scrolling when the Dropdown is open. Defaults to `false`.
    */
   enable_body_lock?: boolean;
   class?: string;
@@ -580,5 +493,13 @@ export default class Autocomplete extends React.Component<
   any
 > {
   static defaultProps: object;
+  static HorizontalItem: ({
+    children
+  }: {
+    /**
+     * <em>(required)</em> the data we want to fill the list with. Provide the data as a `JSON string`, `array` or `object` in these <a href="/uilib/components/fragments/drawer-list/info#data-structure">data structure</a>. <br /> If you don&#39;t have to define a `value`, you can also send in a `function` which will be called once the user opens the DrawerList.
+     */
+    children: React.ReactNode;
+  }) => JSX.Element;
   render(): JSX.Element;
 }

package/cjs/components/avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ImgProps } from '../../elements/Img';
-import { SpacingProps } from '../../shared/types';
-import { SkeletonShow } from '../skeleton/Skeleton';
+import type { SpacingProps } from '../../shared/types';
+import type { SkeletonShow } from '../skeleton/Skeleton';
 import AvatarGroup from './AvatarGroup';
 export declare type AvatarSizes = 'small' | 'medium' | 'large' | 'x-large';
 export declare type AvatarVariants = 'primary' | 'secondary' | 'tertiary';
@@ -47,7 +47,7 @@ export interface AvatarProps {
      */
     variant?: AvatarVariants;
     /**
-     * If an avatar is hidden from the screen reader (by setting aria-hidden="true") or if label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar.
+     * If an avatar is hidden from the screen reader (by setting aria-hidden={true}) or if label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar.
      * Use `true` to omit the `Avatar group required:` warning.
      * Default: null
      */

package/cjs/components/avatar/AvatarGroup.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AvatarSizes, AvatarVariants } from './Avatar';
-import { SpacingProps } from '../../shared/types';
-import { SkeletonShow } from '../skeleton/Skeleton';
+import type { SpacingProps } from '../../shared/types';
+import type { SkeletonShow } from '../skeleton/Skeleton';
 export interface AvatarGroupProps {
     /**
      * Label to describe the avatar group

package/cjs/components/badge/Badge.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SpacingProps } from '../../shared/types';
-import { SkeletonShow } from '../skeleton/Skeleton';
+import type { SpacingProps } from '../../shared/types';
+import type { SkeletonShow } from '../skeleton/Skeleton';
 export interface BadgeProps {
     /**
      * Aria label to describe the badge

package/cjs/components/breadcrumb/Breadcrumb.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SectionSpacing, SectionStyleTypes } from '../section/Section';
-import { SpacingProps } from '../../shared/types';
-import { SkeletonShow } from '../skeleton/Skeleton';
+import type { SpacingProps } from '../../shared/types';
+import type { SkeletonShow } from '../skeleton/Skeleton';
 import BreadcrumbItem, { BreadcrumbItemProps } from './BreadcrumbItem';
 export interface BreadcrumbProps {
     /**

package/cjs/components/breadcrumb/BreadcrumbItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconPrimaryIcon } from '../icon-primary/IconPrimary';
-import { SkeletonShow } from '../skeleton/Skeleton';
+import type { SkeletonShow } from '../skeleton/Skeleton';
 export interface BreadcrumbItemProps {
     /**
      * Text displaying the title of the item's corresponding page