@carbon/react 1.82.1 → 1.83.0

package/lib/components/Dropdown/Dropdown.Skeleton.d.ts

@@ -4,10 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
+import React, { type HTMLAttributes } from 'react';
 import { type ListBoxSize } from '../ListBox';
-import { ReactAttr } from '../../types/common';
-export interface DropdownSkeletonProps extends ReactAttr<HTMLDivElement> {
+export interface DropdownSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify an optional className to add.
      */

package/lib/components/Dropdown/Dropdown.d.ts

@@ -4,15 +4,15 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { ReactNode, Ref } from 'react';
+import React, { Ref, type HTMLAttributes, type ReactNode } from 'react';
 import { UseSelectProps } from 'downshift';
 import { type ListBoxMenuIconTranslationKey, type ListBoxSize, type ListBoxType } from '../ListBox';
-import { TranslateWithId, ReactAttr } from '../../types/common';
+import { TranslateWithId } from '../../types/common';
 type ExcludedAttributes = 'id' | 'onChange';
 export interface OnChangeData<ItemType> {
     selectedItem: ItemType | null;
 }
-export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes>, TranslateWithId<ListBoxMenuIconTranslationKey> {
+export interface DropdownProps<ItemType> extends Omit<HTMLAttributes<HTMLDivElement>, ExcludedAttributes>, TranslateWithId<ListBoxMenuIconTranslationKey> {
     /**
      * Specify a label to be read by screen readers on the container node
      * 'aria-label' of the ListBox component.

package/lib/components/FileUploader/FileUploader.Skeleton.d.ts

@@ -1,12 +1,12 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderSkeletonProps extends ReactAttr<HTMLDivElement> {
+import { type HTMLAttributes } from 'react';
+export interface FileUploaderSkeletonProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify an optional className to add.
      */

package/lib/components/FileUploader/FileUploader.d.ts

@@ -4,9 +4,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderProps extends ReactAttr<HTMLSpanElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface FileUploaderProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Specify the types of files that this input should be able to receive
      */

package/lib/components/FileUploader/FileUploaderButton.d.ts

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderButtonProps extends Omit<ReactAttr<HTMLButtonElement>, 'onChange' | 'tabIndex'> {
+import React, { type HTMLAttributes } from 'react';
+export interface FileUploaderButtonProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange' | 'tabIndex'> {
     /**
      * Specify the types of files that this input should be able to receive
      */
@@ -81,7 +80,7 @@ declare namespace FileUploaderButton {
         /**
          * Specify the type of underlying button
          */
-        buttonKind: PropTypes.Requireable<string>;
+        buttonKind: PropTypes.Requireable<"primary" | "secondary" | "danger" | "ghost" | "danger--primary" | "danger--ghost" | "danger--tertiary" | "tertiary">;
         /**
          * Provide a custom className to be applied to the container node
          */

package/lib/components/FileUploader/FileUploaderButton.js

@@ -15,11 +15,12 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var keys = require('../../internal/keyboard/keys.js');
 var match = require('../../internal/keyboard/match.js');
-var types = require('../../prop-types/types.js');
 var uniqueId = require('../../tools/uniqueId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var noopFn = require('../../internal/noopFn.js');
+var Button = require('../Button/Button.js');
+require('../Button/Button.Skeleton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -123,7 +124,7 @@ FileUploaderButton.propTypes = {
   /**
    * Specify the type of underlying button
    */
-  buttonKind: PropTypes__default["default"].oneOf(types.ButtonKinds),
+  buttonKind: PropTypes__default["default"].oneOf(Button.ButtonKinds),
   /**
    * Provide a custom className to be applied to the container node
    */

package/lib/components/FileUploader/FileUploaderDropContainer.d.ts

@@ -4,10 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
+import React, { type HTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderDropContainerProps extends Omit<ReactAttr<HTMLButtonElement>, 'tabIndex'> {
+export interface FileUploaderDropContainerProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'tabIndex'> {
     /**
      * Specify the types of files that this input should be able to receive
      */

package/lib/components/FileUploader/FileUploaderItem.d.ts

@@ -5,9 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
-import { ReactAttr } from '../../types/common';
-export interface FileUploaderItemProps extends ReactAttr<HTMLSpanElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface FileUploaderItemProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Error message body for an invalid file upload
      */

package/lib/components/FileUploader/Filename.d.ts

@@ -1,15 +1,14 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 export type FilenameStatus = 'edit' | 'complete' | 'uploading';
 type SVGAttr = React.SVGAttributes<React.ReactSVGElement>;
-export interface FilenameProps extends Omit<ReactAttr & SVGAttr, 'tabIndex' | 'type'> {
+export interface FilenameProps extends Omit<HTMLAttributes<HTMLElement> & SVGAttr, 'tabIndex' | 'type'> {
     /**
      * Specify an id that describes the error to be read by screen readers when the filename is invalid
      */

package/lib/components/FluidForm/FluidForm.d.ts

@@ -1,11 +1,10 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { ReactAttr } from '../../types/common';
-export type FluidFormProps = ReactAttr<HTMLFormElement>;
+import React, { type HTMLAttributes } from 'react';
+export type FluidFormProps = HTMLAttributes<HTMLFormElement>;
 declare const FluidForm: React.FC<FluidFormProps>;
 export default FluidForm;

package/lib/components/FormGroup/FormGroup.d.ts

@@ -1,13 +1,12 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React from 'react';
-import { ReactAttr } from '../../types/common';
-export interface FormGroupProps extends ReactAttr<HTMLFieldSetElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface FormGroupProps extends HTMLAttributes<HTMLFieldSetElement> {
     /**
      * Provide the children form elements to be rendered inside of the <fieldset>
      */

package/lib/components/Grid/Column.d.ts

@@ -28,35 +28,35 @@ export interface ColumnBaseProps {
      * Specify column span for the `lg` breakpoint (Default breakpoint up to 1312px)
      * This breakpoint supports 16 columns by default.
      *
-     * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+     * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
      */
     lg?: ColumnSpan;
     /**
      * Specify column span for the `max` breakpoint. This breakpoint supports 16
      * columns by default.
      *
-     * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+     * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
      */
     max?: ColumnSpan;
     /**
      * Specify column span for the `md` breakpoint (Default breakpoint up to 1056px)
      * This breakpoint supports 8 columns by default.
      *
-     * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+     * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
      */
     md?: ColumnSpan;
     /**
      * Specify column span for the `sm` breakpoint (Default breakpoint up to 672px)
      * This breakpoint supports 4 columns by default.
      *
-     * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+     * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
      */
     sm?: ColumnSpan;
     /**
      * Specify column span for the `xlg` breakpoint (Default breakpoint up to
      * 1584px) This breakpoint supports 16 columns by default.
      *
-     * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+     * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
      */
     xlg?: ColumnSpan;
     /**

package/lib/components/Grid/Column.js

@@ -106,28 +106,28 @@ Column.propTypes = {
    * Specify column span for the `lg` breakpoint (Default breakpoint up to 1312px)
    * This breakpoint supports 16 columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   lg: spanPropType,
   /**
    * Specify column span for the `max` breakpoint. This breakpoint supports 16
    * columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   max: spanPropType,
   /**
    * Specify column span for the `md` breakpoint (Default breakpoint up to 1056px)
    * This breakpoint supports 8 columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   md: spanPropType,
   /**
    * Specify column span for the `sm` breakpoint (Default breakpoint up to 672px)
    * This breakpoint supports 4 columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   sm: spanPropType,
   /**
@@ -139,7 +139,7 @@ Column.propTypes = {
    * Specify column span for the `xlg` breakpoint (Default breakpoint up to
    * 1584px) This breakpoint supports 16 columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   xlg: spanPropType
 };
@@ -183,28 +183,28 @@ CSSGridColumn.propTypes = {
    * Specify column span for the `lg` breakpoint (Default breakpoint up to 1312px)
    * This breakpoint supports 16 columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   lg: spanPropType,
   /**
    * Specify column span for the `max` breakpoint. This breakpoint supports 16
    * columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   max: spanPropType,
   /**
    * Specify column span for the `md` breakpoint (Default breakpoint up to 1056px)
    * This breakpoint supports 8 columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   md: spanPropType,
   /**
    * Specify column span for the `sm` breakpoint (Default breakpoint up to 672px)
    * This breakpoint supports 4 columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   sm: spanPropType,
   /**
@@ -220,7 +220,7 @@ CSSGridColumn.propTypes = {
    * Specify column span for the `xlg` breakpoint (Default breakpoint up to
    * 1584px) This breakpoint supports 16 columns by default.
    *
-   * @see https://www.carbondesignsystem.com/guidelines/layout#breakpoints
+   * @see https://carbondesignsystem.com/elements/2x-grid/overview/#breakpoints
    */
   xlg: spanPropType
 };

package/lib/components/Grid/GridContext.d.ts

@@ -1,10 +1,10 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import * as React from 'react';
+import React from 'react';
 export type GridMode = 'flexbox' | 'css-grid';
 export interface GridSettingContext {
     /**

package/lib/components/Grid/GridContext.js

@@ -14,32 +14,14 @@ var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
  * Provides a grid context for communication the grid "mode" (flexbox or
  * css-grid) along with subgrid information.
  */
-const GridSettingsContext = /*#__PURE__*/React__namespace.createContext({
+const GridSettingsContext = /*#__PURE__*/React__default["default"].createContext({
   mode: 'flexbox',
   subgrid: false
 });
@@ -49,13 +31,13 @@ const GridSettings = _ref => {
     mode,
     subgrid = false
   } = _ref;
-  const value = React__namespace.useMemo(() => {
+  const value = React__default["default"].useMemo(() => {
     return {
       mode,
       subgrid
     };
   }, [mode, subgrid]);
-  return /*#__PURE__*/React__namespace.createElement(GridSettingsContext.Provider, {
+  return /*#__PURE__*/React__default["default"].createElement(GridSettingsContext.Provider, {
     value: value
   }, children);
 };
@@ -80,7 +62,7 @@ GridSettings.propTypes = {
  * Helper function for accessing the GridContext value
  */
 const useGridSettings = () => {
-  return React__namespace.useContext(GridSettingsContext);
+  return React__default["default"].useContext(GridSettingsContext);
 };
 
 exports.GridSettings = GridSettings;

package/lib/components/IconButton/index.js

@@ -77,7 +77,7 @@ const IconButton = /*#__PURE__*/React__default["default"].forwardRef(function Ic
     isSelected: isSelected,
     hasIconOnly: true,
     className: className,
-    "aria-describedby": badgeCount && badgeId
+    "aria-describedby": rest['aria-describedby'] || badgeCount && badgeId
   }), children, !disabled && badgeCount !== undefined && /*#__PURE__*/React__default["default"].createElement(index.BadgeIndicator, {
     id: badgeId,
     count: badgeCount > 0 ? badgeCount : undefined
@@ -165,8 +165,13 @@ IconButton.propTypes = {
   /**
    * Provide the label to be rendered inside of the Tooltip. The label will use
    * `aria-labelledby` and will fully describe the child node that is provided.
+   * If the child node already has an `aria-label`, the tooltip will not apply
+   * `aria-labelledby`. If the child node has `aria-labelledby`, that value will
+   * be used instead. Otherwise, the tooltip will use its own ID as the label.
    * This means that if you have text in the child node it will not be
    * announced to the screen reader.
+   * If using `badgeCount={0}`, make sure the label explains that there is a
+   * new notification.
    */
   label: PropTypes__default["default"].node.isRequired,
   /**

package/lib/components/Layer/index.d.ts

@@ -29,6 +29,10 @@ export interface LayerBaseProps {
      * Specify the layer level and override any existing levels based on hierarchy
      */
     level?: LayerLevel;
+    /**
+     * Applies a css background-color set to $layer-background
+     */
+    withBackground?: boolean;
 }
 export type LayerProps<T extends React.ElementType> = PolymorphicComponentPropWithRef<T, LayerBaseProps>;
 declare const Layer: React.ForwardRefExoticComponent<LayerBaseProps & {

package/lib/components/Layer/index.js

@@ -41,12 +41,15 @@ const Layer = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
     className: customClassName,
     children,
     level: overrideLevel,
+    withBackground = false,
     ...rest
   } = _ref;
   const contextLevel = React__default["default"].useContext(LayerContext.LayerContext);
   const level = overrideLevel ?? contextLevel;
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--layer-${LayerLevel.levels[level]}`, customClassName);
+  const className = cx__default["default"](`${prefix}--layer-${LayerLevel.levels[level]}`, {
+    [`${prefix}--layer__with-background`]: withBackground
+  }, customClassName);
   // The level should be between MIN_LEVEL and MAX_LEVEL
   const value = clamp.clamp(level + 1, LayerLevel.MIN_LEVEL, LayerLevel.MAX_LEVEL);
   const BaseComponent = as || 'div';
@@ -77,7 +80,11 @@ Layer.propTypes = {
   /**
    * Specify the layer level and override any existing levels based on hierarchy
    */
-  level: PropTypes__default["default"].oneOf([0, 1, 2])
+  level: PropTypes__default["default"].oneOf([0, 1, 2]),
+  /**
+   * Applies a css background-color set to $layer-background
+   */
+  withBackground: PropTypes__default["default"].bool
 };
 
 exports.Layer = Layer;

package/lib/components/LayoutDirection/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Copyright IBM Corp. 2016, 2025
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { LayoutDirection } from './LayoutDirection';
+export { useLayoutDirection } from './useLayoutDirection';

package/lib/components/Link/Link.js

@@ -45,7 +45,7 @@ const LinkBase = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) =
   });
   const rel = target === '_blank' ? 'noopener' : undefined;
   const linkProps = {
-    className: BaseComponent ? undefined : className,
+    className,
     rel,
     target
   };

package/lib/components/ListBox/ListBox.d.ts

@@ -4,11 +4,10 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
+import React, { type HTMLAttributes } from 'react';
 import { type ListBoxSize, type ListBoxType } from '.';
-import { ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'onKeyDown' | 'onKeyPress' | 'ref';
-export interface ListBoxProps extends Omit<ReactAttr<HTMLDivElement>, ExcludedAttributes> {
+export interface ListBoxProps extends Omit<HTMLAttributes<HTMLDivElement>, ExcludedAttributes> {
     /**
      * Specify whether the ListBox is currently disabled
      */

package/lib/components/ListBox/ListBoxField.d.ts

@@ -1,13 +1,12 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 export declare const translationIds: {};
-export interface ListBoxFieldProps extends ReactAttr<HTMLDivElement> {
+export interface ListBoxFieldProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify if the parent <ListBox> is disabled
      */

package/lib/components/ListBox/ListBoxMenu.d.ts

@@ -4,10 +4,9 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes } from 'react';
 type ExcludedAttributes = 'id';
-export interface ListBoxMenuProps extends Omit<ReactAttr<HTMLUListElement>, ExcludedAttributes> {
+export interface ListBoxMenuProps extends Omit<HTMLAttributes<HTMLUListElement>, ExcludedAttributes> {
     children?: any;
     /**
      * Specify a custom `id`

package/lib/components/ListBox/ListBoxMenuItem.d.ts

@@ -4,9 +4,8 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { ReactNode } from 'react';
-import { ReactAttr } from '../../types/common';
-export interface ListBoxMenuItemProps extends ReactAttr<HTMLLIElement> {
+import React, { type HTMLAttributes, type ReactNode } from 'react';
+export interface ListBoxMenuItemProps extends HTMLAttributes<HTMLLIElement> {
     /**
      * Specify any children nodes that should be rendered inside of the ListBox
      * Menu Item

package/lib/components/Loading/Loading.d.ts

@@ -1,12 +1,12 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2025
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import { ReactAttr } from '../../types/common';
-export interface LoadingProps extends ReactAttr<HTMLDivElement> {
+import { type HTMLAttributes } from 'react';
+export interface LoadingProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify whether you want the loading indicator to be spinning or not
      */

package/lib/components/Menu/Menu.js

@@ -20,8 +20,9 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var MenuContext = require('./MenuContext.js');
-var environment = require('../../internal/environment.js');
+require('../LayoutDirection/LayoutDirection.js');
 var useLayoutDirection = require('../LayoutDirection/useLayoutDirection.js');
+var environment = require('../../internal/environment.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Menu/MenuItem.js

@@ -22,8 +22,9 @@ var useMergedRefs = require('../../internal/useMergedRefs.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var Menu = require('./Menu.js');
 var MenuContext = require('./MenuContext.js');
-require('../Text/index.js');
+require('../LayoutDirection/LayoutDirection.js');
 var useLayoutDirection = require('../LayoutDirection/useLayoutDirection.js');
+require('../Text/index.js');
 var Text = require('../Text/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/lib/components/Modal/Modal.d.ts

@@ -4,8 +4,7 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { type ReactNode, type Ref } from 'react';
-import { ReactAttr } from '../../types/common';
+import React, { type HTMLAttributes, type ReactNode, type Ref } from 'react';
 import { InlineLoadingStatus } from '../InlineLoading/InlineLoading';
 export declare const ModalSizes: readonly ["xs", "sm", "md", "lg"];
 export type ModalSize = (typeof ModalSizes)[number];
@@ -13,7 +12,7 @@ export interface ModalSecondaryButton {
     buttonText?: string | ReactNode;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
-export interface ModalProps extends ReactAttr<HTMLDivElement> {
+export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Specify whether the Modal is displaying an alert, error or warning
      * Should go hand in hand with the danger prop.
@@ -32,7 +31,7 @@ export interface ModalProps extends ReactAttr<HTMLDivElement> {
      */
     className?: string;
     /**
-     * Specify an label for the close button of the modal; defaults to close
+     * Specify label for the close button of the modal; defaults to close
      */
     closeButtonLabel?: string;
     /**