@carbon/react 1.13.0 → 1.14.0

package/es/components/Accordion/Accordion.Skeleton.js

@@ -15,17 +15,20 @@ import { usePrefix } from '../../internal/usePrefix.js';
 
 var _SkeletonText, _SkeletonText2, _SkeletonText3;
 
-var _excluded = ["align", "open", "count", "className"];
+var _excluded = ["align", "className", "count", "isFlush", "open"];
 
 function AccordionSkeleton(_ref) {
+  var _cx;
+
   var align = _ref.align,
-      open = _ref.open,
-      count = _ref.count,
       className = _ref.className,
+      count = _ref.count,
+      isFlush = _ref.isFlush,
+      open = _ref.open,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var classes = cx("".concat(prefix, "--accordion"), "".concat(prefix, "--skeleton"), className, _defineProperty({}, "".concat(prefix, "--accordion--").concat(align), align));
+  var classes = cx("".concat(prefix, "--accordion"), "".concat(prefix, "--skeleton"), className, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--accordion--").concat(align), align), _defineProperty(_cx, "".concat(prefix, "--accordion--flush"), isFlush && align !== 'start'), _cx));
   var numSkeletonItems = open ? count - 1 : count;
   return /*#__PURE__*/React__default.createElement("ul", _extends({
     className: classes
@@ -70,6 +73,11 @@ AccordionSkeleton.propTypes = {
    */
   count: PropTypes.number,
 
+  /**
+   * Specify whether an individual AccordionItem should be flush, default is false
+   */
+  isFlush: PropTypes.bool,
+
   /**
    * `false` to not display the first item opened
    */

package/es/components/Accordion/Accordion.js

@@ -12,7 +12,7 @@ import PropTypes from 'prop-types';
 import React__default from 'react';
 import * as FeatureFlags from '@carbon/feature-flags';
 
-var _excluded = ["align", "children", "className", "disabled", "size"];
+var _excluded = ["align", "children", "className", "disabled", "isFlush", "size"];
 
 function Accordion(_ref) {
   var _cx;
@@ -23,12 +23,14 @@ function Accordion(_ref) {
       customClassName = _ref.className,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$isFlush = _ref.isFlush,
+      isFlush = _ref$isFlush === void 0 ? false : _ref$isFlush,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'md' : _ref$size,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var className = cx("".concat(prefix, "--accordion"), customClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--accordion--").concat(align), align), _defineProperty(_cx, "".concat(prefix, "--accordion--").concat(size), size), _cx));
+  var className = cx("".concat(prefix, "--accordion"), customClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--accordion--").concat(align), align), _defineProperty(_cx, "".concat(prefix, "--accordion--").concat(size), size), _defineProperty(_cx, "".concat(prefix, "--accordion--flush"), isFlush && align !== 'start'), _cx));
   return /*#__PURE__*/React__default.createElement("ul", _extends({
     className: className
   }, rest), disabled ? React__default.Children.toArray(children).map(function (child) {
@@ -59,6 +61,11 @@ Accordion.propTypes = {
    */
   disabled: PropTypes.bool,
 
+  /**
+   * Specify whether Accordion text should be flush, default is false, does not work with align="start"
+   */
+  isFlush: PropTypes.bool,
+
   /**
    * Specify the size of the Accordion. Currently supports the following:
    */

package/es/components/FileUploader/Filename.js

@@ -45,7 +45,9 @@ function Filename(_ref) {
       return /*#__PURE__*/React__default.createElement(CheckmarkFilled, _extends({
         "aria-label": iconDescription,
         className: "".concat(prefix, "--file-complete")
-      }, rest), iconDescription && /*#__PURE__*/React__default.createElement("title", null, iconDescription));
+      }, rest, {
+        tabIndex: null
+      }), iconDescription && /*#__PURE__*/React__default.createElement("title", null, iconDescription));
 
     default:
       return null;

package/es/components/FluidTextArea/FluidTextArea.js

@@ -0,0 +1,130 @@
+/**
+ * Copyright IBM Corp. 2016, 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import PropTypes from 'prop-types';
+import React__default from 'react';
+import cx from 'classnames';
+import TextArea from '../TextArea/TextArea.js';
+import { usePrefix } from '../../internal/usePrefix.js';
+import { FormContext } from '../FluidForm/FormContext.js';
+
+var _excluded = ["className"];
+
+function FluidTextArea(_ref) {
+  var className = _ref.className,
+      other = _objectWithoutProperties(_ref, _excluded);
+
+  var prefix = usePrefix();
+  var classNames = cx("".concat(prefix, "--text-area--fluid"), className);
+  return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
+    value: {
+      isFluid: true
+    }
+  }, /*#__PURE__*/React__default.createElement(TextArea, _extends({
+    className: classNames
+  }, other)));
+}
+
+FluidTextArea.propTypes = {
+  /**
+   * Provide a custom className that is applied directly to the underlying
+   * `<textarea>` node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Specify the `cols` attribute for the underlying `<textarea>` node
+   */
+  cols: PropTypes.number,
+
+  /**
+   * Optionally provide the default value of the `<textarea>`
+   */
+  defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+
+  /**
+   * Specify whether the control is disabled
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Specify whether to display the character counter
+   */
+  enableCounter: PropTypes.bool,
+
+  /**
+   * Provide text that is used alongside the control label for additional help
+   */
+  helperText: PropTypes.node,
+
+  /**
+   * Specify whether you want the underlying label to be visually hidden
+   */
+  hideLabel: PropTypes.bool,
+
+  /**
+   * Provide a unique identifier for the control
+   */
+  id: PropTypes.string,
+
+  /**
+   * Specify whether the control is currently invalid
+   */
+  invalid: PropTypes.bool,
+
+  /**
+   * Provide the text that is displayed when the control is in an invalid state
+   */
+  invalidText: PropTypes.node,
+
+  /**
+   * Provide the text that will be read by a screen reader when visiting this
+   * control
+   */
+  labelText: PropTypes.node.isRequired,
+
+  /**
+   * `true` to use the light version. For use on $ui-01 backgrounds only.
+   * Don't use this to make tile background color same as container background color.
+   */
+  light: PropTypes.bool,
+
+  /**
+   * Max character count allowed for the textarea. This is needed in order for enableCounter to display
+   */
+  maxCount: PropTypes.number,
+
+  /**
+   * Optionally provide an `onChange` handler that is called whenever `<textarea>`
+   * is updated
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Optionally provide an `onClick` handler that is called whenever the
+   * `<textarea>` is clicked
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Specify the placeholder attribute for the `<textarea>`
+   */
+  placeholder: PropTypes.string,
+
+  /**
+   * Specify the rows attribute for the `<textarea>`
+   */
+  rows: PropTypes.number,
+
+  /**
+   * Provide the current value of the `<textarea>`
+   */
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+
+export { FluidTextArea as default };

package/es/components/FluidTextInput/FluidTextInput.js

@@ -5,28 +5,32 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import PropTypes from 'prop-types';
 import React__default from 'react';
 import cx from 'classnames';
 import '../TextInput/index.js';
+import PasswordInput from '../TextInput/PasswordInput.js';
 import { usePrefix } from '../../internal/usePrefix.js';
 import { FormContext } from '../FluidForm/FormContext.js';
 import TextInput from '../TextInput/TextInput.js';
 
-var _excluded = ["className"];
+var _excluded = ["className", "isPassword"];
 
 function FluidTextInput(_ref) {
   var className = _ref.className,
+      isPassword = _ref.isPassword,
       other = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var classNames = cx("".concat(prefix, "--text-input--fluid"), className);
+  var classNames = cx(className, _defineProperty({}, "".concat(prefix, "--text-input--fluid"), !isPassword));
   return /*#__PURE__*/React__default.createElement(FormContext.Provider, {
     value: {
       isFluid: true
     }
-  }, /*#__PURE__*/React__default.createElement(TextInput, _extends({
+  }, isPassword ? /*#__PURE__*/React__default.createElement(PasswordInput, _extends({
+    className: classNames
+  }, other)) : /*#__PURE__*/React__default.createElement(TextInput, _extends({
     className: classNames
   }, other)));
 }
@@ -62,6 +66,11 @@ FluidTextInput.propTypes = {
    */
   invalidText: PropTypes.node,
 
+  /**
+   * Specify whether the control is a password input
+   */
+  isPassword: PropTypes.bool,
+
   /**
    * Provide the text that will be read by a screen reader when visiting this
    * control

package/es/components/Notification/Notification.js

@@ -14,6 +14,7 @@ import Button from '../Button/Button.js';
 import useIsomorphicEffect from '../../internal/useIsomorphicEffect.js';
 import { useNoInteractiveChildren } from '../../internal/useNoInteractiveChildren.js';
 import { usePrefix } from '../../internal/usePrefix.js';
+import { useId } from '../../internal/useId.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { Escape } from '../../internal/keyboard/keys.js';
 
@@ -506,6 +507,7 @@ function ActionableNotification(_ref6) {
       setIsOpen = _useState6[1];
 
   var prefix = usePrefix();
+  var id = useId('actionable-notification');
   var containerClassName = cx(className, (_cx6 = {}, _defineProperty(_cx6, "".concat(prefix, "--actionable-notification"), true), _defineProperty(_cx6, "".concat(prefix, "--actionable-notification--toast"), !inline), _defineProperty(_cx6, "".concat(prefix, "--actionable-notification--low-contrast"), lowContrast), _defineProperty(_cx6, "".concat(prefix, "--actionable-notification--").concat(kind), kind), _defineProperty(_cx6, "".concat(prefix, "--actionable-notification--hide-close-button"), hideCloseButton), _cx6));
   var ref = useRef(null);
   useIsomorphicEffect(function () {
@@ -534,7 +536,8 @@ function ActionableNotification(_ref6) {
   return /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     ref: ref,
     role: role,
-    className: containerClassName
+    className: containerClassName,
+    "aria-labelledby": title ? id : undefined
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--actionable-notification__details")
   }, /*#__PURE__*/React__default.createElement(NotificationIcon, {
@@ -546,7 +549,8 @@ function ActionableNotification(_ref6) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--actionable-notification__content")
   }, title && /*#__PURE__*/React__default.createElement("div", {
-    className: "".concat(prefix, "--actionable-notification__title")
+    className: "".concat(prefix, "--actionable-notification__title"),
+    id: id
   }, title), subtitle && /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(prefix, "--actionable-notification__subtitle")
   }, subtitle), children))), /*#__PURE__*/React__default.createElement(NotificationActionButton, {

package/es/components/NumberInput/NumberInput.js

@@ -187,7 +187,7 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(pr
     disabled: disabled,
     onClick: function onClick(event) {
       var state = {
-        value: clamp(max, min, value - step),
+        value: clamp(max, min, parseInt(value) - step),
         direction: 'down'
       };
       setValue(state.value);
@@ -213,7 +213,7 @@ var NumberInput = /*#__PURE__*/React__default.forwardRef(function NumberInput(pr
     disabled: disabled,
     onClick: function onClick(event) {
       var state = {
-        value: clamp(max, min, value + step),
+        value: clamp(max, min, parseInt(value) + step),
         direction: 'up'
       };
       setValue(state.value);

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends, inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, createClass as _createClass } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
-import React__default, { Component } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import cx from 'classnames';
+import PropTypes from 'prop-types';
+import React__default, { useState } from 'react';
 import { Warning, Incomplete, CheckmarkOutline, CircleDash } from '@carbon/icons-react';
-import { usePrefix, PrefixContext } from '../../internal/usePrefix.js';
+import { usePrefix } from '../../internal/usePrefix.js';
 import { matches } from '../../internal/keyboard/match.js';
 import { Enter, Space } from '../../internal/keyboard/keys.js';
 
-var _excluded = ["label", "description", "className", "current", "complete", "invalid", "secondaryLabel", "disabled", "onClick", "translateWithId"],
-    _excluded2 = ["className", "currentIndex", "vertical", "spaceEqually"];
+var _excluded = ["children", "className", "currentIndex", "onChange", "spaceEqually", "vertical"],
+    _excluded2 = ["label", "description", "className", "current", "complete", "invalid", "secondaryLabel", "disabled", "onClick", "translateWithId"];
 var defaultTranslations = {
   'carbon.progress-step.complete': 'Complete',
   'carbon.progress-step.incomplete': 'Incomplete',
@@ -27,23 +27,124 @@ function translateWithId(messageId) {
   return defaultTranslations[messageId];
 }
 
-function ProgressStep(_ref) {
-  var _classnames;
-
-  var label = _ref.label,
-      description = _ref.description,
-      className = _ref.className,
-      current = _ref.current,
-      complete = _ref.complete,
-      invalid = _ref.invalid,
-      secondaryLabel = _ref.secondaryLabel,
-      disabled = _ref.disabled,
-      onClick = _ref.onClick,
-      t = _ref.translateWithId,
+function ProgressIndicator(_ref) {
+  var _cx;
+
+  var children = _ref.children,
+      customClassName = _ref.className,
+      _ref$currentIndex = _ref.currentIndex,
+      controlledIndex = _ref$currentIndex === void 0 ? 0 : _ref$currentIndex,
+      onChange = _ref.onChange,
+      spaceEqually = _ref.spaceEqually,
+      vertical = _ref.vertical,
       rest = _objectWithoutProperties(_ref, _excluded);
 
   var prefix = usePrefix();
-  var classes = cx((_classnames = {}, _defineProperty(_classnames, "".concat(prefix, "--progress-step"), true), _defineProperty(_classnames, "".concat(prefix, "--progress-step--current"), current), _defineProperty(_classnames, "".concat(prefix, "--progress-step--complete"), complete), _defineProperty(_classnames, "".concat(prefix, "--progress-step--incomplete"), !complete && !current), _defineProperty(_classnames, "".concat(prefix, "--progress-step--disabled"), disabled), _defineProperty(_classnames, className, className), _classnames));
+
+  var _useState = useState(controlledIndex),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentIndex = _useState2[0],
+      setCurrentIndex = _useState2[1];
+
+  var _useState3 = useState(controlledIndex),
+      _useState4 = _slicedToArray(_useState3, 2),
+      prevControlledIndex = _useState4[0],
+      setPrevControlledIndex = _useState4[1];
+
+  var className = cx((_cx = {}, _defineProperty(_cx, "".concat(prefix, "--progress"), true), _defineProperty(_cx, "".concat(prefix, "--progress--vertical"), vertical), _defineProperty(_cx, "".concat(prefix, "--progress--space-equal"), spaceEqually && !vertical), _defineProperty(_cx, customClassName, customClassName), _cx));
+
+  if (controlledIndex !== prevControlledIndex) {
+    setCurrentIndex(controlledIndex);
+    setPrevControlledIndex(controlledIndex);
+  }
+
+  return /*#__PURE__*/React__default.createElement("ul", _extends({
+    className: className
+  }, rest), React__default.Children.map(children, function (child, index) {
+    // only setup click handlers if onChange event is passed
+    var onClick = onChange ? function () {
+      return onChange(index);
+    } : undefined;
+
+    if (index === currentIndex) {
+      return /*#__PURE__*/React__default.cloneElement(child, {
+        complete: child.props.complete,
+        current: child.props.complete ? false : true,
+        index: index,
+        onClick: onClick
+      });
+    }
+
+    if (index < currentIndex) {
+      return /*#__PURE__*/React__default.cloneElement(child, {
+        complete: true,
+        index: index,
+        onClick: onClick
+      });
+    }
+
+    if (index > currentIndex) {
+      return /*#__PURE__*/React__default.cloneElement(child, {
+        complete: child.props.complete || false,
+        index: index,
+        onClick: onClick
+      });
+    }
+
+    return null;
+  }));
+}
+
+ProgressIndicator.propTypes = {
+  /**
+   * Provide `<ProgressStep>` components to be rendered in the
+   * `<ProgressIndicator>`
+   */
+  children: PropTypes.node,
+
+  /**
+   * Provide an optional className to be applied to the containing node
+   */
+  className: PropTypes.string,
+
+  /**
+   * Optionally specify the current step array index
+   */
+  currentIndex: PropTypes.number,
+
+  /**
+   * Optional callback called if a ProgressStep is clicked on.  Returns the index of the step.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Specify whether the progress steps should be split equally in size in the div
+   */
+  spaceEqually: PropTypes.bool,
+
+  /**
+   * Determines whether or not the ProgressIndicator should be rendered vertically.
+   */
+  vertical: PropTypes.bool
+};
+
+function ProgressStep(_ref2) {
+  var _cx2;
+
+  var label = _ref2.label,
+      description = _ref2.description,
+      className = _ref2.className,
+      current = _ref2.current,
+      complete = _ref2.complete,
+      invalid = _ref2.invalid,
+      secondaryLabel = _ref2.secondaryLabel,
+      disabled = _ref2.disabled,
+      onClick = _ref2.onClick,
+      t = _ref2.translateWithId,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
+
+  var prefix = usePrefix();
+  var classes = cx((_cx2 = {}, _defineProperty(_cx2, "".concat(prefix, "--progress-step"), true), _defineProperty(_cx2, "".concat(prefix, "--progress-step--current"), current), _defineProperty(_cx2, "".concat(prefix, "--progress-step--complete"), complete), _defineProperty(_cx2, "".concat(prefix, "--progress-step--incomplete"), !complete && !current), _defineProperty(_cx2, "".concat(prefix, "--progress-step--disabled"), disabled), _defineProperty(_cx2, className, className), _cx2));
 
   var handleKeyDown = function handleKeyDown(e) {
     if (matches(e, [Enter, Space])) {
@@ -52,12 +153,12 @@ function ProgressStep(_ref) {
   }; // eslint-disable-next-line react/prop-types
 
 
-  var SVGIcon = function SVGIcon(_ref2) {
-    var complete = _ref2.complete,
-        current = _ref2.current,
-        description = _ref2.description,
-        invalid = _ref2.invalid,
-        prefix = _ref2.prefix;
+  var SVGIcon = function SVGIcon(_ref3) {
+    var complete = _ref3.complete,
+        current = _ref3.current,
+        description = _ref3.description,
+        invalid = _ref3.invalid,
+        prefix = _ref3.prefix;
 
     if (invalid) {
       return /*#__PURE__*/React__default.createElement(Warning, {
@@ -119,6 +220,7 @@ function ProgressStep(_ref) {
     className: "".concat(prefix, "--progress-line")
   })));
 }
+
 ProgressStep.propTypes = {
   /**
    * Provide an optional className to be applied to the containing `<li>` node
@@ -189,133 +291,5 @@ ProgressStep.propTypes = {
 ProgressStep.defaultProps = {
   translateWithId: translateWithId
 };
-var ProgressIndicator = /*#__PURE__*/function (_Component) {
-  _inherits(ProgressIndicator, _Component);
-
-  var _super = _createSuper(ProgressIndicator);
-
-  function ProgressIndicator() {
-    var _this;
-
-    _classCallCheck(this, ProgressIndicator);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {});
-
-    _defineProperty(_assertThisInitialized(_this), "renderSteps", function () {
-      var onChange = _this.props.onChange;
-      return React__default.Children.map(_this.props.children, function (child, index) {
-        // only setup click handlers if onChange event is passed
-        var onClick = onChange ? function () {
-          return onChange(index);
-        } : undefined;
-
-        if (index === _this.state.currentIndex) {
-          return /*#__PURE__*/React__default.cloneElement(child, {
-            current: true,
-            index: index,
-            onClick: onClick
-          });
-        }
-
-        if (index < _this.state.currentIndex) {
-          return /*#__PURE__*/React__default.cloneElement(child, {
-            complete: true,
-            index: index,
-            onClick: onClick
-          });
-        }
-
-        if (index > _this.state.currentIndex) {
-          return /*#__PURE__*/React__default.cloneElement(child, {
-            complete: child.props.complete || false,
-            index: index,
-            onClick: onClick
-          });
-        }
-
-        return null;
-      });
-    });
-
-    return _this;
-  }
-
-  _createClass(ProgressIndicator, [{
-    key: "render",
-    value: function render() {
-      var _classnames3;
-
-      var _this$props = this.props,
-          className = _this$props.className;
-          _this$props.currentIndex;
-          var vertical = _this$props.vertical,
-          spaceEqually = _this$props.spaceEqually,
-          other = _objectWithoutProperties(_this$props, _excluded2);
-
-      var prefix = this.context;
-      var classes = cx((_classnames3 = {}, _defineProperty(_classnames3, "".concat(prefix, "--progress"), true), _defineProperty(_classnames3, "".concat(prefix, "--progress--vertical"), vertical), _defineProperty(_classnames3, "".concat(prefix, "--progress--space-equal"), spaceEqually && !vertical), _defineProperty(_classnames3, className, className), _classnames3));
-      return /*#__PURE__*/React__default.createElement("ul", _extends({
-        className: classes
-      }, other), this.renderSteps());
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(_ref3, state) {
-      var currentIndex = _ref3.currentIndex;
-      var prevCurrentIndex = state.prevCurrentIndex;
-      return prevCurrentIndex === currentIndex ? null : {
-        currentIndex: currentIndex,
-        prevCurrentIndex: currentIndex
-      };
-    }
-  }]);
-
-  return ProgressIndicator;
-}(Component);
-
-_defineProperty(ProgressIndicator, "propTypes", {
-  /**
-   * Provide `<ProgressStep>` components to be rendered in the
-   * `<ProgressIndicator>`
-   */
-  children: PropTypes.node,
-
-  /**
-   * Provide an optional className to be applied to the containing node
-   */
-  className: PropTypes.string,
-
-  /**
-   * Optionally specify the current step array index
-   */
-  currentIndex: PropTypes.number,
-
-  /**
-   * Optional callback called if a ProgressStep is clicked on.  Returns the index of the step.
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Specify whether the progress steps should be split equally in size in the div
-   */
-  spaceEqually: PropTypes.bool,
-
-  /**
-   * Determines whether or not the ProgressIndicator should be rendered vertically.
-   */
-  vertical: PropTypes.bool
-});
-
-_defineProperty(ProgressIndicator, "contextType", PrefixContext);
-
-_defineProperty(ProgressIndicator, "defaultProps", {
-  currentIndex: 0
-});
 
 export { ProgressIndicator, ProgressStep };