@pingux/astro 2.0.0-alpha.1 → 2.0.0-alpha.5

package/lib/cjs/components/Separator/Separator.styles.js

@@ -1,35 +1,21 @@
 "use strict";
 
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var base = {
   bg: 'neutral.80',
   width: '100%',
@@ -42,18 +28,15 @@ var base = {
     mx: '5px'
   }
 };
-
 var navBarSeparator = _objectSpread(_objectSpread({}, base), {}, {
   width: 'auto',
   my: 'md',
   mx: 'md',
   backgroundColor: 'neutral.60'
 });
-
 var navBarSubtitleSeparator = _objectSpread(_objectSpread({}, navBarSeparator), {}, {
   ml: '45px'
 });
-
 var _default = {
   base: base,
   navBarSeparator: navBarSeparator,

package/lib/cjs/components/Separator/Separator.test.js

@@ -1,38 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _testAxe = _interopRequireDefault(require("../../utils/testUtils/testAxe"));
-
 var _testWrapper = require("../../utils/testUtils/testWrapper");
-
 var _Separator = _interopRequireDefault(require("./Separator"));
-
 var _react2 = require("@emotion/react");
-
 var testId = 'test-separator';
 var defaultProps = {
   'data-testid': testId
 };
-
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _testWrapper.render)((0, _react2.jsx)(_Separator["default"], (0, _extends2["default"])({}, defaultProps, props)));
-}; // Need to be added to each test file to test accessibility using axe.
-
+};
 
+// Need to be added to each test file to test accessibility using axe.
 (0, _testAxe["default"])(getComponent);
 test('renders Separator component', function () {
   getComponent();
-
   var separator = _testWrapper.screen.getByTestId(testId);
-
   _testWrapper.screen.getByRole('separator');
-
   expect(separator).toBeInstanceOf(HTMLDivElement);
   expect(separator).toBeInTheDocument();
 });

package/lib/cjs/components/Separator/index.js

@@ -1,18 +1,14 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _Separator["default"];
   }
 });
-
 var _Separator = _interopRequireDefault(require("./Separator"));

package/lib/cjs/components/Stepper/Line.js

@@ -1,46 +1,31 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _hooks = require("../../hooks");
-
-var _Stepper = require("./Stepper.constants");
-
 var _Box = _interopRequireDefault(require("../Box"));
-
+var _Stepper = require("./Stepper.constants");
 var _react2 = require("@emotion/react");
-
 var INACTIVE = _Stepper.stepStatuses.INACTIVE;
-
 var Line = function Line(_ref) {
   var className = _ref.className,
-      status = _ref.status;
-
+    status = _ref.status;
   var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
-    isInactive: status === INACTIVE
-  }),
-      classNames = _useStatusClasses.classNames;
-
+      isInactive: status === INACTIVE
+    }),
+    classNames = _useStatusClasses.classNames;
   return (0, _react2.jsx)(_Box["default"], {
     variant: "stepper.line",
     className: classNames
   });
 };
-
 Line.propTypes = {
   status: _propTypes["default"].oneOf((0, _values["default"])(_Stepper.stepStatuses))
 };

package/lib/cjs/components/Stepper/Step.js

@@ -1,55 +1,33 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
-exports["default"] = exports.CollectionStep = void 0;
-
+exports["default"] = void 0;
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/values"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _interactions = require("@react-aria/interactions");
 var _CheckBoldIcon = _interopRequireDefault(require("mdi-react/CheckBoldIcon"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _reactStately = require("react-stately");
-
-var _interactions = require("@react-aria/interactions");
-
-var _Stepper = require("./Stepper.constants");
-
 var _index = require("../../index");
-
+var _Stepper = require("./Stepper.constants");
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var COMPLETED = _Stepper.stepStatuses.COMPLETED,
-    INACTIVE = _Stepper.stepStatuses.INACTIVE;
-var CollectionStep = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  INACTIVE = _Stepper.stepStatuses.INACTIVE;
+var Step = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var status = props.status,
-      value = props.value;
-
+    value = props.value;
   var _useHover = (0, _interactions.useHover)(props),
-      hoverProps = _useHover.hoverProps,
-      isHovered = _useHover.isHovered;
-
+    hoverProps = _useHover.hoverProps,
+    isHovered = _useHover.isHovered;
   return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
     variant: "stepper.step.".concat(status),
     ref: ref
@@ -59,14 +37,13 @@ var CollectionStep = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     color: "text.primaryLight"
   }) : value);
 });
-exports.CollectionStep = CollectionStep;
-CollectionStep.propTypes = {
+Step.propTypes = {
   status: _propTypes["default"].oneOf((0, _values["default"])(_Stepper.stepStatuses)),
   value: _propTypes["default"].number
 };
-CollectionStep.defaultProps = {
+Step.defaultProps = {
   status: INACTIVE,
   value: 0
 };
-var _default = _reactStately.Item;
+var _default = Step;
 exports["default"] = _default;

package/lib/cjs/components/Stepper/Stepper.constants.js

@@ -1,11 +1,9 @@
 "use strict";
 
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.stepStatuses = void 0;
 var stepStatuses = {
   ACTIVE: 'active',

package/lib/cjs/components/Stepper/Stepper.js

@@ -1,78 +1,43 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _from = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/from"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _isArray = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/array/is-array"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _list = require("@react-stately/list");
-
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _ = require("../..");
 var _isValidPositiveInt = _interopRequireDefault(require("../../utils/devUtils/props/isValidPositiveInt"));
-
-var _Stepper = require("./Stepper.constants");
-
-var _Step = require("./Step");
-
 var _Line = _interopRequireDefault(require("./Line"));
-
-var _Tab = _interopRequireDefault(require("../Tab"));
-
-var _Tabs = _interopRequireDefault(require("../Tabs"));
-
+var _Stepper = require("./Stepper.constants");
 var _react2 = require("@emotion/react");
-
 var _excluded = ["activeStep", "onStepChange", "tabListProps"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var ACTIVE = _Stepper.stepStatuses.ACTIVE,
-    COMPLETED = _Stepper.stepStatuses.COMPLETED,
-    INACTIVE = _Stepper.stepStatuses.INACTIVE;
+  COMPLETED = _Stepper.stepStatuses.COMPLETED,
+  INACTIVE = _Stepper.stepStatuses.INACTIVE;
+
 /**
  * The Stepper component acts as a wrapper for individual Step components.
  * Stepper is used to display progress through a sequence of logical and numbered steps
@@ -81,27 +46,24 @@ var ACTIVE = _Stepper.stepStatuses.ACTIVE,
 
 var Stepper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var activeStep = props.activeStep,
-      onStepChange = props.onStepChange,
-      tabListProps = props.tabListProps,
-      others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    onStepChange = props.onStepChange,
+    tabListProps = props.tabListProps,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var state = (0, _list.useSingleSelectListState)(props);
-
   var getStatus = function getStatus(i) {
     if (i === activeStep) {
       return ACTIVE;
-    } else if (i < activeStep) {
+    }
+    if (i < activeStep) {
       return COMPLETED;
     }
-
     return INACTIVE;
   };
-
   var onStepChangeHandler = function onStepChangeHandler(key) {
     if (onStepChange) {
       onStepChange(+key);
     }
   };
-
   var steps = (0, _from["default"])(state.collection);
   var lines = (0, _map["default"])(steps).call(steps, function (_v, i) {
     return (0, _react2.jsx)(_Line["default"], {
@@ -113,14 +75,14 @@ var Stepper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var render = (0, _map["default"])(steps).call(steps, function (item, i) {
     var stepIndex = i + 1;
     var stepStatus = getStatus(stepIndex);
-    var step = (0, _react2.jsx)(_Step.CollectionStep, {
+    var step = (0, _react2.jsx)(_.Step, {
       key: item.key,
       value: stepIndex,
       status: stepStatus
     });
-    var line = (0, _react2.jsx)(_react["default"].Fragment, null, (0, _isArray["default"])(lines) ? lines[i - 1] : lines);
+    var line = (0, _isArray["default"])(lines) ? lines[i - 1] : lines;
     var textValue = item && item.value && item.value.label || item.textValue || stepIndex.toString();
-    var container = (0, _react2.jsx)(_Tab["default"], {
+    var container = (0, _react2.jsx)(_.Tab, {
       key: stepIndex,
       variant: "stepper.tab",
       tabLineProps: {
@@ -138,7 +100,7 @@ var Stepper = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     isFirst = isFirst && !container;
     return container;
   });
-  return (0, _react2.jsx)(_Tabs["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_.Tabs, (0, _extends2["default"])({
     ref: ref,
     variant: "stepper.wrapper",
     tabListProps: _objectSpread({
@@ -161,16 +123,13 @@ Stepper.propTypes = {
     children: _propTypes["default"].node,
     name: _propTypes["default"].string
   })),
-
   /** The number of the current step (using one-based indexing) */
   activeStep: _isValidPositiveInt["default"],
-
   /**
   * Handler that is called when the current step changes
   * `(index: number) => void`
   */
   onStepChange: _propTypes["default"].func,
-
   /** A props object that is subsequently spread into the rendered tablist. */
   tabListProps: _propTypes["default"].shape({})
 };

package/lib/cjs/components/Stepper/Stepper.stories.js

@@ -1,33 +1,21 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = exports.WithoutContent = exports.Default = exports.ControlledStepper = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
+var _reactStately = require("react-stately");
 var _index = require("../../index");
-
 var _react2 = require("@emotion/react");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var _default = {
   title: 'Components/Stepper',
   component: _index.Stepper,
@@ -87,40 +75,37 @@ var steps = [{
   children: 'This is content for step 3',
   name: 'step3'
 }];
-
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_index.Stepper, args, (0, _react2.jsx)(_index.Step, {
+  return (0, _react2.jsx)(_index.Stepper, args, (0, _react2.jsx)(_reactStately.Item, {
     key: "step1",
     textValue: "Step 1"
   }, (0, _react2.jsx)(_index.Text, {
     pt: "lg"
-  }, "This is content for step 1")), (0, _react2.jsx)(_index.Step, {
+  }, "This is content for step 1")), (0, _react2.jsx)(_reactStately.Item, {
     key: "step2",
     textValue: "Step 2"
   }, (0, _react2.jsx)(_index.Text, {
     pt: "lg"
   }, "This is content for step 2")));
 };
-
 exports.Default = Default;
-
 var ControlledStepper = function ControlledStepper() {
   var _useState = (0, _react.useState)(2),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      activeStep = _useState2[0],
-      setActiveStep = _useState2[1]; // steps = [
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    activeStep = _useState2[0],
+    setActiveStep = _useState2[1];
+
+  // steps = [
   // { label: 'Label 1', children: 'This is content for step 1', name: 'step1' },
   // { label: 'Label 2', children: 'This is content for step 2', name: 'step2' },
   // { label: 'Label 3', children: 'This is content for step 3', name: 'step3' },
   // ];
-
-
   return (0, _react2.jsx)(_index.Stepper, {
     items: steps,
     activeStep: activeStep,
     onStepChange: setActiveStep
   }, function (item) {
-    return (0, _react2.jsx)(_index.Step, {
+    return (0, _react2.jsx)(_reactStately.Item, {
       key: item.name,
       textValue: item.name
     }, (0, _react2.jsx)(_index.Text, {
@@ -128,20 +113,17 @@ var ControlledStepper = function ControlledStepper() {
     }, item.children));
   });
 };
-
 exports.ControlledStepper = ControlledStepper;
-
 var WithoutContent = function WithoutContent() {
-  return (0, _react2.jsx)(_index.Stepper, null, (0, _react2.jsx)(_index.Step, {
+  return (0, _react2.jsx)(_index.Stepper, null, (0, _react2.jsx)(_reactStately.Item, {
     key: "step1",
     textValue: "Step 1"
-  }), (0, _react2.jsx)(_index.Step, {
+  }), (0, _react2.jsx)(_reactStately.Item, {
     key: "step2",
     textValue: "Step 2"
-  }), (0, _react2.jsx)(_index.Step, {
+  }), (0, _react2.jsx)(_reactStately.Item, {
     key: "step3",
     textValue: "Step 3"
   }));
 };
-
 exports.WithoutContent = WithoutContent;

package/lib/cjs/components/Stepper/Stepper.styles.js

@@ -1,37 +1,22 @@
 "use strict";
 
 var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
-
 var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
-
 var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
-
 var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
-
 var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
-
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _Buttons = require("../Button/Buttons.styles");
-
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var wrapper = {
   width: '100%'
 };
@@ -59,8 +44,8 @@ var tabLabel = {
 var outerWrapper = {
   alignItems: 'center'
 };
-/** Step styles */
 
+/** Step styles */
 var stepBase = {
   width: 32,
   height: 32,
@@ -98,8 +83,8 @@ var step = {
     color: 'neutral.40'
   }, stepBase)
 };
-/** Line styles */
 
+/** Line styles */
 var line = {
   alignSelf: 'center',
   width: '100%',