@carbon/react 1.83.0-rc.0 → 1.83.0

package/es/components/ListBox/ListBox.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default, { forwardRef, useContext } from 'react';
+import React, { forwardRef, useContext } from 'react';
 import PropTypes from 'prop-types';
 import deprecate from '../../prop-types/deprecate.js';
 import './index.js';
@@ -64,18 +64,18 @@ const ListBox = /*#__PURE__*/forwardRef((props, ref) => {
     [`${prefix}--list-box--invalid`]: invalid,
     [`${prefix}--list-box--warning`]: showWarning
   });
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     className: className,
     ref: ref,
     onKeyDown: handleOnKeyDown,
     onClick: handleClick,
     "data-invalid": invalid || undefined
-  }), children), isFluid && /*#__PURE__*/React__default.createElement("hr", {
+  }), children), isFluid && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--list-box__divider`
-  }), invalid ? /*#__PURE__*/React__default.createElement("div", {
+  }), invalid ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: invalidTextId
-  }, invalidText) : null, showWarning ? /*#__PURE__*/React__default.createElement("div", {
+  }, invalidText) : null, showWarning ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     id: warnTextId
   }, warnText) : null);

package/es/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/es/components/ListBox/ListBoxField.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -23,7 +23,7 @@ function ListBoxField(_ref) {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: `${prefix}--list-box__field`,
     tabIndex: !disabled && tabIndex || -1
   }, rest), children);

package/es/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/es/components/ListBox/ListBoxMenu.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import PropTypes from 'prop-types';
 import ListBoxMenuItem from './ListBoxMenuItem.js';
@@ -25,7 +25,7 @@ const ListBoxMenu = frFn((_ref, ref) => {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("ul", _extends({
+  return /*#__PURE__*/React.createElement("ul", _extends({
     ref: ref,
     id: id,
     className: `${prefix}--list-box__menu`,

package/es/components/ListBox/ListBoxMenuIcon.js

@@ -6,7 +6,7 @@
  */
 
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ChevronDown } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -30,12 +30,12 @@ const ListBoxMenuIcon = _ref => {
     [`${prefix}--list-box__menu-icon--open`]: isOpen
   });
   const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: className
-  }, /*#__PURE__*/React__default.createElement(ChevronDown, {
+  }, /*#__PURE__*/React.createElement(ChevronDown, {
     name: "chevron--down",
     "aria-label": description
-  }, /*#__PURE__*/React__default.createElement("title", null, description)));
+  }, /*#__PURE__*/React.createElement("title", null, description)));
 };
 ListBoxMenuIcon.propTypes = {
   /**

package/es/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/es/components/ListBox/ListBoxMenuItem.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default, { forwardRef, useRef, useState, useEffect } from 'react';
+import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
@@ -65,10 +65,10 @@ const ListBoxMenuItem = /*#__PURE__*/forwardRef((_ref, forwardedRef) => {
     [`${prefix}--list-box__menu-item--active`]: isActive,
     [`${prefix}--list-box__menu-item--highlighted`]: isHighlighted
   });
-  return /*#__PURE__*/React__default.createElement("li", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("li", _extends({}, rest, {
     className: className,
     title: isTruncated ? title : undefined
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__menu-item__option`,
     ref: menuItemOptionRef
   }, children));

package/es/components/ListBox/ListBoxSelection.js

@@ -6,7 +6,7 @@
  */
 
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -62,12 +62,12 @@ const ListBoxSelection = _ref => {
   });
 
   /* eslint-disable jsx-a11y/click-events-have-key-events */
-  return selectionCount ? /*#__PURE__*/React__default.createElement("div", {
+  return selectionCount ? /*#__PURE__*/React.createElement("div", {
     className: tagClasses
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--tag__label`,
     title: `${selectionCount}`
-  }, selectionCount), /*#__PURE__*/React__default.createElement("div", {
+  }, selectionCount), /*#__PURE__*/React.createElement("div", {
     role: "button",
     tabIndex: -1,
     className: `${prefix}--tag__close-icon`,
@@ -75,14 +75,14 @@ const ListBoxSelection = _ref => {
     "aria-label": t('clear.all'),
     title: description,
     "aria-disabled": readOnly ? true : undefined
-  }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null)))) : /*#__PURE__*/React__default.createElement("div", {
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, null)))) : /*#__PURE__*/React.createElement("div", {
     role: "button",
     className: className,
     tabIndex: -1,
     onClick: handleOnClick,
     "aria-label": description,
     title: description
-  }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React__default.createElement(Close, null)));
+  }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React.createElement(Close, null)));
 };
 ListBoxSelection.propTypes = {
   /**

package/es/components/ListBox/next/ListBoxSelection.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { Close } from '@carbon/icons-react';
 import { usePrefix } from '../../../internal/usePrefix.js';
@@ -50,12 +50,12 @@ function ListBoxSelection(_ref) {
     }
   }
   if (selectionCount) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: tagClasses
-    }, /*#__PURE__*/React__default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: `${prefix}--tag__label`,
       title: selectionCount?.toString()
-    }, selectionCount), /*#__PURE__*/React__default.createElement("button", {
+    }, selectionCount), /*#__PURE__*/React.createElement("button", {
       "aria-label": description,
       className: `${prefix}--tag__close-icon`,
       disabled: disabled || readOnly,
@@ -64,9 +64,9 @@ function ListBoxSelection(_ref) {
       title: description,
       type: "button",
       "aria-disabled": readOnly ? true : undefined
-    }, _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
+    }, _Close || (_Close = /*#__PURE__*/React.createElement(Close, null))));
   }
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     "aria-label": description,
     className: className,
     disabled: disabled || readOnly,
@@ -75,7 +75,7 @@ function ListBoxSelection(_ref) {
     title: description,
     type: "button",
     "aria-disabled": readOnly ? true : undefined
-  }), _Close2 || (_Close2 = /*#__PURE__*/React__default.createElement(Close, null)));
+  }), _Close2 || (_Close2 = /*#__PURE__*/React.createElement(Close, null)));
 }
 ListBoxSelection.propTypes = {
   /**

package/es/components/ListBox/next/ListBoxTrigger.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import { ChevronDown } from '@carbon/icons-react';
 import { usePrefix } from '../../../internal/usePrefix.js';
@@ -27,7 +27,7 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * state of the menu for a given `ListBox`
  */
 
-const ListBoxTrigger = /*#__PURE__*/React__default.forwardRef(function ListBoxTrigger(_ref, ref) {
+const ListBoxTrigger = /*#__PURE__*/React.forwardRef(function ListBoxTrigger(_ref, ref) {
   let {
     isOpen,
     translateWithId: t = defaultTranslateWithId,
@@ -39,14 +39,14 @@ const ListBoxTrigger = /*#__PURE__*/React__default.forwardRef(function ListBoxTr
     [`${prefix}--list-box__menu-icon--open`]: isOpen
   });
   const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React__default.createElement("button", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _extends({}, rest, {
     "aria-label": description,
     title: description,
     className: className,
     type: "button",
     tabIndex: -1,
     ref: ref
-  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default.createElement(ChevronDown, null)));
+  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(ChevronDown, null)));
 });
 ListBoxTrigger.propTypes = {
   /**

package/es/components/ListItem/ListItem.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import '../Text/index.js';
@@ -21,7 +21,7 @@ function ListItem(_ref) {
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--list__item`, className);
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     as: "li",
     className: classNames
   }, other), children);

package/es/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/es/components/Loading/Loading.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 
@@ -31,25 +31,25 @@ function Loading(_ref) {
     [`${prefix}--loading-overlay`]: true,
     [`${prefix}--loading-overlay--stop`]: !active
   });
-  const loading = /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  const loading = /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     "aria-atomic": "true",
     "aria-live": active ? 'assertive' : 'off',
     className: loadingClassName
-  }), /*#__PURE__*/React__default.createElement("svg", {
+  }), /*#__PURE__*/React.createElement("svg", {
     className: `${prefix}--loading__svg`,
     viewBox: "0 0 100 100"
-  }, /*#__PURE__*/React__default.createElement("title", null, description), small ? /*#__PURE__*/React__default.createElement("circle", {
+  }, /*#__PURE__*/React.createElement("title", null, description), small ? /*#__PURE__*/React.createElement("circle", {
     className: `${prefix}--loading__background`,
     cx: "50%",
     cy: "50%",
     r: "42"
-  }) : null, /*#__PURE__*/React__default.createElement("circle", {
+  }) : null, /*#__PURE__*/React.createElement("circle", {
     className: `${prefix}--loading__stroke`,
     cx: "50%",
     cy: "50%",
     r: small ? '42' : '44'
   })));
-  return withOverlay ? /*#__PURE__*/React__default.createElement("div", {
+  return withOverlay ? /*#__PURE__*/React.createElement("div", {
     className: overlayClassName
   }, loading) : loading;
 }

package/es/components/Menu/Menu.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useRef, useContext, useReducer, useMemo, useState, useEffect } from 'react';
+import React, { forwardRef, useRef, useContext, useReducer, useMemo, useState, useEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { Escape, ArrowLeft, ArrowUp, ArrowDown } from '../../internal/keyboard/keys.js';
 import { match } from '../../internal/keyboard/match.js';
@@ -278,9 +278,9 @@ const Menu = /*#__PURE__*/forwardRef(function Menu(_ref, forwardRef) {
     [`${prefix}--menu--with-selectable-items`]: childContext.state.hasSelectableItems,
     [`${prefix}--autoalign`]: !legacyAutoalign
   });
-  const rendered = /*#__PURE__*/React__default.createElement(MenuContext.Provider, {
+  const rendered = /*#__PURE__*/React.createElement(MenuContext.Provider, {
     value: childContext
-  }, /*#__PURE__*/React__default.createElement("ul", _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement("ul", _extends({}, rest, {
     className: classNames,
     role: "menu",
     ref: ref,

package/es/components/Menu/MenuItem.js

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef, useState, useContext, useRef, useEffect } from 'react';
+import React, { forwardRef, useState, useContext, useRef, useEffect } from 'react';
 import { useFloating, autoUpdate, offset, useInteractions, useHover, safePolygon, FloatingFocusManager } from '@floating-ui/react';
 import { Checkmark, CaretLeft, CaretRight } from '@carbon/icons-react';
 import { ArrowRight, Enter, Space } from '../../internal/keyboard/keys.js';
@@ -159,11 +159,11 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref, forwardRef) {
       }
     });
   }, [floatingStyles, refs.floating]);
-  return /*#__PURE__*/React__default.createElement(FloatingFocusManager, {
+  return /*#__PURE__*/React.createElement(FloatingFocusManager, {
     context: floatingContext,
     order: ['reference', 'floating'],
     modal: false
-  }, /*#__PURE__*/React__default.createElement("li", _extends({
+  }, /*#__PURE__*/React.createElement("li", _extends({
     role: "menuitem"
   }, rest, {
     ref: ref,
@@ -175,19 +175,19 @@ const MenuItem = /*#__PURE__*/forwardRef(function MenuItem(_ref, forwardRef) {
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     onKeyUp: handleKeyUp
-  }, getReferenceProps()), /*#__PURE__*/React__default.createElement("div", {
+  }, getReferenceProps()), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__selection-icon`
-  }, rest['aria-checked'] && (_Checkmark || (_Checkmark = /*#__PURE__*/React__default.createElement(Checkmark, null)))), /*#__PURE__*/React__default.createElement("div", {
+  }, rest['aria-checked'] && (_Checkmark || (_Checkmark = /*#__PURE__*/React.createElement(Checkmark, null)))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__icon`
-  }, IconElement && /*#__PURE__*/React__default.createElement(IconElement, null)), /*#__PURE__*/React__default.createElement(Text, {
+  }, IconElement && /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--menu-item__label`,
     title: label
-  }, label), shortcut && !hasChildren && /*#__PURE__*/React__default.createElement("div", {
+  }, label), shortcut && !hasChildren && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__shortcut`
-  }, shortcut), hasChildren && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+  }, shortcut), hasChildren && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__shortcut`
-  }, rtl ? _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default.createElement(CaretLeft, null)) : _CaretRight || (_CaretRight = /*#__PURE__*/React__default.createElement(CaretRight, null))), /*#__PURE__*/React__default.createElement(Menu, _extends({
+  }, rtl ? _CaretLeft || (_CaretLeft = /*#__PURE__*/React.createElement(CaretLeft, null)) : _CaretRight || (_CaretRight = /*#__PURE__*/React.createElement(CaretRight, null))), /*#__PURE__*/React.createElement(Menu, _extends({
     label: label,
     open: submenuOpen,
     onClose: () => {
@@ -262,7 +262,7 @@ const MenuItemSelectable = /*#__PURE__*/forwardRef(function MenuItemSelectable(_
     }
   }, [context.state.hasSelectableItems, context]);
   const classNames = cx(className, `${prefix}--menu-item-selectable--selected`);
-  return /*#__PURE__*/React__default.createElement(MenuItem, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(MenuItem, _extends({}, rest, {
     ref: forwardRef,
     label: label,
     className: classNames,
@@ -305,11 +305,11 @@ const MenuItemGroup = /*#__PURE__*/forwardRef(function MenuItemGroup(_ref3, forw
   } = _ref3;
   const prefix = usePrefix();
   const classNames = cx(className, `${prefix}--menu-item-group`);
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: classNames,
     role: "none",
     ref: forwardRef
-  }, /*#__PURE__*/React__default.createElement("ul", _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement("ul", _extends({}, rest, {
     role: "group",
     "aria-label": label
   }), children));
@@ -359,14 +359,14 @@ const MenuItemRadioGroup = /*#__PURE__*/forwardRef(function MenuItemRadioGroup(_
     }
   }, [context.state.hasSelectableItems, context]);
   const classNames = cx(className, `${prefix}--menu-item-radio-group`);
-  return /*#__PURE__*/React__default.createElement("li", {
+  return /*#__PURE__*/React.createElement("li", {
     className: classNames,
     role: "none",
     ref: forwardRef
-  }, /*#__PURE__*/React__default.createElement("ul", _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement("ul", _extends({}, rest, {
     role: "group",
     "aria-label": label
-  }), items.map((item, i) => /*#__PURE__*/React__default.createElement(MenuItem, {
+  }), items.map((item, i) => /*#__PURE__*/React.createElement(MenuItem, {
     key: i,
     label: itemToString(item),
     role: "menuitemradio",
@@ -416,7 +416,7 @@ const MenuItemDivider = /*#__PURE__*/forwardRef(function MenuItemDivider(_ref5,
   } = _ref5;
   const prefix = usePrefix();
   const classNames = cx(className, `${prefix}--menu-item-divider`);
-  return /*#__PURE__*/React__default.createElement("li", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("li", _extends({}, rest, {
     className: classNames,
     role: "separator",
     ref: forwardRef

package/es/components/MenuButton/index.js

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef, useRef, useLayoutEffect } from 'react';
+import React, { forwardRef, useRef, useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { ChevronDown } from '@carbon/icons-react';
@@ -114,11 +114,11 @@ const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(_ref, forwardRef)
     [`${prefix}--menu-button__trigger--open`]: open
   });
   const menuClasses = cx(`${prefix}--menu-button__${menuAlignment}`);
-  return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _extends({}, rest, {
     ref: ref,
     "aria-owns": open ? id : undefined,
     className: containerClasses
-  }), /*#__PURE__*/React__default.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button, {
     ref: refs.setReference,
     className: triggerClasses,
     size: size$1,
@@ -131,7 +131,7 @@ const MenuButton = /*#__PURE__*/forwardRef(function MenuButton(_ref, forwardRef)
     onClick: handleClick,
     onMouseDown: handleMousedown,
     "aria-controls": open ? id : undefined
-  }, label), /*#__PURE__*/React__default.createElement(Menu, {
+  }, label), /*#__PURE__*/React.createElement(Menu, {
     containerRef: triggerRef,
     menuAlignment: menuAlignment,
     className: menuClasses,

package/es/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.