@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/Grid/Column.js

@@ -17,10 +17,7 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var GridContext = require('./GridContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -33,16 +30,13 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var FeatureFlags__namespace = /*#__PURE__*/_interopNamespace(FeatureFlags);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var FeatureFlags__namespace = /*#__PURE__*/_interopNamespaceDefault(FeatureFlags);
 
-const Column = /*#__PURE__*/React__default["default"].forwardRef(({
+const Column = /*#__PURE__*/React.forwardRef(({
   as,
   children,
   className: customClassName,
@@ -59,7 +53,7 @@ const Column = /*#__PURE__*/React__default["default"].forwardRef(({
   const prefix = usePrefix.usePrefix();
   const BaseComponent = as || 'div';
   if (mode === 'css-grid') {
-    return /*#__PURE__*/React__default["default"].createElement(CSSGridColumn, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(CSSGridColumn, _rollupPluginBabelHelpers.extends({
       as: BaseComponent,
       className: customClassName,
       sm: sm,
@@ -71,37 +65,37 @@ const Column = /*#__PURE__*/React__default["default"].forwardRef(({
     }, rest), children);
   }
   const columnClassName = getClassNameForFlexGridBreakpoints([sm, md, lg, xlg, max], prefix);
-  const className = cx__default["default"](customClassName, columnClassName, {
+  const className = cx(customClassName, columnClassName, {
     [`${prefix}--col`]: columnClassName.length === 0
   });
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref
   }, rest), children);
 });
-const percentSpanType = PropTypes__default["default"].oneOf(['25%', '50%', '75%', '100%']);
-const spanPropType = FeatureFlags__namespace.enabled('enable-css-grid') ? PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].number, PropTypes__default["default"].shape({
-  span: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, percentSpanType]),
-  offset: PropTypes__default["default"].number,
-  start: PropTypes__default["default"].number,
-  end: PropTypes__default["default"].number
-}), percentSpanType]) : PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].number, PropTypes__default["default"].shape({
-  span: PropTypes__default["default"].number,
-  offset: PropTypes__default["default"].number
+const percentSpanType = PropTypes.oneOf(['25%', '50%', '75%', '100%']);
+const spanPropType = FeatureFlags__namespace.enabled('enable-css-grid') ? PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.shape({
+  span: PropTypes.oneOfType([PropTypes.number, percentSpanType]),
+  offset: PropTypes.number,
+  start: PropTypes.number,
+  end: PropTypes.number
+}), percentSpanType]) : PropTypes.oneOfType([PropTypes.bool, PropTypes.number, PropTypes.shape({
+  span: PropTypes.number,
+  offset: PropTypes.number
 })]);
 Column.propTypes = {
   /**
    * Provide a custom element to render instead of the default <div>
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   /**
    * Pass in content that will be rendered within the `Column`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a custom className to be applied to the `Column`
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify column span for the `lg` breakpoint (Default breakpoint up to 1312px)
    * This breakpoint supports 16 columns by default.
@@ -134,7 +128,7 @@ Column.propTypes = {
    * Specify constant column span, start, or end values that will not change
    * based on breakpoint
    */
-  span: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, percentSpanType]),
+  span: PropTypes.oneOfType([PropTypes.number, percentSpanType]),
   /**
    * Specify column span for the `xlg` breakpoint (Default breakpoint up to
    * 1584px) This breakpoint supports 16 columns by default.
@@ -143,7 +137,7 @@ Column.propTypes = {
    */
   xlg: spanPropType
 };
-const CSSGridColumn = /*#__PURE__*/React__default["default"].forwardRef(({
+const CSSGridColumn = /*#__PURE__*/React.forwardRef(({
   as: BaseComponent = 'div',
   children,
   className: containerClassName,
@@ -159,10 +153,10 @@ const CSSGridColumn = /*#__PURE__*/React__default["default"].forwardRef(({
   const prefix = usePrefix.usePrefix();
   const breakpointClassName = getClassNameForBreakpoints([sm, md, lg, xlg, max], prefix);
   const spanClassName = getClassNameForSpan(span, prefix);
-  const className = cx__default["default"](containerClassName, breakpointClassName, spanClassName, {
+  const className = cx(containerClassName, breakpointClassName, spanClassName, {
     [`${prefix}--css-grid-column`]: true
   });
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref
   }, rest), children);
@@ -171,15 +165,15 @@ CSSGridColumn.propTypes = {
   /**
    * Provide a custom element to render instead of the default <div>
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   /**
    * Pass in content that will be rendered within the `Column`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a custom className to be applied to the `Column`
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify column span for the `lg` breakpoint (Default breakpoint up to 1312px)
    * This breakpoint supports 16 columns by default.
@@ -212,10 +206,10 @@ CSSGridColumn.propTypes = {
    * Specify constant column span, start,  or end values that will not change
    * based on breakpoint
    */
-  span: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, percentSpanType, PropTypes__default["default"].shape({
-    span: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, percentSpanType]),
-    start: PropTypes__default["default"].number,
-    end: PropTypes__default["default"].number
+  span: PropTypes.oneOfType([PropTypes.number, percentSpanType, PropTypes.shape({
+    span: PropTypes.oneOfType([PropTypes.number, percentSpanType]),
+    start: PropTypes.number,
+    end: PropTypes.number
   })]),
   /**
    * Specify column span for the `xlg` breakpoint (Default breakpoint up to
@@ -371,4 +365,4 @@ function getClassNameForSpan(value, prefix) {
   return classNames.join('');
 }
 
-exports["default"] = Column;
+exports.default = Column;

package/lib/components/Grid/ColumnHang.js

@@ -7,20 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 /**
  * Helper component for rendering content that hangs on the column. Useful when
  * trying to align content across different gutter modes
@@ -32,10 +24,10 @@ function ColumnHang({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](customClassName, `${prefix}--grid-column-hang`);
+  const className = cx(customClassName, `${prefix}--grid-column-hang`);
   // cast as any to let TypeScript allow passing in attributes to base component
   const BaseComponentAsAny = BaseComponent;
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponentAsAny, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({}, rest, {
     className: className
   }), children);
 }
@@ -43,15 +35,15 @@ ColumnHang.propTypes = {
   /**
    * Provide a custom element to render instead of the default <div>
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   /**
    * Pass in content that will be rendered within the `Grid`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a custom className to be applied to the `Grid`
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 const ColumnHangComponent = ColumnHang;
 

package/lib/components/Grid/FlexGrid.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
@@ -16,13 +14,7 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var GridContext = require('./GridContext.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const FlexGrid = /*#__PURE__*/React__default["default"].forwardRef(({
+const FlexGrid = /*#__PURE__*/React.forwardRef(({
   as,
   condensed = false,
   narrow = false,
@@ -32,7 +24,7 @@ const FlexGrid = /*#__PURE__*/React__default["default"].forwardRef(({
   ...rest
 }, ref) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](containerClassName, {
+  const className = cx(containerClassName, {
     [`${prefix}--grid`]: true,
     [`${prefix}--grid--condensed`]: condensed,
     [`${prefix}--grid--narrow`]: narrow,
@@ -40,10 +32,10 @@ const FlexGrid = /*#__PURE__*/React__default["default"].forwardRef(({
   });
   // cast as any to let TypeScript allow passing in attributes to base component
   const BaseComponent = as || 'div';
-  return /*#__PURE__*/React__default["default"].createElement(GridContext.GridSettings, {
+  return /*#__PURE__*/React.createElement(GridContext.GridSettings, {
     mode: "flexbox",
     subgrid: false
-  }, /*#__PURE__*/React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({
     className: className,
     ref: ref
   }, rest), children));
@@ -52,29 +44,29 @@ FlexGrid.propTypes = {
   /**
    * Provide a custom element to render instead of the default <div>
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   /**
    * Pass in content that will be rendered within the `FlexGrid`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a custom className to be applied to the `FlexGrid`
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Collapse the gutter to 1px. Useful for fluid layouts.
    * Rows have 1px of margin between them to match gutter.
    */
-  condensed: PropTypes__default["default"].bool,
+  condensed: PropTypes.bool,
   /**
    * Remove the default max width that the grid has set
    */
-  fullWidth: PropTypes__default["default"].bool,
+  fullWidth: PropTypes.bool,
   /**
    * Container hangs 16px into the gutter. Useful for
    * typographic alignment with and without containers.
    */
-  narrow: PropTypes__default["default"].bool
+  narrow: PropTypes.bool
 };
 const FlexGridComponent = FlexGrid;
 

package/lib/components/Grid/Grid.js

@@ -7,57 +7,50 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PropTypes = require('prop-types');
 var React = require('react');
 var index = require('../FeatureFlags/index.js');
 var CSSGrid = require('./CSSGrid.js');
 var FlexGrid = require('./FlexGrid.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);
-
 function Grid(props) {
   const enableCSSGrid = index.useFeatureFlag('enable-css-grid');
   if (enableCSSGrid) {
-    return /*#__PURE__*/React__default["default"].createElement(CSSGrid.CSSGrid, props);
+    return /*#__PURE__*/React.createElement(CSSGrid.CSSGrid, props);
   }
-  return /*#__PURE__*/React__default["default"].createElement(FlexGrid.FlexGrid, props);
+  return /*#__PURE__*/React.createElement(FlexGrid.FlexGrid, props);
 }
 Grid.propTypes = {
   /**
    * Specify grid alignment. Default is center
    */
-  align: PropTypes__default["default"].oneOf(['start', 'center', 'end']),
+  align: PropTypes.oneOf(['start', 'center', 'end']),
   /**
    * Provide a custom element to render instead of the default <div>
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   /**
    * Pass in content that will be rendered within the `Grid`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a custom className to be applied to the `Grid`
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Collapse the gutter to 1px. Useful for fluid layouts.
    * Rows have 1px of margin between them to match gutter.
    */
-  condensed: PropTypes__default["default"].bool,
+  condensed: PropTypes.bool,
   /**
    * Remove the default max width that the grid has set
    */
-  fullWidth: PropTypes__default["default"].bool,
+  fullWidth: PropTypes.bool,
   /**
    * Container hangs 16px into the gutter. Useful for
    * typographic alignment with and without containers.
    */
-  narrow: PropTypes__default["default"].bool
+  narrow: PropTypes.bool
 };
 const GridAsGridComponent = Grid;
 

package/lib/components/Grid/GridContext.js

@@ -7,21 +7,14 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PropTypes = require('prop-types');
 var React = require('react');
 
-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);
-
 /**
  * Provides a grid context for communication the grid "mode" (flexbox or
  * css-grid) along with subgrid information.
  */
-const GridSettingsContext = /*#__PURE__*/React__default["default"].createContext({
+const GridSettingsContext = /*#__PURE__*/React.createContext({
   mode: 'flexbox',
   subgrid: false
 });
@@ -30,13 +23,13 @@ const GridSettings = ({
   mode,
   subgrid = false
 }) => {
-  const value = React__default["default"].useMemo(() => {
+  const value = React.useMemo(() => {
     return {
       mode,
       subgrid
     };
   }, [mode, subgrid]);
-  return /*#__PURE__*/React__default["default"].createElement(GridSettingsContext.Provider, {
+  return /*#__PURE__*/React.createElement(GridSettingsContext.Provider, {
     value: value
   }, children);
 };
@@ -46,22 +39,22 @@ GridSettings.propTypes = {
    * Pass in components which will be rendered within the `GridSettings`
    * component
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify the gutter mode for the GridContext
    */
-  mode: PropTypes__default["default"].oneOf(gridModes).isRequired,
+  mode: PropTypes.oneOf(gridModes).isRequired,
   /**
    * Specify whether subgrid should be enabled
    */
-  subgrid: PropTypes__default["default"].bool
+  subgrid: PropTypes.bool
 };
 
 /**
  * Helper function for accessing the GridContext value
  */
 const useGridSettings = () => {
-  return React__default["default"].useContext(GridSettingsContext);
+  return React.useContext(GridSettingsContext);
 };
 
 exports.GridSettings = GridSettings;

package/lib/components/Grid/Row.js

@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 function Row({
   as: BaseComponent = 'div',
   condensed = false,
@@ -30,14 +24,14 @@ function Row({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](containerClassName, {
+  const className = cx(containerClassName, {
     [`${prefix}--row`]: true,
     [`${prefix}--row--condensed`]: condensed,
     [`${prefix}--row--narrow`]: narrow
   });
   // TypeScript type validation reports conflicts on different instances of keyof JSX.IntrinsicElements
   const BaseComponentAsAny = BaseComponent;
-  return /*#__PURE__*/React__default["default"].createElement(BaseComponentAsAny, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
     className: className
   }, rest), children);
 }
@@ -45,25 +39,25 @@ Row.propTypes = {
   /**
    * Provide a custom element to render instead of the default <div>
    */
-  as: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].elementType]),
+  as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
   /**
    * Pass in content that will be rendered within the `Row`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a custom className to be applied to the `Row`
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify a single row as condensed.Rows that are adjacent
    * and are condensed will have 2px of margin between them to match gutter.
    */
-  condensed: PropTypes__default["default"].bool,
+  condensed: PropTypes.bool,
   /**
    * Specify a single row as narrow. The container will hang
    * 16px into the gutter.
    */
-  narrow: PropTypes__default["default"].bool
+  narrow: PropTypes.bool
 };
 
-exports["default"] = Row;
+exports.default = Row;

package/lib/components/Heading/index.js

@@ -7,29 +7,22 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
 
-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);
-
-const HeadingContext = /*#__PURE__*/React__default["default"].createContext(1);
-const Section = /*#__PURE__*/React__default["default"].forwardRef(function Section({
+const HeadingContext = /*#__PURE__*/React.createContext(1);
+const Section = /*#__PURE__*/React.forwardRef(function Section({
   as: BaseComponent = 'section',
   level: levelOverride,
   ...rest
 }, ref) {
-  const parentLevel = React__default["default"].useContext(HeadingContext);
+  const parentLevel = React.useContext(HeadingContext);
   const level = levelOverride ?? parentLevel + 1;
   const BaseComponentAsAny = BaseComponent;
-  return /*#__PURE__*/React__default["default"].createElement(HeadingContext.Provider, {
+  return /*#__PURE__*/React.createElement(HeadingContext.Provider, {
     value: Math.min(level, 6)
-  }, /*#__PURE__*/React__default["default"].createElement(BaseComponentAsAny, _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(BaseComponentAsAny, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, rest)));
 });
@@ -38,23 +31,23 @@ Section.propTypes = {
    * Provide an alternative tag or component to use instead of the default
    * <section> element
    */
-  as: PropTypes__default["default"].elementType,
+  as: PropTypes.elementType,
   /**
    * Specify the content that will be placed in the component
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a class name for the outermost node of the component
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Overrides the level of the section
    */
-  level: PropTypes__default["default"].number
+  level: PropTypes.number
 };
-const Heading = /*#__PURE__*/React__default["default"].forwardRef(function Heading(props, ref) {
-  const HeadingIntrinsic = `h${React__default["default"].useContext(HeadingContext)}`;
-  return /*#__PURE__*/React__default["default"].createElement(HeadingIntrinsic, _rollupPluginBabelHelpers["extends"]({
+const Heading = /*#__PURE__*/React.forwardRef(function Heading(props, ref) {
+  const HeadingIntrinsic = `h${React.useContext(HeadingContext)}`;
+  return /*#__PURE__*/React.createElement(HeadingIntrinsic, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, props));
 });
@@ -62,11 +55,11 @@ Heading.propTypes = {
   /**
    * Specify the content that will be placed in the component
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify a class name for the outermost node of the component
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
 exports.Heading = Heading;

package/lib/components/Icon/Icon.Skeleton.js

@@ -15,27 +15,21 @@ var React = require('react');
 var cx = require('classnames');
 var usePrefix = require('../../internal/usePrefix.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 IconSkeleton = ({
   className,
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"](`${prefix}--icon--skeleton`, className)
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
+    className: cx(`${prefix}--icon--skeleton`, className)
   }, rest));
 };
 IconSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
 exports.IconSkeleton = IconSkeleton;
-exports["default"] = IconSkeleton;
+exports.default = IconSkeleton;