@carbon/react 1.86.0 → 1.87.0

package/lib/components/RadioButtonGroup/RadioButtonGroup.js

@@ -22,13 +22,7 @@ var useId = require('../../internal/useId.js');
 var index = require('../AILabel/index.js');
 var utils = require('../../internal/utils.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 RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
+const RadioButtonGroup = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
     children,
     className,
@@ -65,7 +59,7 @@ const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((prop
     setPrevValueSelected(valueSelected);
   }
   function getRadioButtons() {
-    const mappedChildren = React__default["default"].Children.map(children, radioButton => {
+    const mappedChildren = React.Children.map(children, radioButton => {
       if (!radioButton) {
         return;
       }
@@ -80,7 +74,7 @@ const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((prop
       if (!selected && radioButton.props.checked) {
         newProps.checked = true;
       }
-      return /*#__PURE__*/React__default["default"].cloneElement(radioButton, newProps);
+      return /*#__PURE__*/React.cloneElement(radioButton, newProps);
     });
     return mappedChildren;
   }
@@ -94,8 +88,8 @@ const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((prop
   }
   const showWarning = !readOnly && !invalid && warn;
   const showHelper = !invalid && !disabled && !warn;
-  const wrapperClasses = cx__default["default"](`${prefix}--form-item`, className);
-  const fieldsetClasses = cx__default["default"](`${prefix}--radio-button-group`, {
+  const wrapperClasses = cx(`${prefix}--form-item`, className);
+  const fieldsetClasses = cx(`${prefix}--radio-button-group`, {
     [`${prefix}--radio-button-group--${orientation}`]: orientation === 'vertical',
     [`${prefix}--radio-button-group--label-${labelPosition}`]: labelPosition,
     [`${prefix}--radio-button-group--readonly`]: readOnly,
@@ -104,11 +98,11 @@ const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((prop
     [`${prefix}--radio-button-group--slug`]: slug,
     [`${prefix}--radio-button-group--decorator`]: decorator
   });
-  const helperClasses = cx__default["default"](`${prefix}--form__helper-text`, {
+  const helperClasses = cx(`${prefix}--form__helper-text`, {
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
   const helperId = !helperText ? undefined : `radio-button-group-helper-text-${radioButtonGroupInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React.createElement("div", {
     id: helperId,
     className: helperClasses
   }, helperText) : null;
@@ -121,27 +115,27 @@ const RadioButtonGroup = /*#__PURE__*/React__default["default"].forwardRef((prop
     size: 'mini',
     kind: 'default'
   }) : null;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: wrapperClasses,
-    ref: mergeRefs["default"](divRef, ref)
-  }, /*#__PURE__*/React__default["default"].createElement("fieldset", _rollupPluginBabelHelpers["extends"]({
+    ref: mergeRefs.default(divRef, ref)
+  }, /*#__PURE__*/React.createElement("fieldset", _rollupPluginBabelHelpers.extends({
     className: fieldsetClasses,
     disabled: disabled,
     "data-invalid": invalid ? true : undefined,
     "aria-describedby": showHelper && helperText ? helperId : undefined
-  }, rest), legendText && /*#__PURE__*/React__default["default"].createElement(index$1.Legend, {
+  }, rest), legendText && /*#__PURE__*/React.createElement(index$1.Legend, {
     className: `${prefix}--label`
-  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, legendText, slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--radio-button-group-inner--decorator`
-  }, normalizedDecorator) : ''), getRadioButtons()), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, normalizedDecorator) : ''), getRadioButtons()), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--radio-button__validation-msg`
-  }, !readOnly && invalid && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningFilled, {
+  }, !readOnly && invalid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningFilled, {
     className: `${prefix}--radio-button__invalid-icon`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
-  }, invalidText)), showWarning && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(iconsReact.WarningAltFilled, {
+  }, invalidText)), showWarning && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(iconsReact.WarningAltFilled, {
     className: `${prefix}--radio-button__invalid-icon ${prefix}--radio-button__invalid-icon--warning`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--form-requirement`
   }, warnText))), showHelper && helper);
 });
@@ -149,82 +143,82 @@ RadioButtonGroup.propTypes = {
   /**
    * Provide a collection of `<RadioButton>` components to render in the group
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a decorator component to be rendered inside the `RadioButtonGroup` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify the `<RadioButton>` to be selected by default
    */
-  defaultSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  defaultSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the group is disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide text that is used alongside the control label for additional help
    */
-  helperText: PropTypes__default["default"].node,
+  helperText: PropTypes.node,
   /**
    * Specify whether the control is currently invalid
    */
-  invalid: PropTypes__default["default"].bool,
+  invalid: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in an invalid state
    */
-  invalidText: PropTypes__default["default"].node,
+  invalidText: PropTypes.node,
   /**
    * Provide where label text should be placed
    */
-  labelPosition: PropTypes__default["default"].oneOf(['left', 'right']),
+  labelPosition: PropTypes.oneOf(['left', 'right']),
   /**
    * Provide a legend to the RadioButtonGroup input that you are
    * exposing to the user
    */
-  legendText: PropTypes__default["default"].node,
+  legendText: PropTypes.node,
   /**
    * Specify the name of the underlying `<input>` nodes
    */
-  name: PropTypes__default["default"].string.isRequired,
+  name: PropTypes.string.isRequired,
   /**
    * Provide an optional `onChange` hook that is called whenever the value of
    * the group changes
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Provide where radio buttons should be placed
    */
-  orientation: PropTypes__default["default"].oneOf(['horizontal', 'vertical']),
+  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
   /**
    * Whether the RadioButtonGroup should be read-only
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * `true` to specify if radio selection in group is required.
    */
-  required: PropTypes__default["default"].bool,
+  required: PropTypes.bool,
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `RadioButtonGroup` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop has been deprecated and will be removed in the next major version. Use the decorator prop instead.'),
   /**
    * Specify the value that is currently selected in the group
    */
-  valueSelected: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  valueSelected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the control is currently in warning state
    */
-  warn: PropTypes__default["default"].bool,
+  warn: PropTypes.bool,
   /**
    * Provide the text that is displayed when the control is in warning state
    */
-  warnText: PropTypes__default["default"].node
+  warnText: PropTypes.node
 };
 RadioButtonGroup.displayName = 'RadioButtonGroup';
 
-exports["default"] = RadioButtonGroup;
+exports.default = RadioButtonGroup;

package/lib/components/RadioTile/RadioTile.js

@@ -26,14 +26,8 @@ var index$1 = require('../AILabel/index.js');
 var utils = require('../../internal/utils.js');
 var Text = require('../Text/Text.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);
-
 var _RadioButtonChecked, _RadioButton, _CheckmarkFilled;
-const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function RadioTile({
+const RadioTile = /*#__PURE__*/React.forwardRef(function RadioTile({
   children,
   className: customClassName,
   decorator,
@@ -52,7 +46,7 @@ const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Rad
 }, ref) {
   const prefix = usePrefix.usePrefix();
   const inputId = useId.useFallbackId(id);
-  const className = cx__default["default"](customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {
+  const className = cx(customClassName, `${prefix}--tile`, `${prefix}--tile--selectable`, `${prefix}--tile--radio`, {
     [`${prefix}--tile--is-selected`]: checked,
     [`${prefix}--tile--light`]: light,
     [`${prefix}--tile--disabled`]: disabled,
@@ -65,12 +59,12 @@ const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Rad
   function icon() {
     if (v12TileRadioIcons) {
       if (checked) {
-        return _RadioButtonChecked || (_RadioButtonChecked = /*#__PURE__*/React__default["default"].createElement(iconsReact.RadioButtonChecked, null));
+        return _RadioButtonChecked || (_RadioButtonChecked = /*#__PURE__*/React.createElement(iconsReact.RadioButtonChecked, null));
       } else {
-        return _RadioButton || (_RadioButton = /*#__PURE__*/React__default["default"].createElement(iconsReact.RadioButton, null));
+        return _RadioButton || (_RadioButton = /*#__PURE__*/React.createElement(iconsReact.RadioButton, null));
       }
     } else {
-      return _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckmarkFilled, null));
+      return _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React.createElement(iconsReact.CheckmarkFilled, null));
     }
   }
   function handleOnChange(evt) {
@@ -89,7 +83,7 @@ const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Rad
   const normalizedDecorator = candidateIsAILabel ? /*#__PURE__*/React.cloneElement(candidate, {
     size: 'xs'
   }) : null;
-  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("input", {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
     checked: checked,
     className: `${prefix}--tile-input`,
     disabled: disabled,
@@ -102,14 +96,14 @@ const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Rad
     value: value,
     ref: ref,
     required: required
-  }), /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }), /*#__PURE__*/React.createElement("label", _rollupPluginBabelHelpers.extends({}, rest, {
     htmlFor: inputId,
     className: className
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--tile__checkmark`
-  }, icon()), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, icon()), /*#__PURE__*/React.createElement(Text.Text, {
     className: `${prefix}--tile-content`
-  }, children), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, children), slug ? normalizedDecorator : decorator ? /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--tile--inner-decorator`
   }, normalizedDecorator) : ''));
 });
@@ -118,62 +112,62 @@ RadioTile.propTypes = {
   /**
    * Specify whether the `RadioTile` should be checked.
    */
-  checked: PropTypes__default["default"].bool,
+  checked: PropTypes.bool,
   /**
    * The `RadioTile` content.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Provide an optional `className` to be applied to the underlying `<label>`.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * **Experimental**: Provide a `decorator` component to be rendered inside the `RadioTile` component
    */
-  decorator: PropTypes__default["default"].node,
+  decorator: PropTypes.node,
   /**
    * Specify whether the `RadioTile` should be disabled.
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify if the `ExpandableTile` component should be rendered with rounded corners.
    * Only valid when `slug` prop is present
    */
-  hasRoundedCorners: PropTypes__default["default"].bool,
+  hasRoundedCorners: PropTypes.bool,
   /**
    * Provide a unique id for the underlying `<input>`.
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * `true` to use the light version. For use on `$layer-01` backgrounds only.
    * Don't use this to make tile background color same as container background color.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `RadioTile` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `RadioTile` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be removed in the next major release.'),
   /**
    * Provide a `name` for the underlying `<input>`.
    */
-  name: PropTypes__default["default"].string,
+  name: PropTypes.string,
   /**
    * Provide an optional `onChange` hook that is called each time the value of
    * the underlying `<input>` changes.
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * `true` to specify if the control is required.
    */
-  required: PropTypes__default["default"].bool,
+  required: PropTypes.bool,
   /**
    * **Experimental**: Provide a `Slug` component to be rendered inside the `RadioTile` component
    */
-  slug: deprecate.deprecate(PropTypes__default["default"].node, 'The `slug` prop for `RadioTile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
+  slug: deprecate.deprecate(PropTypes.node, 'The `slug` prop for `RadioTile` has ' + 'been deprecated in favor of the new `decorator` prop. It will be removed in the next major release.'),
   /**
    * Specify the tab index of the underlying `<input>`.
    */
-  tabIndex: PropTypes__default["default"].number,
+  tabIndex: PropTypes.number,
   /**
    * Specify the value of the underlying `<input>`.
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
 };
 
-exports["default"] = RadioTile;
+exports.default = RadioTile;

package/lib/components/RadioTile/index.js

@@ -13,5 +13,5 @@ var RadioTile = require('./RadioTile.js');
 
 
 
-exports.RadioTile = RadioTile["default"];
-exports["default"] = RadioTile["default"];
+exports.RadioTile = RadioTile.default;
+exports.default = RadioTile.default;

package/lib/components/Search/Search.Skeleton.js

@@ -15,28 +15,22 @@ 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 SearchSkeleton = ({
   small = false,
   className,
   ...rest
 }) => {
   const prefix = usePrefix.usePrefix();
-  const searchClasses = cx__default["default"](className, {
+  const searchClasses = cx(className, {
     [`${prefix}--skeleton`]: true,
     [`${prefix}--search--xl`]: !small,
     [`${prefix}--search--sm`]: small
   });
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: searchClasses
-  }, rest), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, rest), /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--label`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--search-input`
   }));
 };
@@ -44,12 +38,12 @@ SearchSkeleton.propTypes = {
   /**
    * Specify an optional className to add.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the Search should be a small variant
    */
-  small: PropTypes__default["default"].bool
+  small: PropTypes.bool
 };
 
 exports.SearchSkeleton = SearchSkeleton;
-exports["default"] = SearchSkeleton;
+exports.default = SearchSkeleton;

package/lib/components/Search/Search.js

@@ -25,14 +25,8 @@ require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var noopFn = require('../../internal/noopFn.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);
-
 var _Close;
-const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search({
+const Search = /*#__PURE__*/React.forwardRef(function Search({
   autoComplete = 'off',
   className,
   closeButtonLabelText = 'Clear search input',
@@ -68,7 +62,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
   const searchId = `${uniqueId}-search`;
   const [hasContent, setHasContent] = React.useState(hasPropValue || false);
   const [prevValue, setPrevValue] = React.useState(value);
-  const searchClasses = cx__default["default"]({
+  const searchClasses = cx({
     [`${prefix}--search`]: true,
     [`${prefix}--search--sm`]: size === 'sm',
     [`${prefix}--search--md`]: size === 'md',
@@ -77,7 +71,7 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
     [`${prefix}--search--disabled`]: disabled,
     [`${prefix}--search--fluid`]: isFluid
   }, className);
-  const clearClasses = cx__default["default"]({
+  const clearClasses = cx({
     [`${prefix}--search-close`]: true,
     [`${prefix}--search-close--hidden`]: !hasContent || !isExpanded
   });
@@ -139,11 +133,11 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
       }
     }
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     role: "search",
     "aria-label": placeholder,
     className: searchClasses
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     "aria-labelledby": onExpand ? searchId : undefined,
     role: onExpand ? 'button' : undefined,
     className: `${prefix}--search-magnifier`,
@@ -153,13 +147,13 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
     ref: expandButtonRef,
     "aria-expanded": onExpand && isExpanded ? true : onExpand && !isExpanded ? false : undefined,
     "aria-controls": onExpand ? uniqueId : undefined
-  }, /*#__PURE__*/React__default["default"].createElement(CustomSearchIcon, {
+  }, /*#__PURE__*/React.createElement(CustomSearchIcon, {
     icon: renderIcon
-  })), /*#__PURE__*/React__default["default"].createElement("label", {
+  })), /*#__PURE__*/React.createElement("label", {
     id: searchId,
     htmlFor: uniqueId,
     className: `${prefix}--label`
-  }, labelText), /*#__PURE__*/React__default["default"].createElement("input", _rollupPluginBabelHelpers["extends"]({
+  }, labelText), /*#__PURE__*/React.createElement("input", _rollupPluginBabelHelpers.extends({
     autoComplete: autoComplete,
     className: `${prefix}--search-input`,
     defaultValue: defaultValue,
@@ -173,14 +167,14 @@ const Search = /*#__PURE__*/React__default["default"].forwardRef(function Search
     type: type,
     value: value,
     tabIndex: onExpand && !isExpanded ? -1 : undefined
-  }, rest)), /*#__PURE__*/React__default["default"].createElement("button", {
+  }, rest)), /*#__PURE__*/React.createElement("button", {
     "aria-label": closeButtonLabelText,
     className: clearClasses,
     disabled: disabled,
     onClick: clearInput,
     title: closeButtonLabelText,
     type: "button"
-  }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null))));
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, null))));
 });
 Search.displayName = 'Search';
 Search.propTypes = {
@@ -188,92 +182,92 @@ Search.propTypes = {
    * Specify an optional value for the `autocomplete` property on the underlying
    * `<input>`, defaults to "off"
    */
-  autoComplete: PropTypes__default["default"].string,
+  autoComplete: PropTypes.string,
   /**
    * Specify an optional className to be applied to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify a label to be read by screen readers on the "close" button
    */
-  closeButtonLabelText: PropTypes__default["default"].string,
+  closeButtonLabelText: PropTypes.string,
   /**
    * Optionally provide the default value of the `<input>`
    */
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]),
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   /**
    * Specify whether the `<input>` should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify a custom `id` for the input
    */
-  id: PropTypes__default["default"].string,
+  id: PropTypes.string,
   /**
    * Specify whether or not ExpandableSearch should render expanded or not
    */
-  isExpanded: PropTypes__default["default"].bool,
+  isExpanded: PropTypes.bool,
   /**
    * Provide the label text for the Search icon
    */
-  labelText: PropTypes__default["default"].node.isRequired,
+  labelText: PropTypes.node.isRequired,
   /**
    * Specify light version or default version of this control
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `Search` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `Search` is no longer needed and has ' + 'been deprecated in v11 in favor of the new `Layer` component. It will be moved in the next major release.'),
   /**
    * Optional callback called when the search value changes.
    */
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Optional callback called when the search value is cleared.
    */
-  onClear: PropTypes__default["default"].func,
+  onClear: PropTypes.func,
   /**
    * Optional callback called when the magnifier icon is clicked in ExpandableSearch.
    */
-  onExpand: PropTypes__default["default"].func,
+  onExpand: PropTypes.func,
   /**
    * Provide a handler that is invoked on the key down event for the input
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * Provide an optional placeholder text for the Search.
    * Note: if the label and placeholder differ,
    * VoiceOver on Mac will read both
    */
-  placeholder: PropTypes__default["default"].string,
+  placeholder: PropTypes.string,
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Specify the role for the underlying `<input>`, defaults to `searchbox`
    */
-  role: PropTypes__default["default"].string,
+  role: PropTypes.string,
   /**
    * Specify the size of the Search
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Optional prop to specify the type of the `<input>`
    */
-  type: PropTypes__default["default"].string,
+  type: PropTypes.string,
   /**
    * Specify the value of the `<input>`
    */
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
 };
 function CustomSearchIcon({
   icon: Icon
 }) {
   const prefix = usePrefix.usePrefix();
   if (Icon) {
-    return /*#__PURE__*/React__default["default"].createElement(Icon, {
+    return /*#__PURE__*/React.createElement(Icon, {
       className: `${prefix}--search-magnifier-icon`
     });
   }
-  return /*#__PURE__*/React__default["default"].createElement(iconsReact.Search, {
+  return /*#__PURE__*/React.createElement(iconsReact.Search, {
     className: `${prefix}--search-magnifier-icon`
   });
 }
@@ -281,7 +275,7 @@ CustomSearchIcon.propTypes = {
   /**
    * Rendered icon for the Search. Can be a React component class
    */
-  icon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
+  icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
 
-exports["default"] = Search;
+exports.default = Search;

package/lib/components/Search/index.js

@@ -14,6 +14,6 @@ var Search_Skeleton = require('./Search.Skeleton.js');
 
 
 
-exports.Search = Search["default"];
-exports["default"] = Search["default"];
-exports.SearchSkeleton = Search_Skeleton["default"];
+exports.Search = Search.default;
+exports.default = Search.default;
+exports.SearchSkeleton = Search_Skeleton.default;

package/lib/components/SecondaryButton/SecondaryButton.js

@@ -14,12 +14,8 @@ var React = require('react');
 var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const SecondaryButton = props => /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({
+const SecondaryButton = props => /*#__PURE__*/React.createElement(Button.default, _rollupPluginBabelHelpers.extends({
   kind: "secondary"
 }, props));
 
-exports["default"] = SecondaryButton;
+exports.default = SecondaryButton;