@telus-uds/components-base 1.65.0 → 1.67.0

package/lib/StackView/StackView.js

@@ -4,34 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _Divider = _interopRequireDefault(require("../Divider"));
-
 var _utils = require("../utils");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _getStackedContent = _interopRequireDefault(require("./getStackedContent"));
-
 var _common = require("./common");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+
 /**
  * StackView evenly spaces its children, by default placing `Spacer` components between them.
  *
@@ -74,7 +61,6 @@ const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_u
  * It applies no accessibility props of its own, unless `divider` prop is passed (`Divider` has a
  * semantic role but only on web, not within native apps).
  */
-
 const StackView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     space = 0,
@@ -114,28 +100,25 @@ const StackView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 StackView.displayName = 'StackView';
-StackView.propTypes = { ...selectedSystemPropTypes,
+StackView.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('StackView'),
   variant: _utils.variantProp.propType,
-
   /**
    * Sets the `flexDirection` of the container and, if `divider` is used, gives the Divider the appropriate direction.
    */
   direction: _utils.responsiveProps.getTypeOptionallyByViewport(_propTypes.default.oneOf(['column', 'row', 'column-reverse', 'row-reverse'])),
-
   /**
    * If true, renders a UDS `Divider` component between each item. If an object is passed,
    * this object is passes as props to each Divider.
    */
   divider: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape(_Divider.default.propTypes)]),
-
   /**
    * The size of the spacer according to the theme's spacing scale.
    * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
    * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
    */
   space: _utils.spacingProps.types.spacingValue,
-
   /**
    * Optional semantic HTML tag, to apply to the container on web. Does not change styling.
    *
@@ -143,7 +126,6 @@ StackView.propTypes = { ...selectedSystemPropTypes,
    * is not defined, the accessibilityRole will default to "heading".
    */
   tag: _propTypes.default.oneOf(_utils.layoutTags),
-
   /**
    * A StackView may take any children, but will have no effect if it is only passed one child or is passed children
    * wrapped in a component. If necessary, children may be wrapped in one React Fragment.

package/lib/StackView/StackWrap.js

@@ -4,35 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Platform = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Platform"));
-
 var _useSafeLayoutEffect = _interopRequireDefault(require("../utils/useSafeLayoutEffect"));
-
 var _StackWrapBox = _interopRequireDefault(require("./StackWrapBox"));
-
 var _StackWrapGap = _interopRequireDefault(require("./StackWrapGap"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 // In Jest/CI/SSR, global CSS isn't always available and doesn't always have .supports method
 const cssSupports = (property, value) => {
   var _window$CSS;
-
   return _Platform.default.OS === 'web' && typeof window !== 'undefined' && typeof ((_window$CSS = window.CSS) === null || _window$CSS === void 0 ? void 0 : _window$CSS.supports) === 'function' && window.CSS.supports(property, value);
-}; // CSS.supports needs an example of the type of value you intend to use.
-// Will be an integer appended `px` after hooks and JSX styles are resolved.
-
+};
 
+// CSS.supports needs an example of the type of value you intend to use.
+// Will be an integer appended `px` after hooks and JSX styles are resolved.
 const exampleGapValue = '1px';
+
 /**
  * StackWrap is an alternative to StackView where the spaced items are allowed to wrap.
  *
@@ -40,22 +30,22 @@ const exampleGapValue = '1px';
  * wrapped lines of items. By default, this `gap` is the same as the gap between spaced items.
  * If a different spacing is desired between wrapped lines, pass a spacing value to the `gap` prop.
  */
-
 const StackWrap = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const [canUseCSSGap, setCanUseCSSGap] = (0, _react.useState)(false);
   const {
     space
-  } = props; // Don't apply separate gap if `null` or `undefined`, so can be unset in Storybook etc
-
+  } = props;
+  // Don't apply separate gap if `null` or `undefined`, so can be unset in Storybook etc
   const gap = props.gap ?? space;
-  const gapEqualsSpace = gap === space; // If possible, use the cleaner implementation that applies CSS `gap` styles to the container,
+  const gapEqualsSpace = gap === space;
+
+  // If possible, use the cleaner implementation that applies CSS `gap` styles to the container,
   // preserving direct parent-child relationships between the container and each item, which
   // can result in clearer descriptions on some screen readers (e.g. radio "X of Y" on MacOS).
   // Else, use the fallback implementation which renders a `Box` component around each child.
-
-  const Component = canUseCSSGap ? _StackWrapGap.default : _StackWrapBox.default; // In SSR, the type of implementation must match the server during hydration, but
+  const Component = canUseCSSGap ? _StackWrapGap.default : _StackWrapBox.default;
+  // In SSR, the type of implementation must match the server during hydration, but
   // the server can't know if gap is supported, so never use it until after hydration.
-
   (0, _useSafeLayoutEffect.default)(() => {
     setCanUseCSSGap(gapEqualsSpace && cssSupports('gap', exampleGapValue));
   }, [gapEqualsSpace]);

package/lib/StackView/StackWrap.native.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _StackWrapBox = _interopRequireDefault(require("./StackWrapBox"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // No support for CSS `gap` on React Native, so always use the fallback "box" implementation.
 var _default = _StackWrapBox.default;
 exports.default = _default;

package/lib/StackView/StackWrapBox.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _utils = require("../utils");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _getStackedContent = _interopRequireDefault(require("./getStackedContent"));
-
 var _common = require("./common");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
 const offsetSides = {
   row: 'marginBottom',
@@ -42,6 +29,7 @@ const spaceSides = {
   row: 'right',
   column: 'bottom'
 };
+
 /**
  * An alternative fallback implementation of `StackWrap` that doesn't use CSS `gap`.
  *
@@ -54,7 +42,6 @@ const spaceSides = {
  * Unlike the cleaner and more side-effect-free CSS gap StackWrap implementation, this renders a Box (View)
  * between the container and the stacked children, and requires a negative margin on the container.
  */
-
 const StackWrapBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     space = 1,
@@ -77,8 +64,9 @@ const StackWrapBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     accessibilityRole,
     ...(0, _utils.getA11yPropsFromHtmlTag)(tag, accessibilityRole),
     ...rest
-  }); // Mimic CSS `gap` using box spacing on the side after a wrapped row then offsetting it on the last row.
+  });
 
+  // Mimic CSS `gap` using box spacing on the side after a wrapped row then offsetting it on the last row.
   const gapSize = (0, _utils.useSpacingScale)(gap);
   const offsetStyle = {
     [offsetSides[direction]]: -1 * gapSize
@@ -100,28 +88,25 @@ const StackWrapBox = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   });
 });
 StackWrapBox.displayName = 'StackWrapBox';
-StackWrapBox.propTypes = { ...selectedSystemPropTypes,
+StackWrapBox.propTypes = {
+  ...selectedSystemPropTypes,
   tokens: (0, _utils.getTokensPropType)('StackView'),
-
   /**
    * Sets the `flexDirection` of the container
    */
   direction: _utils.responsiveProps.getTypeOptionallyByViewport(_propTypes.default.oneOf(['column', 'row', 'row-reverse', 'column-reverse'])),
-
   /**
    * The size of the space between items according to the theme's spacing scale.
    * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
    * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
    */
   space: _utils.spacingProps.types.spacingValue,
-
   /**
    * The size of the space between lines of content, according to the theme's spacing scale. By default, matches `space`.
    * Either a number corresponding to a position on the theme's spacing scale (1 is smallest, 2 is second smallest, etc),
    * or, a SpacingObject with viewport keys and options (see `useSpacingScale` for details).
    */
   gap: _utils.spacingProps.types.spacingValue,
-
   /**
    * Optional semantic HTML tag, to apply to the container on web. Does not change styling.
    *
@@ -129,7 +114,6 @@ StackWrapBox.propTypes = { ...selectedSystemPropTypes,
    * is not defined, the accessibilityRole will default to "heading".
    */
   tag: _propTypes.default.oneOf(_utils.layoutTags),
-
   /**
    * A StackWrap may take any children, but will have no effect if it is only passed one child or is passed children
    * wrapped in a component. If necessary, children may be wrapped in one React Fragment.

package/lib/StackView/StackWrapGap.js

@@ -4,32 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _StackWrapBox = _interopRequireDefault(require("./StackWrapBox"));
-
 var _utils = require("../utils");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _ViewportProvider = require("../ViewportProvider");
-
 var _getStackedContent = _interopRequireDefault(require("./getStackedContent"));
-
 var _common = require("./common");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 const [selectProps] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
+
 /**
  * The primary implementation of StackWrap.
  *
@@ -40,7 +28,6 @@ const [selectProps] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.vi
  * - The `space` between items is the same as the `gap` between wrapped rows (this is the
  *   default if `gap` prop is undefined)
  */
-
 const StackWrapGap = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     space = 1,

package/lib/StackView/common.js

@@ -4,11 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.staticStyles = exports.selectFlexStyles = void 0;
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const selectFlexStyles = _ref => {
   let {
     alignItems,
@@ -23,9 +20,7 @@ const selectFlexStyles = _ref => {
     flexShrink
   };
 };
-
 exports.selectFlexStyles = selectFlexStyles;
-
 const staticStyles = _StyleSheet.default.create({
   wrap: {
     flexShrink: 1,
@@ -46,5 +41,4 @@ const staticStyles = _StyleSheet.default.create({
     flexDirection: 'column-reverse'
   }
 });
-
 exports.staticStyles = staticStyles;

package/lib/StackView/getStackedContent.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _Divider = _interopRequireDefault(require("../Divider"));
-
 var _Spacer = _interopRequireDefault(require("../Spacer"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 /**
  * @typedef {import('react').ReactChildren} ReactChildren
  * @typedef {import('react').ReactElement} ReactElement
@@ -46,8 +37,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @param {"row" | "column" | "row-reverse" | "column-reverse"} [options.direction]
  * @param {boolean} [options.preserveFragments]
  * @returns {ReactElement[]}
- */
-const getStackedContent = (children, _ref) => {
+ */const getStackedContent = (children, _ref) => {
   let {
     divider,
     space,
@@ -58,19 +48,19 @@ const getStackedContent = (children, _ref) => {
   const boxProps = box && typeof box === 'object' ? box : {
     space
   };
-  const dividerProps = divider && typeof divider === 'object' ? divider : {}; // Avoid surprises if children contains comments, nulls, or is a variable wrapped as a fragment
+  const dividerProps = divider && typeof divider === 'object' ? divider : {};
 
+  // Avoid surprises if children contains comments, nulls, or is a variable wrapped as a fragment
   const topLevelChildren = preserveFragments ? children : unpackFragment(children);
-
   const validChildren = _react.Children.toArray(topLevelChildren).filter(Boolean);
-
   const content = validChildren.reduce((newChildren, child, index) => {
     const boxID = `Stack-Box-${index}`;
     const item = box ?
     /*#__PURE__*/
     // If wrapped in Box, that Box needs a key.
     // If possible, use an existing content key; use an index-based key only if necessary.
-    (0, _react.createElement)(_Box.default, { ...boxProps,
+    (0, _react.createElement)(_Box.default, {
+      ...boxProps,
       key: child.key || boxID,
       testID: boxID
     }, child) : child;
@@ -93,6 +83,7 @@ const getStackedContent = (children, _ref) => {
   }, []);
   return content;
 };
+
 /**
  * Unpacks top-level fragments, so that common compositional patterns such as the following examples
  * can be iterated as flat siblings (as if they were `<Child1 /><Child2 /><Child3 />`):
@@ -125,18 +116,16 @@ const getStackedContent = (children, _ref) => {
  * @param {ReactChildren} child
  * @returns {ReactChildren}
  */
-
-
 const unpackFragment = child => {
   var _child$props;
-
   // If this level is a set of top-level siblings rather than one child, check each in turn
-  if (_react.Children.count(child) > 1) return _react.Children.map(child, unpackFragment); // When a fragment is found, unpack its children to the top level and check them
+  if (_react.Children.count(child) > 1) return _react.Children.map(child, unpackFragment);
 
-  if ((child === null || child === void 0 ? void 0 : child.type) === _react.Fragment) return unpackFragment((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children); // Stop unpacking as soon as any non-fragment child is found
+  // When a fragment is found, unpack its children to the top level and check them
+  if ((child === null || child === void 0 ? void 0 : child.type) === _react.Fragment) return unpackFragment((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.children);
 
+  // Stop unpacking as soon as any non-fragment child is found
   return child;
 };
-
 var _default = getStackedContent;
 exports.default = _default;

package/lib/StackView/index.js

@@ -16,14 +16,9 @@ Object.defineProperty(exports, "getStackedContent", {
     return _getStackedContent.default;
   }
 });
-
 var _StackView = _interopRequireDefault(require("./StackView"));
-
 var _StackWrap = _interopRequireDefault(require("./StackWrap"));
-
 var _getStackedContent = _interopRequireDefault(require("./getStackedContent"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _StackView.default;
 exports.default = _default;

package/lib/StepTracker/Step.js

@@ -4,31 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _StyleSheet = _interopRequireDefault(require("react-native-web/dist/cjs/exports/StyleSheet"));
-
 var _Text = _interopRequireDefault(require("react-native-web/dist/cjs/exports/Text"));
-
 var _View = _interopRequireDefault(require("react-native-web/dist/cjs/exports/View"));
-
 var _StackView = _interopRequireDefault(require("../StackView"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _utils = require("../utils");
-
 var _ThemeProvider = require("../ThemeProvider");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const [selectProps, selectedSystemPropTypes] = (0, _utils.selectSystemProps)([_utils.a11yProps, _utils.viewProps]);
-
 const selectCompletedIconTokens = _ref => {
   let {
     completedIconColor,
@@ -39,7 +26,6 @@ const selectCompletedIconTokens = _ref => {
     color: completedIconColor
   };
 };
-
 const selectConnectorStyles = (_ref2, isCompleted) => {
   let {
     connectorColor,
@@ -58,7 +44,6 @@ const selectConnectorStyles = (_ref2, isCompleted) => {
     })
   };
 };
-
 const selectCurrentInnerStyles = _ref3 => {
   let {
     knobCurrentInnerColor,
@@ -71,7 +56,6 @@ const selectCurrentInnerStyles = _ref3 => {
     width: knobCurrentInnerSize
   };
 };
-
 const selectKnobStyles = (_ref4, isCompleted, isCurrent) => {
   let {
     knobBackgroundColor,
@@ -111,7 +95,6 @@ const selectKnobStyles = (_ref4, isCompleted, isCurrent) => {
     })
   };
 };
-
 const selectLabelContainerStyles = _ref5 => {
   let {
     labelDirection,
@@ -128,7 +111,6 @@ const selectLabelContainerStyles = _ref5 => {
     gap: labelGap
   };
 };
-
 const selectStepLabelStyles = (_ref6, themeOptions, isCurrent) => {
   let {
     stepLabelColor,
@@ -147,7 +129,6 @@ const selectStepLabelStyles = (_ref6, themeOptions, isCurrent) => {
     themeOptions
   });
 };
-
 const selectLabelStyles = (_ref7, themeOptions, isCurrent) => {
   let {
     labelColor,
@@ -167,23 +148,19 @@ const selectLabelStyles = (_ref7, themeOptions, isCurrent) => {
     themeOptions
   });
 };
-
 const getStepTestID = (isCompleted, isCurrent) => {
   let testID = 'StepTracker-Step';
-
   if (isCompleted) {
     testID += '-Completed';
   } else if (isCurrent) {
     testID += '-Current';
   }
-
   return testID;
 };
+
 /**
  * A single step of a StepTracker.
  */
-
-
 const Step = _ref8 => {
   let {
     label,
@@ -256,8 +233,8 @@ const Step = _ref8 => {
     })]
   });
 };
-
-Step.propTypes = { ...selectedSystemPropTypes,
+Step.propTypes = {
+  ...selectedSystemPropTypes,
   label: _propTypes.default.string.isRequired,
   name: _propTypes.default.string.isRequired,
   status: _propTypes.default.number.isRequired,
@@ -268,7 +245,6 @@ Step.propTypes = { ...selectedSystemPropTypes,
 };
 var _default = Step;
 exports.default = _default;
-
 const staticStyles = _StyleSheet.default.create({
   centeredText: {
     textAlign: 'center'