carbon-react 110.4.1 → 110.5.2

package/lib/components/sidebar/sidebar.component.js

@@ -3,14 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SidebarContext = void 0;
+exports.default = exports.Sidebar = exports.SidebarContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _modal = _interopRequireDefault(require("../modal"));
 
 var _sidebar = _interopRequireDefault(require("./sidebar.style"));
@@ -39,8 +37,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const paddingPropTypes = (0, _utils.filterStyledSystemPaddingProps)(_propTypes2.default.space);
-
 const SidebarContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.SidebarContext = SidebarContext;
@@ -65,8 +61,13 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
   const {
     current: titleId
   } = (0, _react.useRef)((0, _guid.default)());
-  let sidebarRef = (0, _react.useRef)(null);
-  if (ref) sidebarRef = ref;
+  const sidebarRef = (0, _react.useRef)(null);
+  const setRefs = (0, _react.useCallback)(reference => {
+    sidebarRef.current = reference;
+    if (!ref) return;
+    if (typeof ref === "object") ref.current = reference;
+    if (typeof ref === "function") ref(reference);
+  }, [ref]);
 
   const closeIcon = () => {
     if (!onCancel) return null;
@@ -90,7 +91,7 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
     "aria-describedby": ariaDescribedBy,
     "aria-label": ariaLabel,
     "aria-labelledby": !ariaLabelledBy && !ariaLabel ? titleId : ariaLabelledBy,
-    ref: sidebarRef,
+    ref: setRefs,
     position: position,
     size: size,
     "data-element": "sidebar",
@@ -117,8 +118,7 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
     open: open,
     onCancel: onCancel,
     disableEscKey: disableEscKey,
-    enableBackgroundUI: enableBackgroundUI,
-    className: "carbon-sidebar"
+    enableBackgroundUI: enableBackgroundUI
   }, componentTags), enableBackgroundUI ? sidebar : /*#__PURE__*/_react.default.createElement(_focusTrap.default, {
     wrapperRef: sidebarRef,
     isOpen: open,
@@ -126,50 +126,187 @@ const Sidebar = /*#__PURE__*/_react.default.forwardRef(({
   }, sidebar));
 });
 
+exports.Sidebar = Sidebar;
 Sidebar.propTypes = {
-  /** Styled system padding props to apply to Sidebar content */
-  ...paddingPropTypes,
-
-  /** Prop to specify the aria-describedby property of the component */
   "aria-describedby": _propTypes.default.string,
-
-  /** Prop to specify the aria-label of the component */
   "aria-label": _propTypes.default.string,
-
-  /** Prop to specify the aria-labeledby property of the component */
   "aria-labelledby": _propTypes.default.string,
-
-  /** Modal content */
-  children: _propTypes.default.node,
-
-  /** A custom close event handler */
-  onCancel: _propTypes.default.func,
-
-  /** Determines if the Esc Key closes the modal */
-  disableEscKey: _propTypes.default.bool,
-
-  /** A boolean to track the open state of the dialog */
-  open: _propTypes.default.bool.isRequired,
-
-  /** Set this prop to false to hide the translucent background when the dialog is open. */
-  enableBackgroundUI: _propTypes.default.bool,
-
-  /** Sets the position of sidebar, either left or right. */
-  position: _propTypes.default.oneOf(["left", "right"]),
-
-  /** Sets the size of the sidebar when open. */
-  size: _propTypes.default.oneOf(["extra-small", "small", "medium-small", "medium", "medium-large", "large", "extra-large"]),
-
-  /** Node that will be used as sidebar header. */
-  header: _propTypes.default.node,
-
-  /** The ARIA role to be applied to the container */
-  role: _propTypes.default.string,
-
-  /** an optional array of refs to containers whose content should also be reachable by tabbing from the sidebar */
-  focusableContainers: _propTypes.default.arrayOf(_propTypes.default.shape({
-    current: _propTypes.default.any
-  }))
+  "children": _propTypes.default.node,
+  "data-component": _propTypes.default.string,
+  "data-element": _propTypes.default.string,
+  "data-role": _propTypes.default.string,
+  "disableEscKey": _propTypes.default.bool,
+  "enableBackgroundUI": _propTypes.default.bool,
+  "focusableContainers": _propTypes.default.arrayOf(_propTypes.default.shape({
+    "current": function (props, propName) {
+      if (props[propName] == null) {
+        return new Error("Prop '" + propName + "' is required but wasn't specified");
+      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
+        return new Error("Expected prop '" + propName + "' to be of type Element");
+      }
+    }
+  })),
+  "header": _propTypes.default.node,
+  "onCancel": _propTypes.default.func,
+  "open": _propTypes.default.bool.isRequired,
+  "p": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "padding": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "paddingY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pl": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "position": _propTypes.default.oneOf(["left", "right"]),
+  "pr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "pt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "px": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "py": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "role": _propTypes.default.string,
+  "size": _propTypes.default.oneOf(["extra-large", "extra-small", "large", "medium-large", "medium-small", "medium", "small"])
 };
+Sidebar.displayName = "Sidebar";
 var _default = Sidebar;
 exports.default = _default;

package/lib/components/sidebar/sidebar.config.d.ts

@@ -0,0 +1,11 @@
+export declare const SIDEBAR_SIZES_CSS: {
+    "extra-small": string;
+    small: string;
+    "medium-small": string;
+    medium: string;
+    "medium-large": string;
+    large: string;
+    "extra-large": string;
+};
+export declare const SIDEBAR_SIZES: string[];
+export declare const SIDEBAR_ALIGNMENTS: string[];

package/lib/components/sidebar/sidebar.style.d.ts

@@ -0,0 +1,8 @@
+import { SidebarProps } from "./sidebar.component";
+declare type StyledSidebarProps = {
+    onCancel?: SidebarProps["onCancel"];
+    position?: SidebarProps["position"];
+    size?: SidebarProps["size"];
+};
+declare const StyledSidebar: import("styled-components").StyledComponent<"div", any, StyledSidebarProps, never>;
+export default StyledSidebar;

package/lib/components/step-sequence/index.d.ts

@@ -1,2 +1,4 @@
-export { default as StepSequence } from "./step-sequence";
-export { default as StepSequenceItem } from "./step-sequence-item/step-sequence-item";
+export { default as StepSequence } from "./step-sequence.component";
+export type { StepSequenceProps } from "./step-sequence.component";
+export { default as StepSequenceItem } from "./step-sequence-item";
+export type { StepSequenceItemProps } from "./step-sequence-item";

package/lib/components/step-sequence/step-sequence-item/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./step-sequence-item.component";
+export type { StepSequenceItemProps } from "./step-sequence-item.component";

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+export interface StepSequenceItemProps {
+    /** Aria label */
+    ariaLabel?: string;
+    /** Hidden label to be displayed if item is complete */
+    hiddenCompleteLabel?: string;
+    /** Hidden label to be displayed if item is current */
+    hiddenCurrentLabel?: string;
+    /** Value to be displayed before text for uncomplete steps */
+    indicator: string;
+    /** Flag to hide the indicator for uncomplete steps */
+    hideIndicator?: boolean;
+    /** Status for the step */
+    status?: "complete" | "current" | "incomplete";
+    /** Content to be displayed */
+    children: React.ReactNode;
+}
+export declare const StepSequenceItem: ({ hideIndicator, indicator, status, hiddenCompleteLabel, hiddenCurrentLabel, children, ariaLabel, ...rest }: StepSequenceItemProps) => JSX.Element;
+export default StepSequenceItem;

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js

@@ -3,19 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.StepSequenceItem = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _stepSequenceItem = _interopRequireDefault(require("./step-sequence-item.style"));
-
-var _stepSequenceItemContent = _interopRequireDefault(require("./step-sequence-item-content.style"));
-
-var _stepSequenceItemIndicator = _interopRequireDefault(require("./step-sequence-item-indicator.style"));
-
-var _stepSequenceItemHiddenLabel = _interopRequireDefault(require("./step-sequence-item-hidden-label.style"));
+var _stepSequenceItem = require("./step-sequence-item.style");
 
 var _icon = _interopRequireDefault(require("../../icon"));
 
@@ -29,70 +23,58 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const StepSequenceItem = props => {
+const StepSequenceItem = ({
+  hideIndicator = false,
+  indicator,
+  status = "incomplete",
+  hiddenCompleteLabel,
+  hiddenCurrentLabel,
+  children,
+  ariaLabel,
+  ...rest
+}) => {
   const {
     orientation
   } = (0, _react.useContext)(_stepSequence.StepSequenceContext);
 
   const indicatorText = () => {
-    return !props.hideIndicator ? /*#__PURE__*/_react.default.createElement(_stepSequenceItemIndicator.default, null, props.indicator) : null;
+    return !hideIndicator ? /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StepSequenceItemIndicatorStyle, null, indicator) : null;
   };
 
-  const icon = () => props.status === "complete" ? /*#__PURE__*/_react.default.createElement(_icon.default, {
+  const icon = () => status === "complete" ? /*#__PURE__*/_react.default.createElement(_icon.default, {
     type: "tick"
   }) : indicatorText();
 
   const hiddenLabel = () => {
-    const {
-      status,
-      hiddenCompleteLabel,
-      hiddenCurrentLabel
-    } = props;
-
     if (hiddenCompleteLabel && status === "complete") {
-      return /*#__PURE__*/_react.default.createElement(_stepSequenceItemHiddenLabel.default, null, hiddenCompleteLabel);
+      return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StepSequenceItemHiddenLabelStyle, null, hiddenCompleteLabel);
     }
 
     if (hiddenCurrentLabel && status === "current") {
-      return /*#__PURE__*/_react.default.createElement(_stepSequenceItemHiddenLabel.default, null, hiddenCurrentLabel);
+      return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StepSequenceItemHiddenLabelStyle, null, hiddenCurrentLabel);
     }
 
     return null;
   };
 
-  return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.default, _extends({
-    "data-component": "step-sequence-item"
-  }, props, {
+  return /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StepSequenceItemStyle, _extends({
+    "data-component": "step-sequence-item",
     orientation: orientation,
-    key: `step-seq-item-${props.indicator}`
-  }), hiddenLabel(), /*#__PURE__*/_react.default.createElement(_stepSequenceItemContent.default, null, icon(), /*#__PURE__*/_react.default.createElement("span", null, props.children)));
+    status: status,
+    key: `step-seq-item-${indicator}`,
+    "aria-label": ariaLabel
+  }, rest), hiddenLabel(), /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StepSequenceItemContentStyle, null, icon(), /*#__PURE__*/_react.default.createElement("span", null, children)));
 };
 
+exports.StepSequenceItem = StepSequenceItem;
 StepSequenceItem.propTypes = {
-  /** Text content for the step item */
-  children: _propTypes.default.node.isRequired,
-
-  /** Value to be displayed before text for uncompleted steps */
-  indicator: _propTypes.default.string.isRequired,
-
-  /** Flag to hide the indicator for uncompleted steps */
-  hideIndicator: _propTypes.default.bool,
-
-  /** Aria label */
-  ariaLabel: _propTypes.default.string,
-
-  /** Status for the step */
-  status: _propTypes.default.oneOf(["complete", "current", "incomplete"]),
-
-  /** Hidden label to be displayed if item is complete */
-  hiddenCompleteLabel: _propTypes.default.string,
-
-  /** Hidden label to be displayed if item is current */
-  hiddenCurrentLabel: _propTypes.default.string
-};
-StepSequenceItem.defaultProps = {
-  status: "incomplete",
-  hideIndicator: false
+  "ariaLabel": _propTypes.default.string,
+  "children": _propTypes.default.node,
+  "hiddenCompleteLabel": _propTypes.default.string,
+  "hiddenCurrentLabel": _propTypes.default.string,
+  "hideIndicator": _propTypes.default.bool,
+  "indicator": _propTypes.default.string.isRequired,
+  "status": _propTypes.default.oneOf(["complete", "current", "incomplete"])
 };
 var _default = StepSequenceItem;
 exports.default = _default;

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.d.ts

@@ -0,0 +1,9 @@
+declare type StepSequenceItemStyle = {
+    status: "complete" | "current" | "incomplete";
+    orientation: "horizontal" | "vertical";
+};
+export declare const StepSequenceItemStyle: import("styled-components").StyledComponent<"li", any, StepSequenceItemStyle, never>;
+export declare const StepSequenceItemContentStyle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StepSequenceItemHiddenLabelStyle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StepSequenceItemIndicatorStyle: import("styled-components").StyledComponent<"span", any, {}, never>;
+export {};

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.StepSequenceItemIndicatorStyle = exports.StepSequenceItemHiddenLabelStyle = exports.StepSequenceItemContentStyle = exports.StepSequenceItemStyle = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -88,5 +88,24 @@ const StepSequenceItemStyle = _styledComponents.default.li`
       }
     `}
 `;
-var _default = StepSequenceItemStyle;
-exports.default = _default;
+exports.StepSequenceItemStyle = StepSequenceItemStyle;
+const StepSequenceItemContentStyle = _styledComponents.default.span`
+  display: flex;
+`;
+exports.StepSequenceItemContentStyle = StepSequenceItemContentStyle;
+const StepSequenceItemHiddenLabelStyle = _styledComponents.default.span`
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+`;
+exports.StepSequenceItemHiddenLabelStyle = StepSequenceItemHiddenLabelStyle;
+const StepSequenceItemIndicatorStyle = _styledComponents.default.span`
+  display: block;
+  min-width: 16px;
+  height: 16px;
+  margin-right: 8px;
+  text-align: center;
+`;
+exports.StepSequenceItemIndicatorStyle = StepSequenceItemIndicatorStyle;

package/lib/components/step-sequence/step-sequence.component.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+export declare const StepSequenceContext: React.Context<{
+    orientation: "horizontal" | "vertical";
+}>;
+export interface StepSequenceProps extends MarginProps {
+    /** Step sequence items to be rendered */
+    children: React.ReactNode;
+    /** The direction that step sequence items should be rendered */
+    orientation?: "horizontal" | "vertical";
+}
+export declare const StepSequence: ({ children, orientation, ...props }: StepSequenceProps) => JSX.Element;
+export default StepSequence;