@carbon/react 1.80.1 → 1.81.0-rc.0

package/lib/components/ComposedModal/ModalFooter.js

@@ -159,7 +159,6 @@ ModalFooter.propTypes = {
   /**
    * The `ref` callback for the primary button.
    */
-  // @ts-expect-error: Invalid derived type
   inputref: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].shape({
     current: PropTypes__default["default"].any
   })]),

package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js

@@ -83,7 +83,6 @@ ContainedListItem.propTypes = {
   /**
    * A component used to render an icon.
    */
-  // @ts-expect-error: PropTypes are not expressive enough to cover this case
   renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
 };
 

package/lib/components/ContentSwitcher/ContentSwitcher.d.ts

@@ -16,7 +16,7 @@ export interface ContentSwitcherProps extends Omit<HTMLAttributes<HTMLElement>,
     /**
      * Pass in Switch components to be rendered in the ContentSwitcher
      */
-    children?: ReactElement[];
+    children?: ReactElement<any>[];
     /**
      * Specify an optional className to be added to the container node
      */

package/lib/components/ContextMenu/useContextMenu.d.ts

@@ -4,7 +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.
  */
-type TriggerType = Element | Document | Window | React.RefObject<Element>;
+type TriggerType = Element | Document | Window | React.RefObject<Element | null>;
 export interface ContextMenuProps {
     open: boolean;
     x: number;

package/lib/components/DataTable/DataTable.d.ts

@@ -1,5 +1,5 @@
 /**
- * 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.
@@ -69,8 +69,8 @@ export interface DataTableRow<ColTypes extends any[]> {
 export interface DataTableHeader {
     key: string;
     header: React.ReactNode;
-    slug?: React.ReactElement;
-    decorator?: React.ReactElement;
+    slug?: React.ReactElement<any>;
+    decorator?: React.ReactElement<any>;
 }
 export interface DataTableRenderProps<RowType, ColTypes extends any[]> {
     headers: Array<DataTableHeader>;
@@ -184,7 +184,7 @@ export interface DataTableRenderProps<RowType, ColTypes extends any[]> {
     radio: boolean | undefined;
 }
 export interface DataTableProps<RowType, ColTypes extends any[]> extends TranslateWithId<TranslationKey> {
-    children?: (renderProps: DataTableRenderProps<RowType, ColTypes>) => React.ReactElement;
+    children?: (renderProps: DataTableRenderProps<RowType, ColTypes>) => React.ReactElement<any>;
     experimentalAutoAlign?: boolean;
     filterRows?: (filterRowsArgs: {
         cellsById: Record<string, DataTableCell<ColTypes>>;
@@ -198,7 +198,7 @@ export interface DataTableProps<RowType, ColTypes extends any[]> extends Transla
     locale?: string;
     overflowMenuOnHover?: boolean;
     radio?: boolean;
-    render?: (renderProps: DataTableRenderProps<RowType, ColTypes>) => React.ReactElement;
+    render?: (renderProps: DataTableRenderProps<RowType, ColTypes>) => React.ReactElement<any>;
     rows: Array<Omit<DataTableRow<ColTypes>, 'cells'>>;
     size?: DataTableSize;
     sortRow?: (cellA: any, cellB: any, sortRowOptions: {

package/lib/components/DataTable/DataTable.js

@@ -49,7 +49,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 
-const getInstanceId = setupGetInstanceId["default"]();
+const getInstanceId = setupGetInstanceId.setupGetInstanceId();
 const translationKeys = {
   expandRow: 'carbon.table.row.expand',
   collapseRow: 'carbon.table.row.collapse',

package/lib/components/DataTable/TableActionList.d.ts

@@ -4,5 +4,5 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-declare const TableActionList: (props: import("../../types/common").ReactAttr<"div">) => React.ReactElement;
+declare const TableActionList: (props: import("../../types/common").ReactAttr<"div">) => React.ReactElement<any>;
 export default TableActionList;

package/lib/components/DataTable/TableExpandHeader.d.ts

@@ -99,7 +99,7 @@ declare const TableExpandHeader: {
          * Specify whether this row is expanded or not. This helps coordinate data
          * attributes so that `TableExpandRow` and `TableExpandedRow` work together
          */
-        isExpanded: any;
+        isExpanded: React.Validator;
         /**
          * Hook for when a listener initiates a request to expand the given row
          */

package/lib/components/DataTable/TableHead.d.ts

@@ -6,5 +6,5 @@
  */
 import { ThHTMLAttributes } from 'react';
 export type TableHeadProps = ThHTMLAttributes<HTMLTableSectionElement>;
-declare const TableHead: (props: import("../../types/common").ReactAttr<"thead">) => React.ReactElement;
+declare const TableHead: (props: import("../../types/common").ReactAttr<"thead">) => React.ReactElement<any>;
 export default TableHead;

package/lib/components/DataTable/TableToolbarContent.d.ts

@@ -4,5 +4,5 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-declare const TableToolbarContent: (props: import("../../types/common").ReactAttr<"div">) => React.ReactElement;
+declare const TableToolbarContent: (props: import("../../types/common").ReactAttr<"div">) => React.ReactElement<any>;
 export default TableToolbarContent;

package/lib/components/DataTable/TableToolbarSearch.d.ts

@@ -1,5 +1,5 @@
 /**
- * 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.

package/lib/components/DatePickerInput/DatePickerInput.d.ts

@@ -4,11 +4,11 @@
  * 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 { ReactElementLike, ReactNodeArray } from 'prop-types';
+import { ReactElementLike } from 'prop-types';
 import React, { ReactNode } from 'react';
 import { ReactAttr } from '../../types/common';
 type ExcludedAttributes = 'value' | 'onChange' | 'locale' | 'children';
-export type ReactNodeLike = ReactElementLike | ReactNodeArray | string | number | boolean | null | undefined;
+export type ReactNodeLike = ReactElementLike | ReadonlyArray<ReactNode> | string | number | boolean | null | undefined;
 export type func = (...args: any[]) => any;
 export interface DatePickerInputProps extends Omit<ReactAttr<HTMLInputElement>, ExcludedAttributes> {
     /**

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

@@ -149,7 +149,7 @@ export interface DropdownProps<ItemType> extends Omit<ReactAttr<HTMLDivElement>,
 export type DropdownTranslationKey = ListBoxMenuIconTranslationKey;
 type DropdownComponentProps<ItemType> = React.PropsWithoutRef<React.PropsWithChildren<DropdownProps<ItemType>> & React.RefAttributes<HTMLButtonElement>>;
 export interface DropdownComponent {
-    <ItemType>(props: DropdownComponentProps<ItemType>): React.ReactElement | null;
+    <ItemType>(props: DropdownComponentProps<ItemType>): React.ReactElement<any> | null;
 }
 declare const _default: DropdownComponent;
 export default _default;

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import PropTypes from 'prop-types';
-import React, { ReactNode } from 'react';
+import React, { ReactNode, type JSX } from 'react';
 export interface FeatureFlagsProps {
     children?: ReactNode;
     flags?: Record<string, boolean>;

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

@@ -79,5 +79,10 @@ export interface FileUploaderHandle {
      */
     clearFiles: () => void;
 }
-declare const FileUploader: React.ForwardRefExoticComponent<FileUploaderProps & React.RefAttributes<FileUploaderHandle>>;
+declare const FileUploader: {
+    <ItemType>(props: FileUploaderProps): React.ReactElement<any>;
+    propTypes?: any;
+    contextTypes?: any;
+    defaultProps?: any;
+};
 export default FileUploader;

package/lib/components/FileUploader/FileUploader.js

@@ -127,7 +127,9 @@ const FileUploader = /*#__PURE__*/React__default["default"].forwardRef((_ref, re
   }, state.fileNames.length === 0 ? null : state.fileNames.map((name, index) => /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({
     key: index,
     className: selectedFileClasses,
-    ref: node => nodes[index] = node // eslint-disable-line
+    ref: node => {
+      nodes[index] = node;
+    } // eslint-disable-line
   }, other), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     as: "p",
     className: `${prefix}--file-filename`,

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

@@ -69,7 +69,7 @@ export interface FileUploaderButtonProps extends Omit<ReactAttr<HTMLButtonElemen
      * @deprecated The `tabIndex` prop for `FileUploaderButton` has been deprecated since it now renders a button element by default.
      */
     tabIndex?: number | string;
-    innerRef?: React.RefObject<HTMLLabelElement>;
+    innerRef?: React.RefObject<HTMLLabelElement | null>;
 }
 declare function FileUploaderButton({ accept, buttonKind, className, disabled, disableLabelChanges, id, labelText: ownerLabelText, multiple, onChange, name, size, innerRef, ...other }: FileUploaderButtonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace FileUploaderButton {

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

@@ -55,7 +55,7 @@ export interface FileUploaderDropContainerProps extends Omit<ReactAttr<HTMLButto
     /**
      * Ref to pass to the inner button element
      */
-    innerRef?: React.LegacyRef<HTMLButtonElement>;
+    innerRef?: React.Ref<HTMLButtonElement>;
     /**
      * @deprecated The `role` prop for `FileUploaderButton` has been deprecated since it now renders a button element by default, and has an implicit role of button.
      */

package/lib/components/FluidMultiSelect/FluidFilterableMultiSelect.d.ts

@@ -1,12 +1,12 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 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, { FunctionComponent } from 'react';
-import { UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
-import { FilterableMultiSelectProps } from '../MultiSelect/FilterableMultiSelect';
+import type { UseComboboxProps, UseMultipleSelectionProps } from 'downshift';
+import { type FilterableMultiSelectProps } from '../MultiSelect';
 interface OnChangeData<ItemType> {
     selectedItems: ItemType[] | null;
 }

package/lib/components/FluidMultiSelect/FluidMultiSelect.d.ts

@@ -1,12 +1,12 @@
 /**
- * Copyright IBM Corp. 2022
+ * Copyright IBM Corp. 2022, 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 { type MultiSelectProps } from '../MultiSelect';
 import { UseSelectProps } from 'downshift';
-import { MultiSelectProps } from '../MultiSelect/MultiSelect';
 interface OnChangeData<ItemType> {
     selectedItems: ItemType[] | null;
 }

package/lib/components/FluidMultiSelect/FluidMultiSelect.js

@@ -13,11 +13,10 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-require('../MultiSelect/index.js');
-var usePrefix = require('../../internal/usePrefix.js');
-var FormContext = require('../FluidForm/FormContext.js');
 var FilterableMultiSelect = require('../MultiSelect/FilterableMultiSelect.js');
 var MultiSelect = require('../MultiSelect/MultiSelect.js');
+var usePrefix = require('../../internal/usePrefix.js');
+var FormContext = require('../FluidForm/FormContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -43,10 +42,13 @@ const FluidMultiSelect = /*#__PURE__*/React__default["default"].forwardRef(funct
   }, isFilterable ?
   /*#__PURE__*/
   // @ts-ignore
-  React__default["default"].createElement(FilterableMultiSelect["default"], _rollupPluginBabelHelpers["extends"]({
+  React__default["default"].createElement(FilterableMultiSelect.FilterableMultiSelect, _rollupPluginBabelHelpers["extends"]({
     ref: ref,
     className: classNames
-  }, other)) : /*#__PURE__*/React__default["default"].createElement(MultiSelect["default"], _rollupPluginBabelHelpers["extends"]({
+  }, other)) :
+  /*#__PURE__*/
+  // @ts-ignore
+  React__default["default"].createElement(MultiSelect.MultiSelect, _rollupPluginBabelHelpers["extends"]({
     ref: ref,
     className: classNames
   }, other)));

package/lib/components/FluidNumberInput/FluidNumberInput.Skeleton.js

@@ -0,0 +1,50 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+var usePrefix = require('../../internal/usePrefix.js');
+var FormContext = require('../FluidForm/FormContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const FluidNumberInputSkeleton = _ref => {
+  let {
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+    value: {
+      isFluid: true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+    className: cx__default["default"](`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
+  }, other), /*#__PURE__*/React__default["default"].createElement("span", {
+    className: `${prefix}--label ${prefix}--skeleton`
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: `${prefix}--skeleton ${prefix}--text-input`
+  })));
+};
+FluidNumberInputSkeleton.propTypes = {
+  /**
+   * Specify an optional className to be applied to the outer FluidForm wrapper
+   */
+  className: PropTypes__default["default"].string
+};
+
+exports["default"] = FluidNumberInputSkeleton;

package/lib/components/FluidNumberInput/FluidNumberInput.js

@@ -0,0 +1,133 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var PropTypes = require('prop-types');
+var React = require('react');
+var cx = require('classnames');
+require('../NumberInput/NumberInput.Skeleton.js');
+var NumberInput = require('../NumberInput/NumberInput.js');
+var usePrefix = require('../../internal/usePrefix.js');
+var FormContext = require('../FluidForm/FormContext.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
+
+const FluidNumberInput = /*#__PURE__*/React__default["default"].forwardRef(function FluidNumberInput(_ref, ref) {
+  let {
+    className,
+    ...other
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const classNames = cx__default["default"](`${prefix}--number-input--fluid`, className);
+  return /*#__PURE__*/React__default["default"].createElement(FormContext.FormContext.Provider, {
+    value: {
+      isFluid: true
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(NumberInput.NumberInput, _rollupPluginBabelHelpers["extends"]({
+    ref: ref,
+    className: classNames
+  }, other)));
+});
+FluidNumberInput.propTypes = {
+  /**
+   * `true` to allow empty string.
+   */
+  allowEmpty: PropTypes__default["default"].bool,
+  /**
+   * Specify an optional className to be applied to the wrapper node
+   */
+  className: PropTypes__default["default"].string,
+  /**
+   * Optional starting value for uncontrolled state
+   */
+  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  /**
+   * Specify if the wheel functionality for the input should be disabled, or not
+   */
+  disableWheel: PropTypes__default["default"].bool,
+  /**
+   * Specify if the control should be disabled, or not
+   */
+  disabled: PropTypes__default["default"].bool,
+  /**
+   * Provide a description for up/down icons that can be read by screen readers
+   */
+  iconDescription: PropTypes__default["default"].string,
+  /**
+   * Specify a custom `id` for the input
+   */
+  id: PropTypes__default["default"].string.isRequired,
+  /**
+   * Specify if the currently value is invalid.
+   */
+  invalid: PropTypes__default["default"].bool,
+  /**
+   * Message which is displayed if the value is invalid.
+   */
+  invalidText: PropTypes__default["default"].node,
+  /**
+   * Generic `label` that will be used as the textual representation of what
+   * this field is for
+   */
+  label: PropTypes__default["default"].node,
+  /**
+   * The maximum value.
+   */
+  max: PropTypes__default["default"].number,
+  /**
+   * The minimum value.
+   */
+  min: PropTypes__default["default"].number,
+  /**
+   * Provide an optional handler that is called when the internal state of
+   * NumberInput changes. This handler is called with event and state info.
+   * `(event, { value, direction }) => void`
+   */
+  onChange: PropTypes__default["default"].func,
+  /**
+   * Provide an optional function to be called when the up/down button is clicked
+   */
+  onClick: PropTypes__default["default"].func,
+  /**
+   * Provide an optional function to be called when a key is pressed in the number input
+   */
+  onKeyUp: PropTypes__default["default"].func,
+  /**
+   * Specify how much the values should increase/decrease upon clicking on up/down button
+   */
+  step: PropTypes__default["default"].number,
+  /**
+   * Provide custom text for the component for each translation id
+   */
+  translateWithId: PropTypes__default["default"].func,
+  /**
+   * Specify the value of the input
+   */
+  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn: PropTypes__default["default"].bool,
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText: PropTypes__default["default"].node,
+  /**
+   * Whether or not the component is readonly
+   */
+  readOnly: PropTypes__default["default"].bool
+};
+
+exports["default"] = FluidNumberInput;

package/lib/components/FluidTextInput/FluidTextInput.js

@@ -13,12 +13,12 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var PropTypes = require('prop-types');
 var React = require('react');
 var cx = require('classnames');
-require('../TextInput/index.js');
+var TextInput = require('../TextInput/TextInput.js');
+require('../TextInput/TextInput.Skeleton.js');
 require('../TextInput/ControlledPasswordInput.js');
 var PasswordInput = require('../TextInput/PasswordInput.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var FormContext = require('../FluidForm/FormContext.js');
-var TextInput = require('../TextInput/TextInput.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/lib/components/Grid/Column.js

@@ -42,7 +42,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Column = /*#__PURE__*/React__default["default"].forwardRef(function Column(_ref, ref) {
+const Column = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   let {
     as,
     children,

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

@@ -5,7 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
+import PropTypes from 'prop-types';
 export interface GridBaseProps {
+    /**
+     * Specify grid alignment. Default is center
+     */
+    align?: 'start' | 'center' | 'end';
     /**
      * Pass in content that will be rendered within the `Grid`
      */
@@ -33,5 +38,5 @@ export type GridProps<T extends React.ElementType> = PolymorphicComponentPropWit
 export interface GridComponent {
     <T extends React.ElementType = 'div'>(props: GridProps<T>): React.ReactElement | null;
     displayName?: string;
-    propTypes?: React.WeakValidationMap<GridProps<any>>;
+    propTypes?: PropTypes.WeakValidationMap<GridProps<any>>;
 }

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

@@ -1,11 +1,11 @@
 /**
- * Copyright IBM Corp. 2023
+ * Copyright IBM Corp. 2023, 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 declare const levels: readonly ["one", "two", "three"];
-export declare const MIN_LEVEL = 0;
-export declare const MAX_LEVEL: number;
 export declare const LayerLevels: readonly [0, 1, 2];
+export declare const MIN_LEVEL: 0;
+export declare const MAX_LEVEL: 0 | 1 | 2;
 export type LayerLevel = (typeof LayerLevels)[number];

package/lib/components/Layer/LayerLevel.js

@@ -10,9 +10,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const levels = ['one', 'two', 'three'];
-const MIN_LEVEL = 0;
-const MAX_LEVEL = levels.length - 1;
+const LayerLevels = [0, 1, 2];
+const MIN_LEVEL = LayerLevels[0];
+const MAX_LEVEL = LayerLevels[LayerLevels.length - 1];
 
+exports.LayerLevels = LayerLevels;
 exports.MAX_LEVEL = MAX_LEVEL;
 exports.MIN_LEVEL = MIN_LEVEL;
 exports.levels = levels;

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

@@ -1,5 +1,5 @@
 /**
- * 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.
@@ -31,5 +31,7 @@ export interface LayerBaseProps {
     level?: LayerLevel;
 }
 export type LayerProps<T extends React.ElementType> = PolymorphicComponentPropWithRef<T, LayerBaseProps>;
-declare const Layer: React.ForwardRefExoticComponent<Omit<LayerProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
+declare const Layer: React.ForwardRefExoticComponent<LayerBaseProps & {
+    as?: React.ElementType;
+} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<any>>;
 export { Layer };

package/lib/components/Layer/index.js

@@ -16,6 +16,7 @@ var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.js');
 var LayerContext = require('./LayerContext.js');
 var LayerLevel = require('./LayerLevel.js');
+var clamp = require('../../internal/clamp.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,7 +48,7 @@ const Layer = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   const prefix = usePrefix.usePrefix();
   const className = cx__default["default"](`${prefix}--layer-${LayerLevel.levels[level]}`, customClassName);
   // The level should be between MIN_LEVEL and MAX_LEVEL
-  const value = Math.max(LayerLevel.MIN_LEVEL, Math.min(level + 1, LayerLevel.MAX_LEVEL));
+  const value = clamp.clamp(level + 1, LayerLevel.MIN_LEVEL, LayerLevel.MAX_LEVEL);
   const BaseComponent = as || 'div';
   return /*#__PURE__*/React__default["default"].createElement(LayerContext.LayerContext.Provider, {
     value: value

package/lib/components/Link/Link.js

@@ -21,7 +21,8 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const Link = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
+// First create the component with basic types
+const LinkBase = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
   let {
     as: BaseComponent,
     children,
@@ -64,6 +65,7 @@ const Link = /*#__PURE__*/React__default["default"].forwardRef((_ref, ref) => {
     className: `${prefix}--link__icon`
   }, /*#__PURE__*/React__default["default"].createElement(Icon, null)));
 });
+const Link = LinkBase;
 Link.displayName = 'Link';
 Link.propTypes = {
   /**

package/lib/components/Menu/Menu.d.ts

@@ -9,7 +9,7 @@ export interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
     /**
      * The ref of the containing element, used for positioning and alignment of the menu
      */
-    containerRef?: RefObject<HTMLDivElement>;
+    containerRef?: RefObject<HTMLDivElement | null>;
     /**
      * A collection of MenuItems to be rendered within this Menu.
      */

package/lib/components/Menu/MenuContext.d.ts

@@ -28,7 +28,7 @@ declare function menuReducer(state: StateType, action: ActionType): {
 type DispatchFuncProps = {
     type: ActionType['type'];
     payload: {
-        ref: RefObject<HTMLLIElement>;
+        ref: RefObject<HTMLLIElement | null>;
         disabled: boolean;
     };
 };

package/lib/components/Modal/Modal.js

@@ -105,12 +105,15 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
     return !onSecondarySubmit && element === secondaryButton.current || element.classList.contains(modalCloseButtonClass);
   }
   function handleKeyDown(evt) {
+    const {
+      target
+    } = evt;
     evt.stopPropagation();
     if (open) {
       if (match.match(evt, keys.Escape)) {
         onRequestClose(evt);
       }
-      if (match.match(evt, keys.Enter) && shouldSubmitOnEnter && !isCloseButton(evt.target)) {
+      if (match.match(evt, keys.Enter) && shouldSubmitOnEnter && target instanceof Element && !isCloseButton(target) && document.activeElement !== button.current) {
         onRequestSubmit(evt);
       }
       if (focusTrapWithoutSentinels && !enableDialogElement && match.match(evt, keys.Tab) && innerModal.current) {
@@ -198,13 +201,13 @@ const Modal = /*#__PURE__*/React__default["default"].forwardRef(function Modal(_
   React.useEffect(() => {
     return () => {
       if (!enableDialogElement) {
-        toggleClass["default"](document.body, `${prefix}--body--with-modal-open`, false);
+        toggleClass.toggleClass(document.body, `${prefix}--body--with-modal-open`, false);
       }
     };
   }, [prefix, enableDialogElement]);
   React.useEffect(() => {
     if (!enableDialogElement) {
-      toggleClass["default"](document.body, `${prefix}--body--with-modal-open`, open ?? false);
+      toggleClass.toggleClass(document.body, `${prefix}--body--with-modal-open`, open ?? false);
     }
   }, [open, prefix, enableDialogElement]);
   React.useEffect(() => {