carbon-addons-iot-react 5.15.2 → 5.16.1

package/es/components/PageWizard/PageWizard.js

@@ -67,7 +67,9 @@ var PageWizardPropTypes = {
   testId: PropTypes.string,
   /** Specify whether the progress steps should be split equally in size in the div */
   spaceEqually: PropTypes.bool,
-  stepWidth: PropTypes.number
+  stepWidth: PropTypes.number,
+  /** When true, all connector lines are highlighted blue to show progress */
+  highlightConnectorLinesToShowProgress: PropTypes.bool
 };
 var defaultProps = {
   children: [],
@@ -92,7 +94,8 @@ var defaultProps = {
   isClickable: false,
   testId: 'page-wizard',
   spaceEqually: false,
-  stepWidth: null
+  stepWidth: null,
+  highlightConnectorLinesToShowProgress: true
 };
 var PageWizard = function PageWizard(_ref) {
   var ch = _ref.children,
@@ -115,7 +118,8 @@ var PageWizard = function PageWizard(_ref) {
     isClickable = _ref.isClickable,
     testId = _ref.testId,
     spaceEqually = _ref.spaceEqually,
-    stepWidth = _ref.stepWidth;
+    stepWidth = _ref.stepWidth,
+    highlightConnectorLinesToShowProgress = _ref.highlightConnectorLinesToShowProgress;
   var children = ch.length ? ch : [ch];
   var steps = React__default.Children.map(children, function (step) {
     return step.props;
@@ -220,7 +224,8 @@ var PageWizard = function PageWizard(_ref) {
     isVerticalMode: isProgressIndicatorVertical,
     isClickable: isClickable,
     spaceEqually: spaceEqually,
-    stepWidth: stepWidth
+    stepWidth: stepWidth,
+    highlightConnectorLinesToShowProgress: highlightConnectorLinesToShowProgress
     // TODO: pass down the testId in v3 instead of falling back to the
     // default.
     // testId={`${testId}-progress-indicator`}
@@ -451,6 +456,17 @@ PageWizard.__docgenInfo = {
       },
       "required": false
     },
+    "highlightConnectorLinesToShowProgress": {
+      "defaultValue": {
+        "value": "true",
+        "computed": false
+      },
+      "description": "When true, all connector lines are highlighted blue to show progress",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
     "onClose": {
       "description": "action if the inline wizard is closed or canceled",
       "type": {

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -42,7 +42,8 @@ var ProgressStep = function ProgressStep(_ref) {
     subStep = _ref.subStep,
     spaceEqually = _ref.spaceEqually,
     pictogramName = _ref.pictogramName,
-    hasPictogram = _ref.hasPictogram;
+    hasPictogram = _ref.hasPictogram,
+    highlightConnectorLinesToShowProgress = _ref.highlightConnectorLinesToShowProgress;
   var accessible = isClickable && !disabled && !current;
   var handleClick = function handleClick() {
     if (onClick) {
@@ -115,7 +116,8 @@ var ProgressStep = function ProgressStep(_ref) {
     }, value);
   };
   var StepLine = function StepLine() {
-    var classes = classnames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--progress-step-line"), !complete && !subStep), "".concat(iotPrefix, "--progress-step-line--sub"), !complete && subStep), "".concat(iotPrefix, "--progress-step-line--complete"), complete && !subStep), "".concat(iotPrefix, "--progress-step-line--sub-complete"), complete && subStep));
+    var showComplete = complete && highlightConnectorLinesToShowProgress;
+    var classes = classnames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(iotPrefix, "--progress-step-line"), !subStep && !showComplete), "".concat(iotPrefix, "--progress-step-line--sub"), subStep && !showComplete), "".concat(iotPrefix, "--progress-step-line--complete"), !subStep && showComplete), "".concat(iotPrefix, "--progress-step-line--sub-complete"), subStep && showComplete));
     return !lastItem ? /*#__PURE__*/React__default.createElement("div", {
       className: classes
     }) : null;
@@ -187,7 +189,9 @@ ProgressStep.propTypes = {
   onClick: PropTypes.func,
   spaceEqually: PropTypes.bool,
   pictogramName: PropTypes.string,
-  hasPictogram: PropTypes.bool
+  hasPictogram: PropTypes.bool,
+  /** When true, all connector lines are highlighted blue to show progress */
+  highlightConnectorLinesToShowProgress: PropTypes.bool
 };
 ProgressStep.defaultProps = {
   label: null,
@@ -209,7 +213,9 @@ ProgressStep.defaultProps = {
   onClick: null,
   spaceEqually: false,
   pictogramName: null,
-  hasPictogram: false
+  hasPictogram: false,
+  /** default false, all connector lines are highlighted grey to show progress */
+  highlightConnectorLinesToShowProgress: true
 };
 var ProgressIndicator = function ProgressIndicator(_ref2) {
   var className = _ref2.className,
@@ -221,7 +227,8 @@ var ProgressIndicator = function ProgressIndicator(_ref2) {
     isClickable = _ref2.isClickable,
     onClickItem = _ref2.onClickItem,
     testId = _ref2.testId,
-    spaceEqually = _ref2.spaceEqually;
+    spaceEqually = _ref2.spaceEqually,
+    highlightConnectorLinesToShowProgress = _ref2.highlightConnectorLinesToShowProgress;
   var _useState = useState(currentItemId || items[0].id),
     _useState2 = _slicedToArray(_useState, 2),
     currentStep = _useState2[0],
@@ -320,7 +327,8 @@ var ProgressIndicator = function ProgressIndicator(_ref2) {
       isClickable: isClickable,
       spaceEqually: spaceEqually,
       pictogramName: pictogramName,
-      hasPictogram: hasPictogram
+      hasPictogram: hasPictogram,
+      highlightConnectorLinesToShowProgress: highlightConnectorLinesToShowProgress
     });
   })) : null;
 };
@@ -343,7 +351,9 @@ ProgressIndicator.propTypes = {
   onClickItem: PropTypes.func,
   testId: PropTypes.string,
   /** Specify whether the progress steps should be split equally in size in the div */
-  spaceEqually: PropTypes.bool
+  spaceEqually: PropTypes.bool,
+  /** When true, all connector lines are highlighted blue to show progress */
+  highlightConnectorLinesToShowProgress: PropTypes.bool
 };
 ProgressIndicator.defaultProps = {
   className: null,
@@ -355,7 +365,9 @@ ProgressIndicator.defaultProps = {
   isClickable: false,
   onClickItem: null,
   testId: "".concat(iotPrefix, "--progress-indicator-testid"),
-  spaceEqually: false
+  spaceEqually: false,
+  /** default false, all connector lines are highlighted grey to show progress */
+  highlightConnectorLinesToShowProgress: true
 };
 ProgressIndicator.__docgenInfo = {
   "description": "",
@@ -506,6 +518,17 @@ ProgressIndicator.__docgenInfo = {
         "name": "bool"
       },
       "required": false
+    },
+    "highlightConnectorLinesToShowProgress": {
+      "defaultValue": {
+        "value": "true",
+        "computed": false
+      },
+      "description": "When true, all connector lines are highlighted blue to show progress",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
     }
   }
 };

package/es/constants/LayoutConstants.js

@@ -23,6 +23,8 @@ var CARD_SIZES = {
   LARGE: 'LARGE',
   LARGETHICK: 'LARGETHICK',
   LARGEWIDE: 'LARGEWIDE',
+  LARGE_WIDE_TALL: 'LARGE_WIDE_TALL',
+  LARGE_WIDE_XTALL: 'LARGE_WIDE_XTALL',
   FULL: 'FULL'
 };
 var LEGACY_CARD_SIZES = _objectSpread({
@@ -579,6 +581,58 @@ var CARD_DIMENSIONS = {
       w: 4,
       h: 11
     }
+  },
+  LARGE_WIDE_TALL: {
+    max: {
+      w: 16,
+      h: 6
+    },
+    xl: {
+      w: 16,
+      h: 6
+    },
+    lg: {
+      w: 16,
+      h: 6
+    },
+    md: {
+      w: 8,
+      h: 6
+    },
+    sm: {
+      w: 4,
+      h: 4
+    },
+    xs: {
+      w: 4,
+      h: 4
+    }
+  },
+  LARGE_WIDE_XTALL: {
+    max: {
+      w: 16,
+      h: 8
+    },
+    xl: {
+      w: 16,
+      h: 8
+    },
+    lg: {
+      w: 16,
+      h: 8
+    },
+    md: {
+      w: 8,
+      h: 8
+    },
+    sm: {
+      w: 4,
+      h: 4
+    },
+    xs: {
+      w: 4,
+      h: 4
+    }
   }
 };
 var CARD_LAYOUTS = {

package/lib/components/PageWizard/PageWizard.js

@@ -78,7 +78,9 @@ var PageWizardPropTypes = {
   testId: PropTypes__default.default.string,
   /** Specify whether the progress steps should be split equally in size in the div */
   spaceEqually: PropTypes__default.default.bool,
-  stepWidth: PropTypes__default.default.number
+  stepWidth: PropTypes__default.default.number,
+  /** When true, all connector lines are highlighted blue to show progress */
+  highlightConnectorLinesToShowProgress: PropTypes__default.default.bool
 };
 var defaultProps = {
   children: [],
@@ -103,7 +105,8 @@ var defaultProps = {
   isClickable: false,
   testId: 'page-wizard',
   spaceEqually: false,
-  stepWidth: null
+  stepWidth: null,
+  highlightConnectorLinesToShowProgress: true
 };
 var PageWizard = function PageWizard(_ref) {
   var ch = _ref.children,
@@ -126,7 +129,8 @@ var PageWizard = function PageWizard(_ref) {
     isClickable = _ref.isClickable,
     testId = _ref.testId,
     spaceEqually = _ref.spaceEqually,
-    stepWidth = _ref.stepWidth;
+    stepWidth = _ref.stepWidth,
+    highlightConnectorLinesToShowProgress = _ref.highlightConnectorLinesToShowProgress;
   var children = ch.length ? ch : [ch];
   var steps = React__default.default.Children.map(children, function (step) {
     return step.props;
@@ -231,7 +235,8 @@ var PageWizard = function PageWizard(_ref) {
     isVerticalMode: isProgressIndicatorVertical,
     isClickable: isClickable,
     spaceEqually: spaceEqually,
-    stepWidth: stepWidth
+    stepWidth: stepWidth,
+    highlightConnectorLinesToShowProgress: highlightConnectorLinesToShowProgress
     // TODO: pass down the testId in v3 instead of falling back to the
     // default.
     // testId={`${testId}-progress-indicator`}
@@ -462,6 +467,17 @@ PageWizard.__docgenInfo = {
       },
       "required": false
     },
+    "highlightConnectorLinesToShowProgress": {
+      "defaultValue": {
+        "value": "true",
+        "computed": false
+      },
+      "description": "When true, all connector lines are highlighted blue to show progress",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
+    },
     "onClose": {
       "description": "action if the inline wizard is closed or canceled",
       "type": {

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -71,7 +71,8 @@ var ProgressStep = function ProgressStep(_ref) {
     subStep = _ref.subStep,
     spaceEqually = _ref.spaceEqually,
     pictogramName = _ref.pictogramName,
-    hasPictogram = _ref.hasPictogram;
+    hasPictogram = _ref.hasPictogram,
+    highlightConnectorLinesToShowProgress = _ref.highlightConnectorLinesToShowProgress;
   var accessible = isClickable && !disabled && !current;
   var handleClick = function handleClick() {
     if (onClick) {
@@ -144,7 +145,8 @@ var ProgressStep = function ProgressStep(_ref) {
     }, value);
   };
   var StepLine = function StepLine() {
-    var classes = classnames__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--progress-step-line"), !complete && !subStep), "".concat(iotPrefix, "--progress-step-line--sub"), !complete && subStep), "".concat(iotPrefix, "--progress-step-line--complete"), complete && !subStep), "".concat(iotPrefix, "--progress-step-line--sub-complete"), complete && subStep));
+    var showComplete = complete && highlightConnectorLinesToShowProgress;
+    var classes = classnames__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default(_defineProperty__default.default({}, "".concat(iotPrefix, "--progress-step-line"), !subStep && !showComplete), "".concat(iotPrefix, "--progress-step-line--sub"), subStep && !showComplete), "".concat(iotPrefix, "--progress-step-line--complete"), !subStep && showComplete), "".concat(iotPrefix, "--progress-step-line--sub-complete"), subStep && showComplete));
     return !lastItem ? /*#__PURE__*/React__default.default.createElement("div", {
       className: classes
     }) : null;
@@ -216,7 +218,9 @@ ProgressStep.propTypes = {
   onClick: PropTypes__default.default.func,
   spaceEqually: PropTypes__default.default.bool,
   pictogramName: PropTypes__default.default.string,
-  hasPictogram: PropTypes__default.default.bool
+  hasPictogram: PropTypes__default.default.bool,
+  /** When true, all connector lines are highlighted blue to show progress */
+  highlightConnectorLinesToShowProgress: PropTypes__default.default.bool
 };
 ProgressStep.defaultProps = {
   label: null,
@@ -238,7 +242,9 @@ ProgressStep.defaultProps = {
   onClick: null,
   spaceEqually: false,
   pictogramName: null,
-  hasPictogram: false
+  hasPictogram: false,
+  /** default false, all connector lines are highlighted grey to show progress */
+  highlightConnectorLinesToShowProgress: true
 };
 var ProgressIndicator = function ProgressIndicator(_ref2) {
   var className = _ref2.className,
@@ -250,7 +256,8 @@ var ProgressIndicator = function ProgressIndicator(_ref2) {
     isClickable = _ref2.isClickable,
     onClickItem = _ref2.onClickItem,
     testId = _ref2.testId,
-    spaceEqually = _ref2.spaceEqually;
+    spaceEqually = _ref2.spaceEqually,
+    highlightConnectorLinesToShowProgress = _ref2.highlightConnectorLinesToShowProgress;
   var _useState = React.useState(currentItemId || items[0].id),
     _useState2 = _slicedToArray__default.default(_useState, 2),
     currentStep = _useState2[0],
@@ -349,7 +356,8 @@ var ProgressIndicator = function ProgressIndicator(_ref2) {
       isClickable: isClickable,
       spaceEqually: spaceEqually,
       pictogramName: pictogramName,
-      hasPictogram: hasPictogram
+      hasPictogram: hasPictogram,
+      highlightConnectorLinesToShowProgress: highlightConnectorLinesToShowProgress
     });
   })) : null;
 };
@@ -372,7 +380,9 @@ ProgressIndicator.propTypes = {
   onClickItem: PropTypes__default.default.func,
   testId: PropTypes__default.default.string,
   /** Specify whether the progress steps should be split equally in size in the div */
-  spaceEqually: PropTypes__default.default.bool
+  spaceEqually: PropTypes__default.default.bool,
+  /** When true, all connector lines are highlighted blue to show progress */
+  highlightConnectorLinesToShowProgress: PropTypes__default.default.bool
 };
 ProgressIndicator.defaultProps = {
   className: null,
@@ -384,7 +394,9 @@ ProgressIndicator.defaultProps = {
   isClickable: false,
   onClickItem: null,
   testId: "".concat(iotPrefix, "--progress-indicator-testid"),
-  spaceEqually: false
+  spaceEqually: false,
+  /** default false, all connector lines are highlighted grey to show progress */
+  highlightConnectorLinesToShowProgress: true
 };
 ProgressIndicator.__docgenInfo = {
   "description": "",
@@ -535,6 +547,17 @@ ProgressIndicator.__docgenInfo = {
         "name": "bool"
       },
       "required": false
+    },
+    "highlightConnectorLinesToShowProgress": {
+      "defaultValue": {
+        "value": "true",
+        "computed": false
+      },
+      "description": "When true, all connector lines are highlighted blue to show progress",
+      "type": {
+        "name": "bool"
+      },
+      "required": false
     }
   }
 };

package/lib/constants/LayoutConstants.js

@@ -29,6 +29,8 @@ var CARD_SIZES = {
   LARGE: 'LARGE',
   LARGETHICK: 'LARGETHICK',
   LARGEWIDE: 'LARGEWIDE',
+  LARGE_WIDE_TALL: 'LARGE_WIDE_TALL',
+  LARGE_WIDE_XTALL: 'LARGE_WIDE_XTALL',
   FULL: 'FULL'
 };
 var LEGACY_CARD_SIZES = _objectSpread({
@@ -585,6 +587,58 @@ var CARD_DIMENSIONS = {
       w: 4,
       h: 11
     }
+  },
+  LARGE_WIDE_TALL: {
+    max: {
+      w: 16,
+      h: 6
+    },
+    xl: {
+      w: 16,
+      h: 6
+    },
+    lg: {
+      w: 16,
+      h: 6
+    },
+    md: {
+      w: 8,
+      h: 6
+    },
+    sm: {
+      w: 4,
+      h: 4
+    },
+    xs: {
+      w: 4,
+      h: 4
+    }
+  },
+  LARGE_WIDE_XTALL: {
+    max: {
+      w: 16,
+      h: 8
+    },
+    xl: {
+      w: 16,
+      h: 8
+    },
+    lg: {
+      w: 16,
+      h: 8
+    },
+    md: {
+      w: 8,
+      h: 8
+    },
+    sm: {
+      w: 4,
+      h: 4
+    },
+    xs: {
+      w: 4,
+      h: 4
+    }
   }
 };
 var CARD_LAYOUTS = {

package/package.json

@@ -353,7 +353,7 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "5.15.2",
+  "version": "5.16.1",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2",

package/umd/carbon-addons-iot-react.js

@@ -13056,6 +13056,8 @@
     LARGE: 'LARGE',
     LARGETHICK: 'LARGETHICK',
     LARGEWIDE: 'LARGEWIDE',
+    LARGE_WIDE_TALL: 'LARGE_WIDE_TALL',
+    LARGE_WIDE_XTALL: 'LARGE_WIDE_XTALL',
     FULL: 'FULL'
   };
   var LEGACY_CARD_SIZES = _objectSpread$28({
@@ -13612,6 +13614,58 @@
         w: 4,
         h: 11
       }
+    },
+    LARGE_WIDE_TALL: {
+      max: {
+        w: 16,
+        h: 6
+      },
+      xl: {
+        w: 16,
+        h: 6
+      },
+      lg: {
+        w: 16,
+        h: 6
+      },
+      md: {
+        w: 8,
+        h: 6
+      },
+      sm: {
+        w: 4,
+        h: 4
+      },
+      xs: {
+        w: 4,
+        h: 4
+      }
+    },
+    LARGE_WIDE_XTALL: {
+      max: {
+        w: 16,
+        h: 8
+      },
+      xl: {
+        w: 16,
+        h: 8
+      },
+      lg: {
+        w: 16,
+        h: 8
+      },
+      md: {
+        w: 8,
+        h: 8
+      },
+      sm: {
+        w: 4,
+        h: 4
+      },
+      xs: {
+        w: 4,
+        h: 4
+      }
     }
   };
   var CARD_LAYOUTS = {
@@ -270024,7 +270078,8 @@ ${formatRule(Codicon.menuSubmenu)}
       subStep = _ref.subStep,
       spaceEqually = _ref.spaceEqually,
       pictogramName = _ref.pictogramName,
-      hasPictogram = _ref.hasPictogram;
+      hasPictogram = _ref.hasPictogram,
+      highlightConnectorLinesToShowProgress = _ref.highlightConnectorLinesToShowProgress;
     var accessible = isClickable && !disabled && !current;
     var handleClick = function handleClick() {
       if (onClick) {
@@ -270097,7 +270152,8 @@ ${formatRule(Codicon.menuSubmenu)}
       }, value);
     };
     var StepLine = function StepLine() {
-      var classes = classnames(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d({}, "".concat(iotPrefix$1E, "--progress-step-line"), !complete && !subStep), "".concat(iotPrefix$1E, "--progress-step-line--sub"), !complete && subStep), "".concat(iotPrefix$1E, "--progress-step-line--complete"), complete && !subStep), "".concat(iotPrefix$1E, "--progress-step-line--sub-complete"), complete && subStep));
+      var showComplete = complete && highlightConnectorLinesToShowProgress;
+      var classes = classnames(_defineProperty$d(_defineProperty$d(_defineProperty$d(_defineProperty$d({}, "".concat(iotPrefix$1E, "--progress-step-line"), !subStep && !showComplete), "".concat(iotPrefix$1E, "--progress-step-line--sub"), subStep && !showComplete), "".concat(iotPrefix$1E, "--progress-step-line--complete"), !subStep && showComplete), "".concat(iotPrefix$1E, "--progress-step-line--sub-complete"), subStep && showComplete));
       return !lastItem ? /*#__PURE__*/React$1.createElement("div", {
         className: classes
       }) : null;
@@ -270169,7 +270225,9 @@ ${formatRule(Codicon.menuSubmenu)}
     onClick: PropTypes.func,
     spaceEqually: PropTypes.bool,
     pictogramName: PropTypes.string,
-    hasPictogram: PropTypes.bool
+    hasPictogram: PropTypes.bool,
+    /** When true, all connector lines are highlighted blue to show progress */
+    highlightConnectorLinesToShowProgress: PropTypes.bool
   };
   ProgressStep.defaultProps = {
     label: null,
@@ -270191,7 +270249,9 @@ ${formatRule(Codicon.menuSubmenu)}
     onClick: null,
     spaceEqually: false,
     pictogramName: null,
-    hasPictogram: false
+    hasPictogram: false,
+    /** default false, all connector lines are highlighted grey to show progress */
+    highlightConnectorLinesToShowProgress: true
   };
   var ProgressIndicator = function ProgressIndicator(_ref2) {
     var className = _ref2.className,
@@ -270203,7 +270263,8 @@ ${formatRule(Codicon.menuSubmenu)}
       isClickable = _ref2.isClickable,
       onClickItem = _ref2.onClickItem,
       testId = _ref2.testId,
-      spaceEqually = _ref2.spaceEqually;
+      spaceEqually = _ref2.spaceEqually,
+      highlightConnectorLinesToShowProgress = _ref2.highlightConnectorLinesToShowProgress;
     var _useState = React$1.useState(currentItemId || items[0].id),
       _useState2 = _slicedToArray$9(_useState, 2),
       currentStep = _useState2[0],
@@ -270302,7 +270363,8 @@ ${formatRule(Codicon.menuSubmenu)}
         isClickable: isClickable,
         spaceEqually: spaceEqually,
         pictogramName: pictogramName,
-        hasPictogram: hasPictogram
+        hasPictogram: hasPictogram,
+        highlightConnectorLinesToShowProgress: highlightConnectorLinesToShowProgress
       });
     })) : null;
   };
@@ -270325,7 +270387,9 @@ ${formatRule(Codicon.menuSubmenu)}
     onClickItem: PropTypes.func,
     testId: PropTypes.string,
     /** Specify whether the progress steps should be split equally in size in the div */
-    spaceEqually: PropTypes.bool
+    spaceEqually: PropTypes.bool,
+    /** When true, all connector lines are highlighted blue to show progress */
+    highlightConnectorLinesToShowProgress: PropTypes.bool
   };
   ProgressIndicator.defaultProps = {
     className: null,
@@ -270337,7 +270401,9 @@ ${formatRule(Codicon.menuSubmenu)}
     isClickable: false,
     onClickItem: null,
     testId: "".concat(iotPrefix$1E, "--progress-indicator-testid"),
-    spaceEqually: false
+    spaceEqually: false,
+    /** default false, all connector lines are highlighted grey to show progress */
+    highlightConnectorLinesToShowProgress: true
   };
   ProgressIndicator.__docgenInfo = {
     "description": "",
@@ -270488,6 +270554,17 @@ ${formatRule(Codicon.menuSubmenu)}
           "name": "bool"
         },
         "required": false
+      },
+      "highlightConnectorLinesToShowProgress": {
+        "defaultValue": {
+          "value": "true",
+          "computed": false
+        },
+        "description": "When true, all connector lines are highlighted blue to show progress",
+        "type": {
+          "name": "bool"
+        },
+        "required": false
       }
     }
   };
@@ -342792,7 +342869,9 @@ ${formatRule(Codicon.menuSubmenu)}
     testId: PropTypes.string,
     /** Specify whether the progress steps should be split equally in size in the div */
     spaceEqually: PropTypes.bool,
-    stepWidth: PropTypes.number
+    stepWidth: PropTypes.number,
+    /** When true, all connector lines are highlighted blue to show progress */
+    highlightConnectorLinesToShowProgress: PropTypes.bool
   };
   var defaultProps$r = {
     children: [],
@@ -342817,7 +342896,8 @@ ${formatRule(Codicon.menuSubmenu)}
     isClickable: false,
     testId: 'page-wizard',
     spaceEqually: false,
-    stepWidth: null
+    stepWidth: null,
+    highlightConnectorLinesToShowProgress: true
   };
   var PageWizard = function PageWizard(_ref) {
     var ch = _ref.children,
@@ -342840,7 +342920,8 @@ ${formatRule(Codicon.menuSubmenu)}
       isClickable = _ref.isClickable,
       testId = _ref.testId,
       spaceEqually = _ref.spaceEqually,
-      stepWidth = _ref.stepWidth;
+      stepWidth = _ref.stepWidth,
+      highlightConnectorLinesToShowProgress = _ref.highlightConnectorLinesToShowProgress;
     var children = ch.length ? ch : [ch];
     var steps = React$1.Children.map(children, function (step) {
       return step.props;
@@ -342945,7 +343026,8 @@ ${formatRule(Codicon.menuSubmenu)}
       isVerticalMode: isProgressIndicatorVertical,
       isClickable: isClickable,
       spaceEqually: spaceEqually,
-      stepWidth: stepWidth
+      stepWidth: stepWidth,
+      highlightConnectorLinesToShowProgress: highlightConnectorLinesToShowProgress
       // TODO: pass down the testId in v3 instead of falling back to the
       // default.
       // testId={`${testId}-progress-indicator`}
@@ -343176,6 +343258,17 @@ ${formatRule(Codicon.menuSubmenu)}
         },
         "required": false
       },
+      "highlightConnectorLinesToShowProgress": {
+        "defaultValue": {
+          "value": "true",
+          "computed": false
+        },
+        "description": "When true, all connector lines are highlighted blue to show progress",
+        "type": {
+          "name": "bool"
+        },
+        "required": false
+      },
       "onClose": {
         "description": "action if the inline wizard is closed or canceled",
         "type": {