@carbon/react 1.40.0 → 1.41.0

package/lib/components/OverflowMenu/OverflowMenu.js

@@ -22,6 +22,7 @@ var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 var index = require('../IconButton/index.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
+var noopFn = require('../../internal/noopFn.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -125,12 +126,15 @@ class OverflowMenu extends React.Component {
      */
     _rollupPluginBabelHelpers.defineProperty(this, "_triggerRef", /*#__PURE__*/React__default["default"].createRef());
     _rollupPluginBabelHelpers.defineProperty(this, "handleClick", evt => {
+      const {
+        onClick = noopFn.noopFn
+      } = this.props;
       evt.stopPropagation();
       if (!this._menuBody || !this._menuBody.contains(evt.target)) {
         this.setState({
           open: !this.state.open
         });
-        this.props.onClick(evt);
+        onClick(evt);
       }
     });
     _rollupPluginBabelHelpers.defineProperty(this, "closeMenuAndFocus", () => {
@@ -160,6 +164,9 @@ class OverflowMenu extends React.Component {
       }
     });
     _rollupPluginBabelHelpers.defineProperty(this, "closeMenu", onCloseMenu => {
+      const {
+        onClose = noopFn.noopFn
+      } = this.props;
       this.setState({
         open: false
       }, () => {
@@ -167,7 +174,7 @@ class OverflowMenu extends React.Component {
         if (onCloseMenu) {
           onCloseMenu();
         }
-        this.props.onClose();
+        onClose();
       });
     });
     _rollupPluginBabelHelpers.defineProperty(this, "focusMenuEl", () => {
@@ -232,6 +239,9 @@ class OverflowMenu extends React.Component {
      * @private
      */
     _rollupPluginBabelHelpers.defineProperty(this, "_handlePlace", menuBody => {
+      const {
+        onOpen = noopFn.noopFn
+      } = this.props;
       if (menuBody) {
         this._menuBody = menuBody;
         const hasFocusin = ('onfocusin' in window);
@@ -247,7 +257,7 @@ class OverflowMenu extends React.Component {
             }
           }
         }, !hasFocusin);
-        this.props.onOpen();
+        onOpen();
       }
     });
     /**
@@ -262,7 +272,7 @@ class OverflowMenu extends React.Component {
   }
   componentDidUpdate(_, prevState) {
     const {
-      onClose
+      onClose = noopFn.noopFn
     } = this.props;
     if (!this.state.open && prevState.open) {
       onClose();
@@ -299,23 +309,23 @@ class OverflowMenu extends React.Component {
     const prefix = this.context;
     const {
       id,
-      ['aria-label']: ariaLabel,
+      ['aria-label']: ariaLabel = null,
       ariaLabel: deprecatedAriaLabel,
       children,
-      iconDescription,
-      direction,
-      flipped,
-      focusTrap,
-      menuOffset,
-      menuOffsetFlip,
+      iconDescription = 'Options',
+      direction = FloatingMenu.DIRECTION_BOTTOM,
+      flipped = false,
+      focusTrap = true,
+      menuOffset = getMenuOffset,
+      menuOffsetFlip = getMenuOffset,
       iconClass,
-      onClick,
+      onClick = noopFn.noopFn,
       // eslint-disable-line
-      onOpen,
+      onOpen = noopFn.noopFn,
       // eslint-disable-line
       selectorPrimaryFocus = '[data-floating-menu-primary-focus]',
       // eslint-disable-line
-      renderIcon: IconElement,
+      renderIcon: IconElement = iconsReact.OverflowMenuVertical,
       // eslint-disable-next-line react/prop-types
       innerRef: ref,
       menuOptionsClass,
@@ -324,7 +334,7 @@ class OverflowMenu extends React.Component {
       ...other
     } = this.props;
     const {
-      open
+      open = false
     } = this.state;
     const overflowMenuClasses = cx__default["default"](this.props.className, `${prefix}--overflow-menu`, {
       [`${prefix}--overflow-menu--open`]: open,
@@ -380,7 +390,7 @@ class OverflowMenu extends React.Component {
     }, /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({}, other, {
       type: "button",
       "aria-haspopup": true,
-      "aria-expanded": this.state.open,
+      "aria-expanded": open,
       "aria-controls": open ? menuBodyId : null,
       className: overflowMenuClasses,
       onClick: this.handleClick,
@@ -428,7 +438,7 @@ _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "propTypes", {
   /**
    * The icon description.
    */
-  iconDescription: PropTypes__default["default"].string.isRequired,
+  iconDescription: PropTypes__default["default"].string,
   /**
    * The element ID.
    */
@@ -495,22 +505,6 @@ _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "propTypes", {
   size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
 });
 _rollupPluginBabelHelpers.defineProperty(OverflowMenu, "contextType", usePrefix.PrefixContext);
-_rollupPluginBabelHelpers.defineProperty(OverflowMenu, "defaultProps", {
-  ['aria-label']: null,
-  iconDescription: 'Options',
-  open: false,
-  direction: FloatingMenu.DIRECTION_BOTTOM,
-  flipped: false,
-  focusTrap: true,
-  renderIcon: iconsReact.OverflowMenuVertical,
-  onClick: () => {},
-  onKeyDown: () => {},
-  onClose: () => {},
-  onOpen: () => {},
-  menuOffset: getMenuOffset,
-  menuOffsetFlip: getMenuOffset,
-  selectorPrimaryFocus: '[data-overflow-menu-primary-focus]'
-});
 (() => {
   const forwardRef = (props, ref) => /*#__PURE__*/React__default["default"].createElement(OverflowMenu, _rollupPluginBabelHelpers["extends"]({}, props, {
     innerRef: ref

package/lib/components/OverflowMenuItem/OverflowMenuItem.js

@@ -15,6 +15,8 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var warning = require('../../internal/warning.js');
+require('../Text/index.js');
+var Text = require('../Text/Text.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -81,7 +83,8 @@ const OverflowMenuItem = /*#__PURE__*/React__default["default"].forwardRef(funct
       className: `${prefix}--overflow-menu-options__option-content`
     }, itemText);
   })();
-  return /*#__PURE__*/React__default["default"].createElement("li", {
+  return /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    as: "li",
     className: overflowMenuItemClasses,
     role: "none"
   }, /*#__PURE__*/React__default["default"].createElement(TagToUse, _rollupPluginBabelHelpers["extends"]({

package/lib/components/Pagination/experimental/PageSelector.js

@@ -28,10 +28,10 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 const getInstanceId = setupGetInstanceId["default"]();
 function PageSelector(_ref) {
   let {
-    className,
+    className = null,
     currentPage,
-    id,
-    labelText,
+    id = 1,
+    labelText = 'Current page number',
     totalPages,
     ...other
   } = _ref;
@@ -73,10 +73,5 @@ PageSelector.propTypes = {
    */
   totalPages: PropTypes__default["default"].number.isRequired
 };
-PageSelector.defaultProps = {
-  className: null,
-  id: 1,
-  labelText: 'Current page number'
-};
 
 exports["default"] = PageSelector;

package/lib/components/Pagination/experimental/Pagination.js

@@ -29,23 +29,23 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var _CaretLeft, _CaretRight;
 function Pagination(_ref) {
   let {
-    backwardText,
-    children,
-    className,
-    disabled,
-    forwardText,
-    id,
-    initialPage,
-    itemsPerPageText,
-    itemRangeText,
-    itemText,
+    backwardText = 'Previous page',
+    children = undefined,
+    className = null,
+    disabled = false,
+    forwardText = 'Next page',
+    id = 1,
+    initialPage = 1,
+    itemsPerPageText = 'Items per page:',
+    itemRangeText = (min, max, total) => `${min}–${max} of ${total} items`,
+    itemText = (min, max) => `${min}–${max} items`,
     onChange,
-    pageRangeText,
-    pageSize,
-    pageSizes,
-    pageText,
-    pagesUnknown,
-    totalItems,
+    pageRangeText = (current, total) => `${current} of ${total} pages`,
+    pageSize = 10,
+    pageSizes = undefined,
+    pageText = page => `page ${page}`,
+    pagesUnknown = false,
+    totalItems = undefined,
     ...other
   } = _ref;
   const [currentPage, setCurrentPage] = React.useState(initialPage);
@@ -203,23 +203,5 @@ Pagination.propTypes = {
    */
   totalItems: PropTypes__default["default"].number
 };
-Pagination.defaultProps = {
-  backwardText: 'Previous page',
-  className: null,
-  children: undefined,
-  disabled: false,
-  forwardText: 'Next page',
-  id: 1,
-  itemsPerPageText: 'Items per page:',
-  itemRangeText: (min, max, total) => `${min}–${max} of ${total} items`,
-  itemText: (min, max) => `${min}–${max} items`,
-  initialPage: 1,
-  pageRangeText: (current, total) => `${current} of ${total} pages`,
-  pageSize: 10,
-  pageSizes: undefined,
-  pageText: page => `page ${page}`,
-  pagesUnknown: false,
-  totalItems: undefined
-};
 
 exports["default"] = Pagination;

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -15,6 +15,8 @@ var PropTypes = require('prop-types');
 var React = require('react');
 var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../internal/usePrefix.js');
+require('../Text/index.js');
+var Text = require('../Text/Text.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -124,7 +126,7 @@ function ProgressStep(_ref2) {
     secondaryLabel,
     disabled,
     onClick,
-    translateWithId: t,
+    translateWithId: t = translateWithId,
     ...rest
   } = _ref2;
   const prefix = usePrefix.usePrefix();
@@ -195,9 +197,11 @@ function ProgressStep(_ref2) {
     prefix: prefix
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: `${prefix}--progress-text`
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
+  }, /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    as: "p",
     className: `${prefix}--progress-label`
-  }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React__default["default"].createElement("p", {
+  }, label), secondaryLabel !== null && secondaryLabel !== undefined ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    as: "p",
     className: `${prefix}--progress-optional`
   }, secondaryLabel) : null), /*#__PURE__*/React__default["default"].createElement("span", {
     className: `${prefix}--assistive-text`
@@ -260,9 +264,6 @@ ProgressStep.propTypes = {
    */
   translateWithId: PropTypes__default["default"].func
 };
-ProgressStep.defaultProps = {
-  translateWithId
-};
 
 exports.ProgressIndicator = ProgressIndicator;
 exports.ProgressStep = ProgressStep;

package/lib/components/RadioTile/RadioTile.js

@@ -17,6 +17,9 @@ var React = require('react');
 var useId = require('../../internal/useId.js');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
+var noopFn = require('../../internal/noopFn.js');
+require('../Text/index.js');
+var Text = require('../Text/Text.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -38,8 +41,8 @@ const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Rad
     name,
     value,
     id,
-    onChange,
-    tabIndex,
+    onChange = noopFn.noopFn,
+    tabIndex = 0,
     ...rest
   } = _ref;
   const prefix = usePrefix.usePrefix();
@@ -75,7 +78,7 @@ const RadioTile = /*#__PURE__*/React__default["default"].forwardRef(function Rad
     className: className
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: `${prefix}--tile__checkmark`
-  }, _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckmarkFilled, null))), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, _CheckmarkFilled || (_CheckmarkFilled = /*#__PURE__*/React__default["default"].createElement(iconsReact.CheckmarkFilled, null))), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
     className: `${prefix}--tile-content`
   }, children)));
 });
@@ -122,10 +125,6 @@ RadioTile.propTypes = {
    */
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number]).isRequired
 };
-RadioTile.defaultProps = {
-  onChange: () => {},
-  tabIndex: 0
-};
 var RadioTile$1 = RadioTile;
 
 exports["default"] = RadioTile$1;

package/lib/components/Search/Search.Skeleton.d.ts

@@ -28,9 +28,6 @@ declare const SearchSkeleton: {
          */
         small: PropTypes.Requireable<boolean>;
     };
-    defaultProps: {
-        small: boolean;
-    };
 };
 export default SearchSkeleton;
 export { SearchSkeleton };

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

@@ -23,7 +23,7 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 
 const SearchSkeleton = _ref => {
   let {
-    small,
+    small = false,
     className,
     ...rest
   } = _ref;
@@ -51,9 +51,6 @@ SearchSkeleton.propTypes = {
    */
   small: PropTypes__default["default"].bool
 };
-SearchSkeleton.defaultProps = {
-  small: false
-};
 
 exports.SearchSkeleton = SearchSkeleton;
 exports["default"] = SearchSkeleton;

package/lib/components/Select/Select.d.ts

@@ -60,7 +60,7 @@ interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, ExcludedAttr
      */
     light?: boolean;
     /**
-     * Reserved for use with <Pagination> component. Will not render a label for the
+     * Reserved for use with Pagination component. Will not render a label for the
      * select since Pagination renders one for us.
      */
     noLabel?: boolean;
@@ -85,5 +85,5 @@ interface SelectProps extends Omit<ComponentPropsWithRef<'select'>, ExcludedAttr
      */
     warnText?: ReactNode;
 }
-declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "value" | "children" | "disabled" | "form" | "slot" | "style" | "title" | "className" | "size" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "autoComplete" | "multiple" | "key" | "id" | "aria-controls" | "aria-expanded" | "onClick" | "onAnimationEnd" | "onKeyDown" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "inline" | "name" | "readOnly" | "required" | "light" | "invalid" | "labelText" | "helperText" | "invalidText" | "hideLabel" | "warn" | "warnText" | "noLabel"> & React.RefAttributes<HTMLSelectElement>>;
+declare const Select: React.ForwardRefExoticComponent<Pick<SelectProps, "value" | "children" | "disabled" | "form" | "slot" | "style" | "title" | "className" | "size" | "dir" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "autoComplete" | "multiple" | "key" | "id" | "aria-controls" | "aria-expanded" | "onClick" | "onAnimationEnd" | "onKeyDown" | "tabIndex" | "color" | "lang" | "name" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "inline" | "readOnly" | "required" | "light" | "invalid" | "labelText" | "helperText" | "invalidText" | "hideLabel" | "warn" | "warnText" | "noLabel"> & React.RefAttributes<HTMLSelectElement>>;
 export default Select;

package/lib/components/Select/Select.js

@@ -20,6 +20,8 @@ require('../FluidForm/FluidForm.js');
 var FormContext = require('../FluidForm/FormContext.js');
 var setupGetInstanceId = require('../../tools/setupGetInstanceId.js');
 var events = require('../../tools/events.js');
+require('../Text/index.js');
+var Text = require('../Text/Text.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -33,16 +35,16 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
     className,
     id,
     inline = false,
-    labelText,
+    labelText = 'Select',
     disabled = false,
     children,
-    // reserved for use with <Pagination> component
+    // reserved for use with Pagination component
     noLabel = false,
     // eslint-disable-next-line no-unused-vars
     hideLabel = false,
     invalid = false,
-    invalidText,
-    helperText,
+    invalidText = '',
+    helperText = '',
     light = false,
     readOnly,
     size,
@@ -88,7 +90,8 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
       return warnText;
     }
   })();
-  const error = invalid || warn ? /*#__PURE__*/React__default["default"].createElement("div", {
+  const error = invalid || warn ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    as: "div",
     className: `${prefix}--form-requirement`,
     id: errorId
   }, errorText) : null;
@@ -96,7 +99,8 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
     [`${prefix}--form__helper-text--disabled`]: disabled
   });
   const helperId = !helperText ? undefined : `select-helper-text-${selectInstanceId}`;
-  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement("div", {
+  const helper = helperText ? /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    as: "div",
     id: helperId,
     className: helperTextClasses
   }, helperText) : null;
@@ -152,7 +156,8 @@ const Select = /*#__PURE__*/React__default["default"].forwardRef(function Select
     className: cx__default["default"](`${prefix}--form-item`, className)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: selectClasses
-  }, !noLabel && /*#__PURE__*/React__default["default"].createElement("label", {
+  }, !noLabel && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+    as: "label",
     htmlFor: id,
     className: labelClasses
   }, labelText), inline && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -222,7 +227,7 @@ Select.propTypes = {
    */
   light: deprecate["default"](PropTypes__default["default"].bool, 'The `light` prop for `Select` 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.'),
   /**
-   * Reserved for use with <Pagination> component. Will not render a label for the
+   * Reserved for use with Pagination component. Will not render a label for the
    * select since Pagination renders one for us.
    */
   noLabel: PropTypes__default["default"].bool,
@@ -248,13 +253,5 @@ Select.propTypes = {
    */
   warnText: PropTypes__default["default"].node
 };
-Select.defaultProps = {
-  disabled: false,
-  labelText: 'Select',
-  inline: false,
-  invalid: false,
-  invalidText: '',
-  helperText: ''
-};
 
 exports["default"] = Select;

package/lib/components/SelectItem/SelectItem.d.ts

@@ -52,11 +52,5 @@ declare const SelectItem: {
          */
         value: PropTypes.Validator<any>;
     };
-    defaultProps: {
-        disabled: boolean;
-        hidden: boolean;
-        value: string;
-        text: string;
-    };
 };
 export default SelectItem;

package/lib/components/SelectItem/SelectItem.js

@@ -24,10 +24,10 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 const SelectItem = _ref => {
   let {
     className,
-    value,
-    disabled,
-    hidden,
-    text,
+    value = '',
+    disabled = false,
+    hidden = false,
+    text = '',
     ...other
   } = _ref;
   const prefix = usePrefix.usePrefix();
@@ -66,11 +66,5 @@ SelectItem.propTypes = {
    */
   value: PropTypes__default["default"].any.isRequired
 };
-SelectItem.defaultProps = {
-  disabled: false,
-  hidden: false,
-  value: '',
-  text: ''
-};
 
 exports["default"] = SelectItem;

package/lib/components/SelectItemGroup/SelectItemGroup.d.ts

@@ -44,8 +44,5 @@ declare const SelectItemGroup: {
          */
         label: PropTypes.Validator<string>;
     };
-    defaultProps: {
-        disabled: boolean;
-    };
 };
 export default SelectItemGroup;

package/lib/components/SelectItemGroup/SelectItemGroup.js

@@ -25,7 +25,7 @@ const SelectItemGroup = _ref => {
   let {
     children,
     className,
-    disabled,
+    disabled = false,
     label,
     ...other
   } = _ref;
@@ -55,8 +55,5 @@ SelectItemGroup.propTypes = {
    */
   label: PropTypes__default["default"].string.isRequired
 };
-SelectItemGroup.defaultProps = {
-  disabled: false
-};
 
 exports["default"] = SelectItemGroup;

package/lib/components/SkeletonIcon/SkeletonIcon.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface SkeletonIconProps {
+    /**
+     * Specify an optional className to add.
+     */
+    className?: string;
+    /**
+     * The CSS styles.
+     */
+    style?: React.CSSProperties;
+}
+declare const SkeletonIcon: React.FC<SkeletonIconProps>;
+export default SkeletonIcon;

package/lib/components/SkeletonIcon/SkeletonIcon.js

@@ -27,9 +27,8 @@ const SkeletonIcon = _ref => {
     ...other
   } = _ref;
   const prefix = usePrefix.usePrefix();
-  const skeletonIconClasses = cx__default["default"]({
-    [`${prefix}--icon--skeleton`]: true,
-    [className]: className
+  const skeletonIconClasses = cx__default["default"](className, {
+    [`${prefix}--icon--skeleton`]: true
   });
   return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
     className: skeletonIconClasses

package/lib/components/SkeletonText/SkeletonText.d.ts

@@ -51,11 +51,5 @@ declare const SkeletonText: {
          */
         width: PropTypes.Requireable<string>;
     };
-    defaultProps: {
-        paragraph: boolean;
-        width: string;
-        heading: boolean;
-        lineCount: number;
-    };
 };
 export default SkeletonText;

package/lib/components/SkeletonText/SkeletonText.js

@@ -101,11 +101,5 @@ SkeletonText.propTypes = {
    */
   width: PropTypes__default["default"].string
 };
-SkeletonText.defaultProps = {
-  paragraph: false,
-  width: '100%',
-  heading: false,
-  lineCount: 3
-};
 
 exports["default"] = SkeletonText;

package/lib/components/Slider/Slider.Skeleton.d.ts

@@ -15,9 +15,13 @@ export interface SliderSkeletonProps extends HTMLAttributes<HTMLDivElement> {
      * Specify whether the label should be hidden, or not
      */
     hideLabel?: boolean;
+    /**
+     * Turn the slider into a range slider.
+     */
+    twoHandles?: boolean;
 }
 declare const SliderSkeleton: {
-    ({ hideLabel, className, ...rest }: SliderSkeletonProps): JSX.Element;
+    ({ hideLabel, className, twoHandles, ...rest }: SliderSkeletonProps): JSX.Element;
     propTypes: {
         /**
          * Specify an optional className to add to the form item wrapper.
@@ -27,6 +31,10 @@ declare const SliderSkeleton: {
          * Specify whether the label should be hidden, or not
          */
         hideLabel: PropTypes.Requireable<boolean>;
+        /**
+         * Turn the slider into a range slider.
+         */
+        twoHandles: PropTypes.Requireable<boolean>;
     };
 };
 export default SliderSkeleton;