@carbon/react 1.82.1 → 1.83.0

package/es/components/FileUploader/FileUploader.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, { useState, useImperativeHandle } from 'react';
+import React, { useState, useImperativeHandle } from 'react';
 import Filename from './Filename.js';
 import FileUploaderButton from './FileUploaderButton.js';
 import { ButtonKinds } from '../Button/Button.js';
@@ -19,7 +19,7 @@ import '../Text/index.js';
 import { useId } from '../../internal/useId.js';
 import { Text } from '../Text/Text.js';
 
-const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+const FileUploader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     accept,
     buttonKind,
@@ -79,7 +79,7 @@ const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       });
     }
   }));
-  const uploaderButton = /*#__PURE__*/React__default.createRef();
+  const uploaderButton = /*#__PURE__*/React.createRef();
   const classes = cx({
     [`${prefix}--form-item`]: true,
     [className]: className
@@ -91,16 +91,16 @@ const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     [`${prefix}--file__selected-file--md`]: size === 'field' || size === 'md',
     [`${prefix}--file__selected-file--sm`]: size === 'small' || size === 'sm'
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classes
-  }, other), !labelTitle ? null : /*#__PURE__*/React__default.createElement(Text, {
+  }, other), !labelTitle ? null : /*#__PURE__*/React.createElement(Text, {
     as: "h3",
     className: getHelperLabelClasses(`${prefix}--file--label`)
-  }, labelTitle), /*#__PURE__*/React__default.createElement(Text, {
+  }, labelTitle), /*#__PURE__*/React.createElement(Text, {
     as: "p",
     className: getHelperLabelClasses(`${prefix}--label-description`),
     id: fileUploaderInstanceId
-  }, labelDescription), /*#__PURE__*/React__default.createElement(FileUploaderButton, {
+  }, labelDescription), /*#__PURE__*/React.createElement(FileUploaderButton, {
     innerRef: uploaderButton,
     disabled: disabled,
     labelText: buttonLabel,
@@ -112,21 +112,21 @@ const FileUploader = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     name: name,
     size: size,
     "aria-describedby": fileUploaderInstanceId
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--file-container`
-  }, state.fileNames.length === 0 ? null : state.fileNames.map((name, index) => /*#__PURE__*/React__default.createElement("span", _extends({
+  }, state.fileNames.length === 0 ? null : state.fileNames.map((name, index) => /*#__PURE__*/React.createElement("span", _extends({
     key: index,
     className: selectedFileClasses,
     ref: node => {
       nodes[index] = node;
     } // eslint-disable-line
-  }, other), /*#__PURE__*/React__default.createElement(Text, {
+  }, other), /*#__PURE__*/React.createElement(Text, {
     as: "p",
     className: `${prefix}--file-filename`,
     id: name
-  }, name), /*#__PURE__*/React__default.createElement("span", {
+  }, name), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--file__state-container`
-  }, /*#__PURE__*/React__default.createElement(Filename, {
+  }, /*#__PURE__*/React.createElement(Filename, {
     name: name,
     iconDescription: iconDescription,
     status: filenameStatus,

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

@@ -8,14 +8,15 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
 import PropTypes from 'prop-types';
-import React__default, { useState, useRef } from 'react';
+import React, { useState, useRef } from 'react';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
-import { ButtonKinds } from '../../prop-types/types.js';
 import { uniqueId } from '../../tools/uniqueId.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecate from '../../prop-types/deprecate.js';
 import { noopFn } from '../../internal/noopFn.js';
+import { ButtonKinds } from '../Button/Button.js';
+import '../Button/Button.Skeleton.js';
 
 function FileUploaderButton(_ref) {
   let {
@@ -80,7 +81,7 @@ function FileUploaderButton(_ref) {
     }
     onChange(event);
   }
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("button", _extends({
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
     disabled: disabled,
     className: classes,
@@ -88,11 +89,11 @@ function FileUploaderButton(_ref) {
     onKeyDown: onKeyDown
   }, other, {
     tabIndex: other.tabIndex !== undefined ? parseInt(other.tabIndex) : undefined
-  }), labelText), /*#__PURE__*/React__default.createElement("label", {
+  }), labelText), /*#__PURE__*/React.createElement("label", {
     className: `${prefix}--visually-hidden`,
     ref: innerRef,
     htmlFor: inputId
-  }, /*#__PURE__*/React__default.createElement("span", null, labelText)), /*#__PURE__*/React__default.createElement("input", {
+  }, /*#__PURE__*/React.createElement("span", null, labelText)), /*#__PURE__*/React.createElement("input", {
     className: `${prefix}--visually-hidden`,
     ref: inputNode,
     id: inputId,

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

@@ -6,7 +6,7 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { useRef, useState } from 'react';
+import React, { useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import cx from 'classnames';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
@@ -90,7 +90,7 @@ function FileUploaderDropContainer(_ref) {
       inputRef.current?.click();
     }
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--file`,
     onDragOver: evt => {
       evt.stopPropagation();
@@ -119,7 +119,7 @@ function FileUploaderDropContainer(_ref) {
       setActive(false);
       handleDrop(evt);
     }
-  }, /*#__PURE__*/React__default.createElement("button", _extends({
+  }, /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
     className: dropareaClasses,
     ref: innerRef,
@@ -130,10 +130,10 @@ function FileUploaderDropContainer(_ref) {
       }
     },
     onClick: composeEventHandlers([onClick, handleClick])
-  }, rest), labelText), /*#__PURE__*/React__default.createElement("label", {
+  }, rest), labelText), /*#__PURE__*/React.createElement("label", {
     htmlFor: uid,
     className: `${prefix}--visually-hidden`
-  }, labelText), /*#__PURE__*/React__default.createElement("input", {
+  }, labelText), /*#__PURE__*/React.createElement("input", {
     type: "file",
     id: uid,
     className: `${prefix}--file-input`,

package/es/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/es/components/FileUploader/FileUploaderItem.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, { useRef, useState, useLayoutEffect } from 'react';
+import React, { useRef, useState, useLayoutEffect } from 'react';
 import Filename from './Filename.js';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 import { matches } from '../../internal/keyboard/match.js';
@@ -56,34 +56,34 @@ function FileUploaderItem(_ref) {
   useLayoutEffect(() => {
     isEllipsisActive(textRef.current);
   }, [prefix, name]);
-  return /*#__PURE__*/React__default.createElement("span", _extends({
+  return /*#__PURE__*/React.createElement("span", _extends({
     className: classes
-  }, other), isEllipsisApplied ? /*#__PURE__*/React__default.createElement("div", {
+  }, other), isEllipsisApplied ? /*#__PURE__*/React.createElement("div", {
     className: isInvalid
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
+  }, /*#__PURE__*/React.createElement(Tooltip, {
     label: name,
     align: "bottom",
     className: `${prefix}--file-filename-tooltip`
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     className: `${prefix}--file-filename-button`,
     type: "button"
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     ref: textRef,
     as: "p",
     title: name,
     className: `${prefix}--file-filename-button`,
     id: filterSpaceName(name)
-  }, name)))) : /*#__PURE__*/React__default.createElement(Text, {
+  }, name)))) : /*#__PURE__*/React.createElement(Text, {
     ref: textRef,
     as: "p",
     title: name,
     className: `${prefix}--file-filename`,
     id: filterSpaceName(name)
-  }, name), /*#__PURE__*/React__default.createElement("div", {
+  }, name), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--file-container-item`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--file__state-container`
-  }, /*#__PURE__*/React__default.createElement(Filename, {
+  }, /*#__PURE__*/React.createElement(Filename, {
     name: name,
     iconDescription: iconDescription,
     status: status,
@@ -106,14 +106,14 @@ function FileUploaderItem(_ref) {
         });
       }
     }
-  }))), invalid && errorSubject && /*#__PURE__*/React__default.createElement("div", {
+  }))), invalid && errorSubject && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`,
     role: "alert",
     id: `${filterSpaceName(name)}-id-error`
-  }, /*#__PURE__*/React__default.createElement(Text, {
+  }, /*#__PURE__*/React.createElement(Text, {
     as: "div",
     className: `${prefix}--form-requirement__title`
-  }, errorSubject), errorBody && /*#__PURE__*/React__default.createElement(Text, {
+  }, errorSubject), errorBody && /*#__PURE__*/React.createElement(Text, {
     as: "p",
     className: `${prefix}--form-requirement__supplement`
   }, errorBody)));

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

@@ -8,7 +8,7 @@
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { CheckmarkFilled, WarningFilled, Close } from '@carbon/icons-react';
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import Loading from '../Loading/Loading.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -26,30 +26,30 @@ function Filename(_ref) {
   const prefix = usePrefix();
   switch (status) {
     case 'uploading':
-      return /*#__PURE__*/React__default.createElement(Loading, {
+      return /*#__PURE__*/React.createElement(Loading, {
         description: iconDescription,
         small: true,
         withOverlay: false,
         className: `${prefix}--file-loading`
       });
     case 'edit':
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, invalid && /*#__PURE__*/React__default.createElement(WarningFilled, {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, invalid && /*#__PURE__*/React.createElement(WarningFilled, {
         className: `${prefix}--file-invalid`
-      }), /*#__PURE__*/React__default.createElement("button", _extends({
+      }), /*#__PURE__*/React.createElement("button", _extends({
         "aria-label": `${iconDescription} - ${name}`,
         className: `${prefix}--file-close`,
         type: "button",
         tabIndex: tabIndex
       }, rest, {
         "aria-describedby": invalid ? ariaDescribedBy : undefined
-      }), _Close || (_Close = /*#__PURE__*/React__default.createElement(Close, null))));
+      }), _Close || (_Close = /*#__PURE__*/React.createElement(Close, null))));
     case 'complete':
-      return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
+      return /*#__PURE__*/React.createElement(CheckmarkFilled, _extends({
         "aria-label": iconDescription,
         className: `${prefix}--file-complete`
       }, rest, {
         tabIndex: -1
-      }), iconDescription && /*#__PURE__*/React__default.createElement("title", null, iconDescription));
+      }), iconDescription && /*#__PURE__*/React.createElement("title", null, iconDescription));
     default:
       return null;
   }

package/es/components/FluidComboBox/FluidComboBox.Skeleton.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';
 
@@ -18,13 +18,13 @@ const FluidComboBoxSkeleton = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__field`
   })));
 };

package/es/components/FluidComboBox/FluidComboBox.js

@@ -7,13 +7,13 @@
 
 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 ComboBox from '../ComboBox/ComboBox.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidComboBox = /*#__PURE__*/React__default.forwardRef(function FluidComboBox(_ref, ref) {
+const FluidComboBox = /*#__PURE__*/React.forwardRef(function FluidComboBox(_ref, ref) {
   let {
     className,
     isCondensed,
@@ -23,11 +23,11 @@ const FluidComboBox = /*#__PURE__*/React__default.forwardRef(function FluidCombo
   const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
     [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
   });
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(ComboBox, _extends({
+  }, /*#__PURE__*/React.createElement(ComboBox, _extends({
     ref: ref,
     className: classNames
   }, other)));

package/es/components/FluidDatePicker/FluidDatePicker.Skeleton.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 { FormContext } from '../FluidForm/FormContext.js';
@@ -23,29 +23,29 @@ const FluidDatePickerSkeleton = _ref => {
   const classNames = cx(className, `${prefix}--form-item ${prefix}--date-picker--fluid__skeleton`, {
     [`${prefix}--date-picker--fluid__skeleton--range`]: datePickerType === 'range'
   });
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
+  }, /*#__PURE__*/React.createElement("div", _extends({
     className: classNames
-  }, other), /*#__PURE__*/React__default.createElement("div", {
+  }, other), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker--fluid__skeleton--container`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
-  }), datePickerType !== 'simple' && /*#__PURE__*/React__default.createElement(Calendar, {
+  }), datePickerType !== 'simple' && /*#__PURE__*/React.createElement(Calendar, {
     className: `${prefix}--date-picker__icon`,
     role: "img",
     "aria-hidden": "true"
-  })), datePickerType === 'range' && /*#__PURE__*/React__default.createElement("div", {
+  })), datePickerType === 'range' && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker--fluid__skeleton--container`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
-  }), /*#__PURE__*/React__default.createElement(Calendar, {
+  }), /*#__PURE__*/React.createElement(Calendar, {
     className: `${prefix}--date-picker__icon`,
     role: "img",
     "aria-hidden": "true"

package/es/components/FluidDatePicker/FluidDatePicker.js

@@ -12,9 +12,9 @@ import DatePicker from '../DatePicker/DatePicker.js';
 import '../DatePicker/DatePicker.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
-import React__default from 'react';
+import React from 'react';
 
-const FluidDatePicker = /*#__PURE__*/React__default.forwardRef(function FluidDatePicker(_ref, ref) {
+const FluidDatePicker = /*#__PURE__*/React.forwardRef(function FluidDatePicker(_ref, ref) {
   let {
     className,
     children,
@@ -32,11 +32,11 @@ const FluidDatePicker = /*#__PURE__*/React__default.forwardRef(function FluidDat
     [`${prefix}--date-picker--fluid--readonly`]: readOnly,
     [`${prefix}--date-picker--fluid--warn`]: warn
   });
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(DatePicker, _extends({
+  }, /*#__PURE__*/React.createElement(DatePicker, _extends({
     invalid: invalid,
     invalidText: invalidText,
     readOnly: readOnly,

package/es/components/FluidDatePickerInput/FluidDatePickerInput.js

@@ -6,17 +6,17 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import DatePickerInput from '../DatePickerInput/DatePickerInput.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
 const frFn = forwardRef;
 const FluidDatePickerInput = frFn((props, ref) => {
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(DatePickerInput, _extends({
+  }, /*#__PURE__*/React.createElement(DatePickerInput, _extends({
     ref: ref
   }, props)));
 });

package/es/components/FluidDropdown/FluidDropdown.Skeleton.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';
 
@@ -18,13 +18,13 @@ const FluidDropdownSkeleton = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__field`
   })));
 };

package/es/components/FluidDropdown/FluidDropdown.js

@@ -7,14 +7,14 @@
 
 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 Dropdown from '../Dropdown/Dropdown.js';
 import '../Dropdown/Dropdown.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidDropdown = /*#__PURE__*/React__default.forwardRef(function FluidDropdown(_ref, ref) {
+const FluidDropdown = /*#__PURE__*/React.forwardRef(function FluidDropdown(_ref, ref) {
   let {
     className,
     isCondensed,
@@ -24,11 +24,11 @@ const FluidDropdown = /*#__PURE__*/React__default.forwardRef(function FluidDropd
   const classNames = cx(`${prefix}--list-box__wrapper--fluid`, className, {
     [`${prefix}--list-box__wrapper--fluid--condensed`]: isCondensed
   });
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(Dropdown, _extends({
+  }, /*#__PURE__*/React.createElement(Dropdown, _extends({
     ref: ref,
     className: classNames
   }, other)));

package/es/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/es/components/FluidForm/FluidForm.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 Form from '../Form/Form.js';
 import { FormContext } from './FormContext.js';
@@ -21,11 +21,11 @@ const FluidForm = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--form--fluid`, className);
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(Form, _extends({
+  }, /*#__PURE__*/React.createElement(Form, _extends({
     className: classNames
   }, other), children));
 };

package/es/components/FluidMultiSelect/FluidMultiSelect.Skeleton.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';
 
@@ -18,13 +18,13 @@ const FluidMultiSelectSkeleton = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const wrapperClasses = cx(className, `${prefix}--list-box__wrapper--fluid`);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, rest), /*#__PURE__*/React__default.createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--list-box`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--list-box__label`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--list-box__field`
   })));
 };