@carbon/react 1.86.0 → 1.87.0

package/lib/components/Slider/index.js

@@ -13,8 +13,8 @@ var Slider$1 = require('./Slider.js');
 var createClassWrapper = require('../../internal/createClassWrapper.js');
 var Slider_Skeleton = require('./Slider.Skeleton.js');
 
-const Slider = createClassWrapper.createClassWrapper(Slider$1["default"]);
+const Slider = createClassWrapper.createClassWrapper(Slider$1.default);
 
-exports.SliderSkeleton = Slider_Skeleton["default"];
+exports.SliderSkeleton = Slider_Skeleton.default;
 exports.Slider = Slider;
-exports["default"] = Slider;
+exports.default = Slider;

package/lib/components/Stack/HStack.js

@@ -7,18 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Stack = require('./Stack.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const HStack = /*#__PURE__*/React.forwardRef((props, ref) => {
-  return /*#__PURE__*/React__default["default"].createElement(Stack.Stack, _rollupPluginBabelHelpers["extends"]({}, props, {
+  return /*#__PURE__*/React.createElement(Stack.Stack, _rollupPluginBabelHelpers.extends({}, props, {
     ref: ref,
     orientation: "horizontal"
   }));

package/lib/components/Stack/Stack.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var cx = require('classnames');
@@ -16,12 +14,6 @@ var PropTypes = require('prop-types');
 var layout = require('@carbon/layout');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 /**
  * The steps in the spacing scale
  */
@@ -55,7 +47,7 @@ const Stack = /*#__PURE__*/React.forwardRef((props, ref) => {
     ...rest
   } = props;
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](customClassName, {
+  const className = cx(customClassName, {
     [`${prefix}--stack-${orientation}`]: true,
     [`${prefix}--stack-scale-${gap}`]: typeof gap === 'number'
   });
@@ -68,7 +60,7 @@ const Stack = /*#__PURE__*/React.forwardRef((props, ref) => {
   return (
     /*#__PURE__*/
     // eslint-disable-next-line react/forbid-component-props
-    React__default["default"].createElement(BaseComponent, _rollupPluginBabelHelpers["extends"]({}, rest, {
+    React.createElement(BaseComponent, _rollupPluginBabelHelpers.extends({}, rest, {
       ref: ref,
       className: className,
       style: style
@@ -80,27 +72,27 @@ Stack.propTypes = {
    * Provide a custom element type to render as the outermost element in
    * the Stack component. By default, this component will render a `div`.
    */
-  as: PropTypes__default["default"].elementType,
+  as: PropTypes.elementType,
   /**
    * Provide the elements that will be rendered as children inside of the Stack
    * component. These elements will have having spacing between them according
    * to the `step` and `orientation` prop
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide a custom class name to be used by the outermost element rendered by
    * Stack
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Provide either a custom value or a step from the spacing scale to be used
    * as the gap in the layout
    */
-  gap: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].oneOf(SPACING_STEPS)]),
+  gap: PropTypes.oneOfType([PropTypes.string, PropTypes.oneOf(SPACING_STEPS)]),
   /**
    * Specify the orientation of them items in the Stack
    */
-  orientation: PropTypes__default["default"].oneOf(['horizontal', 'vertical'])
+  orientation: PropTypes.oneOf(['horizontal', 'vertical'])
 };
 
 exports.Stack = Stack;

package/lib/components/Stack/VStack.js

@@ -7,18 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var Stack = require('./Stack.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const VStack = /*#__PURE__*/React.forwardRef((props, ref) => {
-  return /*#__PURE__*/React__default["default"].createElement(Stack.Stack, _rollupPluginBabelHelpers["extends"]({}, props, {
+  return /*#__PURE__*/React.createElement(Stack.Stack, _rollupPluginBabelHelpers.extends({}, props, {
     ref: ref,
     orientation: "vertical"
   }));

package/lib/components/StructuredList/StructuredList.Skeleton.js

@@ -15,12 +15,6 @@ 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);
-
 var _span, _span2, _span3;
 function StructuredListSkeleton({
   rowCount = 5,
@@ -28,30 +22,30 @@ function StructuredListSkeleton({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--skeleton`, `${prefix}--structured-list`, className);
-  const rows = new Array(rowCount).fill(null).map((_, i) => /*#__PURE__*/React__default["default"].createElement("div", {
+  const classNames = cx(`${prefix}--skeleton`, `${prefix}--structured-list`, className);
+  const rows = new Array(rowCount).fill(null).map((_, i) => /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-row`,
     key: i
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-td`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-td`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-td`
   })));
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classNames
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-thead`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-row ${prefix}--structured-list-row--header-row`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-th`
-  }, _span || (_span = /*#__PURE__*/React__default["default"].createElement("span", null))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, _span || (_span = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-th`
-  }, _span2 || (_span2 = /*#__PURE__*/React__default["default"].createElement("span", null))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, _span2 || (_span2 = /*#__PURE__*/React.createElement("span", null))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-th`
-  }, _span3 || (_span3 = /*#__PURE__*/React__default["default"].createElement("span", null))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, _span3 || (_span3 = /*#__PURE__*/React.createElement("span", null))))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--structured-list-tbody`
   }, rows));
 }
@@ -59,11 +53,11 @@ StructuredListSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * number of table rows
    */
-  rowCount: PropTypes__default["default"].number
+  rowCount: PropTypes.number
 };
 
-exports["default"] = StructuredListSkeleton;
+exports.default = StructuredListSkeleton;

package/lib/components/StructuredList/StructuredList.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var PropTypes = require('prop-types');
@@ -21,15 +19,9 @@ var iconsReact = require('@carbon/icons-react');
 var useOutsideClick = require('../../internal/useOutsideClick.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _StructuredListCell;
-const GridSelectedRowStateContext = /*#__PURE__*/React__default["default"].createContext(null);
-const GridSelectedRowDispatchContext = /*#__PURE__*/React__default["default"].createContext(null);
+const GridSelectedRowStateContext = /*#__PURE__*/React.createContext(null);
+const GridSelectedRowDispatchContext = /*#__PURE__*/React.createContext(null);
 function StructuredListWrapper(props) {
   const {
     children,
@@ -43,17 +35,17 @@ function StructuredListWrapper(props) {
     ...other
   } = props;
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](`${prefix}--structured-list`, {
+  const classes = cx(`${prefix}--structured-list`, {
     [`${prefix}--structured-list--selection`]: selection,
     [`${prefix}--structured-list--condensed`]: isCondensed,
     [`${prefix}--structured-list--flush`]: isFlush && !selection
   }, className);
-  const [selectedRow, setSelectedRow] = React__default["default"].useState(null);
-  return /*#__PURE__*/React__default["default"].createElement(GridSelectedRowStateContext.Provider, {
+  const [selectedRow, setSelectedRow] = React.useState(null);
+  return /*#__PURE__*/React.createElement(GridSelectedRowStateContext.Provider, {
     value: selectedRow
-  }, /*#__PURE__*/React__default["default"].createElement(GridSelectedRowDispatchContext.Provider, {
+  }, /*#__PURE__*/React.createElement(GridSelectedRowDispatchContext.Provider, {
     value: setSelectedRow
-  }, /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     role: "table",
     className: classes
   }, other, {
@@ -64,32 +56,32 @@ StructuredListWrapper.propTypes = {
   /**
    * Specify a label to be read by screen readers on the container node
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify a label to be read by screen readers on the container note.
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Provide the contents of your StructuredListWrapper
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify if structured list is condensed, default is false
    */
-  isCondensed: PropTypes__default["default"].bool,
+  isCondensed: PropTypes.bool,
   /**
    * Specify if structured list is flush, not valid for selection variant, default is false
    */
-  isFlush: PropTypes__default["default"].bool,
+  isFlush: PropTypes.bool,
   /**
    * Specify whether your StructuredListWrapper should have selections
    */
-  selection: PropTypes__default["default"].bool
+  selection: PropTypes.bool
 };
 function StructuredListHead(props) {
   const {
@@ -98,8 +90,8 @@ function StructuredListHead(props) {
     ...other
   } = props;
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](`${prefix}--structured-list-thead`, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const classes = cx(`${prefix}--structured-list-thead`, className);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     role: "rowgroup",
     className: classes
   }, other), children);
@@ -108,11 +100,11 @@ StructuredListHead.propTypes = {
   /**
    * Provide the contents of your StructuredListHead
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the node
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 function StructuredListBody(props) {
   const {
@@ -121,8 +113,8 @@ function StructuredListBody(props) {
     ...other
   } = props;
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](`${prefix}--structured-list-tbody`, className);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  const classes = cx(`${prefix}--structured-list-tbody`, className);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classes,
     role: "rowgroup"
   }, other), children);
@@ -131,18 +123,18 @@ StructuredListBody.propTypes = {
   /**
    * Provide the contents of your StructuredListBody
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
-  head: PropTypes__default["default"].bool,
+  className: PropTypes.string,
+  head: PropTypes.bool,
   /**
    * Provide a handler that is invoked on the key down event for the control
    */
-  onKeyDown: PropTypes__default["default"].func
+  onKeyDown: PropTypes.func
 };
-const GridRowContext = /*#__PURE__*/React__default["default"].createContext(null);
+const GridRowContext = /*#__PURE__*/React.createContext(null);
 function StructuredListRow(props) {
   const {
     onKeyDown,
@@ -155,13 +147,13 @@ function StructuredListRow(props) {
   } = props;
   const [hasFocusWithin, setHasFocusWithin] = React.useState(false);
   const id = useId.useId('grid-input');
-  const selectedRow = React__default["default"].useContext(GridSelectedRowStateContext);
-  const setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
+  const selectedRow = React.useContext(GridSelectedRowStateContext);
+  const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
   const prefix = usePrefix.usePrefix();
   const value = {
     id
   };
-  const classes = cx__default["default"](`${prefix}--structured-list-row`, {
+  const classes = cx(`${prefix}--structured-list-row`, {
     [`${prefix}--structured-list-row--header-row`]: head,
     [`${prefix}--structured-list-row--focused-within`]: hasFocusWithin && !selection || hasFocusWithin && selection && (selectedRow === id || selectedRow === null),
     // Ensure focus on the first item when navigating through Tab keys and no row is selected (selectedRow === null)
@@ -172,16 +164,16 @@ function StructuredListRow(props) {
     setHasFocusWithin(false);
   };
   useOutsideClick.useOutsideClick(itemRef, handleClick);
-  return head ? /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return head ? /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     role: "row"
   }, other, {
     className: classes
-  }), selection && (_StructuredListCell || (_StructuredListCell = /*#__PURE__*/React__default["default"].createElement(StructuredListCell, {
+  }), selection && (_StructuredListCell || (_StructuredListCell = /*#__PURE__*/React.createElement(StructuredListCell, {
     head: true
   }))), children) :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/interactive-supports-focus
-  React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, other, {
+  React.createElement("div", _rollupPluginBabelHelpers.extends({}, other, {
     role: "row",
     className: classes,
     ref: itemRef,
@@ -200,11 +192,11 @@ function StructuredListRow(props) {
       setHasFocusWithin(false);
     },
     onKeyDown: onKeyDown
-  }), /*#__PURE__*/React__default["default"].createElement(GridRowContext.Provider, {
+  }), /*#__PURE__*/React.createElement(GridRowContext.Provider, {
     value: value
-  }, selection && /*#__PURE__*/React__default["default"].createElement(StructuredListCell, null, selectedRow === id ? /*#__PURE__*/React__default["default"].createElement(iconsReact.RadioButtonChecked, {
+  }, selection && /*#__PURE__*/React.createElement(StructuredListCell, null, selectedRow === id ? /*#__PURE__*/React.createElement(iconsReact.RadioButtonChecked, {
     className: `${prefix}--structured-list__icon`
-  }) : /*#__PURE__*/React__default["default"].createElement(iconsReact.RadioButton, {
+  }) : /*#__PURE__*/React.createElement(iconsReact.RadioButton, {
     className: `${prefix}--structured-list__icon`
   })), children));
 }
@@ -212,31 +204,31 @@ StructuredListRow.propTypes = {
   /**
    * Provide the contents of your StructuredListRow
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether your StructuredListRow should be used as a header row
    */
-  head: PropTypes__default["default"].bool,
+  head: PropTypes.bool,
   /**
    * Specify whether a `<label>` should be used
    */
-  label: deprecate.deprecate(PropTypes__default["default"].bool, `\nThe \`label\` prop is no longer needed and will be removed in the next major version of Carbon.`),
+  label: deprecate.deprecate(PropTypes.bool, `\nThe \`label\` prop is no longer needed and will be removed in the next major version of Carbon.`),
   /**
    * Provide a handler that is invoked on the click
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Provide a handler that is invoked on the key down event for the control,
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * Mark if this row should be selectable
    */
-  selection: PropTypes__default["default"].bool
+  selection: PropTypes.bool
 };
 function StructuredListInput(props) {
   const defaultId = useId.useId('structureListInput');
@@ -249,11 +241,11 @@ function StructuredListInput(props) {
     ...other
   } = props;
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](`${prefix}--structured-list-input`, `${prefix}--visually-hidden`, className);
-  const row = React__default["default"].useContext(GridRowContext);
-  const selectedRow = React__default["default"].useContext(GridSelectedRowStateContext);
-  const setSelectedRow = React__default["default"].useContext(GridSelectedRowDispatchContext);
-  return /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({}, other, {
+  const classes = cx(`${prefix}--structured-list-input`, `${prefix}--visually-hidden`, className);
+  const row = React.useContext(GridRowContext);
+  const selectedRow = React.useContext(GridSelectedRowStateContext);
+  const setSelectedRow = React.useContext(GridSelectedRowDispatchContext);
+  return /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({}, other, {
     type: "radio",
     tabIndex: 0,
     checked: !!row && row.id === selectedRow,
@@ -272,31 +264,31 @@ StructuredListInput.propTypes = {
   /**
    * Specify an optional className to be applied to the input
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the underlying input should be checked by default
    */
-  defaultChecked: deprecate.deprecate(PropTypes__default["default"].bool, `\nThe prop \`defaultChecked\` is no longer needed and will be removed in the next major version of Carbon.`),
+  defaultChecked: deprecate.deprecate(PropTypes.bool, `\nThe prop \`defaultChecked\` is no longer needed and will be removed in the next major version of Carbon.`),
   /**
    * Specify a custom `id` for the input
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Provide a `name` for the input
    */
-  name: PropTypes__default["default"].string,
+  name: PropTypes.string,
   /**
    * Provide an optional hook that is called each time the input is updated
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Provide a `title` for the input
    */
-  title: PropTypes__default["default"].string,
+  title: PropTypes.string,
   /**
    * Specify the value of the input
    */
-  value: deprecate.deprecate(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired, `\nThe prop \`value\` will be removed in the next major version of Carbon.`)
+  value: deprecate.deprecate(PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired, `\nThe prop \`value\` will be removed in the next major version of Carbon.`)
 };
 function StructuredListCell(props) {
   const {
@@ -307,18 +299,18 @@ function StructuredListCell(props) {
     ...other
   } = props;
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"]({
+  const classes = cx({
     [`${prefix}--structured-list-th`]: head,
     [`${prefix}--structured-list-td`]: !head,
     [`${prefix}--structured-list-content--nowrap`]: noWrap
   }, className);
   if (head) {
-    return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
+    return /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
       className: classes,
       role: "columnheader"
     }, other), children);
   }
-  return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
     as: "div",
     className: classes,
     role: "cell"
@@ -328,19 +320,19 @@ StructuredListCell.propTypes = {
   /**
    * Provide the contents of your StructuredListCell
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether your StructuredListCell should be used as a header cell
    */
-  head: PropTypes__default["default"].bool,
+  head: PropTypes.bool,
   /**
    * Specify whether your StructuredListCell should have text wrapping
    */
-  noWrap: PropTypes__default["default"].bool
+  noWrap: PropTypes.bool
 };
 
 exports.StructuredListBody = StructuredListBody;

package/lib/components/Switch/IconSwitch.d.ts

@@ -0,0 +1,3 @@
+export default IconSwitch;
+declare const IconSwitch: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from 'react';

package/lib/components/Switch/IconSwitch.js

@@ -16,14 +16,8 @@ var cx = require('classnames');
 var index = require('../IconButton/index.js');
 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 noopFn = () => {};
-const IconSwitch = /*#__PURE__*/React__default["default"].forwardRef(function Switch(props, tabRef) {
+const IconSwitch = /*#__PURE__*/React.forwardRef(function Switch(props, tabRef) {
   const {
     align,
     children,
@@ -65,10 +59,10 @@ const IconSwitch = /*#__PURE__*/React__default["default"].forwardRef(function Sw
   const handleMouseLeave = () => {
     setIsHovered(false);
   };
-  const classes = cx__default["default"](className, `${prefix}--content-switcher-btn`, {
+  const classes = cx(className, `${prefix}--content-switcher-btn`, {
     [`${prefix}--content-switcher--selected`]: selected
   });
-  const iconButtonClasses = cx__default["default"](`${prefix}--content-switcher-popover__wrapper`, {
+  const iconButtonClasses = cx(`${prefix}--content-switcher-popover__wrapper`, {
     [`${prefix}--content-switcher-popover--selected`]: selected,
     [`${prefix}--content-switcher-popover--disabled`]: disabled
   });
@@ -82,7 +76,7 @@ const IconSwitch = /*#__PURE__*/React__default["default"].forwardRef(function Sw
     leaveDelayMs,
     size
   };
-  return /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(index.IconButton, _rollupPluginBabelHelpers.extends({
     label: text,
     type: "button",
     ref: tabRef,
@@ -102,59 +96,58 @@ IconSwitch.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: PropTypes__default["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
+  align: PropTypes.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'right']),
   /**
    * Provide child elements to be rendered inside of the Switch
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be added to your Switch
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether or not the Switch should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify the duration in milliseconds to delay before displaying the tooltip
    */
-  enterDelayMs: PropTypes__default["default"].number,
+  enterDelayMs: PropTypes.number,
   /**
    * The index of your Switch in your ContentSwitcher that is used for event handlers.
    * Reserved for usage in ContentSwitcher
    */
-  index: PropTypes__default["default"].number,
+  index: PropTypes.number,
   /**
    * Specify the duration in milliseconds to delay before hiding the tooltip
    */
-  leaveDelayMs: PropTypes__default["default"].number,
+  leaveDelayMs: PropTypes.number,
   /**
    * Provide the name of your Switch that is used for event handlers
    */
-  name: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  name: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * A handler that is invoked when a user clicks on the control.
    * Reserved for usage in ContentSwitcher
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * A handler that is invoked on the key down event for the control.
    * Reserved for usage in ContentSwitcher
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * Whether your Switch is selected. Reserved for usage in ContentSwitcher
    */
-  selected: PropTypes__default["default"].bool,
+  selected: PropTypes.bool,
   /**
    * Passed in from `ContentSwitcher` to render icon-only variant
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Provide the visible text displayed by the Tooltip
    */
-  text: PropTypes__default["default"].string
+  text: PropTypes.string
 };
-var IconSwitch$1 = IconSwitch;
 
-exports["default"] = IconSwitch$1;
+exports.default = IconSwitch;