carbon-addons-iot-react 5.13.0 → 5.14.0

package/es/components/Button/Button.js

@@ -10,7 +10,7 @@ import { settings } from '../../constants/Settings.js';
 import deprecate from '../../internal/deprecate.js';
 
 var _excluded = ["children", "loading", "disabled", "className", "onClick", "kind", "recommended", "hasIconOnly", "selected", "testID", "testId"];
-var ButtonKinds = ['primary', 'secondary', 'tertiary', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
+var ButtonKinds = ['primary', 'secondary', 'tertiary', 'tertiary--light', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
 var iotPrefix = settings.iotPrefix;
 var propTypes = {
   /** Show loading spinner, only new prop */
@@ -135,6 +135,9 @@ Button.__docgenInfo = {
         }, {
           "value": "'tertiary'",
           "computed": false
+        }, {
+          "value": "'tertiary--light'",
+          "computed": false
         }, {
           "value": "'ghost'",
           "computed": false

package/es/components/PageWizard/PageWizard.js

@@ -162,9 +162,10 @@ var PageWizard = function PageWizard(_ref) {
         subStep = _ref2.subStep,
         disabled = _ref2.disabled,
         invalid = _ref2.invalid,
-        pictogramName = _ref2.pictogramName;
+        pictogramName = _ref2.pictogramName,
+        isComplete = _ref2.isComplete;
       if (!subStep) {
-        array.push(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, id && {
+        array.push(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, id && {
           id: id
         }), label && {
           label: label
@@ -178,13 +179,15 @@ var PageWizard = function PageWizard(_ref) {
           invalid: invalid
         }), pictogramName && {
           pictogramName: pictogramName
+        }), {}, {
+          isComplete: isComplete
         }));
       } else {
         var lastMainStep = array[array.length - 1];
         if (!('children' in lastMainStep)) {
           lastMainStep.children = [];
         }
-        lastMainStep.children.push(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, id && {
+        lastMainStep.children.push(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, id && {
           id: id
         }), label && {
           label: label
@@ -198,6 +201,8 @@ var PageWizard = function PageWizard(_ref) {
           invalid: invalid
         }), pictogramName && {
           pictogramName: pictogramName
+        }), {}, {
+          isComplete: isComplete
         }));
       }
     });

package/es/components/ProgressIndicator/ProgressIndicator.js

@@ -294,16 +294,19 @@ var ProgressIndicator = function ProgressIndicator(_ref2) {
       invalid = _ref4.invalid,
       stepNumber = _ref4.stepNumber,
       level = _ref4.level,
-      pictogramName = _ref4.pictogramName;
+      pictogramName = _ref4.pictogramName,
+      isComplete = _ref4.isComplete;
     return /*#__PURE__*/React__default.createElement(ProgressStep, {
       id: id,
       key: id,
       label: label,
       secondaryLabel: secondaryLabel,
       description: description || label,
-      current: currentStep === id,
-      complete: getCurrentIndex() > index,
-      incomplete: getCurrentIndex() < index,
+      current: currentStep === id
+      // user can mark complete/incomplete based on it's own criteria
+      ,
+      complete: typeof isComplete === 'boolean' ? isComplete : getCurrentIndex() > index,
+      incomplete: typeof isComplete === 'boolean' ? !isComplete : getCurrentIndex() < index,
       mainStep: level === 0,
       subStep: level > 0,
       onClick: handleChange,

package/lib/components/Button/Button.js

@@ -21,7 +21,7 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["children", "loading", "disabled", "className", "onClick", "kind", "recommended", "hasIconOnly", "selected", "testID", "testId"];
-var ButtonKinds = ['primary', 'secondary', 'tertiary', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
+var ButtonKinds = ['primary', 'secondary', 'tertiary', 'tertiary--light', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
 var iotPrefix = Settings.settings.iotPrefix;
 var propTypes = {
   /** Show loading spinner, only new prop */
@@ -146,6 +146,9 @@ Button.__docgenInfo = {
         }, {
           "value": "'tertiary'",
           "computed": false
+        }, {
+          "value": "'tertiary--light'",
+          "computed": false
         }, {
           "value": "'ghost'",
           "computed": false

package/lib/components/PageWizard/PageWizard.js

@@ -173,9 +173,10 @@ var PageWizard = function PageWizard(_ref) {
         subStep = _ref2.subStep,
         disabled = _ref2.disabled,
         invalid = _ref2.invalid,
-        pictogramName = _ref2.pictogramName;
+        pictogramName = _ref2.pictogramName,
+        isComplete = _ref2.isComplete;
       if (!subStep) {
-        array.push(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, id && {
+        array.push(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, id && {
           id: id
         }), label && {
           label: label
@@ -189,13 +190,15 @@ var PageWizard = function PageWizard(_ref) {
           invalid: invalid
         }), pictogramName && {
           pictogramName: pictogramName
+        }), {}, {
+          isComplete: isComplete
         }));
       } else {
         var lastMainStep = array[array.length - 1];
         if (!('children' in lastMainStep)) {
           lastMainStep.children = [];
         }
-        lastMainStep.children.push(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, id && {
+        lastMainStep.children.push(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, id && {
           id: id
         }), label && {
           label: label
@@ -209,6 +212,8 @@ var PageWizard = function PageWizard(_ref) {
           invalid: invalid
         }), pictogramName && {
           pictogramName: pictogramName
+        }), {}, {
+          isComplete: isComplete
         }));
       }
     });

package/lib/components/ProgressIndicator/ProgressIndicator.js

@@ -323,16 +323,19 @@ var ProgressIndicator = function ProgressIndicator(_ref2) {
       invalid = _ref4.invalid,
       stepNumber = _ref4.stepNumber,
       level = _ref4.level,
-      pictogramName = _ref4.pictogramName;
+      pictogramName = _ref4.pictogramName,
+      isComplete = _ref4.isComplete;
     return /*#__PURE__*/React__default.default.createElement(ProgressStep, {
       id: id,
       key: id,
       label: label,
       secondaryLabel: secondaryLabel,
       description: description || label,
-      current: currentStep === id,
-      complete: getCurrentIndex() > index,
-      incomplete: getCurrentIndex() < index,
+      current: currentStep === id
+      // user can mark complete/incomplete based on it's own criteria
+      ,
+      complete: typeof isComplete === 'boolean' ? isComplete : getCurrentIndex() > index,
+      incomplete: typeof isComplete === 'boolean' ? !isComplete : getCurrentIndex() < index,
       mainStep: level === 0,
       subStep: level > 0,
       onClick: handleChange,

package/lib/css/carbon-addons-iot-react.css

@@ -8247,6 +8247,36 @@ li.cds--accordion__item--disabled:last-of-type {
   box-shadow: 0.0625rem 0 0 0 var(--cds-button-separator, #e0e0e0);
 }
 
+.cds--btn--tertiary--light {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ffffff;
+  background-color: transparent;
+  color: #ffffff;
+}
+.cds--btn--tertiary--light:hover {
+  background-color: var(--cds-background-hover, rgba(141, 141, 141, 0.12));
+}
+.cds--btn--tertiary--light:focus {
+  border-color: var(--cds-button-focus-color, var(--cds-focus, #0f62fe));
+  box-shadow: inset 0 0 0 1px var(--cds-button-focus-color, var(--cds-focus, #0f62fe)), inset 0 0 0 2px var(--cds-background, #ffffff);
+}
+.cds--btn--tertiary--light:active {
+  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
+}
+.cds--btn--tertiary--light .cds--btn__icon,
+.cds--btn--tertiary--light .cds--btn__icon path:not([data-icon-path]):not([fill=none]) {
+  fill: #ffffff;
+}
+.cds--btn--tertiary--light:focus {
+  border-color: #ffffff;
+  box-shadow: inset 0 0 0 1px #ffffff, inset 0 0 0 2px var(--cds-background-active, rgba(141, 141, 141, 0.5));
+}
+.cds--btn--tertiary--light:hover, .cds--btn--tertiary--light:active {
+  background-color: var(--cds-background-active, rgba(141, 141, 141, 0.5));
+  border-color: #ffffff;
+}
+
 .cds--overflow-menu,
 .cds--overflow-menu__trigger {
   display: inline-block;