carbon-addons-iot-react 5.13.0 → 5.14.0

package/lib/scss/components/Button/_button.scss

@@ -5,6 +5,7 @@
 @use '@carbon/react/scss/components/button' as *;
 @use '@carbon/react/scss/utilities/convert';
 @use '../../globals/vars' as *;
+@use '@carbon/styles/scss/components/button/mixins' as *;
 
 .#{$iot-prefix}--btn {
   .#{$prefix}--loading {
@@ -95,3 +96,20 @@
     box-shadow: convert.to-rem(1px) 0 0 0 $button-separator;
   }
 }
+
+// light colored button, to be used on dark backgrounds
+.cds--btn--tertiary--light {
+  @include button-theme(transparent, $white, $white, $background-hover, $white, $background-active);
+
+  &:focus {
+    border-color: $white;
+    box-shadow: inset 0 0 0 $button-outline-width $white,
+      inset 0 0 0 $button-border-width $background-active;
+  }
+
+  &:hover,
+  &:active {
+    background-color: $background-active;
+    border-color: $white;
+  }
+}

package/package.json

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

package/scss/components/Button/_button.scss

@@ -5,6 +5,7 @@
 @use '@carbon/react/scss/components/button' as *;
 @use '@carbon/react/scss/utilities/convert';
 @use '../../globals/vars' as *;
+@use '@carbon/styles/scss/components/button/mixins' as *;
 
 .#{$iot-prefix}--btn {
   .#{$prefix}--loading {
@@ -95,3 +96,20 @@
     box-shadow: convert.to-rem(1px) 0 0 0 $button-separator;
   }
 }
+
+// light colored button, to be used on dark backgrounds
+.cds--btn--tertiary--light {
+  @include button-theme(transparent, $white, $white, $background-hover, $white, $background-active);
+
+  &:focus {
+    border-color: $white;
+    box-shadow: inset 0 0 0 $button-outline-width $white,
+      inset 0 0 0 $button-border-width $background-active;
+  }
+
+  &:hover,
+  &:active {
+    background-color: $background-active;
+    border-color: $white;
+  }
+}

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

@@ -2139,7 +2139,7 @@
   }
 
   var _excluded$15 = ["children", "loading", "disabled", "className", "onClick", "kind", "recommended", "hasIconOnly", "selected", "testID", "testId"];
-  var ButtonKinds$1 = ['primary', 'secondary', 'tertiary', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
+  var ButtonKinds$1 = ['primary', 'secondary', 'tertiary', 'tertiary--light', 'ghost', 'danger', 'danger--primary', 'danger--ghost', 'danger--tertiary'];
   var iotPrefix$2t = settings.iotPrefix;
   var propTypes$2q = {
     /** Show loading spinner, only new prop */
@@ -2264,6 +2264,9 @@
           }, {
             "value": "'tertiary'",
             "computed": false
+          }, {
+            "value": "'tertiary--light'",
+            "computed": false
           }, {
             "value": "'ghost'",
             "computed": false
@@ -270267,16 +270270,19 @@ ${formatRule(Codicon.menuSubmenu)}
         invalid = _ref4.invalid,
         stepNumber = _ref4.stepNumber,
         level = _ref4.level,
-        pictogramName = _ref4.pictogramName;
+        pictogramName = _ref4.pictogramName,
+        isComplete = _ref4.isComplete;
       return /*#__PURE__*/React$1.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,
@@ -342849,9 +342855,10 @@ ${formatRule(Codicon.menuSubmenu)}
           subStep = _ref2.subStep,
           disabled = _ref2.disabled,
           invalid = _ref2.invalid,
-          pictogramName = _ref2.pictogramName;
+          pictogramName = _ref2.pictogramName,
+          isComplete = _ref2.isComplete;
         if (!subStep) {
-          array.push(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, id && {
+          array.push(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, id && {
             id: id
           }), label && {
             label: label
@@ -342865,13 +342872,15 @@ ${formatRule(Codicon.menuSubmenu)}
             invalid: invalid
           }), pictogramName && {
             pictogramName: pictogramName
+          }), {}, {
+            isComplete: isComplete
           }));
         } else {
           var lastMainStep = array[array.length - 1];
           if (!('children' in lastMainStep)) {
             lastMainStep.children = [];
           }
-          lastMainStep.children.push(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, id && {
+          lastMainStep.children.push(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g(_objectSpread$g({}, id && {
             id: id
           }), label && {
             label: label
@@ -342885,6 +342894,8 @@ ${formatRule(Codicon.menuSubmenu)}
             invalid: invalid
           }), pictogramName && {
             pictogramName: pictogramName
+          }), {}, {
+            isComplete: isComplete
           }));
         }
       });