@carbon/react 1.83.0-rc.0 → 1.83.0

package/es/components/DataTable/TableExpandHeader.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import { ChevronRight } from '@carbon/icons-react';
 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';
 import requiredIfGivenPropIsTruthy from '../../prop-types/requiredIfGivenPropIsTruthy.js';
@@ -32,12 +32,12 @@ const TableExpandHeader = _ref => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--table-expand`, headerClassName);
   const previousValue = isExpanded ? 'collapsed' : undefined;
-  return /*#__PURE__*/React__default.createElement("th", _extends({
+  return /*#__PURE__*/React.createElement("th", _extends({
     scope: "col",
     className: className,
     "data-previous-value": previousValue,
     id: id
-  }, rest), enableExpando || enableToggle ? /*#__PURE__*/React__default.createElement("button", {
+  }, rest), enableExpando || enableToggle ? /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: `${prefix}--table-expand__button`,
     onClick: onExpand,
@@ -45,7 +45,7 @@ const TableExpandHeader = _ref => {
     "aria-label": deprecatedAriaLabel || ariaLabel,
     "aria-expanded": isExpanded,
     "aria-controls": ariaControls
-  }, /*#__PURE__*/React__default.createElement(ChevronRight, {
+  }, /*#__PURE__*/React.createElement(ChevronRight, {
     className: `${prefix}--table-expand__svg`,
     "aria-label": expandIconDescription
   })) : null, children);

package/es/components/DataTable/TableExpandRow.js

@@ -8,12 +8,12 @@
 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 { ChevronRight } from '@carbon/icons-react';
 import TableCell from './TableCell.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
-const TableExpandRow = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
+const TableExpandRow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     ['aria-controls']: ariaControls,
     ['aria-label']: ariaLabel,
@@ -31,7 +31,7 @@ const TableExpandRow = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
 
   // We need to put the AILabel and Decorator before the expansion arrow and all other table cells after the arrow.
   let rowHasAILabel;
-  const decorator = React__default.Children.toArray(children).map(child => {
+  const decorator = React.Children.toArray(children).map(child => {
     if (child.type?.displayName === 'TableSlugRow' || child.type?.displayName === 'TableDecoratorRow') {
       if (child.props.slug || child.props.decorator?.type.displayName === 'AILabel') {
         rowHasAILabel = true;
@@ -39,7 +39,7 @@ const TableExpandRow = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
       return child;
     }
   });
-  const normalizedChildren = React__default.Children.toArray(children).map(child => {
+  const normalizedChildren = React.Children.toArray(children).map(child => {
     if (child.type?.displayName !== 'TableSlugRow' && child.type?.displayName !== 'TableDecoratorRow') {
       return child;
     }
@@ -51,15 +51,15 @@ const TableExpandRow = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     [`${prefix}--data-table--slug-row ${prefix}--data-table--ai-label-row`]: rowHasAILabel
   }, rowClassName);
   const previousValue = isExpanded ? 'collapsed' : undefined;
-  return /*#__PURE__*/React__default.createElement("tr", _extends({}, rest, {
+  return /*#__PURE__*/React.createElement("tr", _extends({}, rest, {
     ref: ref,
     className: className,
     "data-parent-row": true
-  }), decorator, /*#__PURE__*/React__default.createElement(TableCell, {
+  }), decorator, /*#__PURE__*/React.createElement(TableCell, {
     className: `${prefix}--table-expand`,
     "data-previous-value": previousValue,
     headers: expandHeader
-  }, /*#__PURE__*/React__default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: `${prefix}--table-expand__button`,
     onClick: onExpand,
@@ -67,7 +67,7 @@ const TableExpandRow = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     "aria-label": deprecatedAriaLabel || ariaLabel,
     "aria-expanded": isExpanded,
     "aria-controls": ariaControls
-  }, /*#__PURE__*/React__default.createElement(ChevronRight, {
+  }, /*#__PURE__*/React.createElement(ChevronRight, {
     className: `${prefix}--table-expand__svg`,
     "aria-label": expandIconDescription
   }))), normalizedChildren);

package/es/components/DataTable/TableExpandedRow.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 TableExpandedRowProps extends ReactAttr<HTMLTableRowElement> {
+import { type HTMLAttributes } from 'react';
+export interface TableExpandedRowProps extends HTMLAttributes<HTMLTableRowElement> {
     /**
      * The width of the expanded row's internal cell
      */

package/es/components/DataTable/TableExpandedRow.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 } from 'react';
+import React, { useRef } from 'react';
 import TableCell from './TableCell.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 
@@ -32,16 +32,16 @@ const TableExpandedRow = _ref => {
       }
     }
   };
-  return /*#__PURE__*/React__default.createElement("tr", _extends({
+  return /*#__PURE__*/React.createElement("tr", _extends({
     ref: rowRef,
     onMouseEnter: () => toggleParentHoverClass('enter'),
     onMouseLeave: () => toggleParentHoverClass('leave')
   }, rest, {
     className: className,
     "data-child-row": true
-  }), /*#__PURE__*/React__default.createElement(TableCell, {
+  }), /*#__PURE__*/React.createElement(TableCell, {
     colSpan: colSpan
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--child-row-inner-container`
   }, children)));
 };

package/es/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<any>;
+declare const TableHead: (props: import("react").HTMLAttributes<"thead">) => React.ReactElement<any>;
 export default TableHead;

package/es/components/DataTable/TableHeader.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 React, { type MouseEventHandler, ReactNode } from 'react';
+import React, { type HTMLAttributes, type MouseEventHandler, type ReactNode } from 'react';
 import { sortStates } from './state/sorting';
-import { TranslateWithId, ReactAttr } from '../../types/common';
+import { TranslateWithId } from '../../types/common';
 import { DataTableSortState } from './state/sortStates';
 export type TableHeaderTranslationKey = 'carbon.table.header.icon.description';
 export interface TableHeaderTranslationArgs {
@@ -15,7 +15,7 @@ export interface TableHeaderTranslationArgs {
     sortDirection?: DataTableSortState;
     sortStates: typeof sortStates;
 }
-export interface TableHeaderProps extends ReactAttr<HTMLTableCellElement & HTMLButtonElement>, TranslateWithId<TableHeaderTranslationKey, {
+export interface TableHeaderProps extends HTMLAttributes<HTMLTableCellElement & HTMLButtonElement>, TranslateWithId<TableHeaderTranslationKey, {
     header: any;
     sortDirection: any;
     isSortHeader: any;

package/es/components/DataTable/TableHeader.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 } from 'react';
+import React, { useRef } from 'react';
 import { ArrowUp, ArrowsVertical } from '@carbon/icons-react';
 import './state/sorting.js';
 import { useId } from '../../internal/useId.js';
@@ -41,7 +41,7 @@ const sortDirections = {
   [sortStates.ASC]: 'ascending',
   [sortStates.DESC]: 'descending'
 };
-const TableHeader = /*#__PURE__*/React__default.forwardRef(function TableHeader(_ref, ref) {
+const TableHeader = /*#__PURE__*/React.forwardRef(function TableHeader(_ref, ref) {
   let {
     className: headerClassName,
     children,
@@ -63,10 +63,10 @@ const TableHeader = /*#__PURE__*/React__default.forwardRef(function TableHeader(
   // AILabel is always size `mini`
   const AILableRef = useRef(null);
   let colHasAILabel;
-  let normalizedDecorator = /*#__PURE__*/React__default.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
+  let normalizedDecorator = /*#__PURE__*/React.isValidElement(slug ?? decorator) ? slug ?? decorator : null;
   if (normalizedDecorator && normalizedDecorator['type']?.displayName === 'AILabel') {
     colHasAILabel = true;
-    normalizedDecorator = /*#__PURE__*/React__default.cloneElement(normalizedDecorator, {
+    normalizedDecorator = /*#__PURE__*/React.cloneElement(normalizedDecorator, {
       size: 'mini',
       ref: AILableRef
     });
@@ -77,15 +77,15 @@ const TableHeader = /*#__PURE__*/React__default.forwardRef(function TableHeader(
     [`${prefix}--table-header-label--decorator`]: decorator
   });
   if (!isSortable) {
-    return /*#__PURE__*/React__default.createElement("th", _extends({}, rest, {
+    return /*#__PURE__*/React.createElement("th", _extends({}, rest, {
       id: id,
       className: headerClassName,
       scope: scope,
       colSpan: colSpan,
       ref: ref
-    }), children ? /*#__PURE__*/React__default.createElement("div", {
+    }), children ? /*#__PURE__*/React.createElement("div", {
       className: headerLabelClassNames
-    }, children, /*#__PURE__*/React__default.createElement("div", {
+    }, children, /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--table-header-label--decorator-inner`
     }, normalizedDecorator)) : null);
   }
@@ -112,32 +112,32 @@ const TableHeader = /*#__PURE__*/React__default.forwardRef(function TableHeader(
       return onClick(evt);
     }
   };
-  return /*#__PURE__*/React__default.createElement("th", {
+  return /*#__PURE__*/React.createElement("th", {
     id: id,
     "aria-sort": ariaSort,
     className: headerClasses,
     colSpan: colSpan,
     ref: ref,
     scope: scope
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--table-sort__description`,
     id: uniqueId
-  }, sortDescription), /*#__PURE__*/React__default.createElement("button", _extends({
+  }, sortDescription), /*#__PURE__*/React.createElement("button", _extends({
     type: "button",
     "aria-describedby": uniqueId,
     className: className,
     onClick: handleClick
-  }, rest), /*#__PURE__*/React__default.createElement("span", {
+  }, rest), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--table-sort__flex`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--table-header-label`
-  }, children), /*#__PURE__*/React__default.createElement(ArrowUp, {
+  }, children), /*#__PURE__*/React.createElement(ArrowUp, {
     size: 20,
     className: `${prefix}--table-sort__icon`
-  }), /*#__PURE__*/React__default.createElement(ArrowsVertical, {
+  }), /*#__PURE__*/React.createElement(ArrowsVertical, {
     size: 20,
     className: `${prefix}--table-sort__icon-unsorted`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--table-header-label--decorator-inner`
   }, normalizedDecorator))));
 });

package/es/components/DataTable/TableRow.d.ts

@@ -1,12 +1,11 @@
 /**
- * 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 interface TableRowProps extends ReactAttr<HTMLTableRowElement> {
+import React, { type HTMLAttributes } from 'react';
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
     /**
      * Specify an optional className to be applied to the container node
      */

package/es/components/DataTable/TableRow.js

@@ -6,16 +6,16 @@
  */
 
 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 { usePrefix } from '../../internal/usePrefix.js';
 
-const TableRow = /*#__PURE__*/React__default.forwardRef((props, ref) => {
+const TableRow = /*#__PURE__*/React.forwardRef((props, ref) => {
   const prefix = usePrefix();
   let rowHasAILabel;
   if (props?.children) {
-    React__default.Children.toArray(props.children).map(child => {
+    React.Children.toArray(props.children).map(child => {
       if (child.type?.displayName === 'TableSlugRow' || child.type?.displayName === 'TableDecoratorRow') {
         if (child.props.slug || child.props.decorator?.type.displayName === 'AILabel') {
           rowHasAILabel = true;
@@ -41,7 +41,7 @@ const TableRow = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   if (className) {
     cleanProps.className = className;
   }
-  return /*#__PURE__*/React__default.createElement("tr", _extends({
+  return /*#__PURE__*/React.createElement("tr", _extends({
     ref: ref
   }, cleanProps));
 });

package/es/components/DataTable/TableSelectAll.js

@@ -6,7 +6,7 @@
  */
 
 import PropTypes from 'prop-types';
-import React__default from 'react';
+import React from 'react';
 import InlineCheckbox from '../InlineCheckbox/InlineCheckbox.js';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
@@ -25,11 +25,11 @@ const TableSelectAll = _ref => {
     className
   } = _ref;
   const prefix = usePrefix();
-  return /*#__PURE__*/React__default.createElement("th", {
+  return /*#__PURE__*/React.createElement("th", {
     "aria-live": "off",
     scope: "col",
     className: cx(`${prefix}--table-column-checkbox`, className)
-  }, /*#__PURE__*/React__default.createElement(InlineCheckbox, {
+  }, /*#__PURE__*/React.createElement(InlineCheckbox, {
     "aria-label": ariaLabel || deprecatedAriaLabel,
     checked: checked,
     id: id,

package/es/components/DataTable/TableSelectRow.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 InlineCheckbox from '../InlineCheckbox/InlineCheckbox.js';
 import RadioButton from '../RadioButton/RadioButton.js';
@@ -51,14 +51,14 @@ const TableSelectRow = _ref => {
     }),
     [`${prefix}--table-column-radio`]: radio
   });
-  return /*#__PURE__*/React__default.createElement("td", {
+  return /*#__PURE__*/React.createElement("td", {
     className: tableSelectRowClasses,
     "aria-live": "off"
-  }, radio ? /*#__PURE__*/React__default.createElement(RadioButton, _extends({}, selectionInputProps, {
+  }, radio ? /*#__PURE__*/React.createElement(RadioButton, _extends({}, selectionInputProps, {
     labelText: labelValue,
     onChange: handleRadioChange,
     hideLabel: true
-  })) : /*#__PURE__*/React__default.createElement(InlineCheckbox, _extends({}, selectionInputProps, {
+  })) : /*#__PURE__*/React.createElement(InlineCheckbox, _extends({}, selectionInputProps, {
     "aria-label": labelValue,
     onChange: handleCheckboxChange
   })));

package/es/components/DataTable/TableSlugRow.js

@@ -6,7 +6,7 @@
  */
 
 import PropTypes from 'prop-types';
-import React__default, { useEffect } from 'react';
+import React, { useEffect } from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix.js';
 import deprecateComponent from '../../prop-types/deprecateComponent.js';
@@ -31,11 +31,11 @@ const TableSlugRow = _ref => {
   // Slug is always size `mini`
   let normalizedSlug;
   if (slug) {
-    normalizedSlug = /*#__PURE__*/React__default.cloneElement(slug, {
+    normalizedSlug = /*#__PURE__*/React.cloneElement(slug, {
       size: 'mini'
     });
   }
-  return /*#__PURE__*/React__default.createElement("td", {
+  return /*#__PURE__*/React.createElement("td", {
     className: TableSlugRowClasses
   }, normalizedSlug);
 };

package/es/components/DataTable/TableToolbar.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';
 
@@ -25,7 +25,7 @@ const TableToolbar = _ref => {
     [`${prefix}--table-toolbar`]: true,
     [`${prefix}--table-toolbar--${size}`]: size
   });
-  return /*#__PURE__*/React__default.createElement("section", _extends({
+  return /*#__PURE__*/React.createElement("section", _extends({
     "aria-label": deprecatedAriaLabel || ariaLabel
   }, rest, {
     className: className

package/es/components/DataTable/TableToolbarAction.js

@@ -7,7 +7,7 @@
 
 import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
-import React__default, { forwardRef } from 'react';
+import React, { forwardRef } from 'react';
 import OverflowMenuItem from '../OverflowMenuItem/OverflowMenuItem.js';
 
 const frFn = forwardRef;
@@ -16,7 +16,7 @@ const TableToolbarAction = frFn((props, ref) => {
     children,
     ...rest
   } = props;
-  return /*#__PURE__*/React__default.createElement(OverflowMenuItem, _extends({
+  return /*#__PURE__*/React.createElement(OverflowMenuItem, _extends({
     ref: ref,
     itemText: children
   }, rest));

package/es/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<any>;
+declare const TableToolbarContent: (props: import("react").HTMLAttributes<"div">) => React.ReactElement<any>;
 export default TableToolbarContent;

package/es/components/DataTable/TableToolbarMenu.js

@@ -9,7 +9,7 @@ import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js
 import { Settings } from '@carbon/icons-react';
 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 OverflowMenu from '../OverflowMenu/index.js';
 
@@ -26,7 +26,7 @@ const TableToolbarMenu = _ref => {
   const prefix = usePrefix();
   const toolbarActionClasses = cx(className, `${prefix}--toolbar-action ${prefix}--overflow-menu`);
   const menuOptionsClasses = cx(menuOptionsClass, `${prefix}--toolbar-action__menu`);
-  return /*#__PURE__*/React__default.createElement(OverflowMenu, _extends({
+  return /*#__PURE__*/React.createElement(OverflowMenu, _extends({
     "aria-label": iconDescription,
     renderIcon: renderIcon,
     className: toolbarActionClasses,

package/es/components/DataTable/TableToolbarSearch.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, useEffect } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import Search from '../Search/Search.js';
 import '../Search/Search.Skeleton.js';
 import { useId } from '../../internal/useId.js';
@@ -97,7 +97,7 @@ const TableToolbarSearch = _ref => {
   };
   const handleOnFocus = event => handleExpand(event, true);
   const handleOnBlur = event => !value && handleExpand(event, false);
-  return /*#__PURE__*/React__default.createElement(Search, _extends({
+  return /*#__PURE__*/React.createElement(Search, _extends({
     disabled: disabled,
     className: searchClasses,
     value: value,

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

package/es/components/DataTableSkeleton/DataTableSkeleton.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';
 
@@ -37,34 +37,34 @@ const DataTableSkeleton = _ref => {
     length: columnCount
   }, (_, index) => index);
   for (let i = 0; i < rowRepeat; i++) {
-    rows[i] = /*#__PURE__*/React__default.createElement("tr", {
+    rows[i] = /*#__PURE__*/React.createElement("tr", {
       key: i
-    }, columnsArray.map(j => /*#__PURE__*/React__default.createElement("td", {
+    }, columnsArray.map(j => /*#__PURE__*/React.createElement("td", {
       key: j
-    }, _span || (_span = /*#__PURE__*/React__default.createElement("span", null)))));
+    }, _span || (_span = /*#__PURE__*/React.createElement("span", null)))));
   }
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--skeleton ${prefix}--data-table-container`
-  }, showHeader ? /*#__PURE__*/React__default.createElement("div", {
+  }, showHeader ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--data-table-header`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--data-table-header__title`
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--data-table-header__description`
-  })) : null, showToolbar ? /*#__PURE__*/React__default.createElement("section", {
+  })) : null, showToolbar ? /*#__PURE__*/React.createElement("section", {
     "aria-label": "data table toolbar",
     className: `${prefix}--table-toolbar`
-  }, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--toolbar-content`
-  }, /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--skeleton ${prefix}--btn ${prefix}--btn--sm`
-  }))) : null, /*#__PURE__*/React__default.createElement("table", _extends({
+  }))) : null, /*#__PURE__*/React.createElement("table", _extends({
     className: dataTableSkeletonClasses
-  }, rest), /*#__PURE__*/React__default.createElement("thead", null, /*#__PURE__*/React__default.createElement("tr", null, columnsArray.map(i => /*#__PURE__*/React__default.createElement("th", {
+  }, rest), /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, columnsArray.map(i => /*#__PURE__*/React.createElement("th", {
     key: i
-  }, headers ? /*#__PURE__*/React__default.createElement("div", {
+  }, headers ? /*#__PURE__*/React.createElement("div", {
     className: "cds--table-header-label"
-  }, headers[i]?.header) : _span2 || (_span2 = /*#__PURE__*/React__default.createElement("span", null)))))), /*#__PURE__*/React__default.createElement("tbody", null, rows)));
+  }, headers[i]?.header) : _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null)))))), /*#__PURE__*/React.createElement("tbody", null, rows)));
 };
 DataTableSkeleton.propTypes = {
   /**

package/es/components/DatePicker/DatePicker.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';
 
@@ -20,24 +20,24 @@ const DatePickerSkeleton = _ref => {
     ...rest
   } = _ref;
   const prefix = usePrefix();
-  const dateInput = /*#__PURE__*/React__default.createElement("div", {
+  const dateInput = /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker-container`
-  }, !hideLabel && /*#__PURE__*/React__default.createElement("span", {
+  }, !hideLabel && /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label`,
     id: id
-  }), /*#__PURE__*/React__default.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--date-picker__input ${prefix}--skeleton`
   }));
   if (range) {
-    return /*#__PURE__*/React__default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--form-item`
-    }, /*#__PURE__*/React__default.createElement("div", _extends({
+    }, /*#__PURE__*/React.createElement("div", _extends({
       className: cx(`${prefix}--date-picker`, `${prefix}--date-picker--range`, `${prefix}--skeleton`, className)
     }, rest), dateInput, dateInput));
   }
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-item`
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
+  }, /*#__PURE__*/React.createElement("div", _extends({
     className: cx(`${prefix}--date-picker`, `${prefix}--date-picker--short`, `${prefix}--date-picker--simple`, `${prefix}--skeleton`, className)
   }, rest), dateInput));
 };