@carbon/react 1.82.1 → 1.83.0

package/es/components/FluidMultiSelect/FluidMultiSelect.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 { FilterableMultiSelect } from '../MultiSelect/FilterableMultiSelect.js';
 import { MultiSelect } from '../MultiSelect/MultiSelect.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidMultiSelect = /*#__PURE__*/React__default.forwardRef(function FluidMultiSelect(_ref, ref) {
+const FluidMultiSelect = /*#__PURE__*/React.forwardRef(function FluidMultiSelect(_ref, ref) {
   let {
     className,
     isCondensed,
@@ -25,20 +25,20 @@ const FluidMultiSelect = /*#__PURE__*/React__default.forwardRef(function FluidMu
   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
     }
   }, isFilterable ?
   /*#__PURE__*/
   // @ts-ignore
-  React__default.createElement(FilterableMultiSelect, _extends({
+  React.createElement(FilterableMultiSelect, _extends({
     ref: ref,
     className: classNames
   }, other)) :
   /*#__PURE__*/
   // @ts-ignore
-  React__default.createElement(MultiSelect, _extends({
+  React.createElement(MultiSelect, _extends({
     ref: ref,
     className: classNames
   }, other)));

package/es/components/FluidNumberInput/FluidNumberInput.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';
@@ -18,15 +18,15 @@ const FluidNumberInputSkeleton = _ref => {
     ...other
   } = _ref;
   const prefix = usePrefix();
-  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: cx(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
-  }, other), /*#__PURE__*/React__default.createElement("span", {
+  }, other), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
   })));
 };

package/es/components/FluidNumberInput/FluidNumberInput.js

@@ -7,25 +7,25 @@
 
 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 '../NumberInput/NumberInput.Skeleton.js';
 import { NumberInput } from '../NumberInput/NumberInput.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidNumberInput = /*#__PURE__*/React__default.forwardRef(function FluidNumberInput(_ref, ref) {
+const FluidNumberInput = /*#__PURE__*/React.forwardRef(function FluidNumberInput(_ref, ref) {
   let {
     className,
     ...other
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--number-input--fluid`, className);
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(NumberInput, _extends({
+  }, /*#__PURE__*/React.createElement(NumberInput, _extends({
     ref: ref,
     className: classNames
   }, other)));

package/es/components/FluidSearch/FluidSearch.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';
@@ -18,15 +18,15 @@ const FluidSearchSkeleton = _ref => {
     ...other
   } = _ref;
   const prefix = usePrefix();
-  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: cx(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
-  }, other), /*#__PURE__*/React__default.createElement("span", {
+  }, other), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
   })));
 };

package/es/components/FluidSearch/FluidSearch.js

@@ -7,25 +7,25 @@
 
 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 Search from '../Search/Search.js';
 import '../Search/Search.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidSearch = /*#__PURE__*/React__default.forwardRef(function FluidSearch(_ref, ref) {
+const FluidSearch = /*#__PURE__*/React.forwardRef(function FluidSearch(_ref, ref) {
   let {
     className,
     ...other
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--search--fluid`, className);
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(Search, _extends({
+  }, /*#__PURE__*/React.createElement(Search, _extends({
     ref: ref,
     className: classNames
   }, other)));

package/es/components/FluidSelect/FluidSelect.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 FluidSelectSkeleton = _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/FluidSelect/FluidSelect.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 Select from '../Select/Select.js';
 import '../Select/Select.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidSelect = /*#__PURE__*/React__default.forwardRef(function FluidSelect(_ref, ref) {
+const FluidSelect = /*#__PURE__*/React.forwardRef(function FluidSelect(_ref, ref) {
   let {
     className,
     children,
@@ -22,11 +22,11 @@ const FluidSelect = /*#__PURE__*/React__default.forwardRef(function FluidSelect(
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--select--fluid`, className);
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(Select, _extends({
+  }, /*#__PURE__*/React.createElement(Select, _extends({
     ref: ref,
     className: classNames
   }, other), children));

package/es/components/FluidTextArea/FluidTextArea.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';
@@ -18,15 +18,15 @@ const FluidTextAreaSkeleton = _ref => {
     ...other
   } = _ref;
   const prefix = usePrefix();
-  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: cx(`${prefix}--form-item ${prefix}--text-area--fluid__skeleton`, className)
-  }, other), /*#__PURE__*/React__default.createElement("span", {
+  }, other), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-area`
   })));
 };

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

package/es/components/FluidTextInput/FluidTextInput.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';
@@ -18,15 +18,15 @@ const FluidTextInputSkeleton = _ref => {
     ...other
   } = _ref;
   const prefix = usePrefix();
-  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: cx(`${prefix}--form-item ${prefix}--text-input--fluid__skeleton`, className)
-  }, other), /*#__PURE__*/React__default.createElement("span", {
+  }, other), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label ${prefix}--skeleton`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--text-input`
   })));
 };

package/es/components/FluidTextInput/FluidTextInput.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 TextInput from '../TextInput/TextInput.js';
 import '../TextInput/TextInput.Skeleton.js';
@@ -16,7 +16,7 @@ import PasswordInput from '../TextInput/PasswordInput.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 
-const FluidTextInput = /*#__PURE__*/React__default.forwardRef(function FluidTextInput(_ref, ref) {
+const FluidTextInput = /*#__PURE__*/React.forwardRef(function FluidTextInput(_ref, ref) {
   let {
     className,
     isPassword,
@@ -26,14 +26,14 @@ const FluidTextInput = /*#__PURE__*/React__default.forwardRef(function FluidText
   const classNames = cx(className, {
     [`${prefix}--text-input--fluid`]: !isPassword
   });
-  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+  return /*#__PURE__*/React.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, isPassword ? /*#__PURE__*/React__default.createElement(PasswordInput, _extends({
+  }, isPassword ? /*#__PURE__*/React.createElement(PasswordInput, _extends({
     className: classNames,
     ref: ref
-  }, other)) : /*#__PURE__*/React__default.createElement(TextInput, _extends({
+  }, other)) : /*#__PURE__*/React.createElement(TextInput, _extends({
     className: classNames,
     ref: ref
   }, other)));

package/es/components/FluidTimePicker/FluidTimePicker.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 '../FluidTextInput/FluidTextInput.js';
@@ -27,9 +27,9 @@ const FluidTimePickerSkeleton = _ref => {
   const wrapperClasses = cx(className, `${prefix}--time-picker--fluid--skeleton`, {
     [`${prefix}--time-picker--equal-width`]: isOnlyTwo
   });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: wrapperClasses
-  }, rest), _FluidTextInputSkelet || (_FluidTextInputSkelet = /*#__PURE__*/React__default.createElement(FluidTextInputSkeleton, null)), _FluidSelectSkeleton || (_FluidSelectSkeleton = /*#__PURE__*/React__default.createElement(FluidSelectSkeleton, null)), !isOnlyTwo ? _FluidSelectSkeleton2 || (_FluidSelectSkeleton2 = /*#__PURE__*/React__default.createElement(FluidSelectSkeleton, null)) : null);
+  }, rest), _FluidTextInputSkelet || (_FluidTextInputSkelet = /*#__PURE__*/React.createElement(FluidTextInputSkeleton, null)), _FluidSelectSkeleton || (_FluidSelectSkeleton = /*#__PURE__*/React.createElement(FluidSelectSkeleton, null)), !isOnlyTwo ? _FluidSelectSkeleton2 || (_FluidSelectSkeleton2 = /*#__PURE__*/React.createElement(FluidSelectSkeleton, null)) : null);
 };
 FluidTimePickerSkeleton.propTypes = {
   /**

package/es/components/FluidTimePicker/FluidTimePicker.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 cx from 'classnames';
 import FluidTextInput from '../FluidTextInput/FluidTextInput.js';
@@ -15,7 +15,7 @@ import '../FluidTextInput/FluidTextInput.Skeleton.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { WarningFilled, WarningAltFilled } from '@carbon/icons-react';
 
-const FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTimePicker(_ref, ref) {
+const FluidTimePicker = /*#__PURE__*/React.forwardRef(function FluidTimePicker(_ref, ref) {
   let {
     className,
     children,
@@ -30,7 +30,7 @@ const FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTim
   const prefix = usePrefix();
   const classNames = cx(className, {
     [`${prefix}--time-picker--fluid`]: true,
-    [`${prefix}--time-picker--equal-width`]: React__default.Children.toArray(children).length !== 2,
+    [`${prefix}--time-picker--equal-width`]: React.Children.toArray(children).length !== 2,
     [`${prefix}--time-picker--fluid--disabled`]: disabled,
     [`${prefix}--time-picker--fluid--invalid`]: invalid,
     [`${prefix}--time-picker--fluid--warning`]: warn
@@ -46,34 +46,34 @@ const FluidTimePicker = /*#__PURE__*/React__default.forwardRef(function FluidTim
   const error = invalid || warn;
   const childrenWithProps = () => {
     if (disabled) {
-      return React__default.Children.toArray(children).map(child => /*#__PURE__*/React__default.cloneElement(child, {
+      return React.Children.toArray(children).map(child => /*#__PURE__*/React.cloneElement(child, {
         disabled: true
       }));
     }
     if (readOnly) {
-      return React__default.Children.toArray(children).map(child => /*#__PURE__*/React__default.cloneElement(child, {
+      return React.Children.toArray(children).map(child => /*#__PURE__*/React.cloneElement(child, {
         readOnly: true
       }));
     }
     return children;
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: classNames
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--time-picker--fluid__wrapper`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--time-picker__input`
-  }, /*#__PURE__*/React__default.createElement(FluidTextInput, _extends({
+  }, /*#__PURE__*/React.createElement(FluidTextInput, _extends({
     ref: ref,
     readOnly: readOnly,
     disabled: disabled
-  }, other))), childrenWithProps()), error && /*#__PURE__*/React__default.createElement("hr", {
+  }, other))), childrenWithProps()), error && /*#__PURE__*/React.createElement("hr", {
     className: `${prefix}--time-picker__divider`
-  }), error && /*#__PURE__*/React__default.createElement("div", {
+  }), error && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
-  }, errorText()), error && invalid ? /*#__PURE__*/React__default.createElement(WarningFilled, {
+  }, errorText()), error && invalid ? /*#__PURE__*/React.createElement(WarningFilled, {
     className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--invalid`
-  }) : /*#__PURE__*/React__default.createElement(WarningAltFilled, {
+  }) : /*#__PURE__*/React.createElement(WarningAltFilled, {
     className: `${prefix}--time-picker__icon ${prefix}--time-picker__icon--warn`
   }));
 });

package/es/components/FluidTimePickerSelect/FluidTimePickerSelect.js

@@ -6,18 +6,18 @@
  */
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import FluidSelect from '../FluidSelect/FluidSelect.js';
 import '../FluidSelect/FluidSelect.Skeleton.js';
 
-const FluidTimePickerSelect = /*#__PURE__*/React__default.forwardRef(function FluidTimePickerSelect(_ref, ref) {
+const FluidTimePickerSelect = /*#__PURE__*/React.forwardRef(function FluidTimePickerSelect(_ref, ref) {
   let {
     children,
     className,
     ...other
   } = _ref;
-  return /*#__PURE__*/React__default.createElement(FluidSelect, _extends({
+  return /*#__PURE__*/React.createElement(FluidSelect, _extends({
     className: className,
     ref: ref
   }, other), children);

package/es/components/Form/Form.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';
 
@@ -19,7 +19,7 @@ function Form(_ref) {
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--form`, className);
-  return /*#__PURE__*/React__default.createElement("form", _extends({
+  return /*#__PURE__*/React.createElement("form", _extends({
     className: classNames
   }, other), children);
 }

package/es/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/es/components/FormGroup/FormGroup.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';
 
@@ -25,7 +25,7 @@ const FormGroup = _ref => {
   } = _ref;
   const prefix = usePrefix();
   const classNamesFieldset = cx(`${prefix}--fieldset`, className);
-  return /*#__PURE__*/React__default.createElement("fieldset", _extends({
+  return /*#__PURE__*/React.createElement("fieldset", _extends({
     disabled: disabled
   }, invalid && {
     'data-invalid': ''
@@ -33,10 +33,10 @@ const FormGroup = _ref => {
     className: classNamesFieldset
   }, rest, {
     "aria-labelledby": rest['aria-labelledby'] || legendId
-  }), /*#__PURE__*/React__default.createElement("legend", {
+  }), /*#__PURE__*/React.createElement("legend", {
     className: `${prefix}--label`,
     id: legendId || rest['aria-labelledby']
-  }, legendText), children, message ? /*#__PURE__*/React__default.createElement("div", {
+  }, legendText), children, message ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form__requirements`
   }, messageText) : null);
 };

package/es/components/FormItem/FormItem.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';
 
@@ -19,7 +19,7 @@ function FormItem(_ref) {
   } = _ref;
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--form-item`, className);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({
     className: classNames
   }, rest), children);
 }

package/es/components/FormLabel/FormLabel.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';
@@ -22,7 +22,7 @@ function FormLabel(_ref) {
   } = _ref;
   const prefix = usePrefix();
   const className = cx(`${prefix}--label`, `${prefix}--label--no-margin`, customClassName);
-  return /*#__PURE__*/React__default.createElement(Text, _extends({
+  return /*#__PURE__*/React.createElement(Text, _extends({
     as: "label",
     htmlFor: id,
     className: className

package/es/components/Grid/CSSGrid.js

@@ -8,11 +8,11 @@
 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 { useGridSettings, GridSettings } from './GridContext.js';
 
-const CSSGrid = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+const CSSGrid = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     align,
     as,
@@ -34,10 +34,10 @@ const CSSGrid = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     mode = 'condensed';
   }
   if (subgrid) {
-    return /*#__PURE__*/React__default.createElement(GridSettings, {
+    return /*#__PURE__*/React.createElement(GridSettings, {
       mode: "css-grid",
       subgrid: true
-    }, /*#__PURE__*/React__default.createElement(Subgrid, _extends({
+    }, /*#__PURE__*/React.createElement(Subgrid, _extends({
       ref: ref,
       as: as,
       className: customClassName,
@@ -55,10 +55,10 @@ const CSSGrid = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
 
   // cast as any to let TypeScript allow passing in attributes to base component
   const BaseComponent = as || 'div';
-  return /*#__PURE__*/React__default.createElement(GridSettings, {
+  return /*#__PURE__*/React.createElement(GridSettings, {
     mode: "css-grid",
     subgrid: true
-  }, /*#__PURE__*/React__default.createElement(BaseComponent, _extends({
+  }, /*#__PURE__*/React.createElement(BaseComponent, _extends({
     className: className,
     ref: ref
   }, rest), children));
@@ -95,7 +95,7 @@ CSSGrid.propTypes = {
    */
   narrow: PropTypes.bool
 };
-const Subgrid = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
+const Subgrid = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
     as,
     className: customClassName,
@@ -111,7 +111,7 @@ const Subgrid = /*#__PURE__*/React__default.forwardRef((_ref2, ref) => {
     [`${prefix}--subgrid--wide`]: mode === 'wide'
   });
   const BaseComponent = as || 'div';
-  return /*#__PURE__*/React__default.createElement(BaseComponent, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, rest, {
     ref: ref,
     className: className
   }), children);