carbon-addons-iot-react 4.1.19 → 4.1.21

package/lib/scss/components/PageWizard/_page-wizard.scss

@@ -58,6 +58,7 @@
     }
 
     &--actions--sticky {
+      display: flex;
       position: fixed;
       bottom: 0;
       left: 0;
@@ -70,13 +71,15 @@
       }
     }
 
-    &--after-footer {
+    &--footer {
       display: flex;
+      align-items: center;
+      &--before--content {
+        flex: 1;
+        justify-content: flex-start;
+      }
 
-      &--content {
-        display: flex;
-        width: 100%;
-        align-items: center;
+      &--after--content {
         justify-content: flex-end;
       }
     }

package/package.json

@@ -345,11 +345,11 @@
     "whatwg-fetch": "^3.0.0"
   },
   "sideEffects": false,
-  "version": "4.1.19",
+  "version": "4.1.21",
   "resolutions": {
     "chokidar": "3.3.1",
     "react-grid-layout": "1.2.2",
     "got": "11.8.5"
   },
-  "gitHead": "aaba6eb9e39997d63435ee25a68e4f0c0aaee659"
+  "gitHead": "34c3861baa0887e05624c5a92c3efb60f8a09e28"
 }

package/scss/components/PageWizard/_page-wizard.scss

@@ -58,6 +58,7 @@
     }
 
     &--actions--sticky {
+      display: flex;
       position: fixed;
       bottom: 0;
       left: 0;
@@ -70,13 +71,15 @@
       }
     }
 
-    &--after-footer {
+    &--footer {
       display: flex;
+      align-items: center;
+      &--before--content {
+        flex: 1;
+        justify-content: flex-start;
+      }
 
-      &--content {
-        display: flex;
-        width: 100%;
-        align-items: center;
+      &--after--content {
         justify-content: flex-end;
       }
     }

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

@@ -210836,8 +210836,9 @@ ${formatRule(Codicon.menuSubmenu)}
             ref: isLastVisibleColumn ? _this2.filterCellRef : undefined
           }, headerContent, hasFilterRowIcon && isLastVisibleColumn ? /*#__PURE__*/React$1.createElement(React$1.Fragment, null, /*#__PURE__*/React$1.createElement(TableToolbarSVGButton$1, {
             testId: "filter-row-icon",
-            className: classnames("".concat(iotPrefix$2c, "--filter-header-icon"), _defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$2c, "--filter-header-icon--with-border"), hasResize && showColumnGroups && !hasRowActions), "".concat(iotPrefix$2c, "--filter-header-icon--with-margin"), hasRowActions)),
+            className: classnames("".concat(iotPrefix$2c, "--filter-header-icon ").concat(iotPrefix$2c, "-hide-tooltip-icon"), _defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$2c, "--filter-header-icon--with-border"), hasResize && showColumnGroups && !hasRowActions), "".concat(iotPrefix$2c, "--filter-header-icon--with-margin"), hasRowActions)),
             description: filterRowIconDescription,
+            title: filterRowIconDescription,
             onClick: onFilterRowIconClick,
             renderIcon: filterRowIcon,
             size: "field",
@@ -322431,13 +322432,15 @@ React keys must be passed directly to JSX without using spread:
       className: "".concat(iotPrefix$o, "--page-wizard--inline-notificaton")
     }) : null, children, /*#__PURE__*/React$1.createElement("div", {
       className: classnames(_defineProperty$c(_defineProperty$c(_defineProperty$c({}, "".concat(iotPrefix$o, "--page-wizard--content--actions--sticky"), hasStickyFooter), "".concat(iotPrefix$o, "--page-wizard--content--actions"), !hasStickyFooter), "".concat(iotPrefix$o, "--page-wizard--content--after-footer"), !!afterFooterContent))
-    }, beforeFooterContent, !hasPrev ? /*#__PURE__*/React$1.createElement(Button$2, {
+    }, /*#__PURE__*/React$1.createElement("div", {
+      className: "".concat(iotPrefix$o, "--page-wizard--content--footer ").concat(iotPrefix$o, "--page-wizard--content--footer--before--content")
+    }, beforeFooterContent), !hasPrev ? /*#__PURE__*/React$1.createElement(Button$2, {
       onClick: onClose,
       kind: "secondary"
-    }, i18n.cancel) : null, hasPrev ? /*#__PURE__*/React$1.createElement(Button$2, {
+    }, i18n.cancel) : /*#__PURE__*/React$1.createElement(Button$2, {
       onClick: onBack,
       kind: "secondary"
-    }, i18n.back) : null, hasNext ? /*#__PURE__*/React$1.createElement(Button$2, {
+    }, i18n.back), hasNext ? /*#__PURE__*/React$1.createElement(Button$2, {
       onClick: function onClick() {
         if (onValidate()) {
           if (onNext) onNext();
@@ -322451,7 +322454,7 @@ React keys must be passed directly to JSX without using spread:
       disabled: nextDisabled,
       loading: sendingData
     }, i18n.submit), afterFooterContent && /*#__PURE__*/React$1.createElement("div", {
-      className: "".concat(iotPrefix$o, "--page-wizard--content--after-footer--content")
+      className: "".concat(iotPrefix$o, "--page-wizard--content--footer ").concat(iotPrefix$o, "--page-wizard--content--footer--after--content")
     }, afterFooterContent)));
   };
   PageWizardStep.propTypes = PageWizardStepPropTypes;